@farris/ui-vue 1.2.8 → 1.2.9

package/components/progress/index.esm.js

@@ -1,103 +1,103 @@
-import { computed as h, defineComponent as A, ref as d, watch as F, createVNode as y, Fragment as x, inject as H, onMounted as Q } from "vue";
+import { computed as h, defineComponent as R, ref as d, watch as F, createVNode as y, Fragment as x, inject as H, onMounted as Q } from "vue";
 import { cloneDeep as U } from "lodash-es";
 import { withInstall as Z } from "../common/index.esm.js";
 const V = {}, z = {};
 function L(e) {
-  const { properties: r, title: i } = e, s = Object.keys(r).reduce((n, u) => (n[u] = r[u].type === "object" && r[u].properties ? L(r[u]) : U(r[u].default), n), {});
-  return s.id = `${i}-${Date.now()}`, s;
+  const { properties: r, title: g, ignore: s } = e, n = s && Array.isArray(s), i = Object.keys(r).reduce((f, a) => ((!n || !s.find((v) => v == a)) && (f[a] = r[a].type === "object" && r[a].properties ? L(r[a]) : U(r[a].default)), f), {});
+  return (!n || !s.find((f) => f == "id")) && (i.id = `${g}-${Date.now()}`), i;
 }
-function W(e, r = {}) {
-  const i = V[e];
-  if (i) {
-    let s = L(i);
-    const n = z[e];
-    return s = n ? n({ getSchemaByType: W }, s, r) : s, s;
+function W(e, r = {}, g) {
+  const s = V[e];
+  if (s) {
+    let n = L(s);
+    const i = z[e];
+    return n = i ? i({ getSchemaByType: W }, n, r, g) : n, n;
   }
   return null;
 }
-function K(e, r) {
-  const i = L(r);
-  return Object.keys(e).reduce((s, n) => (s[n] && typeof s[n] == "object" ? Object.assign(s[n], e[n]) : s[n] = e[n], s), i), i;
-}
 function I(e, r) {
+  const g = L(r);
+  return Object.keys(e).reduce((s, n) => (s[n] && typeof s[n] == "object" ? Object.assign(s[n], e[n]) : s[n] = e[n], s), g), g;
+}
+function K(e, r) {
   return Object.keys(e).filter((s) => e[s] != null).reduce((s, n) => {
     if (r.has(n)) {
-      const u = r.get(n);
-      if (typeof u == "string")
-        s[u] = e[n];
+      const i = r.get(n);
+      if (typeof i == "string")
+        s[i] = e[n];
       else {
-        const p = u(n, e[n], e);
-        Object.assign(s, p);
+        const f = i(n, e[n], e);
+        Object.assign(s, f);
       }
     } else
       s[n] = e[n];
     return s;
   }, {});
 }
-function ee(e, r, i = /* @__PURE__ */ new Map()) {
-  const s = K(e, r);
-  return I(s, i);
+function ee(e, r, g = /* @__PURE__ */ new Map()) {
+  const s = I(e, r);
+  return K(s, g);
 }
 function re(e = {}) {
-  function r(t, o, c, a) {
-    if (typeof c == "number")
-      return a[t].length === c;
-    if (typeof c == "object") {
-      const m = Object.keys(c)[0], P = c[m];
+  function r(t, o, l, c) {
+    if (typeof l == "number")
+      return c[t].length === l;
+    if (typeof l == "object") {
+      const m = Object.keys(l)[0], b = l[m];
       if (m === "not")
-        return Number(a[t].length) !== Number(P);
+        return Number(c[t].length) !== Number(b);
       if (m === "moreThan")
-        return Number(a[t].length) >= Number(P);
+        return Number(c[t].length) >= Number(b);
       if (m === "lessThan")
-        return Number(a[t].length) <= Number(P);
+        return Number(c[t].length) <= Number(b);
     }
     return !1;
   }
-  function i(t, o, c, a) {
-    return a[t] && a[t].propertyValue && String(a[t].propertyValue.value) === String(c);
+  function g(t, o, l, c) {
+    return c[t] && c[t].propertyValue && String(c[t].propertyValue.value) === String(l);
   }
   const s = /* @__PURE__ */ new Map([
     ["length", r],
-    ["getProperty", i]
+    ["getProperty", g]
   ]);
   Object.keys(e).reduce((t, o) => (t.set(o, e[o]), t), s);
   function n(t, o) {
-    const c = t;
-    return typeof o == "number" ? [{ target: c, operator: "length", param: null, value: Number(o) }] : typeof o == "boolean" ? [{ target: c, operator: "getProperty", param: t, value: !!o }] : typeof o == "object" ? Object.keys(o).map((a) => {
-      if (a === "length")
-        return { target: c, operator: "length", param: null, value: o[a] };
-      const m = a, P = o[a];
-      return { target: c, operator: "getProperty", param: m, value: P };
+    const l = t;
+    return typeof o == "number" ? [{ target: l, operator: "length", param: null, value: Number(o) }] : typeof o == "boolean" ? [{ target: l, operator: "getProperty", param: t, value: !!o }] : typeof o == "object" ? Object.keys(o).map((c) => {
+      if (c === "length")
+        return { target: l, operator: "length", param: null, value: o[c] };
+      const m = c, b = o[c];
+      return { target: l, operator: "getProperty", param: m, value: b };
     }) : [];
   }
-  function u(t) {
-    return Object.keys(t).reduce((c, a) => {
-      const m = n(a, t[a]);
-      return c.push(...m), c;
+  function i(t) {
+    return Object.keys(t).reduce((l, c) => {
+      const m = n(c, t[c]);
+      return l.push(...m), l;
     }, []);
   }
-  function p(t, o) {
+  function f(t, o) {
     if (s.has(t.operator)) {
-      const c = s.get(t.operator);
-      return c && c(t.target, t.param, t.value, o) || !1;
+      const l = s.get(t.operator);
+      return l && l(t.target, t.param, t.value, o) || !1;
     }
     return !1;
   }
-  function g(t, o) {
-    return u(t).reduce((m, P) => m && p(P, o), !0);
+  function a(t, o) {
+    return i(t).reduce((m, b) => m && f(b, o), !0);
   }
   function v(t, o) {
-    const c = Object.keys(t), a = c.includes("allOf"), m = c.includes("anyOf"), P = a || m, f = (P ? t[P ? a ? "allOf" : "anyOf" : "allOf"] : [t]).map((S) => g(S, o));
-    return a ? !f.includes(!1) : f.includes(!0);
+    const l = Object.keys(t), c = l.includes("allOf"), m = l.includes("anyOf"), b = c || m, p = (b ? t[b ? c ? "allOf" : "anyOf" : "allOf"] : [t]).map((P) => a(P, o));
+    return c ? !p.includes(!1) : p.includes(!0);
   }
   return { parseValueSchema: v };
 }
 const te = {}, se = {};
 re();
-function ne(e, r, i = /* @__PURE__ */ new Map(), s = (p, g, v) => g, n = {}, u = (p) => p) {
-  return V[r.title] = r, z[r.title] = s, te[r.title] = n, se[r.title] = u, (p = {}) => {
-    const g = ee(p, r, i), v = Object.keys(e).reduce((t, o) => (t[o] = e[o].default, t), {});
-    return Object.assign(v, g);
+function ne(e, r, g = /* @__PURE__ */ new Map(), s = (f, a, v) => a, n = {}, i = (f) => f) {
+  return V[r.title] = r, z[r.title] = s, te[r.title] = n, se[r.title] = i, (f = {}) => {
+    const a = ee(f, r, g), v = Object.keys(e).reduce((t, o) => (t[o] = e[o].default, t), {});
+    return Object.assign(v, a);
   };
 }
 function oe(e, r) {
@@ -106,7 +106,7 @@ function oe(e, r) {
 const ae = /* @__PURE__ */ new Map([
   ["appearance", oe]
 ]);
-function ce(e, r, i) {
+function ce(e, r, g) {
   return r;
 }
 const le = "https://json-schema.org/draft/2020-12/schema", ue = "https://farris-design.gitee.io/progress.schema.json", ie = "progress", fe = "A Farris Component", ge = "object", pe = {
@@ -209,7 +209,7 @@ const le = "https://json-schema.org/draft/2020-12/schema", ue = "https://farris-
   description: ve,
   type: me,
   categories: ke
-}, R = {
+}, A = {
   progressType: { type: String, default: "line" },
   strokeWidth: { type: Number, default: 0 },
   size: { type: String, default: "default" },
@@ -240,33 +240,33 @@ const le = "https://json-schema.org/draft/2020-12/schema", ue = "https://farris-
    * 格式化进度信息
    */
   format: { type: Function, default: (e, r) => `${e}%` }
-}, q = ne(R, ye, ae, ce, be);
+}, q = ne(A, ye, ae, ce, be);
 function Pe(e) {
-  function r(p) {
-    return +p.replace("%", "");
+  function r(f) {
+    return +f.replace("%", "");
   }
-  function i(p) {
-    let g = [];
-    return Object.keys(p).forEach((v) => {
-      const t = p[v], o = r(v);
-      isNaN(o) || g.push({
+  function g(f) {
+    let a = [];
+    return Object.keys(f).forEach((v) => {
+      const t = f[v], o = r(v);
+      isNaN(o) || a.push({
         key: o,
         value: t
       });
-    }), g = g.sort((v, t) => v.key - t.key), g;
+    }), a = a.sort((v, t) => v.key - t.key), a;
   }
   const s = h(() => !!e.strokeColor && typeof e.strokeColor != "string"), n = h(() => {
-    const { from: p = "#59a1ff", to: g = "#59a1ff", direction: v = "to right", ...t } = e.strokeColor;
+    const { from: f = "#59a1ff", to: a = "#59a1ff", direction: v = "to right", ...t } = e.strokeColor;
     if (Object.keys(t).length !== 0) {
-      const o = i(t).map(({ key: c, value: a }) => `${a} ${c}%`).join(", ");
+      const o = g(t).map(({ key: l, value: c }) => `${c} ${l}%`).join(", ");
       return `linear-gradient(${v}, ${o})`;
     }
-    return `linear-gradient(${v}, ${p}, ${g})`;
-  }), u = h(() => i(e.strokeColor).map(({ key: p, value: g }) => ({ offset: `${p}%`, color: g })));
+    return `linear-gradient(${v}, ${f}, ${a})`;
+  }), i = h(() => g(e.strokeColor).map(({ key: f, value: a }) => ({ offset: `${f}%`, color: a })));
   return {
     isGradient: s,
     linearGradient: n,
-    circleGradient: u
+    circleGradient: i
   };
 }
 function Se(e) {
@@ -275,78 +275,78 @@ function Se(e) {
 function $e(e) {
   return { formatPercentageText: h(() => e.format(e.percent, e.successPercent)) };
 }
-function we(e, r, i, s) {
-  const { isCircleStyle: n } = r, { isGradient: u, linearGradient: p } = i, { strokeWidth: g } = s, v = h(() => {
-    const f = {
+function we(e, r, g, s) {
+  const { isCircleStyle: n } = r, { isGradient: i, linearGradient: f } = g, { strokeWidth: a } = s, v = h(() => {
+    const p = {
       "f-progress": !0,
       "f-progress-line": e.progressType === "line",
       "ant-progress-small": e.size === "small",
       "f-progress-show-info": e.showInfo,
       "f-progress-circle": n.value
     }, $ = `f-progress-status-${e.progressStatus}`;
-    return f[$] = !0, f;
+    return p[$] = !0, p;
   }), t = h(() => ({
     width: `${e.width}px`,
     height: `${e.width}px`,
     "font-size": `${e.width * 0.15 + 6}px`,
-    "f-progress-circle-gradient": u.value
+    "f-progress-circle-gradient": i.value
   })), o = h(() => ({
     "f-progress-inner": !0,
-    "f-progress-circle-gradient": u.value
-  })), c = 0, a = h(() => c + 1), m = h(() => {
-    const f = 50 - g.value / 2, $ = e.gapPosition || (e.progressType === "circle" ? "top" : "bottom");
-    let S = 0, w = -f, O = 0, l = f * -2;
+    "f-progress-circle-gradient": i.value
+  })), l = 0, c = h(() => l + 1), m = h(() => {
+    const p = 50 - a.value / 2, $ = e.gapPosition || (e.progressType === "circle" ? "top" : "bottom");
+    let P = 0, w = -p, O = 0, u = p * -2;
     switch ($) {
       case "left":
-        S = -f, w = 0, O = f * 2, l = 0;
+        P = -p, w = 0, O = p * 2, u = 0;
         break;
       case "right":
-        S = f, w = 0, O = f * -2, l = 0;
+        P = p, w = 0, O = p * -2, u = 0;
         break;
       case "bottom":
-        w = f, l = f * 2;
+        w = p, u = p * 2;
         break;
     }
-    return `M 50,50 m ${S},${w}
-                a ${f},${f} 0 1 1 ${O},${-l}
-                a ${f},${f} 0 1 1 ${-O},${l}`;
-  }), P = h(() => {
-    const f = 50 - g.value / 2, $ = Math.PI * 2 * f, S = e.gapDegree || (e.progressType === "circle" ? 0 : 75);
+    return `M 50,50 m ${P},${w}
+                a ${p},${p} 0 1 1 ${O},${-u}
+                a ${p},${p} 0 1 1 ${-O},${u}`;
+  }), b = h(() => {
+    const p = 50 - a.value / 2, $ = Math.PI * 2 * p, P = e.gapDegree || (e.progressType === "circle" ? 0 : 75);
     return {
-      strokeDasharray: `${$ - S}px ${$}px`,
-      strokeDashoffset: `-${S / 2}px`,
+      strokeDasharray: `${$ - P}px ${$}px`,
+      strokeDashoffset: `-${P / 2}px`,
       transition: "stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s"
     };
-  }), T = h(() => {
-    const f = 50 - g.value / 2, $ = Math.PI * 2 * f, S = e.gapDegree || (e.progressType === "circle" ? 0 : 75), w = e.successPercent !== void 0 && e.successPercent !== null ? [e.successPercent, e.percent] : [e.percent];
-    return w.map((O, l) => {
-      const k = w.length === 2 && l === 0;
+  }), D = h(() => {
+    const p = 50 - a.value / 2, $ = Math.PI * 2 * p, P = e.gapDegree || (e.progressType === "circle" ? 0 : 75), w = e.successPercent !== void 0 && e.successPercent !== null ? [e.successPercent, e.percent] : [e.percent];
+    return w.map((O, u) => {
+      const k = w.length === 2 && u === 0;
       return {
-        stroke: u.value && !k ? `url(#gradient-${a.value})` : null,
+        stroke: i.value && !k ? `url(#gradient-${c.value})` : null,
         strokePathStyle: {
-          stroke: u.value ? null : k ? "default" : e.strokeColor,
+          stroke: i.value ? null : k ? "default" : e.strokeColor,
           transition: "stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s",
-          strokeDasharray: `${(O || 0) / 100 * ($ - S)}px ${$}px`,
-          strokeDashoffset: `-${S / 2}px`
+          strokeDasharray: `${(O || 0) / 100 * ($ - P)}px ${$}px`,
+          strokeDashoffset: `-${P / 2}px`
         }
       };
     }).reverse();
-  }), B = h(() => ({
+  }), T = h(() => ({
     width: `${e.percent}%`,
     "border-radius": e.strokeLinecap === "round" ? "100px" : "0",
-    background: u.value ? null : e.strokeColor,
-    "background-image": u.value ? p.value : null,
-    height: `${g.value}px`
+    background: i.value ? null : e.strokeColor,
+    "background-image": i.value ? f.value : null,
+    height: `${a.value}px`
   }));
   return {
     progressClass: v,
     inCircleProgressBarStyle: t,
     inCircleProgressBarClass: o,
     pathString: m,
-    trailPathStyle: P,
-    progressCirclePaths: T,
-    gradientId: a,
-    inlineProgressBackgroundStyle: B
+    trailPathStyle: b,
+    progressCirclePaths: D,
+    gradientId: c,
+    inlineProgressBackgroundStyle: T
   };
 }
 function je(e) {
@@ -357,18 +357,18 @@ function Oe(e) {
     const n = {
       "f-progress-text-icon": !0,
       "f-icon": !0
-    }, u = `f-icon-${e.progressStatus}`;
-    return n[u] = !0, n;
-  }), i = h(() => {
+    }, i = `f-icon-${e.progressStatus}`;
+    return n[i] = !0, n;
+  }), g = h(() => {
     const n = {
       "f-progress-text-icon": !0,
       "f-icon": !0
-    }, u = e.progressStatus === "success" ? "f-icon-checkmark" : "f-icon-x";
-    return n[u] = !0, n;
+    }, i = e.progressStatus === "success" ? "f-icon-checkmark" : "f-icon-x";
+    return n[i] = !0, n;
   }), s = h(() => e.progressStatus === "error" || e.progressStatus === "success");
   return {
     inlineProgrssStatusClass: r,
-    circleProgrssStatusClass: i,
+    circleProgrssStatusClass: g,
     shouldShowStatus: s
   };
 }
@@ -378,51 +378,51 @@ function Be(e) {
     "border-radius": e.strokeLinecap === "round" ? "100px" : "0",
     height: `${e.strokeWidth}px`,
     "background-image": e.enableBackgroundImg ? `url(${e.backgroundImg})` : null
-  })), i = h(() => e.successPercent || e.successPercent === 0);
-  return { inlineProgressSuccessBackgroundStyle: r, shouldShowSuccessInlineProgressBackground: i };
+  })), g = h(() => e.successPercent || e.successPercent === 0);
+  return { inlineProgressSuccessBackgroundStyle: r, shouldShowSuccessInlineProgressBackground: g };
 }
-const G = /* @__PURE__ */ A({
+const G = /* @__PURE__ */ R({
   name: "FProgress",
-  props: R,
+  props: A,
   emits: [],
   setup(e) {
-    const r = d(e.progressType), i = d(e.showInfo), s = d(e.percent), n = d(e.strokeLinecap), u = Pe(e), {
-      isGradient: p,
-      circleGradient: g
-    } = u, v = Se(e), {
+    const r = d(e.progressType), g = d(e.showInfo), s = d(e.percent), n = d(e.strokeLinecap), i = Pe(e), {
+      isGradient: f,
+      circleGradient: a
+    } = i, v = Se(e), {
       strokeWidth: t
     } = v, {
       formatPercentageText: o
-    } = $e(e), c = je(e), {
-      isCircleStyle: a
-    } = c, {
+    } = $e(e), l = je(e), {
+      isCircleStyle: c
+    } = l, {
       progressClass: m,
-      inCircleProgressBarStyle: P,
-      inCircleProgressBarClass: T,
-      pathString: B,
-      trailPathStyle: f,
+      inCircleProgressBarStyle: b,
+      inCircleProgressBarClass: D,
+      pathString: T,
+      trailPathStyle: p,
       progressCirclePaths: $,
-      gradientId: S,
+      gradientId: P,
       inlineProgressBackgroundStyle: w
-    } = we(e, c, u, v), {
+    } = we(e, l, i, v), {
       inlineProgrssStatusClass: O,
-      circleProgrssStatusClass: l,
+      circleProgrssStatusClass: u,
       shouldShowStatus: k
     } = Oe(e), {
-      inlineProgressSuccessBackgroundStyle: b,
-      shouldShowSuccessInlineProgressBackground: M
+      inlineProgressSuccessBackgroundStyle: S,
+      shouldShowSuccessInlineProgressBackground: B
     } = Be(e);
-    F(() => e.percent, (C) => {
-      s.value = C || 0;
+    F(() => e.percent, (N) => {
+      s.value = N || 0;
     });
-    function N() {
-      return i.value && y("span", {
+    function C() {
+      return g.value && y("span", {
         class: "f-progress-text"
       }, [k.value ? y("span", {
-        class: a.value ? l.value : O.value
+        class: c.value ? u.value : O.value
       }, null) : o.value]);
     }
-    function D() {
+    function M() {
       return y(x, null, [y("div", {
         class: "f-progress-outer"
       }, [y("div", {
@@ -430,55 +430,55 @@ const G = /* @__PURE__ */ A({
       }, [y("div", {
         class: "f-progress-bg",
         style: w.value
-      }, null), M.value && y("div", {
+      }, null), B.value && y("div", {
         class: "f-progress-success-bg",
-        style: b.value
-      }, null)])]), N()]);
+        style: S.value
+      }, null)])]), C()]);
     }
     function E() {
       return y("div", {
-        class: T.value,
-        style: P.value
+        class: D.value,
+        style: b.value
       }, [y("svg", {
         class: "f-progress-circle",
         viewBox: "0 0 100 100"
-      }, [p.value && y("defs", null, [y("linearGradient", {
-        id: "gradient-" + S.value,
+      }, [f.value && y("defs", null, [y("linearGradient", {
+        id: "gradient-" + P.value,
         x1: "100%",
         y1: "0%",
         x2: "0%",
         y2: "0%"
-      }, [g.value.map((C) => y("stop", {
-        offset: C.offset,
-        "stop-color": C.color
+      }, [a.value.map((N) => y("stop", {
+        offset: N.offset,
+        "stop-color": N.color
       }, null))])]), y("path", {
         class: "f-progress-circle-trail",
         stroke: "#efefef",
         "fill-opacity": "0",
         "stroke-width": t.value,
-        d: B.value,
-        style: f.value
-      }, null), $.value.map((C) => y("path", {
+        d: T.value,
+        style: p.value
+      }, null), $.value.map((N) => y("path", {
         class: "f-progress-circle-path",
         "fill-opacity": "0",
-        d: B.value,
+        d: T.value,
         "stroke-linecap": n.value,
-        stroke: C.stroke,
+        stroke: N.stroke,
         "stroke-width": s.value ? t.value : 0,
-        style: C.strokePathStyle
-      }, null))]), N()]);
+        style: N.strokePathStyle
+      }, null))]), C()]);
     }
     return () => y("div", {
       class: m.value
-    }, [r.value === "line" && D(), a.value && E()]);
+    }, [r.value === "line" && M(), c.value && E()]);
   }
 });
-function Te(e, r, i) {
+function Te(e, r, g) {
   var O;
   function s() {
   }
-  const n = "", u = "", p = d();
-  function g() {
+  const n = "", i = "", f = d();
+  function a() {
     return (r == null ? void 0 : r.schema.componentType) !== "frame";
   }
   function v() {
@@ -490,47 +490,47 @@ function Te(e, r, i) {
   function o() {
     return (r == null ? void 0 : r.schema.componentType) === "frame";
   }
-  function c(l) {
-    if (!l || !l.value)
+  function l(u) {
+    if (!u || !u.value)
       return null;
-    if (l.value.schema && l.value.schema.type === "component")
-      return l.value;
-    const k = d(l == null ? void 0 : l.value.parent), b = c(k);
-    return b || null;
+    if (u.value.schema && u.value.schema.type === "component")
+      return u.value;
+    const k = d(u == null ? void 0 : u.value.parent), S = l(k);
+    return S || null;
   }
-  function a(l = r) {
-    const { componentInstance: k, designerItemElementRef: b } = l;
-    return !k || !k.value ? null : k.value.canMove ? b : a(l.parent);
+  function c(u = r) {
+    const { componentInstance: k, designerItemElementRef: S } = u;
+    return !k || !k.value ? null : k.value.canMove ? S : c(u.parent);
   }
-  function m(l) {
-    return !!i;
+  function m(u) {
+    return !!g;
   }
-  function P() {
+  function b() {
     return (r == null ? void 0 : r.schema.label) || (r == null ? void 0 : r.schema.title) || (r == null ? void 0 : r.schema.name);
   }
-  function T() {
+  function D() {
   }
-  function B(l, k) {
+  function T(u, k) {
   }
-  function f(l) {
-    const { componentType: k } = l;
-    let b = W(k, l);
-    const M = k.toLowerCase().replace("-", "_");
-    return b && !b.id && b.type === k && (b.id = `${M}_${Math.random().toString().slice(2, 6)}`), b;
+  function p(u, k) {
+    const { componentType: S } = u;
+    let B = W(S, u, k);
+    const C = S.toLowerCase().replace("-", "_");
+    return B && !B.id && B.type === S && (B.id = `${C}_${Math.random().toString().slice(2, 6)}`), B;
   }
-  function $(l, k) {
-    const b = String(l.getAttribute("data-controltype")), M = l.getAttribute("data-feature"), N = M ? JSON.parse(M) : {};
-    N.parentComponentInstance = p.value;
-    let D = W(b, N);
-    const E = b.toLowerCase().replace("-", "_");
-    return D && !D.id && D.type === b && (D.id = `${E}_${Math.random().toString().slice(2, 6)}`), D;
+  function $(u, k) {
+    const S = String(u.getAttribute("data-controltype")), B = u.getAttribute("data-feature"), C = B ? JSON.parse(B) : {};
+    C.parentComponentInstance = f.value;
+    let M = W(S, C);
+    const E = S.toLowerCase().replace("-", "_");
+    return M && !M.id && M.type === S && (M.id = `${E}_${Math.random().toString().slice(2, 6)}`), M;
   }
-  function S(l) {
+  function P(u) {
   }
-  function w(...l) {
+  function w(...u) {
   }
-  return p.value = {
-    canMove: g(),
+  return f.value = {
+    canMove: a(),
     canSelectParent: v(),
     canDelete: t(),
     canNested: !o(),
@@ -539,65 +539,65 @@ function Te(e, r, i) {
     parent: (O = r == null ? void 0 : r.parent) == null ? void 0 : O.componentInstance,
     schema: r == null ? void 0 : r.schema,
     styles: n,
-    designerClass: u,
+    designerClass: i,
     canAccepts: m,
-    getBelongedComponentInstance: c,
-    getDraggableDesignItemElement: a,
-    getDraggingDisplayText: P,
+    getBelongedComponentInstance: l,
+    getDraggableDesignItemElement: c,
+    getDraggingDisplayText: b,
     getPropConfig: w,
-    getDragScopeElement: T,
-    onAcceptMovedChildElement: B,
+    getDragScopeElement: D,
+    onAcceptMovedChildElement: T,
     onAcceptNewChildElement: $,
-    onChildElementMovedOut: S,
-    addNewChildComponentSchema: f,
+    onChildElementMovedOut: P,
+    addNewChildComponentSchema: p,
     updateDragAndDropRules: s,
     triggerBelongedComponentToMoveWhenMoved: d(!1),
     triggerBelongedComponentToDeleteWhenDeleted: d(!1)
-  }, p;
+  }, f;
 }
-const De = /* @__PURE__ */ A({
+const De = /* @__PURE__ */ R({
   name: "FProgressDesign",
-  props: R,
+  props: A,
   emits: [],
   setup(e, r) {
-    const i = d(e.progressStatus), s = d(e.progressType), n = d(e.size), u = d(e.showInfo), p = d(e.strokeWidth), g = d(e.percent), v = d(e.strokeLinecap), t = d(!1), o = d(e.strokeColor), c = d(null), a = d(0), m = d(e.width), P = d(""), T = d([]), B = d(""), f = d([]), $ = d(e.enableBackgroundImg), S = d(e.backgroundImg), w = d(), O = H("design-item-context"), l = Te(w, O);
+    const g = d(e.progressStatus), s = d(e.progressType), n = d(e.size), i = d(e.showInfo), f = d(e.strokeWidth), a = d(e.percent), v = d(e.strokeLinecap), t = d(!1), o = d(e.strokeColor), l = d(null), c = d(0), m = d(e.width), b = d(""), D = d([]), T = d(""), p = d([]), $ = d(e.enableBackgroundImg), P = d(e.backgroundImg), w = d(), O = H("design-item-context"), u = Te(w, O);
     Q(() => {
-      w.value.componentInstance = l;
-    }), r.expose(l.value), F(() => e.percent, (j) => {
-      g.value = j || 0;
+      w.value.componentInstance = u;
+    }), r.expose(u.value), F(() => e.percent, (j) => {
+      a.value = j || 0;
     });
-    const k = h(() => p.value || (s.value === "line" && n.value !== "small" ? 8 : 6)), b = h(() => s.value === "circle" || s.value === "dashboard"), M = h(() => {
+    const k = h(() => f.value || (s.value === "line" && n.value !== "small" ? 8 : 6)), S = h(() => s.value === "circle" || s.value === "dashboard"), B = h(() => {
       const j = {
         "f-progress": !0,
         "f-progress-line": s.value === "line",
         "ant-progress-small": n.value === "small",
-        "f-progress-show-info": u.value,
-        ".f-progress-circle": b.value
-      }, J = `f-progress-status-${i.value}`;
+        "f-progress-show-info": i.value,
+        ".f-progress-circle": S.value
+      }, J = `f-progress-status-${g.value}`;
       return j[J] = !0, j;
-    }), N = h(() => ({
-      width: `${g.value}%`,
+    }), C = h(() => ({
+      width: `${a.value}%`,
       "border-radius": v.value === "round" ? "100px" : "0",
       backgroud: t.value ? null : o.value,
-      "background-image": t.value ? c.value : null,
+      "background-image": t.value ? l.value : null,
       height: `${k.value}px`
-    })), D = h(() => ({
-      width: `${g.value}%`,
+    })), M = h(() => ({
+      width: `${a.value}%`,
       "border-radius": v.value === "round" ? "100px" : "0",
       height: `${k.value}px`,
-      "background-image": $.value ? S.value : null
-    })), E = h(() => a.value || a.value === 0);
-    function C() {
+      "background-image": $.value ? P.value : null
+    })), E = h(() => c.value || c.value === 0);
+    function N() {
       return y("div", {
         class: "f-progress-outer"
       }, [y("div", {
         class: "f-progress-inner"
       }, [y("div", {
         class: "f-progress-bg",
-        style: N.value
+        style: C.value
       }, null), E.value && y("div", {
         class: "f-progress-success-bg",
-        style: D.value
+        style: M.value
       }, null)])]);
     }
     const _ = h(() => ({
@@ -614,12 +614,12 @@ const De = /* @__PURE__ */ A({
         class: "f-progress-circle",
         viewBox: "0 0 100 100"
       }, [t.value && y("defs", null, [y("linearGradient", {
-        id: "gradient-" + P.value,
+        id: "gradient-" + b.value,
         x1: "100%",
         y1: "0%",
         x2: "0%",
         y2: "0%"
-      }, [T.value.map((j) => y("stop", {
+      }, [D.value.map((j) => y("stop", {
         offset: j.offset,
         "stop-color": j.color
       }, null))])]), y("path", {
@@ -627,34 +627,34 @@ const De = /* @__PURE__ */ A({
         stroke: "#efefef",
         "fill-opacity": "0",
         "stroke-width": k.value,
-        d: B.value,
+        d: T.value,
         style: X.value
-      }, null), f.value.map((j) => y("path", {
+      }, null), p.value.map((j) => y("path", {
         class: "f-progress-circle-path",
         "fill-opacity": "0",
-        d: B.value,
+        d: T.value,
         "stroke-linecap": v.value,
         stroke: j.stroke,
-        "stroke-width": g.value ? k.value : 0,
+        "stroke-width": a.value ? k.value : 0,
         style: j.strokePathStyle
       }, null))])]);
     }
     return () => y("div", {
       ref: w,
-      class: M.value
-    }, [s.value === "line" && C(), b.value && Y()]);
+      class: B.value
+    }, [s.value === "line" && N(), S.value && Y()]);
   }
 });
-G.register = (e, r, i) => {
+G.register = (e, r, g) => {
   e.progress = G, r.progress = q;
 };
-G.registerDesigner = (e, r, i) => {
+G.registerDesigner = (e, r, g) => {
   e.progress = De, r.progress = q;
 };
 const Ee = Z(G);
 export {
   G as Progress,
   Ee as default,
-  R as progressProps,
+  A as progressProps,
   q as propsResolver
 };