@unicom-cloud/ui 0.8.43 → 0.8.45

package/timeline/Item.js

@@ -0,0 +1,94 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import S, { useContext as g, useRef as z, useEffect as F } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import W from "../hooks/useMergeProps.js";
+import N from "@unicom-cloud/utils/class-name";
+import { ConfigContext as j } from "../config-provider/context.js";
+const D = {
+  dotType: "solid",
+  lineType: "solid"
+};
+function k(v, y) {
+  const { getPrefixCls: b, componentConfig: l } = g(j), a = W(
+    v,
+    D,
+    l == null ? void 0 : l["Timeline.Item"]
+  ), {
+    children: m,
+    className: x,
+    style: C,
+    label: n,
+    position: T,
+    dot: d,
+    dotColor: c,
+    dotType: f,
+    lineType: I,
+    lineColor: p,
+    direction: o,
+    labelPosition: i,
+    autoFixDotSize: R = !0,
+    ...w
+  } = a, s = z(null), e = b("timeline"), P = () => {
+    if (s.current) {
+      const u = 16 / s.current.offsetWidth;
+      u < 1 && (s.current.style.transform = `translateX(-50%) translateY(-50%) scale(${u})`);
+    }
+  };
+  F(() => {
+    R && P();
+  }, [a]);
+  const $ = n && /* @__PURE__ */ t("div", { className: `${e}-item-label`, children: n });
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      ref: y,
+      role: "listitem",
+      ...w,
+      className: N(
+        `${e}-item`,
+        {
+          [`${e}-item-${o}-${T}`]: o,
+          [`${e}-item-label-${i}`]: i
+        },
+        x
+      ),
+      style: C,
+      children: [
+        /* @__PURE__ */ r("div", { className: `${e}-item-dot-wrapper`, children: [
+          /* @__PURE__ */ t(
+            "div",
+            {
+              className: `${e}-item-dot-line ${e}-item-dot-line-is-${o}`,
+              style: {
+                [`${o === "horizontal" ? "borderTopStyle" : "borderLeftStyle"}`]: I,
+                ...p ? { borderColor: p } : {}
+              }
+            }
+          ),
+          /* @__PURE__ */ t("div", { className: `${e}-item-dot-content`, children: d ? /* @__PURE__ */ t("div", { className: `${e}-item-dot-custom`, ref: s, children: d }) : /* @__PURE__ */ t(
+            "div",
+            {
+              className: N(
+                `${e}-item-dot`,
+                `${e}-item-dot-${f}`
+              ),
+              style: f === "solid" ? { backgroundColor: c } : { borderColor: c }
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ r("div", { className: `${e}-item-content-wrapper`, children: [
+          m && /* @__PURE__ */ t("div", { className: `${e}-item-content`, children: m }),
+          i !== "relative" && $
+        ] }),
+        i === "relative" && $
+      ]
+    }
+  );
+}
+const E = S.forwardRef(k), h = E;
+h.displayName = "TimelineItem";
+h.isTimelineItem = !0;
+export {
+  h as default
+};

package/timeline/Timeline.js

@@ -0,0 +1,80 @@
+import { jsx as u } from "react/jsx-runtime";
+import d, { useContext as R } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import w from "../hooks/useMergeProps.js";
+import z from "../Spin.js";
+import y from "@unicom-cloud/utils/class-name";
+import N from "./Item.js";
+import { ConfigContext as j } from "../config-provider/context.js";
+const k = (p, a, s, i) => {
+  let t = ["left", "right"];
+  i === "horizontal" && (t = ["top", "bottom"]);
+  const l = s === "alternate" ? p || t[a % 2] : s;
+  return t.indexOf(l) > -1 ? l : t[0];
+}, C = {
+  mode: "left",
+  direction: "vertical",
+  pendingDot: /* @__PURE__ */ u(z, { size: 12 }),
+  labelPosition: "same"
+};
+function E(p, a) {
+  const { getPrefixCls: s, componentConfig: i, rtl: t } = R(j);
+  t && (C.mode = "right");
+  const l = w(
+    p,
+    C,
+    i == null ? void 0 : i.Timeline
+  ), {
+    className: h,
+    mode: g,
+    reverse: T,
+    children: P,
+    style: v,
+    direction: f,
+    pending: m,
+    labelPosition: b,
+    pendingDot: x,
+    ...D
+  } = l, o = s("timeline"), r = d.Children.map(P, (e) => e && e.type && e.type.isTimelineItem ? e : null) || [];
+  return m && r.push(
+    /* @__PURE__ */ u(N, { lineType: "dashed", dot: x, children: m === !0 ? "" : m })
+  ), T && r.reverse(), /* @__PURE__ */ u(
+    "div",
+    {
+      role: "list",
+      ...D,
+      ref: a,
+      className: y(
+        o,
+        `${o}-${g}`,
+        `${o}-direction-${f}`,
+        { [`${o}-rtl`]: t },
+        h
+      ),
+      style: v,
+      children: r.map((e, n) => {
+        if (!e)
+          return null;
+        const { position: I } = e.props;
+        let c = e.props.lineType;
+        return m && (T ? n === 0 && (c = "dashed") : r.length - 2 === n && (c = "dashed")), d.cloneElement(e, {
+          key: n,
+          className: y(e.props.className, {
+            [`${o}-item-last`]: r.length - 1 === n
+          }),
+          labelPosition: b,
+          position: k(I, n, g, f),
+          direction: f,
+          lineType: c
+        });
+      })
+    }
+  );
+}
+const F = d.forwardRef(E), $ = F;
+$.displayName = "Timeline";
+$.Item = N;
+export {
+  $ as default
+};

package/transfer/Item.js

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

package/transfer/List.js

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

package/tree/Animation.js

@@ -0,0 +1,104 @@
+import { jsx as u } from "react/jsx-runtime";
+import C from "lodash/isNumber";
+import { useContext as g, useRef as H, useEffect as p, useMemo as k } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import S from "../utils/CSSTransition.js";
+/* empty css                               */
+import v from "../virtual-list/VirtualList.js";
+import { TreeContext as N } from "./Context.js";
+import D from "./Node.js";
+import { ConfigContext as L } from "../config-provider/context.js";
+function O(t) {
+  return t.key || t._key;
+}
+const V = (t) => {
+  var m;
+  const r = g(N), { getPrefixCls: E } = g(L), P = E("tree-node"), { expandedKeys: K, currentExpandKeys: h } = r.getTreeState(), s = t.expanded, y = H(t.childrenData);
+  y.current = t.childrenData, p(() => () => {
+    var e;
+    (e = r.onExpandEnd) == null || e.call(r, t._key);
+  }, []);
+  const c = k(() => {
+    const e = [], n = (o) => {
+      o.forEach((l) => {
+        const i = r.getFieldInfo(l);
+        e.push(i), i.children && i.children.length && n(i.children);
+      });
+    };
+    return n(y.current || []), e;
+  }, [s]), d = k(() => {
+    const e = [];
+    if (c.length) {
+      const n = new Set(K || []);
+      c.forEach((o) => {
+        var x;
+        let l;
+        const i = {
+          ...r.key2nodeProps[o.key]
+        };
+        if (s)
+          l = i.parentKey === t._key || ((x = i.pathParentKeys) == null ? void 0 : x.every((f) => n.has(f)));
+        else if (i.pathParentKeys) {
+          const f = i.pathParentKeys.indexOf(t._key);
+          l = i.pathParentKeys.slice(f + 1).every((_) => n.has(_));
+        }
+        l && e.push({
+          ...i,
+          key: o.key
+        });
+      });
+    }
+    return r.getNodeProps(e);
+  }, [c, t._key, s]);
+  let a = (m = r.virtualListProps) == null ? void 0 : m.height;
+  return a = C(a) ? a : 0, p(() => {
+    h.indexOf(t._key) > -1 && d.length === 0 && r.onExpandEnd(t._key);
+  }, [d, h]), /* @__PURE__ */ u(
+    S,
+    {
+      in: h.indexOf(t._key) > -1 && d.length > 0,
+      unmountOnExit: !0,
+      classNames: "tree-slide-expand",
+      timeout: {
+        enter: 200,
+        exit: 0
+      },
+      onEnter: (e) => {
+        if (!e) return;
+        const n = e.scrollHeight;
+        e.style.height = s ? 0 : `${Math.min(a || n, e.scrollHeight)}px`;
+      },
+      onEntering: (e) => {
+        if (!e) return;
+        const n = e.scrollHeight;
+        e.style.height = s ? `${Math.min(a || n, n)}px` : 0;
+      },
+      onEntered: (e) => {
+        e && (e.style.height = t.expanded ? "" : 0, r.onExpandEnd(t._key));
+      },
+      onExit: (e) => {
+        e && (e.style.display = "none");
+      },
+      children: /* @__PURE__ */ u(
+        v,
+        {
+          itemKey: O,
+          className: `${P}-list`,
+          isStaticItemHeight: !1,
+          ...r.virtualListProps,
+          data: d,
+          "aria-hidden": !0,
+          style: { overflow: "hidden" },
+          children: (e) => {
+            let { key: n, ...o } = e ?? {};
+            return /* @__PURE__ */ u(D, { ...o }, n);
+          }
+        }
+      )
+    }
+  );
+};
+export {
+  V as default
+};

package/tree/Context.js

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