@unicom-cloud/ui 0.8.96 → 0.8.98

package/input-tag/InputTag.js

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

package/layout/Content.js

@@ -3,12 +3,12 @@ import { forwardRef as i, useContext as f } from "react";
 import "../config-provider/ConfigProvider.js";
 import l from "@unicom-cloud/utils/class-name";
 import p from "../config-provider/context.js";
-function u(o, n) {
-  const { className: s, children: e, ...a } = o, { getPrefixCls: t } = f(p), m = t == null ? void 0 : t("layout-content"), r = l(m, s);
-  return /* @__PURE__ */ c("main", { ref: n, ...a, className: r, children: e });
+function C(t, o) {
+  const { className: e, children: n, ...s } = t, { getPrefixCls: a } = f(p), r = a?.("layout-content"), m = l(r, e);
+  return /* @__PURE__ */ c("main", { ref: o, ...s, className: m, children: n });
 }
-const C = i(u);
-C.displayName = "LayoutContent";
+const u = i(C);
+u.displayName = "LayoutContent";
 export {
-  C as default
+  u as default
 };