@unicom-cloud/ui 0.8.43 → 0.8.45

package/table/thead/index.js

@@ -0,0 +1,131 @@
+import { jsx as p, jsxs as re } from "react/jsx-runtime";
+import ne, { useContext as ie, useMemo as oe, createElement as v } from "react";
+/* empty css                     */
+/* empty css                              */
+import ae from "../../checkbox/Checkbox.js";
+import "../../config-provider/ConfigProvider.js";
+import { INTERNAL_SELECTION_KEY as le, INTERNAL_EXPAND_KEY as de } from "../constant.js";
+import pe from "../hook/useComponent.js";
+import c from "@unicom-cloud/utils/class-name";
+import ce from "./Column.js";
+import { ConfigContext as he } from "../../config-provider/context.js";
+function $e(R) {
+  const {
+    activeSorters: I,
+    expandedRowRender: L,
+    expandProps: j = {},
+    onSort: Y,
+    onHandleFilter: D,
+    onHandleFilterReset: M,
+    onHeaderRow: m,
+    prefixCls: s,
+    currentFilters: W,
+    component: $,
+    data: E,
+    selectedRowKeys: A,
+    rowSelection: t,
+    allSelectedRowKeys: o = [],
+    groupColumns: y,
+    stickyOffsets: C,
+    groupStickyClassNames: X,
+    showSorterTooltip: q
+  } = R, { rtl: k } = ie(he), { ComponentThead: z, ComponentHeaderRow: B, getHeaderComponentOperations: G } = pe($), J = t && (t.type === "checkbox" || !("type" in t)), Q = t && "checkAll" in t ? t.checkAll : !0, N = t && t.type === "radio", { columnTitle: T } = j, h = oe(() => {
+    const f = new Set(o);
+    return A.filter((n) => f.has(n));
+  }, [A, o]), U = y.length > 1 ? { rowSpan: y.length } : {}, g = c(`${s}-th`, `${s}-operation`);
+  return /* @__PURE__ */ p(z, { children: y.map((f, n) => {
+    const V = m == null ? void 0 : m(f, n), Z = (J || N) && n === 0 && /* @__PURE__ */ p(
+      "th",
+      {
+        className: c(
+          g,
+          `${s}-${N ? "radio" : "checkbox"}`
+        ),
+        children: /* @__PURE__ */ re("div", { className: `${s}-th-item`, children: [
+          Q && !N ? /* @__PURE__ */ p(
+            ae,
+            {
+              indeterminate: E && h.length > 0 && h.length !== o.length,
+              checked: E && h.length !== 0 && h.length === o.length,
+              disabled: !o.length,
+              onChange: R.onCheckAll
+            }
+          ) : null,
+          t && t.columnTitle
+        ] })
+      }
+    ), u = L && /* @__PURE__ */ p("th", { className: c(g, `${s}-expand`), children: T && /* @__PURE__ */ p("div", { className: `${s}-th-item`, children: T }) }), ee = X[n], O = G({
+      selectionNode: Z,
+      expandNode: u
+    });
+    return /* @__PURE__ */ v(
+      B,
+      {
+        ...V,
+        key: n,
+        className: `${s}-tr`
+      },
+      f.map((e, a) => {
+        var b, H, K, P, F;
+        const i = e.$$columnIndex;
+        let l = 0;
+        Array.isArray(i) && i.length === 2 ? l = e.fixed === "right" ? C[i[1]] : C[i[0]] : typeof i == "number" && (l = C[i] || 0);
+        const _ = ee[a];
+        if (e.$$isOperation) {
+          let d = e.node, S = !0;
+          e.title === le && (d = (b = O.find(
+            (w) => w.name === "selectionNode"
+          )) == null ? void 0 : b.node, S = !1), e.title === de && (d = (H = O.find(
+            (w) => w.name === "expandNode"
+          )) == null ? void 0 : H.node, S = !1);
+          const r = d;
+          return ne.cloneElement(r, {
+            key: e.key || a,
+            ...r.props,
+            ...U,
+            className: c(
+              S ? g : "",
+              (K = r == null ? void 0 : r.props) == null ? void 0 : K.className,
+              _
+            ),
+            style: {
+              ...(P = r == null ? void 0 : r.props) == null ? void 0 : P.style,
+              ...e.fixed === "left" ? {
+                [k ? "right" : "left"]: l
+              } : {},
+              width: e.width,
+              minWidth: e.width
+            }
+          });
+        }
+        const te = (F = e == null ? void 0 : e.onHeaderCell) == null ? void 0 : F.call(e, e, a), se = c(_, e.className), x = {};
+        return e.fixed === "left" && (x[k ? "right" : "left"] = l), e.fixed === "right" && (x[k ? "left" : "right"] = l), /* @__PURE__ */ v(
+          ce,
+          {
+            index: a,
+            onSort: Y,
+            onHandleFilter: D,
+            onHandleFilterReset: M,
+            currentSorter: I.find(
+              (d) => d.field === (e.dataIndex || e.key)
+            ),
+            currentFilters: W,
+            _key: e.key || e.dataIndex || a,
+            ...e,
+            key: e.key,
+            column: e,
+            headerCellProps: te,
+            prefixCls: s,
+            component: $,
+            className: se,
+            columnFixedStyle: x,
+            showSorterTooltip: q
+          }
+        );
+      })
+    );
+  }) });
+}
+export {
+  $e as default
+};

