@farris/ui-vue 1.3.1 → 1.3.3

package/components/step/index.esm.js

@@ -1,102 +1,106 @@
-import { defineComponent as V, ref as O, computed as R, watch as G, createVNode as d, inject as H, onMounted as J } from "vue";
+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 = {}, W = {};
+const q = {}, _ = {};
 function B(t) {
-  const { properties: e, title: i, ignore: n } = t, l = n && Array.isArray(n), y = Object.keys(e).reduce((f, j) => ((!l || !n.find((b) => b == j)) && (f[j] = e[j].type === "object" && e[j].properties ? B(e[j]) : Q(e[j].default)), f), {});
-  return i && (!l || !n.find((f) => f == "id")) && (y.id = `${i}-${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 _(t, e = {}, i) {
-  const n = q[t];
-  if (n) {
-    let l = B(n);
-    const y = W[t];
-    return l = y ? y({ getSchemaByType: _ }, l, e, i) : l, l;
+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 U(t, e) {
-  const i = B(e);
-  return Object.keys(t).reduce((n, l) => (n[l] && z(n[l]) && z(t[l]) ? Object.assign(n[l], t[l]) : n[l] = t[l], n), i), 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((n) => t[n] != null).reduce((n, l) => {
+  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")
-        n[y] = t[l];
+        c[y] = t[l];
       else {
         const f = y(l, t[l], t);
-        Object.assign(n, f);
+        Object.assign(c, f);
       }
     } else
-      n[l] = t[l];
-    return n;
+      c[l] = t[l];
+    return c;
   }, {});
 }
-function Y(t, e, i = /* @__PURE__ */ new Map()) {
-  const n = U(t, e);
-  return X(n, i);
+function Y(t, e, a = /* @__PURE__ */ new Map()) {
+  const c = U(t, e);
+  return X(c, a);
 }
 function Z(t = {}) {
-  function e(r, p, u, v) {
-    if (typeof u == "number")
-      return v[r].length === u;
-    if (typeof u == "object") {
-      const k = Object.keys(u)[0], S = u[k];
+  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[r].length) !== Number(S);
+        return Number(v[n].length) !== Number(S);
       if (k === "moreThan")
-        return Number(v[r].length) >= Number(S);
+        return Number(v[n].length) >= Number(S);
       if (k === "lessThan")
-        return Number(v[r].length) <= Number(S);
+        return Number(v[n].length) <= Number(S);
     }
     return !1;
   }
-  function i(r, p, u, v) {
-    return v[r] && v[r].propertyValue && String(v[r].propertyValue.value) === String(u);
+  function a(n, u, p, v) {
+    return v[n] && v[n].propertyValue && String(v[n].propertyValue.value) === String(p);
   }
-  const n = /* @__PURE__ */ new Map([
+  const c = /* @__PURE__ */ new Map([
     ["length", e],
-    ["getProperty", i]
+    ["getProperty", a]
   ]);
-  Object.keys(t).reduce((r, p) => (r.set(p, t[p]), r), n);
-  function l(r, p) {
-    const u = r;
-    return typeof p == "number" ? [{ target: u, operator: "length", param: null, value: Number(p) }] : typeof p == "boolean" ? [{ target: u, operator: "getProperty", param: r, value: !!p }] : typeof p == "object" ? Object.keys(p).map((v) => {
+  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: u, operator: "length", param: null, value: p[v] };
-      const k = v, S = p[v];
-      return { target: u, operator: "getProperty", param: k, value: S };
+        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(r) {
-    return Object.keys(r).reduce((u, v) => {
-      const k = l(v, r[v]);
-      return u.push(...k), u;
+  function y(n) {
+    return Object.keys(n).reduce((p, v) => {
+      const k = l(v, n[v]);
+      return p.push(...k), p;
     }, []);
   }
-  function f(r, p) {
-    if (n.has(r.operator)) {
-      const u = n.get(r.operator);
-      return u && u(r.target, r.param, r.value, p) || !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 j(r, p) {
-    return y(r).reduce((k, S) => k && f(S, p), !0);
+  function j(n, u) {
+    return y(n).reduce((k, S) => k && f(S, u), !0);
   }
-  function b(r, p) {
-    const u = Object.keys(r), v = u.includes("allOf"), k = u.includes("anyOf"), S = v || k, T = (S ? r[S ? v ? "allOf" : "anyOf" : "allOf"] : [r]).map((D) => j(D, p));
-    return v ? !T.includes(!1) : T.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 C = {}, K = {};
 Z();
-function x(t, e, i = /* @__PURE__ */ new Map(), n = (f, j, b) => j, l = {}, y = (f) => f) {
-  return q[e.title] = e, W[e.title] = n, C[e.title] = l, K[e.title] = y, (f = {}) => {
-    const j = Y(f, e, i), b = Object.keys(t).reduce((r, p) => (r[p] = t[p].default, r), {});
-    return Object.assign(b, j);
+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, i) {
+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
-}, L = {
+}, A = {
   /** 步骤条方向  */
   direction: { type: String, default: "horizontal" },
   /** 是否平铺 */
@@ -238,45 +242,45 @@ const se = "https://json-schema.org/draft/2020-12/schema", re = "https://farris-
   /** 步骤条点击后事件 */
   onClick: { type: Function, default: () => {
   } }
-}, F = x(L, oe, ee, te, he), A = /* @__PURE__ */ V({
+}, F = x(A, ie, ee, te, he), L = /* @__PURE__ */ V({
   name: "FStep",
-  props: L,
+  props: A,
   emits: ["click"],
   setup(t, e) {
-    const i = O(t.direction), n = O(t.fill), l = O(t.height), y = O(t.steps), f = O(t.clickable), j = O(0), b = O(t.activeIndex), r = R(() => ({
-      "f-progress-step-list": i.value === "horizontal",
-      "f-progress-step-list-block": i.value === "vertical",
-      "f-progress-step-horizontal-fill": i.value === "horizontal" && n.value,
-      "f-progress-step-vertical-fill": i.value === "vertical" && n.value
-    })), p = R(() => ({
-      height: i.value === "vertical" ? `${l.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(c, s) {
+    function p(r, s) {
       const g = {
         step: !0,
-        active: s === b.value,
+        active: s === d.value,
         clickable: f.value,
         // 'click-disable': step.disable,
-        current: s === b.value
+        current: s === d.value
       };
-      return s < b.value && (g.finish = !0), g;
+      return s < d.value && (g.finish = !0), g;
     }
-    function v(c, s) {
+    function v(r, s) {
       const g = {
-        step: c,
+        step: r,
         stepIndex: s
       };
       e.emit("click", g);
     }
-    function k(c, s) {
+    function k(r, s) {
       const g = {
         "f-progressstep-row": !0,
-        "step-active": s === b.value,
-        "step-current": s === b.value
+        "step-active": s === d.value,
+        "step-current": s === d.value
       };
-      return s < b.value && (g["step-finish"] = !0), g;
+      return s < d.value && (g["step-finish"] = !0), g;
     }
-    function S(c, s) {
+    function S(r, s) {
       return {
         "step-icon": !0,
         "step-success": s,
@@ -284,79 +288,77 @@ const se = "https://json-schema.org/draft/2020-12/schema", re = "https://farris-
         "f-icon-check": s
       };
     }
-    function M(c, s) {
+    function P(r, s) {
       const g = [];
-      return s >= b.value || s === j.value ? g.push(d("span", {
+      return s >= d.value || s === j.value ? g.push(b("span", {
         class: "step-icon"
-      }, [s + 1])) : g.push(d("span", {
-        class: S(c, !0)
+      }, [s + 1])) : g.push(b("span", {
+        class: S(r, !0)
       }, null)), g;
     }
-    function P(c, s) {
+    function D(r, s) {
       return {
         "step-name": !0,
-        "step-name-success": s < b.value
+        "step-name-success": s < d.value
       };
     }
-    function T(c, s) {
-      return d("div", {
+    function M(r, s) {
+      return b("div", {
         class: "f-progress-step-title"
-      }, [d("p", {
-        class: P(c, s)
-      }, [c.title])]);
+      }, [b("p", {
+        class: D(r, s)
+      }, [r.title])]);
     }
-    function E(c, s) {
+    function R(r, s) {
       return {
         "f-progress-step-line": !0,
-        "f-progress-step-line-success": s === b.value
+        "f-progress-step-line-success": s === d.value
       };
     }
-    function D(c, s) {
+    function T(r, s) {
       return s !== y.value.length - 1;
     }
-    const w = R(() => ({
+    const w = E(() => ({
       triangle: !0,
-      "": i.value === "vertical"
+      "": a.value === "vertical"
     }));
     function h() {
-      return y.value.map((c, s) => d("li", {
-        class: u(c, s),
-        onClick: (g) => v(c, s)
-      }, [d("div", {
-        class: k(c, s)
-      }, [d("div", {
+      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"
-      }, [M(c, s), T(c, s)]), D(c, s) && d("div", {
-        class: E(c, s)
-      }, [d("span", {
+      }, [P(r, s), M(r, s)]), T(r, s) && b("div", {
+        class: R(r, s)
+      }, [b("span", {
         class: w.value
       }, null)])])]));
     }
-    return G(() => t.activeIndex, () => {
-      t.activeIndex > -1 && t.activeIndex <= y.value.length && (b.value = t.activeIndex, h());
-    }), () => 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: r.value,
-      style: p.value
+    }, [b("ul", {
+      class: n.value,
+      style: u.value
     }, [h()])]);
   }
 });
-function ge(t, e, i) {
+function ge(t, e, a) {
   var w;
-  function n() {
-  }
-  const l = "", y = "", f = O();
-  function j() {
+  const c = "", l = "", y = O();
+  function f() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function b() {
+  function j() {
     return !1;
   }
-  function r() {
+  function d() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function p() {
+  function n() {
     return (e == null ? void 0 : e.schema.componentType) === "frame";
   }
   function u(h) {
@@ -364,176 +366,185 @@ function ge(t, e, i) {
       return null;
     if (h.value.schema && h.value.schema.type === "component")
       return h.value;
-    const c = O(h == null ? void 0 : h.value.parent), s = u(c);
+    const r = O(h == null ? void 0 : h.value.parent), s = u(r);
     return s || null;
   }
-  function v(h = e) {
-    const { componentInstance: c, designerItemElementRef: s } = h;
-    return !c || !c.value ? null : c.value.canMove ? s : v(h.parent);
+  function p(h = e) {
+    const { componentInstance: r, designerItemElementRef: s } = h;
+    return !r || !r.value ? null : r.value.canMove ? s : p(h.parent);
   }
-  function k(h) {
-    return !!i;
+  function v(h) {
+    return !!a;
   }
-  function S() {
+  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 M() {
+  function S() {
   }
-  function P(h, c) {
+  function P(h, r) {
   }
-  function T(h, c) {
+  function D(h, r) {
     const { componentType: s } = h;
-    let g = _(s, h, c);
-    const a = s.toLowerCase().replace("-", "_");
-    return g && !g.id && g.type === s && (g.id = `${a}_${Math.random().toString().slice(2, 6)}`), g;
+    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 M(h) {
   }
-  function E(h) {
+  function R(...h) {
   }
-  function D(...h) {
+  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: j(),
-    canSelectParent: b(),
-    canDelete: r(),
-    canNested: !p(),
+  return y.value = {
+    canMove: f(),
+    canSelectParent: j(),
+    canDelete: d(),
+    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,
     schema: e == null ? void 0 : e.schema,
-    styles: l,
-    designerClass: y,
-    canAccepts: k,
+    styles: c,
+    designerClass: l,
+    canAccepts: v,
     getBelongedComponentInstance: u,
-    getDraggableDesignItemElement: v,
-    getDraggingDisplayText: S,
-    getPropConfig: D,
-    getDragScopeElement: M,
+    getDraggableDesignItemElement: p,
+    getDraggingDisplayText: k,
+    getPropConfig: R,
+    getDragScopeElement: S,
     onAcceptMovedChildElement: P,
-    onChildElementMovedOut: E,
-    addNewChildComponentSchema: T,
-    updateDragAndDropRules: n,
+    onChildElementMovedOut: M,
+    addNewChildComponentSchema: D,
     triggerBelongedComponentToMoveWhenMoved: O(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: O(!1)
-  }, f;
+    triggerBelongedComponentToDeleteWhenDeleted: O(!1),
+    onRemoveComponent: T
+  }, y;
 }
-const de = /* @__PURE__ */ V({
+const ye = /* @__PURE__ */ V({
   name: "FStepDesign",
-  props: L,
+  props: A,
   emits: [],
   setup(t, e) {
-    const i = O(t.direction), n = O(t.fill), l = O(t.height), y = O(t.steps), f = O(0), j = O(t.clickable), b = O(0), r = O(), p = H("design-item-context"), u = ge(r, p);
+    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(() => {
-      r.value.componentInstance = u;
-    }), e.expose(u.value);
-    const v = R(() => ({
-      "f-progress-step-list": i.value === "horizontal",
-      "f-progress-step-list-block": i.value === "vertical",
-      "f-progress-step-horizontal-fill": i.value === "horizontal" && n.value,
-      "f-progress-step-vertical-fill": i.value === "vertical" && n.value
-    })), k = R(() => ({
-      height: i.value === "vertical" ? `${l.value}px` : ""
+      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 S(a, o) {
+    function S(o, i) {
       const m = {
         step: !0,
-        active: o === f.value,
+        active: i === f.value,
         clickable: j.value,
-        "click-disable": a.disable,
-        current: o === f.value
+        "click-disable": o.disable,
+        current: i === f.value
       };
-      return o < f.value && (m.finish = !0), a.status && (m[a.status] = !0), a.hasOwnProperty("class") && a.class.split(" ").reduce((N, $) => (N[$] = !0, N), m), m;
+      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 M(a, o) {
+    function P(o, i) {
     }
-    function P(a, o) {
+    function D(o, i) {
       const m = {
         "f-progressstep-row": !0,
-        "step-active": o === f.value,
-        "step-current": o === f.value
+        "step-active": i === f.value,
+        "step-current": i === f.value
       };
-      return o < f.value && (m["step-finish"] = !0), a.status && (m["step-" + a.status] = !0), m;
+      return i < f.value && (m["step-finish"] = !0), o.status && (m["step-" + o.status] = !0), m;
     }
-    function T(a, o) {
+    function M(o, i) {
       const m = {
         "step-icon": !0,
-        "step-success": o,
-        "k-icon": o,
-        "k-i-check": o
+        "step-success": i,
+        "k-icon": i,
+        "k-i-check": i
       };
-      return a.hasOwnProperty("icon") && a.class.split(" ").reduce((N, $) => (N[$] = !0, N), m), m;
+      return o.hasOwnProperty("icon") && o.class.split(" ").reduce(($, N) => ($[N] = !0, $), m), m;
     }
-    function E(a, o) {
+    function R(o, i) {
       const m = [];
-      return a.icon ? m.push(d("span", {
-        class: T(a, !1)
-      }, null)) : o >= f.value || o === b.value ? m.push(d("span", {
+      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"
-      }, [o + 1])) : m.push(d("span", {
-        class: T(a, !0)
+      }, [i + 1])) : m.push(b("span", {
+        class: M(o, !0)
       }, null)), m;
     }
-    function D(a, o) {
+    function T(o, i) {
       return {
         "step-name": !0,
-        "step-name-success": o < f.value
+        "step-name-success": i < f.value
       };
     }
-    function w(a, o) {
-      return d("div", {
+    function w(o, i) {
+      return b("div", {
         class: "f-progress-step-title"
-      }, [d("p", {
-        class: D(a, o)
-      }, [a.title])]);
+      }, [b("p", {
+        class: T(o, i)
+      }, [o.title])]);
     }
-    function h(a, o) {
+    function h(o, i) {
       return {
         "f-progress-step-line": !0,
-        "f-progress-step-line-success": o === f.value
+        "f-progress-step-line-success": i === f.value
       };
     }
-    function c(a, o) {
-      return o !== y.value.length - 1;
+    function r(o, i) {
+      return i !== y.value.length - 1;
     }
-    const s = R(() => ({
+    const s = E(() => ({
       triangle: !0,
-      "": i.value === "vertical"
+      "": a.value === "vertical"
     }));
     function g() {
-      return y.value.map((a, o) => d("li", {
-        class: S(a, o),
+      return y.value.map((o, i) => b("li", {
+        class: S(o, i),
         onClick: (m) => void 0
-      }, [d("div", {
-        class: P(a, o)
-      }, [d("div", {
+      }, [b("div", {
+        class: D(o, i)
+      }, [b("div", {
         class: "f-progress-step-content"
-      }, [E(a, o), w(a, o)]), c(a, o) && d("div", {
-        class: h(a, o)
-      }, [d("span", {
+      }, [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: r,
+    return () => b("div", {
+      ref: n,
       class: "f-progress-step"
-    }, [d("ul", {
+    }, [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, i, n) {
-    t.step = A, e.step = F;
+  register(t, e, a, c) {
+    t.step = L, e.step = F;
   },
-  registerDesigner(t, e, i) {
-    t.step = de, e.step = F;
+  registerDesigner(t, e, a) {
+    t.step = ye, e.step = F;
   }
 };
 export {
-  A as Step,
+  L as Step,
   me as default,
   F as propsResolver,
-  L as stepProps
+  A as stepProps
 };