@farris/ui-vue 1.2.7 → 1.2.9

package/components/tags/index.esm.js

@@ -1,56 +1,57 @@
-import { ref as i, defineComponent as ye, computed as P, watch as q, nextTick as ue, createVNode as b, inject as we, onMounted as De } from "vue";
-import { cloneDeep as Be } from "lodash-es";
-function Ae(a, e, v) {
+import { withInstall as we } from "../common/index.esm.js";
+import { ref as i, defineComponent as he, computed as I, watch as q, nextTick as ue, createVNode as T, inject as De, onMounted as Be } from "vue";
+import { cloneDeep as Ae } from "lodash-es";
+function Ce(a, e, v) {
   return e;
 }
-const be = {}, Te = {};
+const ye = {}, be = {};
 function fe(a) {
-  const { properties: e, title: v } = a, g = Object.keys(e).reduce((r, h) => (r[h] = e[h].type === "object" && e[h].properties ? fe(e[h]) : Be(e[h].default), r), {});
-  return g.id = `${v}-${Date.now()}`, g;
+  const { properties: e, title: v, ignore: g } = a, n = g && Array.isArray(g), h = Object.keys(e).reduce((y, w) => ((!n || !g.find((C) => C == w)) && (y[w] = e[w].type === "object" && e[w].properties ? fe(e[w]) : Ae(e[w].default)), y), {});
+  return (!n || !g.find((y) => y == "id")) && (h.id = `${v}-${Date.now()}`), h;
 }
-function ie(a, e = {}) {
-  const v = be[a];
-  if (v) {
-    let g = fe(v);
-    const r = Te[a];
-    return g = r ? r({ getSchemaByType: ie }, g, e) : g, g;
+function ie(a, e = {}, v) {
+  const g = ye[a];
+  if (g) {
+    let n = fe(g);
+    const h = be[a];
+    return n = h ? h({ getSchemaByType: ie }, n, e, v) : n, n;
   }
   return null;
 }
 function Se(a, e) {
   const v = fe(e);
-  return Object.keys(a).reduce((g, r) => (g[r] = a[r], g), v), v;
+  return Object.keys(a).reduce((g, n) => (g[n] && typeof g[n] == "object" ? Object.assign(g[n], a[n]) : g[n] = a[n], g), v), v;
 }
-function Ce(a, e) {
-  return Object.keys(a).filter((g) => a[g] != null).reduce((g, r) => {
-    if (e.has(r)) {
-      const h = e.get(r);
+function Oe(a, e) {
+  return Object.keys(a).filter((g) => a[g] != null).reduce((g, n) => {
+    if (e.has(n)) {
+      const h = e.get(n);
       if (typeof h == "string")
-        g[h] = a[r];
+        g[h] = a[n];
       else {
-        const w = h(r, a[r], a);
-        Object.assign(g, w);
+        const y = h(n, a[n], a);
+        Object.assign(g, y);
       }
     } else
-      g[r] = a[r];
+      g[n] = a[n];
     return g;
   }, {});
 }
-function Oe(a, e, v = /* @__PURE__ */ new Map()) {
+function je(a, e, v = /* @__PURE__ */ new Map()) {
   const g = Se(a, e);
-  return Ce(g, v);
+  return Oe(g, v);
 }
-function je(a = {}) {
+function Me(a = {}) {
   function e(c, p, d, f) {
     if (typeof d == "number")
       return f[c].length === d;
     if (typeof d == "object") {
-      const T = Object.keys(d)[0], D = d[T];
-      if (T === "not")
+      const k = Object.keys(d)[0], D = d[k];
+      if (k === "not")
         return Number(f[c].length) !== Number(D);
-      if (T === "moreThan")
+      if (k === "moreThan")
         return Number(f[c].length) >= Number(D);
-      if (T === "lessThan")
+      if (k === "lessThan")
         return Number(f[c].length) <= Number(D);
     }
     return !1;
@@ -63,51 +64,51 @@ function je(a = {}) {
     ["getProperty", v]
   ]);
   Object.keys(a).reduce((c, p) => (c.set(p, a[p]), c), g);
-  function r(c, p) {
+  function n(c, p) {
     const d = c;
     return typeof p == "number" ? [{ target: d, operator: "length", param: null, value: Number(p) }] : typeof p == "boolean" ? [{ target: d, operator: "getProperty", param: c, value: !!p }] : typeof p == "object" ? Object.keys(p).map((f) => {
       if (f === "length")
         return { target: d, operator: "length", param: null, value: p[f] };
-      const T = f, D = p[f];
-      return { target: d, operator: "getProperty", param: T, value: D };
+      const k = f, D = p[f];
+      return { target: d, operator: "getProperty", param: k, value: D };
     }) : [];
   }
   function h(c) {
     return Object.keys(c).reduce((d, f) => {
-      const T = r(f, c[f]);
-      return d.push(...T), d;
+      const k = n(f, c[f]);
+      return d.push(...k), d;
     }, []);
   }
-  function w(c, p) {
+  function y(c, p) {
     if (g.has(c.operator)) {
       const d = g.get(c.operator);
       return d && d(c.target, c.param, c.value, p) || !1;
     }
     return !1;
   }
-  function O(c, p) {
-    return h(c).reduce((T, D) => T && w(D, p), !0);
+  function w(c, p) {
+    return h(c).reduce((k, D) => k && y(D, p), !0);
   }
   function C(c, p) {
-    const d = Object.keys(c), f = d.includes("allOf"), T = d.includes("anyOf"), D = f || T, y = (D ? c[D ? f ? "allOf" : "anyOf" : "allOf"] : [c]).map((V) => O(V, p));
-    return f ? !y.includes(!1) : y.includes(!0);
+    const d = Object.keys(c), f = d.includes("allOf"), k = d.includes("anyOf"), D = f || k, b = (D ? c[D ? f ? "allOf" : "anyOf" : "allOf"] : [c]).map((F) => w(F, p));
+    return f ? !b.includes(!1) : b.includes(!0);
   }
   return { parseValueSchema: C };
 }
-const Me = {}, Ee = {};
-je();
-function Pe(a, e, v = /* @__PURE__ */ new Map(), g = (w, O, C) => O, r = {}, h = (w) => w) {
-  return be[e.title] = e, Te[e.title] = g, Me[e.title] = r, Ee[e.title] = h, (w = {}) => {
-    const O = Oe(w, e, v), C = Object.keys(a).reduce((c, p) => (c[p] = a[p].default, c), {});
-    return Object.assign(C, O);
+const Ee = {}, Pe = {};
+Me();
+function Ie(a, e, v = /* @__PURE__ */ new Map(), g = (y, w, C) => w, n = {}, h = (y) => y) {
+  return ye[e.title] = e, be[e.title] = g, Ee[e.title] = n, Pe[e.title] = h, (y = {}) => {
+    const w = je(y, e, v), C = Object.keys(a).reduce((c, p) => (c[p] = a[p].default, c), {});
+    return Object.assign(C, w);
   };
 }
-function Re(a, e) {
+function Le(a, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-const Le = /* @__PURE__ */ new Map([
-  ["appearance", Re]
-]), Ie = "tags", Ne = "A Farris Component", $e = "object", Ve = {
+const Re = /* @__PURE__ */ new Map([
+  ["appearance", Le]
+]), Ne = "tags", $e = "A Farris Component", Ve = "object", Fe = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -129,12 +130,12 @@ const Le = /* @__PURE__ */ new Map([
       }
     }
   }
-}, Fe = {
-  title: Ie,
-  description: Ne,
-  type: $e,
-  categories: Ve
-}, We = "https://json-schema.org/draft/2020-12/schema", xe = "https://farris-design.gitee.io/tags.schema.json", qe = "tags", He = "A Farris Component", _e = "object", Xe = {
+}, We = {
+  title: Ne,
+  description: $e,
+  type: Ve,
+  categories: Fe
+}, xe = "https://json-schema.org/draft/2020-12/schema", qe = "https://farris-design.gitee.io/tags.schema.json", He = "tags", _e = "A Farris Component", Xe = "object", Je = {
   id: {
     description: "The unique identifier for tags",
     type: "string"
@@ -196,17 +197,17 @@ const Le = /* @__PURE__ */ new Map([
     type: "boolean",
     default: !0
   }
-}, Je = [
+}, ze = [
   "id",
   "type"
-], ze = {
-  $schema: We,
-  $id: xe,
-  title: qe,
-  description: He,
-  type: _e,
-  properties: Xe,
-  required: Je
+], Ge = {
+  $schema: xe,
+  $id: qe,
+  title: He,
+  description: _e,
+  type: Xe,
+  properties: Je,
+  required: ze
 }, de = {
   activeTag: { type: String, default: "" },
   addButtonText: { type: String, default: "" },
@@ -223,18 +224,18 @@ const Le = /* @__PURE__ */ new Map([
   wrapText: { type: Boolean, default: !1 },
   draggable: { type: Boolean, default: !1 },
   disable: { type: Boolean, default: !1 }
-}, he = Pe(de, ze, Le, Ae, Fe);
+}, Te = Ie(de, Ge, Re, Ce, We);
 function ke(a, e, v, g) {
-  const r = i(-1), h = i(!1);
-  function w(p, d, f) {
+  const n = i(-1), h = i(!1);
+  function y(p, d, f) {
     p.stopPropagation(), d && setTimeout(() => {
-      r.value = f, h.value = !0, d.moving = !0;
+      n.value = f, h.value = !0, d.moving = !0;
     });
   }
-  function O(p, d) {
-    if (p.preventDefault(), r.value !== d) {
-      const f = g.value[r.value], T = g.value;
-      T.splice(r.value, 1), T.splice(d, 0, f), r.value = d;
+  function w(p, d) {
+    if (p.preventDefault(), n.value !== d) {
+      const f = g.value[n.value], k = g.value;
+      k.splice(n.value, 1), k.splice(d, 0, f), n.value = d;
     }
   }
   function C(p, d) {
@@ -244,72 +245,72 @@ function ke(a, e, v, g) {
     d && (d.moving = !1), v.value = g.value.filter((f) => f.type === "Tag").map((f) => f.payload), h.value = !1, e.emit("change", v.value);
   }
   return {
-    dragstart: w,
-    dragenter: O,
+    dragstart: y,
+    dragenter: w,
     dragover: C,
     dragend: c,
     isDragging: h
   };
 }
-const ce = /* @__PURE__ */ ye({
+const G = /* @__PURE__ */ he({
   name: "FTags",
   props: de,
   emits: ["remove", "selectionChange", "change"],
   setup(a, e) {
-    const v = i(a.selectable), g = i(a.customClass), r = i(a.data), h = i(a.tagType), w = i(a.tagStyle), O = i(a.showColor), C = i(a.customStyle), c = i(a.activeTag), p = i(a.showClose), d = i(a.addButtonText), f = i(), T = i(a.wrapText), D = i();
+    const v = i(a.selectable), g = i(a.customClass), n = i(a.data), h = i(a.tagType), y = i(a.tagStyle), w = i(a.showColor), C = i(a.customStyle), c = i(a.activeTag), p = i(a.showClose), d = i(a.addButtonText), f = i(), k = i(a.wrapText), D = i();
     i(a.disable);
     const B = i(!1);
-    function E() {
-      const n = r.value.map((s) => ({
+    function P() {
+      const r = n.value.map((s) => ({
         type: "Tag",
         payload: s
       }));
-      return a.showAddButton && n.push({
+      return a.showAddButton && r.push({
         type: "AddButton"
-      }), n;
+      }), r;
     }
-    const y = i(E());
-    function N(n) {
-      r.value = n, y.value = E();
+    const b = i(P());
+    function $(r) {
+      n.value = r, b.value = P();
     }
-    const V = P(() => y.value.findIndex((n) => n.type === "Input")), F = ke(a, e, r, y), {
-      dragstart: R,
+    const F = I(() => b.value.findIndex((r) => r.type === "Input")), W = ke(a, e, n, b), {
+      dragstart: L,
       dragenter: m,
-      dragover: A,
-      dragend: k
-    } = F;
-    q(() => a.data, (n) => N(n)), q(() => a.showAddButton, () => {
-      y.value = E();
-    }), q(() => a.disable, (n) => {
-      y.value = E();
-    }), q(() => a.activeTag, (n) => {
-      c.value = n;
-    }), q(B, (n) => {
-      const s = [...y.value];
-      n ? s.length > 0 && s[s.length - 1].type !== "Input" && (s.splice(s.length - 1, 1), s.splice(s.length, 0, {
+      dragover: O,
+      dragend: A
+    } = W;
+    q(() => a.data, (r) => $(r)), q(() => a.showAddButton, () => {
+      b.value = P();
+    }), q(() => a.disable, (r) => {
+      b.value = P();
+    }), q(() => a.activeTag, (r) => {
+      c.value = r;
+    }), q(B, (r) => {
+      const s = [...b.value];
+      r ? s.length > 0 && s[s.length - 1].type !== "Input" && (s.splice(s.length - 1, 1), s.splice(s.length, 0, {
         type: "Input"
-      }), y.value = s, ue(() => {
+      }), b.value = s, ue(() => {
         var u;
         D.value && ((u = D.value) == null || u.focus());
       })) : s.length > 0 && s[s.length - 1].type !== "AddButton" && (s.splice(s.length - 1, 1), s.splice(s.length, 0, {
         type: "AddButton"
-      }), y.value = s);
+      }), b.value = s);
     });
-    const $ = P(() => {
-      const n = {
+    const M = I(() => {
+      const r = {
         "farris-tags": !0,
         "farris-tags-checkable": v.value,
-        "farris-tags-nowrap": !T.value
+        "farris-tags-nowrap": !k.value
       };
-      return g.value.split(" ").reduce((s, u) => (s[u] = !0, s), n), n;
+      return g.value.split(" ").reduce((s, u) => (s[u] = !0, s), r), r;
     });
-    function W(n) {
+    function V(r) {
       const s = {
         "farris-tag-item": !0,
-        "farris-tag-item-checked": v.value && n.checked,
+        "farris-tag-item-checked": v.value && r.checked,
         "farris-tag-item-checkable": v.value,
-        "farris-tag-item-has-color": O.value,
-        "farris-tag-item-actived": c.value === n.name
+        "farris-tag-item-has-color": w.value,
+        "farris-tag-item-actived": c.value === r.name
       };
       if (h.value) {
         const u = `farris-tag-item-${h.value}`;
@@ -317,23 +318,23 @@ const ce = /* @__PURE__ */ ye({
       }
       return s;
     }
-    const L = P(() => {
-      const n = {};
+    const R = I(() => {
+      const r = {};
       return C.value && C.value.split(";").reduce((s, u) => {
         const j = u.split(":");
         return s[j[0]] = j[1], s;
-      }, n), n;
+      }, r), r;
     });
-    function H(n, s) {
-      !a.disable && v.value && (!s.hasOwnProperty("selectable") || s.selectable) && (s.checked = !s.checked, c.value = s.checked ? s.name : "", s.checked && r.value.filter((u) => u.name !== s.name).forEach((u) => {
+    function H(r, s) {
+      !a.disable && v.value && (!s.hasOwnProperty("selectable") || s.selectable) && (s.checked = !s.checked, c.value = s.checked ? s.name : "", s.checked && n.value.filter((u) => u.name !== s.name).forEach((u) => {
         u.checked = !s.checked;
-      }), e.emit("change", r.value), e.emit("selectionChange", s));
+      }), e.emit("change", n.value), e.emit("selectionChange", s));
     }
-    function G(n, s) {
+    function Q(r, s) {
       let u;
-      switch (n.key) {
+      switch (r.key) {
         case "Backspace":
-          r.value = r.value.filter((j) => j.name !== s.name), e.emit("change", r.value);
+          n.value = n.value.filter((j) => j.name !== s.name), e.emit("change", n.value);
           break;
         case "ArrowLeft":
           u = Math.max(f.value.scrollLeft + 20, 0), f.value.scrollLeft = u;
@@ -342,140 +343,140 @@ const ce = /* @__PURE__ */ ye({
           u = Math.max(f.value.scrollLeft - 20, 0), f.value.scrollLeft = u;
       }
     }
-    function Q(n, s) {
-      const u = r.value.findIndex((j) => j.name === s.name);
+    function U(r, s) {
+      const u = n.value.findIndex((j) => j.name === s.name);
       if (u > -1) {
-        const [j] = r.value.splice(u, 1);
-        y.value = E(), e.emit("change", r.value), e.emit("remove", {
-          tags: r.value,
+        const [j] = n.value.splice(u, 1);
+        b.value = P(), e.emit("change", n.value), e.emit("remove", {
+          tags: n.value,
           remove: j
         });
       }
-      n.stopPropagation();
+      r.stopPropagation();
     }
-    const U = P(() => ({
+    const Y = I(() => ({
       "farris-tag-item": !0,
       "farris-tag-add-button": !0,
       "farris-tag-add-button-disabled": !a.enableAddButton
     }));
-    function Y(n) {
-      n.stopPropagation(), B.value = !0;
-    }
-    function Z() {
-      return !a.disable && b("li", {
-        class: U.value,
-        onClick: (n) => Y(n)
-      }, [b("span", {
+    function Z(r) {
+      r.stopPropagation(), B.value = !0;
+    }
+    function K() {
+      return !a.disable && T("li", {
+        class: Y.value,
+        onClick: (r) => Z(r)
+      }, [T("span", {
         class: "f-icon f-icon-amplification"
-      }, null), d.value && b("span", {
+      }, null), d.value && T("span", {
         class: "farris-tag-add-text"
       }, [d.value])]);
     }
-    function _(n, s, u) {
-      n > -1 && (r.value.splice(n, 0, {
+    function _(r, s, u) {
+      r > -1 && (n.value.splice(r, 0, {
         name: s,
         value: u,
         selectable: v.value
-      }), y.value = E(), B.value = !1, e.emit("change", r.value));
+      }), b.value = P(), B.value = !1, e.emit("change", n.value));
     }
-    function X(n) {
-      if (n && n.value) {
-        const s = n.value, u = V.value;
-        _(u, s, s), n.innerText = "";
+    function X(r) {
+      if (r && r.value) {
+        const s = r.value, u = F.value;
+        _(u, s, s), r.innerText = "";
       } else
         B.value = !1;
     }
-    function K(n) {
-      const s = n.target;
+    function ee(r) {
+      const s = r.target;
       s && s.value ? X(s) : B.value = !1;
     }
-    function pe(n) {
-      n.key === "Enter" && X(n.target);
+    function ge(r) {
+      r.key === "Enter" && X(r.target);
     }
-    function ee() {
-      return !a.disable && b("li", {
+    function te() {
+      return !a.disable && T("li", {
         class: "farris-tag-input-box"
-      }, [b("input", {
+      }, [T("input", {
         title: "farris-tag-input-box",
         ref: D,
         class: "form-control",
-        onKeyup: pe,
-        onBlur: K
+        onKeyup: ge,
+        onBlur: ee
       }, null)]);
     }
-    function te(n, s) {
-      return b("li", {
-        class: W(n),
-        style: L.value,
+    function ae(r, s) {
+      return T("li", {
+        class: V(r),
+        style: R.value,
         tabindex: 0,
-        id: n.name,
-        key: n.name,
-        onClick: (u) => H(u, n),
-        onKeydown: (u) => G(u, n),
+        id: r.name,
+        key: r.name,
+        onClick: (u) => H(u, r),
+        onKeydown: (u) => Q(u, r),
         draggable: "true",
-        onDragstart: (u) => R(u, n, s),
+        onDragstart: (u) => L(u, r, s),
         onDragenter: (u) => m(u, s),
-        onDragend: (u) => k(u, n),
-        onDragover: (u) => A(u, s)
-      }, [b("span", {
-        title: n.name,
+        onDragend: (u) => A(u, r),
+        onDragover: (u) => O(u, s)
+      }, [T("span", {
+        title: r.name,
         class: "tag-box"
-      }, [n.name]), !a.disable && p.value && b("span", {
+      }, [r.name]), !a.disable && p.value && T("span", {
         class: "tag-delete"
-      }, [b("i", {
+      }, [T("i", {
         class: "f-icon f-icon-close",
-        onClick: (u) => Q(u, n)
+        onClick: (u) => U(u, r)
       }, null)])]);
     }
     function J() {
-      return y.value.map((n, s) => {
-        switch (n.type) {
+      return b.value.map((r, s) => {
+        switch (r.type) {
           case "Tag":
-            return te(n.payload, s);
+            return ae(r.payload, s);
           case "AddButton":
-            return Z();
+            return K();
           case "Input":
-            return ee();
+            return te();
         }
       });
     }
-    const z = P(() => ({
+    const z = I(() => ({
       "farris-tags-item-container": !0,
-      "farris-tag-item-capsule": w.value === "capsule"
+      "farris-tag-item-capsule": y.value === "capsule"
     }));
-    function ae(n) {
-      const s = Math.max(f.value.scrollLeft - n.deltaX, 0);
+    function ne(r) {
+      const s = Math.max(f.value.scrollLeft - r.deltaX, 0);
       f.value.scrollLeft = s;
     }
-    function ne(n) {
+    function re(r) {
       var u;
-      n.preventDefault(), n.stopPropagation();
-      const s = (u = n.dataTransfer) == null ? void 0 : u.getData("Text");
+      r.preventDefault(), r.stopPropagation();
+      const s = (u = r.dataTransfer) == null ? void 0 : u.getData("Text");
       if (s) {
-        const j = s.split(":"), se = j[0], x = j[1];
-        [...r.value].findIndex((t) => (console.log(`${t.value} === ${x} is ${t.value === x}`), t.value === x)) > -1 || _(r.value.length, se, x);
+        const j = s.split(":"), le = j[0], x = j[1];
+        [...n.value].findIndex((t) => (console.log(`${t.value} === ${x} is ${t.value === x}`), t.value === x)) > -1 || _(n.value.length, le, x);
       }
     }
-    function re(n) {
-      n.preventDefault();
+    function se(r) {
+      r.preventDefault();
     }
-    return () => b("div", {
-      class: $.value,
-      onDrop: ne,
-      onDragover: re
-    }, [b("ul", {
+    return () => T("div", {
+      class: M.value,
+      onDrop: re,
+      onDragover: se
+    }, [T("ul", {
       ref: f,
       class: z.value,
-      onWheel: (n) => ae(n)
+      onWheel: (r) => ne(r)
     }, [J()])]);
   }
 });
-function Ge(a, e, v) {
-  var R;
+function Qe(a, e, v) {
+  var L;
   function g() {
   }
-  const r = "", h = "", w = i();
-  function O() {
+  const n = "", h = "", y = i();
+  function w() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
   function C() {
@@ -492,14 +493,14 @@ function Ge(a, e, v) {
       return null;
     if (m.value.schema && m.value.schema.type === "component")
       return m.value;
-    const A = i(m == null ? void 0 : m.value.parent), k = d(A);
-    return k || null;
+    const O = i(m == null ? void 0 : m.value.parent), A = d(O);
+    return A || null;
   }
   function f(m = e) {
-    const { componentInstance: A, designerItemElementRef: k } = m;
-    return !A || !A.value ? null : A.value.canMove ? k : f(m.parent);
+    const { componentInstance: O, designerItemElementRef: A } = m;
+    return !O || !O.value ? null : O.value.canMove ? A : f(m.parent);
   }
-  function T(m) {
+  function k(m) {
     return !!v;
   }
   function D() {
@@ -507,64 +508,64 @@ function Ge(a, e, v) {
   }
   function B() {
   }
-  function E(m, A) {
+  function P(m, O) {
   }
-  function y(m) {
+  function b(m, O) {
     const { componentType: A } = m;
-    let k = ie(A, m);
-    const $ = A.toLowerCase().replace("-", "_");
-    return k && !k.id && k.type === A && (k.id = `${$}_${Math.random().toString().slice(2, 6)}`), k;
+    let M = ie(A, m, O);
+    const V = A.toLowerCase().replace("-", "_");
+    return M && !M.id && M.type === A && (M.id = `${V}_${Math.random().toString().slice(2, 6)}`), M;
   }
-  function N(m, A) {
-    const k = String(m.getAttribute("data-controltype")), $ = m.getAttribute("data-feature"), W = $ ? JSON.parse($) : {};
-    W.parentComponentInstance = w.value;
-    let L = ie(k, W);
-    const H = k.toLowerCase().replace("-", "_");
-    return L && !L.id && L.type === k && (L.id = `${H}_${Math.random().toString().slice(2, 6)}`), L;
+  function $(m, O) {
+    const A = String(m.getAttribute("data-controltype")), M = m.getAttribute("data-feature"), V = M ? JSON.parse(M) : {};
+    V.parentComponentInstance = y.value;
+    let R = ie(A, V);
+    const H = A.toLowerCase().replace("-", "_");
+    return R && !R.id && R.type === A && (R.id = `${H}_${Math.random().toString().slice(2, 6)}`), R;
   }
-  function V(m) {
+  function F(m) {
   }
-  function F(...m) {
+  function W(...m) {
   }
-  return w.value = {
-    canMove: O(),
+  return y.value = {
+    canMove: w(),
     canSelectParent: C(),
     canDelete: c(),
     canNested: !p(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: a,
-    parent: (R = e == null ? void 0 : e.parent) == null ? void 0 : R.componentInstance,
+    parent: (L = e == null ? void 0 : e.parent) == null ? void 0 : L.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: r,
+    styles: n,
     designerClass: h,
-    canAccepts: T,
+    canAccepts: k,
     getBelongedComponentInstance: d,
     getDraggableDesignItemElement: f,
     getDraggingDisplayText: D,
-    getPropConfig: F,
+    getPropConfig: W,
     getDragScopeElement: B,
-    onAcceptMovedChildElement: E,
-    onAcceptNewChildElement: N,
-    onChildElementMovedOut: V,
-    addNewChildComponentSchema: y,
+    onAcceptMovedChildElement: P,
+    onAcceptNewChildElement: $,
+    onChildElementMovedOut: F,
+    addNewChildComponentSchema: b,
     updateDragAndDropRules: g,
     triggerBelongedComponentToMoveWhenMoved: i(!1),
     triggerBelongedComponentToDeleteWhenDeleted: i(!1)
-  }, w;
+  }, y;
 }
-const Qe = /* @__PURE__ */ ye({
+const Ue = /* @__PURE__ */ he({
   name: "FTagsDesign",
   props: de,
   emits: ["remove", "selectionChange", "change"],
   setup(a, e) {
-    const v = i(a.selectable), g = i(a.customClass), r = i(a.data), h = i(a.tagType), w = i(a.tagStyle), O = i(a.showColor), C = i(a.activeTag), c = i(a.customStyle), p = i(a.showClose), d = i(a.showAddButton), f = i(a.showInput), T = i(a.addButtonText), D = i(a.enableAddButton);
+    const v = i(a.selectable), g = i(a.customClass), n = i(a.data), h = i(a.tagType), y = i(a.tagStyle), w = i(a.showColor), C = i(a.activeTag), c = i(a.customStyle), p = i(a.showClose), d = i(a.showAddButton), f = i(a.showInput), k = i(a.addButtonText), D = i(a.enableAddButton);
     i(a.placeholder), i(""), i();
-    const B = i(), E = i(a.wrapText), y = i(), N = i(), V = we("design-item-context"), F = Ge(N, V);
-    De(() => {
-      N.value.componentInstance = F;
-    }), e.expose(F.value);
-    function R() {
-      const t = r.value.map((l) => ({
+    const B = i(), P = i(a.wrapText), b = i(), $ = i(), F = De("design-item-context"), W = Qe($, F);
+    Be(() => {
+      $.value.componentInstance = W;
+    }), e.expose(W.value);
+    function L() {
+      const t = n.value.map((l) => ({
         type: "Tag",
         payload: l
       }));
@@ -572,31 +573,31 @@ const Qe = /* @__PURE__ */ ye({
         type: "AddButton"
       }), t;
     }
-    const m = i(R());
-    function A(t) {
-      r.value = t, m.value = R();
+    const m = i(L());
+    function O(t) {
+      n.value = t, m.value = L();
     }
-    const k = P(() => m.value.findIndex((t) => t.type === "Input")), $ = ke(a, e, r, m), {
-      dragstart: W,
-      dragenter: L,
+    const A = I(() => m.value.findIndex((t) => t.type === "Input")), M = ke(a, e, n, m), {
+      dragstart: V,
+      dragenter: R,
       dragover: H,
-      dragend: G
-    } = $;
-    q(() => a.data, (t) => A(t));
-    const Q = P(() => {
+      dragend: Q
+    } = M;
+    q(() => a.data, (t) => O(t));
+    const U = I(() => {
       const t = {
         "farris-tags": !0,
         "farris-tags-checkable": v.value,
-        "farris-tags-nowrap": !E.value
+        "farris-tags-nowrap": !P.value
       };
       return g.value.split(" ").reduce((l, o) => (l[o] = !0, l), t), t;
     });
-    function U(t) {
+    function Y(t) {
       const l = {
         "farris-tag-item": !0,
         "farris-tag-item-checked": v.value && t.checked,
         "farris-tag-item-checkable": v.value,
-        "farris-tag-item-has-color": O.value,
+        "farris-tag-item-has-color": w.value,
         "farris-tag-item-actived": C.value === t.name
       };
       if (h.value) {
@@ -605,23 +606,23 @@ const Qe = /* @__PURE__ */ ye({
       }
       return l;
     }
-    const Y = P(() => {
+    const Z = I(() => {
       const t = {};
       return c.value && c.value.split(";").reduce((l, o) => {
         const S = o.split(":");
         return l[S[0]] = S[1], l;
       }, t), t;
     });
-    function Z(t, l) {
-      v.value && l.selectable && (l.checked = !l.checked, C.value = l.checked ? l.name : "", l.checked && r.value.filter((o) => o.name !== l.name).forEach((o) => {
+    function K(t, l) {
+      v.value && l.selectable && (l.checked = !l.checked, C.value = l.checked ? l.name : "", l.checked && n.value.filter((o) => o.name !== l.name).forEach((o) => {
         o.checked = !l.checked;
-      }), e.emit("change", r.value), e.emit("selectionChange", l));
+      }), e.emit("change", n.value), e.emit("selectionChange", l));
     }
     function _(t, l) {
       let o;
       switch (t.key) {
         case "Backspace":
-          r.value = r.value.filter((S) => S.name !== l.name), e.emit("change", r.value);
+          n.value = n.value.filter((S) => S.name !== l.name), e.emit("change", n.value);
           break;
         case "ArrowLeft":
           o = Math.max(B.value.scrollLeft + 20, 0), B.value.scrollLeft = o;
@@ -631,93 +632,93 @@ const Qe = /* @__PURE__ */ ye({
       }
     }
     function X(t, l) {
-      const o = r.value.findIndex((S) => S.name === l.name);
+      const o = n.value.findIndex((S) => S.name === l.name);
       if (o > -1) {
-        const [S] = r.value.splice(o, 1);
-        m.value = R(), e.emit("change", r.value), e.emit("remove", r.value, S, o);
+        const [S] = n.value.splice(o, 1);
+        m.value = L(), e.emit("change", n.value), e.emit("remove", n.value, S, o);
       }
       t.stopPropagation();
     }
-    const K = P(() => ({
+    const ee = I(() => ({
       "farris-tag-item": !0,
       "farris-tag-add-button": !0,
       "farris-tag-add-button-disabled": !D.value
     }));
-    function pe(t) {
+    function ge(t) {
     }
-    function ee() {
-      return b("li", {
-        class: K.value,
+    function te() {
+      return T("li", {
+        class: ee.value,
         onClick: (t) => void 0
-      }, [b("span", {
+      }, [T("span", {
         class: "f-icon f-icon-amplification"
-      }, null), b("span", {
+      }, null), T("span", {
         class: "farris-tag-add-text"
-      }, [T.value])]);
+      }, [k.value])]);
     }
-    function te(t) {
+    function ae(t) {
       if (t && !t.innerText) {
-        const l = k.value;
+        const l = A.value;
         if (l > 0) {
-          const [o] = r.value.splice(l - 1, 1);
-          m.value.splice(l - 1, 1), e.emit("remove", r.value, o, l - 1);
+          const [o] = n.value.splice(l - 1, 1);
+          m.value.splice(l - 1, 1), e.emit("remove", n.value, o, l - 1);
         }
       }
     }
     function J(t, l, o) {
-      t > -1 && (r.value.splice(t, 0, {
+      t > -1 && (n.value.splice(t, 0, {
         name: l,
         value: o,
         selectable: v.value
-      }), m.value = R(), e.emit("change", r.value));
+      }), m.value = L(), e.emit("change", n.value));
     }
     function z(t) {
       if (t && t.innerText) {
-        const l = t.innerText, o = k.value;
+        const l = t.innerText, o = A.value;
         J(o, l, l), t.innerText = "";
       }
     }
-    function ae(t) {
+    function ne(t) {
       const l = t.target;
-      l && (l.innerText ? z(l) : e.emit("change", r.value));
+      l && (l.innerText ? z(l) : e.emit("change", n.value));
     }
-    function ne(t) {
-      t.key === "Enter" && z(t.target), t.key === "Backspace" && (te(t.target), ue(() => {
+    function re(t) {
+      t.key === "Enter" && z(t.target), t.key === "Backspace" && (ae(t.target), ue(() => {
         var l;
-        y.value && ((l = y.value) == null || l.focus());
+        b.value && ((l = b.value) == null || l.focus());
       }));
     }
-    function re() {
-      return b("li", {
+    function se() {
+      return T("li", {
         class: "farris-tag-input-box"
-      }, [b("div", {
-        ref: y,
+      }, [T("div", {
+        ref: b,
         class: "form-control",
         contenteditable: "true",
-        onKeyup: ne,
-        onBlur: ae
+        onKeyup: re,
+        onBlur: ne
       }, null)]);
     }
-    function n(t, l) {
-      return b("li", {
-        class: U(t),
-        style: Y.value,
+    function r(t, l) {
+      return T("li", {
+        class: Y(t),
+        style: Z.value,
         tabindex: 0,
         id: t.name,
         key: t.name,
-        onClick: (o) => Z(o, t),
+        onClick: (o) => K(o, t),
         onKeydown: (o) => _(o, t),
         draggable: "true",
-        onDragstart: (o) => W(o, t, l),
-        onDragenter: (o) => L(o, l),
-        onDragend: (o) => G(o, t),
+        onDragstart: (o) => V(o, t, l),
+        onDragenter: (o) => R(o, l),
+        onDragend: (o) => Q(o, t),
         onDragover: (o) => H(o, l)
-      }, [b("div", {
+      }, [T("div", {
         title: t.name,
         class: "tag-box"
-      }, [t.name]), p.value && b("span", {
+      }, [t.name]), p.value && T("span", {
         class: "tag-delete"
-      }, [b("i", {
+      }, [T("i", {
         class: "f-icon f-icon-close",
         onClick: (o) => X(o, t)
       }, null)])]);
@@ -726,28 +727,28 @@ const Qe = /* @__PURE__ */ ye({
       return m.value.map((t, l) => {
         switch (t.type) {
           case "Tag":
-            return n(t.payload, l);
+            return r(t.payload, l);
           case "AddButton":
-            return ee();
+            return te();
           case "Input":
-            return re();
+            return se();
         }
       });
     }
-    const u = P(() => ({
+    const u = I(() => ({
       "farris-tags-item-container": !0,
-      "farris-tag-item-capsule": w.value === "capsule"
+      "farris-tag-item-capsule": y.value === "capsule"
     }));
     function j(t) {
       const l = Math.max(B.value.scrollLeft - t.deltaX, 0);
       B.value.scrollLeft = l;
     }
-    function se(t) {
-      const l = B.value, o = r.value.length - 1;
+    function le(t) {
+      const l = B.value, o = n.value.length - 1;
       if (l) {
-        const S = Array.from(l.children).filter((I) => I.className.indexOf("farris-tag-item") > -1).findIndex((I) => {
-          const M = I.getBoundingClientRect(), le = window.getComputedStyle(I), me = parseInt(le["margin-left"], 10) + M.width + parseInt(le["margin-right"], 10);
-          return M.left + me > t;
+        const S = Array.from(l.children).filter((N) => N.className.indexOf("farris-tag-item") > -1).findIndex((N) => {
+          const E = N.getBoundingClientRect(), oe = window.getComputedStyle(N), me = parseInt(oe["margin-left"], 10) + E.width + parseInt(oe["margin-right"], 10);
+          return E.left + me > t;
         });
         if (S > -1)
           return S;
@@ -756,53 +757,50 @@ const Qe = /* @__PURE__ */ ye({
     }
     function x(t) {
       if (f.value) {
-        const o = se(t.clientX) + 1, I = m.value.filter((M) => M.type !== "Input");
-        I.splice(o, 0, {
+        const o = le(t.clientX) + 1, N = m.value.filter((E) => E.type !== "Input");
+        N.splice(o, 0, {
           type: "Input"
-        }), m.value = I, ue(() => {
-          var M;
-          y.value && ((M = y.value) == null || M.focus());
+        }), m.value = N, ue(() => {
+          var E;
+          b.value && ((E = b.value) == null || E.focus());
         });
       }
     }
-    function ge(t) {
+    function pe(t) {
       var o;
       t.preventDefault(), t.stopPropagation();
       const l = (o = t.dataTransfer) == null ? void 0 : o.getData("Text");
       if (l) {
-        const S = l.split(":"), I = S[0], M = S[1];
-        [...r.value].findIndex((oe) => (console.log(`${oe.value} === ${M} is ${oe.value === M}`), oe.value === M)) > -1 || J(r.value.length, I, M);
+        const S = l.split(":"), N = S[0], E = S[1];
+        [...n.value].findIndex((ce) => (console.log(`${ce.value} === ${E} is ${ce.value === E}`), ce.value === E)) > -1 || J(n.value.length, N, E);
       }
     }
     function ve(t) {
       t.preventDefault();
     }
-    return () => b("div", {
-      ref: N,
-      class: Q.value,
+    return () => T("div", {
+      ref: $,
+      class: U.value,
       onClick: x,
-      onDrop: ge,
+      onDrop: pe,
       onDragover: ve
-    }, [b("ul", {
+    }, [T("ul", {
       ref: B,
       class: u.value,
       onWheel: (t) => j(t)
     }, [s()])]);
   }
-}), Ze = {
-  install(a) {
-    a.component(ce.name, ce);
-  },
-  register(a, e, v, g) {
-    a.tags = ce, e.tags = he;
-  },
-  registerDesigner(a, e, v) {
-    a.tags = Qe, e.tags = he;
-  }
+});
+G.register = (a, e, v, g) => {
+  a.tags = G, e.tags = Te;
+};
+G.registerDesigner = (a, e, v) => {
+  a.tags = Ue, e.tags = Te;
 };
+const et = we(G);
 export {
-  ce as FTags,
-  Ze as default,
-  he as propsResolver,
+  G as FTags,
+  et as default,
+  Te as propsResolver,
   de as tagsProps
 };