@farris/ui-vue 1.2.9 → 1.3.1

package/components/progress/index.esm.js

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