@unicom-cloud/ui 0.8.99 → 0.8.101

package/typography/Ellipsis.js

@@ -1,38 +1,35 @@
-import { jsxs as C, jsx as o } from "react/jsx-runtime";
-import { forwardRef as G, useContext as I, useRef as v, useState as N, useMemo as P, useEffect as M, useCallback as J } from "react";
+import { jsxs as g, Fragment as K, jsx as r } from "react/jsx-runtime";
+import { forwardRef as Q, useContext as U, useRef as v, useState as R, useMemo as V, useEffect as S, useCallback as X } from "react";
 import "../config-provider/ConfigProvider.js";
-import K from "../components/common/hooks/useMergeProps.js";
-import Q from "../components/common/hooks/useMergeValue.js";
-import "lodash/isEqualWith";
-import "../components/common/utils/is.js";
-import "@unicom-cloud/utils/constant/keyboardCode";
-import "lodash/isNumber";
-import "lodash/merge";
-import { isServerRendering as U } from "../components/common/utils/dom.js";
-import "../components/common/hooks/useIntersectionObserver.js";
-import "../components/common/utils/reactDOM.js";
-import "@unicom-cloud/utils/constant";
-import "lodash/debounce";
+import Y from "../copy/index.js";
+import Z from "../components/common/hooks/useMergeProps.js";
+import tt from "../components/common/hooks/useMergeValue.js";
+import et from "../tooltip/index.js";
 import "@unicom-cloud/utils/case-name";
-import p from "@unicom-cloud/utils/class-name";
+import n 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 { isServerRendering as rt } 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";
@@ -41,173 +38,109 @@ import "lodash/startCase";
 import "lodash/uniq";
 import "lodash/upperFirst";
 import "@unicom-cloud/utils/math";
-import "lodash/isPlainObject";
+import { mergedToString as ot } from "../components/common/utils/mergedToString.js";
 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 { resizeObserver as X } from "../components/common/utils/resizeObserver.js";
+import "../components/common/utils/reactDOM.js";
+import { resizeObserver as it } from "../components/common/utils/resizeObserver.js";
 import "@unicom-cloud/utils/file/saveAs";
 import "@unicom-cloud/utils/screenfull";
 import "@unicom-cloud/utils/constant/ui.js";
-import { throttleByRaf as Y } from "../components/common/utils/throttleByRaf.js";
+import "lodash/isPlainObject";
+import { throttleByRaf as nt } from "../components/common/utils/throttleByRaf.js";
+import "react-is";
 import "@unicom-cloud/utils/tree";
-import { isPlainObject as T } from "@unicom-cloud/utils/is";
+import { isPlainObject as b, isFunction as st } from "@unicom-cloud/utils/is";
 import "uuid";
 import "../dist/validate/src/index.js";
