@unicom-cloud/ui 0.8.95 → 0.8.97

package/typography/EditContent.js

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

package/typography/Ellipsis.js

@@ -1,14 +1,14 @@
-import { jsxs as O, jsx as o } from "react/jsx-runtime";
-import { forwardRef as J, useContext as K, useRef as b, useState as R, useMemo as z, useEffect as V, useCallback as Q } from "react";
+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 "../config-provider/ConfigProvider.js";
-import U from "../components/common/hooks/useMergeProps.js";
-import X from "../components/common/hooks/useMergeValue.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 Y } from "../components/common/utils/dom.js";
+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";
@@ -18,12 +18,15 @@ import p 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 "@unicom-cloud/utils/file/fileToURL";
 import "lodash/escapeRegExp";
 import "lodash/isArray";
 import "lodash/isString";
+import "lodash/isFunction";
+import "lodash/throttle";
 import "lodash/camelCase";
 import "lodash/capitalize";
 import "lodash/cloneDeep";
@@ -35,7 +38,6 @@ import "lodash/set";
 import "lodash/setWith";
 import "lodash/snakeCase";
 import "lodash/startCase";
-import "lodash/throttle";
 import "lodash/uniq";
 import "lodash/upperFirst";
 import "@unicom-cloud/utils/math";
@@ -43,14 +45,15 @@ 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/C6QwjD4L.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 "@unicom-cloud/utils/file/saveAs";
 import "@unicom-cloud/utils/screenfull";
 import "@unicom-cloud/utils/constant/ui.js";
-import { throttleByRaf as Z } from "../components/common/utils/throttleByRaf.js";
+import { throttleByRaf as Y } from "../components/common/utils/throttleByRaf.js";
 import "@unicom-cloud/utils/tree";
-import "lodash/isFunction";
+import { isPlainObject as T } from "@unicom-cloud/utils/is";
 import "uuid";
 import "../dist/validate/src/index.js";
 import "../affix/index.js";
@@ -104,6 +107,7 @@ 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";
@@ -125,7 +129,9 @@ import "../tabs/Tab.js";
 import "../tag/index.js";
 import "../time-picker/index.js";
 import "../timeline/Timeline.js";
-import tt from "../tooltip/index.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";
@@ -135,76 +141,73 @@ import "../upload/Upload.js";
 import "../verification-code/VerificationCode.js";
 import "../virtual-list/VirtualList.js";
 import "../watermark/Watermark.js";
