@unicom-cloud/ui 0.8.99 → 0.8.100

package/table/Table.js

@@ -87,7 +87,7 @@ function ko(ce, st) {
   } = b, ze = ne(
     () => vo(m, H),
     [m, H]
-  ), n = it?.("table"), ue = b.size || (["default", "middle", "small"].indexOf(Ne) > -1 ? Ne : "default"), D = w(null), u = w(null), pe = w(null), g = w(null), E = w(null), me = w(null), K = w(null), j = w(0), ge = w(!1), [Re, f] = bo(b), { currentFilters: Ct, defaultSorters: xt } = zt(), [O, ye] = V(1), [St, wt] = V(
+  ), n = it?.("table"), ue = b.size || (["default", "middle", "small", "mini"].indexOf(Ne) > -1 ? Ne : "default"), D = w(null), u = w(null), pe = w(null), g = w(null), E = w(null), me = w(null), K = w(null), j = w(0), ge = w(!1), [Re, f] = bo(b), { currentFilters: Ct, defaultSorters: xt } = zt(), [O, ye] = V(1), [St, wt] = V(
     N.pageSize || N.defaultPageSize || 10
   ), [He, ke] = V(Ct), [Pt, Tt] = V(0), [$t, Ft] = V([]), he = To(f), [Nt, Ee] = Po(
     Re,

package/table/hook/useThResizable.js

@@ -1,39 +1,85 @@
-import { useState as h, useEffect as p } from "react";
+import { useState as b, useEffect as a } from "react";
+import "@unicom-cloud/utils/case-name";
+import "@unicom-cloud/utils/class-name";
+import "../../dist/tinycolor/chunk/BOzCVdr0.js";
+import "@unicom-cloud/utils/constant/ui";
+import "../../utils/contextHolder.js";
+import "@unicom-cloud/utils/dayjs";
+import "@unicom-cloud/utils/clipboard-copy";
+import "../../components/common/utils/dayjs.js";
+import "../../components/common/utils/dom.js";
+import "@unicom-cloud/utils/file/fileToURL";
+import "react/jsx-runtime";
+import "lodash/escapeRegExp";
+import "lodash/isArray";
+import "lodash/isNumber";
+import "lodash/isString";
+import "lodash/isFunction";
+import "lodash/throttle";
 import "../../components/common/utils/is.js";
-import x from "../th-resizable/index.js";
-import { isArray as b } from "@unicom-cloud/utils/is";
-function g(a = {}) {
-  function c(e, n) {
+import "lodash/camelCase";
+import "lodash/capitalize";
+import "lodash/cloneDeep";
+import "lodash/debounce";
+import "lodash/get";
+import "lodash/has";
+import "lodash/kebabCase";
+import "lodash/merge";
+import "lodash/mergeWith";
+import "lodash/set";
+import "lodash/setWith";
+import "lodash/snakeCase";
+import "lodash/startCase";
+import "lodash/uniq";
+import "lodash/upperFirst";
+import "@unicom-cloud/utils/math";
+import "lodash/isPlainObject";
+import "../../dist/react-transition-group/src/CSSTransition.js";
+import "../../dist/react-transition-group/src/ReplaceTransition.js";
+import "../../dist/react-transition-group/src/SwitchTransition.js";
+import "../../dist/react-transition-group/chunk/CPfP7aNL.js";
+import "../../dist/react-transition-group/src/TransitionGroup.js";
+import "../../components/common/utils/reactDOM.js";
+import "@unicom-cloud/utils/file/saveAs";
+import "@unicom-cloud/utils/screenfull";
+import "@unicom-cloud/utils/constant/ui.js";
+import "react-is";
+import "@unicom-cloud/utils/tree";
+import { isArray as C } from "@unicom-cloud/utils/is";
+import "uuid";
+import "../../dist/validate/src/index.js";
+import "@unicom-cloud/utils/constant/keyboardCode";
+import z from "../th-resizable/index.js";
+function Rt(f = {}, c = []) {
+  const { columns: u } = f ?? {}, [d, m] = b(o(u));
+  function h(t, i) {
     return {
-      column: e,
-      onResize(o) {
-        const { column: t = {}, width: d } = o ?? {};
-        s((i) => {
-          const f = i.find((u, C, z) => u === t || u.dataIndex === t.dataIndex && u.title == t.title);
-          return f ? (f.width = d ?? t.width, r(i)) : i;
+      column: t,
+      onResize(p) {
+        const { column: r = {}, width: x } = p ?? {};
+        m((e) => {
+          const l = e.find((n, w, R) => n === r || n.dataIndex === r.dataIndex && n.title == r.title);
+          return l ? (l.width = x ?? r.width, o(e)) : e;
         });
       }
     };
   }
-  function r(e) {
-    return b(e) ? e.map((n, l, o) => {
-      const t = n;
-      return l < o.length - 1 && n.resizable !== !1 && !n.fixed && (t.onHeaderCell = c), t;
-    }) : e;
+  function o(t) {
+    return C(t) ? t.map((i, s, p) => {
+      const r = i;
+      return s < p.length - 1 && i.resizable !== !1 && !i.fixed && (r.onHeaderCell = h), r;
+    }) : t;
   }
-  const [m, s] = h(() => {
-    const e = a.columns;
-    return e ? r(e) : [];
-  });
-  return p(() => () => {
+  return a(() => (m(o(u)), () => {
+  }), [...c]), a(() => () => {
   }, []), {
-    columns: m,
-    setColumns(e) {
-      return s(r(e));
+    columns: d,
+    setColumns(t) {
+      return m(o(t));
     },
-    ThResizable: x
+    ThResizable: z
   };
 }
 export {
-  g as default
+  Rt as default
 };

package/table/tbody/Td.js

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

package/table/th-resizable/index.js

@@ -1,46 +1,103 @@
-import { jsx as C, jsxs as M } from "react/jsx-runtime";
-import X from "lodash/isFunction";
-import { useRef as u, useContext as z, useCallback as o, useEffect as E } from "react";
+import { jsx as h, jsxs as M, Fragment as P } from "react/jsx-runtime";
+import { useRef as s, useContext as X, useEffect as j } from "react";
 import "../../config-provider/ConfigProvider.js";
-import T from "@unicom-cloud/utils/class-name";
-import { on as b, off as w } from "../../components/common/utils/dom.js";
-import { defaultComponent as j } from "../constant.js";
+import "@unicom-cloud/utils/case-name";
+import z from "@unicom-cloud/utils/class-name";
+import "../../dist/tinycolor/chunk/BOzCVdr0.js";
+import "@unicom-cloud/utils/constant/ui";
+import "../../utils/contextHolder.js";
+import "@unicom-cloud/utils/dayjs";
+import "@unicom-cloud/utils/clipboard-copy";
+import "../../components/common/utils/dayjs.js";
+import { off as g, on as C } from "../../components/common/utils/dom.js";
+import "@unicom-cloud/utils/file/fileToURL";
+import "lodash/escapeRegExp";
+import "lodash/isArray";
+import "lodash/isNumber";
+import "lodash/isString";
+import "lodash/isFunction";
+import "lodash/throttle";
+import "../../components/common/utils/is.js";
+import "lodash/camelCase";
+import "lodash/capitalize";
+import "lodash/cloneDeep";
+import "lodash/debounce";
+import "lodash/get";
+import "lodash/has";
+import "lodash/kebabCase";
+import "lodash/merge";
+import "lodash/mergeWith";
+import "lodash/set";
+import "lodash/setWith";
+import "lodash/snakeCase";
+import "lodash/startCase";
+import "lodash/uniq";
+import "lodash/upperFirst";
+import "@unicom-cloud/utils/math";
+import "lodash/isPlainObject";
+import "../../dist/react-transition-group/src/CSSTransition.js";
+import "../../dist/react-transition-group/src/ReplaceTransition.js";
+import "../../dist/react-transition-group/src/SwitchTransition.js";
+import "../../dist/react-transition-group/chunk/CPfP7aNL.js";
+import "../../dist/react-transition-group/src/TransitionGroup.js";
+import "../../components/common/utils/reactDOM.js";
+import "@unicom-cloud/utils/file/saveAs";
+import "@unicom-cloud/utils/screenfull";
+import "@unicom-cloud/utils/constant/ui.js";
+import "react-is";
+import "@unicom-cloud/utils/tree";
+import { isFunction as E, isPlainObject as T } from "@unicom-cloud/utils/is";
+import "uuid";
+import "../../dist/validate/src/index.js";
+import "@unicom-cloud/utils/constant/keyboardCode";
+import { defaultComponent as D } from "../constant.js";
 /* empty css           */
-import D from "../../config-provider/context.js";
-function A(v) {
-  let { className: r, children: m, column: a, onResize: l, ...f } = v;
-  const p = j.header.th, n = u(null), x = u(null), t = u({}), { getPrefixCls: R } = z(D), d = R?.("table-th-resizable");
-  if (!X(l)) return /* @__PURE__ */ C(p, { ref: n, ...f, className: r, children: m });
-  const h = o((e) => {
-    t.current.boundingClientRect = n.current.getBoundingClientRect(), t.current.pageX = e?.pageX ?? 0, N();
-  }, []), s = o((e) => {
-    g();
-  }, []), c = o((e) => {
-    let i = t.current.boundingClientRect.width + ((e?.pageX ?? 0) - t.current.pageX);
-    i < 0 || (a.width = i, l?.({
-      column: a,
-      width: i,
-      widthOrigin: t.current.boundingClientRect.width
+import F from "../../config-provider/context.js";
+function Bt(b) {
+  let {
+    className: r,
+    children: u,
+    column: i,
+    onResize: c,
+    ...w
+  } = b;
+  const v = D.header.th, f = s(null), x = s(null), o = s({}), { getPrefixCls: R } = X(F), a = R?.("table-th-resizable");
+  function l(t) {
+    o.current.boundingClientRect = f.current.getBoundingClientRect(), o.current.pageX = t?.pageX ?? 0, n(), N();
+  }
+  function e(t) {
+    n();
+  }
+  function m(t) {
+    let p = o.current.boundingClientRect.width + ((t?.pageX ?? 0) - o.current.pageX);
+    p < 0 || (T(i) && (i.width = p), c?.({
+      column: i,
+      width: p,
+      widthOrigin: o.current.boundingClientRect.width
     }));
-  }, []), N = o((e) => {
-    b(document, "mousemove", c), b(document, "mouseup", s);
-  }, []), g = o((e) => {
-    w(document, "mousemove", c), w(document, "mouseup", s);
-  }, []);
-  return r = T(r, d), E(() => (h(), c(), s(), () => {
-    g();
-  }), []), /* @__PURE__ */ M(p, { ref: n, ...f, className: r, children: [
-    m,
-    /* @__PURE__ */ C(
+  }
+  function N(t) {
+    C(document, "mousemove", m), C(document, "mouseup", e);
+  }
+  function n(t) {
+    g(document, "mousemove", m), g(document, "mouseup", e);
+  }
+  r = z(r, a), j(() => (l(), m(), e(), () => {
+    n();
+  }), []);
+  let d = u;
+  return E(c) && (d = /* @__PURE__ */ M(P, { children: [
+    u,
+    /* @__PURE__ */ h(
       "div",
       {
         ref: x,
-        className: `${d}-cursor`,
-        onMouseDown: h
+        className: `${a}-cursor`,
+        onMouseDown: l
       }
     )
-  ] });
+  ] })), /* @__PURE__ */ h(v, { ref: f, ...w, className: r, children: d });
 }
 export {
-  A as default
+  Bt as default
 };