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

package/components/tags/index.esm.js

@@ -1,6 +1,6 @@
 import { withInstall as Ee } from "../common/index.esm.js";
 import { ref as S, computed as Q, defineComponent as ge, watch as Y, nextTick as se, createVNode as E, mergeProps as je, inject as Me, onMounted as Ne } from "vue";
-import { isPlainObject as ve, cloneDeep as me } from "lodash-es";
+import { cloneDeep as ve, isPlainObject as me } from "lodash-es";
 import { getSchemaByTypeForDesigner as Re } from "../dynamic-resolver/index.esm.js";
 function $e(e, t, n) {
   return t;
@@ -8,7 +8,7 @@ function $e(e, t, n) {
 function be(e, t) {
   let n;
   function f(r) {
-    const { properties: u, title: h, ignore: l } = r, o = l && Array.isArray(l), d = Object.keys(u).reduce((w, F) => ((!o || !l.find((N) => N === F)) && (w[F] = u[F].type === "object" && u[F].properties ? f(u[F]) : me(u[F].default)), w), {});
+    const { properties: u, title: h, ignore: l } = r, o = l && Array.isArray(l), d = Object.keys(u).reduce((w, F) => ((!o || !l.find((N) => N === F)) && (w[F] = u[F].type === "object" && u[F].properties ? f(u[F]) : ve(u[F].default)), w), {});
     if (h && (!o || !l.find((w) => w === "id"))) {
       const w = h.toLowerCase().replace(/-/g, "_");
       d.id = `${w}_${Math.random().toString().slice(2, 6)}`;
@@ -18,7 +18,7 @@ function be(e, t) {
   function c(r) {
     const { properties: u, title: h, required: l } = r;
     if (l && Array.isArray(l)) {
-      const o = l.reduce((d, w) => (d[w] = u[w].type === "object" && u[w].properties ? f(u[w]) : me(u[w].default), d), {});
+      const o = l.reduce((d, w) => (d[w] = u[w].type === "object" && u[w].properties ? f(u[w]) : ve(u[w].default), d), {});
       if (h && l.find((d) => d === "id")) {
         const d = h.toLowerCase().replace(/-/g, "_");
         o.id = `${d}_${Math.random().toString().slice(2, 6)}`;
@@ -29,18 +29,18 @@ function be(e, t) {
       type: h
     };
   }
-  function P(r, u = {}, h) {
+  function C(r, u = {}, h) {
     const l = e[r];
     if (l) {
       let o = c(l);
       const d = t[r];
-      return o = d ? d({ getSchemaByType: P }, o, u, h) : o, n != null && n.appendIdentifyForNewControl && n.appendIdentifyForNewControl(o), o;
+      return o = d ? d({ getSchemaByType: C }, o, u, h) : o, n != null && n.appendIdentifyForNewControl && n.appendIdentifyForNewControl(o), o;
     }
     return null;
   }
-  function C(r, u) {
+  function P(r, u) {
     const h = f(u);
-    return Object.keys(h).reduce((l, o) => (Object.prototype.hasOwnProperty.call(r, o) && (l[o] && ve(l[o]) && ve(r[o] || !r[o]) ? Object.assign(l[o], r[o] || {}) : l[o] = r[o]), l), h), h;
+    return Object.keys(h).reduce((l, o) => (Object.prototype.hasOwnProperty.call(r, o) && (l[o] && me(l[o]) && me(r[o] || !r[o]) ? Object.assign(l[o], r[o] || {}) : l[o] = r[o]), l), h), h;
   }
   function $(r, u) {
     return Object.keys(r).filter((l) => r[l] != null).reduce((l, o) => {
@@ -58,7 +58,7 @@ function be(e, t) {
     }, {});
   }
   function L(r, u, h = /* @__PURE__ */ new Map()) {
-    const l = C(r, u);
+    const l = P(r, u);
     return $(l, h);
   }
   function g(r) {
@@ -68,9 +68,9 @@ function be(e, t) {
       const l = e[u];
       if (!l)
         return r;
-      const o = C(r, l), d = ((h = r.editor) == null ? void 0 : h.type) || "";
+      const o = P(r, l), d = ((h = r.editor) == null ? void 0 : h.type) || "";
       if (d) {
-        const w = e[d], F = C(r.editor, w);
+        const w = e[d], F = P(r.editor, w);
         o.editor = F;
       }
       return o;
@@ -80,9 +80,9 @@ function be(e, t) {
   function b(r) {
     n = r;
   }
-  return { getSchemaByType: P, resolveSchemaWithDefaultValue: g, resolveSchemaToProps: L, mappingSchemaToProps: $, setDesignerContext: b };
+  return { getSchemaByType: C, resolveSchemaWithDefaultValue: g, resolveSchemaToProps: L, mappingSchemaToProps: $, setDesignerContext: b };
 }
-const ye = {}, he = {}, { resolveSchemaWithDefaultValue: Le, resolveSchemaToProps: qe, mappingSchemaToProps: We } = be(ye, he);
+const ye = {}, he = {}, { getSchemaByType: Et, resolveSchemaWithDefaultValue: Le, resolveSchemaToProps: qe, mappingSchemaToProps: We, setDesignerContext: jt } = be(ye, he);
 function ze(e = {}) {
   function t(g, b, r, u) {
     if (typeof r == "number")
@@ -115,13 +115,13 @@ function ze(e = {}) {
       return { target: r, operator: "getProperty", param: h, value: l };
     }) : [];
   }
-  function P(g) {
+  function C(g) {
     return Object.keys(g).reduce((r, u) => {
       const h = c(u, g[u]);
       return r.push(...h), r;
     }, []);
   }
-  function C(g, b) {
+  function P(g, b) {
     if (f.has(g.operator)) {
       const r = f.get(g.operator);
       return r && r(g.target, g.param, g.value, b) || !1;
@@ -129,7 +129,7 @@ function ze(e = {}) {
     return !1;
   }
   function $(g, b) {
-    return P(g).reduce((h, l) => h && C(l, b), !0);
+    return C(g).reduce((h, l) => h && P(l, b), !0);
   }
   function L(g, b) {
     const r = Object.keys(g), u = r.includes("allOf"), h = r.includes("anyOf"), l = u || h, w = (l ? g[l ? u ? "allOf" : "anyOf" : "allOf"] : [g]).map((N) => $(N, b));
@@ -137,12 +137,12 @@ function ze(e = {}) {
   }
   return { parseValueSchema: L };
 }
-const _e = {
+const xe = {
   convertTo: (e, t, n, f) => {
     e.appearance || (e.appearance = {}), e.appearance[t] = n;
   },
   convertFrom: (e, t, n) => e.appearance ? e.appearance[t] : e[t]
-}, xe = {
+}, _e = {
   convertFrom: (e, t, n) => e.buttons && e.buttons.length ? `共 ${e.buttons.length} 项` : "无"
 }, Ge = {
   convertTo: (e, t, n, f) => {
@@ -380,8 +380,8 @@ const _e = {
 };
 function Se(e, t, n) {
   const f = /* @__PURE__ */ new Map([
-    ["/converter/appearance.converter", _e],
-    ["/converter/buttons.converter", xe],
+    ["/converter/appearance.converter", xe],
+    ["/converter/buttons.converter", _e],
     ["/converter/property-editor.converter", Ge],
     ["/converter/items-count.converter", tt],
     ["/converter/type.converter", Ue],
@@ -425,15 +425,15 @@ function Se(e, t, n) {
     ["array", { type: "button-edit" }],
     ["number", { type: "number-spinner", placeholder: "" }],
     ["events-editor", { type: "events-editor", hide: !0 }]
-  ]), P = ze();
-  function C(l, o) {
-    return () => P.parseValueSchema(l, o);
+  ]), C = ze();
+  function P(l, o) {
+    return () => C.parseValueSchema(l, o);
   }
   function $(l, o, d) {
-    return l.includes("visible") && o.visible !== void 0 ? typeof o.visible == "boolean" ? () => !!o.visible : o.visible === void 0 ? !0 : C(o.visible, d) : () => !0;
+    return l.includes("visible") && o.visible !== void 0 ? typeof o.visible == "boolean" ? () => !!o.visible : o.visible === void 0 ? !0 : P(o.visible, d) : () => !0;
   }
   function L(l, o, d) {
-    return l.includes("readonly") && o.readonly !== void 0 ? typeof o.readonly == "boolean" ? () => !!o.readonly : C(o.readonly, d) : () => !1;
+    return l.includes("readonly") && o.readonly !== void 0 ? typeof o.readonly == "boolean" ? () => !!o.readonly : P(o.readonly, d) : () => !1;
   }
   function g(l, o) {
     const d = l.$converter || o;
@@ -441,13 +441,13 @@ function Se(e, t, n) {
   }
   function b(l, o, d, w, F, N = "", W = "") {
     return Object.keys(l).map((B) => {
-      const _ = S(1), z = B, m = l[B], R = Object.keys(m), J = m.title, v = m.type, D = c.get(v) || { type: "input-group", enableClear: !1 }, k = m.editor ? Object.assign({}, D, m.editor) : Object.assign({}, D), O = $(R, m, o), A = L(R, m, o);
+      const x = S(1), z = B, m = l[B], R = Object.keys(m), J = m.title, v = m.type, D = c.get(v) || { type: "input-group", enableClear: !1 }, k = m.editor ? Object.assign({}, D, m.editor) : Object.assign({}, D), O = $(R, m, o), A = L(R, m, o);
       k.readonly = k.readonly === void 0 ? A() : k.readonly;
       const q = m.type === "cascade" ? b(m.properties, o, d, w, F, N, W) : [], G = !0;
       let M = g(m, W);
       const U = Q({
         get() {
-          if (_.value) {
+          if (x.value) {
             if (["class", "style"].find((re) => re === z) && !M && (M = f.get("/converter/appearance.converter") || null), M && M.convertFrom)
               return M.convertFrom(d, B, F, N);
             const X = d[B];
@@ -456,7 +456,7 @@ function Se(e, t, n) {
           return null;
         },
         set(X) {
-          _.value += 1, M && M.convertTo ? (M.convertTo(w, B, X, F, N), M.convertTo(d, B, X, F, N)) : (w[B] = X, d[B] = X);
+          x.value += 1, M && M.convertTo ? (M.convertTo(w, B, X, F, N), M.convertTo(d, B, X, F, N)) : (w[B] = X, d[B] = X);
         }
       }), { refreshPanelAfterChanged: Z, description: te, isExpand: ne, parentPropertyID: ee } = m, K = { propertyID: z, propertyName: J, propertyType: v, propertyValue: U, editor: k, visible: O, readonly: A, cascadeConfig: q, hideCascadeTitle: G, refreshPanelAfterChanged: Z, description: te, isExpand: ne, parentPropertyID: ee };
       return o[z] = K, K;
@@ -465,18 +465,18 @@ function Se(e, t, n) {
   function r(l, o, d = {}) {
     const w = {}, F = e[l];
     return F && F.categories ? Object.keys(F.categories).map((W) => {
-      const j = F.categories[W], B = j == null ? void 0 : j.title, _ = b(j.properties || {}, w, {}, d, o);
-      return { categoryId: W, categoryName: B, properties: _ };
+      const j = F.categories[W], B = j == null ? void 0 : j.title, x = b(j.properties || {}, w, {}, d, o);
+      return { categoryId: W, categoryName: B, properties: x };
     }) : [];
   }
   function u(l, o, d, w, F = "") {
-    const N = o.$ref.schema, W = o.$ref.converter, j = d[N], B = j.type, _ = n(j), z = {}, m = e[B];
+    const N = o.$ref.schema, W = o.$ref.converter, j = d[N], B = j.type, x = n(j), z = {}, m = e[B];
     if (m && m.categories) {
       const R = m.categories[l], J = R == null ? void 0 : R.title;
       W && Object.keys(R.properties).forEach((k) => {
         R.properties[k].$converter = W;
       });
-      const v = (R == null ? void 0 : R.properties) || {}, D = b(v, z, _, j, w, F);
+      const v = (R == null ? void 0 : R.properties) || {}, D = b(v, z, x, j, w, F);
       return { categoryId: l, categoryName: J, properties: D };
     }
     return { categoryId: l, categoryName: "", properties: [] };
@@ -485,16 +485,16 @@ function Se(e, t, n) {
     const N = l.type, W = n(l), j = {};
     let B = F || e[N];
     if (B && Object.keys(B).length === 0 && d && d.getPropConfig && (B = d.getPropConfig(w)), B && B.categories) {
-      const _ = [];
+      const x = [];
       return Object.keys(B.categories).map((z) => {
         const m = B.categories[z];
         if (m.$ref) {
-          _.push(u(z, m, l, o, w));
+          x.push(u(z, m, l, o, w));
           return;
         }
         const R = m == null ? void 0 : m.title, J = m == null ? void 0 : m.tabId, v = m == null ? void 0 : m.tabName, D = m == null ? void 0 : m.hide, k = m == null ? void 0 : m.hideTitle, O = b(m.properties || {}, j, W, l, o, w, m.$converter), { setPropertyRelates: A } = m, q = m == null ? void 0 : m.parentPropertyID;
-        _.push({ categoryId: z, categoryName: R, tabId: J, tabName: v, hide: D, properties: O, hideTitle: k, setPropertyRelates: A, parentPropertyID: q });
-      }), _;
+        x.push({ categoryId: z, categoryName: R, tabId: J, tabName: v, hide: D, properties: O, hideTitle: k, setPropertyRelates: A, parentPropertyID: q });
+      }), x;
     }
     return [];
   }
@@ -506,13 +506,13 @@ function Se(e, t, n) {
 }
 const we = {}, ke = {};
 Se(we, ke, Le);
-const De = {}, Be = {}, { resolveSchemaWithDefaultValue: ct } = be(De, Be), Fe = {}, Oe = {};
+const De = {}, Be = {}, { getSchemaByType: Mt, resolveSchemaWithDefaultValue: ct, resolveSchemaToProps: Nt, mappingSchemaToProps: Rt, setDesignerContext: $t } = be(De, Be), Fe = {}, Oe = {};
 Se(Fe, Oe, ct);
-function st(e, t, n = /* @__PURE__ */ new Map(), f = (C, $, L, g) => $, c = {}, P = (C) => C) {
-  return ye[t.title] = t, he[t.title] = f, we[t.title] = c, ke[t.title] = P, De[t.title] = t, Be[t.title] = f, Fe[t.title] = c, Oe[t.title] = P, (C = {}, $ = !0) => {
+function st(e, t, n = /* @__PURE__ */ new Map(), f = (P, $, L, g) => $, c = {}, C = (P) => P) {
+  return ye[t.title] = t, he[t.title] = f, we[t.title] = c, ke[t.title] = C, De[t.title] = t, Be[t.title] = f, Fe[t.title] = c, Oe[t.title] = C, (P = {}, $ = !0) => {
     if (!$)
-      return We(C, n);
-    const L = qe(C, t, n), g = Object.keys(e).reduce((b, r) => (b[r] = e[r].default, b), {});
+      return We(P, n);
+    const L = qe(P, t, n), g = Object.keys(e).reduce((b, r) => (b[r] = e[r].default, b), {});
     return Object.assign(g, L);
   };
 }
@@ -638,32 +638,32 @@ const ft = /* @__PURE__ */ new Map([
   draggable: { type: Boolean, default: !1 },
   disable: { type: Boolean, default: !1 },
   placeholder: { type: String, default: "" }
-}, Ce = st(ue, Dt, ft, $e, gt);
-function Pe(e, t, n, f) {
-  const c = S(-1), P = S(!1);
-  function C(b, r, u) {
+}, Pe = st(ue, Dt, ft, $e, gt);
+function Ce(e, t, n, f) {
+  const c = S(-1), C = S(!1);
+  function P(b, r, u) {
     e.disable || (b.stopPropagation(), r && setTimeout(() => {
-      c.value = u, P.value = !0, r.moving = !0;
+      c.value = u, C.value = !0, r.moving = !0;
     }));
   }
   function $(b, r) {
-    if (P.value && (b.preventDefault(), c.value !== r)) {
+    if (C.value && (b.preventDefault(), c.value !== r)) {
       const u = f.value[c.value], h = f.value;
       h.splice(c.value, 1), h.splice(r, 0, u), c.value = r;
     }
   }
   function L(b, r) {
-    P.value && (b.preventDefault(), b.dataTransfer && (b.dataTransfer.dropEffect = "move"));
+    C.value && (b.preventDefault(), b.dataTransfer && (b.dataTransfer.dropEffect = "move"));
   }
   function g(b, r) {
-    r && (r.moving = !1), n.value = f.value.filter((u) => u.type === "Tag").map((u) => u.payload), P.value = !1, t.emit("change", n.value);
+    r && (r.moving = !1), n.value = f.value.filter((u) => u.type === "Tag").map((u) => u.payload), C.value = !1, t.emit("change", n.value);
   }
   return {
-    dragstart: C,
+    dragstart: P,
     dragenter: $,
     dragover: L,
     dragend: g,
-    isDragging: P
+    isDragging: C
   };
 }
 const ae = /* @__PURE__ */ ge({
@@ -671,7 +671,7 @@ const ae = /* @__PURE__ */ ge({
   props: ue,
   emits: ["remove", "selectionChange", "change", "click"],
   setup(e, t) {
-    const n = S(e.selectable), f = S(e.customClass), c = S(e.data), P = S(e.tagType), C = S(e.tagStyle), $ = S(e.showColor), L = S(e.customStyle), g = S(e.activeTag), b = S(e.addButtonText), r = S(), u = S(e.wrapText), h = S();
+    const n = S(e.selectable), f = S(e.customClass), c = S(e.data), C = S(e.tagType), P = S(e.tagStyle), $ = S(e.showColor), L = S(e.customStyle), g = S(e.activeTag), b = S(e.addButtonText), r = S(), u = S(e.wrapText), h = S();
     S(e.disable);
     const l = S(!1);
     function o() {
@@ -687,11 +687,11 @@ const ae = /* @__PURE__ */ ge({
     function w(a) {
       c.value = a, d.value = o();
     }
-    const F = Q(() => d.value.findIndex((a) => a.type === "Input")), N = Pe(e, t, c, d), {
+    const F = Q(() => d.value.findIndex((a) => a.type === "Input")), N = Ce(e, t, c, d), {
       dragstart: W,
       dragenter: j,
       dragover: B,
-      dragend: _
+      dragend: x
     } = N;
     Y(() => e.data, (a) => w(a)), Y(() => e.showAddButton, () => {
       d.value = o();
@@ -700,9 +700,9 @@ const ae = /* @__PURE__ */ ge({
     }), Y(() => e.activeTag, (a) => {
       g.value = a;
     }), Y(() => e.tagType, (a) => {
-      P.value = a;
-    }), Y(() => e.tagStyle, (a) => {
       C.value = a;
+    }), Y(() => e.tagStyle, (a) => {
+      P.value = a;
     }), Y(() => e.wrapText, (a) => {
       u.value = a;
     }), Y(() => e.addButtonText, (a) => {
@@ -730,12 +730,12 @@ const ae = /* @__PURE__ */ ge({
       const s = {
         "farris-tag-item": !0,
         "farris-tag-item-checked": n.value && a.checked,
-        "farris-tag-item-checkable": !g.value && !P.value && n.value,
+        "farris-tag-item-checkable": !g.value && !C.value && n.value,
         "farris-tag-item-has-color": $.value,
         "farris-tag-item-actived": g.value === a.name
       };
-      if (P.value) {
-        const T = `farris-tag-item-${P.value}`;
+      if (C.value) {
+        const T = `farris-tag-item-${C.value}`;
         s[T] = !0;
       }
       return s;
@@ -841,7 +841,7 @@ const ae = /* @__PURE__ */ ge({
         draggable: "false",
         onDragstart: (T) => W(T, a, s),
         onDragenter: (T) => j(T, s),
-        onDragend: (T) => _(T, a),
+        onDragend: (T) => x(T, a),
         onDragover: (T) => B(T, s)
       }, [E("span", {
         title: a.name,
@@ -868,7 +868,7 @@ const ae = /* @__PURE__ */ ge({
     const ee = Q(() => ({
       "h-100": !0,
       "farris-tags-item-container": !0,
-      "farris-tag-item-capsule": C.value === "capsule"
+      "farris-tag-item-capsule": P.value === "capsule"
     }));
     function K(a) {
       const s = Math.max(r.value.scrollLeft - a.deltaX, 0);
@@ -904,8 +904,8 @@ const ae = /* @__PURE__ */ ge({
 });
 function Bt(e, t, n) {
   var J;
-  const f = "", c = "", P = S();
-  let C;
+  const f = "", c = "", C = S();
+  let P;
   function $() {
     return (t == null ? void 0 : t.schema.componentType) !== "frame";
   }
@@ -935,7 +935,7 @@ function Bt(e, t, n) {
     return D.value.canMove || O && ((A = O()) != null && A.length) ? k : u(v.parent);
   }
   function h(v) {
-    return !1;
+    return !!n;
   }
   function l() {
     return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
@@ -982,19 +982,19 @@ function Bt(e, t, n) {
       });
     });
   }
-  function _() {
+  function x() {
   }
   function z(v) {
     var k, O;
     if (!((k = t == null ? void 0 : t.schema) != null && k.id))
       return;
-    !C && v && (C = v.formSchemaUtils);
+    !P && v && (P = v.formSchemaUtils);
     let D = "";
     {
       const { text: A, title: q, label: G, mainTitle: M, name: U, type: Z } = t.schema;
       D = A || q || G || M || U || ((O = Te[Z]) == null ? void 0 : O.name);
     }
-    D && C.getControlBasicInfoMap().set(t.schema.id, {
+    D && P.getControlBasicInfoMap().set(t.schema.id, {
       componentTitle: D,
       parentPathName: D
     });
@@ -1002,8 +1002,8 @@ function Bt(e, t, n) {
   function m(v) {
     var A;
     const { changeObject: D } = v, { propertyID: k, propertyValue: O } = D;
-    if (["text", "title", "label", "name", "mainTitle"].includes((A = v == null ? void 0 : v.changeObject) == null ? void 0 : A.propertyID) && k && O && (z(), C)) {
-      const q = C.getControlBasicInfoMap(), G = q.keys().toArray().filter((M) => {
+    if (["text", "title", "label", "name", "mainTitle"].includes((A = v == null ? void 0 : v.changeObject) == null ? void 0 : A.propertyID) && k && O && (z(), P)) {
+      const q = P.getControlBasicInfoMap(), G = q.keys().toArray().filter((M) => {
         var U, Z;
         return ((U = q.get(M)) == null ? void 0 : U.reliedComponentId) === ((Z = t == null ? void 0 : t.schema) == null ? void 0 : Z.id);
       });
@@ -1016,7 +1016,7 @@ function Bt(e, t, n) {
   function R(v) {
     m(v);
   }
-  return P.value = {
+  return C.value = {
     canMove: $(),
     canSelectParent: L(),
     canDelete: g(),
@@ -1039,18 +1039,18 @@ function Bt(e, t, n) {
     triggerBelongedComponentToMoveWhenMoved: S(!1),
     triggerBelongedComponentToDeleteWhenDeleted: S(!1),
     onRemoveComponent: B,
-    getCustomButtons: _,
+    getCustomButtons: x,
     onPropertyChanged: R,
     setComponentBasicInfoMap: z,
     updateContextSchema: t == null ? void 0 : t.updateContextSchema
-  }, P;
+  }, C;
 }
 const Ft = /* @__PURE__ */ ge({
   name: "FTagsDesign",
   props: ue,
   emits: ["remove", "selectionChange", "change"],
   setup(e, t) {
-    const n = S(e.selectable), f = S(e.customClass), c = S(e.data), P = S(e.tagType), C = S(e.tagStyle), $ = S(e.showColor), L = S(e.activeTag), g = S(e.customStyle), b = S(e.showClose), r = S(e.showAddButton), u = S(e.showInput), h = S(e.addButtonText), l = S(e.enableAddButton);
+    const n = S(e.selectable), f = S(e.customClass), c = S(e.data), C = S(e.tagType), P = S(e.tagStyle), $ = S(e.showColor), L = S(e.activeTag), g = S(e.customStyle), b = S(e.showClose), r = S(e.showAddButton), u = S(e.showInput), h = S(e.addButtonText), l = S(e.enableAddButton);
     S(e.placeholder), S(""), S();
     const o = S(), d = S(e.wrapText), w = S(), F = S(), N = Me("design-item-context"), W = Bt(F, N);
     Ne(() => {
@@ -1066,16 +1066,16 @@ const Ft = /* @__PURE__ */ ge({
       }), i;
     }
     const B = S(j());
-    function _(i) {
+    function x(i) {
       c.value = i, B.value = j();
     }
-    const z = Q(() => B.value.findIndex((i) => i.type === "Input")), m = Pe(e, t, c, B), {
+    const z = Q(() => B.value.findIndex((i) => i.type === "Input")), m = Ce(e, t, c, B), {
       dragstart: R,
       dragenter: J,
       dragover: v,
       dragend: D
     } = m;
-    Y(() => e.data, (i) => _(i));
+    Y(() => e.data, (i) => x(i));
     const k = Q(() => {
       const i = {
         "farris-tags": !0,
@@ -1092,8 +1092,8 @@ const Ft = /* @__PURE__ */ ge({
         "farris-tag-item-has-color": $.value,
         "farris-tag-item-actived": L.value === i.name
       };
-      if (P.value) {
-        const y = `farris-tag-item-${P.value}`;
+      if (C.value) {
+        const y = `farris-tag-item-${C.value}`;
         p[y] = !0;
       }
       return p;
@@ -1101,8 +1101,8 @@ const Ft = /* @__PURE__ */ ge({
     const A = Q(() => {
       const i = {};
       return g.value && g.value.split(";").reduce((p, y) => {
-        const x = y.split(":");
-        return p[x[0]] = x[1], p;
+        const _ = y.split(":");
+        return p[_[0]] = _[1], p;
       }, i), i;
     });
     function q(i, p) {
@@ -1114,7 +1114,7 @@ const Ft = /* @__PURE__ */ ge({
       let y;
       switch (i.key) {
         case "Backspace":
-          c.value = c.value.filter((x) => x.name !== p.name), t.emit("change", c.value);
+          c.value = c.value.filter((_) => _.name !== p.name), t.emit("change", c.value);
           break;
         case "ArrowLeft":
           y = Math.max(o.value.scrollLeft + 20, 0), o.value.scrollLeft = y;
@@ -1124,10 +1124,10 @@ const Ft = /* @__PURE__ */ ge({
       }
     }
     function M(i, p) {
-      const y = c.value.findIndex((x) => x.name === p.name);
+      const y = c.value.findIndex((_) => _.name === p.name);
       if (y > -1) {
-        const [x] = c.value.splice(y, 1);
-        B.value = j(), t.emit("change", c.value), t.emit("remove", c.value, x, y);
+        const [_] = c.value.splice(y, 1);
+        B.value = j(), t.emit("change", c.value), t.emit("remove", c.value, _, y);
       }
       i.stopPropagation();
     }
@@ -1229,7 +1229,7 @@ const Ft = /* @__PURE__ */ ge({
     }
     const T = Q(() => ({
       "farris-tags-item-container": !0,
-      "farris-tag-item-capsule": C.value === "capsule"
+      "farris-tag-item-capsule": P.value === "capsule"
     }));
     function H(i) {
       const p = Math.max(o.value.scrollLeft - i.deltaX, 0);
@@ -1238,12 +1238,12 @@ const Ft = /* @__PURE__ */ ge({
     function le(i) {
       const p = o.value, y = c.value.length - 1;
       if (p) {
-        const x = Array.from(p.children).filter((I) => I.className.indexOf("farris-tag-item") > -1).findIndex((I) => {
+        const _ = Array.from(p.children).filter((I) => I.className.indexOf("farris-tag-item") > -1).findIndex((I) => {
           const V = I.getBoundingClientRect(), ce = window.getComputedStyle(I), pe = parseInt(ce["margin-left"], 10) + V.width + parseInt(ce["margin-right"], 10);
           return V.left + pe > i;
         });
-        if (x > -1)
-          return x;
+        if (_ > -1)
+          return _;
       }
       return y;
     }
@@ -1263,7 +1263,7 @@ const Ft = /* @__PURE__ */ ge({
       i.preventDefault(), i.stopPropagation();
       const p = (y = i.dataTransfer) == null ? void 0 : y.getData("Text");
       if (p) {
-        const x = p.split(":"), I = x[0], V = x[1];
+        const _ = p.split(":"), I = _[0], V = _[1];
         [...c.value].findIndex((Ae) => Ae.value === V) > -1 || ee(c.value.length, I, V);
       }
     }
@@ -1284,15 +1284,15 @@ const Ft = /* @__PURE__ */ ge({
   }
 });
 ae.register = (e, t, n, f) => {
-  e.tags = ae, t.tags = Ce;
+  e.tags = ae, t.tags = Pe;
 };
 ae.registerDesigner = (e, t, n) => {
-  e.tags = Ft, t.tags = Ce;
+  e.tags = Ft, t.tags = Pe;
 };
-const Et = Ee(ae);
+const Lt = Ee(ae);
 export {
   ae as FTags,
-  Et as default,
-  Ce as propsResolver,
+  Lt as default,
+  Pe as propsResolver,
   ue as tagsProps
 };