@farris/ui-vue 1.3.0 → 1.3.3

package/components/step/index.esm.js

@@ -1,102 +1,106 @@
-import { defineComponent as q, ref as m, computed as N, watch as W, createVNode as d, inject as J, onMounted as G } from "vue";
-import { isPlainObject as F, cloneDeep as H } from "lodash-es";
-const _ = {}, C = {};
+import { defineComponent as V, ref as O, computed as E, watch as H, createVNode as b, inject as G, onMounted as J } from "vue";
+import { isPlainObject as z, cloneDeep as Q } from "lodash-es";
+const q = {}, _ = {};
 function B(t) {
-  const { properties: e, title: o, ignore: l } = t, i = l && Array.isArray(l), y = Object.keys(e).reduce((f, O) => ((!i || !l.find((b) => b == O)) && (f[O] = e[O].type === "object" && e[O].properties ? B(e[O]) : H(e[O].default)), f), {});
-  return (!i || !l.find((f) => f == "id")) && (y.id = `${o}-${Date.now()}`), y;
+  const { properties: e, title: a, ignore: c } = t, l = c && Array.isArray(c), y = Object.keys(e).reduce((f, j) => ((!l || !c.find((d) => d === j)) && (f[j] = e[j].type === "object" && e[j].properties ? B(e[j]) : Q(e[j].default)), f), {});
+  if (a && (!l || !c.find((f) => f === "id"))) {
+    const f = a.toLowerCase().replace(/-/g, "_");
+    y.id = `${f}_${Math.random().toString().slice(2, 6)}`;
+  }
+  return y;
 }