-import "../affix/index.js";
-import "../alert/index.js";
-import "../anchor/Anchor.js";
-import "../auto-complete/index.js";
-import "../avatar/index.js";
-import "../back-top/index.js";
-import "../badge/index.js";
-import "../breadcrumb/index.js";
-import "../button/index.js";
-import "../calendar/index.js";
-import "../card/index.js";
-import "../carousel/index.js";
-import "../cascader/Cascader.js";
-import "../checkbox/Checkbox.js";
-import "../checkbox/Group.js";
-import "../collapse/Collapse.js";
-import "../comment/index.js";
-import "../copy/index.js";
-import "../date-picker/index.js";
-import "../descriptions/index.js";
-import "../details/index.js";
-import "../development/index.js";
-import "../divider/index.js";
-import "../drawer/Drawer.js";
-import "../dropdown/index.js";
-import "../empty/index.js";
-import "../form/index.js";
-import "../grid/index.js";
-import "../icon/index.js";
-import "../icons/file.js";
-import "../image/Image.js";
-import "../input/Input.js";
-import "../input-number/index.js";
-import "../input-tag/InputTag.js";
-import "../layout/index.js";
-import "../link/index.js";
-import "../list/index.js";
-import "../mentions/index.js";
-import "../menu/Menu.js";
-import "../message/index.js";
-import "../modal/Modal.js";
-import "../notification/index.js";
-import "../page-header/index.js";
-import "../pagination/Pagination.js";
-import "../popconfirm/index.js";
-import "../popover/index.js";
-import "../portal/index.js";
-import "../progress/index.js";
-import "../color-picker/index.js";
-import "../icon-hover/index.js";
-import "../loading/index.js";
-import "qrcode.react";
-import "../radio/Radio.js";
-import "../radio/Group.js";
-import "../rate/index.js";
-import "../resize-box/index.js";
-import "../result/index.js";
-import "../segmented/index.js";
-import "../select/Select.js";
-import "../skeleton/index.js";
-import "../slider/index.js";
-import "../space/index.js";
-import "../speech-synthesis/index.js";
-import "../spin/index.js";
-import "../statistic/index.js";
-import "../steps/index.js";
-import "../suspense-fallback-test/index.js";
-import "../switch/index.js";
-import "../table/index.js";
-import "../tabs/Tab.js";
-import "../tag/index.js";
-import "../time-picker/index.js";
-import "../timeline/Timeline.js";
-import Z from "../tooltip/index.js";
-import "@unicom-cloud/icons/IconUiClose";
-import "react-dom";
-import "../transfer/index.js";
-import "../tree/Tree.js";
-import "../tree-select/Select.js";
-import "../trigger/index.js";
-import "./index.js";
-import "../upload/Upload.js";
-import "../verification-code/VerificationCode.js";
-import "../virtual-list/VirtualList.js";
-import "../watermark/Watermark.js";
-import tt from "../config-provider/context.js";
-const rt = {
+import "@unicom-cloud/utils/constant/keyboardCode";
+import lt from "../config-provider/context.js";
+const pt = {
   rows: 1,
   expandable: !0,
   defaultExpanded: !1
-}, ot = (z, it) => {
-  const $ = I(tt), h = K(
-    z,
-    rt,
-    $.componentConfig?.["Typography.Ellipsis"]
+}, at = (j, mt) => {
+  const C = U(lt), N = Z(
+    j,
+    pt,
+    C.componentConfig?.["Typography.Ellipsis"]
   ), {
-    className: V,
-    style: j,
-    rows: n,
-    disabled: y,
+    className: A,
+    style: L,
+    rows: l,
+    disabled: w,
     showTooltip: c,
-    children: s,
-    expandable: f,
-    expandRender: O,
-    onExpand: E,
-    onEllipsis: R
-  } = h, { locale: w } = $, A = U ? !1 : /^((?!chrome|android).)*safari/i.test(navigator?.userAgent ?? ""), L = v(null), m = v(null), [g, S] = N(""), [D, b] = N(!1), l = v(null), a = v(null), [r, W] = Q(!1, {
-    defaultValue: h.defaultExpanded,
-    value: h.expanded
-  }), [e, k] = N(!1), u = P(() => T(f) ? !f.single && n === 1 : n === 1, [n, f]), d = P(() => T(c) ? {
+    children: y,
+    // 潘启宝修改
+    expandable: d,
+    expandRender: P,
+    onExpand: W,
+    onEllipsis: k,
+    copyable: f
+    // 潘启宝添加
+  } = N, { locale: B } = C, D = rt ? !1 : /^((?!chrome|android).)*safari/i.test(navigator?.userAgent ?? ""), F = v(null), s = v(null), [O, H] = R(""), [_, E] = R(!1), p = v(null), a = v(null), [e, T] = tt(!1, {
+    defaultValue: N.defaultExpanded,
+    value: N.expanded
+  }), [i, M] = R(!1), x = V(() => b(d) ? !d.single && l === 1 : l === 1, [l, d]), h = V(() => b(c) ? {
     tooltip: !0,
     tooltipProps: c
   } : {
     tooltip: !!c,
     tooltipProps: c
   }, [c]);
-  M(() => {
-    if (m.current) {
-      const i = m.current.textContent;
-      i && S(i);
+  S(() => {
+    if (s.current) {
+      const o = s.current.textContent;
+      o && H(o);
     }
-  }, [s, m]);
-  const t = $.getPrefixCls?.("ellipsis"), H = () => O ? O(r) : /* @__PURE__ */ o("span", { className: `${t}-action-text`, children: r ? w?.Typography.fold : w?.Typography.unfold }), x = () => f && e ? /* @__PURE__ */ o(
+  }, [y, s]);
+  const t = C.getPrefixCls?.("ellipsis"), u = /* @__PURE__ */ g(K, { children: [
+    !!f && // 潘启宝添加
+    /* @__PURE__ */ r(
+      Y,
+      {
+        ...b(f) ? f : {},
+        text: () => {
+          let m = (b(f) ? f : {}).text;
+          return st(m) && (m = m()), m || (m = ot(y)), m;
+        },
+        className: `${t}-action-text-copy`
+      }
+    ),
+    y
+  ] }), q = () => P ? P(e) : /* @__PURE__ */ r("span", { className: `${t}-action-text`, children: e ? B?.Typography?.fold : B?.Typography?.unfold }), $ = () => d && i ? /* @__PURE__ */ r(
     "div",
     {
-      className: p(`${t}-action`, {
-        [`${t}-action-collapsed`]: !r
+      className: n(`${t}-action`, {
+        [`${t}-action-collapsed`]: !e
       }),
-      onClick: (i) => {
-        r ? (W(!1), E?.(!1, i)) : (W(!0), b(!1), E?.(!0, i));
+      onClick: (o) => {
+        e ? (T(!1), W?.(!1, o)) : (T(!0), E(!1), W?.(!0, o));
       },
-      children: H()
+      children: q()
     }
-  ) : null, _ = J(
-    Y(() => {
-      a.current && l.current && ((u ? a.current.offsetWidth > l.current.offsetWidth : a.current.offsetHeight > l.current.offsetHeight) ? e === !1 && (k(!0), R?.(!0)) : e === !0 && (k(!1), R?.(!1)));
+  ) : null, G = X(
+    nt(() => {
+      a.current && p.current && ((x ? a.current.offsetWidth > p.current.offsetWidth : a.current.offsetHeight > p.current.offsetHeight) ? i === !1 && (M(!0), k?.(!0)) : i === !0 && (M(!1), k?.(!1)));
     }),
-    [e, u]
+    [i, x]
   );
-  M(() => {
-    const i = X(
-      [l.current, a.current],
-      _
+  S(() => {
+    const o = it(
+      [p.current, a.current],
+      G
     );
     return () => {
-      i();
+      o();
     };
-  }, [l.current, a.current]);
-  const q = () => y ? null : /* @__PURE__ */ o(
+  }, [p.current, a.current]);
+  const I = () => w ? null : /* @__PURE__ */ r(
     "div",
     {
-      className: u ? p(`${t}-content-mirror`, `${t}-single`) : p(
+      className: x ? n(`${t}-content-mirror`, `${t}-single`) : n(
         `${t}-content-mirror`,
         `${t}-multiple`,
         `${t}-collapsed`
@@ -215,75 +148,75 @@ const rt = {
       style: {
         WebkitBoxOrient: "vertical",
         MozBoxOrient: "vertical",
-        WebkitLineClamp: n
+        WebkitLineClamp: l
       },
-      ref: l,
-      children: /* @__PURE__ */ o("span", { ref: a, className: `${t}-text`, children: s })
+      ref: p,
+      children: /* @__PURE__ */ r("span", { ref: a, className: `${t}-text`, children: u })
     }
-  ), B = () => u ? /* @__PURE__ */ o("div", { className: p(`${t}-content`, `${t}-single`), children: /* @__PURE__ */ o("span", { ref: m, className: `${t}-text`, children: s }) }) : A ? /* @__PURE__ */ C(
+  ), z = () => x ? /* @__PURE__ */ r("div", { className: n(`${t}-content`, `${t}-single`), children: /* @__PURE__ */ r("span", { ref: s, className: `${t}-text`, children: u }) }) : D ? /* @__PURE__ */ g(
     "div",
     {
-      className: p(`${t}-content`, `${t}-multiple`),
-      title: !d.tooltip && e && !r ? g : void 0,
+      className: n(`${t}-content`, `${t}-multiple`),
+      title: !h.tooltip && i && !e ? O : void 0,
       children: [
-        !r && x(),
-        /* @__PURE__ */ o(
+        !e && $(),
+        /* @__PURE__ */ r(
           "span",
           {
-            ref: m,
-            className: p(`${t}-text`, {
-              [`${t}-collapsed`]: !r
+            ref: s,
+            className: n(`${t}-text`, {
+              [`${t}-collapsed`]: !e
             }),
             style: {
               WebkitBoxOrient: "vertical",
               MozBoxOrient: "vertical",
-              WebkitLineClamp: n
+              WebkitLineClamp: l
             },
-            children: s
+            children: u
           }
         ),
-        r && x()
+        e && $()
       ]
     }
-  ) : /* @__PURE__ */ C(
+  ) : /* @__PURE__ */ g(
     "div",
     {
-      className: p(`${t}-content`, `${t}-multiple`, {
-        [`${t}-collapsed`]: !r
+      className: n(`${t}-content`, `${t}-multiple`, {
+        [`${t}-collapsed`]: !e
       }),
       style: {
         WebkitBoxOrient: "vertical",
         MozBoxOrient: "vertical",
-        WebkitLineClamp: n
+        WebkitLineClamp: l
       },
-      title: !d.tooltip && e && !r ? g : void 0,
+      title: !h.tooltip && i && !e ? O : void 0,
       children: [
-        !r && x(),
-        /* @__PURE__ */ o("span", { ref: m, className: `${t}-text`, children: s }),
-        r && x()
+        !e && $(),
+        /* @__PURE__ */ r("span", { ref: s, className: `${t}-text`, children: u }),
+        e && $()
       ]
     }
-  ), F = () => y ? /* @__PURE__ */ o("div", { className: `${t}-content`, children: /* @__PURE__ */ o("span", { ref: m, className: `${t}-text`, children: s }) }) : d.tooltip ? /* @__PURE__ */ o(
-    Z,
+  ), J = () => w ? /* @__PURE__ */ r("div", { className: `${t}-content`, children: /* @__PURE__ */ r("span", { ref: s, className: `${t}-text`, children: u }) }) : h.tooltip ? /* @__PURE__ */ r(
+    et,
     {
-      content: g,
-      popupVisible: D,
-      disabled: !e || r,
+      content: O,
+      popupVisible: _,
+      disabled: !i || e,
       triggerProps: {
         mouseEnterDelay: 100
       },
-      onVisibleChange: (i) => {
-        i ? e && !r && b(!0) : b(!1);
+      onVisibleChange: (o) => {
+        o ? i && !e && E(!0) : E(!1);
       },
-      ...d.tooltipProps,
-      children: B()
+      ...h.tooltipProps,
+      children: z()
     }
-  ) : B();
-  return /* @__PURE__ */ C("div", { ref: L, className: p(t, V), style: j, children: [
-    q(),
-    F()
+  ) : z();
+  return /* @__PURE__ */ g("div", { ref: F, className: n(t, A), style: L, children: [
+    I(),
+    J()
   ] });
-}, Ho = G(ot);
+}, $e = Q(at);
 export {
-  Ho as default
+  $e as default
 };

package/typography/Operations.js

@@ -1,76 +1,124 @@
-import { jsx as t, jsxs as v, Fragment as I } from "react/jsx-runtime";
-import S from "@unicom-cloud/icons/IconUiEdit";
-import $ from "lodash/isArray";
-import s from "lodash/isPlainObject";
-import { useEffect as O } from "react";
-import w from "../copy/index.js";
-import A from "../components/common/hooks/useKeyboardEvent.js";
-import F from "../tooltip/index.js";
-import { mergedToString as x } from "../components/common/utils/mergedToString.js";
-function J(g) {
+import { jsx as r, jsxs as I, Fragment as S } from "react/jsx-runtime";
+import $ from "@unicom-cloud/icons/IconUiEdit";
+import v from "lodash/isArray";
+import n from "lodash/isPlainObject";
+import { useEffect as F } from "react";
+import O from "../copy/index.js";
+import w from "../components/common/hooks/useKeyboardEvent.js";
+import A from "../tooltip/index.js";
+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 "lodash/escapeRegExp";
+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 { mergedToString as g } from "../components/common/utils/mergedToString.js";
+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 K } from "@unicom-cloud/utils/is";
+import "uuid";
+import "../dist/validate/src/index.js";
+import "@unicom-cloud/utils/constant/keyboardCode";
+function zo(u) {
   const {
-    children: l,
-    copyable: n,
-    editable: r,
-    ellipsis: a,
+    children: s,
+    copyable: i,
+    editable: p,
+    ellipsis: l,
     expanding: E,
-    setEditing: u,
-    onClickExpand: c,
-    forceShowExpand: b,
-    isEllipsis: h,
-    currentContext: C = {}
-  } = g, d = A(), { getPrefixCls: P, locale: o } = C, i = P?.("typography"), p = s(a) ? a : {}, m = s(r) ? r : {}, f = $(p.expandNodes) ? p.expandNodes : [o?.Typography?.fold, o?.Typography?.unfold], y = (j) => {
-    m.onStart?.(x(l), j), u(!0);
-  }, e = s(n) ? { ...n } : {};
-  e.text === void 0 && (e.text = x(l));
-  const T = !!n && /* @__PURE__ */ t(
-    w,
+    setEditing: b,
+    onClickExpand: a,
+    forceShowExpand: h,
+    isEllipsis: C,
+    currentContext: T = {}
+  } = u, c = w(), { getPrefixCls: N, locale: t } = T, e = N?.("typography"), d = n(i) ? i : {}, m = n(l) ? l : {}, f = n(p) ? p : {}, x = v(m.expandNodes) ? m.expandNodes : [t?.Typography?.fold, t?.Typography?.unfold], y = (o) => {
+    f.onStart?.(g(s), o), b(!0);
+  }, P = !!i && /* @__PURE__ */ r(
+    O,
     {
-      ...e,
-      className: `${i}-operation-copy`,
-      tooltipProps: e.tooltipProps
+      ...d,
+      text: () => {
+        let o = d.text;
+        return K(o) && (o = o()), o || (o = g(s)), o;
+      },
+      className: `${e}-operation-copy`
     }
-  ), N = r && /* @__PURE__ */ t(
-    F,
+  ), k = p && /* @__PURE__ */ r(
+    A,
     {
-      content: o?.Typography?.edit,
-      ...m.tooltipProps,
-      children: /* @__PURE__ */ t(
+      content: t?.Typography?.edit,
+      ...f.tooltipProps,
+      children: /* @__PURE__ */ r(
         "span",
         {
           tabIndex: 0,
-          "aria-label": o?.Typography?.edit,
+          "aria-label": t?.Typography?.edit,
           role: "button",
-          className: `${i}-operation-edit`,
+          className: `${e}-operation-edit`,
           onClick: y,
-          ...d({
+          ...c({
             onPressEnter: y
           }),
-          children: /* @__PURE__ */ t(S, {})
+          children: /* @__PURE__ */ r($, {})
         }
       )
     }
-  ), k = b || p.expandable && h ? /* @__PURE__ */ t(
+  ), j = h || m.expandable && C ? /* @__PURE__ */ r(
     "a",
     {
-      className: `${i}-operation-expand`,
-      onClick: c,
+      className: `${e}-operation-expand`,
+      onClick: a,
       role: "button",
       tabIndex: 0,
-      "aria-label": o?.Typography?.unfold,
-      ...d({
-        onPressEnter: c
+      "aria-label": t?.Typography?.unfold,
+      ...c({
+        onPressEnter: a
       }),
-      children: E ? f[0] : f[1]
+      children: E ? x[0] : x[1]
     }
   ) : null;
-  return O(() => () => {
-  }, []), /* @__PURE__ */ v(I, { children: [
+  return F(() => () => {
+  }, []), /* @__PURE__ */ I(S, { children: [
+    j,
     k,
-    N,
-    T
+    P
   ] });
 }
 export {
-  J as default
+  zo as default
 };

package/typography/useCssEllipsis.js

@@ -1,8 +1,9 @@
-import p from "lodash/isUndefined";
-import { useMemo as u } from "react";
+import { useMemo as p } from "react";
+import "../components/common/utils/is.js";
+import { isUndefined as u } from "@unicom-cloud/utils/is";
 const w = (e, t) => {
   if (typeof window < "u" && window.CSS && window.CSS.supports)
-    return p(t) ? window.CSS.supports(e) : window.CSS.supports(e, t);
+    return u(t) ? window.CSS.supports(e) : window.CSS.supports(e, t);
   if (typeof document < "u" && document.createElement) {
     const i = document.createElement("div");
     return i.setAttribute("style", `${e}:${t};`), typeof i.style[e] < "u";
@@ -14,8 +15,8 @@ const w = (e, t) => {
 }, f = () => Object.entries(d).every(
   ([e, t]) => w(e, t)
 );
-function S(e) {
-  const { cssEllipsis: t, ellipsisStr: i = "...", suffix: s, rows: o } = e, n = u(() => !t || o > 1 && !f() ? !1 : i === "..." && !s, [i, t, o, s]), r = {
+function a(e) {
+  const { cssEllipsis: t, ellipsisStr: i = "...", suffix: s, rows: o } = e, n = p(() => !t || o > 1 && !f() ? !1 : i === "..." && !s, [i, t, o, s]), r = {
     textOverflow: "ellipsis",
     whiteSpace: "nowrap",
     overflow: "hidden"
@@ -33,5 +34,5 @@ function S(e) {
   };
 }
 export {
-  S as default
+  a as default
 };