@farris/ui-vue 1.3.4 → 1.3.6

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

@@ -1,32 +1,46 @@
-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 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 Ie, cloneDeep as st } from "lodash-es";
+var rt = Object.defineProperty;
+var it = (r, e, t) => e in r ? rt(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var s = (r, e, t) => it(r, typeof e != "symbol" ? e + "" : e, t);
+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 st } from "vue";
+import { isPlainObject as Ie, cloneDeep as Xe } from "lodash-es";
 import { withInstall as at } from "../common/index.esm.js";
-const Xe = {}, Ge = {};
+const Ge = {}, We = {};
 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), {});
+  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]) : Xe(e[c].default)), u), {});
   if (t && (!i || !n.find((u) => u === "id"))) {
     const u = t.toLowerCase().replace(/-/g, "_");
     l.id = `${u}_${Math.random().toString().slice(2, 6)}`;
   }
   return l;
 }
-function We(r, e = {}, t) {
-  const n = Xe[r];
+function ot(r) {
+  const { properties: e, title: t, required: n } = r;
+  if (n && Array.isArray(n)) {
+    const i = n.reduce((l, u) => (l[u] = e[u].type === "object" && e[u].properties ? Re(e[u]) : Xe(e[u].default), l), {});
+    if (t && n.find((l) => l === "id")) {
+      const l = t.toLowerCase().replace(/-/g, "_");
+      i.id = `${l}_${Math.random().toString().slice(2, 6)}`;
+    }
+    return i;
+  }
+  return {
+    type: t
+  };
+}
+function ze(r, e = {}, t) {
+  const n = Ge[r];
   if (n) {
-    let i = Re(n);
-    const l = Ge[r];
-    return i = l ? l({ getSchemaByType: We }, i, e, t) : i, i;
+    let i = ot(n);
+    const l = We[r];
+    return i = l ? l({ getSchemaByType: ze }, i, e, t) : i, i;
   }
   return null;
 }
-function ot(r, e) {
+function ut(r, e) {
   const t = Re(e);
-  return Object.keys(t).reduce((n, i) => (n[i] && Ie(n[i]) && Ie(r[i] || !r[i]) ? Object.assign(n[i], r[i] || {}) : n[i] = r[i], n), t), t;
+  return Object.keys(t).reduce((n, i) => (Object.prototype.hasOwnProperty.call(r, i) && (n[i] && Ie(n[i]) && Ie(r[i] || !r[i]) ? Object.assign(n[i], r[i] || {}) : n[i] = r[i]), n), t), t;
 }
-function ut(r, e) {
+function lt(r, e) {
   return Object.keys(r).filter((n) => r[n] != null).reduce((n, i) => {
     if (e.has(i)) {
       const l = e.get(i);
@@ -41,11 +55,11 @@ function ut(r, e) {
     return n;
   }, {});
 }
-function lt(r, e, t = /* @__PURE__ */ new Map()) {
-  const n = ot(r, e);
-  return ut(n, t);
+function ct(r, e, t = /* @__PURE__ */ new Map()) {
+  const n = ut(r, e);
+  return lt(n, t);
 }
-function ct(r = {}) {
+function ht(r = {}) {
   function e(h, p, f, d) {
     if (typeof f == "number")
       return d[h].length === f;
@@ -94,20 +108,20 @@ function ct(r = {}) {
     return l(h).reduce((b, y) => b && u(y, p), !0);
   }
   function g(h, p) {
-    const f = Object.keys(h), d = f.includes("allOf"), b = f.includes("anyOf"), y = d || b, M = (y ? h[y ? d ? "allOf" : "anyOf" : "allOf"] : [h]).map((j) => c(j, p));
+    const f = Object.keys(h), d = f.includes("allOf"), b = f.includes("anyOf"), y = d || b, M = (y ? h[y ? d ? "allOf" : "anyOf" : "allOf"] : [h]).map((A) => c(A, p));
     return d ? !M.includes(!1) : M.includes(!0);
   }
   return { parseValueSchema: g };
 }
-const ht = {}, pt = {};
-ct();
-function ft(r, e, t = /* @__PURE__ */ new Map(), n = (u, c, g, h) => c, i = {}, l = (u) => u) {
-  return Xe[e.title] = e, Ge[e.title] = n, ht[e.title] = i, pt[e.title] = l, (u = {}) => {
-    const c = lt(u, e, t), g = Object.keys(r).reduce((h, p) => (h[p] = r[p].default, h), {});
+const pt = {}, ft = {};
+ht();
+function dt(r, e, t = /* @__PURE__ */ new Map(), n = (u, c, g, h) => c, i = {}, l = (u) => u) {
+  return Ge[e.title] = e, We[e.title] = n, pt[e.title] = i, ft[e.title] = l, (u = {}) => {
+    const c = ct(u, e, t), g = Object.keys(r).reduce((h, p) => (h[p] = r[p].default, h), {});
     return Object.assign(g, c);
   };
 }
-const dt = "https://json-schema.org/draft/2020-12/schema", vt = "https://farris-design.gitee.io/color-picker.schema.json", gt = "color-picker", yt = "A Farris Component", mt = "object", wt = {
+const vt = "https://json-schema.org/draft/2020-12/schema", gt = "https://farris-design.gitee.io/color-picker.schema.json", yt = "color-picker", mt = "A Farris Component", wt = "object", bt = {
   id: {
     description: "The unique identifier for color picker",
     type: "string"
@@ -169,27 +183,27 @@ const dt = "https://json-schema.org/draft/2020-12/schema", vt = "https://farris-
     type: "boolean",
     default: !0
   }
-}, bt = [
+}, kt = [
   "id",
   "type"
-], kt = {
-  $schema: dt,
-  $id: vt,
-  title: gt,
-  description: yt,
-  type: mt,
-  properties: wt,
-  required: bt
+], St = {
+  $schema: vt,
+  $id: gt,
+  title: yt,
+  description: mt,
+  type: wt,
+  properties: bt,
+  required: kt
 };
-function St(r, e, t) {
+function Pt(r, e, t) {
   return e;
 }
-function Pt(r, e) {
+function Et(r, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-const Et = /* @__PURE__ */ new Map([
-  ["appearance", Pt]
-]), Mt = "color-picker", Ht = "A Farris Component", Ot = "object", Bt = {
+const Mt = /* @__PURE__ */ new Map([
+  ["appearance", Et]
+]), Ht = "color-picker", Ot = "A Farris Component", Bt = "object", Rt = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -211,11 +225,11 @@ const Et = /* @__PURE__ */ new Map([
       }
     }
   }
-}, Rt = {
-  title: Mt,
-  description: Ht,
-  type: Ot,
-  categories: Bt
+}, $t = {
+  title: Ht,
+  description: Ot,
+  type: Bt,
+  categories: Rt
 }, $e = {
   /** 初始颜色 */
   color: { type: String, default: "#e1e2e3" },
@@ -228,7 +242,7 @@ const Et = /* @__PURE__ */ new Map([
   /** 颜色值变化事件 */
   onValueChanged: { type: Function, default: () => {
   } }
-}, ze = ft($e, kt, Et, St, Rt);
+}, Je = dt($e, St, Mt, Pt, $t);
 class le {
 }
 class me extends le {
@@ -667,13 +681,13 @@ function Me(r, e, t) {
 function Y(r) {
   return typeof r == "function";
 }
-function Je(r) {
+function Qe(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 = Je(function(r) {
+var we = Qe(function(r) {
   return function(t) {
     r(this), this.message = t ? t.length + ` errors occurred during unsubscription:
 ` + t.map(function(n, i) {
@@ -776,20 +790,20 @@ var ce = function() {
     var e = new r();
     return e.closed = !0, e;
   }(), r;
-}(), Qe = ce.EMPTY;
-function Ze(r) {
+}(), Ze = ce.EMPTY;
+function Ce(r) {
   return r instanceof ce || r && "closed" in r && Y(r.remove) && Y(r.add) && Y(r.unsubscribe);
 }
 function xe(r) {
   Y(r) ? r() : r.unsubscribe();
 }
-var Ce = {
+var Ke = {
   onUnhandledError: null,
   onStoppedNotification: null,
   Promise: void 0,
   useDeprecatedSynchronousErrorHandling: !1,
   useDeprecatedNextContext: !1
-}, $t = {
+}, Vt = {
   setTimeout: function(r, e) {
     for (var t = [], n = 2; n < arguments.length; n++)
       t[n - 2] = arguments[n];
@@ -800,8 +814,8 @@ var Ce = {
   },
   delegate: void 0
 };
-function Vt(r) {
-  $t.setTimeout(function() {
+function At(r) {
+  Vt.setTimeout(function() {
     throw r;
   });
 }
@@ -814,7 +828,7 @@ var Ve = function(r) {
   _(e, r);
   function e(t) {
     var n = r.call(this) || this;
-    return n.isStopped = !1, t ? (n.destination = t, Ze(t) && t.add(n)) : n.destination = xt, n;
+    return n.isStopped = !1, t ? (n.destination = t, Ce(t) && t.add(n)) : n.destination = Nt, n;
   }
   return e.create = function(t, n, i) {
     return new Oe(t, n, i);
@@ -845,7 +859,7 @@ var Ve = function(r) {
 function be(r, e) {
   return jt.call(r, e);
 }
-var At = function() {
+var It = function() {
   function r(e) {
     this.partialObserver = e;
   }
@@ -888,7 +902,7 @@ var At = function() {
       };
     else {
       var c;
-      l && Ce.useDeprecatedNextContext ? (c = Object.create(t), c.unsubscribe = function() {
+      l && Ke.useDeprecatedNextContext ? (c = Object.create(t), c.unsubscribe = function() {
         return l.unsubscribe();
       }, u = {
         next: t.next && be(t.next, c),
@@ -896,29 +910,29 @@ var At = function() {
         complete: t.complete && be(t.complete, c)
       }) : u = t;
     }
-    return l.destination = new At(u), l;
+    return l.destination = new It(u), l;
   }
   return e;
 }(Ve);
 function ae(r) {
-  Vt(r);
+  At(r);
 }
-function It(r) {
+function xt(r) {
   throw r;
 }
-var xt = {
+var Nt = {
   closed: !0,
   next: Ne,
-  error: It,
+  error: xt,
   complete: Ne
-}, Nt = function() {
+}, Ut = function() {
   return typeof Symbol == "function" && Symbol.observable || "@@observable";
 }();
-function Ke(r) {
+function Te(r) {
   return r;
 }
-function Ut(r) {
-  return r.length === 0 ? Ke : r.length === 1 ? r[0] : function(t) {
+function Lt(r) {
+  return r.length === 0 ? Te : r.length === 1 ? r[0] : function(t) {
     return r.reduce(function(n, i) {
       return i(n);
     }, t);
@@ -932,7 +946,7 @@ var Ue = 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 Oe(e, t, n);
+    var i = this, l = Ft(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));
@@ -962,12 +976,12 @@ var Ue = function() {
   }, r.prototype._subscribe = function(e) {
     var t;
     return (t = this.source) === null || t === void 0 ? void 0 : t.subscribe(e);
-  }, r.prototype[Nt] = function() {
+  }, r.prototype[Ut] = function() {
     return this;
   }, r.prototype.pipe = function() {
     for (var e = [], t = 0; t < arguments.length; t++)
       e[t] = arguments[t];
-    return Ut(e)(this);
+    return Lt(e)(this);
   }, r.prototype.toPromise = function(e) {
     var t = this;
     return e = Le(e), new e(function(n, i) {
@@ -986,20 +1000,20 @@ var Ue = function() {
 }();
 function Le(r) {
   var e;
-  return (e = r ?? Ce.Promise) !== null && e !== void 0 ? e : Promise;
-}
-function Lt(r) {
-  return r && Y(r.next) && Y(r.error) && Y(r.complete);
+  return (e = r ?? Ke.Promise) !== null && e !== void 0 ? e : Promise;
 }
 function Dt(r) {
-  return r && r instanceof Ve || Lt(r) && Ze(r);
+  return r && Y(r.next) && Y(r.error) && Y(r.complete);
 }
 function Ft(r) {
-  return Y(r == null ? void 0 : r.lift);
+  return r && r instanceof Ve || Dt(r) && Ce(r);
 }
 function qt(r) {
+  return Y(r == null ? void 0 : r.lift);
+}
+function Yt(r) {
   return function(e) {
-    if (Ft(e))
+    if (qt(e))
       return e.lift(function(t) {
         try {
           return r(t, this);
@@ -1010,10 +1024,10 @@ function qt(r) {
     throw new TypeError("Unable to lift unknown Observable type");
   };
 }
-function Yt(r, e, t, n, i) {
-  return new Xt(r, e, t, n, i);
+function Xt(r, e, t, n, i) {
+  return new Gt(r, e, t, n, i);
 }
-var Xt = function(r) {
+var Gt = function(r) {
   _(e, r);
   function e(t, n, i, l, u, c) {
     var g = r.call(this, t) || this;
@@ -1048,11 +1062,11 @@ var Xt = function(r) {
       r.prototype.unsubscribe.call(this), !n && ((t = this.onFinalize) === null || t === void 0 || t.call(this));
     }
   }, e;
-}(Ve), Gt = Je(function(r) {
+}(Ve), Wt = Qe(function(r) {
   return function() {
     r(this), this.name = "ObjectUnsubscribedError", this.message = "object unsubscribed";
   };
-}), je = function(r) {
+}), Ae = function(r) {
   _(e, r);
   function e() {
     var t = r.call(this) || this;
@@ -1063,7 +1077,7 @@ var Xt = function(r) {
     return n.operator = t, n;
   }, e.prototype._throwIfClosed = function() {
     if (this.closed)
-      throw new Gt();
+      throw new Wt();
   }, e.prototype.next = function(t) {
     var n = this;
     oe(function() {
@@ -1119,7 +1133,7 @@ var Xt = 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 ? Qe : (this.currentObservers = null, c.push(t), new ce(function() {
+    return l || u ? Ze : (this.currentObservers = null, c.push(t), new ce(function() {
       n.currentObservers = null, He(c, t);
     }));
   }, e.prototype._checkFinalizedStatuses = function(t) {
@@ -1148,9 +1162,9 @@ var Xt = 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 : Qe;
+    return (i = (n = this.source) === null || n === void 0 ? void 0 : n.subscribe(t)) !== null && i !== void 0 ? i : Ze;
   }, e;
-}(je), Fe = function(r) {
+}(Ae), Fe = function(r) {
   _(e, r);
   function e(t) {
     var n = r.call(this) || this;
@@ -1173,21 +1187,21 @@ var Xt = function(r) {
   }, e.prototype.next = function(t) {
     r.prototype.next.call(this, this._value = t);
   }, e;
-}(je);
-function Wt(r, e) {
-  return e === void 0 && (e = Ke), r = r ?? zt, qt(function(t, n) {
+}(Ae);
+function zt(r, e) {
+  return e === void 0 && (e = Te), r = r ?? Jt, Yt(function(t, n) {
     var i, l = !0;
-    t.subscribe(Yt(n, function(u) {
+    t.subscribe(Xt(n, function(u) {
       var c = e(u);
       (l || !r(i, c)) && (l = !1, i = c, n.next(u));
     }));
   });
 }
-function zt(r, e) {
+function Jt(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 Ae {
+class je {
   constructor(e) {
     /** 所选颜色值 */
     s(this, "modelValue", null);
@@ -1195,11 +1209,11 @@ class Ae {
     s(this, "hueValue", null);
     /** 初始颜色值 */
     s(this, "initValue", null);
-    s(this, "valueChanged", new je());
+    s(this, "valueChanged", new Ae());
     s(this, "presetsVisibilityChanges", new Fe(!0));
     s(this, "initType", null);
     s(this, "alphaChannelVisibilityChanges", new Fe(!0));
-    s(this, "valueChanges", this.valueChanged.asObservable().pipe(Wt(
+    s(this, "valueChanges", this.valueChanged.asObservable().pipe(zt(
       (e, t) => e.toRgbaString() === t.toRgbaString()
     )));
     s(this, "colorPresets", []);
@@ -1276,7 +1290,7 @@ class Ae {
   }
 }
 /** 确定输入颜色类型 */
-s(Ae, "finOutInputType");
+s(je, "finOutInputType");
 function x(r, e) {
   switch (e) {
     case R.hex:
@@ -1295,14 +1309,14 @@ function x(r, e) {
       return r.toRgbaString();
   }
 }
-const Jt = {
+const Qt = {
   color: { type: Object, default: "" },
   hue: { type: Object, default: "" },
   randomId: { type: String, default: "" },
   allowColorNull: { type: Boolean, default: !1 }
-}, Te = /* @__PURE__ */ T({
+}, _e = /* @__PURE__ */ T({
   name: "SvPanel",
-  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);
@@ -1329,7 +1343,7 @@ const Jt = {
       c(v, $);
       const M = r.color == null ? "transparent" : r.color, H = E.from(M);
       if (g(), H != null) {
-        const j = r.hue.getHsva(), N = H.getHsva(), P = new E().setHsva(j.hue, v, $, N.alpha);
+        const A = r.hue.getHsva(), N = H.getHsva(), P = new E().setHsva(A.hue, v, $, N.alpha);
         e.emit("update:color", P);
       }
       !H && l.value && e.emit("update:color", null);
@@ -1344,10 +1358,10 @@ const Jt = {
         } = n.value.getBoundingClientRect(), {
           pageX: $,
           pageY: M
-        } = "touches" in f ? f.touches[0] : f, H = Math.max(0, Math.min($ - (v + window.pageXOffset), d)), j = Math.max(0, Math.min(M - (y + window.pageYOffset), b));
+        } = "touches" in f ? f.touches[0] : f, H = Math.max(0, Math.min($ - (v + window.pageXOffset), d)), A = Math.max(0, Math.min(M - (y + window.pageYOffset), b));
         h({
           x: H,
-          y: j,
+          y: A,
           height: b,
           width: d
         });
@@ -1378,14 +1392,14 @@ const Jt = {
       ref: t
     }, [k("div", null, null)])]);
   }
-}), Qt = {
+}), Zt = {
   color: { type: Object, default: "" },
   hue: { type: Object, default: "" },
   allowColorNull: { type: Boolean, default: !1 },
   onChange: { type: Function }
-}, _e = /* @__PURE__ */ T({
+}, et = /* @__PURE__ */ T({
   name: "Hue",
-  props: Qt,
+  props: Zt,
   emits: ["update:color", "update:hue"],
   setup(r, e) {
     const t = S(r.hue), n = S(r.allowColorNull), i = [];
@@ -1401,9 +1415,9 @@ const Jt = {
           top: M,
           left: H
         } = u.value.getBoundingClientRect(), {
-          pageX: j,
+          pageX: A,
           pageY: N
-        } = "touches" in y ? y.touches[0] : y, P = Math.max(0, Math.min(j - (H + window.pageXOffset), v)), V = Math.max(0, Math.min(N - (M + window.pageYOffset), $));
+        } = "touches" in y ? y.touches[0] : y, P = Math.max(0, Math.min(A - (H + window.pageXOffset), v)), V = Math.max(0, Math.min(N - (M + window.pageYOffset), $));
         b({
           x: P,
           y: V,
@@ -1442,7 +1456,7 @@ const Jt = {
     }) {
       const H = v / $ * 360;
       d(H);
-      const j = r.color.getHsva(), N = new E().setHsva(H, j.saturation, j.value, j.alpha), P = new E().setHsva(H, 100, 100, j.alpha);
+      const A = r.color.getHsva(), N = new E().setHsva(H, A.saturation, A.value, A.alpha), P = new E().setHsva(H, 100, 100, A.alpha);
       (r.color != null || r.color == null && n.value) && (e.emit("update:hue", P), e.emit("update:color", N));
     }
     return F(t, (y) => {
@@ -1463,13 +1477,13 @@ const Jt = {
       ref: f
     }, null)]);
   }
-}), Zt = {
+}), Ct = {
   color: { type: Object, default: "" },
   randomId: { type: String, default: "" },
   allowColorNull: { type: Boolean, default: !1 }
-}, et = /* @__PURE__ */ T({
+}, tt = /* @__PURE__ */ T({
   name: "Alpha",
-  props: Zt,
+  props: Ct,
   emits: ["update:color"],
   setup(r, e) {
     const t = S(null), n = S(null), i = S(r.randomId), l = S(r.allowColorNull), u = (p) => {
@@ -1529,14 +1543,14 @@ const Jt = {
       ref: n
     }, null)]);
   }
-}), Ct = {
+}), Kt = {
   color: { type: Object, default: "" },
   hue: { type: Object, default: "" },
   colorPresets: { type: Object, default: "" },
   randomId: { type: String, default: "" }
-}, tt = /* @__PURE__ */ T({
+}, nt = /* @__PURE__ */ T({
   name: "Preset",
-  props: Ct,
+  props: Kt,
   emits: ["update:hue", "update:color"],
   setup(r, e) {
     const t = S(new E()), n = S(r.colorPresets), i = S(r.randomId);
@@ -1583,16 +1597,16 @@ const Jt = {
   setup(r, e) {
     const t = S(new E(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), f = S("HEX"), d = Math.floor(Math.random() * 1e3).toString();
     let b = -1, y;
-    const v = new Ae("#000000"), $ = S(r.color);
+    const v = new je("#000000"), $ = S(r.color);
     let M, H;
-    const j = S(null), N = S(null), P = S(null), V = U(() => !y && v && v.initType ? v.initType : y), O = U({
+    const A = S(null), N = S(null), P = S(null), V = U(() => !y && v && v.initType ? v.initType : y), O = U({
       get() {
         return y && n.value !== null ? (te(y), x(new E(n.value), R[y])) : n.value;
       },
       set(w) {
         w !== null && (q(w), J(w));
       }
-    }), A = S(O.value), I = U(() => b > -1), W = U(() => c.value.length > 0), he = U(() => ({
+    }), j = S(O.value), I = U(() => b > -1), W = U(() => c.value.length > 0), he = U(() => ({
       "background-color": l.value
     })), ie = U(() => h.value && g.value ? "display:flex" : "display:none"), z = [{
       text: "HEX",
@@ -1617,7 +1631,7 @@ const Jt = {
       }
     }
     function fe() {
-      n.value && (q(n.value), !n.value && u.value || (n.value = x(new E(n.value), R[V.value])), A.value = O.value), ee(te(v.initType));
+      n.value && (q(n.value), !n.value && u.value || (n.value = x(new E(n.value), R[V.value])), j.value = O.value), ee(te(v.initType));
     }
     function se() {
       n.value && q(n.value), v.hasPresets() || v.setColorPresets(c.value), n.value ? l.value = x(new E(n.value), R[V.value]) : !n.value && u.value && (l.value = null);
@@ -1660,13 +1674,13 @@ const Jt = {
         e.emit("valueChanged", D), L();
       }
       if (!u.value && !(O.value === void 0 || O.value == null || O.value === "")) {
-        (B = (m = j.value) == null ? void 0 : m.style) == null || B.setProperty("background", n.value), p.value = !0, l.value = n.value;
+        (B = (m = A.value) == null ? void 0 : m.style) == null || B.setProperty("background", n.value), p.value = !0, l.value = n.value;
         const D = {
           elementValue: l
         };
         e.emit("valueChanged", D), L();
       }
-      !$.value && !n.value && !p.value && u && L(), J(n.value), O.value = n.value, H.classList.contains("disabled") || (A.value = n.value, g.value = !1);
+      !$.value && !n.value && !p.value && u && L(), J(n.value), O.value = n.value, H.classList.contains("disabled") || (j.value = n.value, g.value = !1);
     }
     function q(w) {
       v == null || v.setValueFrom(w, d, u.value);
@@ -1702,20 +1716,20 @@ const Jt = {
       style: "top:30px"
     }, [k("div", {
       class: "color-picker-main"
-    }, [k(_e, {
+    }, [k(et, {
       hue: v.hue,
       "onUpdate:hue": (w) => v.hue = w,
       allowColorNull: u.value,
       color: t.value,
       "onUpdate:color": (w) => t.value = w
-    }, null), k(Te, {
+    }, null), k(_e, {
       randomId: d,
       hue: v.hue,
       "onUpdate:hue": (w) => v.hue = w,
       allowColorNull: u.value,
       color: t.value,
       "onUpdate:color": (w) => t.value = w
-    }, null)]), k(et, {
+    }, null)]), k(tt, {
       style: ie.value,
       randomId: d,
       allowColorNull: u.value,
@@ -1747,7 +1761,7 @@ const Jt = {
       id: "farris-color-picker-plus-sure",
       class: "btn btn-secondary",
       onClick: (w) => ge(w)
-    }, [Be("确定")])])]), X(k(tt, {
+    }, [Be("确定")])])]), X(k(nt, {
       color: t.value,
       "onUpdate:color": (w) => t.value = w,
       hue: v.hue,
@@ -1760,7 +1774,7 @@ const Jt = {
       title: "color-picker-input",
       type: "text",
       class: "color-picker-input form-control",
-      value: A.value,
+      value: j.value,
       readonly: i.value,
       onClick: (w) => w.stopPropagation()
     }, null), k("div", {
@@ -1773,7 +1787,7 @@ const Jt = {
     }, null)])])])]);
   }
 });
-function Kt(r, e, t) {
+function Tt(r, e, t) {
   var N;
   const n = "", i = "", l = S();
   function u() {
@@ -1812,21 +1826,21 @@ function Kt(r, e, t) {
   }
   function $(P, V) {
     const { componentType: O } = P;
-    let A = We(O, P, V);
+    let j = ze(O, P, V);
     const I = O.toLowerCase().replace(/-/g, "_");
-    return A && !A.id && A.type === O && (A.id = `${I}_${Math.random().toString().slice(2, 6)}`), A;
+    return j && !j.id && j.type === O && (j.id = `${I}_${Math.random().toString().slice(2, 6)}`), j;
   }
   function M(P) {
   }
   function H(...P) {
   }
-  function j() {
+  function A() {
     e != null && e.schema.contents && e.schema.contents.map((P) => {
-      var A;
+      var j;
       let V = P.id;
       P.type === "component-ref" && (V = P.component);
       const O = r.value.querySelector(`#${V}-design-item`);
-      (A = O == null ? void 0 : O.componentInstance) != null && A.value.onRemoveComponent && O.componentInstance.value.onRemoveComponent();
+      (j = O == null ? void 0 : O.componentInstance) != null && j.value.onRemoveComponent && O.componentInstance.value.onRemoveComponent();
     });
   }
   return l.value = {
@@ -1851,23 +1865,23 @@ function Kt(r, e, t) {
     addNewChildComponentSchema: $,
     triggerBelongedComponentToMoveWhenMoved: S(!1),
     triggerBelongedComponentToDeleteWhenDeleted: S(!1),
-    onRemoveComponent: j
+    onRemoveComponent: A
   }, l;
 }
-const Tt = /* @__PURE__ */ T({
+const _t = /* @__PURE__ */ T({
   name: "FColorPickerDesign",
   props: $e,
   emits: ["valueChanged", "activeChange", "update:color", "update:hue"],
   setup(r, e) {
     const t = S(new E(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), f = S("HEX"), d = Math.floor(Math.random() * 1e3).toString();
     let b = -1, y;
-    const v = new Ae("#000000"), $ = S(r.color);
+    const v = new je("#000000"), $ = S(r.color);
     let M, H;
-    const j = S(null), N = S(null), P = S(), V = it("design-item-context"), O = Kt(P, V);
+    const A = S(null), N = S(null), P = S(), V = st("design-item-context"), O = Tt(P, V);
     C(() => {
       P.value.componentInstance = O;
     }), e.expose(O.value);
-    const A = U(() => !y && v && v.initType ? v.initType : y), I = U({
+    const j = U(() => !y && v && v.initType ? v.initType : y), I = U({
       get() {
         return y && n.value !== null ? (Q(y), x(new E(n.value), R[y])) : n.value;
       },
@@ -1899,10 +1913,10 @@ const Tt = /* @__PURE__ */ T({
       }
     }
     function de() {
-      n.value && (L(n.value), !n.value && u.value || (n.value = x(new E(n.value), R[A.value])), W.value = I.value), J(Q(v.initType));
+      n.value && (L(n.value), !n.value && u.value || (n.value = x(new E(n.value), R[j.value])), W.value = I.value), J(Q(v.initType));
     }
     function ee() {
-      n.value && L(n.value), v.hasPresets() || v.setColorPresets(c.value), n.value ? l.value = x(new E(n.value), R[A.value]) : !n.value && u.value && (l.value = null);
+      n.value && L(n.value), v.hasPresets() || v.setColorPresets(c.value), n.value ? l.value = x(new E(n.value), R[j.value]) : !n.value && u.value && (l.value = null);
     }
     function ve() {
       v.valueChanges.subscribe((m) => {
@@ -1942,7 +1956,7 @@ const Tt = /* @__PURE__ */ T({
         e.emit("valueChanged", D), M.classList.toggle("disabled");
       }
       if (!u.value && !(I.value === void 0 || I.value == null || I.value === "")) {
-        (B = (m = j.value) == null ? void 0 : m.style) == null || B.setProperty("background", n.value), p.value = !0, l.value = n.value;
+        (B = (m = A.value) == null ? void 0 : m.style) == null || B.setProperty("background", n.value), p.value = !0, l.value = n.value;
         const D = {
           elementValue: l
         };
@@ -1979,20 +1993,20 @@ const Tt = /* @__PURE__ */ T({
       style: "top:30px"
     }, [k("div", {
       class: "color-picker-main"
-    }, [k(_e, {
+    }, [k(et, {
       hue: v.hue,
       "onUpdate:hue": (m) => v.hue = m,
       allowColorNull: u.value,
       color: t.value,
       "onUpdate:color": (m) => t.value = m
-    }, null), k(Te, {
+    }, null), k(_e, {
       randomId: d,
       hue: v.hue,
       "onUpdate:hue": (m) => v.hue = m,
       allowColorNull: u.value,
       color: t.value,
       "onUpdate:color": (m) => t.value = m
-    }, null)]), k(et, {
+    }, null)]), k(tt, {
       style: pe.value,
       randomId: d,
       allowColorNull: u.value,
@@ -2024,7 +2038,7 @@ const Tt = /* @__PURE__ */ T({
       id: "farris-color-picker-plus-sure",
       class: "btn btn-secondary",
       onClick: ye
-    }, [Be("确定")])])]), X(k(tt, {
+    }, [Be("确定")])])]), X(k(nt, {
       color: t.value,
       "onUpdate:color": (m) => t.value = m,
       colorPresets: v.presets,
@@ -2050,13 +2064,13 @@ const Tt = /* @__PURE__ */ T({
   }
 });
 ue.register = (r, e, t) => {
-  r["color-picker"] = ue, e["color-picker"] = ze;
+  r["color-picker"] = ue, e["color-picker"] = Je;
 };
 ue.registerDesigner = (r, e, t) => {
-  r["color-picker"] = Tt, e["color-picker"] = ze;
+  r["color-picker"] = _t, e["color-picker"] = Je;
 };
-const rn = at(ue);
+const sn = at(ue);
 export {
   ue as FColorPicker,
-  rn as default
+  sn as default
 };