@unicom-cloud/ui 0.8.46 → 0.8.48

package/Typography.js

@@ -1,13 +1,740 @@
-import o from "./typography/Ellipsis.js";
-import p from "./typography/Paragraph.js";
-import t from "./typography/Text.js";
-import i from "./typography/Title.js";
-import m from "./typography/Typography.js";
-const r = m;
-r.Title = i;
-r.Text = t;
-r.Paragraph = p;
-r.Ellipsis = o;
+import { jsxs as Y, jsx as l, Fragment as xt } from "react/jsx-runtime";
+import it, { forwardRef as Z, useContext as lt, useRef as q, useState as X, useMemo as tt, useEffect as U, useCallback as vt, useImperativeHandle as St } from "react";
+import { a as ct } from "./chunk/z7sBNzI4.js";
+import bt from "./hooks/useMergeProps.js";
+import gt from "./hooks/useMergeValue.js";
+/* empty css      */
+import "./chunk/uUGMUxt_.js";
+import "lodash/isEqualWith";
+import { isObject as Q, isUndefined as ht } from "./utils/is.js";
+import Tt from "lodash/isNumber";
+import "lodash/merge";
+import { isServerRendering as Pt } from "./utils/dom.js";
+import "@unicom-cloud/utils/clipboard-copy";
+import "@unicom-cloud/utils/screenfull";
+import "lodash/throttle";
+import "./hooks/useIntersectionObserver.js";
+import "./hooks/useLocation.js";
+import "./hooks/useNetworkState.js";
+import "./utils/reactDOM.js";
+import "@unicom-cloud/utils/tween/easing";
+import D from "@unicom-cloud/utils/class-name";
+import "./Affix.js";
+import "./Alert.js";
+import "./chunk/tkU8zIK4.js";
+import "./AutoComplete.js";
+import "./Avatar.js";
+import "./BackTop.js";
+import "./Badge.js";
+import "./Breadcrumb.js";
+import "./Button.js";
+import "./Calendar.js";
+import "./Card.js";
+import "./Carousel.js";
+import "./chunk/Cw63stMm.js";
+import "./chunk/Ct7mcZuW.js";
+import "./chunk/5PpvDpEt.js";
+import "./Comment.js";
+import It from "./Copy.js";
+import "./DatePicker.js";
+import "./Descriptions.js";
+import "./Divider.js";
+import "./chunk/DWGwYNvC.js";
+import "./Dropdown.js";
+import "./Form.js";
+import "./Grid.js";
+import "./chunk/9AJ-uN8F.js";
+import "./Icon.js";
+import "./chunk/DG5zSZDd.js";
+import { I as kt } from "./chunk/I0bfWb5y.js";
+import "./chunk/dhljdm11.js";
+import "./Layout.js";
+import "./Link.js";
+import "./List.js";
+import "./Mentions.js";
+import "./chunk/DUX5Hw8l.js";
+import "./chunk/DMeJAY1S.js";
+import "./PageHeader.js";
+import "./chunk/DXMtLuTP.js";
+import "./Popconfirm.js";
+import Lt from "./Popover.js";
+import "./Portal.js";
+import "./Progress.js";
+import "./ColorPicker.js";
+import "./Loading.js";
+import "./chunk/CkIWpIl6.js";
+import "./Rate.js";
+import "./ResizeBox.js";
+import "./Result.js";
+import "./chunk/DCe3olyi.js";
+import "./Skeleton.js";
+import "./Slider.js";
+import "./Space.js";
+import "./chunk/l0sNRNKZ.js";
+import "@unicom-cloud/icons/IconUiMute";
+import "@unicom-cloud/icons/IconUiPauseCircleFill";
+import "@unicom-cloud/icons/IconUiPlayCircleFill";
+import "@unicom-cloud/icons/IconUiSound";
+import "./Spin.js";
+import "./Statistic.js";
+import "./Steps.js";
+/* empty css               */
+import "./chunk/BA79xaFV.js";
+import "./Switch.js";
+import "./Table.js";
+import "./chunk/CfqAfcA3.js";
+import "./Tag.js";
+import "./TimePicker.js";
+import "./chunk/DfvdYCUz.js";
+import ft from "./Tooltip.js";
+import "./Transfer.js";
+import "@unicom-cloud/utils/is";
+import "lodash/get";
+import "lodash/has";
+import Rt from "lodash/isArray";
+import "lodash/isFunction";
+import Mt from "lodash/isUndefined";
+import "./chunk/n58kSv9T.js";
+import "./chunk/CQvJK4kb.js";
+import "lodash/isEqual";
+import "./utils/raf.js";
+import yt from "./utils/throttleByRaf.js";
+import "react-dom";
+import Nt from "./hooks/useUpdateEffect.js";
+import st from "./utils/mergedToString.js";
+import Wt from "./utils/omit.js";
+import Bt from "./utils/throttleByRafV2.js";
+import Ht from "@unicom-cloud/icons/IconUiEdit";
+import mt from "lodash/isPlainObject";
+import Dt from "./hooks/useKeyboardEvent.js";
+import _t from "lodash/isString";
+import dt from "./hooks/useIsomorphicLayoutEffect.js";
+import "./chunk/m3_n9fBe.js";
+import "./chunk/B9nYZhXo.js";
+import "./chunk/BHWpeAbb.js";
+const jt = {
+  rows: 1,
+  expandable: !0,
+  defaultExpanded: !1
+}, Ot = (t, s) => {
+  var h;
+  const r = lt(ct), c = bt(
+    t,
+    jt,
+    (h = r.componentConfig) == null ? void 0 : h["Typography.Ellipsis"]
+  ), {
+    className: E,
+    style: p,
+    rows: f,
+    disabled: y,
+    showTooltip: I,
+    children: d,
+    expandable: b,
+    expandRender: _,
+    onExpand: $,
+    onEllipsis: i
+  } = c, { locale: x } = r, L = Pt ? !1 : /^((?!chrome|android).)*safari/i.test((navigator == null ? void 0 : navigator.userAgent) ?? ""), T = q(null), R = q(null), [N, k] = X(""), [j, M] = X(!1), v = q(null), C = q(null), [n, W] = gt(!1, {
+    defaultValue: c.defaultExpanded,
+    value: c.expanded
+  }), [u, F] = X(!1), O = tt(() => Q(b) ? !b.single && f === 1 : f === 1, [f, b]), S = tt(() => Q(I) ? {
+    tooltip: !0,
+    tooltipProps: I
+  } : {
+    tooltip: !!I,
+    tooltipProps: I
+  }, [I]);
+  U(() => {
+    if (R.current) {
+      const e = R.current.textContent;
+      e && k(e);
+    }
+  }, [d, R]);
+  const a = r.getPrefixCls("ellipsis"), A = () => _ ? _(n) : /* @__PURE__ */ l("span", { className: `${a}-action-text`, children: n ? x.Typography.fold : x.Typography.unfold }), B = () => b && u ? /* @__PURE__ */ l(
+    "div",
+    {
+      className: D(`${a}-action`, {
+        [`${a}-action-collapsed`]: !n
+      }),
+      onClick: (e) => {
+        n ? (W(!1), $ == null || $(!1, e)) : (W(!0), M(!1), $ == null || $(!0, e));
+      },
+      children: A()
+    }
+  ) : null, K = vt(
+    yt(() => {
+      C.current && v.current && ((O ? C.current.offsetWidth > v.current.offsetWidth : C.current.offsetHeight > v.current.offsetHeight) ? u === !1 && (F(!0), i == null || i(!0)) : u === !0 && (F(!1), i == null || i(!1)));
+    }),
+    [u, O]
+  );
+  U(() => {
+    let e;
+    return v.current && (e = new ResizeObserver(K), e.observe(v.current)), () => {
+      var g, P;
+      v.current && ((g = e == null ? void 0 : e.unobserve) == null || g.call(e, v.current)), (P = e == null ? void 0 : e.disconnect) == null || P.call(e), e = null;
+    };
+  }, [v.current]), U(() => {
+    let e;
+    return C.current && (e = new ResizeObserver(K), e.observe(C.current)), () => {
+      var g, P;
+      C.current && ((g = e == null ? void 0 : e.unobserve) == null || g.call(e, C.current)), (P = e == null ? void 0 : e.disconnect) == null || P.call(e), e = null;
+    };
+  }, [C.current]);
+  const z = () => y ? null : /* @__PURE__ */ l(
+    "div",
+    {
+      className: O ? D(`${a}-content-mirror`, `${a}-single`) : D(
+        `${a}-content-mirror`,
+        `${a}-multiple`,
+        `${a}-collapsed`
+      ),
+      style: {
+        WebkitBoxOrient: "vertical",
+        MozBoxOrient: "vertical",
+        WebkitLineClamp: f
+      },
+      ref: v,
+      children: /* @__PURE__ */ l("span", { ref: C, className: `${a}-text`, children: d })
+    }
+  ), V = () => O ? /* @__PURE__ */ l("div", { className: D(`${a}-content`, `${a}-single`), children: /* @__PURE__ */ l("span", { ref: R, className: `${a}-text`, children: d }) }) : L ? /* @__PURE__ */ Y(
+    "div",
+    {
+      className: D(`${a}-content`, `${a}-multiple`),
+      title: !S.tooltip && u && !n ? N : void 0,
+      children: [
+        !n && B(),
+        /* @__PURE__ */ l(
+          "span",
+          {
+            ref: R,
+            className: D(`${a}-text`, {
+              [`${a}-collapsed`]: !n
+            }),
+            style: {
+              WebkitBoxOrient: "vertical",
+              MozBoxOrient: "vertical",
+              WebkitLineClamp: f
+            },
+            children: d
+          }
+        ),
+        n && B()
+      ]
+    }
+  ) : /* @__PURE__ */ Y(
+    "div",
+    {
+      className: D(`${a}-content`, `${a}-multiple`, {
+        [`${a}-collapsed`]: !n
+      }),
+      style: {
+        WebkitBoxOrient: "vertical",
+        MozBoxOrient: "vertical",
+        WebkitLineClamp: f
+      },
+      title: !S.tooltip && u && !n ? N : void 0,
+      children: [
+        !n && B(),
+        /* @__PURE__ */ l("span", { ref: R, className: `${a}-text`, children: d }),
+        n && B()
+      ]
+    }
+  ), H = () => y ? /* @__PURE__ */ l("div", { className: `${a}-content`, children: /* @__PURE__ */ l("span", { ref: R, className: `${a}-text`, children: d }) }) : S.tooltip ? /* @__PURE__ */ l(
+    ft,
+    {
+      content: N,
+      popupVisible: j,
+      disabled: !u || n,
+      triggerProps: {
+        mouseEnterDelay: 100
+      },
+      onVisibleChange: (e) => {
+        e ? u && !n && M(!0) : M(!1);
+      },
+      ...S.tooltipProps,
+      children: V()
+    }
+  ) : V();
+  return /* @__PURE__ */ Y("div", { ref: T, className: D(a, E), style: p, children: [
+    z(),
+    H()
+  ] });
+}, Vt = Z(Ot);
+function Ft(t, s) {
+  const { prefixCls: r, children: c, setEditing: E, editableConfig: p, style: f } = t, y = D(
+    `${r}-typography`,
+    `${r}-edit-content`,
+    t.className
+  ), I = st(c), d = q(null);
+  U(() => {
+    var i, x;
+    if (d.current && ((x = (i = d.current).focus) == null || x.call(i)), d.current && d.current.dom) {
+      const { length: L } = d.current.dom.value;
+      d.current.dom.setSelectionRange(L, L);
+    }
+  }, []);
+  function b() {
+    var i;
+    E(!1), (i = p.onEnd) == null || i.call(p, I);
+  }
+  function _(i) {
+    var x;
+    (x = p.onChange) == null || x.call(p, i);
+  }
+  function $() {
+    b();
+  }
+  return /* @__PURE__ */ l("div", { className: y, style: f, ref: s, children: /* @__PURE__ */ l(
+    kt.TextArea,
+    {
+      className: `${r}-edit-content-textarea`,
+      onBlur: $,
+      ref: d,
+      value: I,
+      autoSize: !0,
+      onChange: _,
+      onPressEnter: b
+    }
+  ) });
+}
+const Gt = Z(Ft);
+function qt(t) {
+  var C, n, W, u, F;
+  const {
+    children: s,
+    copyable: r,
+    editable: c,
+    ellipsis: E,
+    expanding: p,
+    setEditing: f,
+    onClickExpand: y,
+    forceShowExpand: I,
+    isEllipsis: d,
+    currentContext: b = {}
+  } = t, _ = Dt(), { getPrefixCls: $, locale: i } = b, x = $("typography"), L = mt(E) ? E : {}, T = mt(c) ? c : {}, R = Rt(L.expandNodes) ? L.expandNodes : [(C = i == null ? void 0 : i.Typography) == null ? void 0 : C.fold, (n = i == null ? void 0 : i.Typography) == null ? void 0 : n.unfold], N = (O) => {
+    var S;
+    (S = T.onStart) == null || S.call(T, st(s), O), f(!0);
+  }, k = mt(r) ? { ...r } : {};
+  k.text === void 0 && (k.text = st(s));
+  const j = !!r && /* @__PURE__ */ l(
+    It,
+    {
+      ...k,
+      className: `${x}-operation-copy`,
+      tooltipProps: k.tooltipProps
+    }
+  ), M = c && /* @__PURE__ */ l(
+    ft,
+    {
+      content: (W = i == null ? void 0 : i.Typography) == null ? void 0 : W.edit,
+      ...T.tooltipProps,
+      children: /* @__PURE__ */ l(
+        "span",
+        {
+          tabIndex: 0,
+          "aria-label": (u = i == null ? void 0 : i.Typography) == null ? void 0 : u.edit,
+          role: "button",
+          className: `${x}-operation-edit`,
+          onClick: N,
+          ..._({
+            onPressEnter: N
+          }),
+          children: /* @__PURE__ */ l(Ht, {})
+        }
+      )
+    }
+  ), v = I || L.expandable && d ? /* @__PURE__ */ l(
+    "a",
+    {
+      className: `${x}-operation-expand`,
+      onClick: y,
+      role: "button",
+      tabIndex: 0,
+      "aria-label": (F = i == null ? void 0 : i.Typography) == null ? void 0 : F.unfold,
+      ..._({
+        onPressEnter: y
+      }),
+      children: p ? R[0] : R[1]
+    }
+  ) : null;
+  return U(() => () => {
+  }, []), /* @__PURE__ */ Y(xt, { children: [
+    v,
+    M,
+    j
+  ] });
+}
+const Kt = (t, s) => {
+  if (typeof window < "u" && window.CSS && window.CSS.supports)
+    return Mt(s) ? window.CSS.supports(t) : window.CSS.supports(t, s);
+  if (typeof document < "u" && document.createElement) {
+    const r = document.createElement("div");
+    return r.setAttribute("style", `${t}:${s};`), typeof r.style[t] < "u";
+  }
+  return !1;
+}, Xt = {
+  display: " -webkit-box",
+  "-webkit-line-clamp": 2
+}, At = () => Object.entries(Xt).every(
+  ([t, s]) => Kt(t, s)
+);
+function Jt(t) {
+  const { cssEllipsis: s, ellipsisStr: r = "...", suffix: c, rows: E } = t, p = tt(() => !s || E > 1 && !At() ? !1 : r === "..." && !c, [r, s, E, c]), f = {
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    overflow: "hidden"
+  }, y = {
+    textOverflow: "ellipsis",
+    whiteSpace: "normal",
+    overflow: "hidden",
+    WebkitLineClamp: `${t.rows}`,
+    WebkitBoxOrient: "vertical",
+    display: "-webkit-box"
+  };
+  return {
+    simpleEllipsis: p,
+    ellipsisStyle: p ? t.rows > 1 ? y : f : {}
+  };
+}
+const Qt = "hxj";
+var rt = /* @__PURE__ */ ((t) => (t[t.INIT = 0] = "INIT", t[t.BEFORE_MEASURE = 1] = "BEFORE_MEASURE", t[t.MEASURING = 2] = "MEASURING", t[t.MEASURE_END = 3] = "MEASURE_END", t[t.NO_NEED_ELLIPSIS = 4] = "NO_NEED_ELLIPSIS", t))(rt || {});
+function Yt(t) {
+  const {
+    children: s,
+    rows: r = 1,
+    width: c,
+    expanding: E,
+    renderMeasureContent: p,
+    simpleEllipsis: f,
+    onEllipsis: y,
+    suffix: I,
+    expandNodes: d,
+    expandable: b,
+    ellipsisStr: _
+  } = t, $ = q(), i = q(), [x, L] = X([0, 0, 0]), [T, R] = X(0), [N, k] = X(
+    4
+    /* NO_NEED_ELLIPSIS */
+  ), [j, M, v] = x, [C, n] = X(!1), W = tt(() => it.Children.toArray(s), [s]), u = q(0);
+  Nt(() => {
+    y == null || y(C);
+  }, [C]);
+  const F = (h) => _t(h) || Tt(h), O = (h) => {
+    let e = 0;
+    return h.forEach((g) => {
+      F(g) ? e += String(g).length : e += 1;
+    }), e;
+  }, S = tt(() => O(W), [W]), a = yt(
+    (h) => L(h)
+  ), A = (h) => {
+    const e = [];
+    let g = 0;
+    if (h >= S)
+      return W;
+    for (const P in W) {
+      const o = W[P];
+      if (g >= h)
+        return e;
+      const m = F(o) ? String(o).length : 1;
+      if (m > h - g)
+        return e.push(String(o).slice(0, h - g)), g = h, e;
+      g += m, e.push(o);
+    }
+    return e;
+  }, B = () => {
+    var h, e, g;
+    if (T) {
+      if (N === 0) {
+        const P = r * T, m = ((h = i.current) == null ? void 0 : h.offsetHeight) > P;
+        !m || f || E ? (k(
+          3
+          /* MEASURE_END */
+        ), n(m), L([0, S, S])) : (n(!0), k(
+          1
+          /* BEFORE_MEASURE */
+        ));
+      } else if (N === 1) {
+        const P = (e = $ == null ? void 0 : $.current) == null ? void 0 : e.offsetWidth, o = r * c;
+        if (P > r * c) {
+          const m = Math.max(o / P - 0.1, 0), w = Math.min(o / P + 0.1, 1), G = Math.floor(m * S), J = Math.ceil(w * S), et = Math.floor(
+            (G + J) / 2
+          );
+          u.current = et;
+        }
+        k(
+          2
+          /* MEASURING */
+        );
+      } else if (N === 2)
+        if (j !== v - 1) {
+          const P = (g = i.current) == null ? void 0 : g.offsetHeight, o = r * T;
+          let m = j, w = v;
+          P <= o ? m = M : w = M;
+          const G = Math.floor((w + m) / 2);
+          a([m, G, w]);
+        } else
+          a([j, j, j]), k(
+            3
+            /* MEASURE_END */
+          );
+    }
+  };
+  dt(() => {
+    t.rows && c ? (L([0, Math.floor(S / 2), S]), k(
+      0
+      /* INIT */
+    )) : k(
+      4
+      /* NO_NEED_ELLIPSIS */
+    );
+  }, [
+    S,
+    f,
+    E,
+    c,
+    I,
+    d,
+    b,
+    _,
+    t.rows
+  ]), dt(() => {
+    if ($.current && N === 0) {
+      const h = $.current.offsetHeight;
+      R(h);
+    }
+  }, [N]), dt(() => {
+    B();
+  }, [N, M, j, v, T]);
+  const K = {
+    zIndex: -999,
+    position: "fixed",
+    opacity: 0,
+    padding: 0,
+    margin: 0
+  }, z = {
+    whiteSpace: "nowrap",
+    ...K
+  }, V = f ? {
+    textOverflow: "clip",
+    ...K
+  } : K;
+  let H;
+  if (N === 0 || N === 1)
+    H = /* @__PURE__ */ Y("div", { children: [
+      /* @__PURE__ */ l("div", { ref: $, style: z, children: N === 0 ? Qt : p(s, !1) }),
+      /* @__PURE__ */ l("div", { ref: i, style: { width: c, ...V }, children: p(s, C) })
+    ] }), H = H.props.children;
+  else if (N === 2) {
+    const h = {
+      height: T * r,
+      overflow: "hidden"
+    };
+    H = /* @__PURE__ */ Y("div", { children: [
+      /* @__PURE__ */ l("div", { ref: i, style: { width: c, ...V }, children: p(A(M), C) }),
+      /* @__PURE__ */ l("div", { style: h, children: A(u.current) })
+    ] }), H = H.props.children;
+  } else N === 3 ? H = p(A(M), C) : N === 4 && (H = p(s, !1));
+  return { ellipsisNode: H, isEllipsis: C, measureStatus: N };
+}
+function Zt(t, s) {
+  const {
+    type: r,
+    bold: c,
+    disabled: E,
+    mark: p,
+    underline: f,
+    delete: y,
+    code: I
+  } = t, d = [], b = [];
+  return r && b.push(`${s}-${r}`), E && b.push(`${s}-disabled`), c && d.push("b"), f && d.push("u"), y && d.push("del"), I && d.push("code"), p && d.push("mark"), {
+    component: d,
+    className: b
+  };
+}
+function Ut(t, s) {
+  const {
+    componentType: r,
+    style: c,
+    className: E,
+    children: p,
+    editable: f,
+    ellipsis: y,
+    heading: I,
+    blockquote: d,
+    ...b
+  } = t, _ = lt(ct), { getPrefixCls: $, rtl: i } = _, x = $("typography"), L = q(), { component: T, className: R } = Zt(t, x), [N, k] = X(!1), [j, M] = X(0), v = Q(f) ? f : {}, C = "editing" in v ? v.editing : N, n = y ? {
+    rows: 1,
+    ellipsisStr: "...",
+    cssEllipsis: !1,
+    ...Q(y) ? y : {}
+  } : {}, W = n.wrapper || it.Fragment, [u, F] = gt(!1, {
+    defaultValue: n.defaultExpanded,
+    value: n.expanded
+  }), { simpleEllipsis: O, ellipsisStyle: S } = Jt(n), a = (o, m) => {
+    const w = ht(n.ellipsisStr) ? "..." : n.ellipsisStr, G = !ht(n.suffix) && n.suffix;
+    return /* @__PURE__ */ Y(W, { children: [
+      o,
+      m && !u && !O ? w : "",
+      G,
+      H(m)
+    ] });
+  }, { ellipsisNode: A, isEllipsis: B, measureStatus: K } = Yt({
+    ...n,
+    children: p,
+    expanding: u,
+    width: j,
+    renderMeasureContent: a,
+    simpleEllipsis: O || u
+  }), z = Bt((o) => {
+    const { contentRect: m } = o == null ? void 0 : o[0];
+    if (m) {
+      const w = T.includes("code") ? m.width - 18 : m.width;
+      [
+        rt.NO_NEED_ELLIPSIS,
+        rt.MEASURE_END
+      ].includes(K) && M(w);
+    }
+  }), V = q(null);
+  U(() => {
+    let o;
+    return V.current && (o = new ResizeObserver(z), o.observe(V.current)), () => {
+      var m, w;
+      V.current && ((m = o == null ? void 0 : o.unobserve) == null || m.call(o, V.current)), (w = o == null ? void 0 : o.disconnect) == null || w.call(o), o = null;
+    };
+  }, [V.current]);
+  function H(o) {
+    return /* @__PURE__ */ l(xt, { children: /* @__PURE__ */ l(
+      qt,
+      {
+        ...t,
+        setEditing: k,
+        onClickExpand: h,
+        expanding: u,
+        isEllipsis: o,
+        currentContext: _
+      }
+    ) });
+  }
+  function h(o) {
+    var m, w;
+    F(!u), (m = t.onClickExpand) == null || m.call(t, o), (w = n.onExpand) == null || w.call(n, !u, o);
+  }
+  Nt(() => {
+    var o;
+    (o = n.onEllipsis) == null || o.call(n, B);
+  }, [B]), St(s, () => L.current);
+  function e(o, m, w, G = {}) {
+    let J = o;
+    return m.forEach((et, at) => {
+      const ot = at === 0 ? G : {}, nt = Q(w.mark) && w.mark.color ? { style: { backgroundColor: w.mark.color }, ...ot } : { ...ot };
+      J = it.createElement(et, { ...nt }, J);
+    }), J;
+  }
+  let g;
+  r === "Paragraph" ? g = d ? "blockquote" : "div" : r === "Title" ? g = `h${I}` : r === "Text" && (g = y ? "div" : "span");
+  function P() {
+    const o = st(it.Children.toArray(p)), m = n.showTooltip, w = Q(n.showTooltip) && n.showTooltip.type === "popover" ? "popover" : "tooltip", G = Q(n.showTooltip) ? n.showTooltip.props || {} : {}, J = w === "popover" ? Lt : ft, at = {
+      style: c,
+      ...B && !m && !u ? { title: o } : {}
+    }, ot = B && m && !u, nt = /* @__PURE__ */ l(
+      g,
+      {
+        ref: L,
+        className: D(
+          x,
+          R,
+          { [`${x}-rtl`]: i },
+          E
+        ),
+        ...at,
+        ...Wt(b, [
+          "spacing",
+          "type",
+          "close",
+          "bold",
+          "disabled",
+          "mark",
+          "underline",
+          "delete",
+          "code",
+          "copyable",
+          "isEllipsis",
+          "expanding",
+          "onClickExpand",
+          "setEditing",
+          "forceShowExpand"
+        ]),
+        children: O && K !== rt.INIT && !u && B ? e(
+          // CSS folding style, need to wrap the text separately.
+          a(
+            /* @__PURE__ */ l("span", { style: S, children: p }),
+            B
+          ),
+          T.length ? T : ["span"],
+          t,
+          // The simple-ellipsis class ensures that the ReactNode after the text is displayed correctly (no line breaks)
+          // Need to act on the immediate parent node of the text
+          { className: `${x}-simple-ellipsis` }
+        ) : e(A, T, t)
+      }
+    );
+    return ot ? /* @__PURE__ */ l(J, { content: o, ...G, children: /* @__PURE__ */ l("span", { children: nt }) }) : nt;
+  }
+  return C ? /* @__PURE__ */ l(
+    Gt,
+    {
+      ref: s,
+      ...t,
+      className: D(
+        x,
+        R,
+        { [`${x}-rtl`]: i },
+        `${x}-${g}`,
+        E
+      ),
+      prefixCls: x,
+      setEditing: k,
+      editableConfig: v
+    }
+  ) : P();
+}
+const ut = Z(Ut);
+function zt(t, s) {
+  const { spacing: r = "default", className: c } = t, { getPrefixCls: E } = lt(ct), p = E("typography"), f = r === "close" ? D(`${p}-spacing-close`, c) : c;
+  return /* @__PURE__ */ l(
+    ut,
+    {
+      ...t,
+      ref: s,
+      componentType: "Paragraph",
+      className: f
+    }
+  );
+}
+const Et = Z(
+  zt
+);
+Et.displayName = "Paragraph";
+function te(t, s) {
+  return /* @__PURE__ */ l(ut, { ...t, componentType: "Text", ref: s });
+}
+const Ct = Z(te);
+Ct.displayName = "Text";
+function ee(t, s) {
+  const { heading: r = 1, ...c } = t;
+  return /* @__PURE__ */ l(ut, { heading: r, ...c, componentType: "Title", ref: s });
+}
+const wt = Z(ee);
+wt.displayName = "Title";
+function oe(t, s) {
+  const { getPrefixCls: r } = lt(ct), c = r("typography"), { className: E, style: p, children: f } = t, y = D(c, E);
+  return /* @__PURE__ */ l("article", { ref: s, style: p, className: y, children: f });
+}
+const $t = Z(oe);
+$t.displayName = "Typography";
+const pt = $t;
+pt.Title = wt;
+pt.Text = Ct;
+pt.Paragraph = Et;
+pt.Ellipsis = Vt;
 export {
-  r as default
+  pt as default
 };