@farris/ui-vue 1.1.0 → 1.1.1

package/tags/index.esm.js

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