@unicom-cloud/ui 0.8.41

package/Transfer.js

@@ -0,0 +1,461 @@
+import { jsxs as q, jsx as n, Fragment as re } from "react/jsx-runtime";
+import "./chunk/DP2rzg_V.js";
+import "./chunk/C6Kfwj0f.js";
+import { C as ne } from "./chunk/BVC51EZ7.js";
+import "./chunk/RnTpOC5-.js";
+import { I as de, a as fe } from "./chunk/Dc_89PVN.js";
+import "./chunk/DhodcKwW.js";
+import "./Tag.js";
+import "./chunk/DF-4xm4m.js";
+import "./Trigger.js";
+import "./chunk/BdWYJb9B.js";
+import "./chunk/Kt5-772l.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/Bl5t8Z6F.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 = {
+  titleTexts: ["Source", "Target"],
+  defaultSelectedKeys: [],
+  defaultTargetKeys: [],
+  dataSource: [],
+  filterOption: (z, T) => typeof (T == null ? void 0 : T.value) == "string" && T.value.indexOf(z) !== -1
+};
+function Re(z, T) {
+  const { getPrefixCls: J, componentConfig: E, rtl: f } = me(fe), W = xe(
+    z,
+    Pe,
+    E == null ? void 0 : E.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(
+    () => [[], []],
+    [x, K]
+  ), [l, S] = ce(() => {
+    t.length = 0, R.length = 0;
+    const e = {
+      dataSource: t,
+      selectedKeys: [],
+      validKeys: [],
+      selectedValidKeys: [],
+      selectedDisabledKeys: []
+    }, i = {
+      dataSource: R,
+      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;
+    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
+        );
+        L("target", s), L("source", r);
+      } else
+        P(e.concat(S.selectedKeys)), v == null || v(e, S.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(
+      "div",
+      {
+        style: A,
+        className: se(`${y}-operations`, {
+          [`${y}-operations-words`]: D
+        }),
+        children: s.map((r, o) => {
+          let m, _;
+          return r === "source" ? (m = Ie, _ = j || !e) : (m = Ke, _ = j || !i), /* @__PURE__ */ n(
+            ue,
+            {
+              tabIndex: _ ? -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]
+            },
+            o
+          );
+        })
+      }
+    );
+  }, ee = (e) => {
+    const i = e === "source" ? l : S, s = e === "target", r = { ...B };
+    return Object.entries(r).forEach(([o, m]) => {
+      [
+        "searchPlaceholder",
+        "showSearch",
+        "showFooter",
+        "pagination",
+        "listStyle"
+      ].indexOf(o) > -1 && (r[o] = Array.isArray(m) ? m[e === "source" ? 0 : 1] : m);
+    }), /* @__PURE__ */ n(
+      Oe,
+      {
+        ...i,
+        ...r,
+        style: r.listStyle,
+        prefixCls: y,
+        className: `${y}-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}`
+      }
+    );
+  };
+  return /* @__PURE__ */ q(
+    "div",
+    {
+      ...Ce(W),
+      ref: T,
+      className: se(
+        y,
+        {
+          [`${y}-simple`]: p,
+          [`${y}-disabled`]: j,
+          [`${y}-rtl`]: f
+        },
+        g
+      ),
+      style: w,
+      children: [
+        ee("source"),
+        Y(),
+        ee("target")
+      ]
+    }
+  );
+}
+const we = pe.forwardRef(Re);
+we.displayName = "Transfer";
+export {
+  we as default
+};

package/Tree.js

@@ -0,0 +1,6 @@
+import "./chunk/DP2rzg_V.js";
+import "./chunk/BVC51EZ7.js";
+import { T as e } from "./chunk/vpaTr5dz.js";
+export {
+  e as default
+};

package/TreeSelect.js

@@ -0,0 +1,9 @@
+import "./chunk/DP2rzg_V.js";
+import "./chunk/Dc_89PVN.js";
+import "./chunk/BVC51EZ7.js";
+import "./chunk/vpaTr5dz.js";
+import "./Trigger.js";
+import { T as i } from "./chunk/CwewmGEF.js";
+export {
+  i as default
+};