@farris/ui-vue 1.3.1 → 1.3.3

package/components/progress/index.esm.js

@@ -1,33 +1,37 @@
-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";
+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 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 L(e) {
+  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 q(e, r = {}, i) {
   const s = z[e];
   if (s) {
-    let n = W(s);
-    const u = V[e];
-    return n = u ? u({ getSchemaByType: q }, n, r, i) : n, n;
+    let n = L(s);
+    const c = V[e];
+    return n = c ? c({ getSchemaByType: q }, n, r, i) : n, n;
   }
   return null;
 }
-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 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 u = r.get(n);
-      if (typeof u == "string")
-        s[u] = e[n];
+      const c = r.get(n);
+      if (typeof c == "string")
+        s[c] = e[n];
       else {
-        const f = u(n, e[n], e);
-        Object.assign(s, f);
+        const g = c(n, e[n], e);
+        Object.assign(s, g);
       }
     } else
       s[n] = e[n];
@@ -35,26 +39,26 @@ function ee(e, r) {
   }, {});
 }
 function re(e, r, i = /* @__PURE__ */ new Map()) {
-  const s = K(e, r);
+  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 k = Object.keys(l)[0], b = l[k];
-      if (k === "not")
-        return Number(c[t].length) !== Number(b);
-      if (k === "moreThan")
-        return Number(c[t].length) >= Number(b);
-      if (k === "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 i(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],
@@ -63,20 +67,20 @@ function te(e = {}) {
   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 k = c, b = o[c];
-      return { target: l, operator: "getProperty", param: k, 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 u(t) {
-    return Object.keys(t).reduce((l, c) => {
-      const k = n(c, t[c]);
-      return l.push(...k), 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 u(t).reduce((k, b) => k && 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"), 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);
+    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, 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), {});
+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);
   };
 }
@@ -182,7 +186,7 @@ const ue = "https://json-schema.org/draft/2020-12/schema", ie = "https://farris-
   type: pe,
   properties: de,
   required: ye
-}, ve = "progress", ke = "A Farris Component", me = "object", be = {
+}, ve = "progress", me = "A Farris Component", ke = "object", be = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -206,10 +210,10 @@ const ue = "https://json-schema.org/draft/2020-12/schema", ie = "https://farris-
   }
 }, Pe = {
   title: ve,
-  description: ke,
-  type: me,
+  description: me,
+  type: ke,
   categories: be
-}, L = {
+}, 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}%` }
-}, X = oe(L, 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 i(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 = i(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})`;
-  }), u = h(() => i(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: u
+    circleGradient: c
   };
 }
 function $e(e) {
@@ -276,77 +280,77 @@ function we(e) {
   return { formatPercentageText: h(() => e.format(e.percent, e.successPercent)) };
 }
 function je(e, r, i, s) {
-  const { isCircleStyle: n } = r, { isGradient: u, linearGradient: f } = i, { strokeWidth: a } = s, v = h(() => {
-    const g = {
+  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",
       "ant-progress-small": e.size === "small",
       "f-progress-show-info": e.showInfo,
       "f-progress-circle": n.value
     }, $ = `f-progress-status-${e.progressStatus}`;
-    return g[$] = !0, g;
+    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": c.value
   })), o = h(() => ({
     "f-progress-inner": !0,
-    "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;
+    "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 S = 0, w = -p, f = 0, m = p * -2;
     switch ($) {
       case "left":
-        S = -g, w = 0, p = g * 2, m = 0;
+        S = -p, w = 0, f = p * 2, m = 0;
         break;
       case "right":
-        S = g, w = 0, p = g * -2, m = 0;
+        S = p, w = 0, f = p * -2, m = 0;
         break;
       case "bottom":
-        w = g, m = g * 2;
+        w = p, m = p * 2;
         break;
     }
     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 g = 50 - a.value / 2, $ = Math.PI * 2 * g, S = e.gapDegree || (e.progressType === "circle" ? 0 : 75);
+                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: `${$ - S}px ${$}px`,
       strokeDashoffset: `-${S / 2}px`,
       transition: "stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s"
     };
   }), 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;
+    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: u.value && !P ? `url(#gradient-${c.value})` : null,
+        stroke: c.value && !k ? `url(#gradient-${u.value})` : null,
         strokePathStyle: {
-          stroke: u.value ? null : P ? "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: `${(p || 0) / 100 * ($ - S)}px ${$}px`,
+          strokeDasharray: `${(f || 0) / 100 * ($ - S)}px ${$}px`,
           strokeDashoffset: `-${S / 2}px`
         }
       };
     }).reverse();
