@unicom-cloud/ui 0.8.66 → 0.8.68

package/transfer/Item.js

@@ -0,0 +1,106 @@
+import { jsxs as P, 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 N, useState as h, useEffect as T } from "react";
+import { C as q } from "../chunk/SSK90wgo.js";
+import { u as z } from "../chunk/XTEsYGuF.js";
+import { I as A } from "../chunk/ll867Bf3.js";
+import { m as G } from "../chunk/JPPo5nY_.js";
+function te(w) {
+  const {
+    className: E,
+    prefixCls: O,
+    render: v,
+    item: t,
+    selectedKeys: S,
+    disabled: K,
+    draggable: C,
+    droppable: l,
+    allowClear: R,
+    onItemSelect: j,
+    onItemRemove: $,
+    onDragStart: d,
+    onDragEnd: g,
+    onDragLeave: m,
+    onDragOver: p,
+    onDrop: f
+  } = w, U = z(), o = `${O}-view-item`, y = N(null), u = N(null), [a, n] = h("none"), [D, s] = h(!1), [b, I] = h(0), i = K || t.disabled, k = C && !i, Y = S.indexOf(t.key) > -1, x = v ? v(t) : t.value;
+  return T(() => () => {
+    u.current && clearTimeout(u.current);
+  }, []), T(() => {
+    a === "dragged" && (u.current = setTimeout(() => n("none"), 1e3));
+  }, [a]), /* @__PURE__ */ P(
+    "li",
+    {
+      ref: y,
+      className: G(
+        o,
+        {
+          [`${o}-disabled`]: i,
+          [`${o}-draggable`]: k,
+          [`${o}-gap-top`]: D && b < 0,
+          [`${o}-gap-bottom`]: D && b > 0,
+          [`${o}-${a}`]: a !== "none"
+        },
+        E
+      ),
+      draggable: k,
+      onDragStart: (e) => {
+        e.stopPropagation(), n("dragging"), d == null || d(e, t);
+        try {
+          e.dataTransfer.setData("text/plain", "");
+        } catch (c) {
+          console.error(c);
+        }
+      },
+      onDragEnd: (e) => {
+        e.stopPropagation(), s(!1), n("dragged"), g == null || g(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), I(B), p == null || p(e, t);
+        }
+      },
+      onDragLeave: (e) => {
+        l && (e.stopPropagation(), s(!1), m == null || m(e, t));
+      },
+      onDrop: (e) => {
+        l && (e.stopPropagation(), e.preventDefault(), s(!1), I(0), n("none"), f == null || f(e, t, b));
+      },
+      children: [
+        C ? /* @__PURE__ */ r(V, { className: `${o}-icon-drag` }) : null,
+        R ? /* @__PURE__ */ P(F, { children: [
+          /* @__PURE__ */ r("span", { className: `${o}-content`, children: x }),
+          !i && /* @__PURE__ */ r(
+            A,
+            {
+              className: `${o}-icon-remove`,
+              onClick: () => $(t.key),
+              tabIndex: 0,
+              role: "button",
+              ...U({
+                onPressEnter: () => $(t.key)
+              }),
+              children: /* @__PURE__ */ r(H, {})
+            }
+          )
+        ] }) : /* @__PURE__ */ r(
+          q,
+          {
+            className: `${o}-content`,
+            checked: Y,
+            disabled: i,
+            onChange: (e) => j(t.key, e),
+            children: x
+          }
+        )
+      ]
+    },
+    t.key
+  );
+}
+export {
+  te as default
+};

package/transfer/List.js

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

package/transfer/index.js

