@farris/ui-vue 1.3.4 → 1.3.6

package/components/step/index.esm.js

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