-  }), O = h(() => ({
+  }), B = h(() => ({
     width: `${e.percent}%`,
     "border-radius": e.strokeLinecap === "round" ? "100px" : "0",
-    background: u.value ? null : e.strokeColor,
-    "background-image": u.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: k,
-    trailPathStyle: b,
+    pathString: b,
+    trailPathStyle: P,
     progressCirclePaths: T,
-    gradientId: c,
-    inlineProgressBackgroundStyle: O
+    gradientId: u,
+    inlineProgressBackgroundStyle: B
   };
 }
 function Oe(e) {
@@ -357,14 +361,14 @@ function Be(e) {
     const n = {
       "f-progress-text-icon": !0,
       "f-icon": !0
-    }, u = `f-icon-${e.progressStatus}`;
-    return n[u] = !0, n;
+    }, c = `f-icon-${e.progressStatus}`;
+    return n[c] = !0, n;
   }), i = 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;
+    }, 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,
@@ -381,48 +385,48 @@ function Te(e) {
   })), i = h(() => e.successPercent || e.successPercent === 0);
   return { inlineProgressSuccessBackgroundStyle: r, shouldShowSuccessInlineProgressBackground: i };
 }
-const N = /* @__PURE__ */ A({
+const E = /* @__PURE__ */ A({
   name: "FProgress",
-  props: L,
+  props: R,
   emits: [],
   setup(e) {
-    const r = d(e.progressType), i = d(e.showInfo), s = d(e.percent), n = d(e.strokeLinecap), u = 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
-    } = u, v = $e(e), {
+    } = c, v = $e(e), {
       strokeWidth: t
     } = v, {
       formatPercentageText: o
     } = we(e), l = Oe(e), {
-      isCircleStyle: c
+      isCircleStyle: u
     } = l, {
-      progressClass: k,
-      inCircleProgressBarStyle: b,
+      progressClass: b,
+      inCircleProgressBarStyle: P,
       inCircleProgressBarClass: T,
-      pathString: O,
-      trailPathStyle: g,
+      pathString: B,
+      trailPathStyle: p,
       progressCirclePaths: $,
       gradientId: S,
       inlineProgressBackgroundStyle: w
-    } = je(e, l, u, v), {
-      inlineProgrssStatusClass: p,
+    } = je(e, l, c, v), {
+      inlineProgrssStatusClass: f,
       circleProgrssStatusClass: m,
-      shouldShowStatus: P
+      shouldShowStatus: k
     } = Be(e), {
-      inlineProgressSuccessBackgroundStyle: B,
+      inlineProgressSuccessBackgroundStyle: O,
       shouldShowSuccessInlineProgressBackground: M
     } = Te(e);
-    F(() => e.percent, (D) => {
+    C(() => e.percent, (D) => {
       s.value = D || 0;
     });
-    function C() {
+    function N() {
       return i.value && y("span", {
         class: "f-progress-text"
-      }, [P.value ? y("span", {
-        class: c.value ? m.value : p.value
+      }, [k.value ? y("span", {
+        class: u.value ? m.value : f.value
       }, null) : o.value]);
     }
-    function E() {
+    function G() {
       return y(Q, null, [y("div", {
         class: "f-progress-outer"
       }, [y("div", {
@@ -432,17 +436,17 @@ const N = /* @__PURE__ */ A({
         style: w.value
       }, null), M.value && y("div", {
         class: "f-progress-success-bg",
-        style: B.value
-      }, null)])]), C()]);
+        style: O.value
+      }, null)])]), N()]);
     }
-    function G() {
+    function W() {
       return y("div", {
         class: T.value,
-        style: b.value
+        style: P.value
       }, [y("svg", {
         class: "f-progress-circle",
         viewBox: "0 0 100 100"
-      }, [f.value && y("defs", null, [y("linearGradient", {
+      }, [g.value && y("defs", null, [y("linearGradient", {
         id: "gradient-" + S.value,
         x1: "100%",
         y1: "0%",
@@ -456,129 +460,136 @@ const N = /* @__PURE__ */ A({
         stroke: "#efefef",
         "fill-opacity": "0",
         "stroke-width": t.value,
-        d: O.value,
-        style: g.value
+        d: B.value,
+        style: p.value
       }, null), $.value.map((D) => y("path", {
         class: "f-progress-circle-path",
         "fill-opacity": "0",
-        d: O.value,
+        d: B.value,
         "stroke-linecap": n.value,
         stroke: D.stroke,
         "stroke-width": s.value ? t.value : 0,
         style: D.strokePathStyle
-      }, null))]), C()]);
+      }, null))]), N()]);
     }
     return () => y("div", {
-      class: k.value
-    }, [r.value === "line" && E(), c.value && G()]);
+      class: b.value
+    }, [r.value === "line" && G(), u.value && W()]);
   }
 });
 function De(e, r, i) {
   var w;
-  function s() {
-  }
-  const n = "", u = "", f = d();
-  function a() {
+  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(p) {
-    if (!p || !p.value)
+  function o(f) {
+    if (!f || !f.value)
       return 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;
+    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(p = r) {
-    const { componentInstance: m, designerItemElementRef: P } = p;
-    return !m || !m.value ? null : m.value.canMove ? P : c(p.parent);
+  function l(f = r) {
+    const { componentInstance: m, designerItemElementRef: k } = f;
+    return !m || !m.value ? null : m.value.canMove ? k : l(f.parent);
   }
-  function k(p) {
+  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 T() {
+  function P() {
   }
-  function O(p, m) {
+  function T(f, 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 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 $(p) {
+  function p(f) {
   }
-  function S(...p) {
+  function $(...f) {
+  }
+  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: (w = r == null ? void 0 : r.parent) == null ? void 0 : w.componentInstance,
     schema: r == null ? void 0 : r.schema,
-    styles: n,
-    designerClass: u,
-    canAccepts: k,
-    getBelongedComponentInstance: l,
-    getDraggableDesignItemElement: c,
+    styles: s,
+    designerClass: n,
+    canAccepts: u,
+    getBelongedComponentInstance: o,
+    getDraggableDesignItemElement: l,
     getDraggingDisplayText: b,
-    getPropConfig: S,
-    getDragScopeElement: T,
-    onAcceptMovedChildElement: O,
-    onChildElementMovedOut: $,
-    addNewChildComponentSchema: g,
-    updateDragAndDropRules: s,
+    getPropConfig: $,
+    getDragScopeElement: P,
+    onAcceptMovedChildElement: T,
+    onChildElementMovedOut: p,
+    addNewChildComponentSchema: B,
     triggerBelongedComponentToMoveWhenMoved: d(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: d(!1)
-  }, f;
+    triggerBelongedComponentToDeleteWhenDeleted: d(!1),
+    onRemoveComponent: S
+  }, c;
 }
 const Me = /* @__PURE__ */ A({
   name: "FProgressDesign",
-  props: L,
+  props: R,
   emits: [],
   setup(e, r) {
-    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);
+    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), F(() => e.percent, (j) => {
+    }), r.expose(m.value), C(() => e.percent, (j) => {
       a.value = j || 0;
     });
-    const P = h(() => f.value || (s.value === "line" && n.value !== "small" ? 8 : 6)), B = h(() => s.value === "circle" || s.value === "dashboard"), M = 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": u.value,
-        ".f-progress-circle": B.value
+        "f-progress-show-info": c.value,
+        ".f-progress-circle": O.value
       }, J = `f-progress-status-${i.value}`;
       return j[J] = !0, j;
-    }), C = h(() => ({
+    }), 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: `${P.value}px`
-    })), E = h(() => ({
+      height: `${k.value}px`
+    })), G = h(() => ({
       width: `${a.value}%`,
       "border-radius": v.value === "round" ? "100px" : "0",
-      height: `${P.value}px`,
+      height: `${k.value}px`,
       "background-image": $.value ? S.value : null
-    })), G = h(() => c.value || c.value === 0);
+    })), W = h(() => u.value || u.value === 0);
     function D() {
       return y("div", {
         class: "f-progress-outer"
@@ -586,27 +597,27 @@ const Me = /* @__PURE__ */ A({
         class: "f-progress-inner"
       }, [y("div", {
         class: "f-progress-bg",
-        style: C.value
-      }, null), G.value && y("div", {
+        style: N.value
+      }, null), W.value && y("div", {
         class: "f-progress-success-bg",
-        style: E.value
+        style: G.value
       }, null)])]);
     }
-    const Y = h(() => ({
-      width: `${k.value}px`,
-      height: `${k.value}px`,
-      "font-size": `${k.value * 0.15 + 6}px`,
+    const X = h(() => ({
+      width: `${b.value}px`,
+      height: `${b.value}px`,
+      "font-size": `${b.value * 0.15 + 6}px`,
       "f-progress-circle-gradient": t.value
-    })), _ = h(() => ({}));
+    })), Y = h(() => ({}));
     function H() {
       return y("div", {
         class: "f-progress-inner",
-        style: Y.value
+        style: X.value
       }, [y("svg", {
         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%",
@@ -618,35 +629,35 @@ const Me = /* @__PURE__ */ A({
         class: "f-progress-circle-trail",
         stroke: "#efefef",
         "fill-opacity": "0",
-        "stroke-width": P.value,
-        d: O.value,
-        style: _.value
-      }, null), g.value.map((j) => y("path", {
+        "stroke-width": k.value,
+        d: B.value,
+        style: Y.value
+      }, null), p.value.map((j) => y("path", {
         class: "f-progress-circle-path",
         "fill-opacity": "0",
-        d: O.value,
+        d: B.value,
         "stroke-linecap": v.value,
         stroke: j.stroke,
-        "stroke-width": a.value ? P.value : 0,
+        "stroke-width": a.value ? k.value : 0,
         style: j.strokePathStyle
       }, null))])]);
     }
     return () => y("div", {
       ref: w,
       class: M.value
-    }, [s.value === "line" && D(), B.value && H()]);
+    }, [s.value === "line" && D(), O.value && H()]);
   }
 });
-N.register = (e, r, i) => {
-  e.progress = N, r.progress = X;
+E.register = (e, r, i) => {
+  e.progress = E, r.progress = _;
 };
-N.registerDesigner = (e, r, i) => {
-  e.progress = Me, r.progress = X;
+E.registerDesigner = (e, r, i) => {
+  e.progress = Me, r.progress = _;
 };
-const Ge = I(N);
+const We = K(E);
 export {
-  N as Progress,
-  Ge as default,
-  L as progressProps,
-  X as propsResolver
+  E as Progress,
+  We as default,
+  R as progressProps,
+  _ as propsResolver
 };