@unicom-cloud/ui 0.8.96 → 0.8.98

package/transfer/Item.js

@@ -1,53 +1,53 @@
-import { jsxs as I, jsx as r, Fragment as F } from "react/jsx-runtime";
-import H from "@unicom-cloud/icons/IconUiClose";
-import V from "@unicom-cloud/icons/IconUiDragDotVertical";
-import { useRef as P, useState as h, useEffect as T } from "react";
-import q from "../checkbox/Checkbox.js";
+import { jsxs as C, jsx as r, Fragment as B } from "react/jsx-runtime";
+import F from "@unicom-cloud/icons/IconUiClose";
+import H from "@unicom-cloud/icons/IconUiDragDotVertical";
+import { useRef as y, useState as m, useEffect as N } from "react";
+import V from "../checkbox/Checkbox.js";
 import "../checkbox/Group.js";
-import z from "../components/common/hooks/useKeyboardEvent.js";
-import A from "../icon-hover/index.js";
-import G from "@unicom-cloud/utils/class-name";
-function oe(w) {
+import q from "../components/common/hooks/useKeyboardEvent.js";
+import z from "../icon-hover/index.js";
+import A from "@unicom-cloud/utils/class-name";
+function oe(k) {
   const {
-    className: E,
-    prefixCls: O,
-    render: $,
+    className: x,
+    prefixCls: I,
+    render: p,
     item: t,
-    selectedKeys: S,
-    disabled: K,
-    draggable: v,
+    selectedKeys: P,
+    disabled: E,
+    draggable: f,
     droppable: l,
-    allowClear: R,
-    onItemSelect: j,
-    onItemRemove: C,
-    onDragStart: d,
-    onDragEnd: m,
-    onDragLeave: g,
-    onDragOver: p,
-    onDrop: f
-  } = w, U = z(), o = `${O}-view-item`, y = P(null), u = P(null), [a, n] = h("none"), [D, s] = h(!1), [b, N] = h(0), i = K || t.disabled, k = v && !i, Y = S.indexOf(t.key) > -1, x = $ ? $(t) : t.value;
-  return T(() => () => {
-    u.current && clearTimeout(u.current);
-  }, []), T(() => {
-    a === "dragged" && (u.current = setTimeout(() => n("none"), 1e3));
-  }, [a]), /* @__PURE__ */ I(
+    allowClear: O,
+    onItemSelect: S,
+    onItemRemove: u,
+    onDragStart: T,
+    onDragEnd: w,
+    onDragLeave: K,
+    onDragOver: R,
+    onDrop: j
+  } = k, L = q(), o = `${I}-view-item`, D = y(null), g = y(null), [a, n] = m("none"), [b, s] = m(!1), [d, v] = m(0), i = E || t.disabled, h = f && !i, U = P.indexOf(t.key) > -1, $ = p ? p(t) : t.value;
+  return N(() => () => {
+    g.current && clearTimeout(g.current);
+  }, []), N(() => {
+    a === "dragged" && (g.current = setTimeout(() => n("none"), 1e3));
+  }, [a]), /* @__PURE__ */ C(
     "li",
     {
-      ref: y,
-      className: G(
+      ref: D,
+      className: A(
         o,
         {
           [`${o}-disabled`]: i,
-          [`${o}-draggable`]: k,
-          [`${o}-gap-top`]: D && b < 0,
-          [`${o}-gap-bottom`]: D && b > 0,
+          [`${o}-draggable`]: h,
+          [`${o}-gap-top`]: b && d < 0,
+          [`${o}-gap-bottom`]: b && d > 0,
           [`${o}-${a}`]: a !== "none"
         },
-        E
+        x
       ),
-      draggable: k,
+      draggable: h,
       onDragStart: (e) => {
-        e.stopPropagation(), n("dragging"), d == null || d(e, t);
+        e.stopPropagation(), n("dragging"), T?.(e, t);
         try {
           e.dataTransfer.setData("text/plain", "");
         } catch (c) {
@@ -55,46 +55,46 @@ function oe(w) {
         }
       },
       onDragEnd: (e) => {
-        e.stopPropagation(), s(!1), n("dragged"), m == null || m(e, t);
+        e.stopPropagation(), s(!1), n("dragged"), w?.(e, t);
       },
       onDragOver: (e) => {
         if (l) {
           e.stopPropagation(), e.preventDefault();
-          const c = y.current.getBoundingClientRect(), _ = window.pageYOffset + c.top + c.height / 2, B = e.pageY > _ ? 1 : -1;
-          s(!0), N(B), p == null || p(e, t);
+          const c = D.current.getBoundingClientRect(), Y = window.pageYOffset + c.top + c.height / 2, _ = e.pageY > Y ? 1 : -1;
+          s(!0), v(_), R?.(e, t);
         }
       },
       onDragLeave: (e) => {
-        l && (e.stopPropagation(), s(!1), g == null || g(e, t));
+        l && (e.stopPropagation(), s(!1), K?.(e, t));
       },
       onDrop: (e) => {
-        l && (e.stopPropagation(), e.preventDefault(), s(!1), N(0), n("none"), f == null || f(e, t, b));
+        l && (e.stopPropagation(), e.preventDefault(), s(!1), v(0), n("none"), j?.(e, t, d));
       },
       children: [
-        v ? /* @__PURE__ */ r(V, { className: `${o}-icon-drag` }) : null,
-        R ? /* @__PURE__ */ I(F, { children: [
-          /* @__PURE__ */ r("span", { className: `${o}-content`, children: x }),
+        f ? /* @__PURE__ */ r(H, { className: `${o}-icon-drag` }) : null,
+        O ? /* @__PURE__ */ C(B, { children: [
+          /* @__PURE__ */ r("span", { className: `${o}-content`, children: $ }),
           !i && /* @__PURE__ */ r(
-            A,
+            z,
             {
               className: `${o}-icon-remove`,
-              onClick: () => C(t.key),
+              onClick: () => u(t.key),
               tabIndex: 0,
               role: "button",
-              ...U({
-                onPressEnter: () => C(t.key)
+              ...L({
+                onPressEnter: () => u(t.key)
               }),
-              children: /* @__PURE__ */ r(H, {})
+              children: /* @__PURE__ */ r(F, {})
             }
           )
         ] }) : /* @__PURE__ */ r(
-          q,
+          V,
           {
             className: `${o}-content`,
-            checked: Y,
+            checked: U,
             disabled: i,
-            onChange: (e) => j(t.key, e),
-            children: x
+            onChange: (e) => S(t.key, e),
+            children: $
           }
         )
       ]

package/transfer/List.js

@@ -1,189 +1,187 @@
-import { jsx as r, jsxs as L, Fragment as z } from "react/jsx-runtime";
-import ae from "@unicom-cloud/icons/IconUiDelete";
-import ce from "@unicom-cloud/icons/IconUiSearch";
-import B from "lodash/isPlainObject";
-import ie, { useContext as me, useState as O, useEffect as de } from "react";
-import fe from "../button/index.js";
-import A from "../checkbox/Checkbox.js";
+import { jsx as o, jsxs as D, Fragment as O } from "react/jsx-runtime";
+import ce from "@unicom-cloud/icons/IconUiDelete";
+import le from "@unicom-cloud/icons/IconUiSearch";
+import E from "lodash/isPlainObject";
+import ie, { useContext as de, useState as S, useEffect as me } from "react";
+import he from "../button/index.js";
+import K from "../checkbox/Checkbox.js";
 import "../checkbox/Group.js";
 import "../config-provider/ConfigProvider.js";
-import he from "../components/common/hooks/useKeyboardEvent.js";
+import fe from "../components/common/hooks/useKeyboardEvent.js";
 import pe from "../icon-hover/index.js";
 import ue from "../input/Input.js";
-import Ce from "../list/index.js";
-import Ie from "@unicom-cloud/utils/class-name";
-import ge from "./Item.js";
-import xe from "../config-provider/context.js";
-const be = (q, G) => {
-  const J = he(), {
-    style: M,
-    prefixCls: P,
-    className: Q,
-    listType: V,
+import ge from "../list/index.js";
+import Ce from "@unicom-cloud/utils/class-name";
+import Ie from "./Item.js";
+import ve from "../config-provider/context.js";
+const xe = (P, j) => {
+  const F = fe(), {
+    style: H,
+    prefixCls: N,
+    className: U,
+    listType: z,
     dataSource: d,
     selectedKeys: a = [],
-    validKeys: f,
-    selectedDisabledKeys: g,
+    validKeys: m,
+    selectedDisabledKeys: C,
     title: h = "",
-    disabled: i,
-    draggable: W,
-    allowClear: j,
-    showSearch: c,
-    showFooter: D,
-    searchPlaceholder: X,
-    render: Y,
-    renderList: x,
-    pagination: b,
-    handleSelect: N,
-    handleRemove: k,
-    filterOption: E,
-    renderHeaderUnit: Z,
-    virtualListProps: _,
-    onSearch: v,
-    onResetData: ee,
-    onDragStart: y,
-    onDragEnd: T,
-    onDragLeave: R,
-    onDragOver: $,
-    onDrop: S
-  } = q, l = `${P}-view`, { locale: w } = me(xe), [p, F] = O(null), [u, te] = O(""), [C, ne] = O(d);
-  de(() => {
+    disabled: c,
+    draggable: B,
+    allowClear: k,
+    showSearch: l,
+    showFooter: y,
+    searchPlaceholder: A,
+    render: q,
+    renderList: G,
+    pagination: I,
+    handleSelect: v,
+    handleRemove: x,
+    filterOption: T,
+    renderHeaderUnit: J,
+    virtualListProps: M,
+    onSearch: Q,
+    onResetData: V,
+    onDragStart: W,
+    onDragEnd: X,
+    onDragLeave: Y,
+    onDragOver: Z,
+    onDrop: _
+  } = P, s = `${N}-view`, { locale: ee } = de(ve), [f, R] = S(null), [p, te] = S(""), [u, ne] = S(d);
+  me(() => {
     ne(
-      u ? d.filter((n) => E(u, n)) : d
+      p ? d.filter((t) => T(p, t)) : d
     );
-  }, [d, u, E]);
-  const H = (n, s) => N(
-    s ? a.concat(n) : a.filter((e) => e !== n)
-  ), oe = (n, s) => N(
-    s ? [...new Set(a.concat(n))] : a.filter(
-      (e) => n.indexOf(e) === -1
+  }, [d, p, T]);
+  const $ = (t, r) => v(
+    r ? a.concat(t) : a.filter((e) => e !== t)
+  ), re = (t, r) => v(
+    r ? [...new Set(a.concat(t))] : a.filter(
+      (e) => t.indexOf(e) === -1
     )
-  ), K = (n) => () => k(n), U = /* @__PURE__ */ r(
+  ), b = (t) => () => x(t), L = /* @__PURE__ */ o(
     ue,
     {
       size: "small",
-      disabled: i,
-      placeholder: X,
-      suffix: /* @__PURE__ */ r(ce, {}),
-      ...B(c) ? c : {},
-      onChange: (n, s) => {
-        var e;
-        te(n), v == null || v(n), B(c) && ((e = c.onChange) == null || e.call(c, n, s));
+      disabled: c,
+      placeholder: A,
+      suffix: /* @__PURE__ */ o(le, {}),
+      ...E(l) ? l : {},
+      onChange: (t, r) => {
+        te(t), Q?.(t), E(l) && l.onChange?.(t, r);
       }
     }
-  ), re = () => {
-    const n = a.length, s = C.length, e = u ? f.filter(
-      (m) => C.find(({ key: le }) => le === m)
-    ) : f, t = e.filter(
-      (m) => a.indexOf(m) > -1
-    ).length, o = {
-      disabled: i,
-      checked: t > 0 && t === e.length,
-      indeterminate: t > 0 && t < e.length,
-      onChange: (m) => oe(e, m)
+  ), oe = () => {
+    const t = a.length, r = u.length, e = p ? m.filter(
+      (i) => u.find(({ key: ae }) => ae === i)
+    ) : m, n = e.filter(
+      (i) => a.indexOf(i) > -1
+    ).length, g = {
+      disabled: c,
+      checked: n > 0 && n === e.length,
+      indeterminate: n > 0 && n < e.length,
+      onChange: (i) => re(e, i)
     };
     if (typeof h == "function")
       return h({
-        countTotal: s,
-        countSelected: n,
-        clear: K(e),
-        checkbox: /* @__PURE__ */ r(A, { ...o }),
-        searchInput: U
+        countTotal: r,
+        countSelected: t,
+        clear: b(e),
+        checkbox: /* @__PURE__ */ o(K, { ...g }),
+        searchInput: L
       });
-    const I = /* @__PURE__ */ r("span", { className: `${l}-header-unit`, children: Z(n, s) });
-    return j ? /* @__PURE__ */ L(z, { children: [
-      /* @__PURE__ */ r("span", { className: `${l}-header-title`, children: h }),
-      I,
-      !i && f.length ? /* @__PURE__ */ r(
+    const w = /* @__PURE__ */ o("span", { className: `${s}-header-unit`, children: J(t, r) });
+    return k ? /* @__PURE__ */ D(O, { children: [
+      /* @__PURE__ */ o("span", { className: `${s}-header-title`, children: h }),
+      w,
+      !c && m.length ? /* @__PURE__ */ o(
         pe,
         {
-          className: `${l}-icon-clear`,
-          onClick: K(e),
+          className: `${s}-icon-clear`,
+          onClick: b(e),
           tabIndex: 0,
           role: "button",
-          ...J({
-            onPressEnter: K(e)
+          ...F({
+            onPressEnter: b(e)
           }),
-          children: /* @__PURE__ */ r(ae, {})
+          children: /* @__PURE__ */ o(ce, {})
         }
       ) : null
-    ] }) : /* @__PURE__ */ L(z, { children: [
-      /* @__PURE__ */ r("span", { className: `${l}-header-title`, children: /* @__PURE__ */ r(A, { ...o, children: h }) }),
-      I
+    ] }) : /* @__PURE__ */ D(O, { children: [
+      /* @__PURE__ */ o("span", { className: `${s}-header-title`, children: /* @__PURE__ */ o(K, { ...g, children: h }) }),
+      w
     ] });
   }, se = () => {
-    var s;
-    const n = x == null ? void 0 : x({
-      listType: V,
-      disabled: i,
+    const t = G?.({
+      listType: z,
+      disabled: c,
       selectedKeys: a,
-      validKeys: f,
-      selectedDisabledKeys: g,
-      filteredItems: C,
-      onItemRemove: (e) => k([e]),
-      onItemSelect: H,
-      onItemSelectAll: (e, t) => {
-        N(
-          t ? e.concat(g) : [...g]
+      validKeys: m,
+      selectedDisabledKeys: C,
+      filteredItems: u,
+      onItemRemove: (r) => x([r]),
+      onItemSelect: $,
+      onItemSelectAll: (r, e) => {
+        v(
+          e ? r.concat(C) : [...C]
         );
       }
     });
-    return n ? /* @__PURE__ */ r("div", { className: `${l}-custom-list`, children: n }) : /* @__PURE__ */ r(
-      Ce,
+    return t ? /* @__PURE__ */ o("div", { className: `${s}-custom-list`, children: t }) : /* @__PURE__ */ o(
+      ge,
       {
         bordered: !1,
         paginationInFooter: !0,
-        virtualListProps: _,
-        wrapperClassName: `${l}-list`,
-        dataSource: C,
-        pagination: b ? {
+        virtualListProps: M,
+        wrapperClassName: `${s}-list`,
+        dataSource: u,
+        pagination: I ? {
           simple: !0,
           size: "mini",
-          ...typeof b == "object" ? b : {}
+          ...typeof I == "object" ? I : {}
         } : void 0,
-        footer: D === !0 ? /* @__PURE__ */ r(fe, { size: "mini", disabled: i, onClick: ee, children: (s = w == null ? void 0 : w.Transfer) == null ? void 0 : s.resetText }) : D || null,
-        render: (e) => /* @__PURE__ */ r(
-          ge,
+        footer: y === !0 ? /* @__PURE__ */ o(he, { size: "mini", disabled: c, onClick: V, children: ee?.Transfer?.resetText }) : y || null,
+        render: (r) => /* @__PURE__ */ o(
+          Ie,
           {
-            prefixCls: P,
-            item: e,
-            disabled: i,
-            draggable: W,
-            droppable: !!p,
-            allowClear: j,
-            render: Y,
+            prefixCls: N,
+            item: r,
+            disabled: c,
+            draggable: B,
+            droppable: !!f,
+            allowClear: k,
+            render: q,
             selectedKeys: a,
-            onItemSelect: (t, o) => H(t, o),
-            onItemRemove: (t) => k([t]),
-            onDragStart: (t, o) => {
-              F(o), y == null || y(t, o);
+            onItemSelect: (e, n) => $(e, n),
+            onItemRemove: (e) => x([e]),
+            onDragStart: (e, n) => {
+              R(n), W?.(e, n);
             },
-            onDragEnd: (t, o) => {
-              F(null), T == null || T(t, o);
+            onDragEnd: (e, n) => {
+              R(null), X?.(e, n);
             },
-            onDragLeave: (t, o) => R == null ? void 0 : R(t, o),
-            onDragOver: (t, o) => $ == null ? void 0 : $(t, o),
-            onDrop: (t, o, I) => {
-              p && p.key !== o.key && (S == null || S({
-                e: t,
-                dropItem: o,
-                dropPosition: I,
-                dragItem: p
-              }));
+            onDragLeave: (e, n) => Y?.(e, n),
+            onDragOver: (e, n) => Z?.(e, n),
+            onDrop: (e, n, g) => {
+              f && f.key !== n.key && _?.({
+                e,
+                dropItem: n,
+                dropPosition: g,
+                dragItem: f
+              });
             }
           },
-          e.key
+          r.key
         )
       }
     );
   };
-  return /* @__PURE__ */ L("div", { ref: G, className: Ie(l, Q), style: M, children: [
-    /* @__PURE__ */ r("div", { className: `${l}-header`, children: re() }),
-    c && /* @__PURE__ */ r("div", { className: `${l}-search`, children: U }),
+  return /* @__PURE__ */ D("div", { ref: j, className: Ce(s, U), style: H, children: [
+    /* @__PURE__ */ o("div", { className: `${s}-header`, children: oe() }),
+    l && /* @__PURE__ */ o("div", { className: `${s}-search`, children: L }),
     se()
   ] });
-}, Fe = ie.forwardRef(be);
+}, Fe = ie.forwardRef(xe);
 export {
-  be as TransferList,
+  xe as TransferList,
   Fe as default
 };