package/table/util.js

@@ -0,0 +1,121 @@
+import s from "lodash/isArray";
+import a from "lodash/isNull";
+import c from "lodash/isNumber";
+import A from "lodash/isPlainObject";
+import T from "lodash/isString";
+import I from "lodash/isUndefined";
+function O(t) {
+  return c(t) ? t : T(t) && t.includes("px") ? +t.replace("px", "") : t;
+}
+function m(t) {
+  return t ? t.offsetHeight - t.clientHeight : 0;
+}
+function g(t) {
+  return t ? t.offsetWidth - t.clientWidth : 0;
+}
+function x(t, n) {
+  return s(t[n]) && t[n].length;
+}
+function G(t, n) {
+  function u(o) {
+    if (!o)
+      return [];
+    const e = [];
+    return o.forEach((f) => {
+      if (!A(f))
+        e.push(f);
+      else {
+        const r = { ...f };
+        r.__ORIGIN_DATA = f;
+        const i = r[n];
+        A(r) && i && s(i) && (r[n] = u(i)), e.push(r);
+      }
+    }), e;
+  }
+  return u(t);
+}
+function h(t) {
+  return A(t) ? t.__ORIGIN_DATA : !t || !s(t) ? t : t.map((n) => !A(n) || !("__ORIGIN_DATA" in n) ? n : n.__ORIGIN_DATA);
+}
+function j(t, n, u = [], o = [], e, f, r) {
+  const i = new Set(u), _ = new Set(o);
+  function p(l) {
+    n ? (i.add(e(l)), _.delete(e(l))) : i.delete(e(l)), s(l[f]) && l[f].forEach((N) => {
+      p(N);
+    });
+  }
+  return r ? (p(t), E(
+    t,
+    i,
+    _,
+    e,
+    f
+  )) : n ? i.add(e(t)) : i.delete(e(t)), {
+    selectedRowKeys: [...i],
+    indeterminateKeys: [..._]
+  };
+}
+function B(t, n = [], u, o, e) {
+  if (!e)
+    return {
+      selectedRowKeys: n,
+      indeterminateKeys: []
+    };
+  const f = new Set(n), r = /* @__PURE__ */ new Set([]);
+  function i(_) {
+    f.add(u(_)), r.delete(u(_)), s(_[o]) && _[o].forEach((p) => {
+      i(p);
+    });
+  }
+  return n.forEach((_) => {
+    const p = t.find((l) => u(l) === _);
+    !I(p) && !a(p) && (i(p), E(
+      p,
+      f,
+      r,
+      u,
+      o
+    ));
+  }), {
+    selectedRowKeys: [...f],
+    indeterminateKeys: [...r]
+  };
+}
+function E(t, n, u, o, e) {
+  if (t.__INTERNAL_PARENT) {
+    const f = o(t.__INTERNAL_PARENT);
+    if (s(t.__INTERNAL_PARENT[e])) {
+      const r = t.__INTERNAL_PARENT[e].length;
+      let i = 0, _ = !1;
+      t.__INTERNAL_PARENT[e].forEach((p) => {
+        n.has(o(p)) && (i += 1), u.has(o(p)) && (u.add(f), _ = !0);
+      }), r === i ? (n.add(f), u.delete(f)) : i > 0 && r > i ? (n.delete(f), u.add(f)) : i === 0 && (n.delete(f), _ || u.delete(f));
+    }
+    E(
+      t.__INTERNAL_PARENT,
+      n,
+      u,
+      o,
+      e
+    );
+  }
+}
+function H(t) {
+  return typeof t == "function" ? t : typeof t == "object" && typeof t.compare == "function" ? t.compare : null;
+}
+function W(t) {
+  if (typeof t == "object" && typeof t.multiple == "number")
+    return t.multiple;
+}
+export {
+  G as deepCloneData,
+  h as getOriginData,
+  m as getScrollBarHeight,
+  g as getScrollBarWidth,
+  j as getSelectedKeys,
+  B as getSelectedKeysByData,
+  H as getSorterFn,
+  W as getSorterPriority,
+  x as isChildrenNotEmpty,
+  O as px2Number
+};

