@farris/ui-vue 1.3.0 → 1.3.3

package/components/progress/index.esm.js

@@ -1,82 +1,86 @@
-import { computed as h, defineComponent as F, ref as d, watch as z, createVNode as y, Fragment as H, inject as Q, onMounted as U } from "vue";
-import { isPlainObject as R, cloneDeep as Z } from "lodash-es";
-import { withInstall as I } from "../common/index.esm.js";
-const V = {}, q = {};
+import { computed as h, defineComponent as A, ref as d, watch as C, createVNode as y, Fragment as Q, inject as U, onMounted as Z } from "vue";
+import { isPlainObject as F, cloneDeep as x } from "lodash-es";
+import { withInstall as K } from "../common/index.esm.js";
+const z = {}, V = {};
 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]) : Z(r[a].default)), f), {});
-  return (!n || !s.find((f) => f == "id")) && (i.id = `${g}-${Date.now()}`), i;
+  const { properties: r, title: i, ignore: s } = e, n = s && Array.isArray(s), c = Object.keys(r).reduce((g, a) => ((!n || !s.find((v) => v === a)) && (g[a] = r[a].type === "object" && r[a].properties ? L(r[a]) : x(r[a].default)), g), {});
+  if (i && (!n || !s.find((g) => g === "id"))) {
+    const g = i.toLowerCase().replace(/-/g, "_");
+    c.id = `${g}_${Math.random().toString().slice(2, 6)}`;
+  }
+  return c;
 }
-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 = q[e];
-    return n = i ? i({ getSchemaByType: W }, n, r, g) : n, n;
+    const c = V[e];
+    return n = c ? c({ getSchemaByType: q }, n, r, i) : n, n;
   }
   return null;
 }
-function K(e, r) {
-  const g = L(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), g), g;
+function I(e, r) {
+  const i = L(r);
+  return Object.keys(i).reduce((s, n) => (s[n] && F(s[n]) && F(e[n] || !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 c = r.get(n);
+      if (typeof c == "string")
+        s[c] = e[n];
       else {
-        const f = i(n, e[n], e);
-        Object.assign(s, f);
+        const g = c(n, e[n], e);
+        Object.assign(s, g);
       }
     } else
       s[n] = e[n];
     return s;
   }, {});
 }
