geekin-devtoys 0.3.1 → 0.3.3

package/lib/GInputTreeTag/index.mjs

@@ -1,15 +1,148 @@
-import { defineComponent as ve, computed as u, ref as s, watch as me, nextTick as D, onMounted as ge, onBeforeUnmount as be, createElementBlock as V, openBlock as v, normalizeClass as I, createElementVNode as F, createBlock as Z, createCommentVNode as G, normalizeStyle as L, createVNode as W, unref as T, withKeys as he, Teleport as we, withDirectives as ye, withModifiers as ke, withCtx as J, renderSlot as M, createTextVNode as Q, toDisplayString as X, vShow as Ee, Fragment as Ve, renderList as Fe } from "vue";
-import { ElInput as Me, ElTree as xe, ElTag as Be, ElMessage as Y } from "element-plus";
-import { _ as _e } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
-const Se = {
+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 = {
   key: 0,
   class: "g-input-tree-tag__tags"
-}, Ce = /* @__PURE__ */ ve({
+}, lt = /* @__PURE__ */ me({
   __name: "index",
   props: {
     modelValue: { default: () => [] },
     data: { default: () => [] },
     props: { default: () => ({}) },
+    echoProps: {},
     nodeKey: { default: "id" },
     placeholder: { default: "请输入关键字搜索" },
     width: { default: 320 },
@@ -31,251 +164,307 @@ const Se = {
     notFoundMessage: { default: "未找到匹配项" }
   },
   emits: ["update:modelValue", "change", "add", "remove", "node-click", "duplicate", "not-found"],
-  setup(x, { expose: P, emit: ee }) {
-    const l = x, o = ee, te = u(() => ({
-      label: l.props.label || "label",
-      children: l.props.children || "children",
-      disabled: l.props.disabled
-    })), ae = u(() => l.props.value || l.nodeKey || "id"), le = u(() => l.props.label || "label"), ne = u(() => l.props.children || "children"), B = u(() => l.props.isLeaf), m = (e) => e ? e[ae.value] : void 0, p = (e) => e ? e[le.value] : "", A = (e) => e ? e[ne.value] : void 0, c = (e) => {
+  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) => {
       if (!e) return !1;
-      if (typeof l.selectable == "function") return l.selectable(e);
-      if (B.value && e[B.value] !== void 0) return !!e[B.value];
-      const t = A(e);
+      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);
       return !t || !t.length;
-    }, _ = u(() => {
-      const e = /* @__PURE__ */ new Map(), t = (a = []) => {
-        a.forEach((n) => {
-          c(n) && e.set(m(n), n);
-          const d = A(n);
-          d?.length && t(d);
+    }, 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);
         });
       };
-      return t(l.data || []), e;
-    }), i = u(() => (l.modelValue || []).map((t) => {
-      const a = l.valueFormat === "object" ? t?.value : t, n = _.value.get(a), d = l.valueFormat === "object" ? t?.label : void 0;
+      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 {
-        value: a,
-        label: n ? p(n) : d ?? String(a ?? ""),
-        raw: n
+        value: o,
+        label: r ? l(r) : w ?? String(o ?? ""),
+        raw: r ?? (a.valueFormat === "object" ? t : void 0)
       };
-    })), w = (e) => i.value.some((t) => t.value === e), y = s(""), r = s(!1), z = s(null), $ = s(null), H = s(null), g = s(null), N = s({}), O = s("bottom"), oe = u(
-      () => typeof l.width == "number" ? `${l.width}px` : l.width
-    ), S = () => {
-      l.disabled || (r.value = !0);
-    }, k = () => {
-      if (!r.value) return;
-      const e = H.value, t = g.value;
+    })), 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) => {
+      if (!e) {
+        I.value = null;
+        return;
+      }
+      I.value = e.$el ?? (e instanceof HTMLElement ? e : null);
+    }, te = x({}), $ = x("bottom"), ge = p(() => ({
+      opacity: 0,
+      scale: 0.95,
+      y: $.value === "bottom" ? -8 : 8
+    })), he = { opacity: 1, scale: 1, y: 0 }, be = p(() => ({
+      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;
       if (!e || !t) return;
-      const a = e.getBoundingClientRect(), n = t.offsetHeight || l.popperMaxHeight, E = window.innerHeight - a.bottom - l.popperOffset, ce = a.top, q = E >= n || E >= ce ? "bottom" : "top";
-      O.value = q;
-      const fe = q === "bottom" ? a.bottom + l.popperOffset : a.top - n;
-      N.value = {
+      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 = {
         position: "fixed",
-        top: `${fe}px`,
-        left: `${a.left}px`,
-        width: `${a.width}px`,
-        zIndex: String(l.popperZIndex)
+        top: `${Fe}px`,
+        left: `${o.left}px`,
+        width: `${o.width}px`,
+        zIndex: String(a.popperZIndex)
       };
     };
-    let f = null;
-    const b = () => {
-      r.value && (f && cancelAnimationFrame(f), f = requestAnimationFrame(() => {
-        f = null, k();
+    let L = null;
+    const F = () => {
+      b.value && (L && cancelAnimationFrame(L), L = requestAnimationFrame(() => {
+        L = null, H();
       }));
     };
-    let h = null;
-    const re = () => {
-      typeof ResizeObserver > "u" || !g.value || (h?.disconnect(), h = new ResizeObserver(() => b()), h.observe(g.value));
-    }, K = () => {
-      h?.disconnect(), h = 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;
     };
-    me(r, async (e) => {
+    He(b, async (e) => {
       if (!e) {
-        K();
+        ae();
         return;
       }
-      await D(), k(), requestAnimationFrame(k), re();
+      await le(), H(), requestAnimationFrame(H), Ae();
     });
-    const j = (e) => {
-      if (!r.value) return;
+    const oe = (e) => {
+      if (!b.value) return;
       const t = e.target;
-      $.value?.contains(t) || g.value?.contains(t) || (r.value = !1);
+      Y.value?.contains(t) || I.value?.contains(t) || (b.value = !1);
     };
-    ge(() => {
-      document.addEventListener("mousedown", j, !0), window.addEventListener("scroll", b, !0), window.addEventListener("resize", b);
-    }), be(() => {
-      document.removeEventListener("mousedown", j, !0), window.removeEventListener("scroll", b, !0), window.removeEventListener("resize", b), f && cancelAnimationFrame(f), K();
+    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();
     });
-    const de = (e) => {
-      r.value = !0, z.value?.filter(e), D(k);
-    }, ue = (e, t) => e ? typeof l.filterMethod == "function" ? l.filterMethod(e, t) : String(p(t) ?? "").toLowerCase().includes(String(e).toLowerCase()) : !0, se = (e, t) => {
-      if (o("node-click", e), !c(e)) {
+    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)) {
         t && (t.expanded = !t.expanded);
         return;
       }
-      C(e), r.value = !1;
-    }, ie = (e) => l.valueFormat === "object" ? { value: e.value, label: e.label, raw: e.raw } : e.value, C = (e) => {
-      const t = m(e);
+      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);
       if (t == null || t === "") return;
-      if (w(t)) {
-        const d = { value: t, label: p(e), raw: e };
-        o("duplicate", d), l.duplicateMessage && Y.warning(l.duplicateMessage);
+      if (z(t)) {
+        const w = { value: t, label: l(e), raw: e };
+        u("duplicate", w), a.duplicateMessage && se.warning(a.duplicateMessage);
         return;
       }
-      const a = { value: t, label: p(e), raw: e }, n = [...l.modelValue || [], ie(a)];
-      o("update:modelValue", n), o("add", a), o("change", n, [...i.value, a]), l.clearInputAfterSelect && (y.value = "");
-    }, pe = () => {
-      if (!l.enterToAdd) return;
-      const e = (y.value || "").trim();
+      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();
       if (!e) return;
       let t = null;
-      for (const a of _.value.values())
-        if (p(a) === e) {
-          t = a;
+      for (const o of W.value.values())
+        if (l(o) === e) {
+          t = o;
           break;
         }
       if (!t) {
-        o("not-found", e), l.notFoundMessage && Y.warning(l.notFoundMessage);
+        u("not-found", e), a.notFoundMessage && se.warning(a.notFoundMessage);
         return;
       }
-      C(t);
-    }, U = (e) => {
-      const t = i.value[e], a = [...l.modelValue || []];
-      a.splice(e, 1), o("update:modelValue", a), t && o("remove", t, e);
-      const n = i.value.filter((d, E) => E !== e);
-      o("change", a, n);
+      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);
     };
-    return P({
+    return c({
       /** 主动打开下拉面板 */
-      open: S,
+      open: j,
       /** 主动关闭下拉面板 */
-      close: () => r.value = !1,
+      close: () => b.value = !1,
       /** 清空已选 */
       clear: () => {
-        o("update:modelValue", []), o("change", [], []);
+        u("update:modelValue", []), u("change", [], []);
       },
       /** 根据 value 直接添加 */
       addByValue: (e) => {
-        const t = _.value.get(e);
-        t && C(t);
-      }
-    }), (e, t) => (v(), V("div", {
-      class: I(["g-input-tree-tag", { "is-disabled": e.disabled }])
+        const t = W.value.get(e);
+        t && q(t);
+      },
+      /** 根据索引移除，触发与关闭 tag 一致的事件 */
+      removeByIndex: (e) => {
+        O(e);
+      },
+      /** 根据 value 移除，触发与关闭 tag 一致的事件 */
+      removeByValue: (e) => {
+        const t = h.value.findIndex((o) => o.value === e);
+        t > -1 && O(t);
+      },
+      /** 获取当前归一化后的已选项 */
+      getSelectedItems: () => h.value
+    }), (e, t) => (_(), U("div", {
+      class: G(["g-input-tree-tag", { "is-disabled": e.disabled }])
     }, [
-      F("div", {
+      D("div", {
         class: "g-input-tree-tag__wrap",
         ref_key: "wrapRef",
-        ref: $
+        ref: Y
       }, [
-        F("div", {
+        D("div", {
           class: "g-input-tree-tag__input-box",
           ref_key: "inputBoxRef",
-          ref: H,
-          style: L({ width: oe.value })
+          ref: ee,
+          style: Z({ width: Ce.value })
         }, [
-          W(T(Me), {
-            modelValue: y.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (a) => y.value = a),
+          B(E(qe), {
+            modelValue: R.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (o) => R.value = o),
             placeholder: e.placeholder,
             clearable: e.clearable,
             disabled: e.disabled,
             class: "g-input-tree-tag__input",
-            onFocus: S,
-            onClick: S,
-            onInput: de,
-            onKeyup: he(pe, ["enter"])
+            onFocus: j,
+            onClick: j,
+            onInput: ke,
+            onKeyup: Ne(Ve, ["enter"])
           }, null, 8, ["modelValue", "placeholder", "clearable", "disabled"])
         ], 4),
-        (v(), Z(we, { to: "body" }, [
-          ye(F("div", {
-            ref_key: "popperRef",
-            ref: g,
-            class: I(["g-input-tree-tag__popover", `is-${O.value}`]),
-            style: L(N.value),
-            onMousedown: t[1] || (t[1] = ke(() => {
-            }, ["prevent"]))
-          }, [
-            F("div", {
-              class: "g-input-tree-tag__tree-wrap",
-              style: L({ maxHeight: e.popperMaxHeight + "px" })
-            }, [
-              W(T(xe), {
-                ref_key: "treeRef",
-                ref: z,
-                data: e.data,
-                props: te.value,
-                "node-key": e.nodeKey,
-                "filter-node-method": ue,
-                "expand-on-click-node": !1,
-                "default-expand-all": e.defaultExpandAll,
-                onNodeClick: se
+        (_(), K(Ue, { to: "body" }, [
+          B(E(pe), null, {
+            default: A(() => [
+              b.value ? (_(), K(E(ce).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(() => {
+                }, ["prevent"]))
               }, {
-                default: J((a) => [
-                  M(e.$slots, "tree-node", {
-                    data: a?.data,
-                    node: a?.node,
-                    selectable: c(a?.data),
-                    selected: w(m(a?.data))
-                  }, () => [
-                    a?.data ? (v(), V("span", {
-                      key: 0,
-                      class: I([
-                        "g-input-tree-tag__node",
-                        {
-                          "is-selectable": c(a.data),
-                          "is-selected": c(a.data) && w(m(a.data))
-                        }
-                      ])
-                    }, [
-                      M(e.$slots, "leaf-icon", {
-                        data: a.data,
-                        selectable: c(a.data),
-                        selected: w(m(a.data))
-                      }, void 0, !0),
-                      Q(" " + X(p(a.data)), 1)
-                    ], 2)) : G("", !0)
-                  ], !0)
+                default: A(() => [
+                  D("div", {
+                    class: "g-input-tree-tag__tree-wrap",
+                    style: Z({ maxHeight: e.popperMaxHeight + "px" })
+                  }, [
+                    B(E(Ge), {
+                      ref_key: "treeRef",
+                      ref: Q,
+                      data: e.data,
+                      props: s.value,
+                      "node-key": e.nodeKey,
+                      "filter-node-method": Me,
+                      "expand-on-click-node": !1,
+                      "default-expand-all": e.defaultExpandAll,
+                      onNodeClick: Ie
+                    }, {
+                      default: A((o) => [
+                        P(e.$slots, "tree-node", {
+                          data: o?.data,
+                          node: o?.node,
+                          selectable: M(o?.data),
+                          selected: z(i(o?.data))
+                        }, () => [
+                          o?.data ? (_(), U("span", {
+                            key: 0,
+                            class: G([
+                              "g-input-tree-tag__node",
+                              {
+                                "is-selectable": M(o.data),
+                                "is-selected": M(o.data) && z(i(o.data))
+                              }
+                            ])
+                          }, [
+                            P(e.$slots, "leaf-icon", {
+                              data: o.data,
+                              selectable: M(o.data),
+                              selected: z(i(o.data))
+                            }, void 0, !0),
+                            ie(" " + re(l(o.data)), 1)
+                          ], 2)) : X("", !0)
+                        ], !0)
+                      ]),
+                      _: 3
+                    }, 8, ["data", "props", "node-key", "default-expand-all"])
+                  ], 4)
                 ]),
                 _: 3
-              }, 8, ["data", "props", "node-key", "default-expand-all"])
-            ], 4)
-          ], 38), [
-            [Ee, r.value]
-          ])
+              }, 8, ["class", "style", "initial", "exit"])) : X("", !0)
+            ]),
+            _: 3
+          })
         ])),
-        i.value.length ? (v(), V("div", Se, [
-          M(e.$slots, "tags", {
-            items: i.value,
-            remove: U
+        h.value.length ? (_(), U("div", nt, [
+          P(e.$slots, "tags", {
+            items: h.value,
+            remove: O
           }, () => [
-            (v(!0), V(Ve, null, Fe(i.value, (a, n) => (v(), Z(T(Be), {
-              key: a.value,
-              class: "g-input-tree-tag__tag",
-              type: e.tagType,
-              effect: e.tagEffect,
-              closable: e.closable && !e.disabled,
-              onClose: (d) => U(n)
-            }, {
-              default: J(() => [
-                M(e.$slots, "tag", {
-                  item: a,
-                  index: n
-                }, () => [
-                  Q(X(a.label), 1)
-                ], !0)
+            B(E(pe), { mode: "popLayout" }, {
+              default: A(() => [
+                (_(!0), U(We, null, je(h.value, (o, r) => (_(), K(E(ce).div, {
+                  key: o.value,
+                  layout: !0,
+                  class: "g-input-tree-tag__tag-motion",
+                  initial: Ee,
+                  animate: xe,
+                  exit: _e,
+                  transition: Se
+                }, {
+                  default: A(() => [
+                    B(E(De), {
+                      class: "g-input-tree-tag__tag",
+                      type: e.tagType,
+                      effect: e.tagEffect,
+                      closable: e.closable && !e.disabled,
+                      onClose: (w) => O(r)
+                    }, {
+                      default: A(() => [
+                        P(e.$slots, "tag", {
+                          item: o,
+                          index: r
+                        }, () => [
+                          ie(re(o.label), 1)
+                        ], !0)
+                      ]),
+                      _: 2
+                    }, 1032, ["type", "effect", "closable", "onClose"])
+                  ]),
+                  _: 2
+                }, 1024))), 128))
               ]),
-              _: 2
-            }, 1032, ["type", "effect", "closable", "onClose"]))), 128))
+              _: 3
+            })
           ], !0)
-        ])) : G("", !0)
+        ])) : X("", !0)
       ], 512)
     ], 2));
   }
-}), R = /* @__PURE__ */ _e(Ce, [["__scopeId", "data-v-274fd860"]]);
-R.install = (x) => {
-  x.component(R.name, R);
+}), J = /* @__PURE__ */ Qe(lt, [["__scopeId", "data-v-b74dd5d2"]]);
+J.install = (d) => {
+  d.component(J.name, J);
 };
 export {
-  R as GInputTreeTag,
-  R as default
+  J as GInputTreeTag,
+  J as default
 };