@unicom-cloud/ui 0.8.108 → 0.8.110

package/table/index.js

@@ -1,30 +1,171 @@
-import e from "./Table.js";
-import { defaultComponent as s } from "./constant.js";
-import { default as u } from "./hook/useColumns.js";
-import { default as b } from "./hook/useComponent.js";
-import { default as T } from "./hook/useExpand.js";
-import { default as x } from "./hook/useRowSelection.js";
-import { default as C } from "./hook/useSorter.js";
-import { default as i } from "./hook/useStickyClassNames.js";
-import { default as R } from "./hook/useStickyOffsets.js";
-import { default as w } from "./hook/useThResizable.js";
-import a from "./summary/index.js";
-import { default as z } from "./summary/Cell.js";
-import { default as E } from "./summary/Row.js";
-const o = e;
-o.Summary = a;
+import { S as $, T as v } from "../chunk/COsRZOz1.js";
+import { u as Kt, a as Vt, b as Wt, c as Zt, d as te, e as ee, f as oe } from "../chunk/COsRZOz1.js";
+import { defaultComponent as B } from "./constant.js";
+import x, { useRef as g, useContext as R, useEffect as w, useState as O } from "react";
+import "@unicom-cloud/utils/date";
+import "@unicom-cloud/utils/case-name";
+import M from "@unicom-cloud/utils/class-name";
+import "@unicom-cloud/utils/constant/ui";
+import { a as k } from "../chunk/BcEZk8pT.js";
+import "@unicom-cloud/utils/clipboard-copy";
+import "../chunk/DS_deHpN.js";
+import { o as E, b as P } from "../chunk/d1c9z8T1.js";
+import "@unicom-cloud/utils/file/fileToURL";
+import { jsx as y, jsxs as X, Fragment as j } from "react/jsx-runtime";
+import "lodash/escapeRegExp";
+import "lodash/isArray";
+import "lodash/isNumber";
+import "lodash/isString";
+import "lodash/isFunction";
+import "lodash/throttle";
+import "../chunk/DsaQZE4X.js";
+import "lodash/camelCase";
+import "lodash/capitalize";
+import "lodash/cloneDeep";
+import "lodash/debounce";
+import L from "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 "@unicom-cloud/utils/mitt";
+import "@unicom-cloud/utils/pinyin";
+import "../chunk/BJ9_azwQ.js";
+import "../chunk/CXrVhA6-.js";
+import "../utils/responsiveObserve.js";
+import "@unicom-cloud/utils/file/saveAs";
+import "@unicom-cloud/utils/screenfull";
+import "@unicom-cloud/utils/tinycolor";
+import "@unicom-cloud/utils/ui-color";
+import "@unicom-cloud/utils/constant/ui.js";
+import "react-is";
+import "@unicom-cloud/utils/tree";
+import { isFunction as D, isPlainObject as I, isArray as U } from "@unicom-cloud/utils/is";
+import "uuid";
+import "../chunk/hc_ufgVf.js";
+import "@unicom-cloud/utils/constant/keyboardCode";
+import { o as q } from "../chunk/BKKEev13.js";
+function F(l) {
+  let {
+    className: i,
+    children: t,
+    column: p,
+    onResize: f,
+    ...h
+  } = l;
+  const a = B.header.th, e = g(null), d = g(null), s = g({}), { getPrefixCls: m } = R(k), o = m?.("table-th-resizable");
+  function r(c) {
+    s.current.boundingClientRect = e.current.getBoundingClientRect(), s.current.pageX = c?.pageX ?? 0, S(), b();
+  }
+  function u(c) {
+    S();
+  }
+  function C(c) {
+    let T = s.current.boundingClientRect.width + ((c?.pageX ?? 0) - s.current.pageX);
+    T < 0 || (I(p) && (p.width = T), f?.({
+      column: p,
+      width: T,
+      widthOrigin: s.current.boundingClientRect.width
+    }));
+  }
+  function b(c) {
+    P(document, "mousemove", C), P(document, "mouseup", u);
+  }
+  function S(c) {
+    E(document, "mousemove", C), E(document, "mouseup", u);
+  }
+  i = M(i, o), w(() => (r(), C(), u(), () => {
+    S();
+  }), []);
+  let n = t;
+  return D(f) && (n = /* @__PURE__ */ X(j, { children: [
+    t,
+    /* @__PURE__ */ y(
+      "div",
+      {
+        ref: d,
+        className: `${o}-cursor`,
+        onMouseDown: r
+      }
+    )
+  ] })), /* @__PURE__ */ y(a, { ref: e, ...h, className: i, children: n });
+}
+function Yt(l = {}, i = []) {
+  const { columns: t } = l ?? {}, [p, f] = O(a(t));
+  function h(e, d) {
+    return {
+      column: e,
+      onResize(m) {
+        const { column: o = {}, width: r } = m ?? {};
+        f((u) => {
+          const C = u.find((b, S, n) => b === o || b.dataIndex === o.dataIndex && b.title == o.title);
+          return C ? (C.width = r ?? o.width, a(u)) : u;
+        });
+      }
+    };
+  }
+  function a(e) {
+    return U(e) ? e.map((d, s, m) => {
+      const o = d;
+      return s < m.length - 1 && d.resizable !== !1 && !d.fixed && (o.onHeaderCell = h), o;
+    }) : e;
+  }
+  return w(() => (f(a(t)), () => {
+  }), [...i]), w(() => () => {
+  }, []), {
+    columns: p,
+    setColumns(e) {
+      return f(a(e));
+    },
+    ThResizable: F
+  };
+}
+function z(l) {
+  const { children: i, ...t } = l;
+  return /* @__PURE__ */ y("td", { ...q(t, ["$$PqbTableSummaryCell"]), children: i });
+}
+z.__PQB_TABLE_SUMMARY_CELL__ = !0;
+function H(l) {
+  const { rtl: i } = R(k), { columns: t, stickyOffsets: p, stickyClassNames: f, prefixCls: h } = R($), { children: a, ...e } = l, d = x.Children.map(
+    a,
+    (m) => m.props.colSpan || 1
+  ), s = x.Children.map(a, (m, o) => {
+    const r = m, u = L(r, "type.__PQB_TABLE_SUMMARY_CELL__") || L(r, "props.$$PqbTableSummaryCell"), C = r?.props?.style, b = r?.props?.className, n = d.slice(0, o).reduce((T, A) => T + A, 0), c = t[n].fixed === "left" ? { [i ? "right" : "left"]: p[n] } : t[n].fixed === "right" ? { [i ? "left" : "right"]: p[n] } : {}, N = t[n].fixed === "left" || t[n].fixed === "right" ? f[n] : "";
+    return u ? x.cloneElement(r, {
+      ...r.props,
+      className: M(`${h}-td`, N, b),
+      style: { ...C, ...c }
+    }) : m;
+  });
+  return /* @__PURE__ */ y("tr", { ...e, children: s });
+}
+function _(l) {
+  return l.children;
+}
+_.Row = H;
+_.Cell = z;
+const Q = v;
+Q.Summary = _;
 export {
-  a as TableSummary,
+  _ as TableSummary,
   z as TableSummaryCell,
-  E as TableSummaryRow,
-  o as default,
-  s as tableDefaultComponent,
-  u as useTableColumns,
-  b as useTableComponent,
-  T as useTableExpand,
-  x as useTableRowSelection,
-  C as useTableSorter,
-  i as useTableStickyClassNames,
-  R as useTableStickyOffsets,
-  w as useTableThResizable
+  H as TableSummaryRow,
+  Q as default,
+  B as tableDefaultComponent,
+  Kt as useTableColumns,
+  Vt as useTableComponent,
+  Wt as useTableExpand,
+  Zt as useTableRowSelection,
+  te as useTableSorter,
+  ee as useTableStickyClassNames,
+  oe as useTableStickyOffsets,
+  Yt as useTableThResizable
 };