-function re(e, r, g = /* @__PURE__ */ new Map()) {
-  const s = K(e, r);
-  return ee(s, g);
+function re(e, r, i = /* @__PURE__ */ new Map()) {
+  const s = I(e, r);
+  return ee(s, i);
 }
 function te(e = {}) {
-  function r(t, o, l, c) {
+  function r(t, o, l, u) {
     if (typeof l == "number")
-      return c[t].length === l;
+      return u[t].length === l;
     if (typeof l == "object") {
-      const m = Object.keys(l)[0], b = l[m];
-      if (m === "not")
-        return Number(c[t].length) !== Number(b);
-      if (m === "moreThan")
-        return Number(c[t].length) >= Number(b);
-      if (m === "lessThan")
-        return Number(c[t].length) <= Number(b);
+      const b = Object.keys(l)[0], P = l[b];
+      if (b === "not")
+        return Number(u[t].length) !== Number(P);
+      if (b === "moreThan")
+        return Number(u[t].length) >= Number(P);
+      if (b === "lessThan")
+        return Number(u[t].length) <= Number(P);
     }
     return !1;
   }
-  function g(t, o, l, c) {
-    return c[t] && c[t].propertyValue && String(c[t].propertyValue.value) === String(l);
+  function i(t, o, l, u) {
+    return u[t] && u[t].propertyValue && String(u[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) {
     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 };
+    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((u) => {
+      if (u === "length")
+        return { target: l, operator: "length", param: null, value: o[u] };
+      const b = u, P = o[u];
+      return { target: l, operator: "getProperty", param: b, value: P };
     }) : [];
   }
-  function i(t) {
-    return Object.keys(t).reduce((l, c) => {
-      const m = n(c, t[c]);
-      return l.push(...m), l;
+  function c(t) {
+    return Object.keys(t).reduce((l, u) => {
+      const b = n(u, t[u]);
+      return l.push(...b), l;
     }, []);
   }
-  function f(t, o) {
+  function g(t, o) {
     if (s.has(t.operator)) {
       const l = s.get(t.operator);
       return l && l(t.target, t.param, t.value, o) || !1;
@@ -84,19 +88,19 @@ function te(e = {}) {
     return !1;
   }
   function a(t, o) {
-    return i(t).reduce((m, b) => m && f(b, o), !0);
+    return c(t).reduce((b, P) => b && g(P, 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), u = l.includes("allOf"), b = l.includes("anyOf"), P = u || b, p = (P ? t[P ? u ? "allOf" : "anyOf" : "allOf"] : [t]).map((S) => a(S, o));
+    return u ? !p.includes(!1) : p.includes(!0);
   }
   return { parseValueSchema: v };
 }
 const se = {}, ne = {};
 te();
-function oe(e, r, g = /* @__PURE__ */ new Map(), s = (f, a, v) => a, n = {}, i = (f) => f) {
-  return V[r.title] = r, q[r.title] = s, se[r.title] = n, ne[r.title] = i, (f = {}) => {
-    const a = re(f, r, g), v = Object.keys(e).reduce((t, o) => (t[o] = e[o].default, t), {});
+function oe(e, r, i = /* @__PURE__ */ new Map(), s = (g, a, v, t) => a, n = {}, c = (g) => g) {
+  return z[r.title] = r, V[r.title] = s, se[r.title] = n, ne[r.title] = c, (g = {}) => {
+    const a = re(g, r, i), v = Object.keys(e).reduce((t, o) => (t[o] = e[o].default, t), {});
     return Object.assign(v, a);
   };
 }
@@ -106,7 +110,7 @@ function ae(e, r) {
 const ce = /* @__PURE__ */ new Map([
   ["appearance", ae]
 ]);
-function le(e, r, g) {
+function le(e, r, i) {
   return r;
 }
 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 = {
@@ -209,7 +213,7 @@ const ue = "https://json-schema.org/draft/2020-12/schema", ie = "https://farris-
   description: me,
   type: ke,
   categories: be
-}, A = {
+}, R = {
   progressType: { type: String, default: "line" },
   strokeWidth: { type: Number, default: 0 },
   size: { type: String, default: "default" },
@@ -240,15 +244,15 @@ const ue = "https://json-schema.org/draft/2020-12/schema", ie = "https://farris-
    * 格式化进度信息
    */
   format: { type: Function, default: (e, r) => `${e}%` }
-}, _ = oe(A, he, ce, le, Pe);
+}, _ = oe(R, he, ce, le, Pe);
 function Se(e) {
-  function r(f) {
-    return +f.replace("%", "");
+  function r(g) {
+    return +g.replace("%", "");
   }
-  function g(f) {
+  function i(g) {
     let a = [];
-    return Object.keys(f).forEach((v) => {
-      const t = f[v], o = r(v);
+    return Object.keys(g).forEach((v) => {
+      const t = g[v], o = r(v);
       isNaN(o) || a.push({
         key: o,
         value: t
@@ -256,17 +260,17 @@ function Se(e) {
     }), a = a.sort((v, t) => v.key - t.key), a;
   }
   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;
+    const { from: g = "#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: u }) => `${u} ${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 })));
+    return `linear-gradient(${v}, ${g}, ${a})`;
+  }), c = h(() => i(e.strokeColor).map(({ key: g, value: a }) => ({ offset: `${g}%`, color: a })));
   return {
     isGradient: s,
     linearGradient: n,
-    circleGradient: i
+    circleGradient: c
   };
 }
 function $e(e) {
@@ -275,8 +279,8 @@ function $e(e) {
 function we(e) {
   return { formatPercentageText: h(() => e.format(e.percent, e.successPercent)) };
 }
-function je(e, r, g, s) {
-  const { isCircleStyle: n } = r, { isGradient: i, linearGradient: f } = g, { strokeWidth: a } = s, v = h(() => {
+function je(e, r, i, s) {
+  const { isCircleStyle: n } = r, { isGradient: c, linearGradient: g } = i, { strokeWidth: a } = s, v = h(() => {
     const p = {
       "f-progress": !0,
       "f-progress-line": e.progressType === "line",
@@ -289,64 +293,64 @@ function je(e, r, g, s) {
     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": c.value
   })), o = h(() => ({
     "f-progress-inner": !0,
-    "f-progress-circle-gradient": i.value
-  })), l = 0, c = h(() => l + 1), m = h(() => {
+    "f-progress-circle-gradient": c.value
+  })), l = 0, u = h(() => l + 1), b = h(() => {
     const p = 50 - a.value / 2, $ = e.gapPosition || (e.progressType === "circle" ? "top" : "bottom");
-    let P = 0, w = -p, O = 0, u = p * -2;
+    let S = 0, w = -p, f = 0, m = p * -2;
     switch ($) {
       case "left":
-        P = -p, w = 0, O = p * 2, u = 0;
+        S = -p, w = 0, f = p * 2, m = 0;
         break;
       case "right":
-        P = p, w = 0, O = p * -2, u = 0;
+        S = p, w = 0, f = p * -2, m = 0;
         break;
       case "bottom":
-        w = p, u = p * 2;
+        w = p, m = p * 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}`;
-  }), b = h(() => {
-    const p = 50 - a.value / 2, $ = Math.PI * 2 * p, P = e.gapDegree || (e.progressType === "circle" ? 0 : 75);
+    return `M 50,50 m ${S},${w}
+                a ${p},${p} 0 1 1 ${f},${-m}
+                a ${p},${p} 0 1 1 ${-f},${m}`;
+  }), P = h(() => {
+    const p = 50 - a.value / 2, $ = Math.PI * 2 * p, 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 p = 50 - a.value / 2, $ = Math.PI * 2 * p, 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((f, m) => {
+      const k = w.length === 2 && m === 0;
       return {
-        stroke: i.value && !k ? `url(#gradient-${c.value})` : null,
+        stroke: c.value && !k ? `url(#gradient-${u.value})` : null,
         strokePathStyle: {
-          stroke: i.value ? null : k ? "default" : e.strokeColor,
+          stroke: c.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 * ($ - P)}px ${$}px`,
-          strokeDashoffset: `-${P / 2}px`
+          strokeDasharray: `${(f || 0) / 100 * ($ - S)}px ${$}px`,
+          strokeDashoffset: `-${S / 2}px`
         }
       };
     }).reverse();
-  }), T = h(() => ({
+  }), B = 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: c.value ? null : e.strokeColor,
+    "background-image": c.value ? g.value : null,
     height: `${a.value}px`
   }));
   return {
     progressClass: v,
     inCircleProgressBarStyle: t,
     inCircleProgressBarClass: o,
-    pathString: m,
-    trailPathStyle: b,
-    progressCirclePaths: D,
-    gradientId: c,
-    inlineProgressBackgroundStyle: T
+    pathString: b,
+    trailPathStyle: P,
+    progressCirclePaths: T,
+    gradientId: u,
+    inlineProgressBackgroundStyle: B
   };
 }
 function Oe(e) {
@@ -357,18 +361,18 @@ function Be(e) {
     const n = {
       "f-progress-text-icon": !0,
       "f-icon": !0
-    }, i = `f-icon-${e.progressStatus}`;
-    return n[i] = !0, n;
-  }), g = h(() => {
+    }, c = `f-icon-${e.progressStatus}`;
+    return n[c] = !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;
+    }, c = e.progressStatus === "success" ? "f-icon-checkmark" : "f-icon-x";
+    return n[c] = !0, n;
   }), s = h(() => e.progressStatus === "error" || e.progressStatus === "success");
   return {
     inlineProgrssStatusClass: r,
-    circleProgrssStatusClass: g,
+    circleProgrssStatusClass: i,
     shouldShowStatus: s
   };
 }
@@ -378,235 +382,234 @@ function Te(e) {
     "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__ */ F({
+const E = /* @__PURE__ */ A({
   name: "FProgress",
-  props: A,
+  props: R,
   emits: [],
   setup(e) {
-    const r = d(e.progressType), g = d(e.showInfo), s = d(e.percent), n = d(e.strokeLinecap), i = Se(e), {
-      isGradient: f,
+    const r = d(e.progressType), i = d(e.showInfo), s = d(e.percent), n = d(e.strokeLinecap), c = Se(e), {
+      isGradient: g,
       circleGradient: a
-    } = i, v = $e(e), {
+    } = c, v = $e(e), {
       strokeWidth: t
     } = v, {
       formatPercentageText: o
     } = we(e), l = Oe(e), {
-      isCircleStyle: c
+      isCircleStyle: u
     } = l, {
-      progressClass: m,
-      inCircleProgressBarStyle: b,
-      inCircleProgressBarClass: D,
-      pathString: T,
+      progressClass: b,
+      inCircleProgressBarStyle: P,
+      inCircleProgressBarClass: T,
+      pathString: B,
       trailPathStyle: p,
       progressCirclePaths: $,
-      gradientId: P,
+      gradientId: S,
       inlineProgressBackgroundStyle: w
-    } = je(e, l, i, v), {
-      inlineProgrssStatusClass: O,
-      circleProgrssStatusClass: u,
+    } = je(e, l, c, v), {
+      inlineProgrssStatusClass: f,
+      circleProgrssStatusClass: m,
       shouldShowStatus: k
     } = Be(e), {
-      inlineProgressSuccessBackgroundStyle: S,
-      shouldShowSuccessInlineProgressBackground: B
+      inlineProgressSuccessBackgroundStyle: O,
+      shouldShowSuccessInlineProgressBackground: M
     } = Te(e);
-    z(() => e.percent, (N) => {
-      s.value = N || 0;
+    C(() => e.percent, (D) => {
+      s.value = D || 0;
     });
-    function C() {
-      return g.value && y("span", {
+    function N() {
+      return i.value && y("span", {
         class: "f-progress-text"
       }, [k.value ? y("span", {
-        class: c.value ? u.value : O.value
+        class: u.value ? m.value : f.value
       }, null) : o.value]);
     }
-    function M() {
-      return y(H, null, [y("div", {
+    function G() {
+      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
-      }, null)])]), C()]);
+        style: O.value
+      }, null)])]), N()]);
     }
-    function E() {
+    function W() {
       return y("div", {
-        class: D.value,
-        style: b.value
+        class: T.value,
+        style: P.value
       }, [y("svg", {
         class: "f-progress-circle",
         viewBox: "0 0 100 100"
-      }, [f.value && y("defs", null, [y("linearGradient", {
-        id: "gradient-" + P.value,
+      }, [g.value && y("defs", null, [y("linearGradient", {
+        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,
+        d: B.value,
         style: p.value
-      }, null), $.value.map((N) => y("path", {
+      }, null), $.value.map((D) => y("path", {
         class: "f-progress-circle-path",
         "fill-opacity": "0",
-        d: T.value,
+        d: B.value,
         "stroke-linecap": n.value,
-        stroke: N.stroke,
+        stroke: D.stroke,
         "stroke-width": s.value ? t.value : 0,
-        style: N.strokePathStyle
-      }, null))]), C()]);
+        style: D.strokePathStyle
+      }, null))]), N()]);
     }
     return () => y("div", {
-      class: m.value
-    }, [r.value === "line" && M(), c.value && E()]);
+      class: b.value
+    }, [r.value === "line" && G(), u.value && W()]);
   }
 });
-function De(e, r, g) {
-  var O;
-  function s() {
-  }
-  const n = "", i = "", f = d();
-  function a() {
+function De(e, r, i) {
+  var w;
+  const s = "", n = "", c = d();
+  function g() {
     return (r == null ? void 0 : r.schema.componentType) !== "frame";
   }
-  function v() {
+  function a() {
     return !1;
   }
-  function t() {
+  function v() {
     return (r == null ? void 0 : r.schema.componentType) !== "frame";
   }
-  function o() {
+  function t() {
     return (r == null ? void 0 : r.schema.componentType) === "frame";
   }
-  function l(u) {
-    if (!u || !u.value)
+  function o(f) {
+    if (!f || !f.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 (f.value.schema && f.value.schema.type === "component")
+      return f.value;
+    const m = d(f == null ? void 0 : f.value.parent), k = o(m);
+    return k || null;
   }
-  function c(u = r) {
-    const { componentInstance: k, designerItemElementRef: S } = u;
-    return !k || !k.value ? null : k.value.canMove ? S : c(u.parent);
+  function l(f = r) {
+    const { componentInstance: m, designerItemElementRef: k } = f;
+    return !m || !m.value ? null : m.value.canMove ? k : l(f.parent);
   }
-  function m(u) {
-    return !!g;
+  function u(f) {
+    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 P() {
   }
-  function T(u, k) {
+  function T(f, m) {
   }
-  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 B(f, m) {
+    const { componentType: k } = f;
+    let O = q(k, f, m);
+    const M = k.toLowerCase().replace(/-/g, "_");
+    return O && !O.id && O.type === k && (O.id = `${M}_${Math.random().toString().slice(2, 6)}`), O;
   }
-  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 p(f) {
   }
-  function P(u) {
+  function $(...f) {
   }
-  function w(...u) {
+  function S() {
+    r != null && r.schema.contents && r.schema.contents.map((f) => {
+      var O;
+      let m = f.id;
+      f.type === "component-ref" && (m = f.component);
+      const k = e.value.querySelector(`#${m}-design-item`);
+      (O = k == null ? void 0 : k.componentInstance) != null && O.value.onRemoveComponent && k.componentInstance.value.onRemoveComponent();
+    });
   }
-  return f.value = {
-    canMove: a(),
-    canSelectParent: v(),
-    canDelete: t(),
-    canNested: !o(),
+  return c.value = {
+    canMove: g(),
+    canSelectParent: a(),
+    canDelete: v(),
+    canNested: !t(),
     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,
-    getBelongedComponentInstance: l,
-    getDraggableDesignItemElement: c,
+    styles: s,
+    designerClass: n,
+    canAccepts: u,
+    getBelongedComponentInstance: o,
+    getDraggableDesignItemElement: l,
     getDraggingDisplayText: b,
-    getPropConfig: w,
-    getDragScopeElement: D,
+    getPropConfig: $,
+    getDragScopeElement: P,
     onAcceptMovedChildElement: T,
-    onAcceptNewChildElement: $,
-    onChildElementMovedOut: P,
-    addNewChildComponentSchema: p,
-    updateDragAndDropRules: s,
+    onChildElementMovedOut: p,
+    addNewChildComponentSchema: B,
     triggerBelongedComponentToMoveWhenMoved: d(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: d(!1)
-  }, f;
+    triggerBelongedComponentToDeleteWhenDeleted: d(!1),
+    onRemoveComponent: S
+  }, c;
 }
-const Ce = /* @__PURE__ */ F({
+const Me = /* @__PURE__ */ A({
   name: "FProgressDesign",
-  props: A,
+  props: R,
   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 = Q("design-item-context"), u = De(w, O);
-    U(() => {
-      w.value.componentInstance = u;
-    }), r.expose(u.value), z(() => e.percent, (j) => {
+    const i = d(e.progressStatus), s = d(e.progressType), n = d(e.size), c = d(e.showInfo), g = d(e.strokeWidth), a = d(e.percent), v = d(e.strokeLinecap), t = d(!1), o = d(e.strokeColor), l = d(null), u = d(0), b = d(e.width), P = d(""), T = d([]), B = d(""), p = d([]), $ = d(e.enableBackgroundImg), S = d(e.backgroundImg), w = d(), f = U("design-item-context"), m = De(w, f);
+    Z(() => {
+      w.value.componentInstance = m;
+    }), r.expose(m.value), C(() => 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 k = h(() => g.value || (s.value === "line" && n.value !== "small" ? 8 : 6)), O = 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
-      }, x = `f-progress-status-${g.value}`;
-      return j[x] = !0, j;
-    }), C = h(() => ({
+        "f-progress-show-info": c.value,
+        ".f-progress-circle": O.value
+      }, J = `f-progress-status-${i.value}`;
+      return j[J] = !0, j;
+    }), N = 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(() => ({
+    })), G = 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() {
+      "background-image": $.value ? S.value : null
+    })), W = h(() => u.value || u.value === 0);
+    function D() {
       return y("div", {
         class: "f-progress-outer"
       }, [y("div", {
         class: "f-progress-inner"
       }, [y("div", {
         class: "f-progress-bg",
-        style: C.value
-      }, null), E.value && y("div", {
+        style: N.value
+      }, null), W.value && y("div", {
         class: "f-progress-success-bg",
-        style: M.value
+        style: G.value
       }, null)])]);
     }
     const X = h(() => ({
-      width: `${m.value}px`,
-      height: `${m.value}px`,
-      "font-size": `${m.value * 0.15 + 6}px`,
+      width: `${b.value}px`,
+      height: `${b.value}px`,
+      "font-size": `${b.value * 0.15 + 6}px`,
       "f-progress-circle-gradient": t.value
     })), Y = h(() => ({}));
-    function J() {
+    function H() {
       return y("div", {
         class: "f-progress-inner",
         style: X.value
@@ -614,12 +617,12 @@ const Ce = /* @__PURE__ */ F({
         class: "f-progress-circle",
         viewBox: "0 0 100 100"
       }, [t.value && y("defs", null, [y("linearGradient", {
-        id: "gradient-" + b.value,
+        id: "gradient-" + P.value,
         x1: "100%",
         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", {
@@ -627,12 +630,12 @@ const Ce = /* @__PURE__ */ F({
         stroke: "#efefef",
         "fill-opacity": "0",
         "stroke-width": k.value,
-        d: T.value,
+        d: B.value,
         style: Y.value
       }, null), p.value.map((j) => y("path", {
         class: "f-progress-circle-path",
         "fill-opacity": "0",
-        d: T.value,
+        d: B.value,
         "stroke-linecap": v.value,
         stroke: j.stroke,
         "stroke-width": a.value ? k.value : 0,
@@ -641,20 +644,20 @@ const Ce = /* @__PURE__ */ F({
     }
     return () => y("div", {
       ref: w,
-      class: B.value
-    }, [s.value === "line" && N(), S.value && J()]);
+      class: M.value
+    }, [s.value === "line" && D(), O.value && H()]);
   }
 });
-G.register = (e, r, g) => {
-  e.progress = G, r.progress = _;
+E.register = (e, r, i) => {
+  e.progress = E, r.progress = _;
 };
-G.registerDesigner = (e, r, g) => {
-  e.progress = Ce, r.progress = _;
+E.registerDesigner = (e, r, i) => {
+  e.progress = Me, r.progress = _;
 };
-const Ge = I(G);
+const We = K(E);
 export {
-  G as Progress,
-  Ge as default,
-  A as progressProps,
+  E as Progress,
+  We as default,
+  R as progressProps,
   _ as propsResolver
 };