-import { resizeObserverEffect as rt } from "../components/common/utils/resizeObserverEffect.js";
-import ot from "../config-provider/context.js";
-import { isPlainObject as j } from "@unicom-cloud/utils/is";
-const it = {
+import tt from "../config-provider/context.js";
+const rt = {
   rows: 1,
   expandable: !0,
   defaultExpanded: !1
-}, et = (A, pt) => {
-  var M, T;
-  const d = K(ot), C = U(
-    A,
-    it,
-    (M = d.componentConfig) == null ? void 0 : M["Typography.Ellipsis"]
+}, ot = (z, it) => {
+  const $ = I(tt), h = K(
+    z,
+    rt,
+    $.componentConfig?.["Typography.Ellipsis"]
   ), {
-    className: E,
-    style: L,
+    className: V,
+    style: j,
     rows: n,
-    disabled: w,
-    showTooltip: x,
+    disabled: y,
+    showTooltip: c,
     children: s,
-    expandable: v,
-    expandRender: W,
-    onExpand: l,
-    onEllipsis: a
-  } = C, { locale: c } = d, S = Y ? !1 : /^((?!chrome|android).)*safari/i.test((navigator == null ? void 0 : navigator.userAgent) ?? ""), D = b(null), m = b(null), [N, H] = R(""), [_, y] = R(!1), f = b(null), u = b(null), [r, k] = X(!1, {
-    defaultValue: C.defaultExpanded,
-    value: C.expanded
-  }), [e, B] = R(!1), $ = z(() => j(v) ? !v.single && n === 1 : n === 1, [n, v]), h = z(() => j(x) ? {
+    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) ? {
     tooltip: !0,
-    tooltipProps: x
+    tooltipProps: c
   } : {
-    tooltip: !!x,
-    tooltipProps: x
-  }, [x]);
-  V(() => {
+    tooltip: !!c,
+    tooltipProps: c
+  }, [c]);
+  M(() => {
     if (m.current) {
       const i = m.current.textContent;
-      i && H(i);
+      i && S(i);
     }
   }, [s, m]);
-  const t = (T = d.getPrefixCls) == null ? void 0 : T.call(d, "ellipsis"), q = () => W ? W(r) : /* @__PURE__ */ o("span", { className: `${t}-action-text`, children: r ? c == null ? void 0 : c.Typography.fold : c == null ? void 0 : c.Typography.unfold }), g = () => v && e ? /* @__PURE__ */ o(
+  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(
     "div",
     {
       className: p(`${t}-action`, {
         [`${t}-action-collapsed`]: !r
       }),
       onClick: (i) => {
-        r ? (k(!1), l == null || l(!1, i)) : (k(!0), y(!1), l == null || l(!0, i));
+        r ? (W(!1), E?.(!1, i)) : (W(!0), b(!1), E?.(!0, i));
       },
-      children: q()
+      children: H()
     }
-  ) : null, F = Q(
-    Z(() => {
-      u.current && f.current && (($ ? u.current.offsetWidth > f.current.offsetWidth : u.current.offsetHeight > f.current.offsetHeight) ? e === !1 && (B(!0), a == null || a(!0)) : e === !0 && (B(!1), a == null || a(!1)));
+  ) : 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)));
     }),
-    [e, $]
+    [e, u]
   );
