@unicom-cloud/ui 0.8.44 → 0.8.46

package/Transfer.js

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

package/Tree.js

@@ -1,6 +1,7 @@
-import "./chunk/C6Kfwj0f.js";
-import "./chunk/i605JRmI.js";
-import { T as e } from "./chunk/BNRfcEHj.js";
+/* empty css                 */
+/* empty css                          */
+/* empty css                      */
+import p from "./tree/Tree.js";
 export {
-  e as default
+  p as default
 };

package/TreeSelect.js

@@ -1,9 +1,10 @@
-import "./chunk/C6Kfwj0f.js";
-import "./chunk/Dr0iXIXO.js";
-import "./chunk/i605JRmI.js";
-import "./chunk/BNRfcEHj.js";
-import "./Trigger.js";
-import { T as i } from "./chunk/C7FC7dzS.js";
+/* empty css                 */
+/* empty css                       */
+/* empty css                          */
+/* empty css                      */
+/* empty css                         */
+/* empty css                             */
+import a from "./tree-select/Select.js";
 export {
-  i as default
+  a as default
 };