import { n as e } from "./chunk-TYymryXo.mjs";
import { t } from "./_plugin-vue_export-helper-C_T2la-V.mjs";
import { Fragment as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, ref as l, renderList as u, toDisplayString as d, watch as f } from "vue";
import './stepHeader.css';//#region src/pages/flow-create/flow-model/createComponents/stepHeader.vue?vue&type=script&setup=true&lang.ts
var p = {
	flex: "",
	"items-center": "",
	"justify-between": "",
	class: "step-panel"
}, m = ["onClick"], h = { class: "x_icon" }, g = { class: "x_step-text" }, _ = {
	key: 0,
	"flex-1": "",
	class: "x_line"
}, v = /* @__PURE__ */ o({
	name: "StepHeader",
	__name: "stepHeader",
	props: { current: {} },
	emits: ["change"],
	setup(e, { emit: t }) {
		let o = e, v = t, y = l(o.current ?? 1);
		f(() => o.current, (e) => {
			typeof e == "number" && e !== y.value && (y.value = e);
		});
		let b = [
			{
				key: "baseinfo",
				index: 1,
				title: "基本信息"
			},
			{
				key: "forminfo",
				index: 2,
				title: "表单设计"
			},
			{
				key: "flowdesign",
				index: 3,
				title: "流程设计"
			},
			{
				key: "more",
				index: 4,
				title: "更多设置"
			}
		];
		function x(e) {
			v("change", e);
		}
		return (e, t) => (c(), i("div", p, [(c(), i(n, null, u(b, (e) => a("div", {
			key: e.key,
			class: s(["step-item", { active: y.value === e.index }]),
			flex: "",
			"items-center": "",
			"cursor-pointer": "",
			onClick: (t) => x(e.index)
		}, [
			a("div", h, d(e.index), 1),
			a("div", g, d(e.title), 1),
			e.index === 4 ? r("", !0) : (c(), i("div", _))
		], 10, m)), 64))]));
	}
}), y = /* @__PURE__ */ e({ default: () => b }), b = /* @__PURE__ */ t(v, [["__scopeId", "data-v-a66cf61b"]]);
//#endregion
export { y as n, b as t };
