@unicom-cloud/ui 0.8.46 → 0.8.47

package/Transfer.js

@@ -1,197 +1,451 @@
-import { jsxs as Q, jsx as g } from "react/jsx-runtime";
-/* empty css                 */
-/* empty css                        */
-/* empty css                          */
-/* empty css                       */
-/* empty css                       */
-/* empty css                      */
-/* empty css                     */
-/* empty css                           */
-/* empty css                         */
-/* empty css                        */
-/* empty css                            */
-/* empty css                      */
-/* empty css                      */
-/* empty css                          */
-import X from "@unicom-cloud/icons/IconUiLeft";
-import Y from "@unicom-cloud/icons/IconUiRight";
-import Z from "lodash/isPlainObject";
-import ee, { useContext as te, useMemo as w } from "react";
-import re from "./Button.js";
-import "./config-provider/ConfigProvider.js";
-import se from "./hooks/useMergeProps.js";
-import N from "./hooks/useMergeValue.js";
-import L from "@unicom-cloud/utils/class-name";
-import { pickDataAttributes as oe } from "./utils/pick.js";
-import ae from "./transfer/List.js";
-import { ConfigContext as le } from "./config-provider/context.js";
-const ce = {
+import { jsxs as q, jsx as n, Fragment as re } from "react/jsx-runtime";
+import be from "@unicom-cloud/icons/IconUiLeft";
+import Ie from "@unicom-cloud/icons/IconUiRight";
+import ne from "lodash/isPlainObject";
+import de, { useRef as le, useState as G, useEffect as ae, useContext as fe, useMemo as ce } from "react";
+import ue from "./Button.js";
+import { I as pe, a as me } from "./chunk/z7sBNzI4.js";
+import Ke from "./hooks/useMergeProps.js";
+import ie from "./hooks/useMergeValue.js";
+import se from "@unicom-cloud/utils/class-name";
+import { pickDataAttributes as xe } from "./utils/pick.js";
+import Ce from "@unicom-cloud/icons/IconUiDelete";
+import $e from "@unicom-cloud/icons/IconUiSearch";
+import { C as oe } from "./chunk/Ct7mcZuW.js";
+import ge from "./hooks/useKeyboardEvent.js";
+import { I as ve } from "./chunk/I0bfWb5y.js";
+import Se from "./List.js";
+import Ne from "@unicom-cloud/icons/IconUiClose";
+import Te from "@unicom-cloud/icons/IconUiDragDotVertical";
+function ke(z) {
+  const {
+    className: T,
+    prefixCls: J,
+    render: E,
+    item: f,
+    selectedKeys: W,
+    disabled: Q,
+    draggable: w,
+    droppable: g,
+    allowClear: U,
+    onItemSelect: x,
+    onItemRemove: k,
+    onDragStart: b,
+    onDragEnd: M,
+    onDragLeave: V,
+    onDragOver: I,
+    onDrop: u
+  } = z, j = ge(), h = `${J}-view-item`, D = le(null), A = le(null), [C, $] = G("none"), [v, B] = G(!1), [y, O] = G(0), K = Q || f.disabled, F = w && !K, H = W.indexOf(f.key) > -1, P = E ? E(f) : f.value;
+  return ae(() => () => {
+    A.current && clearTimeout(A.current);
+  }, []), ae(() => {
+    C === "dragged" && (A.current = setTimeout(() => $("none"), 1e3));
+  }, [C]), /* @__PURE__ */ q(
+    "li",
+    {
+      ref: D,
+      className: se(
+        h,
+        {
+          [`${h}-disabled`]: K,
+          [`${h}-draggable`]: F,
+          [`${h}-gap-top`]: v && y < 0,
+          [`${h}-gap-bottom`]: v && y > 0,
+          [`${h}-${C}`]: C !== "none"
+        },
+        T
+      ),
+      draggable: F,
+      onDragStart: (t) => {
+        t.stopPropagation(), $("dragging"), b == null || b(t, f);
+        try {
+          t.dataTransfer.setData("text/plain", "");
+        } catch {
+        }
+      },
+      onDragEnd: (t) => {
+        t.stopPropagation(), B(!1), $("dragged"), M == null || M(t, f);
+      },
+      onDragOver: (t) => {
+        if (g) {
+          t.stopPropagation(), t.preventDefault();
+          const R = D.current.getBoundingClientRect(), l = window.pageYOffset + R.top + R.height / 2, S = t.pageY > l ? 1 : -1;
+          B(!0), O(S), I == null || I(t, f);
+        }
+      },
+      onDragLeave: (t) => {
+        g && (t.stopPropagation(), B(!1), V == null || V(t, f));
+      },
+      onDrop: (t) => {
+        g && (t.stopPropagation(), t.preventDefault(), B(!1), O(0), $("none"), u == null || u(t, f, y));
+      },
+      children: [
+        w ? /* @__PURE__ */ n(Te, { className: `${h}-icon-drag` }) : null,
+        U ? /* @__PURE__ */ q(re, { children: [
+          /* @__PURE__ */ n("span", { className: `${h}-content`, children: P }),
+          !K && /* @__PURE__ */ n(
+            pe,
+            {
+              className: `${h}-icon-remove`,
+              onClick: () => k(f.key),
+              tabIndex: 0,
+              role: "button",
+              ...j({
+                onPressEnter: () => k(f.key)
+              }),
+              children: /* @__PURE__ */ n(Ne, {})
+            }
+          )
+        ] }) : /* @__PURE__ */ n(
+          oe,
+          {
+            className: `${h}-content`,
+            checked: H,
+            disabled: K,
+            onChange: (t) => x(f.key, t),
+            children: P
+          }
+        )
+      ]
+    },
+    f.key
+  );
+}
+const De = (z, T) => {
+  const J = ge(), {
+    style: E,
+    prefixCls: f,
+    className: W,
+    listType: Q,
+    dataSource: w,
+    selectedKeys: g = [],
+    validKeys: U,
+    selectedDisabledKeys: x,
+    title: k = "",
+    disabled: b,
+    draggable: M,
+    allowClear: V,
+    showSearch: I,
+    showFooter: u,
+    searchPlaceholder: j,
+    render: h,
+    renderList: D,
+    pagination: A,
+    handleSelect: C,
+    handleRemove: $,
+    filterOption: v,
+    renderHeaderUnit: B,
+    virtualListProps: y,
+    onSearch: O,
+    onResetData: K,
+    onDragStart: F,
+    onDragEnd: H,
+    onDragLeave: P,
+    onDragOver: t,
+    onDrop: R
+  } = z, l = `${f}-view`, { locale: S } = fe(me), [L, Z] = G(null), [Y, ee] = G(""), [e, i] = G(w);
+  ae(() => {
+    i(
+      Y ? w.filter((d) => v(Y, d)) : w
+    );
+  }, [w, Y, v]);
+  const s = (d, N) => C(
+    N ? g.concat(d) : g.filter((o) => o !== d)
+  ), r = (d, N) => C(
+    N ? [...new Set(g.concat(d))] : g.filter(
+      (o) => d.indexOf(o) === -1
+    )
+  ), a = (d) => () => $(d), p = /* @__PURE__ */ n(
+    ve,
+    {
+      size: "small",
+      disabled: b,
+      placeholder: j,
+      suffix: /* @__PURE__ */ n($e, {}),
+      ...ne(I) ? I : {},
+      onChange: (d, N) => {
+        var o;
+        ee(d), O == null || O(d), ne(I) && ((o = I.onChange) == null || o.call(I, d, N));
+      }
+    }
+  ), _ = () => {
+    const d = g.length, N = e.length, o = Y ? U.filter(
+      (X) => e.find(({ key: ye }) => ye === X)
+    ) : U, c = o.filter(
+      (X) => g.indexOf(X) > -1
+    ).length, m = {
+      disabled: b,
+      checked: c > 0 && c === o.length,
+      indeterminate: c > 0 && c < o.length,
+      onChange: (X) => r(o, X)
+    };
+    if (typeof k == "function")
+      return k({
+        countTotal: N,
+        countSelected: d,
+        clear: a(o),
+        checkbox: /* @__PURE__ */ n(oe, { ...m }),
+        searchInput: p
+      });
+    const te = /* @__PURE__ */ n("span", { className: `${l}-header-unit`, children: B(d, N) });
+    return V ? /* @__PURE__ */ q(re, { children: [
+      /* @__PURE__ */ n("span", { className: `${l}-header-title`, children: k }),
+      te,
+      !b && U.length ? /* @__PURE__ */ n(
+        pe,
+        {
+          className: `${l}-icon-clear`,
+          onClick: a(o),
+          tabIndex: 0,
+          role: "button",
+          ...J({
+            onPressEnter: a(o)
+          }),
+          children: /* @__PURE__ */ n(Ce, {})
+        }
+      ) : null
+    ] }) : /* @__PURE__ */ q(re, { children: [
+      /* @__PURE__ */ n("span", { className: `${l}-header-title`, children: /* @__PURE__ */ n(oe, { ...m, children: k }) }),
+      te
+    ] });
+  }, he = () => {
+    var N;
+    const d = D == null ? void 0 : D({
+      listType: Q,
+      disabled: b,
+      selectedKeys: g,
+      validKeys: U,
+      selectedDisabledKeys: x,
+      filteredItems: e,
+      onItemRemove: (o) => $([o]),
+      onItemSelect: s,
+      onItemSelectAll: (o, c) => {
+        C(
+          c ? o.concat(x) : [...x]
+        );
+      }
+    });
+    return d ? /* @__PURE__ */ n("div", { className: `${l}-custom-list`, children: d }) : /* @__PURE__ */ n(
+      Se,
+      {
+        bordered: !1,
+        paginationInFooter: !0,
+        virtualListProps: y,
+        wrapperClassName: `${l}-list`,
+        dataSource: e,
+        pagination: A ? {
+          simple: !0,
+          size: "mini",
+          ...typeof A == "object" ? A : {}
+        } : void 0,
+        footer: u === !0 ? /* @__PURE__ */ n(ue, { size: "mini", disabled: b, onClick: K, children: (N = S == null ? void 0 : S.Transfer) == null ? void 0 : N.resetText }) : u || null,
+        render: (o) => /* @__PURE__ */ n(
+          ke,
+          {
+            prefixCls: f,
+            item: o,
+            disabled: b,
+            draggable: M,
+            droppable: !!L,
+            allowClear: V,
+            render: h,
+            selectedKeys: g,
+            onItemSelect: (c, m) => s(c, m),
+            onItemRemove: (c) => $([c]),
+            onDragStart: (c, m) => {
+              Z(m), F == null || F(c, m);
+            },
+            onDragEnd: (c, m) => {
+              Z(null), H == null || H(c, m);
+            },
+            onDragLeave: (c, m) => P == null ? void 0 : P(c, m),
+            onDragOver: (c, m) => t == null ? void 0 : t(c, m),
+            onDrop: (c, m, te) => {
+              L && L.key !== m.key && (R == null || R({
+                e: c,
+                dropItem: m,
+                dropPosition: te,
+                dragItem: L
+              }));
+            }
+          },
+          o.key
+        )
+      }
+    );
+  };
+  return /* @__PURE__ */ q("div", { ref: T, className: se(l, W), style: E, children: [
+    /* @__PURE__ */ n("div", { className: `${l}-header`, children: _() }),
+    I && /* @__PURE__ */ n("div", { className: `${l}-search`, children: p }),
+    he()
+  ] });
+}, Oe = de.forwardRef(De), Pe = {
   titleTexts: ["Source", "Target"],
   defaultSelectedKeys: [],
   defaultTargetKeys: [],
   dataSource: [],
-  filterOption: (h, n) => typeof (n == null ? void 0 : n.value) == "string" && n.value.indexOf(h) !== -1
+  filterOption: (z, T) => typeof (T == null ? void 0 : T.value) == "string" && T.value.indexOf(z) !== -1
 };
-function ie(h, n) {
-  const { getPrefixCls: R, componentConfig: x, rtl: j } = te(le), I = se(
-    h,
-    ce,
-    x == null ? void 0 : x.Transfer
+function Re(z, T) {
+  const { getPrefixCls: J, componentConfig: E, rtl: f } = fe(me), W = Ke(
+    z,
+    Pe,
+    E == null ? void 0 : E.Transfer
   ), {
-    prefixCls: k,
-    style: B,
-    className: E,
-    children: M,
-    dataSource: d,
-    defaultTargetKeys: T,
-    defaultSelectedKeys: C,
-    targetKeys: U,
-    selectedKeys: W,
-    oneWay: z,
-    simple: l,
-    disabled: m,
-    titleTexts: F,
-    operationTexts: b,
-    operationStyle: H,
-    onSearch: S,
-    onChange: O,
-    onSelectChange: f,
-    ..._
-  } = I, c = k || R("transfer"), A = !!(l || z), [p, q] = N([], {
-    value: U,
-    defaultValue: l ? T.concat(C) : T
-  }), [v, $] = N([], {
-    value: W,
-    defaultValue: l ? [] : C
-  }), [D, P] = w(
+    prefixCls: Q,
+    style: w,
+    className: g,
+    children: U,
+    dataSource: x,
+    defaultTargetKeys: k,
+    defaultSelectedKeys: b,
+    targetKeys: M,
+    selectedKeys: V,
+    oneWay: I,
+    simple: u,
+    disabled: j,
+    titleTexts: h,
+    operationTexts: D,
+    operationStyle: A,
+    onSearch: C,
+    onChange: $,
+    onSelectChange: v,
+    ...B
+  } = W, y = Q || J("transfer"), O = !!(u || I), [K, F] = ie([], {
+    value: M,
+    defaultValue: u ? k.concat(b) : k
+  }), [H, P] = ie([], {
+    value: V,
+    defaultValue: u ? [] : b
+  }), [t, R] = ce(
     () => [[], []],
-    [d, p]
-  ), [i, u] = w(() => {
-    D.length = 0, P.length = 0;
+    [x, K]
+  ), [l, S] = ce(() => {
+    t.length = 0, R.length = 0;
     const e = {
-      dataSource: D,
+      dataSource: t,
       selectedKeys: [],
       validKeys: [],
       selectedValidKeys: [],
       selectedDisabledKeys: []
-    }, o = {
-      dataSource: P,
+    }, i = {
+      dataSource: R,
       selectedKeys: [],
       validKeys: [],
       selectedValidKeys: [],
       selectedDisabledKeys: []
     };
-    return d.forEach((t) => {
-      const r = p.indexOf(t.key) > -1 ? o : e;
-      t.disabled || r.validKeys.push(t.key), v.indexOf(t.key) > -1 && (r.selectedKeys.push(t.key), t.disabled ? r.selectedDisabledKeys.push(t.key) : r.selectedValidKeys.push(t.key)), r.dataSource.push(t);
-    }), Z(l) && l.retainSelectedItems && (Object.entries(e).forEach(([t, r]) => {
-      Array.isArray(r) && (e[t] = r.concat(o[t]));
-    }), e.dataSource = d.slice(), e.selectedKeys = p.slice()), [e, o];
-  }, [d, p, v, l]), K = (e, o = null) => {
-    if (Array.isArray(o) && o.length === 0)
+    return x.forEach((s) => {
+      const r = K.indexOf(s.key) > -1 ? i : e;
+      s.disabled || r.validKeys.push(s.key), H.indexOf(s.key) > -1 && (r.selectedKeys.push(s.key), s.disabled ? r.selectedDisabledKeys.push(s.key) : r.selectedValidKeys.push(s.key)), r.dataSource.push(s);
+    }), ne(u) && u.retainSelectedItems && (Object.entries(e).forEach(([s, r]) => {
+      Array.isArray(r) && (e[s] = r.concat(i[s]));
+    }), e.dataSource = x.slice(), e.selectedKeys = K.slice()), [e, i];
+  }, [x, K, H, u]), L = (e, i = null) => {
+    if (Array.isArray(i) && i.length === 0)
       return;
-    o = o || (e === "target" ? i.selectedValidKeys : u.selectedValidKeys);
-    const t = e === "target" ? p.concat(o).sort((r, s) => d.findIndex(({ key: a }) => a === r) - d.findIndex(({ key: a }) => a === s)) : p.filter((r) => o.indexOf(r) === -1);
-    $(
-      i.selectedDisabledKeys.concat(u.selectedDisabledKeys)
-    ), q(t), O == null || O(t, e, o);
-  }, G = (e, o) => {
-    if (o === "source")
-      if (l) {
-        const t = e.filter(
-          (s) => i.selectedKeys.indexOf(s) === -1
-        ), r = i.selectedKeys.filter(
-          (s) => e.indexOf(s) === -1
+    i = i || (e === "target" ? l.selectedValidKeys : S.selectedValidKeys);
+    const s = e === "target" ? K.concat(i).sort((r, a) => x.findIndex(({ key: p }) => p === r) - x.findIndex(({ key: p }) => p === a)) : K.filter((r) => i.indexOf(r) === -1);
+    P(
+      l.selectedDisabledKeys.concat(S.selectedDisabledKeys)
+    ), F(s), $ == null || $(s, e, i);
+  }, Z = (e, i) => {
+    if (i === "source")
+      if (u) {
+        const s = e.filter(
+          (a) => l.selectedKeys.indexOf(a) === -1
+        ), r = l.selectedKeys.filter(
+          (a) => e.indexOf(a) === -1
         );
-        K("target", t), K("source", r);
+        L("target", s), L("source", r);
       } else
-        $(e.concat(u.selectedKeys)), f == null || f(e, u.selectedKeys);
+        P(e.concat(S.selectedKeys)), v == null || v(e, S.selectedKeys);
     else
-      $(i.selectedKeys.concat(e)), f == null || f(i.selectedKeys, e);
-  }, J = () => {
-    const e = u.selectedKeys.length > 0, o = i.selectedKeys.length > 0, t = A ? ["target"] : ["target", "source"];
-    return l ? null : /* @__PURE__ */ g(
+      P(l.selectedKeys.concat(e)), v == null || v(l.selectedKeys, e);
+  }, Y = () => {
+    const e = S.selectedKeys.length > 0, i = l.selectedKeys.length > 0, s = O ? ["target"] : ["target", "source"];
+    return u ? null : /* @__PURE__ */ n(
       "div",
       {
-        style: H,
-        className: L(`${c}-operations`, {
-          [`${c}-operations-words`]: b
+        style: A,
+        className: se(`${y}-operations`, {
+          [`${y}-operations-words`]: D
         }),
-        children: t.map((r, s) => {
-          let a, y;
-          return r === "source" ? (a = X, y = m || !e) : (a = Y, y = m || !o), /* @__PURE__ */ g(
-            re,
+        children: s.map((r, a) => {
+          let p, _;
+          return r === "source" ? (p = be, _ = j || !e) : (p = Ie, _ = j || !i), /* @__PURE__ */ n(
+            ue,
             {
-              tabIndex: y ? -1 : void 0,
+              tabIndex: _ ? -1 : void 0,
               "aria-label": `move selected ${r === "target" ? "right" : "left"}`,
               type: "secondary",
               size: "small",
               shape: "round",
-              disabled: y,
-              onClick: () => K(r),
-              icon: /* @__PURE__ */ g(a, {}),
-              children: b && b[s]
+              disabled: _,
+              onClick: () => L(r),
+              icon: /* @__PURE__ */ n(p, {}),
+              children: D && D[a]
             },
-            s
+            a
           );
         })
       }
     );
-  }, V = (e) => {
-    const o = e === "source" ? i : u, t = e === "target", r = { ..._ };
-    return Object.entries(r).forEach(([s, a]) => {
+  }, ee = (e) => {
+    const i = e === "source" ? l : S, s = e === "target", r = { ...B };
+    return Object.entries(r).forEach(([a, p]) => {
       [
         "searchPlaceholder",
         "showSearch",
         "showFooter",
         "pagination",
         "listStyle"
-      ].indexOf(s) > -1 && (r[s] = Array.isArray(a) ? a[e === "source" ? 0 : 1] : a);
-    }), /* @__PURE__ */ g(
-      ae,
+      ].indexOf(a) > -1 && (r[a] = Array.isArray(p) ? p[e === "source" ? 0 : 1] : p);
+    }), /* @__PURE__ */ n(
+      Oe,
       {
-        ...o,
+        ...i,
         ...r,
         style: r.listStyle,
-        prefixCls: c,
-        className: `${c}-view-${e}`,
+        prefixCls: y,
+        className: `${y}-view-${e}`,
         listType: e,
-        title: F[t ? 1 : 0],
-        disabled: m,
-        allowClear: t && A,
-        renderList: M,
-        handleSelect: (s) => G(s, e),
-        handleRemove: (s) => K(t ? "source" : "target", s),
-        onSearch: (s) => S == null ? void 0 : S(s, e),
-        renderHeaderUnit: (s, a) => `${A ? "" : `${s} / `}${a}`
+        title: h[s ? 1 : 0],
+        disabled: j,
+        allowClear: s && O,
+        renderList: U,
+        handleSelect: (a) => Z(a, e),
+        handleRemove: (a) => L(s ? "source" : "target", a),
+        onSearch: (a) => C == null ? void 0 : C(a, e),
+        renderHeaderUnit: (a, p) => `${O ? "" : `${a} / `}${p}`
       }
     );
   };
-  return /* @__PURE__ */ Q(
+  return /* @__PURE__ */ q(
     "div",
     {
-      ...oe(I),
-      ref: n,
-      className: L(
-        c,
+      ...xe(W),
+      ref: T,
+      className: se(
+        y,
         {
-          [`${c}-simple`]: l,
-          [`${c}-disabled`]: m,
-          [`${c}-rtl`]: j
+          [`${y}-simple`]: u,
+          [`${y}-disabled`]: j,
+          [`${y}-rtl`]: f
         },
-        E
+        g
       ),
-      style: B,
+      style: w,
       children: [
-        V("source"),
-        J(),
-        V("target")
+        ee("source"),
+        Y(),
+        ee("target")
       ]
     }
   );
 }
-const ne = ee.forwardRef(ie);
-ne.displayName = "Transfer";
+const we = de.forwardRef(Re);
+we.displayName = "Transfer";
 export {
-  ne as default
+  we as default
 };

package/Tree.js

@@ -1,7 +1,4 @@
-/* empty css                 */
-/* empty css                          */
-/* empty css                      */
-import p from "./tree/Tree.js";
+import { T as r } from "./chunk/n58kSv9T.js";
 export {
-  p as default
+  r as default
 };

package/TreeSelect.js

@@ -1,10 +1,4 @@
-/* empty css                 */
-/* empty css                       */
-/* empty css                          */
-/* empty css                      */
-/* empty css                         */
-/* empty css                             */
-import a from "./tree-select/Select.js";
+import { T as o } from "./chunk/CQvJK4kb.js";
 export {
-  a as default
+  o as default
 };