@farris/ui-vue 1.6.5-beta.7 → 1.6.5-beta.8

package/components/color-picker/index.esm.js

@@ -1,46 +1,46 @@
-var xe = Object.defineProperty;
-var Ue = (t, e, r) => e in t ? xe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var Le = Object.defineProperty;
+var Ue = (t, e, r) => e in t ? Le(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
 var a = (t, e, r) => Ue(t, typeof e != "symbol" ? e + "" : e, r);
-import { ref as $, computed as Z, defineComponent as oe, onMounted as ae, watch as C, createVNode as M, withModifiers as ie, createTextVNode as ge, onBeforeMount as be, withDirectives as ne, vShow as re, vModelText as ke, inject as qe } from "vue";
-import { isPlainObject as ye, cloneDeep as we } from "lodash-es";
+import { ref as E, computed as Z, defineComponent as oe, onMounted as ae, watch as C, createVNode as M, withModifiers as ie, createTextVNode as ge, onBeforeMount as be, withDirectives as ne, vShow as re, vModelText as ke, inject as qe } from "vue";
+import { cloneDeep as ye, isPlainObject as we } from "lodash-es";
 import { getSchemaByTypeForDesigner as Ie } from "../dynamic-resolver/index.esm.js";
 import { withInstall as Xe } from "../common/index.esm.js";
 function Pe(t, e) {
   let r;
   function n(c) {
-    const { properties: p, title: m, ignore: l } = c, s = l && Array.isArray(l), b = Object.keys(p).reduce((P, R) => ((!s || !l.find((F) => F === R)) && (P[R] = p[R].type === "object" && p[R].properties ? n(p[R]) : we(p[R].default)), P), {});
-    if (m && (!s || !l.find((P) => P === "id"))) {
-      const P = m.toLowerCase().replace(/-/g, "_");
+    const { properties: p, title: v, ignore: l } = c, s = l && Array.isArray(l), b = Object.keys(p).reduce((P, B) => ((!s || !l.find((F) => F === B)) && (P[B] = p[B].type === "object" && p[B].properties ? n(p[B]) : ye(p[B].default)), P), {});
+    if (v && (!s || !l.find((P) => P === "id"))) {
+      const P = v.toLowerCase().replace(/-/g, "_");
       b.id = `${P}_${Math.random().toString().slice(2, 6)}`;
     }
     return b;
   }
   function u(c) {
-    const { properties: p, title: m, required: l } = c;
+    const { properties: p, title: v, required: l } = c;
     if (l && Array.isArray(l)) {
-      const s = l.reduce((b, P) => (b[P] = p[P].type === "object" && p[P].properties ? n(p[P]) : we(p[P].default), b), {});
-      if (m && l.find((b) => b === "id")) {
-        const b = m.toLowerCase().replace(/-/g, "_");
+      const s = l.reduce((b, P) => (b[P] = p[P].type === "object" && p[P].properties ? n(p[P]) : ye(p[P].default), b), {});
+      if (v && l.find((b) => b === "id")) {
+        const b = v.toLowerCase().replace(/-/g, "_");
         s.id = `${b}_${Math.random().toString().slice(2, 6)}`;
       }
       return s;
     }
     return {
-      type: m
+      type: v
     };
   }
-  function y(c, p = {}, m) {
+  function y(c, p = {}, v) {
     const l = t[c];
     if (l) {
       let s = u(l);
       const b = e[c];
-      return s = b ? b({ getSchemaByType: y }, s, p, m) : s, r != null && r.appendIdentifyForNewControl && r.appendIdentifyForNewControl(s), s;
+      return s = b ? b({ getSchemaByType: y }, s, p, v) : s, r != null && r.appendIdentifyForNewControl && r.appendIdentifyForNewControl(s), s;
     }
     return null;
   }
   function d(c, p) {
-    const m = n(p);
-    return Object.keys(m).reduce((l, s) => (Object.prototype.hasOwnProperty.call(c, s) && (l[s] && ye(l[s]) && ye(c[s] || !c[s]) ? Object.assign(l[s], c[s] || {}) : l[s] = c[s]), l), m), m;
+    const v = n(p);
+    return Object.keys(v).reduce((l, s) => (Object.prototype.hasOwnProperty.call(c, s) && (l[s] && we(l[s]) && we(c[s] || !c[s]) ? Object.assign(l[s], c[s] || {}) : l[s] = c[s]), l), v), v;
   }
   function g(c, p) {
     return Object.keys(c).filter((l) => c[l] != null).reduce((l, s) => {
@@ -57,21 +57,21 @@ function Pe(t, e) {
       return l;
     }, {});
   }
-  function w(c, p, m = /* @__PURE__ */ new Map()) {
+  function w(c, p, v = /* @__PURE__ */ new Map()) {
     const l = d(c, p);
-    return g(l, m);
+    return g(l, v);
   }
   function h(c) {
-    var m;
+    var v;
     const p = c.type;
     if (p) {
       const l = t[p];
       if (!l)
         return c;
-      const s = d(c, l), b = ((m = c.editor) == null ? void 0 : m.type) || "";
+      const s = d(c, l), b = ((v = c.editor) == null ? void 0 : v.type) || "";
       if (b) {
-        const P = t[b], R = d(c.editor, P);
-        s.editor = R;
+        const P = t[b], B = d(c.editor, P);
+        s.editor = B;
       }
       return s;
     }
@@ -82,18 +82,18 @@ function Pe(t, e) {
   }
   return { getSchemaByType: y, resolveSchemaWithDefaultValue: h, resolveSchemaToProps: w, mappingSchemaToProps: g, setDesignerContext: f };
 }
-const Se = {}, Me = {}, { resolveSchemaWithDefaultValue: Ge, resolveSchemaToProps: ze, mappingSchemaToProps: We } = Pe(Se, Me);
+const Se = {}, Me = {}, { getSchemaByType: Gt, resolveSchemaWithDefaultValue: Ge, resolveSchemaToProps: ze, mappingSchemaToProps: We, setDesignerContext: zt } = Pe(Se, Me);
 function Ye(t = {}) {
   function e(h, f, c, p) {
     if (typeof c == "number")
       return p[h].length === c;
     if (typeof c == "object") {
-      const m = Object.keys(c)[0], l = c[m];
-      if (m === "not")
+      const v = Object.keys(c)[0], l = c[v];
+      if (v === "not")
         return Number(p[h].length) !== Number(l);
-      if (m === "moreThan")
+      if (v === "moreThan")
         return Number(p[h].length) >= Number(l);
-      if (m === "lessThan")
+      if (v === "lessThan")
         return Number(p[h].length) <= Number(l);
     }
     return !1;
@@ -111,14 +111,14 @@ function Ye(t = {}) {
     return typeof f == "number" ? [{ target: c, operator: "length", param: null, value: Number(f) }] : typeof f == "boolean" ? [{ target: c, operator: "getProperty", param: h, value: !!f }] : typeof f == "object" ? Object.keys(f).map((p) => {
       if (p === "length")
         return { target: c, operator: "length", param: null, value: f[p] };
-      const m = p, l = f[p];
-      return { target: c, operator: "getProperty", param: m, value: l };
+      const v = p, l = f[p];
+      return { target: c, operator: "getProperty", param: v, value: l };
     }) : [];
   }
   function y(h) {
     return Object.keys(h).reduce((c, p) => {
-      const m = u(p, h[p]);
-      return c.push(...m), c;
+      const v = u(p, h[p]);
+      return c.push(...v), c;
     }, []);
   }
   function d(h, f) {
@@ -129,10 +129,10 @@ function Ye(t = {}) {
     return !1;
   }
   function g(h, f) {
-    return y(h).reduce((m, l) => m && d(l, f), !0);
+    return y(h).reduce((v, l) => v && d(l, f), !0);
   }
   function w(h, f) {
-    const c = Object.keys(h), p = c.includes("allOf"), m = c.includes("anyOf"), l = p || m, P = (l ? h[l ? p ? "allOf" : "anyOf" : "allOf"] : [h]).map((F) => g(F, f));
+    const c = Object.keys(h), p = c.includes("allOf"), v = c.includes("anyOf"), l = p || v, P = (l ? h[l ? p ? "allOf" : "anyOf" : "allOf"] : [h]).map((F) => g(F, f));
     return p ? !P.includes(!1) : P.includes(!0);
   }
   return { parseValueSchema: w };
@@ -439,77 +439,77 @@ function $e(t, e, r) {
     const b = l.$converter || s;
     return typeof b == "string" && b && n.has(b) ? n.get(b) || null : b || null;
   }
-  function f(l, s, b, P, R, F = "", x = "") {
+  function f(l, s, b, P, B, F = "", L = "") {
     return Object.keys(l).map((V) => {
-      const j = $(1), X = V, S = l[V], q = Object.keys(S), T = S.title, B = S.type, E = u.get(B) || { type: "input-group", enableClear: !1 }, N = S.editor ? Object.assign({}, E, S.editor) : Object.assign({}, E), O = g(q, S, s), A = w(q, S, s);
-      N.readonly = N.readonly === void 0 ? A() : N.readonly;
-      const G = S.type === "cascade" ? f(S.properties, s, b, P, R, F, x) : [], K = !0;
-      let I = h(S, x);
+      const D = E(1), X = V, S = l[V], q = Object.keys(S), T = S.title, $ = S.type, N = u.get($) || { type: "input-group", enableClear: !1 }, R = S.editor ? Object.assign({}, N, S.editor) : Object.assign({}, N), O = g(q, S, s), A = w(q, S, s);
+      R.readonly = R.readonly === void 0 ? A() : R.readonly;
+      const G = S.type === "cascade" ? f(S.properties, s, b, P, B, F, L) : [], K = !0;
+      let I = h(S, L);
       const J = Z({
         get() {
-          if (j.value) {
+          if (D.value) {
             if (["class", "style"].find((te) => te === X) && !I && (I = n.get("/converter/appearance.converter") || null), I && I.convertFrom)
-              return I.convertFrom(b, V, R, F);
+              return I.convertFrom(b, V, B, F);
             const z = b[V];
             return Object.prototype.hasOwnProperty.call(S, "defaultValue") && (z === void 0 || typeof z == "string" && z === "") ? S.type === "boolean" ? S.defaultValue : S.defaultValue || "" : z;
           }
           return null;
         },
         set(z) {
-          j.value += 1, I && I.convertTo ? (I.convertTo(P, V, z, R, F), I.convertTo(b, V, z, R, F)) : (P[V] = z, b[V] = z);
+          D.value += 1, I && I.convertTo ? (I.convertTo(P, V, z, B, F), I.convertTo(b, V, z, B, F)) : (P[V] = z, b[V] = z);
         }
-      }), { refreshPanelAfterChanged: Q, description: se, isExpand: _, parentPropertyID: le } = S, W = { propertyID: X, propertyName: T, propertyType: B, propertyValue: J, editor: N, visible: O, readonly: A, cascadeConfig: G, hideCascadeTitle: K, refreshPanelAfterChanged: Q, description: se, isExpand: _, parentPropertyID: le };
+      }), { refreshPanelAfterChanged: Q, description: se, isExpand: _, parentPropertyID: le } = S, W = { propertyID: X, propertyName: T, propertyType: $, propertyValue: J, editor: R, visible: O, readonly: A, cascadeConfig: G, hideCascadeTitle: K, refreshPanelAfterChanged: Q, description: se, isExpand: _, parentPropertyID: le };
       return s[X] = W, W;
     });
   }
   function c(l, s, b = {}) {
-    const P = {}, R = t[l];
-    return R && R.categories ? Object.keys(R.categories).map((x) => {
-      const D = R.categories[x], V = D == null ? void 0 : D.title, j = f(D.properties || {}, P, {}, b, s);
-      return { categoryId: x, categoryName: V, properties: j };
+    const P = {}, B = t[l];
+    return B && B.categories ? Object.keys(B.categories).map((L) => {
+      const j = B.categories[L], V = j == null ? void 0 : j.title, D = f(j.properties || {}, P, {}, b, s);
+      return { categoryId: L, categoryName: V, properties: D };
     }) : [];
   }
-  function p(l, s, b, P, R = "") {
-    const F = s.$ref.schema, x = s.$ref.converter, D = b[F], V = D.type, j = r(D), X = {}, S = t[V];
+  function p(l, s, b, P, B = "") {
+    const F = s.$ref.schema, L = s.$ref.converter, j = b[F], V = j.type, D = r(j), X = {}, S = t[V];
     if (S && S.categories) {
       const q = S.categories[l], T = q == null ? void 0 : q.title;
-      x && Object.keys(q.properties).forEach((N) => {
-        q.properties[N].$converter = x;
+      L && Object.keys(q.properties).forEach((R) => {
+        q.properties[R].$converter = L;
       });
-      const B = (q == null ? void 0 : q.properties) || {}, E = f(B, X, j, D, P, R);
-      return { categoryId: l, categoryName: T, properties: E };
+      const $ = (q == null ? void 0 : q.properties) || {}, N = f($, X, D, j, P, B);
+      return { categoryId: l, categoryName: T, properties: N };
     }
     return { categoryId: l, categoryName: "", properties: [] };
   }
-  function m(l, s, b, P, R) {
-    const F = l.type, x = r(l), D = {};
-    let V = R || t[F];
+  function v(l, s, b, P, B) {
+    const F = l.type, L = r(l), j = {};
+    let V = B || t[F];
     if (V && Object.keys(V).length === 0 && b && b.getPropConfig && (V = b.getPropConfig(P)), V && V.categories) {
-      const j = [];
+      const D = [];
       return Object.keys(V.categories).map((X) => {
         const S = V.categories[X];
         if (S.$ref) {
-          j.push(p(X, S, l, s, P));
+          D.push(p(X, S, l, s, P));
           return;
         }
-        const q = S == null ? void 0 : S.title, T = S == null ? void 0 : S.tabId, B = S == null ? void 0 : S.tabName, E = S == null ? void 0 : S.hide, N = S == null ? void 0 : S.hideTitle, O = f(S.properties || {}, D, x, l, s, P, S.$converter), { setPropertyRelates: A } = S, G = S == null ? void 0 : S.parentPropertyID;
-        j.push({ categoryId: X, categoryName: q, tabId: T, tabName: B, hide: E, properties: O, hideTitle: N, setPropertyRelates: A, parentPropertyID: G });
-      }), j;
+        const q = S == null ? void 0 : S.title, T = S == null ? void 0 : S.tabId, $ = S == null ? void 0 : S.tabName, N = S == null ? void 0 : S.hide, R = S == null ? void 0 : S.hideTitle, O = f(S.properties || {}, j, L, l, s, P, S.$converter), { setPropertyRelates: A } = S, G = S == null ? void 0 : S.parentPropertyID;
+        D.push({ categoryId: X, categoryName: q, tabId: T, tabName: $, hide: N, properties: O, hideTitle: R, setPropertyRelates: A, parentPropertyID: G });
+      }), D;
     }
     return [];
   }
   return {
-    getPropertyConfigBySchema: m,
+    getPropertyConfigBySchema: v,
     getPropertyConfigByType: c,
     propertyConverterMap: n
   };
 }
-const Re = {}, Ee = {};
-$e(Re, Ee, Ge);
-const Ne = {}, He = {}, { resolveSchemaWithDefaultValue: ht } = Pe(Ne, He), Oe = {}, Fe = {};
+const Ee = {}, Ne = {};
+$e(Ee, Ne, Ge);
+const Re = {}, He = {}, { getSchemaByType: Wt, resolveSchemaWithDefaultValue: ht, resolveSchemaToProps: Yt, mappingSchemaToProps: Jt, setDesignerContext: Qt } = Pe(Re, He), Oe = {}, Fe = {};
 $e(Oe, Fe, ht);
 function gt(t, e, r = /* @__PURE__ */ new Map(), n = (d, g, w, h) => g, u = {}, y = (d) => d) {
-  return Se[e.title] = e, Me[e.title] = n, Re[e.title] = u, Ee[e.title] = y, Ne[e.title] = e, He[e.title] = n, Oe[e.title] = u, Fe[e.title] = y, (d = {}, g = !0) => {
+  return Se[e.title] = e, Me[e.title] = n, Ee[e.title] = u, Ne[e.title] = y, Re[e.title] = e, He[e.title] = n, Oe[e.title] = u, Fe[e.title] = y, (d = {}, g = !0) => {
     if (!g)
       return We(d, r);
     const w = ze(d, e, r), h = Object.keys(t).reduce((f, c) => (f[c] = t[c].default, f), {});
@@ -598,7 +598,7 @@ function Bt(t, e) {
 }
 const $t = /* @__PURE__ */ new Map([
   ["appearance", Bt]
-]), Rt = "color-picker", Et = "A Farris Component", Nt = "object", Ht = {
+]), Et = "color-picker", Nt = "A Farris Component", Rt = "object", Ht = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -621,9 +621,9 @@ const $t = /* @__PURE__ */ new Map([
     }
   }
 }, Ot = {
-  title: Rt,
-  description: Et,
-  type: Nt,
+  title: Et,
+  description: Nt,
+  type: Rt,
   categories: Ht
 }, ve = {
   /** 初始颜色 */
@@ -862,23 +862,23 @@ class H {
   }
   hsvaToRgba(e) {
     let r = 1, n = 0, u = 0;
-    const y = e.saturation / 100, d = e.value / 100, { alpha: g } = e, w = e.hue / 60, h = Math.floor(w), f = w - h, c = (1 - y) * d, p = (1 - y * f) * d, m = (1 - y * (1 - f)) * d;
+    const y = e.saturation / 100, d = e.value / 100, { alpha: g } = e, w = e.hue / 60, h = Math.floor(w), f = w - h, c = (1 - y) * d, p = (1 - y * f) * d, v = (1 - y * (1 - f)) * d;
     switch (h) {
       case 6:
       case 0:
-        r = d, n = m, u = c;
+        r = d, n = v, u = c;
         break;
       case 1:
         r = p, n = d, u = c;
         break;
       case 2:
-        r = c, n = d, u = m;
+        r = c, n = d, u = v;
         break;
       case 3:
         r = c, n = p, u = d;
         break;
       case 4:
-        r = m, n = c, u = d;
+        r = v, n = c, u = d;
         break;
       case 5:
         r = d, n = c, u = p;
@@ -1034,10 +1034,10 @@ class me {
     a(this, "hueValue", null);
     /** 初始颜色值 */
     a(this, "initValue", null);
-    a(this, "valueChanged", $());
+    a(this, "valueChanged", E());
     a(this, "initType", null);
     // 此处没有监听变量变更后操作的方法  TODO
-    a(this, "alphaChannelVisibilityChanges", $());
+    a(this, "alphaChannelVisibilityChanges", E());
     a(this, "colorPresets", []);
     const r = e[0], n = H.from(r);
     this.setValue(n), this.setHueColor(n);
@@ -1139,18 +1139,18 @@ const Ft = {
   hue: { type: Object, default: "" },
   randomId: { type: String, default: "" },
   allowColorNull: { type: Boolean, default: !1 }
-}, je = /* @__PURE__ */ oe({
+}, De = /* @__PURE__ */ oe({
   name: "SvPanel",
   props: Ft,
   emits: ["update:color"],
   setup(t, e) {
-    const r = $(null), n = $(null), u = $(t.randomId), y = $(t.allowColorNull);
+    const r = E(null), n = E(null), u = E(t.randomId), y = E(t.allowColorNull);
     function d() {
       return t.hue ? t.hue.toRgbaString() : "#3f51b5";
     }
     function g(c, p) {
-      var m, l;
-      c = Math.max(0, Math.min(c, 100)), p = Math.max(0, Math.min(p, 100)), r.value && ((m = r.value.style) == null || m.setProperty("top", `${100 - p}%`), (l = r.value.style) == null || l.setProperty("left", `${c}%`));
+      var v, l;
+      c = Math.max(0, Math.min(c, 100)), p = Math.max(0, Math.min(p, 100)), r.value && ((v = r.value.style) == null || v.setProperty("top", `${100 - p}%`), (l = r.value.style) == null || l.setProperty("left", `${c}%`));
     }
     function w() {
       const c = document.getElementById(`farris-color-picker-plus-sure-${u.value}`);
@@ -1161,33 +1161,33 @@ const Ft = {
     function h({
       x: c,
       y: p,
-      height: m,
+      height: v,
       width: l
     }) {
-      const s = c * 100 / l, b = -(p * 100 / m) + 100;
+      const s = c * 100 / l, b = -(p * 100 / v) + 100;
       g(s, b);
-      const P = t.color == null ? "transparent" : t.color, R = H.from(P);
-      if (w(), R != null) {
-        const F = t.hue.getHsva(), x = R.getHsva(), D = new H().setHsva(F.hue, s, b, x.alpha);
-        e.emit("update:color", D);
+      const P = t.color == null ? "transparent" : t.color, B = H.from(P);
+      if (w(), B != null) {
+        const F = t.hue.getHsva(), L = B.getHsva(), j = new H().setHsva(F.hue, s, b, L.alpha);
+        e.emit("update:color", j);
       }
-      !R && y.value && e.emit("update:color", null);
+      !B && y.value && e.emit("update:color", null);
     }
     function f(c) {
       if (n.value) {
         const {
           width: p,
-          height: m,
+          height: v,
           top: l,
           left: s
         } = n.value.getBoundingClientRect(), {
           pageX: b,
           pageY: P
-        } = "touches" in c ? c.touches[0] : c, R = Math.max(0, Math.min(b - (s + window.pageXOffset), p)), F = Math.max(0, Math.min(P - (l + window.pageYOffset), m));
+        } = "touches" in c ? c.touches[0] : c, B = Math.max(0, Math.min(b - (s + window.pageXOffset), p)), F = Math.max(0, Math.min(P - (l + window.pageYOffset), v));
         h({
-          x: R,
+          x: B,
           y: F,
-          height: m,
+          height: v,
           width: p
         });
       }
@@ -1222,29 +1222,29 @@ const Ft = {
   hue: { type: Object, default: "" },
   allowColorNull: { type: Boolean, default: !1 },
   onChange: { type: Function }
-}, De = /* @__PURE__ */ oe({
+}, je = /* @__PURE__ */ oe({
   name: "Hue",
   props: Vt,
   emits: ["update:color", "update:hue"],
   setup(t, e) {
-    const r = $(t.hue), n = $(t.allowColorNull), u = [];
+    const r = E(t.hue), n = E(t.allowColorNull), u = [];
     function y(l) {
       l.preventDefault(), g(l);
     }
-    const d = $(null);
+    const d = E(null);
     function g(l) {
       if (d.value) {
         const {
           width: s,
           height: b,
           top: P,
-          left: R
+          left: B
         } = d.value.getBoundingClientRect(), {
           pageX: F,
-          pageY: x
-        } = "touches" in l ? l.touches[0] : l, D = Math.max(0, Math.min(F - (R + window.pageXOffset), s)), V = Math.max(0, Math.min(x - (P + window.pageYOffset), b));
-        m({
-          x: D,
+          pageY: L
+        } = "touches" in l ? l.touches[0] : l, j = Math.max(0, Math.min(F - (B + window.pageXOffset), s)), V = Math.max(0, Math.min(L - (P + window.pageYOffset), b));
+        v({
+          x: j,
           y: V,
           height: b,
           width: s
@@ -1267,22 +1267,22 @@ const Ft = {
       const s = t.color.getHsva();
       p(s.hue);
     });
-    const c = $(null);
+    const c = E(null);
     function p(l) {
       var P;
       const s = Math.max(0, Math.min(l / 360 * 100, 100));
       c.value && ((P = c.value.style) == null || P.setProperty("top", `${s}%`));
     }
-    function m({
+    function v({
       x: l,
       y: s,
       height: b,
       width: P
     }) {
-      const R = s / b * 360;
-      p(R);
-      const F = t.color.getHsva(), x = new H().setHsva(R, F.saturation, F.value, F.alpha), D = new H().setHsva(R, 100, 100, F.alpha);
-      (t.color != null || t.color == null && n.value) && (e.emit("update:hue", D), e.emit("update:color", x));
+      const B = s / b * 360;
+      p(B);
+      const F = t.color.getHsva(), L = new H().setHsva(B, F.saturation, F.value, F.alpha), j = new H().setHsva(B, 100, 100, F.alpha);
+      (t.color != null || t.color == null && n.value) && (e.emit("update:hue", j), e.emit("update:color", L));
     }
     return C(r, (l) => {
       const s = l.getHsva();
@@ -1302,33 +1302,35 @@ const Ft = {
       ref: c
     }, null)]);
   }
-}), jt = {
+}), Dt = {
   color: { type: Object, default: "" },
   randomId: { type: String, default: "" },
   allowColorNull: { type: Boolean, default: !1 }
 }, Ae = /* @__PURE__ */ oe({
   name: "Alpha",
-  props: jt,
+  props: Dt,
   emits: ["update:color"],
   setup(t, e) {
-    const r = $(null), n = $(null), u = $(t.randomId), y = $(t.allowColorNull), d = (f) => {
-      var m;
+    const r = E(null), n = E(null), u = E(t.randomId), y = E(t.allowColorNull), d = (f) => {
+      var v;
       const c = Math.max(0, Math.min(f * 100, 100));
-      n.value && ((m = n.value.style) == null || m.setProperty("left", `${c}%`));
+      n.value && ((v = n.value.style) == null || v.setProperty("left", `${c}%`));
     };
     function g(f) {
       if (r.value) {
         const {
           width: c,
           height: p,
-          top: m,
+          top: v,
           left: l
         } = r.value.getBoundingClientRect(), {
           pageX: s,
           pageY: b
-        } = "touches" in f ? f.touches[0] : f, P = Math.max(0, Math.min(s - (l + window.pageXOffset), c));
+        } = "touches" in f ? f.touches[0] : f, P = Math.max(0, Math.min(s - (l + window.pageXOffset), c)), B = Math.max(0, Math.min(b - (v + window.pageYOffset), p));
         h({
           x: P,
+          y: B,
+          height: p,
           width: c
         });
       }
@@ -1345,7 +1347,7 @@ const Ft = {
     }) => {
       const p = f / c;
       d(p), w();
-      const m = t.color.getHsva(), l = new H().setHsva(m.hue, m.saturation, m.value, p);
+      const v = t.color.getHsva(), l = new H().setHsva(v.hue, v.saturation, v.value, p);
       t.color != null ? e.emit("update:color", l) : t.color == null && y.value && e.emit("update:color", null);
     };
     return ae(() => {
@@ -1366,17 +1368,17 @@ const Ft = {
       ref: n
     }, null)]);
   }
-}), Dt = {
+}), jt = {
   color: { type: Object, default: "" },
   hue: { type: Object, default: "" },
   colorPresets: { type: Object, default: "" },
   randomId: { type: String, default: "" }
-}, Le = /* @__PURE__ */ oe({
+}, xe = /* @__PURE__ */ oe({
   name: "Preset",
-  props: Dt,
+  props: jt,
   emits: ["update:hue", "update:color"],
   setup(t, e) {
-    const r = $(new H()), n = $(t.colorPresets), u = $(t.randomId);
+    const r = E(new H()), n = E(t.colorPresets), u = E(t.randomId);
     function y() {
       const h = document.getElementById(`farris-color-picker-plus-sure-${u.value}`);
       h.className = "btn btn-secondary";
@@ -1385,8 +1387,8 @@ const Ft = {
     }
     function d(h) {
       y();
-      const f = h.getRgba(), c = h.getHsva(), p = new H().setRgba(f.red, f.green, f.blue, f.alpha), m = new H().setHsva(c.hue);
-      r.value = h, e.emit("update:hue", m), e.emit("update:color", p);
+      const f = h.getRgba(), c = h.getHsva(), p = new H().setRgba(f.red, f.green, f.blue, f.alpha), v = new H().setHsva(c.hue);
+      r.value = h, e.emit("update:hue", v), e.emit("update:color", p);
     }
     function g(h) {
       const f = r.value.getRgba().toString(), c = r.value.getHsva().toString(), p = h.getRgba().toString() === f && h.getHsva().toString() === c;
@@ -1418,55 +1420,55 @@ const Ft = {
   props: ve,
   emits: ["valueChanged", "activeChange", "update:color", "update:hue"],
   setup(t, e) {
-    const r = $(new H(t.color)), n = $(t.color), u = $(t.disabled), y = $(t.color), d = $(t.allowColorNull), g = $(t.presets), w = $(!1), h = $(!1), f = $(!1), c = $("HEX"), p = Math.floor(Math.random() * 1e3).toString();
-    let m = -1, l;
-    const s = new me("#000000"), b = $(t.color);
-    let P, R;
-    const F = $(null), x = $(null), D = $(null), V = Z(() => !l && s && s.initType ? s.initType : l), j = Z({
+    const r = E(new H(t.color)), n = E(t.color), u = E(t.disabled), y = E(t.color), d = E(t.allowColorNull), g = E(t.presets), w = E(!1), h = E(!1), f = E(!1), c = E("HEX"), p = Math.floor(Math.random() * 1e3).toString();
+    let v = -1, l;
+    const s = new me("#000000"), b = E(t.color);
+    let P, B;
+    const F = E(null), L = E(null), j = E(null), V = Z(() => !l && s && s.initType ? s.initType : l), D = Z({
       get() {
         return l && n.value !== null ? (z(l), Y(new H(n.value), U[l])) : n.value;
       },
       set(k) {
         k !== null && (_(k), Q(k));
       }
-    }), X = $(j.value), S = Z(() => m > -1), q = Z(() => g.value.length > 0), T = Z(() => ({
+    }), X = E(D.value), S = Z(() => v > -1), q = Z(() => g.value.length > 0), T = Z(() => ({
       "background-color": y.value
-    })), B = Z(() => h.value && w.value ? "display:flex" : "display:none"), E = [{
+    })), $ = Z(() => h.value && w.value ? "display:flex" : "display:none"), N = [{
       text: "HEX",
       type: U.hex
     }, {
       text: "RGBA",
       type: U.rgba
     }];
-    function N() {
+    function R() {
       const k = document.getElementById("farris-color-picker-panel");
       k.id = `farris-color-picker-panel-${p}`;
-      const v = document.getElementById("farris-color-picker-plus-sure");
-      v.id = `farris-color-picker-plus-sure-${p}`;
-      const L = document.getElementById("farris-color-picker-plus-input");
-      L.id = `farris-color-picker-plus-input-${p}`, R = document.getElementById(`farris-color-picker-plus-sure-${p}`), P = document.getElementById(`farris-color-picker-panel-${p}`), P.className = "color-picker-panel disabled";
+      const m = document.getElementById("farris-color-picker-plus-sure");
+      m.id = `farris-color-picker-plus-sure-${p}`;
+      const x = document.getElementById("farris-color-picker-plus-input");
+      x.id = `farris-color-picker-plus-input-${p}`, B = document.getElementById(`farris-color-picker-plus-sure-${p}`), P = document.getElementById(`farris-color-picker-panel-${p}`), P.className = "color-picker-panel disabled";
     }
     function O() {
       if (!d.value && !n.value) {
         document.getElementById(`farris-color-picker-plus-sure-${p}`).classList.toggle("disabled");
-        const v = document.getElementById(`farris-color-picker-plus-input-${p}`);
-        v.style.borderColor = "red";
+        const m = document.getElementById(`farris-color-picker-plus-input-${p}`);
+        m.style.borderColor = "red";
       }
     }
     function A() {
-      n.value && (_(n.value), !n.value && d.value || (n.value = Y(new H(n.value), U[V.value])), X.value = j.value), I(z(s.initType));
+      n.value && (_(n.value), !n.value && d.value || (n.value = Y(new H(n.value), U[V.value])), X.value = D.value), I(z(s.initType));
     }
     function G() {
       n.value && _(n.value), s.hasPresets() || s.setColorPresets(g.value), n.value ? y.value = Y(new H(n.value), U[V.value]) : !n.value && d.value && (y.value = null);
     }
     function K() {
       C(s.valueChanged, (k) => {
-        const v = Y(k, U[l || s.initType]);
-        n.value = v;
+        const m = Y(k, U[l || s.initType]);
+        n.value = m;
       });
     }
     function I(k) {
-      c.value = E[k].text;
+      c.value = N[k].text;
     }
     function J() {
       var k;
@@ -1475,20 +1477,20 @@ const Ft = {
     be(() => {
       s.setColorPresets(g.value || ["#eaecf3"]);
     }), ae(() => {
-      N(), O(), A(), G();
+      R(), O(), A(), G();
     }), K(), C(c, () => {
-      j.value = Y(new H(n.value), U[l || s.initType]), r.value = new H(j.value), J();
+      D.value = Y(new H(n.value), U[l || s.initType]), r.value = new H(D.value), J();
     }), C(n, (k) => {
       Y(s.value, s.initType) !== k && k !== null && _(k), I(z(s.initType));
     }), C(r, (k) => {
-      n.value = Y(k, U[l || s.initType]), _(n.value), j.value = n.value;
+      n.value = Y(k, U[l || s.initType]), _(n.value), D.value = n.value;
     });
     function Q(k) {
-      const v = document.getElementById(`farris-color-picker-plus-input-${p}`);
-      (k === "" || k === void 0 || k == null) && !d.value ? (n.value = null, v.style.borderColor = "red", R.className = "btn btn-secondary disabled") : (v.style.borderColor = "#dcdfe6", R.className = "btn btn-secondary");
+      const m = document.getElementById(`farris-color-picker-plus-input-${p}`);
+      (k === "" || k === void 0 || k == null) && !d.value ? (n.value = null, m.style.borderColor = "red", B.className = "btn btn-secondary disabled") : (m.style.borderColor = "#dcdfe6", B.className = "btn btn-secondary");
     }
     function se(k) {
-      var v, L;
+      var m, x;
       if (k == null || k.stopPropagation(), d.value) {
         y.value = (n == null ? void 0 : n.value) ?? null;
         const ee = {
@@ -1496,56 +1498,56 @@ const Ft = {
         };
         e.emit("valueChanged", ee), W();
       }
-      if (!d.value && !(j.value === void 0 || j.value == null || j.value === "")) {
-        (L = (v = F.value) == null ? void 0 : v.style) == null || L.setProperty("background", n.value), f.value = !0, y.value = n.value;
+      if (!d.value && !(D.value === void 0 || D.value == null || D.value === "")) {
+        (x = (m = F.value) == null ? void 0 : m.style) == null || x.setProperty("background", n.value), f.value = !0, y.value = n.value;
         const ee = {
           elementValue: y
         };
         e.emit("valueChanged", ee), W();
       }
-      !b.value && !n.value && !f.value && d && W(), Q(n.value), j.value = n.value, R.classList.contains("disabled") || (X.value = n.value, w.value = !1);
+      !b.value && !n.value && !f.value && d && W(), Q(n.value), D.value = n.value, B.classList.contains("disabled") || (X.value = n.value, w.value = !1);
     }
     function _(k) {
       s == null || s.setValueFrom(k, p, d.value);
     }
     function le(k) {
       P = document.getElementById(`farris-color-picker-panel-${p}`);
-      const v = P.className === "color-picker-panel";
-      u.value || v || (w.value = !0, P.classList.toggle("disabled"), O(), _(n.value), k.stopPropagation());
+      const m = P.className === "color-picker-panel";
+      u.value || m || (w.value = !0, P.classList.toggle("disabled"), O(), _(n.value), k.stopPropagation());
     }
     function W() {
       P = document.getElementById(`farris-color-picker-panel-${p}`), P.className = "color-picker-panel disabled";
     }
     function z(k) {
-      const v = E.findIndex((L) => L.type === k);
-      return m = v, v;
+      const m = N.findIndex((x) => x.type === k);
+      return v = m, m;
     }
     function te(k) {
-      if (!R.classList.contains("disabled")) {
-        const v = E.length;
-        m = (v + m + (k === "up" ? 1 : -1)) % v, l = E[m].type, I(m), _(n.value);
+      if (!B.classList.contains("disabled")) {
+        const m = N.length;
+        v = (m + v + (k === "up" ? 1 : -1)) % m, l = N[v].type, I(v), _(n.value);
       }
     }
     return () => M("div", {
       class: "f-color-picker-component",
-      ref: x
+      ref: L
     }, [M("div", {
       class: ["color-picker-panel", {
         disabled: u.value
       }],
       id: "farris-color-picker-panel",
-      ref: D,
+      ref: j,
       onClick: (k) => k.stopPropagation(),
       style: "top:30px"
     }, [M("div", {
       class: "color-picker-main"
-    }, [M(De, {
+    }, [M(je, {
       hue: s.hue,
       "onUpdate:hue": (k) => s.hue = k,
       allowColorNull: d.value,
       color: r.value,
       "onUpdate:color": (k) => r.value = k
-    }, null), M(je, {
+    }, null), M(De, {
       randomId: p,
       hue: s.hue,
       "onUpdate:hue": (k) => s.hue = k,
@@ -1553,7 +1555,7 @@ const Ft = {
       color: r.value,
       "onUpdate:color": (k) => r.value = k
     }, null)]), M(Ae, {
-      style: B.value,
+      style: $.value,
       randomId: p,
       allowColorNull: d.value,
       color: r.value,
@@ -1567,9 +1569,9 @@ const Ft = {
       type: "text",
       title: "color-picker-plus",
       id: "farris-color-picker-plus-input",
-      "onUpdate:modelValue": (k) => j.value = k,
+      "onUpdate:modelValue": (k) => D.value = k,
       style: "float:none"
-    }, null), [[ke, j.value]]), ne(M("div", {
+    }, null), [[ke, D.value]]), ne(M("div", {
       class: "type-icon-btn-wrapper",
       style: "cursor:pointer"
     }, [M("span", {
@@ -1584,7 +1586,7 @@ const Ft = {
       id: "farris-color-picker-plus-sure",
       class: "btn btn-secondary",
       onClick: (k) => se(k)
-    }, [ge("确定")])])]), ne(M(Le, {
+    }, [ge("确定")])])]), ne(M(xe, {
       color: r.value,
       "onUpdate:color": (k) => r.value = k,
       hue: s.hue,
@@ -1612,7 +1614,7 @@ const Ft = {
 });
 function At(t, e, r) {
   var T;
-  const n = "", u = "", y = $();
+  const n = "", u = "", y = E();
   let d;
   function g() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
@@ -1626,91 +1628,91 @@ function At(t, e, r) {
   function f() {
     return (e == null ? void 0 : e.schema.componentType) === "frame";
   }
-  function c(B) {
-    if (!B || !B.value)
+  function c($) {
+    if (!$ || !$.value)
       return null;
-    if (B.value.schema && B.value.schema.type === "component")
-      return B.value;
-    const E = $(B == null ? void 0 : B.value.parent), N = c(E);
-    return N || null;
+    if ($.value.schema && $.value.schema.type === "component")
+      return $.value;
+    const N = E($ == null ? void 0 : $.value.parent), R = c(N);
+    return R || null;
   }
-  function p(B = e) {
+  function p($ = e) {
     var A;
-    const { componentInstance: E, designerItemElementRef: N } = B;
-    if (!E || !E.value)
+    const { componentInstance: N, designerItemElementRef: R } = $;
+    if (!N || !N.value)
       return null;
-    const { getCustomButtons: O } = E.value;
-    return E.value.canMove || O && ((A = O()) != null && A.length) ? N : p(B.parent);
+    const { getCustomButtons: O } = N.value;
+    return N.value.canMove || O && ((A = O()) != null && A.length) ? R : p($.parent);
   }
-  function m(B) {
-    return !1;
+  function v($) {
+    return !!r;
   }
   function l() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
   function s() {
   }
-  function b(B, E) {
-    var N;
-    !B || !E || (N = e == null ? void 0 : e.setupContext) == null || N.emit("dragEnd");
+  function b($, N) {
+    var R;
+    !$ || !N || (R = e == null ? void 0 : e.setupContext) == null || R.emit("dragEnd");
   }
-  function P(B, E) {
-    const { componentType: N } = B;
-    let O = Ie(N, B, E);
-    const A = N.toLowerCase().replace(/-/g, "_");
-    return O && !O.id && O.type === N && (O.id = `${A}_${Math.random().toString().slice(2, 6)}`), O;
+  function P($, N) {
+    const { componentType: R } = $;
+    let O = Ie(R, $, N);
+    const A = R.toLowerCase().replace(/-/g, "_");
+    return O && !O.id && O.type === R && (O.id = `${A}_${Math.random().toString().slice(2, 6)}`), O;
   }
-  function R(B) {
+  function B($) {
   }
-  function F(...B) {
+  function F(...$) {
   }
-  function x(B) {
-    if (!B)
+  function L($) {
+    if (!$)
       return;
-    const E = e == null ? void 0 : e.schema, { formSchemaUtils: N } = B;
-    if (E && N.getExpressions().length) {
-      const O = N.getExpressions().findIndex((A) => A.target === E.id);
-      O > -1 && N.getExpressions().splice(O, 1);
+    const N = e == null ? void 0 : e.schema, { formSchemaUtils: R } = $;
+    if (N && R.getExpressions().length) {
+      const O = R.getExpressions().findIndex((A) => A.target === N.id);
+      O > -1 && R.getExpressions().splice(O, 1);
     }
   }
-  function D(B) {
-    if (!B || !(e != null && e.schema))
+  function j($) {
+    if (!$ || !(e != null && e.schema))
       return;
-    const E = e.schema, { formSchemaUtils: N } = B;
-    N.removeCommunicationInComponent(E);
-  }
-  function V(B) {
-    x(B), D(B), e != null && e.schema.contents && e.schema.contents.map((E) => {
-      let N = E.id;
-      E.type === "component-ref" && (N = E.component);
-      const O = t.value.querySelectorAll(`#${N}-design-item`);
+    const N = e.schema, { formSchemaUtils: R } = $;
+    R.removeCommunicationInComponent(N);
+  }
+  function V($) {
+    L($), j($), e != null && e.schema.contents && e.schema.contents.map((N) => {
+      let R = N.id;
+      N.type === "component-ref" && (R = N.component);
+      const O = t.value.querySelectorAll(`#${R}-design-item`);
       O != null && O.length && Array.from(O).map((A) => {
         var G;
-        (G = A == null ? void 0 : A.componentInstance) != null && G.value.onRemoveComponent && A.componentInstance.value.onRemoveComponent(B);
+        (G = A == null ? void 0 : A.componentInstance) != null && G.value.onRemoveComponent && A.componentInstance.value.onRemoveComponent($);
       });
     });
   }
-  function j() {
+  function D() {
   }
-  function X(B) {
-    var N, O;
-    if (!((N = e == null ? void 0 : e.schema) != null && N.id))
+  function X($) {
+    var R, O;
+    if (!((R = e == null ? void 0 : e.schema) != null && R.id))
       return;
-    !d && B && (d = B.formSchemaUtils);
-    let E = "";
+    !d && $ && (d = $.formSchemaUtils);
+    let N = "";
     {
       const { text: A, title: G, label: K, mainTitle: I, name: J, type: Q } = e.schema;
-      E = A || G || K || I || J || ((O = Be[Q]) == null ? void 0 : O.name);
+      N = A || G || K || I || J || ((O = Be[Q]) == null ? void 0 : O.name);
     }
-    E && d.getControlBasicInfoMap().set(e.schema.id, {
-      componentTitle: E,
-      parentPathName: E
+    N && d.getControlBasicInfoMap().set(e.schema.id, {
+      componentTitle: N,
+      parentPathName: N
     });
   }
-  function S(B) {
+  function S($) {
     var A;
-    const { changeObject: E } = B, { propertyID: N, propertyValue: O } = E;
-    if (["text", "title", "label", "name", "mainTitle"].includes((A = B == null ? void 0 : B.changeObject) == null ? void 0 : A.propertyID) && N && O && (X(), d)) {
+    const { changeObject: N } = $, { propertyID: R, propertyValue: O } = N;
+    if (["text", "title", "label", "name", "mainTitle"].includes((A = $ == null ? void 0 : $.changeObject) == null ? void 0 : A.propertyID) && R && O && (X(), d)) {
       const G = d.getControlBasicInfoMap(), K = G.keys().toArray().filter((I) => {
         var J, Q;
         return ((J = G.get(I)) == null ? void 0 : J.reliedComponentId) === ((Q = e == null ? void 0 : e.schema) == null ? void 0 : Q.id);
@@ -1721,8 +1723,8 @@ function At(t, e, r) {
       });
     }
   }
-  function q(B) {
-    S(B);
+  function q($) {
+    S($);
   }
   return y.value = {
     canMove: g(),
@@ -1735,47 +1737,47 @@ function At(t, e, r) {
     schema: e == null ? void 0 : e.schema,
     styles: n,
     designerClass: u,
-    canAccepts: m,
+    canAccepts: v,
     getBelongedComponentInstance: c,
     getDraggableDesignItemElement: p,
     getDraggingDisplayText: l,
     getPropConfig: F,
     getDragScopeElement: s,
     onAcceptMovedChildElement: b,
-    onChildElementMovedOut: R,
+    onChildElementMovedOut: B,
     addNewChildComponentSchema: P,
-    triggerBelongedComponentToMoveWhenMoved: $(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: $(!1),
+    triggerBelongedComponentToMoveWhenMoved: E(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: E(!1),
     onRemoveComponent: V,
-    getCustomButtons: j,
+    getCustomButtons: D,
     onPropertyChanged: q,
     setComponentBasicInfoMap: X,
     updateContextSchema: e == null ? void 0 : e.updateContextSchema
   }, y;
 }
-const Lt = /* @__PURE__ */ oe({
+const xt = /* @__PURE__ */ oe({
   name: "FColorPickerDesign",
   props: ve,
   emits: ["valueChanged", "activeChange", "update:color", "update:hue"],
   setup(t, e) {
-    const r = $(new H(t.color)), n = $(t.color), u = $(t.disabled), y = $(t.color), d = $(t.allowColorNull), g = $(t.presets), w = $(!1), h = $(!1), f = $(!1), c = $("HEX"), p = Math.floor(Math.random() * 1e3).toString();
-    let m = -1, l;
-    const s = new me("#000000"), b = $(t.color);
-    let P, R;
-    const F = $(null), x = $(null), D = $(), V = qe("design-item-context"), j = At(D, V);
+    const r = E(new H(t.color)), n = E(t.color), u = E(t.disabled), y = E(t.color), d = E(t.allowColorNull), g = E(t.presets), w = E(!1), h = E(!1), f = E(!1), c = E("HEX"), p = Math.floor(Math.random() * 1e3).toString();
+    let v = -1, l;
+    const s = new me("#000000"), b = E(t.color);
+    let P, B;
+    const F = E(null), L = E(null), j = E(), V = qe("design-item-context"), D = At(j, V);
     ae(() => {
-      D.value.componentInstance = j;
-    }), e.expose(j.value);
+      j.value.componentInstance = D;
+    }), e.expose(D.value);
     const X = Z(() => !l && s && s.initType ? s.initType : l), S = Z({
       get() {
         return l && n.value !== null ? (te(l), Y(new H(n.value), U[l])) : n.value;
       },
-      set(v) {
-        v !== null && (W(v), _(v));
+      set(m) {
+        m !== null && (W(m), _(m));
       }
-    }), q = $(S.value), T = Z(() => m > -1), B = Z(() => g.value.length > 0), E = Z(() => ({
+    }), q = E(S.value), T = Z(() => v > -1), $ = Z(() => g.value.length > 0), N = Z(() => ({
       "background-color": y.value
-    })), N = Z(() => h.value && w.value ? "display:flex" : "display:none"), O = [{
+    })), R = Z(() => h.value && w.value ? "display:flex" : "display:none"), O = [{
       text: "HEX",
       type: U.hex
     }, {
@@ -1783,18 +1785,18 @@ const Lt = /* @__PURE__ */ oe({
       type: U.rgba
     }];
     function A() {
-      const v = document.getElementById("farris-color-picker-panel");
-      v.id = `farris-color-picker-panel-${p}`;
-      const L = document.getElementById("farris-color-picker-plus-sure");
-      L.id = `farris-color-picker-plus-sure-${p}`;
+      const m = document.getElementById("farris-color-picker-panel");
+      m.id = `farris-color-picker-panel-${p}`;
+      const x = document.getElementById("farris-color-picker-plus-sure");
+      x.id = `farris-color-picker-plus-sure-${p}`;
       const ee = document.getElementById("farris-color-picker-plus-input");
-      ee.id = `farris-color-picker-plus-input-${p}`, R = document.getElementById(`farris-color-picker-plus-sure-${p}`), P = document.getElementById(`farris-color-picker-panel-${p}`), P.className = "color-picker-panel disabled";
+      ee.id = `farris-color-picker-plus-input-${p}`, B = document.getElementById(`farris-color-picker-plus-sure-${p}`), P = document.getElementById(`farris-color-picker-panel-${p}`), P.className = "color-picker-panel disabled";
     }
     function G() {
       if (!d.value && !n.value) {
         document.getElementById(`farris-color-picker-plus-sure-${p}`).classList.toggle("disabled");
-        const L = document.getElementById(`farris-color-picker-plus-input-${p}`);
-        L.style.borderColor = "red";
+        const x = document.getElementById(`farris-color-picker-plus-input-${p}`);
+        x.style.borderColor = "red";
       }
     }
     function K() {
@@ -1804,17 +1806,17 @@ const Lt = /* @__PURE__ */ oe({
       n.value && W(n.value), s.hasPresets() || s.setColorPresets(g.value), n.value ? y.value = Y(new H(n.value), U[X.value]) : !n.value && d.value && (y.value = null);
     }
     function J() {
-      C(s.valueChanged, (v) => {
-        const L = Y(v, U[l || s.initType]);
-        n.value = L;
+      C(s.valueChanged, (m) => {
+        const x = Y(m, U[l || s.initType]);
+        n.value = x;
       });
     }
-    function Q(v) {
-      c.value = O[v].text;
+    function Q(m) {
+      c.value = O[m].text;
     }
     function se() {
-      var v;
-      h.value = !!(l != null && l.includes("a") || (v = s.initType) != null && v.includes("a"));
+      var m;
+      h.value = !!(l != null && l.includes("a") || (m = s.initType) != null && m.includes("a"));
     }
     be(() => {
       s.setColorPresets(g.value || ["#eaecf3"]);
@@ -1822,17 +1824,17 @@ const Lt = /* @__PURE__ */ oe({
       A(), G(), K(), I();
     }), J(), C(c, () => {
       S.value = Y(new H(n.value), U[l || s.initType]), r.value = new H(S.value), se();
-    }), C(n, (v) => {
-      Y(s.value, s.initType) !== v && v !== null && W(v), Q(te(s.initType));
-    }), C(r, (v) => {
-      n.value = Y(v, U[l || s.initType]), W(n.value), S.value = n.value;
+    }), C(n, (m) => {
+      Y(s.value, s.initType) !== m && m !== null && W(m), Q(te(s.initType));
+    }), C(r, (m) => {
+      n.value = Y(m, U[l || s.initType]), W(n.value), S.value = n.value;
     });
-    function _(v) {
-      const L = document.getElementById(`farris-color-picker-plus-input-${p}`);
-      (v === "" || v === void 0 || v == null) && !d.value ? (n.value = null, L.style.borderColor = "red", R.className = "btn btn-secondary disabled") : (L.style.borderColor = "#dcdfe6", R.className = "btn btn-secondary");
+    function _(m) {
+      const x = document.getElementById(`farris-color-picker-plus-input-${p}`);
+      (m === "" || m === void 0 || m == null) && !d.value ? (n.value = null, x.style.borderColor = "red", B.className = "btn btn-secondary disabled") : (x.style.borderColor = "#dcdfe6", B.className = "btn btn-secondary");
     }
     function le() {
-      var v, L;
+      var m, x;
       if (d.value) {
         y.value = (n == null ? void 0 : n.value) ?? null;
         const ee = {
@@ -1841,72 +1843,72 @@ const Lt = /* @__PURE__ */ oe({
         e.emit("valueChanged", ee), P.classList.toggle("disabled");
       }
       if (!d.value && !(S.value === void 0 || S.value == null || S.value === "")) {
-        (L = (v = F.value) == null ? void 0 : v.style) == null || L.setProperty("background", n.value), f.value = !0, y.value = n.value;
+        (x = (m = F.value) == null ? void 0 : m.style) == null || x.setProperty("background", n.value), f.value = !0, y.value = n.value;
         const ee = {
           elementValue: y
         };
         e.emit("valueChanged", ee), P.classList.toggle("disabled");
       }
-      !b.value && !n.value && !f.value && d && P.classList.toggle("disabled"), _(n.value), S.value = n.value, R.classList.contains("disabled") || (q.value = n.value, w.value = !1);
+      !b.value && !n.value && !f.value && d && P.classList.toggle("disabled"), _(n.value), S.value = n.value, B.classList.contains("disabled") || (q.value = n.value, w.value = !1);
     }
-    function W(v) {
-      s == null || s.setValueFrom(v, p, d.value);
+    function W(m) {
+      s == null || s.setValueFrom(m, p, d.value);
     }
-    function z(v) {
+    function z(m) {
       u.value || (w.value = !0, P.classList.toggle("disabled"), G(), W(n.value));
     }
-    function te(v) {
-      const L = O.findIndex((ee) => ee.type === v);
-      return m = L, L;
+    function te(m) {
+      const x = O.findIndex((ee) => ee.type === m);
+      return v = x, x;
     }
-    function k(v) {
-      if (!R.classList.contains("disabled")) {
-        const L = O.length;
-        m = (L + m + (v === "up" ? 1 : -1)) % L, l = O[m].type, Q(m), W(n.value);
+    function k(m) {
+      if (!B.classList.contains("disabled")) {
+        const x = O.length;
+        v = (x + v + (m === "up" ? 1 : -1)) % x, l = O[v].type, Q(v), W(n.value);
       }
     }
     return () => M("div", {
       class: "f-color-picker-component",
-      ref: D
+      ref: j
     }, [M("div", {
       class: ["color-picker-panel", {
         disabled: u.value
       }],
       id: "farris-color-picker-panel",
-      ref: x,
-      onClick: (v) => v.stopPropagation,
+      ref: L,
+      onClick: (m) => m.stopPropagation,
       style: "top:30px"
     }, [M("div", {
       class: "color-picker-main"
-    }, [M(De, {
+    }, [M(je, {
       hue: s.hue,
-      "onUpdate:hue": (v) => s.hue = v,
+      "onUpdate:hue": (m) => s.hue = m,
       allowColorNull: d.value,
       color: r.value,
-      "onUpdate:color": (v) => r.value = v
-    }, null), M(je, {
+      "onUpdate:color": (m) => r.value = m
+    }, null), M(De, {
       randomId: p,
       hue: s.hue,
-      "onUpdate:hue": (v) => s.hue = v,
+      "onUpdate:hue": (m) => s.hue = m,
       allowColorNull: d.value,
       color: r.value,
-      "onUpdate:color": (v) => r.value = v
+      "onUpdate:color": (m) => r.value = m
     }, null)]), M(Ae, {
-      style: N.value,
+      style: R.value,
       randomId: p,
       allowColorNull: d.value,
       color: r.value,
-      "onUpdate:color": (v) => r.value = v
+      "onUpdate:color": (m) => r.value = m
     }, null), M("div", {
       class: "input-btn",
       style: "display:flex;align-items: center;"
     }, [ne(M("span", {
       style: "width:40px;margin-right:10px;"
-    }, [c.value]), [[re, B]]), ne(M("input", {
+    }, [c.value]), [[re, $]]), ne(M("input", {
       title: "color-picker-plus-input",
       type: "text",
       id: "farris-color-picker-plus-input",
-      "onUpdate:modelValue": (v) => S.value = v,
+      "onUpdate:modelValue": (m) => S.value = m,
       style: "float:none"
     }, null), [[ke, S.value]]), ne(M("div", {
       class: "type-icon-btn-wrapper",
@@ -1917,18 +1919,18 @@ const Lt = /* @__PURE__ */ oe({
     }, null), M("span", {
       class: "f-icon f-icon-arrow-60-down type-icon-btn",
       onClick: () => k("down")
-    }, null)]), [[re, B]]), M("div", {
+    }, null)]), [[re, $]]), M("div", {
       class: "input-btn"
     }, [M("button", {
       id: "farris-color-picker-plus-sure",
       class: "btn btn-secondary",
       onClick: le
-    }, [ge("确定")])])]), ne(M(Le, {
+    }, [ge("确定")])])]), ne(M(xe, {
       color: r.value,
-      "onUpdate:color": (v) => r.value = v,
+      "onUpdate:color": (m) => r.value = m,
       colorPresets: s.presets,
       hue: s.hue,
-      "onUpdate:hue": (v) => s.hue = v,
+      "onUpdate:hue": (m) => s.hue = m,
       randomId: p
     }, null), [[re, T]])]), M("div", {
       class: "color-picker-wrapper"
@@ -1937,14 +1939,14 @@ const Lt = /* @__PURE__ */ oe({
       class: "color-picker-input form-control",
       value: q.value,
       readonly: u.value,
-      onClick: (v) => v.stopPropagation()
+      onClick: (m) => m.stopPropagation()
     }, null), M("div", {
       class: "color-picker-trigger",
       onClick: z
     }, [M("div", {
       class: "color-picker-trigger-inner"
     }, [M("div", {
-      style: E.value
+      style: N.value
     }, null)])])])]);
   }
 });
@@ -1952,12 +1954,12 @@ pe.register = (t, e, r) => {
   t["color-picker"] = pe, e["color-picker"] = Ve;
 };
 pe.registerDesigner = (t, e, r) => {
-  t["color-picker"] = Lt, e["color-picker"] = Ve;
+  t["color-picker"] = xt, e["color-picker"] = Ve;
 };
-const Gt = Xe(pe);
+const Zt = Xe(pe);
 export {
   pe as FColorPicker,
   ve as colorPickerProps,
-  Gt as default,
+  Zt as default,
   Ve as propsResolver
 };