@@ -0,0 +1,182 @@
+import { jsxs as Q, jsx as h } from "react/jsx-runtime";
+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 se from "../button/index.js";
+import { a as re } from "../chunk/ll867Bf3.js";
+import { u as ae } from "../chunk/BFTV6myl.js";
+import { u as L } from "../chunk/CdaT1b_F.js";
+import { m as R } from "../chunk/JPPo5nY_.js";
+import { a as oe } from "../chunk/ClqoGc3r.js";
+import le from "./List.js";
+const ce = {
+  titleTexts: ["Source", "Target"],
+  defaultSelectedKeys: [],
+  defaultTargetKeys: [],
+  dataSource: [],
+  filterOption: (m, d) => typeof (d == null ? void 0 : d.value) == "string" && d.value.indexOf(m) !== -1
+};
+function ne(m, d) {
+  const { getPrefixCls: j, componentConfig: x, rtl: N } = te(re), $ = ae(
+    m,
+    ce,
+    x == null ? void 0 : x.Transfer
+  ), {
+    prefixCls: k,
+    style: B,
+    className: E,
+    children: M,
+    dataSource: i,
+    defaultTargetKeys: T,
+    defaultSelectedKeys: C,
+    targetKeys: U,
+    selectedKeys: W,
+    oneWay: z,
+    simple: l,
+    disabled: K,
+    titleTexts: F,
+    operationTexts: b,
+    operationStyle: H,
+    onSearch: S,
+    onChange: O,
+    onSelectChange: f,
+    ..._
+  } = $, c = k || j("transfer"), A = !!(l || z), [u, q] = L([], {
+    value: U,
+    defaultValue: l ? T.concat(C) : T
+  }), [v, I] = L([], {
+    value: W,
+    defaultValue: l ? [] : C
+  }), [D, P] = w(
+    () => [[], []],
+    [i, u]
+  ), [n, y] = w(() => {
+    D.length = 0, P.length = 0;
+    const e = {
+      dataSource: D,
+      selectedKeys: [],
+      validKeys: [],
+      selectedValidKeys: [],
+      selectedDisabledKeys: []
+    }, a = {
+      dataSource: P,
+      selectedKeys: [],
+      validKeys: [],
+      selectedValidKeys: [],
+      selectedDisabledKeys: []
+    };
+    return i.forEach((t) => {
+      const s = u.indexOf(t.key) > -1 ? a : e;
+      t.disabled || s.validKeys.push(t.key), v.indexOf(t.key) > -1 && (s.selectedKeys.push(t.key), t.disabled ? s.selectedDisabledKeys.push(t.key) : s.selectedValidKeys.push(t.key)), s.dataSource.push(t);
+    }), Z(l) && l.retainSelectedItems && (Object.entries(e).forEach(([t, s]) => {
+      Array.isArray(s) && (e[t] = s.concat(a[t]));
+    }), e.dataSource = i.slice(), e.selectedKeys = u.slice()), [e, a];
+  }, [i, u, v, l]), g = (e, a = null) => {
+    if (Array.isArray(a) && a.length === 0)
+      return;
+    a = a || (e === "target" ? n.selectedValidKeys : y.selectedValidKeys);
+    const t = e === "target" ? u.concat(a).sort((s, r) => i.findIndex(({ key: o }) => o === s) - i.findIndex(({ key: o }) => o === r)) : u.filter((s) => a.indexOf(s) === -1);
+    I(
+      n.selectedDisabledKeys.concat(y.selectedDisabledKeys)
+    ), q(t), O == null || O(t, e, a);
+  }, G = (e, a) => {
+    if (a === "source")
+      if (l) {
+        const t = e.filter(
+          (r) => n.selectedKeys.indexOf(r) === -1
+        ), s = n.selectedKeys.filter(
+          (r) => e.indexOf(r) === -1
+        );
+        g("target", t), g("source", s);
+      } else
+        I(e.concat(y.selectedKeys)), f == null || f(e, y.selectedKeys);
+    else
+      I(n.selectedKeys.concat(e)), f == null || f(n.selectedKeys, e);
+  }, J = () => {
+    const e = y.selectedKeys.length > 0, a = n.selectedKeys.length > 0, t = A ? ["target"] : ["target", "source"];
+    return l ? null : /* @__PURE__ */ h(
+      "div",
+      {
+        style: H,
+        className: R(`${c}-operations`, {
+          [`${c}-operations-words`]: b
+        }),
+        children: t.map((s, r) => {
+          let o, p;
+          return s === "source" ? (o = X, p = K || !e) : (o = Y, p = K || !a), /* @__PURE__ */ h(
+            se,
+            {
+              tabIndex: p ? -1 : void 0,
+              "aria-label": `move selected ${s === "target" ? "right" : "left"}`,
+              type: "secondary",
+              size: "small",
+              shape: "round",
+              disabled: p,
+              onClick: () => g(s),
+              icon: /* @__PURE__ */ h(o, {}),
+              children: b && b[r]
+            },
+            r
+          );
+        })
+      }
+    );
+  }, V = (e) => {
+    const a = e === "source" ? n : y, t = e === "target", s = { ..._ };
+    return Object.entries(s).forEach(([r, o]) => {
+      [
+        "searchPlaceholder",
+        "showSearch",
+        "showFooter",
+        "pagination",
+        "listStyle"
+      ].indexOf(r) > -1 && (s[r] = Array.isArray(o) ? o[e === "source" ? 0 : 1] : o);
+    }), /* @__PURE__ */ h(
+      le,
+      {
+        ...a,
+        ...s,
+        style: s.listStyle,
+        prefixCls: c,
+        className: `${c}-view-${e}`,
+        listType: e,
+        title: F[t ? 1 : 0],
+        disabled: K,
+        allowClear: t && A,
+        renderList: M,
+        handleSelect: (r) => G(r, e),
+        handleRemove: (r) => g(t ? "source" : "target", r),
+        onSearch: (r) => S == null ? void 0 : S(r, e),
+        renderHeaderUnit: (r, o) => `${A ? "" : `${r} / `}${o}`
+      }
+    );
+  };
+  return /* @__PURE__ */ Q(
+    "div",
+    {
+      ...oe($),
+      ref: d,
+      className: R(
+        c,
+        {
+          [`${c}-simple`]: l,
+          [`${c}-disabled`]: K,
+          [`${c}-rtl`]: N
+        },
+        E
+      ),
+      style: B,
+      children: [
+        V("source"),
+        J(),
+        V("target")
+      ]
+    }
+  );
+}
+const de = ee.forwardRef(ne);
+de.displayName = "Transfer";
+export {
+  de as default
+};