package/tabs/Tab.js

@@ -0,0 +1,170 @@
+import { jsx as u, jsxs as S } from "react/jsx-runtime";
+import p from "lodash/isFunction";
+import z from "lodash/isPlainObject";
+import P, { useContext as V, useRef as E, useImperativeHandle as L } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import q from "../hooks/useId.js";
+import G from "../hooks/useMergeProps.js";
+import J from "../hooks/useMergeValue.js";
+import K from "@unicom-cloud/utils/class-name";
+import T from "../utils/omit.js";
+import Q from "./TabContent.js";
+import U from "./TabPane.js";
+import y from "./tab-header/index.js";
+import { ConfigContext as W } from "../config-provider/context.js";
+const X = ["mini", "small", "default", "large"], Y = (r) => {
+  const { children: s } = r, i = [];
+  return P.Children.forEach(s, (t) => {
+    t && t.type && t.type.isTabPane && i.push(t);
+  }), i;
+}, Z = (r) => {
+  const { direction: s, tabPosition: i, animation: t } = r;
+  return s === "vertical" || i === "left" || i === "right" ? !1 : z(t) ? "tabPane" in t ? t.tabPane : !1 : t;
+}, _ = {
+  tabPosition: "top",
+  type: "line",
+  overflow: "scroll",
+  showAddButton: !0,
+  lazyload: !0,
+  headerPadding: !0,
+  scrollPosition: "auto"
+}, tt = P.createContext({});
+function et(r, s) {
+  const {
+    getPrefixCls: i,
+    size: t,
+    componentConfig: d,
+    rtl: N
+  } = V(W), e = G(
+    r,
+    _,
+    d == null ? void 0 : d.Tabs
+  ), l = Y(e), v = E(null), [f, w] = J(
+    l[0] && l[0].key,
+    {
+      defaultValue: "defaultActiveTab" in e ? e.defaultActiveTab : void 0,
+      value: "activeTab" in e ? e.activeTab : void 0
+    }
+  ), a = i("tabs"), m = e.size || (X.indexOf(t) > -1 ? t : "default"), {
+    animation: b,
+    className: B,
+    direction: O,
+    style: R,
+    type: j,
+    justify: H,
+    destroyOnHide: k,
+    lazyload: I,
+    headerSticky: D,
+    // 潘启宝添加
+    onChange: h,
+    onClickTab: $,
+    onDeleteTab: F,
+    renderTabHeader: x,
+    ...M
+  } = e, c = q(`${a}-`), o = O === "vertical" ? "left" : e.tabPosition, C = {
+    animation: z(b) && "inkBar" in b ? b.inkBar : !0,
+    activeTab: f,
+    tabPosition: o,
+    direction: ["left", "right"].indexOf(o) > -1 ? "vertical" : "horizontal",
+    paneChildren: l,
+    onClickTab: (n) => {
+      p($) && $(n), n !== f && ("activeTab" in e || w(n), p(h) && h(n));
+    },
+    onDeleteTab: F,
+    prefixCls: a
+  };
+  L(s, () => v, []);
+  const g = /* @__PURE__ */ u(
+    Q,
+    {
+      direction: ["left", "right"].indexOf(o) > -1 ? "vertical" : "horizontal",
+      animation: Z(e),
+      activeTab: f,
+      paneChildren: l,
+      prefixCls: a,
+      destroyOnHide: k,
+      lazyload: I
+    }
+  );
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      ...T(M, [
+        "headerPadding",
+        "tabPosition",
+        "defaultActiveTab",
+        "showAddButton",
+        "extra",
+        "onAddTab",
+        "activeTab",
+        "overflow",
+        "editable",
+        "renderTabTitle",
+        "addButton",
+        "deleteButton",
+        "icons",
+        "children",
+        "size",
+        "type",
+        "scrollPosition",
+        "offsetAlign"
+      ]),
+      style: R,
+      className: K(
+        a,
+        `${a}-${["left", "right"].indexOf(o) > -1 ? "vertical" : "horizontal"}`,
+        `${a}-${j}`,
+        !!D && `${a}-sticky`,
+        // 潘启宝添加
+        `${a}-${o}`,
+        `${a}-size-${m}`,
+        {
+          [`${a}-justify`]: H,
+          [`${a}-rtl`]: N
+        },
+        B
+      ),
+      ref: v,
+      children: /* @__PURE__ */ S(
+        tt.Provider,
+        {
+          value: {
+            ...C,
+            getIdPrefix: (n) => ({
+              tab: c && `${c}-tab-${n}`,
+              tabpane: c && `${c}-panel-${n}`
+            })
+          },
+          children: [
+            o === "bottom" && g,
+            p(x) ? x(
+              {
+                ...T(e, ["children", "style", "className"]),
+                size: m,
+                ...C
+              },
+              y
+            ) : /* @__PURE__ */ u(
+              y,
+              {
+                ...T(e, ["children", "style", "className"]),
+                size: m
+              }
+            ),
+            o !== "bottom" && g
+          ]
+        }
+      )
+    }
+  );
+}
+const at = P.forwardRef(
+  et
+), A = at;
+A.displayName = "Tabs";
+A.TabPane = U;
+export {
+  tt as TabsContext,
+  A as default
+};

