@unicom-cloud/ui 0.8.99 → 0.8.100

package/typography/EditContent.js

@@ -1,43 +1,53 @@
 import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as p, useRef as E, useEffect as h } from "react";
-import C from "../input/Input.js";
-import x from "@unicom-cloud/utils/class-name";
-import { mergedToString as N } from "../components/common/utils/mergedToString.js";
-function $(o, a) {
-  const { prefixCls: n, children: u, setEditing: f, editableConfig: r, style: l } = o, m = x(
-    `${n}-typography`,
-    `${n}-edit-content`,
-    o.className
-  ), c = N(u), t = E(null);
-  h(() => {
-    if (t.current && t.current.focus?.(), t.current && t.current.dom) {
-      const { length: e } = t.current.dom.value;
-      t.current.dom.setSelectionRange(e, e);
+import { forwardRef as C, useRef as P, useEffect as x } from "react";
+import u from "../input/Input.js";
+import N from "@unicom-cloud/utils/class-name";
+import { mergedToString as $ } from "../components/common/utils/mergedToString.js";
+function y(c, l) {
+  const { prefixCls: o, children: m, setEditing: d, editableConfig: n, style: p } = c, g = N(
+    `${o}-typography`,
+    `${o}-edit-content`,
+    c.className
+  ), a = $(m), e = P(null);
+  x(() => {
+    if (e.current?.focus?.(), e.current && "dom" in e.current) {
+      const { length: t } = e.current.dom.value;
+      e.current.dom.setSelectionRange(t, t);
     }
   }, []);
-  function s() {
-    f(!1), r.onEnd?.(c);
-  }
-  function d(e) {
-    r.onChange?.(e);
-  }
-  function g() {
-    s();
-  }
-  return /* @__PURE__ */ i("div", { className: m, style: l, ref: a, children: /* @__PURE__ */ i(
-    C.TextArea,
+  const r = () => {
+    d?.(!1), n?.onEnd?.(a);
+  }, E = (t) => {
+    n?.onChange?.(t);
+  }, h = () => r(), f = {
+    className: `${o}-edit-content-input`,
+    value: a,
+    onBlur: h,
+    onChange: E
+  };
+  let s;
+  return n?.inputProps ? s = /* @__PURE__ */ i(
+    u,
     {
-      className: `${n}-edit-content-textarea`,
-      onBlur: g,
-      ref: t,
-      value: c,
+      ...f,
+      ref: e,
+      onPressEnter: r,
+      ...n.inputProps
+    }
+  ) : s = /* @__PURE__ */ i(
+    u.TextArea,
+    {
+      ...f,
+      ref: e,
       autoSize: !0,
-      onChange: d,
-      onPressEnter: s
+      onPressEnter: (t) => {
+        t.shiftKey || r();
+      },
+      ...n?.textAreaProps
     }
-  ) });
+  ), /* @__PURE__ */ i("div", { className: g, style: p, ref: l, children: s });
 }
-const b = p($);
+const b = C(y);
 export {
   b as default
 };

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
 };