@unicom-cloud/ui 0.8.60 → 0.8.62

package/chunk/{BPZ-6HKJ.js → Bp3XomF8.js}

@@ -780,8 +780,7 @@ const f = {
   out: "out-in",
   in: "in-out"
 }, k = (n, e, t) => (...s) => {
-  var i, r;
-  (r = (i = n.props)[e]) == null || r.call(i, ...s), t();
+  n.props[e] && n.props[e](...s), t();
 }, re = {
   [f.out]: ({ current: n, changeState: e }) => c.cloneElement(n, {
     in: !1,

package/chunk/BsWphzcT.js

@@ -0,0 +1,20 @@
+import p from "lodash/camelCase.js";
+import s from "lodash/capitalize.js";
+import f from "lodash/kebabCase.js";
+import n from "lodash/snakeCase.js";
+import C from "lodash/startCase.js";
+import N from "lodash/upperFirst.js";
+function x(m) {
+  const o = f(m), r = s(m), e = p(m), t = n(m), a = C(m), i = N(e);
+  return {
+    kebabCaseName: o,
+    capitalizeName: r,
+    camelCaseName: e,
+    snakeCaseName: t,
+    startCaseName: a,
+    ComponentCaseName: i
+  };
+}
+export {
+  x as d
+};

package/chunk/{RMBPs_Ry.js → C4eJ9vCf.js}

@@ -1,13 +1,14 @@
 import { jsxs as w, jsx as r } from "react/jsx-runtime";
-import { I as L, a as U } from "./B0GOLsj_.js";
+import U from "@unicom-cloud/icons/IconUiCaretLeft";
+import L from "@unicom-cloud/icons/IconUiCaretRight";
 import V from "lodash/isFunction";
 import M, { useContext as K, useRef as A, createContext as B } from "react";
-import { d as T, I as S } from "./Bdh4XVuf.js";
+import { d as T, I as S } from "./CV1kLw5Z.js";
 import { useMergeProps as q } from "../hooks/useMergeProps.js";
 import { useMergeValue as D } from "../hooks/useMergeValue.js";
 import { y as u } from "./BzPkh4Zv.js";
 import G from "../utils/omit.js";
-import { h as J } from "./BPZ-6HKJ.js";
+import { h as J } from "./Bp3XomF8.js";
 import { useKeyboardEvent as Q } from "../hooks/useKeyboardEvent.js";
 import { off as W, on as X } from "../utils/dom.js";
 function Y(l, g) {

package/chunk/{BNHrEI0Y.js → C6fEFlPt.js}

@@ -1,44 +1,48 @@
 import { jsx as i, jsxs as L, Fragment as nn } from "react/jsx-runtime";
-import { b as we, a as tn, c as on, d as rn, I as ln } from "./BHn4xgbv.js";
-import ye from "lodash/isFunction";
-import sn, { forwardRef as Ie, useState as I, useImperativeHandle as an, useRef as g, useContext as cn, useCallback as S, useEffect as oe } from "react";
-import Te from "../Button.js";
-import { h as T, a as $e, i as un, j as dn, C as mn, s as fn, d as pn, k as y, I as Cn } from "./Bdh4XVuf.js";
+import tn from "@unicom-cloud/icons/IconUiClose";
+import we from "lodash/isFunction";
+import on, { forwardRef as Ie, useState as I, useImperativeHandle as rn, useRef as g, useContext as ln, useCallback as S, useEffect as oe } from "react";
+import ye from "../Button.js";
+import { h as T, a as $e, i as sn, j as an, C as cn, s as un, d as dn, k as y, I as mn } from "./CV1kLw5Z.js";
 import "lodash/isEqualWith";
-import { useMergeValue as hn } from "../hooks/useMergeValue.js";
+import { useMergeValue as fn } from "../hooks/useMergeValue.js";
 import "../utils/is.js";
-import { d as bn } from "./C2lIz2F9.js";
+import { d as pn } from "./C2lIz2F9.js";
 import "lodash/isNumber";
 import "lodash/merge";
-import { isServerRendering as gn, contains as vn } from "../utils/dom.js";
+import { isServerRendering as Cn, contains as hn } from "../utils/dom.js";
 import "../hooks/useIntersectionObserver.js";
-import { useMergeProps as xn } from "../hooks/useMergeProps.js";
-import { useOverflowHidden as kn } from "../hooks/useOverflowHidden.js";
-import { render as En, findDOMNode as Mn } from "../utils/reactDOM.js";
-import { useUpdateEffect as wn } from "../hooks/useUpdateEffect.js";
-import yn from "../Portal.js";
-import { P as Pe } from "./BPZ-6HKJ.js";
-import { y as Ne } from "./BzPkh4Zv.js";
-import Tn from "../utils/omit.js";
+import { useMergeProps as bn } from "../hooks/useMergeProps.js";
+import { useOverflowHidden as gn } from "../hooks/useOverflowHidden.js";
+import { render as vn, findDOMNode as xn } from "../utils/reactDOM.js";
+import { useUpdateEffect as kn } from "../hooks/useUpdateEffect.js";
+import En from "../Portal.js";
+import { P as Te } from "./Bp3XomF8.js";
+import { y as Pe } from "./BzPkh4Zv.js";
+import Mn from "../utils/omit.js";
+import wn from "@unicom-cloud/icons/IconUiCheckCircleFill";
+import yn from "@unicom-cloud/icons/IconUiCloseCircleFill";
+import Ne from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import Tn from "@unicom-cloud/icons/IconUiInfoCircleFill";
 function Pn(n) {
-  const { prefixCls: l, simple: c } = dn();
+  const { prefixCls: l, simple: c } = an();
   return /* @__PURE__ */ i(M, { prefixCls: l, simple: c, ...n, children: n.content });
 }
 const V = (n) => {
   let l = n.icon;
-  if (!l && l !== null && (l = /* @__PURE__ */ i(we, {}), n.isNotice))
+  if (!l && l !== null && (l = /* @__PURE__ */ i(Ne, {}), n.isNotice))
     switch (n.noticeType) {
       case "info":
-        l = /* @__PURE__ */ i(rn, {});
+        l = /* @__PURE__ */ i(Tn, {});
         break;
       case "success":
-        l = /* @__PURE__ */ i(on, {});
+        l = /* @__PURE__ */ i(wn, {});
         break;
       case "warning":
-        l = /* @__PURE__ */ i(we, {});
+        l = /* @__PURE__ */ i(Ne, {});
         break;
       case "error":
-        l = /* @__PURE__ */ i(tn, {});
+        l = /* @__PURE__ */ i(yn, {});
         break;
     }
   return n.noticeType === "show" && (l = n.icon), n.isNotice && (n.hideCancel = !0), n.title = l === null && n.title === null ? null : /* @__PURE__ */ L("span", { children: [
@@ -50,10 +54,10 @@ function le(n, l) {
   let c;
   const s = document.createElement("div");
   document.body.appendChild(s);
-  const f = un();
+  const f = sn();
   function v(a) {
     const C = /* @__PURE__ */ i($e, { ...f, children: /* @__PURE__ */ i(Pn, { ...a, onCancel: h }) });
-    c ? c.render(C) : c = En(C, s);
+    c ? c.render(C) : c = vn(C, s);
   }
   const o = v;
   let r = {
@@ -106,7 +110,7 @@ function le(n, l) {
 }
 function Nn(n, l) {
   const [c, s] = I(!0), [f, v] = I(n);
-  an(l, () => ({
+  rn(l, () => ({
     update: (u) => {
       v(u);
     },
@@ -151,7 +155,7 @@ function Nn(n, l) {
 }
 const In = Ie(Nn);
 function $n() {
-  const n = g(), l = /* @__PURE__ */ i(mn, { ref: n });
+  const n = g(), l = /* @__PURE__ */ i(cn, { ref: n });
   let c = 0;
   function s(o) {
     var C;
@@ -210,7 +214,7 @@ function $n() {
   }), [v, l];
 }
 let re = null, Dn = 0;
-gn || document.documentElement.addEventListener(
+Cn || document.documentElement.addEventListener(
   "click",
   (n) => {
     re = {
@@ -233,7 +237,7 @@ const On = {
 function Rn(n, l) {
   var Me;
   l || (l = g());
-  const c = cn(pn), s = xn(
+  const c = ln(dn), s = bn(
     n,
     On,
     (Me = c.componentConfig) == null ? void 0 : Me.Modal
@@ -274,11 +278,11 @@ function Rn(n, l) {
   o && A.current && (A.current = !1);
   const B = g();
   B.current || (B.current = Dn++);
-  const [Se, K] = hn(!1, {
+  const [Se, K] = fn(!1, {
     defaultValue: !1,
     value: De
-  }), d = c.getPrefixCls("modal", s.prefixCls), { locale: G, rtl: be } = c, Ve = !r || ce.noticeType === "show", ze = "closable" in s ? s.closable : Ve, je = S(() => Mn(p()), [p]);
-  kn(je, { hidden: o && X });
+  }), d = c.getPrefixCls("modal", s.prefixCls), { locale: G, rtl: be } = c, Ve = !r || ce.noticeType === "show", ze = "closable" in s ? s.closable : Ve, je = S(() => xn(p()), [p]);
+  gn(je, { hidden: o && X });
   function J(e) {
     e.stopPropagation(), Q();
   }
@@ -287,7 +291,7 @@ function Rn(n, l) {
     (e = s.onCancel) == null || e.call(s);
   }
   const qe = (e) => {
-    Z && o && e.key === bn.key && (e.stopPropagation(), Q());
+    Z && o && e.key === pn.key && (e.stopPropagation(), Q());
   }, _ = g(!1), We = (e) => {
     D.current && (D.current = !1, !_.current && Re && X && e.target === e.currentTarget && setTimeout(() => {
       Q();
@@ -304,7 +308,7 @@ function Rn(n, l) {
       }
     ));
   };
-  wn(() => {
+  kn(() => {
     var t, m;
     let e = l == null ? void 0 : l.current;
     if (!e)
@@ -323,7 +327,7 @@ function Rn(n, l) {
     let e = null;
     return Z && (e = setTimeout(() => {
       var t;
-      vn(document.body, $.current) && ((t = $.current) == null || t.focus());
+      hn(document.body, $.current) && ((t = $.current) == null || t.focus());
     })), () => {
       e && clearTimeout(e);
     };
@@ -336,8 +340,8 @@ function Rn(n, l) {
     }
   }, Ke = () => {
     if (H === null) return;
-    const e = /* @__PURE__ */ i(Te, { onClick: J, ...C, children: w || G.Modal.cancelText }), t = /* @__PURE__ */ i(
-      Te,
+    const e = /* @__PURE__ */ i(ye, { onClick: J, ...C, children: w || G.Modal.cancelText }), t = /* @__PURE__ */ i(
+      ye,
       {
         loading: Se,
         onClick: Ze,
@@ -345,7 +349,7 @@ function Rn(n, l) {
         ...a,
         children: k || G.Modal.okText
       }
-    ), m = ye(H) ? H(e, t) : H || /* @__PURE__ */ L(nn, { children: [
+    ), m = we(H) ? H(e, t) : H || /* @__PURE__ */ L(nn, { children: [
       !Oe && e,
       t
     ] });
@@ -444,14 +448,14 @@ function Rn(n, l) {
             children: ae
           }
         ) : /* @__PURE__ */ i(
-          Cn,
+          mn,
           {
             tabIndex: -1,
             className: `${d}-close-icon`,
             onClick: J,
             role: "button",
             "aria-label": "Close",
-            children: /* @__PURE__ */ i(ln, {})
+            children: /* @__PURE__ */ i(tn, {})
           }
         ))
       ]
@@ -462,7 +466,7 @@ function Rn(n, l) {
       role: "dialog",
       "aria-modal": "true",
       ..._e,
-      className: Ne(
+      className: Pe(
         d,
         {
           [`${d}-simple`]: r,
@@ -490,7 +494,7 @@ function Rn(n, l) {
     he(t);
   }, Ee = A.current ? !j : !!E.current;
   return o || Ee ? /* @__PURE__ */ i(
-    yn,
+    En,
     {
       visible: o,
       forceRender: Ee,
@@ -502,7 +506,7 @@ function Rn(n, l) {
           className: `${d}-container`,
           children: [
             X ? /* @__PURE__ */ i(
-              Pe,
+              Te,
               {
                 in: o,
                 timeout: 400,
@@ -529,7 +533,7 @@ function Rn(n, l) {
             /* @__PURE__ */ i(
               "div",
               {
-                ...Tn(ce, [
+                ...Mn(ce, [
                   "content",
                   "icon",
                   "showIcon",
@@ -545,7 +549,7 @@ function Rn(n, l) {
                 ref: (e) => {
                   $.current = e, Ae();
                 },
-                className: Ne(
+                className: Pe(
                   `${d}-wrapper`,
                   {
                     [`${d}-wrapper-no-mask`]: !X,
@@ -566,7 +570,7 @@ function Rn(n, l) {
                 },
                 onClick: We,
                 children: /* @__PURE__ */ i(
-                  Pe,
+                  Te,
                   {
                     in: o,
                     timeout: 400,
@@ -586,8 +590,8 @@ function Rn(n, l) {
                     onExited: (e) => {
                       e && (me(!1), te(e), z == null || z(), _.current = !1, q && (E.current = null));
                     },
-                    children: sn.cloneElement(
-                      ye(ie) ? ie(ke) : ke,
+                    children: on.cloneElement(
+                      we(ie) ? ie(ke) : ke,
                       {
                         onMouseDown: () => {
                           D.current = !1;
@@ -611,7 +615,7 @@ const M = Ie(
   Rn
 );
 M.displayName = "Modal";
-M.config = fn;
+M.config = un;
 M.show = (n) => le({ ...n, noticeType: "show" });
 M.confirm = (n) => le(n);
 M.useModal = $n;

package/chunk/C8o-VGyc.js

@@ -0,0 +1,376 @@
+import { jsx as i, jsxs as A, Fragment as Ue } from "react/jsx-runtime";
+import Ge from "@unicom-cloud/icons/IconUiClose";
+import { P as Ie, _ as Ke } from "./Bp3XomF8.js";
+import $e from "lodash/isArray";
+import Ce, { useContext as qe, useRef as $, useState as Xe, useImperativeHandle as Ye, useMemo as Je, useEffect as Qe } from "react";
+import { d as Ze, I as et } from "./CV1kLw5Z.js";
+import tt from "../Draggable.js";
+import { useMergeProps as ot } from "../hooks/useMergeProps.js";
+import { useMergeValue as be } from "../hooks/useMergeValue.js";
+import { I as at } from "./Dtm4BmKB.js";
+import rt from "../OverflowEllipsis.js";
+import nt from "../Popover.js";
+import st from "../Tag.js";
+import { y as M } from "./BzPkh4Zv.js";
+import lt from "../utils/fillNBSP.js";
+import ct from "../utils/getHotkeyHandler.js";
+import "../utils/is.js";
+import { B as it } from "./C2lIz2F9.js";
+import ut from "../utils/omit.js";
+import Pe from "lodash/isPlainObject";
+const X = 300, pt = "responsive", ft = `__input_${Math.random().toFixed(10).slice(2)}`, T = (s) => s == null, _ = (s) => {
+  s.target.tagName !== "INPUT" && s.preventDefault();
+}, Ne = (s) => $e(s) ? s.map((c) => Pe(c) ? {
+  ...c,
+  label: "label" in c ? c.label : c.value,
+  value: c.value,
+  closable: c.closable
+} : {
+  label: c,
+  value: c
+}) : [], dt = (s) => {
+  const c = $(0), d = $(s.length);
+  return Qe(() => {
+    c.current = s.length === 0 && d.current > 0 ? X : 0, d.current = s.length;
+  }, [s]), c;
+}, Te = ({
+  prefixCls: s,
+  children: c,
+  animation: d
+}) => /* @__PURE__ */ i("div", { className: `${s}-inner`, children: d ? /* @__PURE__ */ i(Ke, { component: null, children: c }) : c }), mt = {
+  animation: !0,
+  validate: (s, c) => s && c.every((d) => d.value !== s)
+};
+function gt(s, c) {
+  const {
+    getPrefixCls: d,
+    size: Ve,
+    componentConfig: E,
+    rtl: Y
+  } = qe(Ze), f = ot(
+    s,
+    mt,
+    E == null ? void 0 : E.InputTag
+  ), {
+    className: we,
+    style: Se,
+    placeholder: De,
+    error: Re,
+    disabled: h,
+    readOnly: g,
+    allowClear: Ae,
+    autoFocus: Me,
+    labelInValue: _e,
+    disableInput: Ee,
+    animation: J,
+    saveOnBlur: ke,
+    dragToSort: ze,
+    icon: y,
+    prefix: Q,
+    suffix: Z,
+    addBefore: ee,
+    addAfter: te,
+    tokenSeparators: k,
+    validate: C,
+    renderTag: oe,
+    tagClassName: ae,
+    maxTagCount: m,
+    onInputChange: z,
+    onKeyDown: x,
+    onPaste: O,
+    onChange: F,
+    onFocus: j,
+    onBlur: H,
+    onPressEnter: W,
+    onRemove: B,
+    onClear: L,
+    onClick: re,
+    ...xe
+  } = f, o = d("input-tag"), P = "size" in f ? f.size : Ve, V = typeof m == "object" ? m.count : m, I = $(), U = $(null), G = $(), [w, ne] = Xe(!1), [a, Oe] = be([], {
+    defaultValue: "defaultValue" in f ? Ne(f.defaultValue) : void 0,
+    value: "value" in f ? Ne(f.value) : void 0
+  }), [b, S] = be("", {
+    value: f.inputValue
+  }), Fe = dt(a), je = !!(ze && !g && !h);
+  Ye(c, () => {
+    var e, t;
+    return {
+      blur: (e = I.current) == null ? void 0 : e.blur,
+      focus: (t = I.current) == null ? void 0 : t.focus,
+      getRootDOMNode: () => G.current
+    };
+  }, []);
+  const N = (e, t) => {
+    h || g || ("value" in f || Oe(e), F == null || F(_e ? e : e.map((r) => r == null ? void 0 : r.value), t));
+  }, se = (e, t, r) => {
+    B == null || B(e, t, r), N(
+      [...a.slice(0, t), ...a.slice(t + 1)],
+      "remove"
+    );
+  }, He = ct(
+    /* @__PURE__ */ new Map([
+      [
+        it.key,
+        (e) => {
+          if (!e.target.value && a.length)
+            for (let t = a.length - 1; t >= 0; t--) {
+              const r = a[t];
+              if (r.closable !== !1) {
+                se(r, t, e);
+                return;
+              }
+            }
+        }
+      ]
+    ])
+  ), le = async () => {
+    try {
+      const e = typeof C == "function" ? await C(b, a) : !0;
+      e && (N(
+        a.concat({
+          value: e === !0 ? b : e,
+          label: b
+        }),
+        "add"
+      ), S(""));
+    } catch (e) {
+      console.error(e);
+    }
+  }, ce = (e, t, r = !1) => {
+    const n = e.value;
+    let l = e.label, u = !g && !h && e.closable !== !1;
+    const p = typeof n == "object" ? t : n, v = (Le) => {
+      se(e, t, Le);
+    };
+    if (!r && typeof V == "number" && t >= V)
+      return t === a.length - 1 ? (l = ie(a.length - Number(V)), u = !1, { valueKey: p, dom: l }) : { valueKey: p, dom: null };
+    if (oe)
+      return {
+        valueKey: p,
+        dom: oe(
+          {
+            value: n,
+            label: l,
+            closable: u,
+            onClose: v
+          },
+          t,
+          a
+        )
+      };
+    const Be = {
+      closable: u,
+      onClose: v,
+      visible: !0,
+      children: lt(l),
+      closeIcon: y == null ? void 0 : y.removeIcon,
+      __closeIconProps: {
+        onMouseDown: _
+      },
+      className: M(`${o}-tag`, {
+        [ae]: ae
+      }),
+      title: typeof l == "string" ? l : void 0
+    };
+    return { valueKey: p, dom: /* @__PURE__ */ i(st, { ...Be }, `${p}-tag`) };
+  };
+  function ie(e) {
+    const t = typeof m == "object" && m.render ? m.render : () => /* @__PURE__ */ A("span", { className: `${o}-tag-ellipsis`, children: [
+      "+",
+      e
+    ] }), r = Pe(m) && m.popoverProps;
+    return /* @__PURE__ */ i(
+      nt,
+      {
+        content: /* @__PURE__ */ i(Ue, { children: a.map((n, l) => ({ tagValue: n, tagIndex: l })).slice(-e).map(
+          ({ tagValue: n, tagIndex: l }) => {
+            var u;
+            return (u = ce(n, l, !0)) == null ? void 0 : u.dom;
+          }
+        ) }),
+        ...r || {},
+        children: t(e, a)
+      }
+    );
+  }
+  const ue = async (e) => {
+    if (U.current = null, $e(k) && k.length) {
+      const t = e.split(
+        new RegExp(`[${k.join("")}]`)
+      );
+      if (t.length > 1) {
+        U.current = Date.now();
+        const r = [];
+        await Promise.all(
+          t.map(async (n) => {
+            const l = n ? typeof C == "function" ? await C(n, a) : !0 : !1;
+            l && r.push({
+              value: l === !0 ? n : l,
+              label: n
+            });
+          })
+        ), r.length && N(a.concat(r), "add");
+      }
+    }
+  }, pe = Ae && !h && !g && a.length ? /* @__PURE__ */ i(
+    et,
+    {
+      size: P,
+      className: `${o}-clear-icon`,
+      onClick: (e) => {
+        var t;
+        e.stopPropagation(), N([], "clear"), w || (t = I.current) == null || t.focus(), L == null || L();
+      },
+      children: y && y.clearIcon || /* @__PURE__ */ i(Ge, {})
+    },
+    "clearIcon"
+  ) : null, fe = h || Ee, K = Je(() => {
+    const e = {};
+    return a.map((r, n) => {
+      const l = e[r.value] || 0, u = l >= 1;
+      e[r.value] = l + 1;
+      const { dom: p, valueKey: v } = ce(r, n);
+      return Ce.isValidElement(p) ? /* @__PURE__ */ i(
+        Ie,
+        {
+          timeout: X,
+          classNames: "zoomIn",
+          children: p
+        },
+        u ? `${v}-${n}` : v
+      ) : p;
+    });
+  }, [a]), q = [
+    /* @__PURE__ */ i(
+      Ie,
+      {
+        timeout: X,
+        classNames: "zoomIn",
+        children: /* @__PURE__ */ i(
+          at,
+          {
+            autoComplete: "off",
+            size: P,
+            disabled: fe,
+            readOnly: g,
+            ref: I,
+            autoFocus: Me,
+            placeholder: a.length ? "" : De,
+            prefixCls: `${o}-input`,
+            autoFitWidth: {
+              delay: () => Fe.current,
+              pure: !0
+            },
+            onPressEnter: async (e) => {
+              b && e.preventDefault(), W == null || W(e), await le();
+            },
+            onFocus: (e) => {
+              !fe && !g && (ne(!0), j == null || j(e));
+            },
+            onBlur: async (e) => {
+              ne(!1), H == null || H(e), ke && await le(), S("");
+            },
+            value: b,
+            onChange: (e, t) => {
+              z == null || z(e, t), t.nativeEvent.inputType !== "insertFromPaste" && ue(e), U.current ? S("") : S(e);
+            },
+            onKeyDown: (e) => {
+              He(e), x == null || x(e);
+            },
+            onPaste: (e) => {
+              O == null || O(e), ue(e.clipboardData.getData("text"));
+            }
+          }
+        )
+      },
+      ft
+    )
+  ], We = !T(Q), de = !T(Z) || !T(pe), me = !T(ee), ge = !T(te), D = me || ge, ve = f.status || (Re ? "error" : void 0), he = M(o, {
+    [`${o}-size-${P}`]: P,
+    [`${o}-disabled`]: h,
+    [`${o}-${ve}`]: ve,
+    [`${o}-focus`]: w,
+    [`${o}-readonly`]: g,
+    [`${o}-has-suffix`]: de,
+    [`${o}-has-placeholder`]: !a.length,
+    [`${o}-rtl`]: Y
+  }), R = { style: Se, className: we }, ye = /* @__PURE__ */ i(
+    "div",
+    {
+      ...ut(xe, ["status", "size", "defaultValue", "value", "inputValue"]),
+      ...D ? {} : R,
+      className: D ? he : M(he, R.className),
+      onMouseDown: (e) => {
+        w && _(e);
+      },
+      onClick: (e) => {
+        var t;
+        !w && ((t = I.current) == null || t.focus()), re && re(e);
+      },
+      ref: D ? void 0 : G,
+      children: /* @__PURE__ */ A("div", { className: `${o}-view`, children: [
+        We && /* @__PURE__ */ i("div", { className: `${o}-prefix`, onMouseDown: _, children: Q }),
+        je ? /* @__PURE__ */ i(
+          Te,
+          {
+            prefixCls: o,
+            animation: J,
+            children: /* @__PURE__ */ i(
+              tt,
+              {
+                itemWrapperStyle: { display: "inline-block" },
+                direction: "horizontal",
+                onIndexChange: (e, t) => {
+                  N(function(n, l, u) {
+                    n = n.slice();
+                    const p = l > u, [v] = n.splice(l, 1);
+                    return n.splice(p ? u : u - 1, 0, v), n;
+                  }(a, t, e), "sort");
+                },
+                children: K.concat(q)
+              }
+            )
+          },
+          "transitionGroupWithDrag"
+        ) : /* @__PURE__ */ i(Te, { prefixCls: o, animation: J, children: V === pt ? /* @__PURE__ */ i(
+          rt,
+          {
+            items: K,
+            suffixItems: q,
+            ellipsisNode: ({ ellipsisCount: e }) => ie(e)
+          }
+        ) : K.concat(q) }),
+        de && /* @__PURE__ */ A("div", { className: `${o}-suffix`, onMouseDown: _, children: [
+          pe,
+          Z
+        ] })
+      ] })
+    }
+  );
+  return D ? /* @__PURE__ */ A(
+    "div",
+    {
+      ...R,
+      className: M(
+        `${o}-wrapper`,
+        {
+          [`${o}-wrapper-rtl`]: Y
+        },
+        R.className
+      ),
+      ref: G,
+      children: [
+        me && /* @__PURE__ */ i("div", { className: `${o}-addbefore`, children: ee }),
+        ye,
+        ge && /* @__PURE__ */ i("div", { className: `${o}-addafter`, children: te })
+      ]
+    }
+  ) : ye;
+}
+const vt = Ce.forwardRef(
+  gt
+);
+vt.displayName = "InputTag";
+export {
+  vt as I
+};