-function L(t, e = {}, o) {
-  const l = _[t];
-  if (l) {
-    let i = B(l);
-    const y = C[t];
-    return i = y ? y({ getSchemaByType: L }, i, e, o) : i, i;
+function W(t, e = {}, a) {
+  const c = q[t];
+  if (c) {
+    let l = B(c);
+    const y = _[t];
+    return l = y ? y({ getSchemaByType: W }, l, e, a) : l, l;
   }
   return null;
 }
-function Q(t, e) {
-  const o = B(e);
-  return Object.keys(t).reduce((l, i) => (l[i] && F(l[i]) && F(t[i]) ? Object.assign(l[i], t[i]) : l[i] = t[i], l), o), o;
-}
 function U(t, e) {
-  return Object.keys(t).filter((l) => t[l] != null).reduce((l, i) => {
-    if (e.has(i)) {
-      const y = e.get(i);
+  const a = B(e);
+  return Object.keys(a).reduce((c, l) => (c[l] && z(c[l]) && z(t[l] || !t[l]) ? Object.assign(c[l], t[l] || {}) : c[l] = t[l], c), a), a;
+}
+function X(t, e) {
+  return Object.keys(t).filter((c) => t[c] != null).reduce((c, l) => {
+    if (e.has(l)) {
+      const y = e.get(l);
       if (typeof y == "string")
-        l[y] = t[i];
+        c[y] = t[l];
       else {
-        const f = y(i, t[i], t);
-        Object.assign(l, f);
+        const f = y(l, t[l], t);
+        Object.assign(c, f);
       }
     } else
-      l[i] = t[i];
-    return l;
+      c[l] = t[l];
+    return c;
   }, {});
 }
-function X(t, e, o = /* @__PURE__ */ new Map()) {
-  const l = Q(t, e);
-  return U(l, o);
+function Y(t, e, a = /* @__PURE__ */ new Map()) {
+  const c = U(t, e);
+  return X(c, a);
 }
-function Y(t = {}) {
-  function e(c, v, u, h) {
-    if (typeof u == "number")
-      return h[c].length === u;
-    if (typeof u == "object") {
-      const j = Object.keys(u)[0], k = u[j];
-      if (j === "not")
-        return Number(h[c].length) !== Number(k);
-      if (j === "moreThan")
-        return Number(h[c].length) >= Number(k);
-      if (j === "lessThan")
-        return Number(h[c].length) <= Number(k);
+function Z(t = {}) {
+  function e(n, u, p, v) {
+    if (typeof p == "number")
+      return v[n].length === p;
+    if (typeof p == "object") {
+      const k = Object.keys(p)[0], S = p[k];
+      if (k === "not")
+        return Number(v[n].length) !== Number(S);
+      if (k === "moreThan")
+        return Number(v[n].length) >= Number(S);
+      if (k === "lessThan")
+        return Number(v[n].length) <= Number(S);
     }
     return !1;
   }
-  function o(c, v, u, h) {
-    return h[c] && h[c].propertyValue && String(h[c].propertyValue.value) === String(u);
+  function a(n, u, p, v) {
+    return v[n] && v[n].propertyValue && String(v[n].propertyValue.value) === String(p);
   }
-  const l = /* @__PURE__ */ new Map([
+  const c = /* @__PURE__ */ new Map([
     ["length", e],
-    ["getProperty", o]
+    ["getProperty", a]
   ]);
-  Object.keys(t).reduce((c, v) => (c.set(v, t[v]), c), l);
-  function i(c, v) {
-    const u = c;
-    return typeof v == "number" ? [{ target: u, operator: "length", param: null, value: Number(v) }] : typeof v == "boolean" ? [{ target: u, operator: "getProperty", param: c, value: !!v }] : typeof v == "object" ? Object.keys(v).map((h) => {
-      if (h === "length")
-        return { target: u, operator: "length", param: null, value: v[h] };
-      const j = h, k = v[h];
-      return { target: u, operator: "getProperty", param: j, value: k };
+  Object.keys(t).reduce((n, u) => (n.set(u, t[u]), n), c);
+  function l(n, u) {
+    const p = n;
+    return typeof u == "number" ? [{ target: p, operator: "length", param: null, value: Number(u) }] : typeof u == "boolean" ? [{ target: p, operator: "getProperty", param: n, value: !!u }] : typeof u == "object" ? Object.keys(u).map((v) => {
+      if (v === "length")
+        return { target: p, operator: "length", param: null, value: u[v] };
+      const k = v, S = u[v];
+      return { target: p, operator: "getProperty", param: k, value: S };
     }) : [];
   }
-  function y(c) {
-    return Object.keys(c).reduce((u, h) => {
-      const j = i(h, c[h]);
-      return u.push(...j), u;
+  function y(n) {
+    return Object.keys(n).reduce((p, v) => {
+      const k = l(v, n[v]);
+      return p.push(...k), p;
     }, []);
   }
-  function f(c, v) {
-    if (l.has(c.operator)) {
-      const u = l.get(c.operator);
-      return u && u(c.target, c.param, c.value, v) || !1;
+  function f(n, u) {
+    if (c.has(n.operator)) {
+      const p = c.get(n.operator);
+      return p && p(n.target, n.param, n.value, u) || !1;
     }
     return !1;
   }
-  function O(c, v) {
-    return y(c).reduce((j, k) => j && f(k, v), !0);
+  function j(n, u) {
+    return y(n).reduce((k, S) => k && f(S, u), !0);
   }
-  function b(c, v) {
-    const u = Object.keys(c), h = u.includes("allOf"), j = u.includes("anyOf"), k = h || j, S = (k ? c[k ? h ? "allOf" : "anyOf" : "allOf"] : [c]).map((T) => O(T, v));
-    return h ? !S.includes(!1) : S.includes(!0);
+  function d(n, u) {
+    const p = Object.keys(n), v = p.includes("allOf"), k = p.includes("anyOf"), S = v || k, M = (S ? n[S ? v ? "allOf" : "anyOf" : "allOf"] : [n]).map((T) => j(T, u));
+    return v ? !M.includes(!1) : M.includes(!0);
   }
-  return { parseValueSchema: b };
+  return { parseValueSchema: d };
 }
-const Z = {}, K = {};
-Y();
-function x(t, e, o = /* @__PURE__ */ new Map(), l = (f, O, b) => O, i = {}, y = (f) => f) {
-  return _[e.title] = e, C[e.title] = l, Z[e.title] = i, K[e.title] = y, (f = {}) => {
-    const O = X(f, e, o), b = Object.keys(t).reduce((c, v) => (c[v] = t[v].default, c), {});
-    return Object.assign(b, O);
+const C = {}, K = {};
+Z();
+function x(t, e, a = /* @__PURE__ */ new Map(), c = (f, j, d, n) => j, l = {}, y = (f) => f) {
+  return q[e.title] = e, _[e.title] = c, C[e.title] = l, K[e.title] = y, (f = {}) => {
+    const j = Y(f, e, a), d = Object.keys(t).reduce((n, u) => (n[u] = t[u].default, n), {});
+    return Object.assign(d, j);
   };
 }
 function I(t, e) {
@@ -105,10 +109,10 @@ function I(t, e) {
 const ee = /* @__PURE__ */ new Map([
   ["appearance", I]
 ]);
-function te(t, e, o) {
+function te(t, e, a) {
   return e;
 }
-const se = "https://json-schema.org/draft/2020-12/schema", re = "https://farris-design.gitee.io/step.schema.json", ne = "step", ce = "A Farris Component", le = "object", ae = {
+const se = "https://json-schema.org/draft/2020-12/schema", ne = "https://farris-design.gitee.io/step.schema.json", re = "step", ce = "A Farris Component", le = "object", ae = {
   id: {
     description: "The unique identifier for step",
     type: "string"
@@ -170,17 +174,17 @@ const se = "https://json-schema.org/draft/2020-12/schema", re = "https://farris-
     type: "boolean",
     default: !0
   }
-}, ie = [
+}, oe = [
   "id",
   "type"
-], oe = {
+], ie = {
   $schema: se,
-  $id: re,
-  title: ne,
+  $id: ne,
+  title: re,
   description: ce,
   type: le,
   properties: ae,
-  required: ie
+  required: oe
 }, ue = "step", pe = "A Farris Component", fe = "object", ve = {
   basic: {
     description: "Basic Infomation",
@@ -208,7 +212,7 @@ const se = "https://json-schema.org/draft/2020-12/schema", re = "https://farris-
   description: pe,
   type: fe,
   categories: ve
-}, z = {
+}, A = {
   /** 步骤条方向  */
   direction: { type: String, default: "horizontal" },
   /** 是否平铺 */
@@ -238,310 +242,309 @@ const se = "https://json-schema.org/draft/2020-12/schema", re = "https://farris-
   /** 步骤条点击后事件 */
   onClick: { type: Function, default: () => {
   } }
-}, V = x(z, oe, ee, te, he), A = /* @__PURE__ */ q({
+}, F = x(A, ie, ee, te, he), L = /* @__PURE__ */ V({
   name: "FStep",
-  props: z,
+  props: A,
   emits: ["click"],
   setup(t, e) {
-    const o = m(t.direction), l = m(t.fill), i = m(t.height), y = m(t.steps), f = m(t.clickable), O = m(0), b = m(t.activeIndex), c = N(() => ({
-      "f-progress-step-list": o.value === "horizontal",
-      "f-progress-step-list-block": o.value === "vertical",
-      "f-progress-step-horizontal-fill": o.value === "horizontal" && l.value,
-      "f-progress-step-vertical-fill": o.value === "vertical" && l.value
-    })), v = N(() => ({
-      height: o.value === "vertical" ? `${i.value}px` : ""
+    const a = O(t.direction), c = O(t.fill), l = O(t.height), y = O(t.steps), f = O(t.clickable), j = O(0), d = O(t.activeIndex), n = E(() => ({
+      "f-progress-step-list": a.value === "horizontal",
+      "f-progress-step-list-block": a.value === "vertical",
+      "f-progress-step-horizontal-fill": a.value === "horizontal" && c.value,
+      "f-progress-step-vertical-fill": a.value === "vertical" && c.value
+    })), u = E(() => ({
+      height: a.value === "vertical" ? `${l.value}px` : ""
     }));
-    function u(s, r) {
-      const p = {
+    function p(r, s) {
+      const g = {
         step: !0,
-        active: r === b.value,
+        active: s === d.value,
         clickable: f.value,
         // 'click-disable': step.disable,
-        current: r === b.value
+        current: s === d.value
       };
-      return r < b.value && (p.finish = !0), p;
+      return s < d.value && (g.finish = !0), g;
     }
-    function h(s, r) {
-      const p = {
-        step: s,
-        stepIndex: r
+    function v(r, s) {
+      const g = {
+        step: r,
+        stepIndex: s
       };
-      e.emit("click", p);
+      e.emit("click", g);
     }
-    function j(s, r) {
-      const p = {
+    function k(r, s) {
+      const g = {
         "f-progressstep-row": !0,
-        "step-active": r === b.value,
-        "step-current": r === b.value
+        "step-active": s === d.value,
+        "step-current": s === d.value
       };
-      return r < b.value && (p["step-finish"] = !0), p;
+      return s < d.value && (g["step-finish"] = !0), g;
     }
-    function k(s, r) {
+    function S(r, s) {
       return {
         "step-icon": !0,
-        "step-success": r,
-        "f-icon": r,
-        "f-icon-check": r
+        "step-success": s,
+        "f-icon": s,
+        "f-icon-check": s
       };
     }
-    function P(s, r) {
-      const p = [];
-      return r >= b.value || r === O.value ? p.push(d("span", {
+    function P(r, s) {
+      const g = [];
+      return s >= d.value || s === j.value ? g.push(b("span", {
         class: "step-icon"
-      }, [r + 1])) : p.push(d("span", {
-        class: k(s, !0)
-      }, null)), p;
+      }, [s + 1])) : g.push(b("span", {
+        class: S(r, !0)
+      }, null)), g;
     }
-    function w(s, r) {
+    function D(r, s) {
       return {
         "step-name": !0,
-        "step-name-success": r < b.value
+        "step-name-success": s < d.value
       };
     }
-    function S(s, r) {
-      return d("div", {
+    function M(r, s) {
+      return b("div", {
         class: "f-progress-step-title"
-      }, [d("p", {
-        class: w(s, r)
-      }, [s.title])]);
+      }, [b("p", {
+        class: D(r, s)
+      }, [r.title])]);
     }
-    function E(s, r) {
+    function R(r, s) {
       return {
         "f-progress-step-line": !0,
-        "f-progress-step-line-success": r === b.value
+        "f-progress-step-line-success": s === d.value
       };
     }
-    function T(s, r) {
-      return r !== y.value.length - 1;
+    function T(r, s) {
+      return s !== y.value.length - 1;
     }
-    const $ = N(() => ({
+    const w = E(() => ({
       triangle: !0,
-      "": o.value === "vertical"
+      "": a.value === "vertical"
     }));
-    function M() {
-      return y.value.map((s, r) => d("li", {
-        class: u(s, r),
-        onClick: (p) => h(s, r)
-      }, [d("div", {
-        class: j(s, r)
-      }, [d("div", {
+    function h() {
+      return y.value.map((r, s) => b("li", {
+        class: p(r, s),
+        onClick: (g) => v(r, s)
+      }, [b("div", {
+        class: k(r, s)
+      }, [b("div", {
         class: "f-progress-step-content"
-      }, [P(s, r), S(s, r)]), T(s, r) && d("div", {
-        class: E(s, r)
-      }, [d("span", {
-        class: $.value
+      }, [P(r, s), M(r, s)]), T(r, s) && b("div", {
+        class: R(r, s)
+      }, [b("span", {
+        class: w.value
       }, null)])])]));
     }
-    return W(() => t.activeIndex, () => {
-      t.activeIndex > -1 && t.activeIndex <= y.value.length && (b.value = t.activeIndex, M());
-    }), () => d("div", {
+    return H(() => t.activeIndex, () => {
+      t.activeIndex > -1 && t.activeIndex <= y.value.length && (d.value = t.activeIndex, h());
+    }), () => b("div", {
       class: "f-progress-step"
-    }, [d("ul", {
-      class: c.value,
-      style: v.value
-    }, [M()])]);
+    }, [b("ul", {
+      class: n.value,
+      style: u.value
+    }, [h()])]);
   }
 });
-function ge(t, e, o) {
-  var M;
-  function l() {
-  }
-  const i = "", y = "", f = m();
-  function O() {
+function ge(t, e, a) {
+  var w;
+  const c = "", l = "", y = O();
+  function f() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function b() {
+  function j() {
     return !1;
   }
-  function c() {
+  function d() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function v() {
+  function n() {
     return (e == null ? void 0 : e.schema.componentType) === "frame";
   }
-  function u(s) {
-    if (!s || !s.value)
+  function u(h) {
+    if (!h || !h.value)
       return null;
-    if (s.value.schema && s.value.schema.type === "component")
-      return s.value;
-    const r = m(s == null ? void 0 : s.value.parent), p = u(r);
-    return p || null;
+    if (h.value.schema && h.value.schema.type === "component")
+      return h.value;
+    const r = O(h == null ? void 0 : h.value.parent), s = u(r);
+    return s || null;
   }
-  function h(s = e) {
-    const { componentInstance: r, designerItemElementRef: p } = s;
-    return !r || !r.value ? null : r.value.canMove ? p : h(s.parent);
+  function p(h = e) {
+    const { componentInstance: r, designerItemElementRef: s } = h;
+    return !r || !r.value ? null : r.value.canMove ? s : p(h.parent);
   }
-  function j(s) {
-    return !!o;
+  function v(h) {
+    return !!a;
   }
   function k() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function P() {
+  function S() {
   }
-  function w(s, r) {
+  function P(h, r) {
   }
-  function S(s, r) {
-    const { componentType: p } = s;
-    let n = L(p, s, r);
-    const a = p.toLowerCase().replace("-", "_");
-    return n && !n.id && n.type === p && (n.id = `${a}_${Math.random().toString().slice(2, 6)}`), n;
+  function D(h, r) {
+    const { componentType: s } = h;
+    let g = W(s, h, r);
+    const o = s.toLowerCase().replace(/-/g, "_");
+    return g && !g.id && g.type === s && (g.id = `${o}_${Math.random().toString().slice(2, 6)}`), g;
   }
-  function E(s, r) {
-    const p = String(s.getAttribute("data-controltype")), n = s.getAttribute("data-feature"), a = n ? JSON.parse(n) : {};
-    a.parentComponentInstance = f.value;
-    let g = L(p, a);
-    const D = p.toLowerCase().replace("-", "_");
-    return g && !g.id && g.type === p && (g.id = `${D}_${Math.random().toString().slice(2, 6)}`), g;
+  function M(h) {
   }
-  function T(s) {
+  function R(...h) {
   }
-  function $(...s) {
+  function T() {
+    e != null && e.schema.contents && e.schema.contents.map((h) => {
+      var g;
+      let r = h.id;
+      h.type === "component-ref" && (r = h.component);
+      const s = t.value.querySelector(`#${r}-design-item`);
+      (g = s == null ? void 0 : s.componentInstance) != null && g.value.onRemoveComponent && s.componentInstance.value.onRemoveComponent();
+    });
   }
-  return f.value = {
-    canMove: O(),
-    canSelectParent: b(),
-    canDelete: c(),
-    canNested: !v(),
+  return y.value = {
+    canMove: f(),
+    canSelectParent: j(),
+    canDelete: d(),
+    canNested: !n(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: t,
-    parent: (M = e == null ? void 0 : e.parent) == null ? void 0 : M.componentInstance,
+    parent: (w = e == null ? void 0 : e.parent) == null ? void 0 : w.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: i,
-    designerClass: y,
-    canAccepts: j,
+    styles: c,
+    designerClass: l,
+    canAccepts: v,
     getBelongedComponentInstance: u,
-    getDraggableDesignItemElement: h,
+    getDraggableDesignItemElement: p,
     getDraggingDisplayText: k,
-    getPropConfig: $,
-    getDragScopeElement: P,
-    onAcceptMovedChildElement: w,
-    onAcceptNewChildElement: E,
-    onChildElementMovedOut: T,
-    addNewChildComponentSchema: S,
-    updateDragAndDropRules: l,
-    triggerBelongedComponentToMoveWhenMoved: m(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: m(!1)
-  }, f;
+    getPropConfig: R,
+    getDragScopeElement: S,
+    onAcceptMovedChildElement: P,
+    onChildElementMovedOut: M,
+    addNewChildComponentSchema: D,
+    triggerBelongedComponentToMoveWhenMoved: O(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: O(!1),
+    onRemoveComponent: T
+  }, y;
 }
-const de = /* @__PURE__ */ q({
+const ye = /* @__PURE__ */ V({
   name: "FStepDesign",
-  props: z,
+  props: A,
   emits: [],
   setup(t, e) {
-    const o = m(t.direction), l = m(t.fill), i = m(t.height), y = m(t.steps), f = m(0), O = m(t.clickable), b = m(0), c = m(), v = J("design-item-context"), u = ge(c, v);
-    G(() => {
-      c.value.componentInstance = u;
-    }), e.expose(u.value);
-    const h = N(() => ({
-      "f-progress-step-list": o.value === "horizontal",
-      "f-progress-step-list-block": o.value === "vertical",
-      "f-progress-step-horizontal-fill": o.value === "horizontal" && l.value,
-      "f-progress-step-vertical-fill": o.value === "vertical" && l.value
-    })), j = N(() => ({
-      height: o.value === "vertical" ? `${i.value}px` : ""
+    const a = O(t.direction), c = O(t.fill), l = O(t.height), y = O(t.steps), f = O(0), j = O(t.clickable), d = O(0), n = O(), u = G("design-item-context"), p = ge(n, u);
+    J(() => {
+      n.value.componentInstance = p;
+    }), e.expose(p.value);
+    const v = E(() => ({
+      "f-progress-step-list": a.value === "horizontal",
+      "f-progress-step-list-block": a.value === "vertical",
+      "f-progress-step-horizontal-fill": a.value === "horizontal" && c.value,
+      "f-progress-step-vertical-fill": a.value === "vertical" && c.value
+    })), k = E(() => ({
+      height: a.value === "vertical" ? `${l.value}px` : ""
     }));
-    function k(n, a) {
-      const g = {
+    function S(o, i) {
+      const m = {
         step: !0,
-        active: a === f.value,
-        clickable: O.value,
-        "click-disable": n.disable,
-        current: a === f.value
+        active: i === f.value,
+        clickable: j.value,
+        "click-disable": o.disable,
+        current: i === f.value
       };
-      return a < f.value && (g.finish = !0), n.status && (g[n.status] = !0), n.hasOwnProperty("class") && n.class.split(" ").reduce((D, R) => (D[R] = !0, D), g), g;
+      return i < f.value && (m.finish = !0), o.status && (m[o.status] = !0), o.hasOwnProperty("class") && o.class.split(" ").reduce(($, N) => ($[N] = !0, $), m), m;
     }
-    function P(n, a) {
+    function P(o, i) {
     }
-    function w(n, a) {
-      const g = {
+    function D(o, i) {
+      const m = {
         "f-progressstep-row": !0,
-        "step-active": a === f.value,
-        "step-current": a === f.value
+        "step-active": i === f.value,
+        "step-current": i === f.value
       };
-      return a < f.value && (g["step-finish"] = !0), n.status && (g["step-" + n.status] = !0), g;
+      return i < f.value && (m["step-finish"] = !0), o.status && (m["step-" + o.status] = !0), m;
     }
-    function S(n, a) {
-      const g = {
+    function M(o, i) {
+      const m = {
         "step-icon": !0,
-        "step-success": a,
-        "k-icon": a,
-        "k-i-check": a
+        "step-success": i,
+        "k-icon": i,
+        "k-i-check": i
       };
-      return n.hasOwnProperty("icon") && n.class.split(" ").reduce((D, R) => (D[R] = !0, D), g), g;
+      return o.hasOwnProperty("icon") && o.class.split(" ").reduce(($, N) => ($[N] = !0, $), m), m;
     }
-    function E(n, a) {
-      const g = [];
-      return n.icon ? g.push(d("span", {
-        class: S(n, !1)
-      }, null)) : a >= f.value || a === b.value ? g.push(d("span", {
+    function R(o, i) {
+      const m = [];
+      return o.icon ? m.push(b("span", {
+        class: M(o, !1)
+      }, null)) : i >= f.value || i === d.value ? m.push(b("span", {
         class: "step-icon"
-      }, [a + 1])) : g.push(d("span", {
-        class: S(n, !0)
-      }, null)), g;
+      }, [i + 1])) : m.push(b("span", {
+        class: M(o, !0)
+      }, null)), m;
     }
-    function T(n, a) {
+    function T(o, i) {
       return {
         "step-name": !0,
-        "step-name-success": a < f.value
+        "step-name-success": i < f.value
       };
     }
-    function $(n, a) {
-      return d("div", {
+    function w(o, i) {
+      return b("div", {
         class: "f-progress-step-title"
-      }, [d("p", {
-        class: T(n, a)
-      }, [n.title])]);
+      }, [b("p", {
+        class: T(o, i)
+      }, [o.title])]);
     }
-    function M(n, a) {
+    function h(o, i) {
       return {
         "f-progress-step-line": !0,
-        "f-progress-step-line-success": a === f.value
+        "f-progress-step-line-success": i === f.value
       };
     }
-    function s(n, a) {
-      return a !== y.value.length - 1;
+    function r(o, i) {
+      return i !== y.value.length - 1;
     }
-    const r = N(() => ({
+    const s = E(() => ({
       triangle: !0,
-      "": o.value === "vertical"
+      "": a.value === "vertical"
     }));
-    function p() {
-      return y.value.map((n, a) => d("li", {
-        class: k(n, a),
-        onClick: (g) => void 0
-      }, [d("div", {
-        class: w(n, a)
-      }, [d("div", {
+    function g() {
+      return y.value.map((o, i) => b("li", {
+        class: S(o, i),
+        onClick: (m) => void 0
+      }, [b("div", {
+        class: D(o, i)
+      }, [b("div", {
         class: "f-progress-step-content"
-      }, [E(n, a), $(n, a)]), s(n, a) && d("div", {
-        class: M(n, a)
-      }, [d("span", {
-        class: r.value
+      }, [R(o, i), w(o, i)]), r(o, i) && b("div", {
+        class: h(o, i)
+      }, [b("span", {
+        class: s.value
       }, null)])])]));
     }
-    return () => d("div", {
-      ref: c,
+    return () => b("div", {
+      ref: n,
       class: "f-progress-step"
-    }, [d("ul", {
-      class: h.value,
-      style: j.value
-    }, [p()])]);
+    }, [b("ul", {
+      class: v.value,
+      style: k.value
+    }, [g()])]);
   }
 }), me = {
   install(t) {
-    t.component(A.name, A);
+    t.component(L.name, L);
   },
-  register(t, e, o, l) {
-    t.step = A, e.step = V;
+  register(t, e, a, c) {
+    t.step = L, e.step = F;
   },
-  registerDesigner(t, e, o) {
-    t.step = de, e.step = V;
+  registerDesigner(t, e, a) {
+    t.step = ye, e.step = F;
   }
 };
 export {
-  A as Step,
+  L as Step,
   me as default,
-  V as propsResolver,
-  z as stepProps
+  F as propsResolver,
+  A as stepProps
 };