@unicom-cloud/ui 0.8.90 → 0.8.92

package/table/tbody/Td.js

@@ -0,0 +1,180 @@
+import { jsx as a, jsxs as oe } from "react/jsx-runtime";
+import V from "lodash/get";
+import h from "lodash/isFunction";
+import v from "lodash/isPlainObject";
+import E from "lodash/isString";
+import K, { useContext as se, useRef as g, useMemo as le, useEffect as ae } from "react";
+import "../../config-provider/ConfigProvider.js";
+import de from "../../components/common/hooks/useForceUpdate.js";
+import fe from "../hook/useComponent.js";
+import { getOriginData as A } from "../util.js";
+import pe from "../../tooltip/index.js";
+import N from "@unicom-cloud/utils/class-name";
+import { mergedToString as ce } from "../../components/common/utils/mergedToString.js";
+import { pick as Ce } from "../../components/common/utils/pick.js";
+import ye from "../../config-provider/context.js";
+function he(l) {
+  return l && !K.isValidElement(l) && v(l);
+}
+function ge(l) {
+  var F;
+  const M = de(), {
+    component: q,
+    InnerComponentTd: G,
+    column: e,
+    columnIndex: T,
+    prefixCls: r,
+    stickyClassName: J,
+    stickyOffset: R,
+    currentSorter: x,
+    virtualized: P,
+    record: n,
+    trIndex: s,
+    level: b,
+    placeholder: Q = "-",
+    indentSize: X,
+    renderExpandIcon: Y,
+    rowKey: w,
+    recordHaveChildren: _,
+    haveTreeData: Z
+  } = l, { rtl: k } = se(ye), { ComponentBodyCell: m } = fe(q), d = g(null), f = g(null), S = g(null), I = g(null), B = (e == null ? void 0 : e.showTooltip) !== !1 && (e == null ? void 0 : e.ellipsis), u = N(
+    `${r}-td`,
+    J,
+    {
+      [`${r}-col-sorted`]: x && x.direction && x.field === (e == null ? void 0 : e.dataIndex)
+    },
+    e == null ? void 0 : e.className,
+    h(e == null ? void 0 : e.bodyClassName) ? e.bodyClassName(n, s) : e == null ? void 0 : e.bodyClassName
+  );
+  let o = {}, D, H, i = {};
+  (e == null ? void 0 : e.fixed) === "left" && (i[k ? "right" : "left"] = R), (e == null ? void 0 : e.fixed) === "right" && (i[k ? "left" : "right"] = R), v(e == null ? void 0 : e.cellStyle) && (i = {
+    ...i,
+    ...e == null ? void 0 : e.cellStyle
+  }), v(e == null ? void 0 : e.bodyCellStyle) && (i = {
+    ...i,
+    ...e == null ? void 0 : e.bodyCellStyle
+  }), h(e == null ? void 0 : e.bodyCellStyle) && (i = {
+    ...i,
+    ...((F = e == null ? void 0 : e.bodyCellStyle) == null ? void 0 : F.call(e, n, s)) ?? {}
+  }), e != null && e.align && (i.textAlign = e == null ? void 0 : e.align), P && e.width && (i.width = e.width, i.minWidth = e.width, i.maxWidth = e.width);
+  const { onHandleSave: ee, ...L } = e != null && e.onCell ? (e == null ? void 0 : e.onCell(
+    n,
+    s,
+    e,
+    { rowKey: w }
+  )) ?? {} : { onHandleSave: () => {
+  } }, p = e == null ? void 0 : e.render;
+  let t = le(() => p == null ? void 0 : p(
+    V(n, (e == null ? void 0 : e.dataIndex) ?? ""),
+    A(n),
+    s,
+    e,
+    // 潘启宝添加
+    { rowKey: w }
+  ), [n, e, s]);
+  if (h(p) || (t = V(n, (e == null ? void 0 : e.dataIndex) ?? "")), he(t) && (o = t == null ? void 0 : t.props, D = o == null ? void 0 : o.rowSpan, H = o == null ? void 0 : o.colSpan, t = t == null ? void 0 : t.children), D === 0 || H === 0)
+    return null;
+  E(t) && (t = t.trim()), !t && t !== 0 && (t = (e == null ? void 0 : e.placeholder) ?? Q ?? "-");
+  const te = e != null && e.ellipsis && E(t) ? {
+    //  title: cellChildren // 暂时不需要title属性了，因为单独加了tooltip组件，潘启宝2023年4月1日于广东省惠州市
+  } : {}, $ = Z && (e == null ? void 0 : e.$$isFirstColumn), O = $ && _;
+  let c = $ && b > 0 ? X * b : 0;
+  $ && !_ && (c += 20);
+  function ie(y) {
+    M();
+  }
+  const j = `${T}-${s}-${c}-${O}`, ne = /* @__PURE__ */ a(
+    "div",
+    {
+      ref: d,
+      className: N(`${r}-cell`, {
+        [`${r}-cell-text-ellipsis`]: e == null ? void 0 : e.ellipsis
+      }),
+      ...te,
+      onMouseEnter: B ? ie : void 0,
+      children: /* @__PURE__ */ oe(
+        m,
+        {
+          ref: f,
+          className: `${r}-cell-wrap-value`,
+          ...E(m) ? {} : {
+            rowData: A(n),
+            column: e,
+            onHandleSave: ee,
+            ...L
+          },
+          children: [
+            !!c && /* @__PURE__ */ a(
+              "span",
+              {
+                ref: S,
+                className: `${r}-cell-indent`,
+                style: { paddingLeft: c }
+              }
+            ),
+            !!O && /* @__PURE__ */ a(
+              "span",
+              {
+                ref: I,
+                className: `${r}-cell-expand-icon`,
+                children: Y(n, w)
+              }
+            ),
+            l.___dangerouslySetInnerHTML___ ? /* @__PURE__ */ a(
+              "span",
+              {
+                dangerouslySetInnerHTML: {
+                  __html: t
+                }
+              }
+            ) : t
+          ]
+        },
+        j
+      )
+    },
+    j
+  );
+  let C = /* @__PURE__ */ a(
+    G,
+    {
+      className: u,
+      style: i,
+      ...Ce(L, [
+        "onClick",
+        "onDoubleClick",
+        "onContextMenu",
+        "onMouseOver",
+        "onMouseEnter",
+        "onMouseLeave",
+        "onMouseMove",
+        "onMouseDown",
+        "onMouseUp"
+      ]),
+      ...o,
+      children: ne
+    },
+    (e == null ? void 0 : e.key) || (e == null ? void 0 : e.dataIndex) || T
+  );
+  if (B) {
+    let y = 0, U = 0, W = 0, z = 0;
+    if (d.current instanceof Element && (y = d.current.getBoundingClientRect().width), f.current instanceof Element && (U = f.current.getBoundingClientRect().width), S.current instanceof Element && (W = S.current.getBoundingClientRect().width), I.current instanceof Element && (z = I.current.getBoundingClientRect().width), y < U + W + z) {
+      const re = h(e == null ? void 0 : e.tooltipContentRender) ? e.tooltipContentRender(n, s, e) : ce(C);
+      C = /* @__PURE__ */ a(
+        pe,
+        {
+          className: N(`${r}-cell-tooltip`, e.tooltipClassName),
+          style: e.tooltipStyle,
+          content: re,
+          children: C
+        }
+      );
+    }
+  }
+  return ae(() => (M(), () => {
+  }), [d.current, f.current]), C;
+}
+const Be = K.memo(ge);
+export {
+  Be as default
+};

