@farris/ui-vue 1.3.0 → 1.3.1

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

@@ -1,25 +1,25 @@
 var nt = Object.defineProperty;
 var rt = (r, e, t) => e in r ? nt(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
 var s = (r, e, t) => rt(r, typeof e != "symbol" ? e + "" : e, t);
-import { defineComponent as ee, ref as S, onMounted as T, watch as q, createVNode as k, withModifiers as _, createTextVNode as Re, computed as U, onBeforeMount as Ye, withDirectives as W, vShow as K, vModelText as Xe, inject as it } from "vue";
-import { isPlainObject as je, cloneDeep as st } from "lodash-es";
-const Ge = {}, We = {};
-function $e(r) {
-  const { properties: e, title: t, ignore: n } = r, i = n && Array.isArray(n), l = Object.keys(e).reduce((u, c) => ((!i || !n.find((g) => g == c)) && (u[c] = e[c].type === "object" && e[c].properties ? $e(e[c]) : st(e[c].default)), u), {});
-  return (!i || !n.find((u) => u == "id")) && (l.id = `${t}-${Date.now()}`), l;
+import { defineComponent as T, ref as S, onMounted as C, watch as F, createVNode as k, withModifiers as K, createTextVNode as Be, computed as U, onBeforeMount as qe, withDirectives as X, vShow as Z, vModelText as Ye, inject as it } from "vue";
+import { isPlainObject as Ae, cloneDeep as st } from "lodash-es";
+const Xe = {}, Ge = {};
+function Re(r) {
+  const { properties: e, title: t, ignore: n } = r, i = n && Array.isArray(n), l = Object.keys(e).reduce((u, c) => ((!i || !n.find((g) => g == c)) && (u[c] = e[c].type === "object" && e[c].properties ? Re(e[c]) : st(e[c].default)), u), {});
+  return t && (!i || !n.find((u) => u == "id")) && (l.id = `${t}-${Date.now()}`), l;
 }
-function ke(r, e = {}, t) {
-  const n = Ge[r];
+function We(r, e = {}, t) {
+  const n = Xe[r];
   if (n) {
-    let i = $e(n);
-    const l = We[r];
-    return i = l ? l({ getSchemaByType: ke }, i, e, t) : i, i;
+    let i = Re(n);
+    const l = Ge[r];
+    return i = l ? l({ getSchemaByType: We }, i, e, t) : i, i;
   }
   return null;
 }
 function at(r, e) {
-  const t = $e(e);
-  return Object.keys(r).reduce((n, i) => (n[i] && je(n[i]) && je(r[i]) ? Object.assign(n[i], r[i]) : n[i] = r[i], n), t), t;
+  const t = Re(e);
+  return Object.keys(r).reduce((n, i) => (n[i] && Ae(n[i]) && Ae(r[i]) ? Object.assign(n[i], r[i]) : n[i] = r[i], n), t), t;
 }
 function ot(r, e) {
   return Object.keys(r).filter((n) => r[n] != null).reduce((n, i) => {
@@ -89,7 +89,7 @@ function lt(r = {}) {
     return l(h).reduce((b, y) => b && u(y, p), !0);
   }
   function g(h, p) {
-    const d = Object.keys(h), f = d.includes("allOf"), b = d.includes("anyOf"), y = f || b, E = (y ? h[y ? f ? "allOf" : "anyOf" : "allOf"] : [h]).map((A) => c(A, p));
+    const d = Object.keys(h), f = d.includes("allOf"), b = d.includes("anyOf"), y = f || b, E = (y ? h[y ? f ? "allOf" : "anyOf" : "allOf"] : [h]).map((V) => c(V, p));
     return f ? !E.includes(!1) : E.includes(!0);
   }
   return { parseValueSchema: g };
@@ -97,7 +97,7 @@ function lt(r = {}) {
 const ct = {}, ht = {};
 lt();
 function pt(r, e, t = /* @__PURE__ */ new Map(), n = (u, c, g) => c, i = {}, l = (u) => u) {
-  return Ge[e.title] = e, We[e.title] = n, ct[e.title] = i, ht[e.title] = l, (u = {}) => {
+  return Xe[e.title] = e, Ge[e.title] = n, ct[e.title] = i, ht[e.title] = l, (u = {}) => {
     const c = ut(u, e, t), g = Object.keys(r).reduce((h, p) => (h[p] = r[p].default, h), {});
     return Object.assign(g, c);
   };
@@ -211,7 +211,7 @@ const Pt = /* @__PURE__ */ new Map([
   description: Mt,
   type: Ht,
   categories: Ot
-}, Ve = {
+}, $e = {
   /** 初始颜色 */
   color: { type: String, default: "#e1e2e3" },
   /** 禁用 */
@@ -223,10 +223,10 @@ const Pt = /* @__PURE__ */ new Map([
   /** 颜色值变化事件 */
   onValueChanged: { type: Function, default: () => {
   } }
-}, ze = pt(Ve, bt, Pt, kt, Bt);
-class ce {
+}, ze = pt($e, bt, Pt, kt, Bt);
+class le {
 }
-class me extends ce {
+class me extends le {
   constructor(e, t, n, i) {
     super(), this.cyan = e, this.magenta = t, this.yellow = n, this.black = i;
   }
@@ -246,7 +246,7 @@ class me extends ce {
     return Math.round(this.black);
   }
 }
-class ie extends ce {
+class ne extends le {
   constructor(e, t, n, i) {
     super(), this.hue = e, this.saturation = t, this.lightness = n, this.alpha = i;
   }
@@ -266,7 +266,7 @@ class ie extends ce {
     return Math.round(this.alpha * 100) / 100;
   }
 }
-class se extends ce {
+class re extends le {
   constructor(e, t, n, i) {
     super(), this.hue = e, this.saturation = t, this.value = n, this.alpha = i;
   }
@@ -286,7 +286,7 @@ class se extends ce {
     return Math.round(this.alpha * 100) / 100;
   }
 }
-class o extends ce {
+class o extends le {
   constructor(e, t, n, i) {
     super(), this.red = e, this.green = t, this.blue = n, this.alpha = i;
   }
@@ -309,7 +309,7 @@ class o extends ce {
 const a = class a {
 };
 s(a, "transparent", new o(0, 0, 0, 0)), s(a, "aliceblue", new o(240, 248, 255, 1)), s(a, "antiquewhite", new o(250, 235, 215, 1)), s(a, "aqua", new o(0, 255, 255, 1)), s(a, "aquamarine", new o(127, 255, 212, 1)), s(a, "azure", new o(240, 255, 255, 1)), s(a, "beige", new o(245, 245, 220, 1)), s(a, "bisque", new o(255, 228, 196, 1)), s(a, "black", new o(0, 0, 0, 1)), s(a, "blanchedalmond", new o(255, 235, 205, 1)), s(a, "blue", new o(0, 0, 255, 1)), s(a, "blueviolet", new o(138, 43, 226, 1)), s(a, "brown", new o(165, 42, 42, 1)), s(a, "burlywood", new o(222, 184, 135, 1)), s(a, "cadetblue", new o(95, 158, 160, 1)), s(a, "chartreuse", new o(127, 255, 0, 1)), s(a, "chocolate", new o(210, 105, 30, 1)), s(a, "coral", new o(255, 127, 80, 1)), s(a, "cornflowerblue", new o(100, 149, 237, 1)), s(a, "cornsilk", new o(255, 248, 220, 1)), s(a, "crimson", new o(220, 20, 60, 1)), s(a, "cyan", new o(0, 255, 255, 1)), s(a, "darkblue", new o(0, 0, 139, 1)), s(a, "darkcyan", new o(0, 139, 139, 1)), s(a, "darkgoldenrod", new o(184, 134, 11, 1)), s(a, "darkgray", new o(169, 169, 169, 1)), s(a, "darkgreen", new o(0, 100, 0, 1)), s(a, "darkgrey", a.darkgray), s(a, "darkkhaki", new o(189, 183, 107, 1)), s(a, "darkmagenta", new o(139, 0, 139, 1)), s(a, "darkolivegreen", new o(85, 107, 47, 1)), s(a, "darkorange", new o(255, 140, 0, 1)), s(a, "darkorchid", new o(153, 50, 204, 1)), s(a, "darkred", new o(139, 0, 0, 1)), s(a, "darksalmon", new o(233, 150, 122, 1)), s(a, "darkseagreen", new o(143, 188, 143, 1)), s(a, "darkslateblue", new o(72, 61, 139, 1)), s(a, "darkslategray", new o(47, 79, 79, 1)), s(a, "darkslategrey", a.darkslategray), s(a, "darkturquoise", new o(0, 206, 209, 1)), s(a, "darkviolet", new o(148, 0, 211, 1)), s(a, "deeppink", new o(255, 20, 147, 1)), s(a, "deepskyblue", new o(0, 191, 255, 1)), s(a, "dimgray", new o(105, 105, 105, 1)), s(a, "dimgrey", a.dimgray), s(a, "dodgerblue", new o(30, 144, 255, 1)), s(a, "firebrick", new o(178, 34, 34, 1)), s(a, "floralwhite", new o(255, 250, 240, 1)), s(a, "forestgreen", new o(34, 139, 34, 1)), s(a, "fuchsia", new o(255, 0, 255, 1)), s(a, "gainsboro", new o(220, 220, 220, 1)), s(a, "ghostwhite", new o(248, 248, 255, 1)), s(a, "gold", new o(255, 215, 0, 1)), s(a, "goldenrod", new o(218, 165, 32, 1)), s(a, "gray", new o(128, 128, 128, 1)), s(a, "grey", a.gray), s(a, "green", new o(0, 128, 0, 1)), s(a, "greenyellow", new o(173, 255, 47, 1)), s(a, "honeydew", new o(240, 255, 240, 1)), s(a, "hotpink", new o(255, 105, 180, 1)), s(a, "indianred", new o(205, 92, 92, 1)), s(a, "indigo", new o(75, 0, 130, 1)), s(a, "ivory", new o(255, 255, 240, 1)), s(a, "khaki", new o(240, 230, 140, 1)), s(a, "lavender", new o(230, 230, 250, 1)), s(a, "lavenderblush", new o(255, 240, 245, 1)), s(a, "lawngreen", new o(124, 252, 0, 1)), s(a, "lemonchiffon", new o(255, 250, 205, 1)), s(a, "lightblue", new o(173, 216, 230, 1)), s(a, "lightcoral", new o(240, 128, 128, 1)), s(a, "lightcyan", new o(224, 255, 255, 1)), s(a, "lightgoldenrodyellow", new o(250, 250, 210, 1)), s(a, "lightgray", new o(211, 211, 211, 1)), s(a, "lightgreen", new o(144, 238, 144, 1)), s(a, "lightgrey", a.lightgray), s(a, "lightpink", new o(255, 182, 193, 1)), s(a, "lightsalmon", new o(255, 160, 122, 1)), s(a, "lightseagreen", new o(32, 178, 170, 1)), s(a, "lightskyblue", new o(135, 206, 250, 1)), s(a, "lightslategray", new o(119, 136, 153, 1)), s(a, "lightslategrey", a.lightslategray), s(a, "lightsteelblue", new o(176, 196, 222, 1)), s(a, "lightyellow", new o(255, 255, 224, 1)), s(a, "lime", new o(0, 255, 0, 1)), s(a, "limegreen", new o(50, 205, 50, 1)), s(a, "linen", new o(250, 240, 230, 1)), s(a, "magenta", new o(255, 0, 255, 1)), s(a, "maroon", new o(128, 0, 0, 1)), s(a, "mediumaquamarine", new o(102, 205, 170, 1)), s(a, "mediumblue", new o(0, 0, 205, 1)), s(a, "mediumorchid", new o(186, 85, 211, 1)), s(a, "mediumpurple", new o(147, 112, 219, 1)), s(a, "mediumseagreen", new o(60, 179, 113, 1)), s(a, "mediumslateblue", new o(123, 104, 238, 1)), s(a, "mediumspringgreen", new o(0, 250, 154, 1)), s(a, "mediumturquoise", new o(72, 209, 204, 1)), s(a, "mediumvioletred", new o(199, 21, 133, 1)), s(a, "midnightblue", new o(25, 25, 112, 1)), s(a, "mintcream", new o(245, 255, 250, 1)), s(a, "mistyrose", new o(255, 228, 225, 1)), s(a, "moccasin", new o(255, 228, 181, 1)), s(a, "navajowhite", new o(255, 222, 173, 1)), s(a, "navy", new o(0, 0, 128, 1)), s(a, "oldlace", new o(253, 245, 230, 1)), s(a, "olive", new o(128, 128, 0, 1)), s(a, "olivedrab", new o(107, 142, 35, 1)), s(a, "orange", new o(255, 165, 0, 1)), s(a, "orangered", new o(255, 69, 0, 1)), s(a, "orchid", new o(218, 112, 214, 1)), s(a, "palegoldenrod", new o(238, 232, 170, 1)), s(a, "palegreen", new o(152, 251, 152, 1)), s(a, "paleturquoise", new o(175, 238, 238, 1)), s(a, "palevioletred", new o(219, 112, 147, 1)), s(a, "papayawhip", new o(255, 239, 213, 1)), s(a, "peachpuff", new o(255, 218, 185, 1)), s(a, "peru", new o(205, 133, 63, 1)), s(a, "pink", new o(255, 192, 203, 1)), s(a, "plum", new o(221, 160, 221, 1)), s(a, "powderblue", new o(176, 224, 230, 1)), s(a, "purple", new o(128, 0, 128, 1)), s(a, "red", new o(255, 0, 0, 1)), s(a, "rosybrown", new o(188, 143, 143, 1)), s(a, "royalblue", new o(65, 105, 225, 1)), s(a, "saddlebrown", new o(139, 69, 19, 1)), s(a, "salmon", new o(250, 128, 114, 1)), s(a, "sandybrown", new o(244, 164, 96, 1)), s(a, "seagreen", new o(46, 139, 87, 1)), s(a, "seashell", new o(255, 245, 238, 1)), s(a, "sienna", new o(160, 82, 45, 1)), s(a, "silver", new o(192, 192, 192, 1)), s(a, "skyblue", new o(135, 206, 235, 1)), s(a, "slateblue", new o(106, 90, 205, 1)), s(a, "slategray", new o(112, 128, 144, 1)), s(a, "slategrey", a.slategray), s(a, "snow", new o(255, 250, 250, 1)), s(a, "springgreen", new o(0, 255, 127, 1)), s(a, "steelblue", new o(70, 130, 180, 1)), s(a, "tan", new o(210, 180, 140, 1)), s(a, "teal", new o(0, 128, 128, 1)), s(a, "thistle", new o(216, 191, 216, 1)), s(a, "tomato", new o(255, 99, 71, 1)), s(a, "turquoise", new o(64, 224, 208, 1)), s(a, "violet", new o(238, 130, 238, 1)), s(a, "wheat", new o(245, 222, 179, 1)), s(a, "white", new o(255, 255, 255, 1)), s(a, "whitesmoke", new o(245, 245, 245, 1)), s(a, "yellow", new o(255, 255, 0, 1)), s(a, "yellowgreen", new o(154, 205, 50, 1));
-let Se = a;
+let ke = a;
 class P {
   constructor(e) {
     /**
@@ -319,12 +319,12 @@ class P {
      * hsl(0, 100%, 50%)
      * 初始色#ff0000
      */
-    s(this, "hsva", new se(0, 1, 1, 1));
+    s(this, "hsva", new re(0, 1, 1, 1));
     s(this, "rgba", new o(255, 0, 0, 1));
     e && this.stringToColor(e);
   }
   static from(e) {
-    return typeof e == "string" ? new P(e) : e instanceof P ? e.clone() : e instanceof o ? new P().setRgba(e.red, e.green, e.blue, e.alpha) : e instanceof se ? new P().setHsva(e.hue, e.saturation, e.value, e.alpha) : e instanceof ie ? new P().setHsla(e.hue, e.saturation, e.lightness, e.alpha) : new P(e);
+    return typeof e == "string" ? new P(e) : e instanceof P ? e.clone() : e instanceof o ? new P().setRgba(e.red, e.green, e.blue, e.alpha) : e instanceof re ? new P().setHsva(e.hue, e.saturation, e.value, e.alpha) : e instanceof ne ? new P().setHsla(e.hue, e.saturation, e.lightness, e.alpha) : new P(e);
   }
   /**
    * make from existing color new color object
@@ -355,7 +355,7 @@ class P {
    */
   setHsla(e, t, n, i = 1) {
     i != null && (i = i > 1 ? 1 : i < 0 ? 0 : i, this.rgba.alpha = i);
-    const l = new ie(e, t, n, i);
+    const l = new ne(e, t, n, i);
     return this.rgba = this.hslaToRgba(l), this.hsva = this.rgbaToHsva(this.rgba), this;
   }
   /**
@@ -408,7 +408,7 @@ class P {
     return this.getCmyk().toString();
   }
   getHsva() {
-    return new se(this.hsva.hue, this.hsva.saturation, this.hsva.value, this.hsva.alpha);
+    return new re(this.hsva.hue, this.hsva.saturation, this.hsva.value, this.hsva.alpha);
   }
   getRgba() {
     return new o(this.rgba.red, this.rgba.green, this.rgba.blue, this.rgba.alpha);
@@ -421,11 +421,11 @@ class P {
   }
   hsvaToHsla(e) {
     const { hue: t } = e, n = e.saturation / 100, i = e.value / 100, l = (2 - n) * e.value / 2, u = n * i / (l <= 1 ? l : 2 - l) || 0;
-    return new ie(t, l * 100, u * 100, e.alpha);
+    return new ne(t, l * 100, u * 100, e.alpha);
   }
   hslaToHsva(e) {
     const { hue: t } = e, n = e.lightness / 100 * 2, i = e.saturation / 100 * (n <= 1 ? n : 2 - n), l = (n + i) / 2, u = 2 * i / (n + i) || 0;
-    return new se(t, u, l, e.alpha);
+    return new re(t, u, l, e.alpha);
   }
   rgbaToHsva(e) {
     const t = e.red / 255, n = e.green / 255, i = e.blue / 255, { alpha: l } = e, u = Math.max(t, n, i), c = Math.min(t, n, i), g = u - c;
@@ -444,7 +444,7 @@ class P {
       }
       h /= 6;
     }
-    return h *= 360, p *= 100, d *= 100, new se(h, p, d, l);
+    return h *= 360, p *= 100, d *= 100, new re(h, p, d, l);
   }
   hsvaToRgba(e) {
     let t = 1, n = 0, i = 0;
@@ -490,7 +490,7 @@ class P {
       }
       g /= 6;
     }
-    return g *= 360, h *= 100, p *= 100, new ie(g, h, p, l);
+    return g *= 360, h *= 100, p *= 100, new ne(g, h, p, l);
   }
   /**
    * convert rgb color from HSLa
@@ -562,7 +562,7 @@ class P {
   }
   stringToColor(e) {
     const t = e.replace(/ /g, "").toLowerCase();
-    let n = Se[e] || null;
+    let n = ke[e] || null;
     if (t[0] === "#") {
       let u = t.substr(1);
       const { length: c } = u;
@@ -591,7 +591,7 @@ class P {
           g = parseFloat(c.pop());
           break;
         case "hsl":
-          h = new ie(
+          h = new ne(
             parseInt(c[0], 10),
             parseInt(c[1], 10),
             parseInt(c[2], 10),
@@ -611,23 +611,23 @@ class P {
     return n && (this.rgba = n, this.hsva = this.rgbaToHsva(n)), this;
   }
 }
-var Pe = function(r, e) {
-  return Pe = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(t, n) {
+var Se = function(r, e) {
+  return Se = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(t, n) {
     t.__proto__ = n;
   } || function(t, n) {
     for (var i in n) Object.prototype.hasOwnProperty.call(n, i) && (t[i] = n[i]);
-  }, Pe(r, e);
+  }, Se(r, e);
 };
-function te(r, e) {
+function _(r, e) {
   if (typeof e != "function" && e !== null)
     throw new TypeError("Class extends value " + String(e) + " is not a constructor or null");
-  Pe(r, e);
+  Se(r, e);
   function t() {
     this.constructor = r;
   }
   r.prototype = e === null ? Object.create(e) : (t.prototype = e.prototype, new t());
 }
-function Ee(r) {
+function Pe(r) {
   var e = typeof Symbol == "function" && Symbol.iterator, t = e && r[e], n = 0;
   if (t) return t.call(r);
   if (r && typeof r.length == "number") return {
@@ -637,7 +637,7 @@ function Ee(r) {
   };
   throw new TypeError(e ? "Object is not iterable." : "Symbol.iterator is not defined.");
 }
-function Me(r, e) {
+function Ee(r, e) {
   var t = typeof Symbol == "function" && r[Symbol.iterator];
   if (!t) return r;
   var n = t.call(r), i, l = [], u;
@@ -654,21 +654,21 @@ function Me(r, e) {
   }
   return l;
 }
-function He(r, e, t) {
+function Me(r, e, t) {
   if (t || arguments.length === 2) for (var n = 0, i = e.length, l; n < i; n++)
     (l || !(n in e)) && (l || (l = Array.prototype.slice.call(e, 0, n)), l[n] = e[n]);
   return r.concat(l || Array.prototype.slice.call(e));
 }
-function X(r) {
+function Y(r) {
   return typeof r == "function";
 }
-function Ce(r) {
+function Je(r) {
   var e = function(n) {
     Error.call(n), n.stack = new Error().stack;
   }, t = r(e);
   return t.prototype = Object.create(Error.prototype), t.prototype.constructor = t, t;
 }
-var we = Ce(function(r) {
+var we = Je(function(r) {
   return function(t) {
     r(this), this.message = t ? t.length + ` errors occurred during unsubscription:
 ` + t.map(function(n, i) {
@@ -677,13 +677,13 @@ var we = Ce(function(r) {
   `) : "", this.name = "UnsubscriptionError", this.errors = t;
   };
 });
-function Oe(r, e) {
+function He(r, e) {
   if (r) {
     var t = r.indexOf(e);
     0 <= t && r.splice(t, 1);
   }
 }
-var he = function() {
+var ce = function() {
   function r(e) {
     this.initialTeardown = e, this.closed = !1, this._parentage = null, this._finalizers = null;
   }
@@ -695,7 +695,7 @@ var he = function() {
       if (u)
         if (this._parentage = null, Array.isArray(u))
           try {
-            for (var c = Ee(u), g = c.next(); !g.done; g = c.next()) {
+            for (var c = Pe(u), g = c.next(); !g.done; g = c.next()) {
               var h = g.value;
               h.remove(this);
             }
@@ -711,7 +711,7 @@ var he = function() {
         else
           u.remove(this);
       var p = this.initialTeardown;
-      if (X(p))
+      if (Y(p))
         try {
           p();
         } catch (v) {
@@ -721,12 +721,12 @@ var he = function() {
       if (d) {
         this._finalizers = null;
         try {
-          for (var f = Ee(d), b = f.next(); !b.done; b = f.next()) {
+          for (var f = Pe(d), b = f.next(); !b.done; b = f.next()) {
             var y = b.value;
             try {
-              Ne(y);
+              je(y);
             } catch (v) {
-              l = l ?? [], v instanceof we ? l = He(He([], Me(l)), Me(v.errors)) : l.push(v);
+              l = l ?? [], v instanceof we ? l = Me(Me([], Ee(l)), Ee(v.errors)) : l.push(v);
             }
           }
         } catch (v) {
@@ -746,7 +746,7 @@ var he = function() {
     var t;
     if (e && e !== this)
       if (this.closed)
-        Ne(e);
+        je(e);
       else {
         if (e instanceof r) {
           if (e.closed || e._hasParent(this))
@@ -763,22 +763,22 @@ var he = function() {
     this._parentage = Array.isArray(t) ? (t.push(e), t) : t ? [t, e] : e;
   }, r.prototype._removeParent = function(e) {
     var t = this._parentage;
-    t === e ? this._parentage = null : Array.isArray(t) && Oe(t, e);
+    t === e ? this._parentage = null : Array.isArray(t) && He(t, e);
   }, r.prototype.remove = function(e) {
     var t = this._finalizers;
-    t && Oe(t, e), e instanceof r && e._removeParent(this);
+    t && He(t, e), e instanceof r && e._removeParent(this);
   }, r.EMPTY = function() {
     var e = new r();
     return e.closed = !0, e;
   }(), r;
-}(), Je = he.EMPTY;
-function Qe(r) {
-  return r instanceof he || r && "closed" in r && X(r.remove) && X(r.add) && X(r.unsubscribe);
+}(), Qe = ce.EMPTY;
+function Ze(r) {
+  return r instanceof ce || r && "closed" in r && Y(r.remove) && Y(r.add) && Y(r.unsubscribe);
 }
-function Ne(r) {
-  X(r) ? r() : r.unsubscribe();
+function je(r) {
+  Y(r) ? r() : r.unsubscribe();
 }
-var Ze = {
+var Ce = {
   onUnhandledError: null,
   onStoppedNotification: null,
   Promise: void 0,
@@ -788,7 +788,7 @@ var Ze = {
   setTimeout: function(r, e) {
     for (var t = [], n = 2; n < arguments.length; n++)
       t[n - 2] = arguments[n];
-    return setTimeout.apply(void 0, He([r, e], Me(t)));
+    return setTimeout.apply(void 0, Me([r, e], Ee(t)));
   },
   clearTimeout: function(r) {
     return clearTimeout(r);
@@ -800,19 +800,19 @@ function $t(r) {
     throw r;
   });
 }
-function Ue() {
+function Ne() {
 }
-function ue(r) {
+function oe(r) {
   r();
 }
-var xe = function(r) {
-  te(e, r);
+var Ve = function(r) {
+  _(e, r);
   function e(t) {
     var n = r.call(this) || this;
-    return n.isStopped = !1, t ? (n.destination = t, Qe(t) && t.add(n)) : n.destination = It, n;
+    return n.isStopped = !1, t ? (n.destination = t, Ze(t) && t.add(n)) : n.destination = At, n;
   }
   return e.create = function(t, n, i) {
-    return new Be(t, n, i);
+    return new Oe(t, n, i);
   }, e.prototype.next = function(t) {
     this.isStopped || this._next(t);
   }, e.prototype.error = function(t) {
@@ -836,11 +836,11 @@ var xe = function(r) {
       this.unsubscribe();
     }
   }, e;
-}(he), Vt = Function.prototype.bind;
+}(ce), Vt = Function.prototype.bind;
 function be(r, e) {
   return Vt.call(r, e);
 }
-var xt = function() {
+var It = function() {
   function r(e) {
     this.partialObserver = e;
   }
@@ -850,7 +850,7 @@ var xt = function() {
       try {
         t.next(e);
       } catch (n) {
-        oe(n);
+        ae(n);
       }
   }, r.prototype.error = function(e) {
     var t = this.partialObserver;
@@ -858,24 +858,24 @@ var xt = function() {
       try {
         t.error(e);
       } catch (n) {
-        oe(n);
+        ae(n);
       }
     else
-      oe(e);
+      ae(e);
   }, r.prototype.complete = function() {
     var e = this.partialObserver;
     if (e.complete)
       try {
         e.complete();
       } catch (t) {
-        oe(t);
+        ae(t);
       }
   }, r;
-}(), Be = function(r) {
-  te(e, r);
+}(), Oe = function(r) {
+  _(e, r);
   function e(t, n, i) {
     var l = r.call(this) || this, u;
-    if (X(t) || !t)
+    if (Y(t) || !t)
       u = {
         next: t ?? void 0,
         error: n ?? void 0,
@@ -883,7 +883,7 @@ var xt = function() {
       };
     else {
       var c;
-      l && Ze.useDeprecatedNextContext ? (c = Object.create(t), c.unsubscribe = function() {
+      l && Ce.useDeprecatedNextContext ? (c = Object.create(t), c.unsubscribe = function() {
         return l.unsubscribe();
       }, u = {
         next: t.next && be(t.next, c),
@@ -891,21 +891,21 @@ var xt = function() {
         complete: t.complete && be(t.complete, c)
       }) : u = t;
     }
-    return l.destination = new xt(u), l;
+    return l.destination = new It(u), l;
   }
   return e;
-}(xe);
-function oe(r) {
+}(Ve);
+function ae(r) {
   $t(r);
 }
-function At(r) {
+function xt(r) {
   throw r;
 }
-var It = {
+var At = {
   closed: !0,
-  next: Ue,
-  error: At,
-  complete: Ue
+  next: Ne,
+  error: xt,
+  complete: Ne
 }, jt = function() {
   return typeof Symbol == "function" && Symbol.observable || "@@observable";
 }();
@@ -919,7 +919,7 @@ function Nt(r) {
     }, t);
   };
 }
-var De = function() {
+var Ue = function() {
   function r(e) {
     e && (this._subscribe = e);
   }
@@ -927,8 +927,8 @@ var De = function() {
     var t = new r();
     return t.source = this, t.operator = e, t;
   }, r.prototype.subscribe = function(e, t, n) {
-    var i = this, l = Dt(e) ? e : new Be(e, t, n);
-    return ue(function() {
+    var i = this, l = Dt(e) ? e : new Oe(e, t, n);
+    return oe(function() {
       var u = i, c = u.operator, g = u.source;
       l.add(c ? c.call(l, g) : g ? i._subscribe(l) : i._trySubscribe(l));
     }), l;
@@ -940,8 +940,8 @@ var De = function() {
     }
   }, r.prototype.forEach = function(e, t) {
     var n = this;
-    return t = Le(t), new t(function(i, l) {
-      var u = new Be({
+    return t = De(t), new t(function(i, l) {
+      var u = new Oe({
         next: function(c) {
           try {
             e(c);
@@ -965,7 +965,7 @@ var De = function() {
     return Nt(e)(this);
   }, r.prototype.toPromise = function(e) {
     var t = this;
-    return e = Le(e), new e(function(n, i) {
+    return e = De(e), new e(function(n, i) {
       var l;
       t.subscribe(function(u) {
         return l = u;
@@ -979,18 +979,18 @@ var De = function() {
     return new r(e);
   }, r;
 }();
-function Le(r) {
+function De(r) {
   var e;
-  return (e = r ?? Ze.Promise) !== null && e !== void 0 ? e : Promise;
+  return (e = r ?? Ce.Promise) !== null && e !== void 0 ? e : Promise;
 }
 function Ut(r) {
-  return r && X(r.next) && X(r.error) && X(r.complete);
+  return r && Y(r.next) && Y(r.error) && Y(r.complete);
 }
 function Dt(r) {
-  return r && r instanceof xe || Ut(r) && Qe(r);
+  return r && r instanceof Ve || Ut(r) && Ze(r);
 }
 function Lt(r) {
-  return X(r == null ? void 0 : r.lift);
+  return Y(r == null ? void 0 : r.lift);
 }
 function Ft(r) {
   return function(e) {
@@ -1009,7 +1009,7 @@ function qt(r, e, t, n, i) {
   return new Yt(r, e, t, n, i);
 }
 var Yt = function(r) {
-  te(e, r);
+  _(e, r);
   function e(t, n, i, l, u, c) {
     var g = r.call(this, t) || this;
     return g.onFinalize = u, g.shouldUnsubscribe = c, g._next = n ? function(h) {
@@ -1043,30 +1043,30 @@ var Yt = function(r) {
       r.prototype.unsubscribe.call(this), !n && ((t = this.onFinalize) === null || t === void 0 || t.call(this));
     }
   }, e;
-}(xe), Xt = Ce(function(r) {
+}(Ve), Xt = Je(function(r) {
   return function() {
     r(this), this.name = "ObjectUnsubscribedError", this.message = "object unsubscribed";
   };
-}), Ae = function(r) {
-  te(e, r);
+}), Ie = function(r) {
+  _(e, r);
   function e() {
     var t = r.call(this) || this;
     return t.closed = !1, t.currentObservers = null, t.observers = [], t.isStopped = !1, t.hasError = !1, t.thrownError = null, t;
   }
   return e.prototype.lift = function(t) {
-    var n = new Fe(this, this);
+    var n = new Le(this, this);
     return n.operator = t, n;
   }, e.prototype._throwIfClosed = function() {
     if (this.closed)
       throw new Xt();
   }, e.prototype.next = function(t) {
     var n = this;
-    ue(function() {
+    oe(function() {
       var i, l;
       if (n._throwIfClosed(), !n.isStopped) {
         n.currentObservers || (n.currentObservers = Array.from(n.observers));
         try {
-          for (var u = Ee(n.currentObservers), c = u.next(); !c.done; c = u.next()) {
+          for (var u = Pe(n.currentObservers), c = u.next(); !c.done; c = u.next()) {
             var g = c.value;
             g.next(t);
           }
@@ -1083,7 +1083,7 @@ var Yt = function(r) {
     });
   }, e.prototype.error = function(t) {
     var n = this;
-    ue(function() {
+    oe(function() {
       if (n._throwIfClosed(), !n.isStopped) {
         n.hasError = n.isStopped = !0, n.thrownError = t;
         for (var i = n.observers; i.length; )
@@ -1092,7 +1092,7 @@ var Yt = function(r) {
     });
   }, e.prototype.complete = function() {
     var t = this;
-    ue(function() {
+    oe(function() {
       if (t._throwIfClosed(), !t.isStopped) {
         t.isStopped = !0;
         for (var n = t.observers; n.length; )
@@ -1114,20 +1114,20 @@ var Yt = function(r) {
     return this._throwIfClosed(), this._checkFinalizedStatuses(t), this._innerSubscribe(t);
   }, e.prototype._innerSubscribe = function(t) {
     var n = this, i = this, l = i.hasError, u = i.isStopped, c = i.observers;
-    return l || u ? Je : (this.currentObservers = null, c.push(t), new he(function() {
-      n.currentObservers = null, Oe(c, t);
+    return l || u ? Qe : (this.currentObservers = null, c.push(t), new ce(function() {
+      n.currentObservers = null, He(c, t);
     }));
   }, e.prototype._checkFinalizedStatuses = function(t) {
     var n = this, i = n.hasError, l = n.thrownError, u = n.isStopped;
     i ? t.error(l) : u && t.complete();
   }, e.prototype.asObservable = function() {
-    var t = new De();
+    var t = new Ue();
     return t.source = this, t;
   }, e.create = function(t, n) {
-    return new Fe(t, n);
+    return new Le(t, n);
   }, e;
-}(De), Fe = function(r) {
-  te(e, r);
+}(Ue), Le = function(r) {
+  _(e, r);
   function e(t, n) {
     var i = r.call(this) || this;
     return i.destination = t, i.source = n, i;
@@ -1143,10 +1143,10 @@ var Yt = function(r) {
     (n = (t = this.destination) === null || t === void 0 ? void 0 : t.complete) === null || n === void 0 || n.call(t);
   }, e.prototype._subscribe = function(t) {
     var n, i;
-    return (i = (n = this.source) === null || n === void 0 ? void 0 : n.subscribe(t)) !== null && i !== void 0 ? i : Je;
+    return (i = (n = this.source) === null || n === void 0 ? void 0 : n.subscribe(t)) !== null && i !== void 0 ? i : Qe;
   }, e;
-}(Ae), qe = function(r) {
-  te(e, r);
+}(Ie), Fe = function(r) {
+  _(e, r);
   function e(t) {
     var n = r.call(this) || this;
     return n._value = t, n;
@@ -1168,7 +1168,7 @@ var Yt = function(r) {
   }, e.prototype.next = function(t) {
     r.prototype.next.call(this, this._value = t);
   }, e;
-}(Ae);
+}(Ie);
 function Gt(r, e) {
   return e === void 0 && (e = Ke), r = r ?? Wt, Ft(function(t, n) {
     var i, l = !0;
@@ -1182,7 +1182,7 @@ function Wt(r, e) {
   return r === e;
 }
 var R = /* @__PURE__ */ ((r) => (r.hex = "hex", r.hexa = "hexa", r.rgba = "rgba", r.rgb = "rgb", r.hsla = "hsla", r.hsl = "hsl", r.cmyk = "cmyk", r))(R || {});
-class Ie {
+class xe {
   constructor(e) {
     /** 所选颜色值 */
     s(this, "modelValue", null);
@@ -1190,10 +1190,10 @@ class Ie {
     s(this, "hueValue", null);
     /** 初始颜色值 */
     s(this, "initValue", null);
-    s(this, "valueChanged", new Ae());
-    s(this, "presetsVisibilityChanges", new qe(!0));
+    s(this, "valueChanged", new Ie());
+    s(this, "presetsVisibilityChanges", new Fe(!0));
     s(this, "initType", null);
-    s(this, "alphaChannelVisibilityChanges", new qe(!0));
+    s(this, "alphaChannelVisibilityChanges", new Fe(!0));
     s(this, "valueChanges", this.valueChanged.asObservable().pipe(Gt(
       (e, t) => e.toRgbaString() === t.toRgbaString()
     )));
@@ -1271,8 +1271,8 @@ class Ie {
   }
 }
 /** 确定输入颜色类型 */
-s(Ie, "finOutInputType");
-function j(r, e) {
+s(xe, "finOutInputType");
+function A(r, e) {
   switch (e) {
     case R.hex:
       return r.toHexString();
@@ -1295,7 +1295,7 @@ const zt = {
   hue: { type: Object, default: "" },
   randomId: { type: String, default: "" },
   allowColorNull: { type: Boolean, default: !1 }
-}, Te = /* @__PURE__ */ ee({
+}, Te = /* @__PURE__ */ T({
   name: "SvPanel",
   props: zt,
   emits: ["update:color"],
@@ -1322,12 +1322,12 @@ const zt = {
     }) {
       const v = d * 100 / y, $ = -(f * 100 / b) + 100;
       c(v, $);
-      const E = r.color == null ? "transparent" : r.color, M = P.from(E);
-      if (g(), M != null) {
-        const A = r.hue.getHsva(), N = M.getHsva(), I = new P().setHsva(A.hue, v, $, N.alpha);
-        e.emit("update:color", I);
+      const E = r.color == null ? "transparent" : r.color, H = P.from(E);
+      if (g(), H != null) {
+        const V = r.hue.getHsva(), j = H.getHsva(), M = new P().setHsva(V.hue, v, $, j.alpha);
+        e.emit("update:color", M);
       }
-      !M && l.value && e.emit("update:color", null);
+      !H && l.value && e.emit("update:color", null);
     }
     function p(d) {
       if (n.value) {
@@ -1339,21 +1339,21 @@ const zt = {
         } = n.value.getBoundingClientRect(), {
           pageX: $,
           pageY: E
-        } = "touches" in d ? d.touches[0] : d, M = Math.max(0, Math.min($ - (v + window.pageXOffset), f)), A = Math.max(0, Math.min(E - (y + window.pageYOffset), b));
+        } = "touches" in d ? d.touches[0] : d, H = Math.max(0, Math.min($ - (v + window.pageXOffset), f)), V = Math.max(0, Math.min(E - (y + window.pageYOffset), b));
         h({
-          x: M,
-          y: A,
+          x: H,
+          y: V,
           height: b,
           width: f
         });
       }
     }
-    return T(() => {
+    return C(() => {
       const d = r.color.getHsva();
       c(d.saturation, d.value);
-    }), q(() => r.color, (d) => {
+    }), F(() => r.color, (d) => {
       d.getHsva();
-    }), q(() => r.color, (d) => {
+    }), F(() => r.color, (d) => {
       const f = d.getHsva();
       c(f.saturation, f.value);
     }), () => k("div", {
@@ -1362,8 +1362,8 @@ const zt = {
       style: {
         backgroundColor: u()
       },
-      onMousedown: _((d) => p(d), ["prevent"]),
-      onTouchstart: _((d) => p(d), ["prevent"])
+      onMousedown: K((d) => p(d), ["prevent"]),
+      onTouchstart: K((d) => p(d), ["prevent"])
     }, [k("div", {
       class: "color-svpanel__white"
     }, null), k("div", {
@@ -1373,14 +1373,14 @@ const zt = {
       ref: t
     }, [k("div", null, null)])]);
   }
-}), Ct = {
+}), Jt = {
   color: { type: Object, default: "" },
   hue: { type: Object, default: "" },
   allowColorNull: { type: Boolean, default: !1 },
   onChange: { type: Function }
-}, _e = /* @__PURE__ */ ee({
+}, _e = /* @__PURE__ */ T({
   name: "Hue",
-  props: Ct,
+  props: Jt,
   emits: ["update:color", "update:hue"],
   setup(r, e) {
     const t = S(r.hue), n = S(r.allowColorNull), i = [];
@@ -1394,14 +1394,14 @@ const zt = {
           width: v,
           height: $,
           top: E,
-          left: M
+          left: H
         } = u.value.getBoundingClientRect(), {
-          pageX: A,
-          pageY: N
-        } = "touches" in y ? y.touches[0] : y, I = Math.max(0, Math.min(A - (M + window.pageXOffset), v)), H = Math.max(0, Math.min(N - (E + window.pageYOffset), $));
+          pageX: V,
+          pageY: j
+        } = "touches" in y ? y.touches[0] : y, M = Math.max(0, Math.min(V - (H + window.pageXOffset), v)), I = Math.max(0, Math.min(j - (E + window.pageYOffset), $));
         b({
-          x: I,
-          y: H,
+          x: M,
+          y: I,
           height: $,
           width: v
         });
@@ -1416,7 +1416,7 @@ const zt = {
     const p = (y) => {
       h(y), y.stopPropagation();
     };
-    T(() => {
+    C(() => {
       document.querySelectorAll(".f-hue-component").forEach(($) => {
         $.addEventListener("mousedown", p), $.addEventListener("touchstart", p);
       });
@@ -1435,22 +1435,22 @@ const zt = {
       height: $,
       width: E
     }) {
-      const M = v / $ * 360;
-      f(M);
-      const A = r.color.getHsva(), N = new P().setHsva(M, A.saturation, A.value, A.alpha), I = new P().setHsva(M, 100, 100, A.alpha);
-      (r.color != null || r.color == null && n.value) && (e.emit("update:hue", I), e.emit("update:color", N));
+      const H = v / $ * 360;
+      f(H);
+      const V = r.color.getHsva(), j = new P().setHsva(H, V.saturation, V.value, V.alpha), M = new P().setHsva(H, 100, 100, V.alpha);
+      (r.color != null || r.color == null && n.value) && (e.emit("update:hue", M), e.emit("update:color", j));
     }
-    return q(t, (y) => {
+    return F(t, (y) => {
       const v = y.getHsva();
       f(v.hue);
-    }), q(() => r.color, (y) => {
+    }), F(() => r.color, (y) => {
       const v = y.getHsva();
       f(v.hue);
     }), () => k("div", {
       class: "f-hue-component",
       ref: u,
-      onMousedown: _((y) => c(y), ["prevent"]),
-      onTouchstart: _((y) => c(y), ["prevent"])
+      onMousedown: K((y) => c(y), ["prevent"]),
+      onTouchstart: K((y) => c(y), ["prevent"])
     }, [k("div", {
       class: "color-hue-slider__bar"
     }, null), k("div", {
@@ -1458,13 +1458,13 @@ const zt = {
       ref: d
     }, null)]);
   }
-}), Jt = {
+}), Qt = {
   color: { type: Object, default: "" },
   randomId: { type: String, default: "" },
   allowColorNull: { type: Boolean, default: !1 }
-}, et = /* @__PURE__ */ ee({
+}, et = /* @__PURE__ */ T({
   name: "Alpha",
-  props: Jt,
+  props: Qt,
   emits: ["update:color"],
   setup(r, e) {
     const t = S(null), n = S(null), i = S(r.randomId), l = S(r.allowColorNull), u = (p) => {
@@ -1482,10 +1482,10 @@ const zt = {
         } = t.value.getBoundingClientRect(), {
           pageX: v,
           pageY: $
-        } = "touches" in p ? p.touches[0] : p, E = Math.max(0, Math.min(v - (y + window.pageXOffset), d)), M = Math.max(0, Math.min($ - (b + window.pageYOffset), f));
+        } = "touches" in p ? p.touches[0] : p, E = Math.max(0, Math.min(v - (y + window.pageXOffset), d)), H = Math.max(0, Math.min($ - (b + window.pageYOffset), f));
         h({
           x: E,
-          y: M,
+          y: H,
           height: f,
           width: d
         });
@@ -1506,32 +1506,32 @@ const zt = {
       const b = r.color.getHsva(), y = new P().setHsva(b.hue, b.saturation, b.value, f);
       r.color != null ? e.emit("update:color", y) : r.color == null && l.value && e.emit("update:color", null);
     };
-    return T(() => {
+    return C(() => {
       const p = r.color.getHsva();
       u(p.alpha);
-    }), q(() => r.color, (p) => {
+    }), F(() => r.color, (p) => {
       const d = p.getHsva();
       u(d.alpha);
     }), () => k("div", {
       class: "f-alpha-component",
       ref: t,
-      onMousedown: _((p) => c(p), ["prevent"]),
-      onTouchstart: _((p) => c(p), ["prevent"])
+      onMousedown: K((p) => c(p), ["prevent"]),
+      onTouchstart: K((p) => c(p), ["prevent"])
     }, [k("div", {
       class: "color-alpha-slider__bar"
-    }, [Re(" ")]), k("div", {
+    }, [Be(" ")]), k("div", {
       class: "color-alpha-slider__thumb",
       ref: n
     }, null)]);
   }
-}), Qt = {
+}), Zt = {
   color: { type: Object, default: "" },
   hue: { type: Object, default: "" },
   colorPresets: { type: Object, default: "" },
   randomId: { type: String, default: "" }
-}, tt = /* @__PURE__ */ ee({
+}, tt = /* @__PURE__ */ T({
   name: "Preset",
-  props: Qt,
+  props: Zt,
   emits: ["update:hue", "update:color"],
   setup(r, e) {
     const t = S(new P()), n = S(r.colorPresets), i = S(r.randomId);
@@ -1571,27 +1571,27 @@ const zt = {
       class: "color-preset__colors"
     }, [n.value.map((h, p) => g(h, p))])]);
   }
-}), le = /* @__PURE__ */ ee({
+}), ue = /* @__PURE__ */ T({
   name: "FColorPicker",
-  props: Ve,
+  props: $e,
   emits: ["valueChanged", "activeChange", "update:color", "update:hue"],
   setup(r, e) {
     const t = S(new P(r.color)), n = S(r.color), i = S(r.disabled), l = S(r.color), u = S(r.allowColorNull), c = S(r.presets), g = S(!1), h = S(!1), p = S(!1), d = S("HEX"), f = Math.floor(Math.random() * 1e3).toString();
-    let b = -1, y, v = new Ie("#000000");
+    let b = -1, y, v = new xe("#000000");
     const $ = S(r.color);
-    let E, M;
-    const A = S(null), N = S(null), I = S(null);
-    let H = U(() => !y && v && v.initType ? v.initType : y);
-    const O = U({
+    let E, H;
+    const V = S(null), j = S(null), M = S(null);
+    let I = U(() => !y && v && v.initType ? v.initType : y);
+    const B = U({
       get() {
-        return y && n.value !== null ? (re(y), j(new P(n.value), R[y])) : n.value;
+        return y && n.value !== null ? (te(y), A(new P(n.value), R[y])) : n.value;
       },
       set(w) {
-        w !== null && (Y(w), Q(w));
+        w !== null && (q(w), J(w));
       }
-    }), x = S(O.value), V = U(() => b > -1), D = U(() => c.value.length > 0), G = U(() => ({
+    }), N = S(B.value), x = U(() => b > -1), W = U(() => c.value.length > 0), he = U(() => ({
       "background-color": l.value
-    })), C = U(() => h.value && g.value ? "display:flex" : "display:none"), J = [{
+    })), ie = U(() => h.value && g.value ? "display:flex" : "display:none"), z = [{
       text: "HEX",
       type: R.hex
     }, {
@@ -1603,10 +1603,10 @@ const zt = {
       w.id = `farris-color-picker-panel-${f}`;
       const m = document.getElementById("farris-color-picker-plus-sure");
       m.id = `farris-color-picker-plus-sure-${f}`;
-      const B = document.getElementById("farris-color-picker-plus-input");
-      B.id = `farris-color-picker-plus-input-${f}`, M = document.getElementById(`farris-color-picker-plus-sure-${f}`), E = document.getElementById(`farris-color-picker-panel-${f}`), E.className = "color-picker-panel disabled";
+      const O = document.getElementById("farris-color-picker-plus-input");
+      O.id = `farris-color-picker-plus-input-${f}`, H = document.getElementById(`farris-color-picker-plus-sure-${f}`), E = document.getElementById(`farris-color-picker-panel-${f}`), E.className = "color-picker-panel disabled";
     }
-    function z() {
+    function G() {
       if (!u.value && !n.value) {
         document.getElementById(`farris-color-picker-plus-sure-${f}`).classList.toggle("disabled");
         const m = document.getElementById(`farris-color-picker-plus-input-${f}`);
@@ -1614,87 +1614,87 @@ const zt = {
       }
     }
     function de() {
-      n.value && (Y(n.value), !n.value && u.value || (n.value = j(new P(n.value), R[H.value])), x.value = O.value), ne(re(v.initType));
+      n.value && (q(n.value), !n.value && u.value || (n.value = A(new P(n.value), R[I.value])), N.value = B.value), ee(te(v.initType));
     }
-    function ae() {
-      n.value && Y(n.value), v.hasPresets() || v.setColorPresets(c.value), n.value ? l.value = j(new P(n.value), R[H.value]) : !n.value && u.value && (l.value = null);
+    function se() {
+      n.value && q(n.value), v.hasPresets() || v.setColorPresets(c.value), n.value ? l.value = A(new P(n.value), R[I.value]) : !n.value && u.value && (l.value = null);
     }
     function fe() {
       v.valueChanges.subscribe((w) => {
-        const m = j(w, R[y || v.initType]);
+        const m = A(w, R[y || v.initType]);
         n.value = m;
       });
     }
-    function ne(w) {
-      d.value = J[w].text;
+    function ee(w) {
+      d.value = z[w].text;
     }
     function ve() {
       var w;
       h.value = !!(y != null && y.includes("a") || (w = v.initType) != null && w.includes("a"));
     }
-    Ye(() => {
+    qe(() => {
       v.setColorPresets(c.value || ["#eaecf3"]);
-    }), T(() => {
-      pe(), z(), de(), ae();
-    }), q(d, () => {
-      fe(), O.value = j(new P(n.value), R[y || v.initType]), t.value = new P(O.value), ve();
-    }), q(n, (w) => {
-      j(v.value, v.initType) !== w && w !== null && Y(w), ne(re(v.initType));
-    }), q(t, (w) => {
-      n.value = j(w, R[y || v.initType]), Y(n.value), O.value = n.value;
+    }), C(() => {
+      pe(), G(), de(), se();
+    }), F(d, () => {
+      fe(), B.value = A(new P(n.value), R[y || v.initType]), t.value = new P(B.value), ve();
+    }), F(n, (w) => {
+      A(v.value, v.initType) !== w && w !== null && q(w), ee(te(v.initType));
+    }), F(t, (w) => {
+      n.value = A(w, R[y || v.initType]), q(n.value), B.value = n.value;
     });
-    function Q(w) {
+    function J(w) {
       const m = document.getElementById(`farris-color-picker-plus-input-${f}`);
-      (w == "" || w == null || w == null) && !u.value ? (n.value = null, m.style.borderColor = "red", M.className = "btn btn-secondary disabled") : (m.style.borderColor = "#dcdfe6", M.className = "btn btn-secondary");
+      (w == "" || w == null || w == null) && !u.value ? (n.value = null, m.style.borderColor = "red", H.className = "btn btn-secondary disabled") : (m.style.borderColor = "#dcdfe6", H.className = "btn btn-secondary");
     }
     function ge(w) {
-      var m, B;
+      var m, O;
       if (w == null || w.stopPropagation(), u.value) {
         l.value = (n == null ? void 0 : n.value) ?? null;
-        const F = {
+        const L = {
           elementValue: l
         };
-        e.emit("valueChanged", F), L();
+        e.emit("valueChanged", L), D();
       }
-      if (!u.value && !(O.value == null || O.value == null || O.value == "")) {
-        (B = (m = A.value) == null ? void 0 : m.style) == null || B.setProperty("background", n.value), p.value = !0, l.value = n.value;
-        const F = {
+      if (!u.value && !(B.value == null || B.value == null || B.value == "")) {
+        (O = (m = V.value) == null ? void 0 : m.style) == null || O.setProperty("background", n.value), p.value = !0, l.value = n.value;
+        const L = {
           elementValue: l
         };
-        e.emit("valueChanged", F), L();
+        e.emit("valueChanged", L), D();
       }
-      !$.value && !n.value && !p.value && u && L(), Q(n.value), O.value = n.value, M.classList.contains("disabled") || (x.value = n.value, g.value = !1);
+      !$.value && !n.value && !p.value && u && D(), J(n.value), B.value = n.value, H.classList.contains("disabled") || (N.value = n.value, g.value = !1);
     }
-    function Y(w) {
+    function q(w) {
       v == null || v.setValueFrom(w, f, u.value);
     }
     function ye(w) {
       E = document.getElementById(`farris-color-picker-panel-${f}`);
       const m = E.className == "color-picker-panel";
-      i.value || m || (g.value = !0, E.classList.toggle("disabled"), z(), Y(n.value), w.stopPropagation());
+      i.value || m || (g.value = !0, E.classList.toggle("disabled"), G(), q(n.value), w.stopPropagation());
     }
-    function L() {
+    function D() {
       E = document.getElementById(`farris-color-picker-panel-${f}`), E.className = "color-picker-panel disabled";
     }
-    function re(w) {
-      const m = J.findIndex((B) => B.type === w);
+    function te(w) {
+      const m = z.findIndex((O) => O.type === w);
       return b = m, m;
     }
-    function Z(w) {
-      if (!M.classList.contains("disabled")) {
-        const m = J.length;
-        b = (m + b + (w === "up" ? 1 : -1)) % m, y = J[b].type, ne(b), Y(n.value);
+    function Q(w) {
+      if (!H.classList.contains("disabled")) {
+        const m = z.length;
+        b = (m + b + (w === "up" ? 1 : -1)) % m, y = z[b].type, ee(b), q(n.value);
       }
     }
     return () => k("div", {
       class: "f-color-picker-component",
-      ref: N
+      ref: j
     }, [k("div", {
       class: ["color-picker-panel", {
         disabled: i.value
       }],
       id: "farris-color-picker-panel",
-      ref: I,
+      ref: M,
       onClick: (w) => w.stopPropagation(),
       style: "top:30px"
     }, [k("div", {
@@ -1713,7 +1713,7 @@ const zt = {
       color: t.value,
       "onUpdate:color": (w) => t.value = w
     }, null)]), k(et, {
-      style: C.value,
+      style: ie.value,
       randomId: f,
       allowColorNull: u.value,
       color: t.value,
@@ -1721,43 +1721,43 @@ const zt = {
     }, null), k("div", {
       class: "input-btn",
       style: "display:flex;align-items: center;"
-    }, [W(k("span", {
+    }, [X(k("span", {
       style: "width:40px;margin-right:10px;"
-    }, [d.value]), [[K, D]]), W(k("input", {
+    }, [d.value]), [[Z, W]]), X(k("input", {
       type: "text",
       title: "color-picker-plus",
       id: "farris-color-picker-plus-input",
-      "onUpdate:modelValue": (w) => O.value = w,
+      "onUpdate:modelValue": (w) => B.value = w,
       style: "float:none"
-    }, null), [[Xe, O.value]]), W(k("div", {
+    }, null), [[Ye, B.value]]), X(k("div", {
       class: "type-icon-btn-wrapper",
       style: "cursor:pointer"
     }, [k("span", {
       class: "f-icon f-icon-arrow-60-up type-icon-btn",
-      onClick: () => Z("up")
+      onClick: () => Q("up")
     }, null), k("span", {
       class: "f-icon f-icon-arrow-60-down type-icon-btn",
-      onClick: () => Z("down")
-    }, null)]), [[K, D]]), k("div", {
+      onClick: () => Q("down")
+    }, null)]), [[Z, W]]), k("div", {
       class: "input-btn"
     }, [k("button", {
       id: "farris-color-picker-plus-sure",
       class: "btn btn-secondary",
       onClick: (w) => ge(w)
-    }, [Re("确定")])])]), W(k(tt, {
+    }, [Be("确定")])])]), X(k(tt, {
       color: t.value,
       "onUpdate:color": (w) => t.value = w,
       hue: v.hue,
       "onUpdate:hue": (w) => v.hue = w,
       randomId: f,
       colorPresets: v.presets
-    }, null), [[K, V]])]), k("div", {
+    }, null), [[Z, x]])]), k("div", {
       class: "color-picker-wrapper"
     }, [k("input", {
       title: "color-picker-input",
       type: "text",
       class: "color-picker-input form-control",
-      value: x.value,
+      value: N.value,
       readonly: i.value,
       onClick: (w) => w.stopPropagation()
     }, null), k("div", {
@@ -1766,12 +1766,12 @@ const zt = {
     }, [k("div", {
       class: "color-picker-trigger-inner"
     }, [k("div", {
-      style: G.value
+      style: he.value
     }, null)])])])]);
   }
 });
-function Zt(r, e, t) {
-  var I;
+function Ct(r, e, t) {
+  var j;
   function n() {
   }
   const i = "", l = "", u = S();
@@ -1787,19 +1787,19 @@ function Zt(r, e, t) {
   function p() {
     return (e == null ? void 0 : e.schema.componentType) === "frame";
   }
-  function d(H) {
-    if (!H || !H.value)
+  function d(M) {
+    if (!M || !M.value)
       return null;
-    if (H.value.schema && H.value.schema.type === "component")
-      return H.value;
-    const O = S(H == null ? void 0 : H.value.parent), x = d(O);
-    return x || null;
+    if (M.value.schema && M.value.schema.type === "component")
+      return M.value;
+    const I = S(M == null ? void 0 : M.value.parent), B = d(I);
+    return B || null;
   }
-  function f(H = e) {
-    const { componentInstance: O, designerItemElementRef: x } = H;
-    return !O || !O.value ? null : O.value.canMove ? x : f(H.parent);
+  function f(M = e) {
+    const { componentInstance: I, designerItemElementRef: B } = M;
+    return !I || !I.value ? null : I.value.canMove ? B : f(M.parent);
   }
-  function b(H) {
+  function b(M) {
     return !!t;
   }
   function y() {
@@ -1807,24 +1807,17 @@ function Zt(r, e, t) {
   }
   function v() {
   }
-  function $(H, O) {
-  }
-  function E(H, O) {
-    const { componentType: x } = H;
-    let V = ke(x, H, O);
-    const D = x.toLowerCase().replace("-", "_");
-    return V && !V.id && V.type === x && (V.id = `${D}_${Math.random().toString().slice(2, 6)}`), V;
+  function $(M, I) {
   }
-  function M(H, O) {
-    const x = String(H.getAttribute("data-controltype")), V = H.getAttribute("data-feature"), D = V ? JSON.parse(V) : {};
-    D.parentComponentInstance = u.value;
-    let G = ke(x, D);
-    const C = x.toLowerCase().replace("-", "_");
-    return G && !G.id && G.type === x && (G.id = `${C}_${Math.random().toString().slice(2, 6)}`), G;
+  function E(M, I) {
+    const { componentType: B } = M;
+    let N = We(B, M, I);
+    const x = B.toLowerCase().replace("-", "_");
+    return N && !N.id && N.type === B && (N.id = `${x}_${Math.random().toString().slice(2, 6)}`), N;
   }
-  function A(H) {
+  function H(M) {
   }
-  function N(...H) {
+  function V(...M) {
   }
   return u.value = {
     canMove: c(),
@@ -1833,7 +1826,7 @@ function Zt(r, e, t) {
     canNested: !p(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: r,
-    parent: (I = e == null ? void 0 : e.parent) == null ? void 0 : I.componentInstance,
+    parent: (j = e == null ? void 0 : e.parent) == null ? void 0 : j.componentInstance,
     schema: e == null ? void 0 : e.schema,
     styles: i,
     designerClass: l,
@@ -1841,41 +1834,40 @@ function Zt(r, e, t) {
     getBelongedComponentInstance: d,
     getDraggableDesignItemElement: f,
     getDraggingDisplayText: y,
-    getPropConfig: N,
+    getPropConfig: V,
     getDragScopeElement: v,
     onAcceptMovedChildElement: $,
-    onAcceptNewChildElement: M,
-    onChildElementMovedOut: A,
+    onChildElementMovedOut: H,
     addNewChildComponentSchema: E,
     updateDragAndDropRules: n,
     triggerBelongedComponentToMoveWhenMoved: S(!1),
     triggerBelongedComponentToDeleteWhenDeleted: S(!1)
   }, u;
 }
-const Kt = /* @__PURE__ */ ee({
+const Kt = /* @__PURE__ */ T({
   name: "FColorPickerDesign",
-  props: Ve,
+  props: $e,
   emits: ["valueChanged", "activeChange", "update:color", "update:hue"],
   setup(r, e) {
     const t = S(new P(r.color)), n = S(r.color), i = S(r.disabled), l = S(r.color), u = S(r.allowColorNull), c = S(r.presets), g = S(!1), h = S(!1), p = S(!1), d = S("HEX"), f = Math.floor(Math.random() * 1e3).toString();
-    let b = -1, y, v = new Ie("#000000");
+    let b = -1, y, v = new xe("#000000");
     const $ = S(r.color);
-    let E, M;
-    const A = S(null), N = S(null), I = S(), H = it("design-item-context"), O = Zt(I, H);
-    T(() => {
-      I.value.componentInstance = O;
-    }), e.expose(O.value);
-    let x = U(() => !y && v && v.initType ? v.initType : y);
-    const V = U({
+    let E, H;
+    const V = S(null), j = S(null), M = S(), I = it("design-item-context"), B = Ct(M, I);
+    C(() => {
+      M.value.componentInstance = B;
+    }), e.expose(B.value);
+    let N = U(() => !y && v && v.initType ? v.initType : y);
+    const x = U({
       get() {
-        return y && n.value !== null ? (Z(y), j(new P(n.value), R[y])) : n.value;
+        return y && n.value !== null ? (Q(y), A(new P(n.value), R[y])) : n.value;
       },
       set(m) {
-        m !== null && (L(m), Y(m));
+        m !== null && (D(m), q(m));
       }
-    }), D = S(V.value), G = U(() => b > -1), C = U(() => c.value.length > 0), J = U(() => ({
+    }), W = S(x.value), he = U(() => b > -1), ie = U(() => c.value.length > 0), z = U(() => ({
       "background-color": l.value
-    })), pe = U(() => h.value && g.value ? "display:flex" : "display:none"), z = [{
+    })), pe = U(() => h.value && g.value ? "display:flex" : "display:none"), G = [{
       text: "HEX",
       type: R.hex
     }, {
@@ -1885,95 +1877,95 @@ const Kt = /* @__PURE__ */ ee({
     function de() {
       const m = document.getElementById("farris-color-picker-panel");
       m.id = `farris-color-picker-panel-${f}`;
-      const B = document.getElementById("farris-color-picker-plus-sure");
-      B.id = `farris-color-picker-plus-sure-${f}`;
-      const F = document.getElementById("farris-color-picker-plus-input");
-      F.id = `farris-color-picker-plus-input-${f}`, M = document.getElementById(`farris-color-picker-plus-sure-${f}`), E = document.getElementById(`farris-color-picker-panel-${f}`), E.className = "color-picker-panel disabled";
+      const O = document.getElementById("farris-color-picker-plus-sure");
+      O.id = `farris-color-picker-plus-sure-${f}`;
+      const L = document.getElementById("farris-color-picker-plus-input");
+      L.id = `farris-color-picker-plus-input-${f}`, H = document.getElementById(`farris-color-picker-plus-sure-${f}`), E = document.getElementById(`farris-color-picker-panel-${f}`), E.className = "color-picker-panel disabled";
     }
-    function ae() {
+    function se() {
       if (!u.value && !n.value) {
         document.getElementById(`farris-color-picker-plus-sure-${f}`).classList.toggle("disabled");
-        const B = document.getElementById(`farris-color-picker-plus-input-${f}`);
-        B.style.borderColor = "red";
+        const O = document.getElementById(`farris-color-picker-plus-input-${f}`);
+        O.style.borderColor = "red";
       }
     }
     function fe() {
-      n.value && (L(n.value), !n.value && u.value || (n.value = j(new P(n.value), R[x.value])), D.value = V.value), Q(Z(v.initType));
+      n.value && (D(n.value), !n.value && u.value || (n.value = A(new P(n.value), R[N.value])), W.value = x.value), J(Q(v.initType));
     }
-    function ne() {
-      n.value && L(n.value), v.hasPresets() || v.setColorPresets(c.value), n.value ? l.value = j(new P(n.value), R[x.value]) : !n.value && u.value && (l.value = null);
+    function ee() {
+      n.value && D(n.value), v.hasPresets() || v.setColorPresets(c.value), n.value ? l.value = A(new P(n.value), R[N.value]) : !n.value && u.value && (l.value = null);
     }
     function ve() {
       v.valueChanges.subscribe((m) => {
-        const B = j(m, R[y || v.initType]);
-        n.value = B;
+        const O = A(m, R[y || v.initType]);
+        n.value = O;
       });
     }
-    function Q(m) {
-      d.value = z[m].text;
+    function J(m) {
+      d.value = G[m].text;
     }
     function ge() {
       var m;
       h.value = !!(y != null && y.includes("a") || (m = v.initType) != null && m.includes("a"));
     }
-    Ye(() => {
+    qe(() => {
       v.setColorPresets(c.value || ["#eaecf3"]);
-    }), T(() => {
-      de(), ae(), fe(), ne();
-    }), q(d, () => {
-      ve(), V.value = j(new P(n.value), R[y || v.initType]), t.value = new P(V.value), ge();
-    }), q(n, (m) => {
-      j(v.value, v.initType) !== m && m !== null && L(m), Q(Z(v.initType));
-    }), q(t, (m) => {
-      n.value = j(m, R[y || v.initType]), L(n.value), V.value = n.value;
+    }), C(() => {
+      de(), se(), fe(), ee();
+    }), F(d, () => {
+      ve(), x.value = A(new P(n.value), R[y || v.initType]), t.value = new P(x.value), ge();
+    }), F(n, (m) => {
+      A(v.value, v.initType) !== m && m !== null && D(m), J(Q(v.initType));
+    }), F(t, (m) => {
+      n.value = A(m, R[y || v.initType]), D(n.value), x.value = n.value;
     });
-    function Y(m) {
-      const B = document.getElementById(`farris-color-picker-plus-input-${f}`);
-      (m == "" || m == null || m == null) && !u.value ? (n.value = null, B.style.borderColor = "red", M.className = "btn btn-secondary disabled") : (B.style.borderColor = "#dcdfe6", M.className = "btn btn-secondary");
+    function q(m) {
+      const O = document.getElementById(`farris-color-picker-plus-input-${f}`);
+      (m == "" || m == null || m == null) && !u.value ? (n.value = null, O.style.borderColor = "red", H.className = "btn btn-secondary disabled") : (O.style.borderColor = "#dcdfe6", H.className = "btn btn-secondary");
     }
     function ye() {
-      var m, B;
+      var m, O;
       if (u.value) {
         l.value = (n == null ? void 0 : n.value) ?? null;
-        const F = {
+        const L = {
           elementValue: l
         };
-        e.emit("valueChanged", F), E.classList.toggle("disabled");
+        e.emit("valueChanged", L), E.classList.toggle("disabled");
       }
-      if (!u.value && !(V.value == null || V.value == null || V.value == "")) {
-        (B = (m = A.value) == null ? void 0 : m.style) == null || B.setProperty("background", n.value), p.value = !0, l.value = n.value;
-        const F = {
+      if (!u.value && !(x.value == null || x.value == null || x.value == "")) {
+        (O = (m = V.value) == null ? void 0 : m.style) == null || O.setProperty("background", n.value), p.value = !0, l.value = n.value;
+        const L = {
           elementValue: l
         };
-        e.emit("valueChanged", F), E.classList.toggle("disabled");
+        e.emit("valueChanged", L), E.classList.toggle("disabled");
       }
-      !$.value && !n.value && !p.value && u && E.classList.toggle("disabled"), Y(n.value), V.value = n.value, M.classList.contains("disabled") || (D.value = n.value, g.value = !1);
+      !$.value && !n.value && !p.value && u && E.classList.toggle("disabled"), q(n.value), x.value = n.value, H.classList.contains("disabled") || (W.value = n.value, g.value = !1);
     }
-    function L(m) {
+    function D(m) {
       v == null || v.setValueFrom(m, f, u.value);
     }
-    function re(m) {
-      i.value || (g.value = !0, E.classList.toggle("disabled"), ae(), L(n.value));
+    function te(m) {
+      i.value || (g.value = !0, E.classList.toggle("disabled"), se(), D(n.value));
     }
-    function Z(m) {
-      const B = z.findIndex((F) => F.type === m);
-      return b = B, B;
+    function Q(m) {
+      const O = G.findIndex((L) => L.type === m);
+      return b = O, O;
     }
     function w(m) {
-      if (!M.classList.contains("disabled")) {
-        const B = z.length;
-        b = (B + b + (m === "up" ? 1 : -1)) % B, y = z[b].type, Q(b), L(n.value);
+      if (!H.classList.contains("disabled")) {
+        const O = G.length;
+        b = (O + b + (m === "up" ? 1 : -1)) % O, y = G[b].type, J(b), D(n.value);
       }
     }
     return () => k("div", {
       class: "f-color-picker-component",
-      ref: I
+      ref: M
     }, [k("div", {
       class: ["color-picker-panel", {
         disabled: i.value
       }],
       id: "farris-color-picker-panel",
-      ref: N,
+      ref: j,
       onClick: (m) => m.stopPropagation,
       style: "top:30px"
     }, [k("div", {
@@ -2000,14 +1992,14 @@ const Kt = /* @__PURE__ */ ee({
     }, null), k("div", {
       class: "input-btn",
       style: "display:flex;align-items: center;"
-    }, [W(k("span", {
+    }, [X(k("span", {
       style: "width:40px;margin-right:10px;"
-    }, [d.value]), [[K, C]]), W(k("input", {
+    }, [d.value]), [[Z, ie]]), X(k("input", {
       type: "text",
       id: "farris-color-picker-plus-input",
-      "onUpdate:modelValue": (m) => V.value = m,
+      "onUpdate:modelValue": (m) => x.value = m,
       style: "float:none"
-    }, null), [[Xe, V.value]]), W(k("div", {
+    }, null), [[Ye, x.value]]), X(k("div", {
       class: "type-icon-btn-wrapper",
       style: "cursor:pointer"
     }, [k("span", {
@@ -2016,34 +2008,34 @@ const Kt = /* @__PURE__ */ ee({
     }, null), k("span", {
       class: "f-icon f-icon-arrow-60-down type-icon-btn",
       onClick: () => w("down")
-    }, null)]), [[K, C]]), k("div", {
+    }, null)]), [[Z, ie]]), k("div", {
       class: "input-btn"
     }, [k("button", {
       id: "farris-color-picker-plus-sure",
       class: "btn btn-secondary",
       onClick: ye
-    }, [Re("确定")])])]), W(k(tt, {
+    }, [Be("确定")])])]), X(k(tt, {
       color: t.value,
       "onUpdate:color": (m) => t.value = m,
       colorPresets: v.presets,
       hue: v.hue,
       "onUpdate:hue": (m) => v.hue = m,
       randomId: f
-    }, null), [[K, G]])]), k("div", {
+    }, null), [[Z, he]])]), k("div", {
       class: "color-picker-wrapper"
     }, [k("input", {
       type: "text",
       class: "color-picker-input form-control",
-      value: D.value,
+      value: W.value,
       readonly: i.value,
       onClick: (m) => m.stopPropagation()
     }, null), k("div", {
       class: "color-picker-trigger",
-      onClick: re
+      onClick: te
     }, [k("div", {
       class: "color-picker-trigger-inner"
     }, [k("div", {
-      style: J.value
+      style: z.value
     }, null)])])])]);
   }
 }), Tt = (r) => {
@@ -2052,14 +2044,14 @@ const Kt = /* @__PURE__ */ ee({
     t.component(e.name, r);
   }, r;
 };
-le.register = (r, e, t) => {
-  r["color-picker"] = le, e["color-picker"] = ze;
+ue.register = (r, e, t) => {
+  r["color-picker"] = ue, e["color-picker"] = ze;
 };
-le.registerDesigner = (r, e, t) => {
+ue.registerDesigner = (r, e, t) => {
   r["color-picker"] = Kt, e["color-picker"] = ze;
 };
-const nn = Tt(le);
+const nn = Tt(ue);
 export {
-  le as FColorPicker,
+  ue as FColorPicker,
   nn as default
 };