geekin-devtoys 0.3.3 → 0.3.4

package/lib/GInputTreeTag/index.mjs

@@ -1,142 +1,12 @@
-import { onMounted as fe, onUnmounted as Te, defineComponent as me, computed as p, createBlock as K, openBlock as _, resolveDynamicComponent as Be, Transition as Pe, TransitionGroup as ze, mergeProps as Re, unref as E, withCtx as A, renderSlot as P, ref as x, watch as He, nextTick as le, onBeforeUnmount as Oe, createElementBlock as U, normalizeClass as G, createElementVNode as D, createCommentVNode as X, normalizeStyle as Z, createVNode as B, withKeys as Ne, Teleport as Ue, withModifiers as Ke, createTextVNode as ie, toDisplayString as re, Fragment as We, renderList as je } from "vue";
-import { ElInput as qe, ElTree as Ge, ElTag as De, ElMessage as se } from "element-plus";
-import { u as Xe, f as Ze, p as Je, m as ue, a as de, b as ce } from "../index-Bi7JS7ve.mjs";
-import { _ as Qe } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
-var Ye = 0;
-function et(d) {
-  const c = /* @__PURE__ */ new WeakMap(), f = Xe();
-  function a(s) {
-    if (d.mode !== "popLayout") return;
-    const v = s.offsetParent, S = v instanceof HTMLElement && v.offsetWidth || 0, m = {
-      height: s.offsetHeight || 0,
-      width: s.offsetWidth || 0,
-      top: s.offsetTop,
-      left: s.offsetLeft,
-      right: 0
-    };
-    m.right = S - m.width - m.left;
-    const C = d.anchorX === "left" ? `left: ${m.left}px` : `right: ${m.right}px`, k = `pop-${Ye++}`;
-    s.dataset.motionPopId = k;
-    const n = document.createElement("style");
-    f.value.nonce && (n.nonce = f.value.nonce), c.set(s, n), document.head.appendChild(n), n.sheet && n.sheet.insertRule(`
-    [data-motion-pop-id="${k}"] {
-      position: absolute !important;
-      width: ${m.width}px !important;
-      height: ${m.height}px !important;
-      top: ${m.top}px !important;
-      ${C} !important;
-      }
-      `);
-  }
-  function u(s) {
-    const v = c.get(s);
-    v && (c.delete(s), Ze.render(() => {
-      document.head.removeChild(v);
-    }));
-  }
-  return {
-    addPopStyle: a,
-    removePopStyle: u
-  };
-}
-var tt = 0;
-function at(d) {
-  const c = String(tt++), f = /* @__PURE__ */ new Map(), { addPopStyle: a, removePopStyle: u } = et(d);
-  function s(n) {
-    const i = [], l = ue.get(n);
-    l && n.getAttribute(de.motionAttribute) === c && i.push(l);
-    const g = Array.from(n.querySelectorAll(`[${de.motionAttribute}="${c}"]`));
-    for (const V of g) {
-      const y = ue.get(V);
-      y && i.push(y);
-    }
-    return i;
-  }
-  function v(n, i) {
-    const l = f.get(n);
-    l && (l.remaining.delete(i), l.remaining.size === 0 && m(l));
-  }
-  const S = {
-    initial: d.initial,
-    custom: d.custom,
-    presenceId: c,
-    onMotionExitComplete: v
-  };
-  Je(S), fe(() => {
-    S.initial = void 0;
-  });
-  function m(n) {
-    u(n.el), n.states.forEach((i) => {
-      i.getSnapshot(i.options, !1);
-    }), n.done(), f.delete(n.el), n.el?.isConnected ? n.states[0]?.didUpdate() : n.states.forEach((i) => {
-      i.unmount();
-    }), d.onExitComplete?.();
-  }
-  function C(n, i) {
-    s(n).forEach((l) => {
-      l.setActive("exit", !1), l.getSnapshot(l.options, !0);
-    }), i();
-  }
-  function k(n, i) {
-    S.custom = d.custom;
-    const l = n, g = s(l);
-    if (g.length === 0) {
-      i(), d.onExitComplete?.();
-      return;
-    }
-    const V = {
-      remaining: new Set(g),
-      states: g,
-      done: i,
-      el: l
-    };
-    f.set(l, V), a(l), g.forEach((y) => {
-      y.presenceContainer = l, y.setActive("exit", !0), y.getSnapshot(y.options, !1);
-    }), g[0]?.didUpdate();
-  }
-  return Te(() => {
-    f.forEach((n) => {
-      n.states.forEach((i) => {
-        i.unmount();
-      });
-    }), f.clear();
-  }), {
-    enter: C,
-    exit: k
-  };
-}
-var ot = /* @__PURE__ */ me({
-  name: "AnimatePresence",
-  inheritAttrs: !0,
-  __name: "AnimatePresence",
-  props: {
-    mode: { default: "sync" },
-    initial: {
-      type: Boolean,
-      default: !0
-    },
-    as: {},
-    custom: {},
-    onExitComplete: {},
-    anchorX: { default: "left" }
-  },
-  setup(d) {
-    const c = d, { enter: f, exit: a } = at(c), u = p(() => c.mode !== "wait" ? { tag: c.as } : { mode: c.mode === "wait" ? "out-in" : void 0 });
-    return (s, v) => (_(), K(Be(s.mode === "wait" ? Pe : ze), Re(u.value, {
-      appear: "",
-      css: !1,
-      onLeave: E(a),
-      onEnter: E(f)
-    }), {
-      default: A(() => [P(s.$slots, "default")]),
-      _: 3
-    }, 16, ["onLeave", "onEnter"]));
-  }
-}), pe = ot;
-const nt = {
+import { defineComponent as Le, computed as n, ref as d, watch as Se, nextTick as W, onMounted as Te, onBeforeUnmount as Ae, createElementBlock as M, openBlock as c, normalizeClass as O, createElementVNode as R, createBlock as $, createCommentVNode as z, normalizeStyle as H, createVNode as k, unref as p, withKeys as Ce, Teleport as Oe, withCtx as b, withModifiers as Re, renderSlot as B, createTextVNode as J, toDisplayString as Q, Fragment as $e, renderList as ze } from "vue";
+import { ElInput as He, ElTree as Ne, ElTag as Ke, ElMessage as X } from "element-plus";
+import { m as Y } from "../index-CVPHcKaV.mjs";
+import { A as ee } from "../AnimatePresence-DkTyYbzH.mjs";
+import { _ as je } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
+const Ue = {
   key: 0,
   class: "g-input-tree-tag__tags"
-}, lt = /* @__PURE__ */ me({
+}, qe = /* @__PURE__ */ Le({
   __name: "index",
   props: {
     modelValue: { default: () => [] },
@@ -164,245 +34,245 @@ const nt = {
     notFoundMessage: { default: "未找到匹配项" }
   },
   emits: ["update:modelValue", "change", "add", "remove", "node-click", "duplicate", "not-found"],
-  setup(d, { expose: c, emit: f }) {
-    const a = d, u = f, s = p(() => ({
-      label: a.props.label || "label",
-      children: a.props.children || "children",
-      disabled: a.props.disabled
-    })), v = p(() => a.props.value || a.nodeKey || "id"), S = p(() => a.props.label || "label"), m = p(() => a.props.children || "children"), C = p(() => a.props.isLeaf), k = p(() => a.echoProps?.value || "value"), n = p(() => a.echoProps?.label || "label"), i = (e) => e ? e[v.value] : void 0, l = (e) => e ? e[S.value] : "", g = (e) => e ? e[m.value] : void 0, V = (e) => e?.[k.value] ?? e?.value, y = (e) => e?.[n.value] ?? e?.label, M = (e) => {
+  setup(L, { expose: te, emit: ae }) {
+    const l = L, r = ae, le = n(() => ({
+      label: l.props.label || "label",
+      children: l.props.children || "children",
+      disabled: l.props.disabled
+    })), oe = n(() => l.props.value || l.nodeKey || "id"), ne = n(() => l.props.label || "label"), re = n(() => l.props.children || "children"), S = n(() => l.props.isLeaf), se = n(() => l.echoProps?.value || "value"), ie = n(() => l.echoProps?.label || "label"), h = (e) => e ? e[oe.value] : void 0, f = (e) => e ? e[ne.value] : "", K = (e) => e ? e[re.value] : void 0, ue = (e) => e?.[se.value] ?? e?.value, de = (e) => e?.[ie.value] ?? e?.label, v = (e) => {
       if (!e) return !1;
-      if (typeof a.selectable == "function") return a.selectable(e);
-      if (C.value && e[C.value] !== void 0) return !!e[C.value];
-      const t = g(e);
+      if (typeof l.selectable == "function") return l.selectable(e);
+      if (S.value && e[S.value] !== void 0) return !!e[S.value];
+      const t = K(e);
       return !t || !t.length;
-    }, W = p(() => {
-      const e = /* @__PURE__ */ new Map(), t = (o = []) => {
-        o.forEach((r) => {
-          M(r) && e.set(i(r), r);
-          const w = g(r);
-          w?.length && t(w);
+    }, T = n(() => {
+      const e = /* @__PURE__ */ new Map(), t = (a = []) => {
+        a.forEach((o) => {
+          v(o) && e.set(h(o), o);
+          const u = K(o);
+          u?.length && t(u);
         });
       };
-      return t(a.data || []), e;
-    }), h = p(() => (a.modelValue || []).map((t) => {
-      const o = a.valueFormat === "object" ? V(t) : t, r = W.value.get(o), w = a.valueFormat === "object" ? y(t) : void 0;
+      return t(l.data || []), e;
+    }), s = n(() => (l.modelValue || []).map((t) => {
+      const a = l.valueFormat === "object" ? ue(t) : t, o = T.value.get(a), u = l.valueFormat === "object" ? de(t) : void 0;
       return {
-        value: o,
-        label: r ? l(r) : w ?? String(o ?? ""),
-        raw: r ?? (a.valueFormat === "object" ? t : void 0)
+        value: a,
+        label: o ? f(o) : u ?? String(a ?? ""),
+        raw: o ?? (l.valueFormat === "object" ? t : void 0)
       };
-    })), z = (e) => h.value.some((t) => t.value === e), R = x(""), b = x(!1), Q = x(null), Y = x(null), ee = x(null), I = x(null), ve = (e) => {
+    })), x = (e) => s.value.some((t) => t.value === e), V = d(""), i = d(!1), j = d(null), U = d(null), q = d(null), m = d(null), ce = (e) => {
       if (!e) {
-        I.value = null;
+        m.value = null;
         return;
       }
-      I.value = e.$el ?? (e instanceof HTMLElement ? e : null);
-    }, te = x({}), $ = x("bottom"), ge = p(() => ({
+      m.value = e.$el ?? (e instanceof HTMLElement ? e : null);
+    }, P = d({}), y = d("bottom"), pe = n(() => ({
       opacity: 0,
       scale: 0.95,
-      y: $.value === "bottom" ? -8 : 8
-    })), he = { opacity: 1, scale: 1, y: 0 }, be = p(() => ({
+      y: y.value === "bottom" ? -8 : 8
+    })), fe = { opacity: 1, scale: 1, y: 0 }, ve = n(() => ({
       opacity: 0,
       scale: 0.95,
-      y: $.value === "bottom" ? -8 : 8
-    })), ye = { duration: 0.2, ease: "easeOut" }, we = p(() => ({
-      ...te.value,
-      transformOrigin: $.value === "bottom" ? "top center" : "bottom center"
-    })), Ee = { opacity: 0, scale: 0.8 }, xe = { opacity: 1, scale: 1 }, _e = { opacity: 0, scale: 0.8 }, Se = { duration: 0.2, ease: "easeOut" }, Ce = p(
-      () => typeof a.width == "number" ? `${a.width}px` : a.width
-    ), j = () => {
-      a.disabled || (b.value = !0);
-    }, H = () => {
-      if (!b.value) return;
-      const e = ee.value, t = I.value;
+      y: y.value === "bottom" ? -8 : 8
+    })), me = { duration: 0.2, ease: "easeOut" }, ge = n(() => ({
+      ...P.value,
+      transformOrigin: y.value === "bottom" ? "top center" : "bottom center"
+    })), be = { opacity: 0, scale: 0.8 }, he = { opacity: 1, scale: 1 }, ye = { opacity: 0, scale: 0.8 }, we = { duration: 0.2, ease: "easeOut" }, Ee = n(
+      () => typeof l.width == "number" ? `${l.width}px` : l.width
+    ), A = () => {
+      l.disabled || (i.value = !0);
+    }, _ = () => {
+      if (!i.value) return;
+      const e = q.value, t = m.value;
       if (!e || !t) return;
-      const o = e.getBoundingClientRect(), r = t.offsetHeight || a.popperMaxHeight, N = window.innerHeight - o.bottom - a.popperOffset, $e = o.top - a.popperOffset, ne = N >= r || N >= $e ? "bottom" : "top";
-      $.value = ne;
-      const Fe = ne === "bottom" ? o.bottom + a.popperOffset : o.top - r - a.popperOffset;
-      te.value = {
+      const a = e.getBoundingClientRect(), o = t.offsetHeight || l.popperMaxHeight, I = window.innerHeight - a.bottom - l.popperOffset, Me = a.top - l.popperOffset, G = I >= o || I >= Me ? "bottom" : "top";
+      y.value = G;
+      const Be = G === "bottom" ? a.bottom + l.popperOffset : a.top - o - l.popperOffset;
+      P.value = {
         position: "fixed",
-        top: `${Fe}px`,
-        left: `${o.left}px`,
-        width: `${o.width}px`,
-        zIndex: String(a.popperZIndex)
+        top: `${Be}px`,
+        left: `${a.left}px`,
+        width: `${a.width}px`,
+        zIndex: String(l.popperZIndex)
       };
     };
-    let L = null;
-    const F = () => {
-      b.value && (L && cancelAnimationFrame(L), L = requestAnimationFrame(() => {
-        L = null, H();
+    let g = null;
+    const w = () => {
+      i.value && (g && cancelAnimationFrame(g), g = requestAnimationFrame(() => {
+        g = null, _();
       }));
     };
-    let T = null;
-    const Ae = () => {
-      typeof ResizeObserver > "u" || !I.value || (T?.disconnect(), T = new ResizeObserver(() => F()), T.observe(I.value));
-    }, ae = () => {
-      T?.disconnect(), T = null;
+    let E = null;
+    const ke = () => {
+      typeof ResizeObserver > "u" || !m.value || (E?.disconnect(), E = new ResizeObserver(() => w()), E.observe(m.value));
+    }, Z = () => {
+      E?.disconnect(), E = null;
     };
-    He(b, async (e) => {
+    Se(i, async (e) => {
       if (!e) {
-        ae();
+        Z();
         return;
       }
-      await le(), H(), requestAnimationFrame(H), Ae();
+      await W(), _(), requestAnimationFrame(_), ke();
     });
-    const oe = (e) => {
-      if (!b.value) return;
+    const D = (e) => {
+      if (!i.value) return;
       const t = e.target;
-      Y.value?.contains(t) || I.value?.contains(t) || (b.value = !1);
+      U.value?.contains(t) || m.value?.contains(t) || (i.value = !1);
     };
-    fe(() => {
-      document.addEventListener("mousedown", oe, !0), window.addEventListener("scroll", F, !0), window.addEventListener("resize", F);
-    }), Oe(() => {
-      document.removeEventListener("mousedown", oe, !0), window.removeEventListener("scroll", F, !0), window.removeEventListener("resize", F), L && cancelAnimationFrame(L), ae();
+    Te(() => {
+      document.addEventListener("mousedown", D, !0), window.addEventListener("scroll", w, !0), window.addEventListener("resize", w);
+    }), Ae(() => {
+      document.removeEventListener("mousedown", D, !0), window.removeEventListener("scroll", w, !0), window.removeEventListener("resize", w), g && cancelAnimationFrame(g), Z();
     });
-    const ke = (e) => {
-      b.value = !0, Q.value?.filter(e), le(H);
-    }, Me = (e, t) => e ? typeof a.filterMethod == "function" ? a.filterMethod(e, t) : String(l(t) ?? "").toLowerCase().includes(String(e).toLowerCase()) : !0, Ie = (e, t) => {
-      if (u("node-click", e), !M(e)) {
+    const xe = (e) => {
+      i.value = !0, j.value?.filter(e), W(_);
+    }, Ve = (e, t) => e ? typeof l.filterMethod == "function" ? l.filterMethod(e, t) : String(f(t) ?? "").toLowerCase().includes(String(e).toLowerCase()) : !0, _e = (e, t) => {
+      if (r("node-click", e), !v(e)) {
         t && (t.expanded = !t.expanded);
         return;
       }
-      q(e), b.value = !1;
-    }, Le = (e) => a.valueFormat === "object" ? { value: e.value, label: e.label, raw: e.raw } : e.value, q = (e) => {
-      const t = i(e);
+      C(e), i.value = !1;
+    }, Fe = (e) => l.valueFormat === "object" ? { value: e.value, label: e.label, raw: e.raw } : e.value, C = (e) => {
+      const t = h(e);
       if (t == null || t === "") return;
-      if (z(t)) {
-        const w = { value: t, label: l(e), raw: e };
-        u("duplicate", w), a.duplicateMessage && se.warning(a.duplicateMessage);
+      if (x(t)) {
+        const u = { value: t, label: f(e), raw: e };
+        r("duplicate", u), l.duplicateMessage && X.warning(l.duplicateMessage);
         return;
       }
-      const o = { value: t, label: l(e), raw: e }, r = [...a.modelValue || [], Le(o)];
-      u("update:modelValue", r), u("add", o), u("change", r, [...h.value, o]), a.clearInputAfterSelect && (R.value = "");
-    }, Ve = () => {
-      if (!a.enterToAdd) return;
-      const e = (R.value || "").trim();
+      const a = { value: t, label: f(e), raw: e }, o = [...l.modelValue || [], Fe(a)];
+      r("update:modelValue", o), r("add", a), r("change", o, [...s.value, a]), l.clearInputAfterSelect && (V.value = "");
+    }, Ie = () => {
+      if (!l.enterToAdd) return;
+      const e = (V.value || "").trim();
       if (!e) return;
       let t = null;
-      for (const o of W.value.values())
-        if (l(o) === e) {
-          t = o;
+      for (const a of T.value.values())
+        if (f(a) === e) {
+          t = a;
           break;
         }
       if (!t) {
-        u("not-found", e), a.notFoundMessage && se.warning(a.notFoundMessage);
+        r("not-found", e), l.notFoundMessage && X.warning(l.notFoundMessage);
         return;
       }
-      q(t);
-    }, O = (e) => {
-      if (e < 0 || e >= h.value.length) return;
-      const t = h.value[e], o = [...a.modelValue || []];
-      o.splice(e, 1), u("update:modelValue", o), t && u("remove", t, e);
-      const r = h.value.filter((w, N) => N !== e);
-      u("change", o, r);
+      C(t);
+    }, F = (e) => {
+      if (e < 0 || e >= s.value.length) return;
+      const t = s.value[e], a = [...l.modelValue || []];
+      a.splice(e, 1), r("update:modelValue", a), t && r("remove", t, e);
+      const o = s.value.filter((u, I) => I !== e);
+      r("change", a, o);
     };
-    return c({
+    return te({
       /** 主动打开下拉面板 */
-      open: j,
+      open: A,
       /** 主动关闭下拉面板 */
-      close: () => b.value = !1,
+      close: () => i.value = !1,
       /** 清空已选 */
       clear: () => {
-        u("update:modelValue", []), u("change", [], []);
+        r("update:modelValue", []), r("change", [], []);
       },
       /** 根据 value 直接添加 */
       addByValue: (e) => {
-        const t = W.value.get(e);
-        t && q(t);
+        const t = T.value.get(e);
+        t && C(t);
       },
       /** 根据索引移除，触发与关闭 tag 一致的事件 */
       removeByIndex: (e) => {
-        O(e);
+        F(e);
       },
       /** 根据 value 移除，触发与关闭 tag 一致的事件 */
       removeByValue: (e) => {
-        const t = h.value.findIndex((o) => o.value === e);
-        t > -1 && O(t);
+        const t = s.value.findIndex((a) => a.value === e);
+        t > -1 && F(t);
       },
       /** 获取当前归一化后的已选项 */
-      getSelectedItems: () => h.value
-    }), (e, t) => (_(), U("div", {
-      class: G(["g-input-tree-tag", { "is-disabled": e.disabled }])
+      getSelectedItems: () => s.value
+    }), (e, t) => (c(), M("div", {
+      class: O(["g-input-tree-tag", { "is-disabled": e.disabled }])
     }, [
-      D("div", {
+      R("div", {
         class: "g-input-tree-tag__wrap",
         ref_key: "wrapRef",
-        ref: Y
+        ref: U
       }, [
-        D("div", {
+        R("div", {
           class: "g-input-tree-tag__input-box",
           ref_key: "inputBoxRef",
-          ref: ee,
-          style: Z({ width: Ce.value })
+          ref: q,
+          style: H({ width: Ee.value })
         }, [
-          B(E(qe), {
-            modelValue: R.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (o) => R.value = o),
+          k(p(He), {
+            modelValue: V.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (a) => V.value = a),
             placeholder: e.placeholder,
             clearable: e.clearable,
             disabled: e.disabled,
             class: "g-input-tree-tag__input",
-            onFocus: j,
-            onClick: j,
-            onInput: ke,
-            onKeyup: Ne(Ve, ["enter"])
+            onFocus: A,
+            onClick: A,
+            onInput: xe,
+            onKeyup: Ce(Ie, ["enter"])
           }, null, 8, ["modelValue", "placeholder", "clearable", "disabled"])
         ], 4),
-        (_(), K(Ue, { to: "body" }, [
-          B(E(pe), null, {
-            default: A(() => [
-              b.value ? (_(), K(E(ce).div, {
+        (c(), $(Oe, { to: "body" }, [
+          k(p(ee), null, {
+            default: b(() => [
+              i.value ? (c(), $(p(Y).div, {
                 key: 0,
-                ref: ve,
-                class: G(["g-input-tree-tag__popover", `is-${$.value}`]),
-                style: Z(we.value),
-                initial: ge.value,
-                animate: he,
-                exit: be.value,
-                transition: ye,
-                onMousedown: t[1] || (t[1] = Ke(() => {
+                ref: ce,
+                class: O(["g-input-tree-tag__popover", `is-${y.value}`]),
+                style: H(ge.value),
+                initial: pe.value,
+                animate: fe,
+                exit: ve.value,
+                transition: me,
+                onMousedown: t[1] || (t[1] = Re(() => {
                 }, ["prevent"]))
               }, {
-                default: A(() => [
-                  D("div", {
+                default: b(() => [
+                  R("div", {
                     class: "g-input-tree-tag__tree-wrap",
-                    style: Z({ maxHeight: e.popperMaxHeight + "px" })
+                    style: H({ maxHeight: e.popperMaxHeight + "px" })
                   }, [
-                    B(E(Ge), {
+                    k(p(Ne), {
                       ref_key: "treeRef",
-                      ref: Q,
+                      ref: j,
                       data: e.data,
-                      props: s.value,
+                      props: le.value,
                       "node-key": e.nodeKey,
-                      "filter-node-method": Me,
+                      "filter-node-method": Ve,
                       "expand-on-click-node": !1,
                       "default-expand-all": e.defaultExpandAll,
-                      onNodeClick: Ie
+                      onNodeClick: _e
                     }, {
-                      default: A((o) => [
-                        P(e.$slots, "tree-node", {
-                          data: o?.data,
-                          node: o?.node,
-                          selectable: M(o?.data),
-                          selected: z(i(o?.data))
+                      default: b((a) => [
+                        B(e.$slots, "tree-node", {
+                          data: a?.data,
+                          node: a?.node,
+                          selectable: v(a?.data),
+                          selected: x(h(a?.data))
                         }, () => [
-                          o?.data ? (_(), U("span", {
+                          a?.data ? (c(), M("span", {
                             key: 0,
-                            class: G([
+                            class: O([
                               "g-input-tree-tag__node",
                               {
-                                "is-selectable": M(o.data),
-                                "is-selected": M(o.data) && z(i(o.data))
+                                "is-selectable": v(a.data),
+                                "is-selected": v(a.data) && x(h(a.data))
                               }
                             ])
                           }, [
-                            P(e.$slots, "leaf-icon", {
-                              data: o.data,
-                              selectable: M(o.data),
-                              selected: z(i(o.data))
+                            B(e.$slots, "leaf-icon", {
+                              data: a.data,
+                              selectable: v(a.data),
+                              selected: x(h(a.data))
                             }, void 0, !0),
-                            ie(" " + re(l(o.data)), 1)
-                          ], 2)) : X("", !0)
+                            J(" " + Q(f(a.data)), 1)
+                          ], 2)) : z("", !0)
                         ], !0)
                       ]),
                       _: 3
@@ -410,41 +280,41 @@ const nt = {
                   ], 4)
                 ]),
                 _: 3
-              }, 8, ["class", "style", "initial", "exit"])) : X("", !0)
+              }, 8, ["class", "style", "initial", "exit"])) : z("", !0)
             ]),
             _: 3
           })
         ])),
-        h.value.length ? (_(), U("div", nt, [
-          P(e.$slots, "tags", {
-            items: h.value,
-            remove: O
+        s.value.length ? (c(), M("div", Ue, [
+          B(e.$slots, "tags", {
+            items: s.value,
+            remove: F
           }, () => [
-            B(E(pe), { mode: "popLayout" }, {
-              default: A(() => [
-                (_(!0), U(We, null, je(h.value, (o, r) => (_(), K(E(ce).div, {
-                  key: o.value,
+            k(p(ee), { mode: "popLayout" }, {
+              default: b(() => [
+                (c(!0), M($e, null, ze(s.value, (a, o) => (c(), $(p(Y).div, {
+                  key: a.value,
                   layout: !0,
                   class: "g-input-tree-tag__tag-motion",
-                  initial: Ee,
-                  animate: xe,
-                  exit: _e,
-                  transition: Se
+                  initial: be,
+                  animate: he,
+                  exit: ye,
+                  transition: we
                 }, {
-                  default: A(() => [
-                    B(E(De), {
+                  default: b(() => [
+                    k(p(Ke), {
                       class: "g-input-tree-tag__tag",
                       type: e.tagType,
                       effect: e.tagEffect,
                       closable: e.closable && !e.disabled,
-                      onClose: (w) => O(r)
+                      onClose: (u) => F(o)
                     }, {
-                      default: A(() => [
-                        P(e.$slots, "tag", {
-                          item: o,
-                          index: r
+                      default: b(() => [
+                        B(e.$slots, "tag", {
+                          item: a,
+                          index: o
                         }, () => [
-                          ie(re(o.label), 1)
+                          J(Q(a.label), 1)
                         ], !0)
                       ]),
                       _: 2
@@ -456,15 +326,15 @@ const nt = {
               _: 3
             })
           ], !0)
-        ])) : X("", !0)
+        ])) : z("", !0)
       ], 512)
     ], 2));
   }
-}), J = /* @__PURE__ */ Qe(lt, [["__scopeId", "data-v-b74dd5d2"]]);
-J.install = (d) => {
-  d.component(J.name, J);
+}), N = /* @__PURE__ */ je(qe, [["__scopeId", "data-v-b74dd5d2"]]);
+N.install = (L) => {
+  L.component(N.name, N);
 };
 export {
-  J as GInputTreeTag,
-  J as default
+  N as GInputTreeTag,
+  N as default
 };