@unicom-cloud/ui 0.8.43 → 0.8.45

package/table/tbody/Tr.js

@@ -0,0 +1,168 @@
+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";
+/* empty css                     */
+/* empty css                              */
+import Ke from "../../checkbox/Checkbox.js";
+import "../../config-provider/ConfigProvider.js";
+/* empty css                           */
+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 { ConfigContext as 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 an = ge(ze);
+export {
+  an as default
+};

package/table/tbody/index.js

@@ -0,0 +1,156 @@
+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";
+/* empty css                     */
+/* empty css                                  */
+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: p = "children",
+    expandProps: h = {},
+    rowSelection: d,
+    hasFixedColumn: u,
+    tableViewWidth: $,
+    getRowKey: s,
+    expandedRowKeys: x,
+    expandedRowRender: m
+  } = R;
+  let y;
+  d && "type" in d ? y = d.type : d && !("type" in d) && (y = "checkbox");
+  const t = m && ((o, w) => m(Y(o), w)), i = (o) => V(o[p]) && o[p].length, l = (o, w) => "rowExpandable" in h && typeof h.rowExpandable == "function" ? h.rowExpandable(o) : (t == null ? void 0 : t(o, w)) !== null, E = (o, w) => {
+    const S = [], K = {
+      ...R,
+      type: y,
+      shouldRowExpand: l
+    };
+    S.push(
+      /* @__PURE__ */ n(
+        W,
+        {
+          ref: v,
+          ...K,
+          record: o,
+          level: 0,
+          index: w
+        },
+        s(o)
+      )
+    );
+    const L = (C, j, P = 0) => {
+      V(C) && C.length && C.forEach((g, k) => {
+        x.indexOf(j) !== -1 && (S.push(
+          /* @__PURE__ */ B(
+            W,
+            {
+              ...K,
+              key: s(g),
+              record: g,
+              level: P + 1,
+              index: k
+            }
+          )
+        ), i(g) && L(g[p], s(g), P + 1));
+      });
+    };
+    return t || L(o[p], s(o)), S;
+  }, T = s(r), F = l(r, f) && x.indexOf(T) !== -1, H = a ? "div" : "tr", O = a ? "div" : "td";
+  return /* @__PURE__ */ I(z.Fragment, { children: [
+    E(r, f),
+    F && /* @__PURE__ */ n(
+      H,
+      {
+        className: D(`${e}-tr`, `${e}-expand-content`),
+        children: /* @__PURE__ */ n(
+          O,
+          {
+            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 ae(c) {
+  const {
+    data: r,
+    columns: f,
+    prefixCls: a,
+    component: R,
+    noDataElement: v,
+    scroll: e,
+    tableViewWidth: b,
+    virtualized: N,
+    virtualListProps: p,
+    getRowKey: h,
+    saveVirtualListRef: d
+  } = c, u = (i) => {
+    var l;
+    (l = c.saveRef) == null || l.call(c, 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 m = {
+    className: `${a}-no-data`
+  };
+  b && (m.className = `${a}-no-data ${a}-expand-fixed-row`, m.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", { ...m, children: v }) }) }), t = (i, l) => {
+    const E = h(i) || l;
+    return /* @__PURE__ */ n(
+      G,
+      {
+        record: i,
+        index: l,
+        virtualized: N,
+        tbodyProps: c
+      },
+      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: h,
+      ...p,
+      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 {
+  ae 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/thead/Column.js

@@ -0,0 +1,250 @@
+import { jsxs as p, Fragment as ve, jsx as n } from "react/jsx-runtime";
+import { useContext as Ie, useState as V, useEffect as w, createElement as Te } from "react";
+import be from "@unicom-cloud/icons/IconUiCaretDown";
+import ye from "@unicom-cloud/icons/IconUiCaretUp";
+import ke from "@unicom-cloud/icons/IconUiFilter";
+import D from "lodash/isArray";
+import Ae from "lodash/isFunction";
+import M from "lodash/isPlainObject";
+import Ee from "lodash/isString";
+import H from "../../Button.js";
+/* empty css                     */
+/* empty css                              */
+import Oe from "../../checkbox/Checkbox.js";
+import "../../config-provider/ConfigProvider.js";
+import Pe from "../../hooks/useMergeValue.js";
+import Ue from "../../radio/Radio.js";
+import je from "../../Space.js";
+import xe from "../hook/useComponent.js";
+import Re from "../../Tooltip.js";
+import ze from "../../Trigger.js";
+import g from "@unicom-cloud/utils/class-name";
+import { ConfigContext as Me } from "../../config-provider/context.js";
+function Be($, d) {
+  return $ === "ascend" ? d.Table.sortAscend : $ === "descend" ? d.Table.sortDescend : d.Table.cancelSort;
+}
+const Ke = { bottom: 0 };
+function st({
+  onSort: $,
+  onFilter: d,
+  onHandleFilter: f,
+  onHandleFilterReset: S,
+  currentFilters: k = {},
+  currentSorter: c,
+  _key: B,
+  dataIndex: ee,
+  title: N,
+  sorter: te,
+  sortDirections: m = ["ascend", "descend"],
+  filters: h = [],
+  columnFixedStyle: ne,
+  className: ie,
+  cellStyle: K,
+  headerCellStyle: v,
+  rowSpan: A,
+  colSpan: I,
+  headerCellProps: oe,
+  prefixCls: t,
+  align: E = "left",
+  component: se,
+  filterIcon: ce,
+  filterDropdown: O,
+  filterMultiple: L = !0,
+  ellipsis: q,
+  filterDropdownProps: C,
+  onFilterDropdownVisibleChange: P,
+  column: me,
+  showSorterTooltip: U,
+  index: ae
+}) {
+  const { locale: j, rtl: re } = Ie(Me), o = B || ee || ae, [l, u, r] = Pe([], {
+    value: k[o] || []
+  }), [x, G] = V(!1), [J, Q] = V(!1), T = te && D(m) && m.length, b = T ? de() : void 0;
+  w(() => {
+    u(k[o] || []);
+  }, [k, o]), w(() => {
+    l && l !== r && u(l);
+  }, [x]);
+  function de() {
+    const e = c && c.direction;
+    if (!e || c && c.field !== o)
+      return m[0];
+    const s = m.indexOf(e);
+    if (s < m.length)
+      return m[s + 1];
+  }
+  function fe() {
+    l && (f == null || f(
+      { onFilter: d, filters: h, dataIndex: o },
+      r
+    ), R(!1));
+  }
+  function le() {
+    S({ dataIndex: o }), R(!1);
+  }
+  function R(e) {
+    G(e), P == null || P(e);
+  }
+  function W(e, s) {
+    let i = [...r];
+    if (L)
+      s ? i = i.concat(e) : i.splice(
+        i.findIndex((Ne) => Ne === e),
+        1
+      );
+    else if (i.length > 0)
+      if (i[0] !== e)
+        i = [e];
+      else
+        return;
+    else
+      i = [e];
+    u(i);
+  }
+  function he(e) {
+    u(e || r), G(!1), f == null || f(
+      { filters: h, onFilter: d, dataIndex: o },
+      e || r
+    );
+  }
+  function ue() {
+    return typeof O == "function" ? O({
+      filterKeys: r,
+      setFilterKeys: (e, s) => {
+        u(e), s == null || s();
+      },
+      confirm: he
+    }) : /* @__PURE__ */ p("div", { className: `${t}-filters-popup`, children: [
+      /* @__PURE__ */ n("div", { className: `${t}-filters-list`, children: h.map((e) => {
+        const s = r.findIndex((i) => i === e.value) !== -1;
+        return /* @__PURE__ */ n("div", { className: `${t}-filters-item`, children: L ? /* @__PURE__ */ n(
+          Oe,
+          {
+            checked: s,
+            onChange: (i) => W(e.value, i),
+            children: e.text
+          }
+        ) : /* @__PURE__ */ n(
+          Ue,
+          {
+            checked: s,
+            onChange: (i) => W(e.value, i),
+            children: e.text
+          }
+        ) }, e.value);
+      }) }),
+      /* @__PURE__ */ p(je, { className: `${t}-filters-btn`, children: [
+        /* @__PURE__ */ n(H, { onClick: le, size: "mini", children: j.Table.resetText }),
+        /* @__PURE__ */ n(H, { onClick: fe, type: "primary", size: "mini", children: j.Table.okText })
+      ] })
+    ] });
+  }
+  const X = (e) => g(`${t}-sorter-icon`, {
+    [`${t}-sorter-icon-active`]: c && c.direction === e && c.field === o
+  }), pe = g(`${t}-filters`, {
+    [`${t}-filters-open`]: x,
+    [`${t}-filters-active`]: l && l.length
+  });
+  let a = {
+    ...ne
+  };
+  M(K) && (a = {
+    ...a,
+    ...K
+  }), M(v) && (a = {
+    ...a,
+    ...v
+  }), Ae(v) && (a = {
+    ...a,
+    ...v()
+  }), E && E !== "left" && (a.textAlign = E);
+  const y = {
+    style: a,
+    key: B || o
+  };
+  I && I > 1 && (y.colSpan = I), A && A > 1 && (y.rowSpan = A);
+  const { ComponentTh: ge, ComponentHeaderCell: z } = xe(se), Y = D(h) && h.length > 0 || typeof O == "function", Z = q && typeof N == "string" ? { title: N } : {}, $e = C && C.triggerProps, F = /* @__PURE__ */ p(ve, { children: [
+    T ? /* @__PURE__ */ n(
+      Re,
+      {
+        content: Be(b, j),
+        disabled: !U,
+        ...M(U) ? U : {},
+        children: /* @__PURE__ */ p(
+          "div",
+          {
+            className: `${t}-cell-with-sorter`,
+            onMouseEnter: () => {
+              Q(!0);
+            },
+            onMouseLeave: () => {
+              Q(!1);
+            },
+            onClick: () => $(b, o),
+            children: [
+              /* @__PURE__ */ n("span", { className: `${t}-th-item-title`, ...Z, children: N }),
+              T && /* @__PURE__ */ p(
+                "div",
+                {
+                  className: g(`${t}-sorter`, {
+                    [`${t}-sorter-direction-one`]: m.length === 1
+                  }),
+                  children: [
+                    m.indexOf("ascend") !== -1 && /* @__PURE__ */ n("div", { className: X("ascend"), children: /* @__PURE__ */ n(ye, {}) }),
+                    m.indexOf("descend") !== -1 && /* @__PURE__ */ n("div", { className: X("descend"), children: /* @__PURE__ */ n(be, {}) })
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      }
+    ) : /* @__PURE__ */ n("span", { className: `${t}-th-item-title`, ...Z, children: N }),
+    Y && /* @__PURE__ */ n(
+      ze,
+      {
+        popup: ue,
+        trigger: "click",
+        classNames: "slideDynamicOrigin",
+        position: re ? "bl" : "br",
+        popupAlign: Ke,
+        popupVisible: x,
+        onVisibleChange: R,
+        ...$e,
+        children: /* @__PURE__ */ n("div", { className: pe, children: ce || /* @__PURE__ */ n(ke, {}) })
+      }
+    )
+  ] }), _ = g(`${t}-th-item`, {
+    [`${t}-cell-text-ellipsis`]: q,
+    [`${t}-cell-mouseenter`]: J,
+    [`${t}-cell-next-${b}`]: J && b,
+    [`${t}-col-has-sorter`]: T,
+    [`${t}-col-has-filter`]: Y
+  });
+  return I !== 0 && /* @__PURE__ */ Te(
+    ge,
+    {
+      className: g(
+        `${t}-th`,
+        {
+          [`${t}-col-sorted`]: c && c.direction && c.field === o
+        },
+        ie
+      ),
+      ...y,
+      key: y.key,
+      ...oe
+    },
+    Ee(z) ? /* @__PURE__ */ n(z, { className: _, children: F }) : /* @__PURE__ */ n(
+      z,
+      {
+        className: _,
+        column: me,
+        children: F
+      }
+    )
+  );
+}
+export {
+  st as default
+};