@farris/ui-vue 1.3.5 → 1.3.6

package/components/tags/index.esm.js

@@ -1,109 +1,123 @@
-import { withInstall as Be } from "../common/index.esm.js";
-import { ref as i, defineComponent as he, computed as R, watch as F, nextTick as ue, createVNode as k, inject as De, onMounted as Ae } from "vue";
-import { isPlainObject as me, cloneDeep as Se } from "lodash-es";
-function Oe(t, e, v) {
+import { withInstall as De } from "../common/index.esm.js";
+import { ref as f, defineComponent as he, computed as R, watch as q, nextTick as ie, createVNode as k, inject as Ae, onMounted as Se } from "vue";
+import { isPlainObject as me, cloneDeep as ye } from "lodash-es";
+function Oe(t, e, p) {
   return e;
 }
-const ye = {}, be = {};
-function ie(t) {
-  const { properties: e, title: v, ignore: g } = t, n = g && Array.isArray(g), h = Object.keys(e).reduce((b, B) => ((!n || !g.find((O) => O === B)) && (b[B] = e[B].type === "object" && e[B].properties ? ie(e[B]) : Se(e[B].default)), b), {});
-  if (v && (!n || !g.find((b) => b === "id"))) {
-    const b = v.toLowerCase().replace(/-/g, "_");
-    h.id = `${b}_${Math.random().toString().slice(2, 6)}`;
-  }
-  return h;
+const be = {}, Te = {};
+function ue(t) {
+  const { properties: e, title: p, ignore: c } = t, a = c && Array.isArray(c), m = Object.keys(e).reduce((h, B) => ((!a || !c.find((O) => O === B)) && (h[B] = e[B].type === "object" && e[B].properties ? ue(e[B]) : ye(e[B].default)), h), {});
+  if (p && (!a || !c.find((h) => h === "id"))) {
+    const h = p.toLowerCase().replace(/-/g, "_");
+    m.id = `${h}_${Math.random().toString().slice(2, 6)}`;
+  }
+  return m;
 }
-function Te(t, e = {}, v) {
-  const g = ye[t];
-  if (g) {
-    let n = ie(g);
-    const h = be[t];
-    return n = h ? h({ getSchemaByType: Te }, n, e, v) : n, n;
+function je(t) {
+  const { properties: e, title: p, required: c } = t;
+  if (c && Array.isArray(c)) {
+    const a = c.reduce((m, h) => (m[h] = e[h].type === "object" && e[h].properties ? ue(e[h]) : ye(e[h].default), m), {});
+    if (p && c.find((m) => m === "id")) {
+      const m = p.toLowerCase().replace(/-/g, "_");
+      a.id = `${m}_${Math.random().toString().slice(2, 6)}`;
+    }
+    return a;
   }
-  return null;
+  return {
+    type: p
+  };
 }
-function je(t, e) {
-  const v = ie(e);
-  return Object.keys(v).reduce((g, n) => (g[n] && me(g[n]) && me(t[n] || !t[n]) ? Object.assign(g[n], t[n] || {}) : g[n] = t[n], g), v), v;
+function ke(t, e = {}, p) {
+  const c = be[t];
+  if (c) {
+    let a = je(c);
+    const m = Te[t];
+    return a = m ? m({ getSchemaByType: ke }, a, e, p) : a, a;
+  }
+  return null;
 }
 function Ce(t, e) {
-  return Object.keys(t).filter((g) => t[g] != null).reduce((g, n) => {
-    if (e.has(n)) {
-      const h = e.get(n);
-      if (typeof h == "string")
-        g[h] = t[n];
+  const p = ue(e);
+  return Object.keys(p).reduce((c, a) => (Object.prototype.hasOwnProperty.call(t, a) && (c[a] && me(c[a]) && me(t[a] || !t[a]) ? Object.assign(c[a], t[a] || {}) : c[a] = t[a]), c), p), p;
+}
+function Me(t, e) {
+  return Object.keys(t).filter((c) => t[c] != null).reduce((c, a) => {
+    if (e.has(a)) {
+      const m = e.get(a);
+      if (typeof m == "string")
+        c[m] = t[a];
       else {
-        const b = h(n, t[n], t);
-        Object.assign(g, b);
+        const h = m(a, t[a], t);
+        Object.assign(c, h);
       }
     } else
-      g[n] = t[n];
-    return g;
+      c[a] = t[a];
+    return c;
   }, {});
 }
-function Me(t, e, v = /* @__PURE__ */ new Map()) {
-  const g = je(t, e);
-  return Ce(g, v);
+function Pe(t, e, p = /* @__PURE__ */ new Map()) {
+  const c = Ce(t, e);
+  return Me(c, p);
 }
 function Ee(t = {}) {
-  function e(c, p, f, d) {
-    if (typeof f == "number")
-      return d[c].length === f;
-    if (typeof f == "object") {
-      const w = Object.keys(f)[0], D = f[w];
+  function e(i, v, d, g) {
+    if (typeof d == "number")
+      return g[i].length === d;
+    if (typeof d == "object") {
+      const w = Object.keys(d)[0], D = d[w];
       if (w === "not")
-        return Number(d[c].length) !== Number(D);
+        return Number(g[i].length) !== Number(D);
       if (w === "moreThan")
-        return Number(d[c].length) >= Number(D);
+        return Number(g[i].length) >= Number(D);
       if (w === "lessThan")
-        return Number(d[c].length) <= Number(D);
+        return Number(g[i].length) <= Number(D);
     }
     return !1;
   }
-  function v(c, p, f, d) {
-    return d[c] && d[c].propertyValue && String(d[c].propertyValue.value) === String(f);
+  function p(i, v, d, g) {
+    return g[i] && g[i].propertyValue && String(g[i].propertyValue.value) === String(d);
   }
-  const g = /* @__PURE__ */ new Map([
+  const c = /* @__PURE__ */ new Map([
     ["length", e],
-    ["getProperty", v]
+    ["getProperty", p]
   ]);
-  Object.keys(t).reduce((c, p) => (c.set(p, t[p]), c), g);
-  function n(c, p) {
-    const f = c;
-    return typeof p == "number" ? [{ target: f, operator: "length", param: null, value: Number(p) }] : typeof p == "boolean" ? [{ target: f, operator: "getProperty", param: c, value: !!p }] : typeof p == "object" ? Object.keys(p).map((d) => {
-      if (d === "length")
-        return { target: f, operator: "length", param: null, value: p[d] };
-      const w = d, D = p[d];
-      return { target: f, operator: "getProperty", param: w, value: D };
+  Object.keys(t).reduce((i, v) => (i.set(v, t[v]), i), c);
+  function a(i, v) {
+    const d = i;
+    return typeof v == "number" ? [{ target: d, operator: "length", param: null, value: Number(v) }] : typeof v == "boolean" ? [{ target: d, operator: "getProperty", param: i, value: !!v }] : typeof v == "object" ? Object.keys(v).map((g) => {
+      if (g === "length")
+        return { target: d, operator: "length", param: null, value: v[g] };
+      const w = g, D = v[g];
+      return { target: d, operator: "getProperty", param: w, value: D };
     }) : [];
   }
-  function h(c) {
-    return Object.keys(c).reduce((f, d) => {
-      const w = n(d, c[d]);
-      return f.push(...w), f;
+  function m(i) {
+    return Object.keys(i).reduce((d, g) => {
+      const w = a(g, i[g]);
+      return d.push(...w), d;
     }, []);
   }
-  function b(c, p) {
-    if (g.has(c.operator)) {
-      const f = g.get(c.operator);
-      return f && f(c.target, c.param, c.value, p) || !1;
+  function h(i, v) {
+    if (c.has(i.operator)) {
+      const d = c.get(i.operator);
+      return d && d(i.target, i.param, i.value, v) || !1;
     }
     return !1;
   }
-  function B(c, p) {
-    return h(c).reduce((w, D) => w && b(D, p), !0);
+  function B(i, v) {
+    return m(i).reduce((w, D) => w && h(D, v), !0);
   }
-  function O(c, p) {
-    const f = Object.keys(c), d = f.includes("allOf"), w = f.includes("anyOf"), D = d || w, T = (D ? c[D ? d ? "allOf" : "anyOf" : "allOf"] : [c]).map((N) => B(N, p));
-    return d ? !T.includes(!1) : T.includes(!0);
+  function O(i, v) {
+    const d = Object.keys(i), g = d.includes("allOf"), w = d.includes("anyOf"), D = g || w, T = (D ? i[D ? g ? "allOf" : "anyOf" : "allOf"] : [i]).map((I) => B(I, v));
+    return g ? !T.includes(!1) : T.includes(!0);
   }
   return { parseValueSchema: O };
 }
-const Pe = {}, Re = {};
+const Re = {}, Le = {};
 Ee();
-function Le(t, e, v = /* @__PURE__ */ new Map(), g = (b, B, O, c) => B, n = {}, h = (b) => b) {
-  return ye[e.title] = e, be[e.title] = g, Pe[e.title] = n, Re[e.title] = h, (b = {}) => {
-    const B = Me(b, e, v), O = Object.keys(t).reduce((c, p) => (c[p] = t[p].default, c), {});
+function $e(t, e, p = /* @__PURE__ */ new Map(), c = (h, B, O, i) => B, a = {}, m = (h) => h) {
+  return be[e.title] = e, Te[e.title] = c, Re[e.title] = a, Le[e.title] = m, (h = {}) => {
+    const B = Pe(h, e, p), O = Object.keys(t).reduce((i, v) => (i[v] = t[v].default, i), {});
     return Object.assign(O, B);
   };
 }
@@ -112,7 +126,7 @@ function Ie(t, e) {
 }
 const Ne = /* @__PURE__ */ new Map([
   ["appearance", Ie]
-]), $e = "tags", Ve = "A Farris Component", Fe = "object", We = {
+]), Ve = "tags", qe = "A Farris Component", Fe = "object", We = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -134,12 +148,12 @@ const Ne = /* @__PURE__ */ new Map([
       }
     }
   }
-}, qe = {
-  title: $e,
-  description: Ve,
+}, _e = {
+  title: Ve,
+  description: qe,
   type: Fe,
   categories: We
-}, He = "https://json-schema.org/draft/2020-12/schema", _e = "https://farris-design.gitee.io/tags.schema.json", Xe = "tags", ze = "A Farris Component", Ge = "object", Je = {
+}, He = "https://json-schema.org/draft/2020-12/schema", Xe = "https://farris-design.gitee.io/tags.schema.json", ze = "tags", Ge = "A Farris Component", Je = "object", Qe = {
   id: {
     description: "The unique identifier for tags",
     type: "string"
@@ -201,17 +215,17 @@ const Ne = /* @__PURE__ */ new Map([
     type: "boolean",
     default: !0
   }
-}, Qe = [
+}, Ue = [
   "id",
   "type"
-], Ue = {
+], Ye = {
   $schema: He,
-  $id: _e,
-  title: Xe,
-  description: ze,
-  type: Ge,
-  properties: Je,
-  required: Qe
+  $id: Xe,
+  title: ze,
+  description: Ge,
+  type: Je,
+  properties: Qe,
+  required: Ue
 }, fe = {
   activeTag: { type: String, default: "" },
   addButtonText: { type: String, default: "" },
@@ -228,32 +242,32 @@ const Ne = /* @__PURE__ */ new Map([
   wrapText: { type: Boolean, default: !1 },
   draggable: { type: Boolean, default: !1 },
   disable: { type: Boolean, default: !1 }
-}, ke = Le(fe, Ue, Ne, Oe, qe);
-function we(t, e, v, g) {
-  const n = i(-1), h = i(!1);
-  function b(p, f, d) {
-    p.stopPropagation(), f && setTimeout(() => {
-      n.value = d, h.value = !0, f.moving = !0;
+}, we = $e(fe, Ye, Ne, Oe, _e);
+function Be(t, e, p, c) {
+  const a = f(-1), m = f(!1);
+  function h(v, d, g) {
+    v.stopPropagation(), d && setTimeout(() => {
+      a.value = g, m.value = !0, d.moving = !0;
     });
   }
-  function B(p, f) {
-    if (p.preventDefault(), n.value !== f) {
-      const d = g.value[n.value], w = g.value;
-      w.splice(n.value, 1), w.splice(f, 0, d), n.value = f;
+  function B(v, d) {
+    if (v.preventDefault(), a.value !== d) {
+      const g = c.value[a.value], w = c.value;
+      w.splice(a.value, 1), w.splice(d, 0, g), a.value = d;
     }
   }
-  function O(p, f) {
-    p.preventDefault(), p.dataTransfer && (p.dataTransfer.dropEffect = "move");
+  function O(v, d) {
+    v.preventDefault(), v.dataTransfer && (v.dataTransfer.dropEffect = "move");
   }
-  function c(p, f) {
-    f && (f.moving = !1), v.value = g.value.filter((d) => d.type === "Tag").map((d) => d.payload), h.value = !1, e.emit("change", v.value);
+  function i(v, d) {
+    d && (d.moving = !1), p.value = c.value.filter((g) => g.type === "Tag").map((g) => g.payload), m.value = !1, e.emit("change", p.value);
   }
   return {
-    dragstart: b,
+    dragstart: h,
     dragenter: B,
     dragover: O,
-    dragend: c,
-    isDragging: h
+    dragend: i,
+    isDragging: m
   };
 }
 const z = /* @__PURE__ */ he({
@@ -261,11 +275,11 @@ const z = /* @__PURE__ */ he({
   props: fe,
   emits: ["remove", "selectionChange", "change"],
   setup(t, e) {
-    const v = i(t.selectable), g = i(t.customClass), n = i(t.data), h = i(t.tagType), b = i(t.tagStyle), B = i(t.showColor), O = i(t.customStyle), c = i(t.activeTag), p = i(t.showClose), f = i(t.addButtonText), d = i(), w = i(t.wrapText), D = i();
-    i(t.disable);
-    const A = i(!1);
-    function P() {
-      const s = n.value.map((l) => ({
+    const p = f(t.selectable), c = f(t.customClass), a = f(t.data), m = f(t.tagType), h = f(t.tagStyle), B = f(t.showColor), O = f(t.customStyle), i = f(t.activeTag), v = f(t.showClose), d = f(t.addButtonText), g = f(), w = f(t.wrapText), D = f();
+    f(t.disable);
+    const A = f(!1);
+    function E() {
+      const s = a.value.map((l) => ({
         type: "Tag",
         payload: l
       }));
@@ -273,51 +287,51 @@ const z = /* @__PURE__ */ he({
         type: "AddButton"
       }), s;
     }
-    const T = i(P());
-    function I(s) {
-      n.value = s, T.value = P();
+    const T = f(E());
+    function $(s) {
+      a.value = s, T.value = E();
     }
-    const N = R(() => T.value.findIndex((s) => s.type === "Input")), $ = we(t, e, n, T), {
-      dragstart: m,
-      dragenter: y,
+    const I = R(() => T.value.findIndex((s) => s.type === "Input")), N = Be(t, e, a, T), {
+      dragstart: y,
+      dragenter: b,
       dragover: S,
       dragend: C
-    } = $;
-    F(() => t.data, (s) => I(s)), F(() => t.showAddButton, () => {
-      T.value = P();
-    }), F(() => t.disable, (s) => {
-      T.value = P();
-    }), F(() => t.activeTag, (s) => {
-      c.value = s;
-    }), F(A, (s) => {
+    } = N;
+    q(() => t.data, (s) => $(s)), q(() => t.showAddButton, () => {
+      T.value = E();
+    }), q(() => t.disable, (s) => {
+      T.value = E();
+    }), q(() => t.activeTag, (s) => {
+      i.value = s;
+    }), q(A, (s) => {
       const l = [...T.value];
       s ? l.length > 0 && l[l.length - 1].type !== "Input" && (l.splice(l.length - 1, 1), l.splice(l.length, 0, {
         type: "Input"
-      }), T.value = l, ue(() => {
+      }), T.value = l, ie(() => {
         var u;
         D.value && ((u = D.value) == null || u.focus());
       })) : l.length > 0 && l[l.length - 1].type !== "AddButton" && (l.splice(l.length - 1, 1), l.splice(l.length, 0, {
         type: "AddButton"
       }), T.value = l);
     });
-    const W = R(() => {
+    const F = R(() => {
       const s = {
         "farris-tags": !0,
-        "farris-tags-checkable": v.value,
+        "farris-tags-checkable": p.value,
         "farris-tags-nowrap": !w.value
       };
-      return g.value.split(" ").reduce((l, u) => (l[u] = !0, l), s), s;
+      return c.value.split(" ").reduce((l, u) => (l[u] = !0, l), s), s;
     });
     function G(s) {
       const l = {
         "farris-tag-item": !0,
-        "farris-tag-item-checked": v.value && s.checked,
-        "farris-tag-item-checkable": v.value,
+        "farris-tag-item-checked": p.value && s.checked,
+        "farris-tag-item-checkable": p.value,
         "farris-tag-item-has-color": B.value,
-        "farris-tag-item-actived": c.value === s.name
+        "farris-tag-item-actived": i.value === s.name
       };
-      if (h.value) {
-        const u = `farris-tag-item-${h.value}`;
+      if (m.value) {
+        const u = `farris-tag-item-${m.value}`;
         l[u] = !0;
       }
       return l;
@@ -330,29 +344,29 @@ const z = /* @__PURE__ */ he({
       }, s), s;
     });
     function Q(s, l) {
-      !t.disable && v.value && (!l.hasOwnProperty("selectable") || l.selectable) && (l.checked = !l.checked, c.value = l.checked ? l.name : "", l.checked && n.value.filter((u) => u.name !== l.name).forEach((u) => {
+      !t.disable && p.value && (!l.hasOwnProperty("selectable") || l.selectable) && (l.checked = !l.checked, i.value = l.checked ? l.name : "", l.checked && a.value.filter((u) => u.name !== l.name).forEach((u) => {
         u.checked = !l.checked;
-      }), e.emit("change", n.value), e.emit("selectionChange", l));
+      }), e.emit("change", a.value), e.emit("selectionChange", l));
     }
     function U(s, l) {
       let u;
       switch (s.key) {
         case "Backspace":
-          n.value = n.value.filter((M) => M.name !== l.name), e.emit("change", n.value);
+          a.value = a.value.filter((M) => M.name !== l.name), e.emit("change", a.value);
           break;
         case "ArrowLeft":
-          u = Math.max(d.value.scrollLeft + 20, 0), d.value.scrollLeft = u;
+          u = Math.max(g.value.scrollLeft + 20, 0), g.value.scrollLeft = u;
           break;
         case "ArrowRight":
-          u = Math.max(d.value.scrollLeft - 20, 0), d.value.scrollLeft = u;
+          u = Math.max(g.value.scrollLeft - 20, 0), g.value.scrollLeft = u;
       }
     }
     function Y(s, l) {
-      const u = n.value.findIndex((M) => M.name === l.name);
+      const u = a.value.findIndex((M) => M.name === l.name);
       if (u > -1) {
-        const [M] = n.value.splice(u, 1);
-        T.value = P(), e.emit("change", n.value), e.emit("remove", {
-          tags: n.value,
+        const [M] = a.value.splice(u, 1);
+        T.value = E(), e.emit("change", a.value), e.emit("remove", {
+          tags: a.value,
           remove: M
         });
       }
@@ -372,30 +386,30 @@ const z = /* @__PURE__ */ he({
         onClick: (s) => x(s)
       }, [k("span", {
         class: "f-icon f-icon-amplification"
-      }, null), f.value && k("span", {
+      }, null), d.value && k("span", {
         class: "farris-tag-add-text"
-      }, [f.value])]);
+      }, [d.value])]);
     }
-    function q(s, l, u) {
-      s > -1 && (n.value.splice(s, 0, {
+    function W(s, l, u) {
+      s > -1 && (a.value.splice(s, 0, {
         name: l,
         value: u,
-        selectable: v.value
-      }), T.value = P(), A.value = !1, e.emit("change", n.value));
+        selectable: p.value
+      }), T.value = E(), A.value = !1, e.emit("change", a.value));
     }
-    function H(s) {
+    function _(s) {
       if (s && s.value) {
-        const l = s.value, u = N.value;
-        q(u, l, l), s.innerText = "";
+        const l = s.value, u = I.value;
+        W(u, l, l), s.innerText = "";
       } else
         A.value = !1;
     }
     function ee(s) {
       const l = s.target;
-      l && l.value ? H(l) : A.value = !1;
+      l && l.value ? _(l) : A.value = !1;
     }
     function de(s) {
-      s.key === "Enter" && H(s.target);
+      s.key === "Enter" && _(s.target);
     }
     function te() {
       return !t.disable && k("li", {
@@ -418,21 +432,21 @@ const z = /* @__PURE__ */ he({
         onClick: (u) => Q(u, s),
         onKeydown: (u) => U(u, s),
         draggable: "true",
-        onDragstart: (u) => m(u, s, l),
-        onDragenter: (u) => y(u, l),
+        onDragstart: (u) => y(u, s, l),
+        onDragenter: (u) => b(u, l),
         onDragend: (u) => C(u, s),
         onDragover: (u) => S(u, l)
       }, [k("span", {
         title: s.name,
         class: "tag-box"
-      }, [s.name]), !t.disable && p.value && k("span", {
+      }, [s.name]), !t.disable && v.value && k("span", {
         class: "tag-delete"
       }, [k("i", {
         class: "f-icon f-icon-close",
         onClick: (u) => Y(u, s)
       }, null)])]);
     }
-    function _() {
+    function H() {
       return T.value.map((s, l) => {
         switch (s.type) {
           case "Tag":
@@ -446,11 +460,11 @@ const z = /* @__PURE__ */ he({
     }
     const X = R(() => ({
       "farris-tags-item-container": !0,
-      "farris-tag-item-capsule": b.value === "capsule"
+      "farris-tag-item-capsule": h.value === "capsule"
     }));
     function ne(s) {
-      const l = Math.max(d.value.scrollLeft - s.deltaX, 0);
-      d.value.scrollLeft = l;
+      const l = Math.max(g.value.scrollLeft - s.deltaX, 0);
+      g.value.scrollLeft = l;
     }
     function se(s) {
       var u;
@@ -458,27 +472,27 @@ const z = /* @__PURE__ */ he({
       const l = (u = s.dataTransfer) == null ? void 0 : u.getData("Text");
       if (l) {
         const M = l.split(":"), re = M[0], V = M[1];
-        [...n.value].findIndex((a) => (console.log(`${a.value} === ${V} is ${a.value === V}`), a.value === V)) > -1 || q(n.value.length, re, V);
+        [...a.value].findIndex((n) => (console.log(`${n.value} === ${V} is ${n.value === V}`), n.value === V)) > -1 || W(a.value.length, re, V);
       }
     }
     function le(s) {
       s.preventDefault();
     }
     return () => k("div", {
-      class: W.value,
+      class: F.value,
       onDrop: se,
       onDragover: le
     }, [k("ul", {
-      ref: d,
+      ref: g,
       class: X.value,
       onWheel: (s) => ne(s)
-    }, [_()])]);
+    }, [H()])]);
   }
 });
-function Ye(t, e, v) {
-  var $;
-  const g = "", n = "", h = i();
-  function b() {
+function Ze(t, e, p) {
+  var N;
+  const c = "", a = "", m = f();
+  function h() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
   function B() {
@@ -487,145 +501,145 @@ function Ye(t, e, v) {
   function O() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function c() {
+  function i() {
     return (e == null ? void 0 : e.schema.componentType) === "frame";
   }
-  function p(m) {
-    if (!m || !m.value)
+  function v(y) {
+    if (!y || !y.value)
       return null;
-    if (m.value.schema && m.value.schema.type === "component")
-      return m.value;
-    const y = i(m == null ? void 0 : m.value.parent), S = p(y);
+    if (y.value.schema && y.value.schema.type === "component")
+      return y.value;
+    const b = f(y == null ? void 0 : y.value.parent), S = v(b);
     return S || null;
   }
-  function f(m = e) {
-    const { componentInstance: y, designerItemElementRef: S } = m;
-    return !y || !y.value ? null : y.value.canMove ? S : f(m.parent);
+  function d(y = e) {
+    const { componentInstance: b, designerItemElementRef: S } = y;
+    return !b || !b.value ? null : b.value.canMove ? S : d(y.parent);
   }
-  function d(m) {
-    return !!v;
+  function g(y) {
+    return !!p;
   }
   function w() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
   function D() {
   }
-  function A(m, y) {
+  function A(y, b) {
   }
-  function P(m, y) {
-    const { componentType: S } = m;
-    let C = Te(S, m, y);
-    const W = S.toLowerCase().replace(/-/g, "_");
-    return C && !C.id && C.type === S && (C.id = `${W}_${Math.random().toString().slice(2, 6)}`), C;
+  function E(y, b) {
+    const { componentType: S } = y;
+    let C = ke(S, y, b);
+    const F = S.toLowerCase().replace(/-/g, "_");
+    return C && !C.id && C.type === S && (C.id = `${F}_${Math.random().toString().slice(2, 6)}`), C;
   }
-  function T(m) {
+  function T(y) {
   }
-  function I(...m) {
+  function $(...y) {
   }
-  function N() {
-    e != null && e.schema.contents && e.schema.contents.map((m) => {
+  function I() {
+    e != null && e.schema.contents && e.schema.contents.map((y) => {
       var C;
-      let y = m.id;
-      m.type === "component-ref" && (y = m.component);
-      const S = t.value.querySelector(`#${y}-design-item`);
+      let b = y.id;
+      y.type === "component-ref" && (b = y.component);
+      const S = t.value.querySelector(`#${b}-design-item`);
       (C = S == null ? void 0 : S.componentInstance) != null && C.value.onRemoveComponent && S.componentInstance.value.onRemoveComponent();
     });
   }
-  return h.value = {
-    canMove: b(),
+  return m.value = {
+    canMove: h(),
     canSelectParent: B(),
     canDelete: O(),
-    canNested: !c(),
+    canNested: !i(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: t,
-    parent: ($ = e == null ? void 0 : e.parent) == null ? void 0 : $.componentInstance,
+    parent: (N = e == null ? void 0 : e.parent) == null ? void 0 : N.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: g,
-    designerClass: n,
-    canAccepts: d,
-    getBelongedComponentInstance: p,
-    getDraggableDesignItemElement: f,
+    styles: c,
+    designerClass: a,
+    canAccepts: g,
+    getBelongedComponentInstance: v,
+    getDraggableDesignItemElement: d,
     getDraggingDisplayText: w,
-    getPropConfig: I,
+    getPropConfig: $,
     getDragScopeElement: D,
     onAcceptMovedChildElement: A,
     onChildElementMovedOut: T,
-    addNewChildComponentSchema: P,
-    triggerBelongedComponentToMoveWhenMoved: i(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: i(!1),
-    onRemoveComponent: N
-  }, h;
+    addNewChildComponentSchema: E,
+    triggerBelongedComponentToMoveWhenMoved: f(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: f(!1),
+    onRemoveComponent: I
+  }, m;
 }
-const Ze = /* @__PURE__ */ he({
+const xe = /* @__PURE__ */ he({
   name: "FTagsDesign",
   props: fe,
   emits: ["remove", "selectionChange", "change"],
   setup(t, e) {
-    const v = i(t.selectable), g = i(t.customClass), n = i(t.data), h = i(t.tagType), b = i(t.tagStyle), B = i(t.showColor), O = i(t.activeTag), c = i(t.customStyle), p = i(t.showClose), f = i(t.showAddButton), d = i(t.showInput), w = i(t.addButtonText), D = i(t.enableAddButton);
-    i(t.placeholder), i(""), i();
-    const A = i(), P = i(t.wrapText), T = i(), I = i(), N = De("design-item-context"), $ = Ye(I, N);
-    Ae(() => {
-      I.value.componentInstance = $;
-    }), e.expose($.value);
-    function m() {
-      const a = n.value.map((r) => ({
+    const p = f(t.selectable), c = f(t.customClass), a = f(t.data), m = f(t.tagType), h = f(t.tagStyle), B = f(t.showColor), O = f(t.activeTag), i = f(t.customStyle), v = f(t.showClose), d = f(t.showAddButton), g = f(t.showInput), w = f(t.addButtonText), D = f(t.enableAddButton);
+    f(t.placeholder), f(""), f();
+    const A = f(), E = f(t.wrapText), T = f(), $ = f(), I = Ae("design-item-context"), N = Ze($, I);
+    Se(() => {
+      $.value.componentInstance = N;
+    }), e.expose(N.value);
+    function y() {
+      const n = a.value.map((r) => ({
         type: "Tag",
         payload: r
       }));
-      return f.value && a.push({
+      return d.value && n.push({
         type: "AddButton"
-      }), a;
+      }), n;
     }
-    const y = i(m());
-    function S(a) {
-      n.value = a, y.value = m();
+    const b = f(y());
+    function S(n) {
+      a.value = n, b.value = y();
     }
-    const C = R(() => y.value.findIndex((a) => a.type === "Input")), W = we(t, e, n, y), {
+    const C = R(() => b.value.findIndex((n) => n.type === "Input")), F = Be(t, e, a, b), {
       dragstart: G,
       dragenter: J,
       dragover: Q,
       dragend: U
-    } = W;
-    F(() => t.data, (a) => S(a));
+    } = F;
+    q(() => t.data, (n) => S(n));
     const Y = R(() => {
-      const a = {
+      const n = {
         "farris-tags": !0,
-        "farris-tags-checkable": v.value,
-        "farris-tags-nowrap": !P.value
+        "farris-tags-checkable": p.value,
+        "farris-tags-nowrap": !E.value
       };
-      return g.value.split(" ").reduce((r, o) => (r[o] = !0, r), a), a;
+      return c.value.split(" ").reduce((r, o) => (r[o] = !0, r), n), n;
     });
-    function Z(a) {
+    function Z(n) {
       const r = {
         "farris-tag-item": !0,
-        "farris-tag-item-checked": v.value && a.checked,
-        "farris-tag-item-checkable": v.value,
+        "farris-tag-item-checked": p.value && n.checked,
+        "farris-tag-item-checkable": p.value,
         "farris-tag-item-has-color": B.value,
-        "farris-tag-item-actived": O.value === a.name
+        "farris-tag-item-actived": O.value === n.name
       };
-      if (h.value) {
-        const o = `farris-tag-item-${h.value}`;
+      if (m.value) {
+        const o = `farris-tag-item-${m.value}`;
         r[o] = !0;
       }
       return r;
     }
     const x = R(() => {
-      const a = {};
-      return c.value && c.value.split(";").reduce((r, o) => {
+      const n = {};
+      return i.value && i.value.split(";").reduce((r, o) => {
         const j = o.split(":");
         return r[j[0]] = j[1], r;
-      }, a), a;
+      }, n), n;
     });
-    function K(a, r) {
-      v.value && r.selectable && (r.checked = !r.checked, O.value = r.checked ? r.name : "", r.checked && n.value.filter((o) => o.name !== r.name).forEach((o) => {
+    function K(n, r) {
+      p.value && r.selectable && (r.checked = !r.checked, O.value = r.checked ? r.name : "", r.checked && a.value.filter((o) => o.name !== r.name).forEach((o) => {
         o.checked = !r.checked;
-      }), e.emit("change", n.value), e.emit("selectionChange", r));
+      }), e.emit("change", a.value), e.emit("selectionChange", r));
     }
-    function q(a, r) {
+    function W(n, r) {
       let o;
-      switch (a.key) {
+      switch (n.key) {
         case "Backspace":
-          n.value = n.value.filter((j) => j.name !== r.name), e.emit("change", n.value);
+          a.value = a.value.filter((j) => j.name !== r.name), e.emit("change", a.value);
           break;
         case "ArrowLeft":
           o = Math.max(A.value.scrollLeft + 20, 0), A.value.scrollLeft = o;
@@ -634,59 +648,59 @@ const Ze = /* @__PURE__ */ he({
           o = Math.max(A.value.scrollLeft - 20, 0), A.value.scrollLeft = o;
       }
     }
-    function H(a, r) {
-      const o = n.value.findIndex((j) => j.name === r.name);
+    function _(n, r) {
+      const o = a.value.findIndex((j) => j.name === r.name);
       if (o > -1) {
-        const [j] = n.value.splice(o, 1);
-        y.value = m(), e.emit("change", n.value), e.emit("remove", n.value, j, o);
+        const [j] = a.value.splice(o, 1);
+        b.value = y(), e.emit("change", a.value), e.emit("remove", a.value, j, o);
       }
-      a.stopPropagation();
+      n.stopPropagation();
     }
     const ee = R(() => ({
       "farris-tag-item": !0,
       "farris-tag-add-button": !0,
       "farris-tag-add-button-disabled": !D.value
     }));
-    function de(a) {
+    function de(n) {
     }
     function te() {
       return k("li", {
         class: ee.value,
-        onClick: (a) => void 0
+        onClick: (n) => void 0
       }, [k("span", {
         class: "f-icon f-icon-amplification"
       }, null), k("span", {
         class: "farris-tag-add-text"
       }, [w.value])]);
     }
-    function ae(a) {
-      if (a && !a.innerText) {
+    function ae(n) {
+      if (n && !n.innerText) {
         const r = C.value;
         if (r > 0) {
-          const [o] = n.value.splice(r - 1, 1);
-          y.value.splice(r - 1, 1), e.emit("remove", n.value, o, r - 1);
+          const [o] = a.value.splice(r - 1, 1);
+          b.value.splice(r - 1, 1), e.emit("remove", a.value, o, r - 1);
         }
       }
     }
-    function _(a, r, o) {
-      a > -1 && (n.value.splice(a, 0, {
+    function H(n, r, o) {
+      n > -1 && (a.value.splice(n, 0, {
         name: r,
         value: o,
-        selectable: v.value
-      }), y.value = m(), e.emit("change", n.value));
+        selectable: p.value
+      }), b.value = y(), e.emit("change", a.value));
     }
-    function X(a) {
-      if (a && a.innerText) {
-        const r = a.innerText, o = C.value;
-        _(o, r, r), a.innerText = "";
+    function X(n) {
+      if (n && n.innerText) {
+        const r = n.innerText, o = C.value;
+        H(o, r, r), n.innerText = "";
       }
     }
-    function ne(a) {
-      const r = a.target;
-      r && (r.innerText ? X(r) : e.emit("change", n.value));
+    function ne(n) {
+      const r = n.target;
+      r && (r.innerText ? X(r) : e.emit("change", a.value));
     }
-    function se(a) {
-      a.key === "Enter" && X(a.target), a.key === "Backspace" && (ae(a.target), ue(() => {
+    function se(n) {
+      n.key === "Enter" && X(n.target), n.key === "Backspace" && (ae(n.target), ie(() => {
         var r;
         T.value && ((r = T.value) == null || r.focus());
       }));
@@ -702,35 +716,35 @@ const Ze = /* @__PURE__ */ he({
         onBlur: ne
       }, null)]);
     }
-    function s(a, r) {
+    function s(n, r) {
       return k("li", {
-        class: Z(a),
+        class: Z(n),
         style: x.value,
         tabindex: 0,
-        id: a.name,
-        key: a.name,
-        onClick: (o) => K(o, a),
-        onKeydown: (o) => q(o, a),
+        id: n.name,
+        key: n.name,
+        onClick: (o) => K(o, n),
+        onKeydown: (o) => W(o, n),
         draggable: "true",
-        onDragstart: (o) => G(o, a, r),
+        onDragstart: (o) => G(o, n, r),
         onDragenter: (o) => J(o, r),
-        onDragend: (o) => U(o, a),
+        onDragend: (o) => U(o, n),
         onDragover: (o) => Q(o, r)
       }, [k("div", {
-        title: a.name,
+        title: n.name,
         class: "tag-box"
-      }, [a.name]), p.value && k("span", {
+      }, [n.name]), v.value && k("span", {
         class: "tag-delete"
       }, [k("i", {
         class: "f-icon f-icon-close",
-        onClick: (o) => H(o, a)
+        onClick: (o) => _(o, n)
       }, null)])]);
     }
     function l() {
-      return y.value.map((a, r) => {
-        switch (a.type) {
+      return b.value.map((n, r) => {
+        switch (n.type) {
           case "Tag":
-            return s(a.payload, r);
+            return s(n.payload, r);
           case "AddButton":
             return te();
           case "Input":
@@ -740,49 +754,49 @@ const Ze = /* @__PURE__ */ he({
     }
     const u = R(() => ({
       "farris-tags-item-container": !0,
-      "farris-tag-item-capsule": b.value === "capsule"
+      "farris-tag-item-capsule": h.value === "capsule"
     }));
-    function M(a) {
-      const r = Math.max(A.value.scrollLeft - a.deltaX, 0);
+    function M(n) {
+      const r = Math.max(A.value.scrollLeft - n.deltaX, 0);
       A.value.scrollLeft = r;
     }
-    function re(a) {
-      const r = A.value, o = n.value.length - 1;
+    function re(n) {
+      const r = A.value, o = a.value.length - 1;
       if (r) {
         const j = Array.from(r.children).filter((L) => L.className.indexOf("farris-tag-item") > -1).findIndex((L) => {
-          const E = L.getBoundingClientRect(), oe = window.getComputedStyle(L), ve = parseInt(oe["margin-left"], 10) + E.width + parseInt(oe["margin-right"], 10);
-          return E.left + ve > a;
+          const P = L.getBoundingClientRect(), oe = window.getComputedStyle(L), ve = parseInt(oe["margin-left"], 10) + P.width + parseInt(oe["margin-right"], 10);
+          return P.left + ve > n;
         });
         if (j > -1)
           return j;
       }
       return o;
     }
-    function V(a) {
-      if (d.value) {
-        const o = re(a.clientX) + 1, L = y.value.filter((E) => E.type !== "Input");
+    function V(n) {
+      if (g.value) {
+        const o = re(n.clientX) + 1, L = b.value.filter((P) => P.type !== "Input");
         L.splice(o, 0, {
           type: "Input"
-        }), y.value = L, ue(() => {
-          var E;
-          T.value && ((E = T.value) == null || E.focus());
+        }), b.value = L, ie(() => {
+          var P;
+          T.value && ((P = T.value) == null || P.focus());
         });
       }
     }
-    function ge(a) {
+    function ge(n) {
       var o;
-      a.preventDefault(), a.stopPropagation();
-      const r = (o = a.dataTransfer) == null ? void 0 : o.getData("Text");
+      n.preventDefault(), n.stopPropagation();
+      const r = (o = n.dataTransfer) == null ? void 0 : o.getData("Text");
       if (r) {
-        const j = r.split(":"), L = j[0], E = j[1];
-        [...n.value].findIndex((ce) => (console.log(`${ce.value} === ${E} is ${ce.value === E}`), ce.value === E)) > -1 || _(n.value.length, L, E);
+        const j = r.split(":"), L = j[0], P = j[1];
+        [...a.value].findIndex((ce) => (console.log(`${ce.value} === ${P} is ${ce.value === P}`), ce.value === P)) > -1 || H(a.value.length, L, P);
       }
     }
-    function pe(a) {
-      a.preventDefault();
+    function pe(n) {
+      n.preventDefault();
     }
     return () => k("div", {
-      ref: I,
+      ref: $,
       class: Y.value,
       onClick: V,
       onDrop: ge,
@@ -790,20 +804,20 @@ const Ze = /* @__PURE__ */ he({
     }, [k("ul", {
       ref: A,
       class: u.value,
-      onWheel: (a) => M(a)
+      onWheel: (n) => M(n)
     }, [l()])]);
   }
 });
-z.register = (t, e, v, g) => {
-  t.tags = z, e.tags = ke;
+z.register = (t, e, p, c) => {
+  t.tags = z, e.tags = we;
 };
-z.registerDesigner = (t, e, v) => {
-  t.tags = Ze, e.tags = ke;
+z.registerDesigner = (t, e, p) => {
+  t.tags = xe, e.tags = we;
 };
-const tt = Be(z);
+const at = De(z);
 export {
   z as FTags,
-  tt as default,
-  ke as propsResolver,
+  at as default,
+  we as propsResolver,
   fe as tagsProps
 };