package/tabs/TabContent.js

@@ -0,0 +1,54 @@
+import { jsx as i } from "react/jsx-runtime";
+import I, { useContext as c } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import l from "@unicom-cloud/utils/class-name";
+import { TabsContext as N } from "./Tab.js";
+import { ConfigContext as h } from "../config-provider/context.js";
+function j(m) {
+  const {
+    animation: d,
+    activeTab: a,
+    prefixCls: t,
+    paneChildren: r,
+    direction: p,
+    lazyload: f,
+    destroyOnHide: u
+  } = m, o = r.findIndex((e) => e.key === a), y = c(N), { rtl: b } = c(h);
+  if (r.every((e) => (e == null ? void 0 : e.props) && (!("children" in e.props) || e.props.children === null)))
+    return null;
+  const v = l(`${t}-content-inner`, {
+    [`${t}-animation`]: d
+  });
+  return /* @__PURE__ */ i("div", { className: `${t}-content ${t}-content-${p}`, children: /* @__PURE__ */ i(
+    "div",
+    {
+      className: v,
+      style: b ? { marginRight: `-${o * 100}%` } : { marginLeft: `-${o * 100}%` },
+      children: r.map((e, s) => {
+        const { tabpane: $, tab: C } = y.getIdPrefix(s), g = "destroyOnHide" in e.props ? e.props.destroyOnHide : u, n = e.key === a;
+        return /* @__PURE__ */ i(
+          "div",
+          {
+            className: l(`${t}-content-item`, {
+              [`${t}-content-item-active`]: n
+            }),
+            role: "tabpanel",
+            id: $,
+            "aria-hidden": n ? void 0 : !0,
+            tabIndex: n ? 0 : -1,
+            "aria-labelledby": C,
+            children: o !== s && g ? null : I.cloneElement(e, {
+              lazyload: f,
+              isActive: n
+            })
+          },
+          e.key
+        );
+      })
+    }
+  ) });
+}
+export {
+  j as default
+};

package/tabs/TabPane.js

@@ -0,0 +1,26 @@
+import { jsx as p } from "react/jsx-runtime";
+import u, { useRef as d, useContext as b } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import x from "@unicom-cloud/utils/class-name";
+import C from "../utils/omit.js";
+import { ConfigContext as N } from "../config-provider/context.js";
+function P(r, s) {
+  const e = d(!1), { getPrefixCls: a } = b(N), { children: o, className: n, style: i, lazyload: m, isActive: c, ...l } = r, f = a("tabs");
+  return e.current = m ? e.current || c : !0, e.current && /* @__PURE__ */ p(
+    "div",
+    {
+      ref: s,
+      ...C(l, ["destroyOnHide", "title", "closable"]),
+      className: x(`${f}-pane`, n),
+      style: i,
+      children: o
+    }
+  );
+}
+const t = u.forwardRef(P);
+t.displayName = "TabPane";
+t.isTabPane = !0;
+export {
+  t as default
+};

package/tabs/hook/useDomSize.js

@@ -0,0 +1,17 @@
+import { useRef as r, useState as f, useEffect as n } from "react";
+function u() {
+  const e = r(), [i, t] = f({
+    height: 0,
+    width: 0
+  });
+  return n(() => {
+    e.current && t({
+      height: e.current.offsetHeight,
+      width: e.current.offsetWidth,
+      domRect: e.current.getBoundingClientRect()
+    });
+  }, []), [e, i, t];
+}
+export {
+  u as default
+};

package/tabs/hook/useHeaderScroll.js

