@farris/ui-vue 1.2.8 → 1.3.0

package/components/step/index.esm.js

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