package/tabs/Tab.js

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

package/tabs/TabContent.js

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

package/tabs/TabPane.js

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

package/tabs/index.js

@@ -1,9 +1,9 @@
-import e from "./Tab.js";
-import { TabsContext as r } from "./Tab.js";
-import { default as s, default as b } from "./TabPane.js";
+import { T as e } from "../chunk/CFyN9Eio.js";
+import { a as s } from "../chunk/CFyN9Eio.js";
+import { default as f, default as T } from "./TabPane.js";
 export {
-  s as TabPane,
-  r as TabsContext,
-  b as TabsTabPane,
+  f as TabPane,
+  s as TabsContext,
+  T as TabsTabPane,
   e as default
 };

package/tag/index.js

@@ -3,14 +3,12 @@ import B from "@unicom-cloud/icons/IconUiClose";
 import D from "@unicom-cloud/icons/IconUiLoading";
 import g from "lodash/isPlainObject";
 import { forwardRef as J, useContext as Q, useState as b } from "react";
-import "../config-provider/ConfigProvider.js";
-import W from "../components/common/hooks/useKeyboardEvent.js";
-import X from "../components/common/hooks/useMergeProps.js";
-import Y from "../icon-hover/index.js";
-import Z from "../popconfirm/index.js";
-import ee from "@unicom-cloud/utils/class-name";
-import { omit as oe } from "../components/common/utils/omit.js";
-import ne from "../config-provider/context.js";
+import { a as W, I as X } from "../chunk/BcEZk8pT.js";
+import { u as Y } from "../chunk/Bvxzb1wd.js";
+import { u as Z } from "../chunk/FgWHhRFz.js";
+import ee from "../popconfirm/index.js";
+import oe from "@unicom-cloud/utils/class-name";
+import { o as ne } from "../chunk/BKKEev13.js";
 const ce = [
   "red",
   "orangered",
@@ -28,19 +26,19 @@ const ce = [
   size: "default"
 };
 function re(O, P) {
-  const { getPrefixCls: I, componentConfig: T, rtl: _ } = Q(ne), E = W(), n = X(
+  const { getPrefixCls: I, componentConfig: T, rtl: _ } = Q(W), E = Y(), n = Z(
     O,
     se,
     T?.Tag
   ), {
     className: L,
     style: S,
-    children: k,
+    children: u,
     color: s,
     closable: c,
     checkable: t,
     defaultChecked: j,
-    size: u,
+    size: k,
     onClose: z,
     onCheck: H,
     icon: $,
@@ -65,28 +63,28 @@ function re(O, P) {
     const o = !x;
     "checked" in n || A(o), H?.(o);
   }
-  const i = s && ce.indexOf(s) !== -1 ? s : "", p = t ? x : !0, M = ee(
+  const i = s && ce.indexOf(s) !== -1 ? s : "", f = t ? x : !0, M = oe(
     e,
     {
       [`${e}-loading`]: a,
       [`${e}-hide`]: !F,
       [`${e}-${i}`]: i,
       [`${e}-checkable`]: t,
-      [`${e}-checked`]: p,
-      [`${e}-size-${u}`]: u,
+      [`${e}-checked`]: f,
+      [`${e}-size-${k}`]: k,
       [`${e}-bordered`]: R,
-      [`${e}-custom-color`]: p && s && !i,
+      [`${e}-custom-color`]: f && s && !i,
       [`${e}-rtl`]: _
     },
     L
-  ), f = {
+  ), p = {
     ...S
   };
-  s && !i && p && (f.backgroundColor ||= s, f.borderColor ||= s);
-  const N = oe(K, ["visible"]);
+  s && !i && f && (p.backgroundColor ||= s, p.borderColor ||= s);
+  const N = ne(K, ["visible"]);
   t && (N.onClick = G);
   let h = /* @__PURE__ */ r(
-    Y,
+    X,
     {
       prefix: e,
       className: `${e}-close-btn`,
@@ -106,12 +104,12 @@ function re(O, P) {
     }
   );
   return g(c?.popconfirm) && (h = /* @__PURE__ */ r(
-    Z,
+    ee,
     {
       ...c?.popconfirm,
       title: c?.popconfirm?.title || /* @__PURE__ */ y(q, { children: [
         "确定要关闭 ",
-        k
+        u
       ] }),
       onCancel: (o) => {
         c?.popconfirm?.onCancel?.(o);
@@ -121,9 +119,9 @@ function re(O, P) {
       },
       children: h
     }
-  )), /* @__PURE__ */ y("div", { ref: P, style: f, className: M, ...N, children: [
+  )), /* @__PURE__ */ y("div", { ref: P, style: p, className: M, ...N, children: [
     $ && /* @__PURE__ */ r("span", { className: `${e}-icon`, children: $ }),
-    /* @__PURE__ */ r("span", { className: `${e}-content`, children: k }),
+    /* @__PURE__ */ r("span", { className: `${e}-content`, children: u }),
     !!c && !a && l !== null && h,
     a && /* @__PURE__ */ r("span", { className: `${e}-loading-icon`, children: /* @__PURE__ */ r(D, {}) })
   ] });