package/table/tbody/Tr.js

@@ -0,0 +1,165 @@
+import { jsx as i } from "react/jsx-runtime";
+import _e, { forwardRef as ge, useContext as $e, createElement as be } from "react";
+import Oe from "@unicom-cloud/icons/IconUiMinus";
+import ve from "@unicom-cloud/icons/IconUiPlus";
+import Ie from "lodash/isArray";
+import Se from "lodash/isString";
+import Ke from "../../checkbox/Checkbox.js";
+import "../../config-provider/ConfigProvider.js";
+import Pe from "../../radio/Radio.js";
+import "../../radio/Group.js";
+import { INTERNAL_SELECTION_KEY as Be, INTERNAL_EXPAND_KEY as De } from "../constant.js";
+import Le from "../hook/useComponent.js";
+import { getOriginData as Ae } from "../util.js";
+import N from "@unicom-cloud/utils/class-name";
+import He from "./Td.js";
+import Me from "../../config-provider/context.js";
+function ze(I, V) {
+  const {
+    expandedRowRender: w,
+    onClickExpandBtn: S,
+    columns: Z,
+    component: K,
+    onCheck: ee,
+    onCheckRadio: ne,
+    prefixCls: r,
+    selectedRowKeys: P,
+    indeterminateKeys: oe,
+    rowClassName: E,
+    onRow: T,
+    rowSelection: p,
+    indentSize: te = 16,
+    activeSorters: re,
+    virtualized: l,
+    stickyOffsets: ie,
+    stickyClassNames: se,
+    getRowKey: ce,
+    placeholder: de,
+    expandProps: _ = { strictTreeData: !0 },
+    data: ae,
+    expandedRowKeys: B,
+    childrenColumnName: g,
+    record: o,
+    index: d,
+    type: m,
+    shouldRowExpand: pe,
+    level: le
+  } = I, { rtl: me } = $e(Me), f = Ae(o), { ...a } = (T == null ? void 0 : T(f, d)) || {}, t = ce(o), fe = m === "radio" ? P.slice(0, 1) : P, xe = t || d, x = fe.indexOf(t) > -1, ue = B.indexOf(t) > -1, ye = oe.indexOf(t) > -1, Ce = N(
+    `${r}-tr`,
+    {
+      [`${r}-row-checked`]: x,
+      [`${r}-row-expanded`]: ue
+    },
+    E == null ? void 0 : E(f, d)
+  ), D = p && typeof p.checkboxProps == "function" ? p.checkboxProps(f) : {}, L = N(`${r}-td`, `${r}-operation`), $ = (e) => N(L, `${r}-${e}`, {
+    [`${r}-selection-col`]: l && m === "checkbox" || m === "radio",
+    [`${r}-expand-icon-col`]: l && w
+  });
+  function A(e) {
+    return _.strictTreeData ? Ie(e[g]) && e[g].length : e[g] !== void 0;
+  }
+  function he() {
+    return ae.find((e) => A(e));
+  }
+  const H = pe(o, d), M = A(o), z = he() && !w, ke = z && M, Re = _.expandRowByClick && (H || ke) ? {
+    onClick: (e) => {
+      var n;
+      S(t), (n = a == null ? void 0 : a.onClick) == null || n.call(a, e);
+    }
+  } : {}, { ComponentBodyRow: U, ComponentTd: Ne, getBodyComponentOperations: we } = Le(K), Ee = l ? "div" : U, h = l ? "div" : Ne, Y = {
+    className: Ce,
+    key: xe,
+    ...a,
+    ...Re
+  }, j = Se(U) ? Y : { ...Y, record: o, index: d };
+  function F(e, n) {
+    const { icon: u } = _, y = !!~B.indexOf(n), C = {
+      onClick: (R) => {
+        R.stopPropagation(), S(n);
+      }
+    };
+    return typeof u == "function" ? u({ expanded: y, record: e, ...C }) : /* @__PURE__ */ i("button", { ...C, type: "button", children: y ? /* @__PURE__ */ i(Oe, {}) : /* @__PURE__ */ i(ve, {}) });
+  }
+  const Te = w && /* @__PURE__ */ i(h, { className: $("expand-icon-cell"), children: H && F(o, t) }), k = p && p.renderCell;
+  let b;
+  const W = /* @__PURE__ */ i(
+    Ke,
+    {
+      value: t,
+      onChange: (e) => ee(e, o),
+      checked: x,
+      indeterminate: ye,
+      ...D
+    }
+  ), X = /* @__PURE__ */ i(
+    Pe,
+    {
+      onChange: () => ne(t, o),
+      value: t,
+      checked: x,
+      ...D
+    }
+  );
+  m === "checkbox" && (b = /* @__PURE__ */ i(h, { className: $("checkbox"), children: k ? k(W, x, f) : W })), m === "radio" && (b = /* @__PURE__ */ i(h, { className: $("radio"), children: k ? k(X, x, f) : X }));
+  const q = we({
+    selectionNode: b,
+    expandNode: Te
+  });
+  return /* @__PURE__ */ be(Ee, { ...j, key: j.key, ref: V }, Z.map((e, n) => {
+    var R, G, J, Q;
+    const u = `${e.key}-${e.dataIndex}-${e.title}-${n}`, y = ie[n], C = se[n];
+    if (e.$$isOperation) {
+      let c = e.node, O = !0;
+      e.title === Be && (c = (R = q.find((v) => v.name === "selectionNode")) == null ? void 0 : R.node, O = !1), e.title === De && (c = (G = q.find((v) => v.name === "expandNode")) == null ? void 0 : G.node, O = !1);
+      const s = typeof c == "function" ? c(o) : c;
+      return _e.cloneElement(s, {
+        key: u || n,
+        ...s.props,
+        className: N(
+          O ? L : "",
+          (J = s == null ? void 0 : s.props) == null ? void 0 : J.className,
+          C
+        ),
+        style: {
+          ...(Q = s == null ? void 0 : s.props) == null ? void 0 : Q.style,
+          ...e.fixed === "left" ? {
+            [me ? "right" : "left"]: y
+          } : {},
+          width: e.width,
+          minWidth: e.width
+        }
+      });
+    }
+    return /* @__PURE__ */ i(
+      He,
+      {
+        prefixCls: r,
+        virtualized: l,
+        component: K,
+        currentSorter: re.find(
+          (c) => c.field === (e.dataIndex || e.key)
+        ),
+        placeholder: de,
+        indentSize: te,
+        stickyClassName: C,
+        stickyOffset: y,
+        InnerComponentTd: h,
+        column: e,
+        columnIndex: n,
+        record: o,
+        trIndex: d,
+        level: le,
+        haveTreeData: z,
+        recordHaveChildren: M,
+        rowKey: t,
+        renderExpandIcon: F,
+        ___dangerouslySetInnerHTML___: I.___dangerouslySetInnerHTML___
+      },
+      u
+    );
+  }));
+}
+const sn = ge(ze);
+export {
+  sn as default
+};

