@unicom-cloud/ui 0.8.41

package/Typography.js

@@ -0,0 +1,723 @@
+import { jsxs as J, jsx as p, Fragment as ft } from "react/jsx-runtime";
+import ot, { forwardRef as ut, useContext as rt, useRef as F, useState as G, useMemo as tt, useEffect as Z, useCallback as Ct } from "react";
+import "./chunk/DP2rzg_V.js";
+import { a as st } from "./chunk/Dc_89PVN.js";
+import $t from "./hooks/useMergeProps.js";
+import ht from "./hooks/useMergeValue.js";
+import "@unicom-cloud/utils/clipboard-copy";
+import "@unicom-cloud/utils/screenfull";
+import { isServerRendering as St } from "./utils/dom.js";
+import "lodash/throttle";
+import "./hooks/useIntersectionObserver.js";
+import "./hooks/useLocation.js";
+import "./hooks/useNetworkState.js";
+import "@unicom-cloud/utils/tween/easing";
+import H from "@unicom-cloud/utils/class-name";
+import "./Affix.js";
+import "./Alert.js";
+import "./chunk/K6Dvbx-E.js";
+import "./chunk/CuIVS4do.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/BVC51EZ7.js";
+import "./Tag.js";
+import "./chunk/DF-4xm4m.js";
+import "./Trigger.js";
+import "./chunk/B-h-HjBo.js";
+import "./chunk/DdK6eiNS.js";
+import "./Comment.js";
+import bt from "./Copy.js";
+import "./DatePicker.js";
+import "./Descriptions.js";
+import "./Divider.js";
+import "./chunk/C6Kfwj0f.js";
+import "./chunk/Da4Rq2D4.js";
+import "./Dropdown.js";
+import "./Form.js";
+import "./Grid.js";
+import "./Icon.js";
+import "./chunk/CEMQTMlX.js";
+import "./chunk/BTvIp2Ol.js";
+import "./chunk/RnTpOC5-.js";
+import { I as vt } from "./chunk/Bl5t8Z6F.js";
+import "./Layout.js";
+import "./Link.js";
+import "./List.js";
+import "./Mentions.js";
+import at from "./Tooltip.js";
+import "./chunk/CUK6MU72.js";
+import "./chunk/CICfjLap.js";
+import "./PageHeader.js";
+import "./chunk/BdWYJb9B.js";
+import "./chunk/Kt5-772l.js";
+import "./Popconfirm.js";
+import Tt from "./Popover.js";
+import "./Portal.js";
+import "./Progress.js";
+import "./ColorPicker.js";
+import "./Loading.js";
+import "./chunk/DYwvc9zo.js";
+import "./Rate.js";
+import "./ResizeBox.js";
+import "./Result.js";
+import "./Skeleton.js";
+import "./Slider.js";
+import "./Space.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";
+import "./SuspenseFallbackTest.js";
+import "./Switch.js";
+import "./Table.js";
+import "./chunk/DQ_eXwj8.js";
+import "./TimePicker.js";
+import "./chunk/GfGTdWbJ.js";
+import "./Transfer.js";
+import "./chunk/vpaTr5dz.js";
+import "@unicom-cloud/utils/is";
+import Pt from "lodash/isArray";
+import "lodash/isEqualWith";
+import "lodash/isFunction";
+import pt from "lodash/isUndefined";
+import "./chunk/CwewmGEF.js";
+import "@unicom-cloud/react-transition-group";
+import "lodash/isEqual";
+import X from "lodash/isPlainObject";
+import "react-dom";
+import "./utils/raf.js";
+import xt from "./utils/throttleByRaf.js";
+import { isObject as dt } from "./utils/is.js";
+import gt from "./hooks/useUpdateEffect.js";
+import it from "./utils/mergedToString.js";
+import It from "./utils/omit.js";
+import kt from "./utils/throttleByRafV2.js";
+import Lt from "@unicom-cloud/icons/IconUiEdit";
+import Rt from "./hooks/useKeyboardEvent.js";
+import Mt from "lodash/isNumber";
+import Wt from "lodash/isString";
+import ct from "./hooks/useIsomorphicLayoutEffect.js";
+import "./chunk/BGGDhLVD.js";
+import "./chunk/kAbgUN-k.js";
+import "./chunk/CA-kzjHQ.js";
+const Bt = {
+  rows: 1,
+  expandable: !0,
+  defaultExpanded: !1
+}, Ht = (t, r) => {
+  var f;
+  const s = rt(st), m = $t(
+    t,
+    Bt,
+    (f = s.componentConfig) == null ? void 0 : f["Typography.Ellipsis"]
+  ), {
+    className: u,
+    style: g,
+    rows: x,
+    disabled: w,
+    showTooltip: C,
+    children: y,
+    expandable: v,
+    expandRender: _,
+    onExpand: d,
+    onEllipsis: n
+  } = m, { locale: T } = s, D = St ? !1 : /^((?!chrome|android).)*safari/i.test((navigator == null ? void 0 : navigator.userAgent) ?? ""), k = F(null), P = F(null), [N, I] = G(""), [L, M] = G(!1), i = F(null), E = F(null), [a, W] = ht(!1, {
+    defaultValue: m.defaultExpanded,
+    value: m.expanded
+  }), [$, O] = G(!1), j = tt(() => dt(v) ? !v.single && x === 1 : x === 1, [x, v]), S = tt(() => dt(C) ? {
+    tooltip: !0,
+    tooltipProps: C
+  } : {
+    tooltip: !!C,
+    tooltipProps: C
+  }, [C]);
+  Z(() => {
+    if (P.current) {
+      const e = P.current.textContent;
+      e && I(e);
+    }
+  }, [y, P]);
+  const l = s.getPrefixCls("ellipsis"), q = () => _ ? _(a) : /* @__PURE__ */ p("span", { className: `${l}-action-text`, children: a ? T.Typography.fold : T.Typography.unfold }), K = () => v && $ ? /* @__PURE__ */ p(
+    "div",
+    {
+      className: H(`${l}-action`, {
+        [`${l}-action-collapsed`]: !a
+      }),
+      onClick: (e) => {
+        a ? (W(!1), d == null || d(!1, e)) : (W(!0), M(!1), d == null || d(!0, e));
+      },
+      children: q()
+    }
+  ) : null, B = Ct(
+    xt(() => {
+      E.current && i.current && ((j ? E.current.offsetWidth > i.current.offsetWidth : E.current.offsetHeight > i.current.offsetHeight) ? $ === !1 && (O(!0), n == null || n(!0)) : $ === !0 && (O(!1), n == null || n(!1)));
+    }),
+    [$, j]
+  );
+  Z(() => {
+    let e;
+    return i.current && (e = new ResizeObserver(B), e.observe(i.current)), () => {
+      var o, c;
+      i.current && ((o = e == null ? void 0 : e.unobserve) == null || o.call(e, i.current)), (c = e == null ? void 0 : e.disconnect) == null || c.call(e), e = null;
+    };
+  }, [i.current]), Z(() => {
+    let e;
+    return E.current && (e = new ResizeObserver(B), e.observe(E.current)), () => {
+      var o, c;
+      E.current && ((o = e == null ? void 0 : e.unobserve) == null || o.call(e, E.current)), (c = e == null ? void 0 : e.disconnect) == null || c.call(e), e = null;
+    };
+  }, [E.current]);
+  const U = () => w ? null : /* @__PURE__ */ p(
+    "div",
+    {
+      className: j ? H(`${l}-content-mirror`, `${l}-single`) : H(
+        `${l}-content-mirror`,
+        `${l}-multiple`,
+        `${l}-collapsed`
+      ),
+      style: {
+        WebkitBoxOrient: "vertical",
+        MozBoxOrient: "vertical",
+        WebkitLineClamp: x
+      },
+      ref: i,
+      children: /* @__PURE__ */ p("span", { ref: E, className: `${l}-text`, children: y })
+    }
+  ), A = () => j ? /* @__PURE__ */ p("div", { className: H(`${l}-content`, `${l}-single`), children: /* @__PURE__ */ p("span", { ref: P, className: `${l}-text`, children: y }) }) : D ? /* @__PURE__ */ J(
+    "div",
+    {
+      className: H(`${l}-content`, `${l}-multiple`),
+      title: !S.tooltip && $ && !a ? N : void 0,
+      children: [
+        !a && K(),
+        /* @__PURE__ */ p(
+          "span",
+          {
+            ref: P,
+            className: H(`${l}-text`, {
+              [`${l}-collapsed`]: !a
+            }),
+            style: {
+              WebkitBoxOrient: "vertical",
+              MozBoxOrient: "vertical",
+              WebkitLineClamp: x
+            },
+            children: y
+          }
+        ),
+        a && K()
+      ]
+    }
+  ) : /* @__PURE__ */ J(
+    "div",
+    {
+      className: H(`${l}-content`, `${l}-multiple`, {
+        [`${l}-collapsed`]: !a
+      }),
+      style: {
+        WebkitBoxOrient: "vertical",
+        MozBoxOrient: "vertical",
+        WebkitLineClamp: x
+      },
+      title: !S.tooltip && $ && !a ? N : void 0,
+      children: [
+        !a && K(),
+        /* @__PURE__ */ p("span", { ref: P, className: `${l}-text`, children: y }),
+        a && K()
+      ]
+    }
+  ), R = () => w ? /* @__PURE__ */ p("div", { className: `${l}-content`, children: /* @__PURE__ */ p("span", { ref: P, className: `${l}-text`, children: y }) }) : S.tooltip ? /* @__PURE__ */ p(
+    at,
+    {
+      content: N,
+      popupVisible: L,
+      disabled: !$ || a,
+      triggerProps: {
+        mouseEnterDelay: 100
+      },
+      onVisibleChange: (e) => {
+        e ? $ && !a && M(!0) : M(!1);
+      },
+      ...S.tooltipProps,
+      children: A()
+    }
+  ) : A();
+  return /* @__PURE__ */ J("div", { ref: k, className: H(l, u), style: g, children: [
+    U(),
+    R()
+  ] });
+}, Dt = ut(Ht);
+function _t(t) {
+  const { prefixCls: r, children: s, setEditing: m, editableConfig: u, style: g } = t, x = H(
+    `${r}-typography`,
+    `${r}-edit-content`,
+    t.className
+  ), w = it(s), C = F(null);
+  Z(() => {
+    var d, n;
+    if ((n = (d = C.current) == null ? void 0 : d.focus) == null || n.call(d), C.current && C.current.dom) {
+      const { length: T } = C.current.dom.value;
+      C.current.dom.setSelectionRange(T, T);
+    }
+  }, []);
+  function y() {
+    var d;
+    m(!1), (d = u.onEnd) == null || d.call(u, w);
+  }
+  function v(d) {
+    var n;
+    (n = u.onChange) == null || n.call(u, d);
+  }
+  function _() {
+    y();
+  }
+  return /* @__PURE__ */ p("div", { className: x, style: g, children: /* @__PURE__ */ p(
+    vt.TextArea,
+    {
+      className: `${r}-edit-content-textarea`,
+      onBlur: _,
+      ref: C,
+      value: w,
+      autoSize: !0,
+      onChange: v,
+      onPressEnter: y
+    }
+  ) });
+}
+function jt(t) {
+  var E, a, W, $, O;
+  const {
+    children: r,
+    copyable: s,
+    editable: m,
+    ellipsis: u,
+    expanding: g,
+    setEditing: x,
+    onClickExpand: w,
+    forceShowExpand: C,
+    isEllipsis: y,
+    currentContext: v = {}
+  } = t, _ = Rt(), { getPrefixCls: d, locale: n } = v, T = d("typography"), D = X(u) ? u : {}, k = X(m) ? m : {}, P = Pt(D.expandNodes) ? D.expandNodes : [(E = n == null ? void 0 : n.Typography) == null ? void 0 : E.fold, (a = n == null ? void 0 : n.Typography) == null ? void 0 : a.unfold], N = (j) => {
+    var S;
+    (S = k.onStart) == null || S.call(k, it(r), j), x(!0);
+  }, I = X(s) ? { ...s } : {};
+  I.text === void 0 && (I.text = it(r));
+  const L = !!s && /* @__PURE__ */ p(
+    bt,
+    {
+      ...I,
+      className: `${T}-operation-copy`,
+      tooltipProps: I.tooltipProps
+    }
+  ), M = m && /* @__PURE__ */ p(
+    at,
+    {
+      content: (W = n == null ? void 0 : n.Typography) == null ? void 0 : W.edit,
+      ...k.tooltipProps,
+      children: /* @__PURE__ */ p(
+        "span",
+        {
+          tabIndex: 0,
+          "aria-label": ($ = n == null ? void 0 : n.Typography) == null ? void 0 : $.edit,
+          role: "button",
+          className: `${T}-operation-edit`,
+          onClick: N,
+          ..._({
+            onPressEnter: N
+          }),
+          children: /* @__PURE__ */ p(Lt, {})
+        }
+      )
+    }
+  ), i = C || D.expandable && y ? /* @__PURE__ */ p(
+    "a",
+    {
+      className: `${T}-operation-expand`,
+      onClick: w,
+      role: "button",
+      tabIndex: 0,
+      "aria-label": (O = n == null ? void 0 : n.Typography) == null ? void 0 : O.unfold,
+      ..._({
+        onPressEnter: w
+      }),
+      children: g ? P[0] : P[1]
+    }
+  ) : null;
+  return Z(() => () => {
+  }, []), /* @__PURE__ */ J(ft, { children: [
+    i,
+    M,
+    L
+  ] });
+}
+const Vt = (t, r) => {
+  if (typeof window < "u" && window.CSS && window.CSS.supports)
+    return pt(r) ? window.CSS.supports(t) : window.CSS.supports(t, r);
+  if (typeof document < "u" && document.createElement) {
+    const s = document.createElement("div");
+    return s.setAttribute("style", `${t}:${r};`), typeof s.style[t] < "u";
+  }
+  return !1;
+}, Ot = {
+  display: " -webkit-box",
+  "-webkit-line-clamp": 2
+}, Ft = () => Object.entries(Ot).every(
+  ([t, r]) => Vt(t, r)
+);
+function Gt(t) {
+  const { cssEllipsis: r, ellipsisStr: s = "...", suffix: m, rows: u } = t, g = tt(() => !r || u > 1 && !Ft() ? !1 : s === "..." && !m, [s, r, u, m]), x = {
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    overflow: "hidden"
+  }, w = {
+    textOverflow: "ellipsis",
+    whiteSpace: "normal",
+    overflow: "hidden",
+    WebkitLineClamp: `${t.rows}`,
+    WebkitBoxOrient: "vertical",
+    display: "-webkit-box"
+  };
+  return {
+    simpleEllipsis: g,
+    ellipsisStyle: g ? t.rows > 1 ? w : x : {}
+  };
+}
+const qt = "hxj";
+var nt = /* @__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))(nt || {});
+function Kt(t) {
+  const {
+    children: r,
+    rows: s = 1,
+    width: m,
+    expanding: u,
+    renderMeasureContent: g,
+    simpleEllipsis: x,
+    onEllipsis: w,
+    suffix: C,
+    expandNodes: y,
+    expandable: v,
+    ellipsisStr: _
+  } = t, d = F(), n = F(), [T, D] = G([0, 0, 0]), [k, P] = G(0), [N, I] = G(
+    4
+    /* NO_NEED_ELLIPSIS */
+  ), [L, M, i] = T, [E, a] = G(!1), W = tt(() => ot.Children.toArray(r), [r]), $ = F(0);
+  gt(() => {
+    w == null || w(E);
+  }, [E]);
+  const O = (f) => Wt(f) || Mt(f), j = (f) => {
+    let e = 0;
+    return f.forEach((o) => {
+      O(o) ? e += String(o).length : e += 1;
+    }), e;
+  }, S = tt(() => j(W), [W]), l = xt(
+    (f) => D(f)
+  ), q = (f) => {
+    const e = [];
+    let o = 0;
+    if (f >= S)
+      return W;
+    for (const c in W) {
+      const h = W[c];
+      if (o >= f)
+        return e;
+      const b = O(h) ? String(h).length : 1;
+      if (b > f - o)
+        return e.push(String(h).slice(0, f - o)), o = f, e;
+      o += b, e.push(h);
+    }
+    return e;
+  }, K = () => {
+    var f, e, o;
+    if (k) {
+      if (N === 0) {
+        const c = s * k, b = ((f = n.current) == null ? void 0 : f.offsetHeight) > c;
+        !b || x || u ? (I(
+          3
+          /* MEASURE_END */
+        ), a(b), D([0, S, S])) : (a(!0), I(
+          1
+          /* BEFORE_MEASURE */
+        ));
+      } else if (N === 1) {
+        const c = (e = d == null ? void 0 : d.current) == null ? void 0 : e.offsetWidth, h = s * m;
+        if (c > s * m) {
+          const b = Math.max(h / c - 0.1, 0), V = Math.min(h / c + 0.1, 1), Q = Math.floor(b * S), z = Math.ceil(V * S), Y = Math.floor(
+            (Q + z) / 2
+          );
+          $.current = Y;
+        }
+        I(
+          2
+          /* MEASURING */
+        );
+      } else if (N === 2)
+        if (L !== i - 1) {
+          const c = (o = n.current) == null ? void 0 : o.offsetHeight, h = s * k;
+          let b = L, V = i;
+          c <= h ? b = M : V = M;
+          const Q = Math.floor((V + b) / 2);
+          l([b, Q, V]);
+        } else
+          l([L, L, L]), I(
+            3
+            /* MEASURE_END */
+          );
+    }
+  };
+  ct(() => {
+    t.rows && m ? (D([0, Math.floor(S / 2), S]), I(
+      0
+      /* INIT */
+    )) : I(
+      4
+      /* NO_NEED_ELLIPSIS */
+    );
+  }, [
+    S,
+    x,
+    u,
+    m,
+    C,
+    y,
+    v,
+    _,
+    t.rows
+  ]), ct(() => {
+    if (d.current && N === 0) {
+      const f = d.current.offsetHeight;
+      P(f);
+    }
+  }, [N]), ct(() => {
+    K();
+  }, [N, M, L, i, k]);
+  const B = {
+    zIndex: -999,
+    position: "fixed",
+    opacity: 0,
+    padding: 0,
+    margin: 0
+  }, U = {
+    whiteSpace: "nowrap",
+    ...B
+  }, A = x ? {
+    textOverflow: "clip",
+    ...B
+  } : B;
+  let R;
+  if (N === 0 || N === 1)
+    R = /* @__PURE__ */ J("div", { children: [
+      /* @__PURE__ */ p("div", { ref: d, style: U, children: N === 0 ? qt : g(r, !1) }),
+      /* @__PURE__ */ p("div", { ref: n, style: { width: m, ...A }, children: g(r, E) })
+    ] }), R = R.props.children;
+  else if (N === 2) {
+    const f = {
+      height: k * s,
+      overflow: "hidden"
+    };
+    R = /* @__PURE__ */ J("div", { children: [
+      /* @__PURE__ */ p("div", { ref: n, style: { width: m, ...A }, children: g(q(M), E) }),
+      /* @__PURE__ */ p("div", { style: f, children: q($.current) })
+    ] }), R = R.props.children;
+  } else
+    N === 3 ? R = g(q(M), E) : N === 4 && (R = g(r, !1));
+  return { ellipsisNode: R, isEllipsis: E, measureStatus: N };
+}
+function Xt(t, r) {
+  const {
+    type: s,
+    bold: m,
+    disabled: u,
+    mark: g,
+    underline: x,
+    delete: w,
+    code: C
+  } = t, y = [], v = [];
+  return s && v.push(`${r}-${s}`), u && v.push(`${r}-disabled`), m && y.push("b"), x && y.push("u"), w && y.push("del"), C && y.push("code"), g && y.push("mark"), {
+    component: y,
+    className: v
+  };
+}
+function mt(t) {
+  const {
+    componentType: r,
+    style: s,
+    className: m,
+    children: u,
+    editable: g,
+    ellipsis: x,
+    heading: w,
+    blockquote: C,
+    ...y
+  } = t, v = rt(st), { getPrefixCls: _, rtl: d } = v, n = _("typography"), { component: T, className: D } = Xt(t, n), [k, P] = G(!1), [N, I] = G(0), L = X(g) ? g : {}, M = "editing" in L ? L.editing : k, i = x ? {
+    rows: 1,
+    ellipsisStr: "...",
+    cssEllipsis: !1,
+    ...X(x) ? x : {}
+  } : {}, E = i.wrapper || ot.Fragment, [a, W] = ht(!1, {
+    defaultValue: i.defaultExpanded,
+    value: i.expanded
+  }), { simpleEllipsis: $, ellipsisStyle: O } = Gt(i), j = (o, c) => {
+    const h = pt(i.ellipsisStr) ? "..." : i.ellipsisStr, b = !pt(i.suffix) && i.suffix;
+    return /* @__PURE__ */ J(E, { children: [
+      o,
+      c && !a && !$ ? h : "",
+      b,
+      U(c)
+    ] });
+  }, { ellipsisNode: S, isEllipsis: l, measureStatus: q } = Kt({
+    ...i,
+    children: u,
+    expanding: a,
+    width: N,
+    renderMeasureContent: j,
+    simpleEllipsis: $ || a
+  }), K = kt((o) => {
+    const { contentRect: c } = o == null ? void 0 : o[0];
+    if (c) {
+      const h = T.includes("code") ? c.width - 18 : c.width;
+      [
+        nt.NO_NEED_ELLIPSIS,
+        nt.MEASURE_END
+      ].includes(q) && I(h);
+    }
+  }), B = F(null);
+  Z(() => {
+    let o;
+    return B.current && (o = new ResizeObserver(K), o.observe(B.current)), () => {
+      var c, h;
+      B.current && ((c = o == null ? void 0 : o.unobserve) == null || c.call(o, B.current)), (h = o == null ? void 0 : o.disconnect) == null || h.call(o), o = null;
+    };
+  }, [B.current]);
+  function U(o) {
+    return /* @__PURE__ */ p(ft, { children: /* @__PURE__ */ p(
+      jt,
+      {
+        ...t,
+        setEditing: P,
+        onClickExpand: A,
+        expanding: a,
+        isEllipsis: o,
+        currentContext: v
+      }
+    ) });
+  }
+  function A(o) {
+    var c, h;
+    W(!a), (c = t.onClickExpand) == null || c.call(t, o), (h = i.onExpand) == null || h.call(i, !a, o);
+  }
+  gt(() => {
+    var o;
+    (o = i.onEllipsis) == null || o.call(i, l);
+  }, [l]);
+  function R(o, c, h, b = {}) {
+    let V = o;
+    return c.forEach((Q, z) => {
+      const Y = z === 0 ? b : {}, et = X(h.mark) && h.mark.color ? { style: { backgroundColor: h.mark.color }, ...Y } : { ...Y };
+      V = ot.createElement(Q, { ...et }, V);
+    }), V;
+  }
+  let f;
+  r === "Paragraph" ? f = C ? "blockquote" : "div" : r === "Title" ? f = `h${w}` : r === "Text" && (f = x ? "div" : "span");
+  function e() {
+    const o = it(ot.Children.toArray(u)), c = i.showTooltip, h = X(i.showTooltip) && i.showTooltip.type === "popover" ? "popover" : "tooltip", b = X(i.showTooltip) ? i.showTooltip.props || {} : {}, V = h === "popover" ? Tt : at, z = {
+      style: s,
+      ...l && !c && !a ? { title: o } : {}
+    }, Y = l && c && !a, et = /* @__PURE__ */ p(
+      f,
+      {
+        ref: B,
+        className: H(
+          n,
+          D,
+          { [`${n}-rtl`]: d },
+          m
+        ),
+        ...z,
+        ...It(y, [
+          "spacing",
+          "type",
+          "close",
+          "bold",
+          "disabled",
+          "mark",
+          "underline",
+          "delete",
+          "code",
+          "copyable",
+          "isEllipsis",
+          "expanding",
+          "onClickExpand",
+          "setEditing",
+          "forceShowExpand"
+        ]),
+        children: $ && q !== nt.INIT && !a && l ? R(
+          // CSS folding style, need to wrap the text separately.
+          j(
+            /* @__PURE__ */ p("span", { style: O, children: u }),
+            l
+          ),
+          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: `${n}-simple-ellipsis` }
+        ) : R(S, T, t)
+      }
+    );
+    return Y ? /* @__PURE__ */ p(V, { content: o, ...b, children: /* @__PURE__ */ p("span", { children: et }) }) : et;
+  }
+  return M ? /* @__PURE__ */ p(
+    _t,
+    {
+      ...t,
+      className: H(
+        n,
+        D,
+        { [`${n}-rtl`]: d },
+        `${n}-${f}`,
+        m
+      ),
+      prefixCls: n,
+      setEditing: P,
+      editableConfig: L
+    }
+  ) : e();
+}
+function yt(t) {
+  const { spacing: r = "default", className: s } = t, { getPrefixCls: m } = rt(st), u = m("typography"), g = r === "close" ? H(`${u}-spacing-close`, s) : s;
+  return /* @__PURE__ */ p(mt, { ...t, componentType: "Paragraph", className: g });
+}
+yt.displayName = "Paragraph";
+function Nt(t) {
+  return /* @__PURE__ */ p(mt, { ...t, componentType: "Text" });
+}
+Nt.displayName = "Text";
+function Et(t) {
+  const { heading: r = 1, ...s } = t;
+  return /* @__PURE__ */ p(mt, { heading: r, ...s, componentType: "Title" });
+}
+Et.displayName = "Title";
+function At(t, r) {
+  const { getPrefixCls: s } = rt(st), m = s("typography"), { className: u, style: g, children: x } = t, w = H(m, u);
+  return /* @__PURE__ */ p("article", { ref: r, style: g, className: w, children: x });
+}
+const wt = ut(At);
+wt.displayName = "Typography";
+const lt = wt;
+lt.Title = Et;
+lt.Text = Nt;
+lt.Paragraph = yt;
+lt.Ellipsis = Dt;
+export {
+  lt as default
+};