@@ -0,0 +1,64 @@
+import { useRef as h, useEffect as W } from "react";
+import { on as s, off as b } from "../../utils/dom.js";
+function D(x) {
+  const {
+    headerWrapperRef: u,
+    headerOffset: i,
+    align: E,
+    isScrollable: d,
+    direction: M,
+    onScroll: l
+  } = x;
+  function m(e, t) {
+    let n = 0;
+    M === "vertical" ? n = i + t : n = E === "left" ? i + e : i - e, l == null || l(n);
+  }
+  const f = h("x");
+  function R(e) {
+    if (!d) return;
+    e.preventDefault();
+    const { deltaX: t, deltaY: n } = e;
+    let o = 0;
+    const c = Math.abs(t), r = Math.abs(n);
+    c === r ? o = f.current === "x" ? t : n : c > r ? (o = t, f.current = "x") : (o = n, f.current = "y"), m(o, o);
+  }
+  const p = h({
+    clientX: 0,
+    clientY: 0
+  }), v = (e) => e && e.touches && e.touches.length && e.touches[0], Y = (e) => {
+    e.cancelable && e.preventDefault();
+    const t = v(e);
+    if (!t) return;
+    const { clientX: n, clientY: o } = p.current, c = t.clientX - n, r = t.clientY - o;
+    m(-c, -r);
+  }, X = () => {
+    b(document.documentElement, "touchmove", Y), b(document.documentElement, "touchend", X);
+  }, T = (e) => {
+    if (!d) return;
+    const t = v(e);
+    t && (p.current = {
+      clientX: t.clientX,
+      clientY: t.clientY
+    }, s(document.documentElement, "touchmove", Y, { passive: !1 }), s(window, "touchend", X, { passive: !1 }));
+  }, a = h(null);
+  a.current = { onWheel: R, onTouchStart: T }, W(() => {
+    s(
+      u.current,
+      "wheel",
+      (e) => {
+        a.current.onWheel(e);
+      },
+      { passive: !1 }
+    ), s(
+      u.current,
+      "touchstart",
+      (e) => {
+        a.current.onTouchStart(e);
+      },
+      { passive: !0 }
+    );
+  }, [u.current]);
+}
+export {
+  D as default
+};

package/tabs/tab-header/DropdownIcon.js

@@ -0,0 +1,71 @@
+import { jsx as c } from "react/jsx-runtime";
+import I from "@unicom-cloud/icons/IconUiDown";
+import z from "lodash/isNull";
+import { useMemo as b } from "react";
+import D from "../../Dropdown.js";
+import R from "../../IconHover.js";
+/* empty css                     */
+/* empty css                            */
+/* empty css                             */
+/* empty css                              */
+/* empty css                             */
+/* empty css                          */
+import x from "../../menu/Menu.js";
+function W(f) {
+  const {
+    prefixCls: s,
+    currentOffset: i,
+    headerSize: d,
+    headerWrapperSize: l,
+    getTitleRef: C,
+    paneChildren: h,
+    direction: u,
+    icon: g
+  } = f, n = h.map((t) => t.key), k = u === "vertical" ? d.height : d.width, m = u === "vertical" ? l.height : l.width, a = b(() => {
+    const t = {}, e = l.domRect;
+    return n.map((r) => {
+      const p = C(r);
+      if (!p) return;
+      const o = p.getBoundingClientRect();
+      t[r] = {
+        left: o.left - e.left,
+        right: o.left - e.left + o.width,
+        top: o.top - e.top,
+        bottom: o.top - e.top + o.height
+      };
+    }), t;
+  }, [n.join(","), k, m]), w = b(() => {
+    let t = -1, e = -1;
+    for (const r in a) {
+      const { left: p, right: o } = a[r];
+      if (p >= i && o - i <= m && t === -1 && (t = n.indexOf(r), e = t), p >= i && o - i > m) {
+        e = n.indexOf(r);
+        break;
+      }
+    }
+    return [t, e];
+  }, [a, n.join(","), i]);
+  return z(g) ? null : /* @__PURE__ */ c(
+    D,
+    {
+      trigger: "click",
+      droplist: /* @__PURE__ */ c(x, { onClickMenuItem: f.onClickTab, children: h.map((t, e) => {
+        if (e < w[0] || e >= w[1])
+          return /* @__PURE__ */ c(x.Item, { disabled: t.disabled, children: t.props.title }, t.key);
+      }) }),
+      children: /* @__PURE__ */ c(
+        R,
+        {
+          role: "button",
+          "aria-label": "expand tabs",
+          prefix: `${s}-dropdown`,
+          className: `${s}-dropdown-icon`,
+          children: g || /* @__PURE__ */ c(I, {})
+        }
+      )
+    }
+  );
+}
+export {
+  W as default
+};