package/table/tbody/index.js

@@ -0,0 +1,154 @@
+import { jsxs as I, jsx as n } from "react/jsx-runtime";
+import z, { forwardRef as A, createElement as B } from "react";
+import V from "lodash/isArray";
+import X from "../hook/useComponent.js";
+import { getOriginData as Y } from "../util.js";
+import D from "@unicom-cloud/utils/class-name";
+import q from "../../virtual-list/VirtualList.js";
+import W from "./Tr.js";
+const G = A(function({
+  record: r,
+  index: f,
+  virtualized: a,
+  tbodyProps: R
+}, v) {
+  const {
+    prefixCls: e,
+    columns: b,
+    indentSize: N = 16,
+    childrenColumnName: h = "children",
+    expandProps: p = {},
+    rowSelection: d,
+    hasFixedColumn: u,
+    tableViewWidth: $,
+    getRowKey: s,
+    expandedRowKeys: x,
+    expandedRowRender: c
+  } = R;
+  let y;
+  d && "type" in d ? y = d.type : d && !("type" in d) && (y = "checkbox");
+  const t = c && ((o, g) => c(Y(o), g)), i = (o) => V(o[h]) && o[h].length, l = (o, g) => "rowExpandable" in p && typeof p.rowExpandable == "function" ? p.rowExpandable(o) : (t == null ? void 0 : t(o, g)) !== null, E = (o, g) => {
+    const S = [], K = {
+      ...R,
+      type: y,
+      shouldRowExpand: l
+    };
+    S.push(
+      /* @__PURE__ */ n(
+        W,
+        {
+          ref: v,
+          ...K,
+          record: o,
+          level: 0,
+          index: g
+        },
+        s(o)
+      )
+    );
+    const L = (C, O, P = 0) => {
+      V(C) && C.length && C.forEach((w, j) => {
+        x.indexOf(O) !== -1 && (S.push(
+          /* @__PURE__ */ B(
+            W,
+            {
+              ...K,
+              key: s(w),
+              record: w,
+              level: P + 1,
+              index: j
+            }
+          )
+        ), i(w) && L(w[h], s(w), P + 1));
+      });
+    };
+    return t || L(o[h], s(o)), S;
+  }, T = s(r), k = l(r, f) && x.indexOf(T) !== -1, F = a ? "div" : "tr", H = a ? "div" : "td";
+  return /* @__PURE__ */ I(z.Fragment, { children: [
+    E(r, f),
+    k && /* @__PURE__ */ n(
+      F,
+      {
+        className: D(`${e}-tr`, `${e}-expand-content`),
+        children: /* @__PURE__ */ n(
+          H,
+          {
+            className: D(`${e}-td`),
+            style: { paddingLeft: N },
+            colSpan: b.length,
+            children: u ? /* @__PURE__ */ n(
+              "div",
+              {
+                className: `${e}-expand-fixed-row`,
+                style: { width: $ },
+                children: t == null ? void 0 : t(r, f)
+              }
+            ) : t == null ? void 0 : t(r, f)
+          }
+        )
+      },
+      `${T}-expanded`
+    )
+  ] }, T);
+});
+function ne(m) {
+  const {
+    data: r,
+    columns: f,
+    prefixCls: a,
+    component: R,
+    noDataElement: v,
+    scroll: e,
+    tableViewWidth: b,
+    virtualized: N,
+    virtualListProps: h,
+    getRowKey: p,
+    saveVirtualListRef: d
+  } = m, u = (i) => {
+    var l;
+    (l = m.saveRef) == null || l.call(m, i);
+  }, { ComponentTbody: $ } = X(R);
+  let s = {}, x = {};
+  e && (e.x && (typeof e.x == "number" || typeof e.x == "string") && (s = {
+    width: e.x
+  }), e.y && (typeof e.y == "number" || typeof e.y == "string") && (x = {
+    maxHeight: e.y
+  }));
+  const c = {
+    className: `${a}-no-data`
+  };
+  b && (c.className = `${a}-no-data ${a}-expand-fixed-row`, c.style = { width: b });
+  const y = /* @__PURE__ */ n("tr", { className: D(`${a}-tr`, `${a}-empty-row`), children: /* @__PURE__ */ n("td", { className: `${a}-td`, colSpan: f.length, children: /* @__PURE__ */ n("div", { ...c, children: v }) }) }), t = (i, l) => {
+    const E = p(i) ?? l;
+    return /* @__PURE__ */ n(
+      G,
+      {
+        record: i,
+        index: l,
+        virtualized: N,
+        tbodyProps: m
+      },
+      E
+    );
+  };
+  return N ? r.length > 0 ? /* @__PURE__ */ n(
+    q,
+    {
+      data: r,
+      height: x.maxHeight,
+      isStaticItemHeight: !1,
+      outerStyle: { ...s, minWidth: "100%", overflow: "visible" },
+      innerStyle: { right: "auto", minWidth: "100%" },
+      className: `${a}-body`,
+      ref: (i) => {
+        d(i), u(i == null ? void 0 : i.dom);
+      },
+      itemKey: p,
+      ...h,
+      children: t
+    }
+  ) : /* @__PURE__ */ n("div", { className: `${a}-body`, ref: u, children: /* @__PURE__ */ n("table", { children: /* @__PURE__ */ n("tbody", { children: y }) }) }) : /* @__PURE__ */ n($, { ref: u, children: r.length > 0 ? r.map(t) : y });
+}
+export {
+  ne as default
+};