package/transfer/interface.js

@@ -0,0 +1 @@
+

package/tree/Animation.js

@@ -0,0 +1,11 @@
+import "react/jsx-runtime";
+import "lodash/isNumber";
+import "react";
+import "../chunk/ll867Bf3.js";
+import "../chunk/DzVH9IBy.js";
+import "../virtual-list/VirtualList.js";
+import "./Context.js";
+import { T as d } from "../chunk/CKyu68pu.js";
+export {
+  d as default
+};

package/tree/Context.js

@@ -0,0 +1,5 @@
+import { createContext as t } from "react";
+const o = t({});
+export {
+  o as TreeContext
+};

package/tree/Node.js

@@ -0,0 +1,16 @@
+import "react/jsx-runtime";
+import "@unicom-cloud/icons/IconUiCaretDown";
+import "@unicom-cloud/icons/IconUiDragDotVertical";
+import "@unicom-cloud/icons/IconUiFile";
+import "@unicom-cloud/icons/IconUiLoading";
+import "lodash/isFunction";
+import "react";
+import "../chunk/SSK90wgo.js";
+import "../chunk/ll867Bf3.js";
+import "../chunk/JPPo5nY_.js";
+import "../utils/throttleByRaf.js";
+import { N } from "../chunk/CKyu68pu.js";
+import "./Context.js";
+export {
+  N as default
+};

package/tree/NodeList.js

@@ -0,0 +1,82 @@
+import { jsx as L } from "react/jsx-runtime";
+import { forwardRef as R, useRef as h, useMemo as m, useImperativeHandle as V, createElement as g } from "react";
+import { s as b } from "../chunk/Bfq4YEcr.js";
+import P from "../virtual-list/VirtualList.js";
+import { N as v } from "../chunk/CKyu68pu.js";
+function H(s) {
+  return s.key || s._key;
+}
+function j(s, E) {
+  const {
+    className: K,
+    style: p,
+    filterNode: a,
+    virtualListProps: c,
+    expandedKeys: w,
+    currentExpandKeys: k,
+    nodeList: i,
+    getNodeProps: S,
+    getDataSet: M
+  } = s, x = (c == null ? void 0 : c.threshold) !== null, l = h(), f = h(), D = h(), I = m(() => new Set(w), [w]), u = m(() => {
+    const e = /* @__PURE__ */ new Set(), t = new Set(k);
+    return i.forEach((n) => {
+      (n.pathParentKeys || []).every(
+        (r) => !t.has(r) && I.has(r)
+      ) && e.add(n._key);
+    }), e;
+  }, [I, k, i]), N = () => i.filter((e) => !!((!a || (a == null ? void 0 : a(e))) && u.has(e.key))), d = m(() => N(), [i, a, u]);
+  return V(E, () => ({
+    // index: 第几个dom元素, 如果传入的是字符串，会作为 node 的 key去查找。
+    // nodeProps: _index 是 key 时，对应的node
+    scrollIntoView: (e, t) => {
+      let n = e;
+      if (typeof e == "string") {
+        let r = e;
+        !u.has(e) && (t != null && t.pathParentKeys) && (r = [...t.pathParentKeys].reverse().find((o) => u.has(o)) || n), n = d.findIndex(({ _key: o }) => o === r);
+      }
+      if (!x && f.current) {
+        const r = f.current, o = r ? r.children[n] : null;
+        o && b(o, {
+          boundary: r.parentElement
+        });
+      } else l.current && l.current.scrollTo({ index: n });
+    }
+  })), x ? /* @__PURE__ */ L(
+    P,
+    {
+      className: K,
+      style: p,
+      ref: l,
+      data: d,
+      isStaticItemHeight: !1,
+      itemKey: H,
+      onMouseDown: s.onMouseDown,
+      ...s.ariaProps,
+      ...c,
+      children: (e, t, { itemIndex: n }) => {
+        n === 0 && (D.current = M());
+        const y = S(e, D.current);
+        return /* @__PURE__ */ g(v, { ...e, key: e.key, ...y });
+      }
+    }
+  ) : /* @__PURE__ */ L(
+    "div",
+    {
+      role: "tree",
+      tabIndex: 0,
+      className: K,
+      style: p,
+      ref: f,
+      ...s.ariaProps,
+      onMouseDown: s.onMouseDown,
+      children: d.map((e) => {
+        const t = S(e);
+        return /* @__PURE__ */ g(v, { ...t, key: e.key });
+      })
+    }
+  );
+}
+const z = R(j);
+export {
+  z as default
+};