-  V(() => {
-    const i = rt(
-      [f.current, u.current],
-      F
+  M(() => {
+    const i = X(
+      [l.current, a.current],
+      _
     );
     return () => {
       i();
     };
-  }, [f.current, u.current]);
-  const G = () => w ? null : /* @__PURE__ */ o(
+  }, [l.current, a.current]);
+  const q = () => y ? null : /* @__PURE__ */ o(
     "div",
     {
-      className: $ ? p(`${t}-content-mirror`, `${t}-single`) : p(
+      className: u ? p(`${t}-content-mirror`, `${t}-single`) : p(
         `${t}-content-mirror`,
         `${t}-multiple`,
         `${t}-collapsed`
@@ -214,16 +217,16 @@ const it = {
         MozBoxOrient: "vertical",
         WebkitLineClamp: n
       },
-      ref: f,
-      children: /* @__PURE__ */ o("span", { ref: u, className: `${t}-text`, children: s })
+      ref: l,
+      children: /* @__PURE__ */ o("span", { ref: a, className: `${t}-text`, children: s })
     }
-  ), P = () => $ ? /* @__PURE__ */ o("div", { className: p(`${t}-content`, `${t}-single`), children: /* @__PURE__ */ o("span", { ref: m, className: `${t}-text`, children: s }) }) : S ? /* @__PURE__ */ O(
+  ), 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(
     "div",
     {
       className: p(`${t}-content`, `${t}-multiple`),
-      title: !h.tooltip && e && !r ? N : void 0,
+      title: !d.tooltip && e && !r ? g : void 0,
       children: [
-        !r && g(),
+        !r && x(),
         /* @__PURE__ */ o(
           "span",
           {
@@ -239,10 +242,10 @@ const it = {
             children: s
           }
         ),
-        r && g()
+        r && x()
       ]
     }
-  ) : /* @__PURE__ */ O(
+  ) : /* @__PURE__ */ C(
     "div",
     {
       className: p(`${t}-content`, `${t}-multiple`, {
@@ -253,34 +256,34 @@ const it = {
         MozBoxOrient: "vertical",
         WebkitLineClamp: n
       },
-      title: !h.tooltip && e && !r ? N : void 0,
+      title: !d.tooltip && e && !r ? g : void 0,
       children: [
-        !r && g(),
+        !r && x(),
         /* @__PURE__ */ o("span", { ref: m, className: `${t}-text`, children: s }),
-        r && g()
+        r && x()
       ]
     }
-  ), I = () => w ? /* @__PURE__ */ o("div", { className: `${t}-content`, children: /* @__PURE__ */ o("span", { ref: m, className: `${t}-text`, children: s }) }) : h.tooltip ? /* @__PURE__ */ o(
-    tt,
+  ), F = () => y ? /* @__PURE__ */ o("div", { className: `${t}-content`, children: /* @__PURE__ */ o("span", { ref: m, className: `${t}-text`, children: s }) }) : d.tooltip ? /* @__PURE__ */ o(
+    Z,
     {
-      content: N,
-      popupVisible: _,
+      content: g,
+      popupVisible: D,
       disabled: !e || r,
       triggerProps: {
         mouseEnterDelay: 100
       },
       onVisibleChange: (i) => {
-        i ? e && !r && y(!0) : y(!1);
+        i ? e && !r && b(!0) : b(!1);
       },
-      ...h.tooltipProps,
-      children: P()
+      ...d.tooltipProps,
+      children: B()
     }
-  ) : P();
-  return /* @__PURE__ */ O("div", { ref: D, className: p(t, E), style: L, children: [
-    G(),
-    I()
+  ) : B();
+  return /* @__PURE__ */ C("div", { ref: L, className: p(t, V), style: j, children: [
+    q(),
+    F()
   ] });
-}, So = J(et);
+}, Ho = G(ot);
 export {
-  So as default
+  Ho as default
 };

package/typography/Operations.js

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

package/typography/Paragraph.js

@@ -4,22 +4,22 @@ import "../config-provider/ConfigProvider.js";
 import f from "@unicom-cloud/utils/class-name";
 import i from "./Base.js";
 import l from "../config-provider/context.js";
-function g(o, s) {
-  const { spacing: t = "default", className: r } = o, { getPrefixCls: a } = c(l), e = a == null ? void 0 : a("typography"), m = t === "close" ? f(`${e}-spacing-close`, r) : r;
+function g(a, r) {
+  const { spacing: s = "default", className: o } = a, { getPrefixCls: t } = c(l), e = t?.("typography"), m = s === "close" ? f(`${e}-spacing-close`, o) : o;
   return /* @__PURE__ */ p(
     i,
     {
-      ...o,
-      ref: s,
+      ...a,
+      ref: r,
       componentType: "Paragraph",
       className: m
     }
   );
 }
-const N = n(
+const x = n(
   g
 );
-N.displayName = "Paragraph";
+x.displayName = "Paragraph";
 export {
-  N as default
+  x as default
 };

package/typography/Typography.js

@@ -2,13 +2,13 @@ import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as c, useContext as i } from "react";
 import "../config-provider/ConfigProvider.js";
 import l from "@unicom-cloud/utils/class-name";
-import y from "../config-provider/context.js";
-function f(s, t) {
-  const { getPrefixCls: o } = i(y), a = o == null ? void 0 : o("typography"), { className: r, style: p, children: e } = s, m = l(a, r);
-  return /* @__PURE__ */ n("article", { ref: t, style: p, className: m, children: e });
+import f from "../config-provider/context.js";
+function y(o, s) {
+  const { getPrefixCls: t } = i(f), r = t?.("typography"), { className: a, style: e, children: p } = o, m = l(r, a);
+  return /* @__PURE__ */ n("article", { ref: s, style: e, className: m, children: p });
 }
-const N = c(f);
-N.displayName = "Typography";
+const g = c(y);
+g.displayName = "Typography";
 export {
-  N as default
+  g as default
 };