package/table/tfoot/index.js

@@ -0,0 +1,16 @@
+import { jsx as o } from "react/jsx-runtime";
+import { SummaryContext as f } from "../summary/context.js";
+import { getOriginData as n } from "../util.js";
+function d(r) {
+  const { summary: s, data: a, prefixCls: t, columns: e, stickyOffsets: m, stickyClassNames: i } = r;
+  return /* @__PURE__ */ o("tfoot", { className: `${t}-tfoot`, children: /* @__PURE__ */ o(
+    f.Provider,
+    {
+      value: { columns: e, stickyOffsets: m, stickyClassNames: i, prefixCls: t },
+      children: s(n(a))
+    }
+  ) });
+}
+export {
+  d as default
+};

package/table/th-resizable/index.js

@@ -0,0 +1,46 @@
+import { jsx as b, jsxs as M } from "react/jsx-runtime";
+import X from "lodash/isFunction";
+import { useRef as a, useContext as E, useCallback as o, useEffect as T } from "react";
+import "../../config-provider/ConfigProvider.js";
+import j from "@unicom-cloud/utils/class-name";
+import { on as w, off as v } from "../../components/common/utils/dom.js";
+import { defaultComponent as D } from "../constant.js";
+/* empty css           */
+import L from "../../config-provider/context.js";
+function G(N) {
+  let { className: r, children: l, column: f, onResize: n, ...p } = N;
+  const d = D.header.th, s = a(null), x = a(null), t = a({}), { getPrefixCls: c } = E(L), h = c == null ? void 0 : c("table-th-resizable");
+  if (!X(n)) return /* @__PURE__ */ b(d, { ref: s, ...p, className: r, children: l });
+  const g = o((e) => {
+    t.current.boundingClientRect = s.current.getBoundingClientRect(), t.current.pageX = (e == null ? void 0 : e.pageX) ?? 0, R();
+  }, []), u = o((e) => {
+    C();
+  }, []), m = o((e) => {
+    let i = t.current.boundingClientRect.width + (((e == null ? void 0 : e.pageX) ?? 0) - t.current.pageX);
+    i < 0 || (f.width = i, n == null || n({
+      column: f,
+      width: i,
+      widthOrigin: t.current.boundingClientRect.width
+    }));
+  }, []), R = o((e) => {
+    w(document, "mousemove", m), w(document, "mouseup", u);
+  }, []), C = o((e) => {
+    v(document, "mousemove", m), v(document, "mouseup", u);
+  }, []);
+  return r = j(r, h), T(() => (g(), m(), u(), () => {
+    C();
+  }), []), /* @__PURE__ */ M(d, { ref: s, ...p, className: r, children: [
+    l,
+    /* @__PURE__ */ b(
+      "div",
+      {
+        ref: x,
+        className: `${h}-cursor`,
+        onMouseDown: g
+      }
+    )
+  ] });
+}
+export {
+  G as default
+};