@farris/ui-vue 1.3.4 → 1.3.6

package/components/progress/index.esm.js

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