@unicom-cloud/ui 0.8.65 → 0.8.67

package/Typography.js

@@ -1,8 +1,758 @@
-import { E as r, P as y, a as s, b as T, T as o } from "./chunk/CGZ0In1p.js";
+import { jsxs as Q, jsx as n, Fragment as gt } from "react/jsx-runtime";
+import rt, { forwardRef as Y, useContext as st, useRef as F, useState as G, useMemo as et, useEffect as ot, useCallback as Tt, useImperativeHandle as St } from "react";
+import { a as lt } from "./chunk/BJQ5UNa-.js";
+import { c as Pt } from "./chunk/B5gK1Idp.js";
+import { R as yt } from "./chunk/HDUQku8d.js";
+/* empty css      */
+import "lodash/isEqualWith";
+import "./chunk/CkNSv2U7.js";
+import It from "lodash/isNumber";
+import kt from "lodash/merge";
+import { isServerRendering as Lt } from "./utils/dom.js";
+import "./chunk/HrAP__Hi.js";
+import "react-dom";
+import "./chunk/CSC_V_25.js";
+import "./chunk/Ce1j9KTi.js";
+import "lodash/debounce";
+import "./chunk/BoMCZV6K.js";
+import "./chunk/CNmmhbCn.js";
+import "./chunk/BndfNLK4.js";
+import "lodash/camelCase";
+import "lodash/capitalize";
+import "lodash/cloneDeep";
+import "lodash/get";
+import "lodash/has";
+import "lodash/kebabCase";
+import "lodash/mergeWith";
+import "lodash/set";
+import "lodash/setWith";
+import "lodash/snakeCase";
+import "lodash/startCase";
+import "lodash/throttle";
+import "lodash/uniq";
+import "lodash/upperFirst";
+import "lodash/camelCase.js";
+import "lodash/capitalize.js";
+import "lodash/kebabCase.js";
+import "lodash/snakeCase.js";
+import "lodash/startCase.js";
+import "lodash/upperFirst.js";
+import { m as H } from "./chunk/JPPo5nY_.js";
+import "lodash/isString.js";
+import "./chunk/DC1iHEiy.js";
+import "lodash/escapeRegExp";
+import Ot from "lodash/isArray";
+import Rt from "lodash/isString";
+import mt from "lodash/isPlainObject";
+import "./chunk/Cf5QNhkG.js";
+import ft from "./utils/throttleByRaf.js";
+import "lodash/isFunction";
+import "./chunk/DleQ5HwG.js";
+import "./Affix.js";
+import "./Alert.js";
+import "./chunk/kTDayEpF.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/C_gJWGGh.js";
+import "./chunk/DkyR2EfG.js";
+import "./chunk/WpO_DsK4.js";
+import "./Comment.js";
+import Mt from "./Copy.js";
+import "./DatePicker.js";
+import "./Descriptions.js";
+import "./Divider.js";
+import "./chunk/CP0odX99.js";
+import "./Dropdown.js";
+import "./Form.js";
+import "./Grid.js";
+import "./Icon.js";
+import "./chunk/SLWP34OR.js";
+import { I as Wt } from "./chunk/C42LIMP9.js";
+import "./chunk/D8oTPQ2H.js";
+import "./Layout.js";
+import "./Link.js";
+import "./List.js";
+import "./Mentions.js";
+import "./chunk/CVSF8p0O.js";
+import "./chunk/BCftTxEy.js";
+import "./PageHeader.js";
+import "./chunk/w-kM1L5W.js";
+import "./Popconfirm.js";
+import Ht from "./Popover.js";
+import "./Portal.js";
+import "./Progress.js";
+import "./ColorPicker.js";
+import "./Loading.js";
+import "./chunk/BGny4zSb.js";
+import "./Rate.js";
+import "./ResizeBox.js";
+import "./Result.js";
+import "./chunk/C4YkFMzC.js";
+import "./Skeleton.js";
+import "./Slider.js";
+import "./Space.js";
+import "./SpeechSynthesis.js";
+import "./Spin.js";
+import "./Statistic.js";
+import "./Steps.js";
+import "./SuspenseFallbackTest.js";
+import "./Switch.js";
+import "./Table.js";
+import "./chunk/GoNx5R4F.js";
+import "./Tag.js";
+import "./TimePicker.js";
+import "./chunk/C9Wcraj7.js";
+import ut from "./Tooltip.js";
+import "./Transfer.js";
+import "./chunk/DsRSHWtX.js";
+import "./chunk/DFrfrmfK.js";
+import "./Trigger.js";
+import { c as Et } from "./chunk/BbEYToV1.js";
+import { u as nt } from "./chunk/BbdDQAnm.js";
+import { c as Bt } from "./chunk/BdUcgWdu.js";
+import { l as Nt } from "./chunk/flvYlqx3.js";
+import Dt from "@unicom-cloud/icons/IconUiEdit";
+import { h as zt } from "./chunk/D2KPqPhV.js";
+import _t from "lodash/isUndefined";
+import { s as dt } from "./chunk/DcveZuqd.js";
+import K from "lodash/isPlainObject.js";
+import xt from "lodash/isUndefined.js";
+import "./chunk/EANe01DF.js";
+import "./chunk/-UuKKT0Z.js";
+import "./chunk/CaasmWg_.js";
+const jt = {
+  rows: 1,
+  expandable: !0,
+  defaultExpanded: !1
+}, Vt = (t, i) => {
+  var x;
+  const r = st(lt), l = Pt(
+    t,
+    jt,
+    (x = r.componentConfig) == null ? void 0 : x["Typography.Ellipsis"]
+  ), {
+    className: E,
+    style: p,
+    rows: f,
+    disabled: g,
+    showTooltip: S,
+    children: a,
+    expandable: b,
+    expandRender: B,
+    onExpand: N,
+    onEllipsis: o
+  } = l, { locale: u } = r, k = Lt ? !1 : /^((?!chrome|android).)*safari/i.test((navigator == null ? void 0 : navigator.userAgent) ?? ""), v = F(null), L = F(null), [y, P] = G(""), [D, O] = G(!1), I = F(null), C = F(null), [e, R] = yt(!1, {
+    defaultValue: l.defaultExpanded,
+    value: l.expanded
+  }), [h, j] = G(!1), z = et(() => K(b) ? !b.single && f === 1 : f === 1, [f, b]), w = et(() => K(S) ? {
+    tooltip: !0,
+    tooltipProps: S
+  } : {
+    tooltip: !!S,
+    tooltipProps: S
+  }, [S]);
+  ot(() => {
+    if (L.current) {
+      const m = L.current.textContent;
+      m && P(m);
+    }
+  }, [a, L]);
+  const c = r.getPrefixCls("ellipsis"), A = () => B ? B(e) : /* @__PURE__ */ n("span", { className: `${c}-action-text`, children: e ? u.Typography.fold : u.Typography.unfold }), M = () => b && h ? /* @__PURE__ */ n(
+    "div",
+    {
+      className: H(`${c}-action`, {
+        [`${c}-action-collapsed`]: !e
+      }),
+      onClick: (m) => {
+        e ? (R(!1), N == null || N(!1, m)) : (R(!0), O(!1), N == null || N(!0, m));
+      },
+      children: A()
+    }
+  ) : null, q = Tt(
+    ft(() => {
+      C.current && I.current && ((z ? C.current.offsetWidth > I.current.offsetWidth : C.current.offsetHeight > I.current.offsetHeight) ? h === !1 && (j(!0), o == null || o(!0)) : h === !0 && (j(!1), o == null || o(!1)));
+    }),
+    [h, z]
+  );
+  ot(() => {
+    const m = Nt(
+      [I.current, C.current],
+      q
+    );
+    return () => {
+      m();
+    };
+  }, [I.current, C.current]);
+  const Z = () => g ? null : /* @__PURE__ */ n(
+    "div",
+    {
+      className: z ? H(`${c}-content-mirror`, `${c}-single`) : H(
+        `${c}-content-mirror`,
+        `${c}-multiple`,
+        `${c}-collapsed`
+      ),
+      style: {
+        WebkitBoxOrient: "vertical",
+        MozBoxOrient: "vertical",
+        WebkitLineClamp: f
+      },
+      ref: I,
+      children: /* @__PURE__ */ n("span", { ref: C, className: `${c}-text`, children: a })
+    }
+  ), X = () => z ? /* @__PURE__ */ n("div", { className: H(`${c}-content`, `${c}-single`), children: /* @__PURE__ */ n("span", { ref: L, className: `${c}-text`, children: a }) }) : k ? /* @__PURE__ */ Q(
+    "div",
+    {
+      className: H(`${c}-content`, `${c}-multiple`),
+      title: !w.tooltip && h && !e ? y : void 0,
+      children: [
+        !e && M(),
+        /* @__PURE__ */ n(
+          "span",
+          {
+            ref: L,
+            className: H(`${c}-text`, {
+              [`${c}-collapsed`]: !e
+            }),
+            style: {
+              WebkitBoxOrient: "vertical",
+              MozBoxOrient: "vertical",
+              WebkitLineClamp: f
+            },
+            children: a
+          }
+        ),
+        e && M()
+      ]
+    }
+  ) : /* @__PURE__ */ Q(
+    "div",
+    {
+      className: H(`${c}-content`, `${c}-multiple`, {
+        [`${c}-collapsed`]: !e
+      }),
+      style: {
+        WebkitBoxOrient: "vertical",
+        MozBoxOrient: "vertical",
+        WebkitLineClamp: f
+      },
+      title: !w.tooltip && h && !e ? y : void 0,
+      children: [
+        !e && M(),
+        /* @__PURE__ */ n("span", { ref: L, className: `${c}-text`, children: a }),
+        e && M()
+      ]
+    }
+  ), W = () => g ? /* @__PURE__ */ n("div", { className: `${c}-content`, children: /* @__PURE__ */ n("span", { ref: L, className: `${c}-text`, children: a }) }) : w.tooltip ? /* @__PURE__ */ n(
+    ut,
+    {
+      content: y,
+      popupVisible: D,
+      disabled: !h || e,
+      triggerProps: {
+        mouseEnterDelay: 100
+      },
+      onVisibleChange: (m) => {
+        m ? h && !e && O(!0) : O(!1);
+      },
+      ...w.tooltipProps,
+      children: X()
+    }
+  ) : X();
+  return /* @__PURE__ */ Q("div", { ref: v, className: H(c, E), style: p, children: [
+    Z(),
+    W()
+  ] });
+}, Ft = Y(Vt);
+function Gt(t, i) {
+  const { prefixCls: r, children: l, setEditing: E, editableConfig: p, style: f } = t, g = H(
+    `${r}-typography`,
+    `${r}-edit-content`,
+    t.className
+  ), S = nt(l), a = F(null);
+  ot(() => {
+    var o, u;
+    if (a.current && ((u = (o = a.current).focus) == null || u.call(o)), a.current && a.current.dom) {
+      const { length: k } = a.current.dom.value;
+      a.current.dom.setSelectionRange(k, k);
+    }
+  }, []);
+  function b() {
+    var o;
+    E(!1), (o = p.onEnd) == null || o.call(p, S);
+  }
+  function B(o) {
+    var u;
+    (u = p.onChange) == null || u.call(p, o);
+  }
+  function N() {
+    b();
+  }
+  return /* @__PURE__ */ n("div", { className: g, style: f, ref: i, children: /* @__PURE__ */ n(
+    Wt.TextArea,
+    {
+      className: `${r}-edit-content-textarea`,
+      onBlur: N,
+      ref: a,
+      value: S,
+      autoSize: !0,
+      onChange: B,
+      onPressEnter: b
+    }
+  ) });
+}
+const qt = Y(Gt);
+function Xt(t) {
+  var C, e, R, h, j;
+  const {
+    children: i,
+    copyable: r,
+    editable: l,
+    ellipsis: E,
+    expanding: p,
+    setEditing: f,
+    onClickExpand: g,
+    forceShowExpand: S,
+    isEllipsis: a,
+    currentContext: b = {}
+  } = t, B = zt(), { getPrefixCls: N, locale: o } = b, u = N("typography"), k = mt(E) ? E : {}, v = mt(l) ? l : {}, L = Ot(k.expandNodes) ? k.expandNodes : [(C = o == null ? void 0 : o.Typography) == null ? void 0 : C.fold, (e = o == null ? void 0 : o.Typography) == null ? void 0 : e.unfold], y = (z) => {
+    var w;
+    (w = v.onStart) == null || w.call(v, nt(i), z), f(!0);
+  }, P = mt(r) ? { ...r } : {};
+  P.text === void 0 && (P.text = nt(i));
+  const D = !!r && /* @__PURE__ */ n(
+    Mt,
+    {
+      ...P,
+      className: `${u}-operation-copy`,
+      tooltipProps: P.tooltipProps
+    }
+  ), O = l && /* @__PURE__ */ n(
+    ut,
+    {
+      content: (R = o == null ? void 0 : o.Typography) == null ? void 0 : R.edit,
+      ...v.tooltipProps,
+      children: /* @__PURE__ */ n(
+        "span",
+        {
+          tabIndex: 0,
+          "aria-label": (h = o == null ? void 0 : o.Typography) == null ? void 0 : h.edit,
+          role: "button",
+          className: `${u}-operation-edit`,
+          onClick: y,
+          ...B({
+            onPressEnter: y
+          }),
+          children: /* @__PURE__ */ n(Dt, {})
+        }
+      )
+    }
+  ), I = S || k.expandable && a ? /* @__PURE__ */ n(
+    "a",
+    {
+      className: `${u}-operation-expand`,
+      onClick: g,
+      role: "button",
+      tabIndex: 0,
+      "aria-label": (j = o == null ? void 0 : o.Typography) == null ? void 0 : j.unfold,
+      ...B({
+        onPressEnter: g
+      }),
+      children: p ? L[0] : L[1]
+    }
+  ) : null;
+  return ot(() => () => {
+  }, []), /* @__PURE__ */ Q(gt, { children: [
+    I,
+    O,
+    D
+  ] });
+}
+const At = (t, i) => {
+  if (typeof window < "u" && window.CSS && window.CSS.supports)
+    return _t(i) ? window.CSS.supports(t) : window.CSS.supports(t, i);
+  if (typeof document < "u" && document.createElement) {
+    const r = document.createElement("div");
+    return r.setAttribute("style", `${t}:${i};`), typeof r.style[t] < "u";
+  }
+  return !1;
+}, Jt = {
+  display: " -webkit-box",
+  "-webkit-line-clamp": 2
+}, Kt = () => Object.entries(Jt).every(
+  ([t, i]) => At(t, i)
+);
+function Qt(t) {
+  const { cssEllipsis: i, ellipsisStr: r = "...", suffix: l, rows: E } = t, p = et(() => !i || E > 1 && !Kt() ? !1 : r === "..." && !l, [r, i, E, l]), f = {
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    overflow: "hidden"
+  }, g = {
+    textOverflow: "ellipsis",
+    whiteSpace: "normal",
+    overflow: "hidden",
+    WebkitLineClamp: `${t.rows}`,
+    WebkitBoxOrient: "vertical",
+    display: "-webkit-box"
+  };
+  return {
+    simpleEllipsis: p,
+    ellipsisStyle: p ? t.rows > 1 ? g : f : {}
+  };
+}
+const Yt = "hxj";
+var it = /* @__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))(it || {});
+function Zt(t) {
+  const {
+    children: i,
+    rows: r = 1,
+    width: l,
+    expanding: E,
+    renderMeasureContent: p,
+    simpleEllipsis: f,
+    onEllipsis: g,
+    suffix: S,
+    expandNodes: a,
+    expandable: b,
+    ellipsisStr: B
+  } = t, N = F(), o = F(), [u, k] = G([0, 0, 0]), [v, L] = G(0), [y, P] = G(
+    4
+    /* NO_NEED_ELLIPSIS */
+  ), [D, O, I] = u, [C, e] = G(!1), R = et(() => rt.Children.toArray(i), [i]), h = F(0);
+  Et(() => {
+    g == null || g(C);
+  }, [C]);
+  const j = (x) => Rt(x) || It(x), z = (x) => {
+    let m = 0;
+    return x.forEach((T) => {
+      j(T) ? m += String(T).length : m += 1;
+    }), m;
+  }, w = et(() => z(R), [R]), c = ft(
+    (x) => k(x)
+  ), A = (x) => {
+    const m = [];
+    let T = 0;
+    if (x >= w)
+      return R;
+    for (const _ in R) {
+      const s = R[_];
+      if (T >= x)
+        return m;
+      const d = j(s) ? String(s).length : 1;
+      if (d > x - T)
+        return m.push(String(s).slice(0, x - T)), T = x, m;
+      T += d, m.push(s);
+    }
+    return m;
+  }, M = () => {
+    var x, m, T;
+    if (v) {
+      if (y === 0) {
+        const _ = r * v, d = ((x = o.current) == null ? void 0 : x.offsetHeight) > _;
+        !d || f || E ? (P(
+          3
+          /* MEASURE_END */
+        ), e(d), k([0, w, w])) : (e(!0), P(
+          1
+          /* BEFORE_MEASURE */
+        ));
+      } else if (y === 1) {
+        const _ = (m = N == null ? void 0 : N.current) == null ? void 0 : m.offsetWidth, s = r * l;
+        if (_ > r * l) {
+          const d = Math.max(s / _ - 0.1, 0), $ = Math.min(s / _ + 0.1, 1), V = Math.floor(d * w), J = Math.ceil($ * w), U = Math.floor(
+            (V + J) / 2
+          );
+          h.current = U;
+        }
+        P(
+          2
+          /* MEASURING */
+        );
+      } else if (y === 2)
+        if (D !== I - 1) {
+          const _ = (T = o.current) == null ? void 0 : T.offsetHeight, s = r * v;
+          let d = D, $ = I;
+          _ <= s ? d = O : $ = O;
+          const V = Math.floor(($ + d) / 2);
+          c([d, V, $]);
+        } else
+          c([D, D, D]), P(
+            3
+            /* MEASURE_END */
+          );
+    }
+  };
+  dt(() => {
+    t.rows && l ? (k([0, Math.floor(w / 2), w]), P(
+      0
+      /* INIT */
+    )) : P(
+      4
+      /* NO_NEED_ELLIPSIS */
+    );
+  }, [
+    w,
+    f,
+    E,
+    l,
+    S,
+    a,
+    b,
+    B,
+    t.rows
+  ]), dt(() => {
+    if (N.current && y === 0) {
+      const x = N.current.offsetHeight;
+      L(x);
+    }
+  }, [y]), dt(() => {
+    M();
+  }, [y, O, D, I, v]);
+  const q = {
+    zIndex: -999,
+    position: "fixed",
+    opacity: 0,
+    padding: 0,
+    margin: 0
+  }, Z = {
+    whiteSpace: "nowrap",
+    ...q
+  }, X = f ? {
+    textOverflow: "clip",
+    ...q
+  } : q;
+  let W;
+  if (y === 0 || y === 1)
+    W = /* @__PURE__ */ Q("div", { children: [
+      /* @__PURE__ */ n("div", { ref: N, style: Z, children: y === 0 ? Yt : p(i, !1) }),
+      /* @__PURE__ */ n("div", { ref: o, style: { width: l, ...X }, children: p(i, C) })
+    ] }), W = W.props.children;
+  else if (y === 2) {
+    const x = {
+      height: v * r,
+      overflow: "hidden"
+    };
+    W = /* @__PURE__ */ Q("div", { children: [
+      /* @__PURE__ */ n("div", { ref: o, style: { width: l, ...X }, children: p(A(O), C) }),
+      /* @__PURE__ */ n("div", { style: x, children: A(h.current) })
+    ] }), W = W.props.children;
+  } else y === 3 ? W = p(A(O), C) : y === 4 && (W = p(i, !1));
+  return { ellipsisNode: W, isEllipsis: C, measureStatus: y };
+}
+function Ut(t, i) {
+  const {
+    type: r,
+    bold: l,
+    disabled: E,
+    mark: p,
+    underline: f,
+    delete: g,
+    code: S
+  } = t, a = [], b = [];
+  return r && b.push(`${i}-${r}`), E && b.push(`${i}-disabled`), l && a.push("b"), f && a.push("u"), g && a.push("del"), S && a.push("code"), p && a.push("mark"), {
+    component: a,
+    className: b
+  };
+}
+function te(t, i) {
+  const {
+    componentType: r,
+    style: l,
+    className: E,
+    children: p,
+    editable: f,
+    ellipsis: g,
+    heading: S,
+    blockquote: a,
+    ...b
+  } = t, B = st(lt), { getPrefixCls: N, rtl: o } = B, u = N("typography"), k = F(), { component: v, className: L } = Ut(t, u), [y, P] = G(!1), [D, O] = G(0), I = K(f) ? f : {}, C = "editing" in I ? I.editing : y, e = g ? {
+    rows: 1,
+    ellipsisStr: "...",
+    cssEllipsis: !1,
+    ...K(g) ? g : {}
+  } : {}, R = e.wrapper || rt.Fragment, [h, j] = yt(!1, {
+    defaultValue: e.defaultExpanded,
+    value: e.expanded
+  }), { simpleEllipsis: z, ellipsisStyle: w } = Qt(e), c = (s, d) => {
+    const $ = xt(e.ellipsisStr) ? "..." : e.ellipsisStr, V = !xt(e.suffix) && e.suffix;
+    return /* @__PURE__ */ Q(R, { children: [
+      s,
+      d && !h && !z ? $ : "",
+      V,
+      W(d)
+    ] });
+  }, { ellipsisNode: A, isEllipsis: M, measureStatus: q } = Zt({
+    ...e,
+    children: p,
+    expanding: h,
+    width: D,
+    renderMeasureContent: c,
+    simpleEllipsis: z || h
+  }), Z = ft((s) => {
+    const { contentRect: d } = s == null ? void 0 : s[0];
+    if (d) {
+      const $ = v.includes("code") ? d.width - 18 : d.width;
+      [
+        it.NO_NEED_ELLIPSIS,
+        it.MEASURE_END
+      ].includes(q) && O($);
+    }
+  }), X = F(null);
+  ot(() => {
+    const s = Nt([X.current], Z);
+    return () => {
+      s();
+    };
+  }, [X.current]);
+  function W(s) {
+    return /* @__PURE__ */ n(gt, { children: /* @__PURE__ */ n(
+      Xt,
+      {
+        ...t,
+        setEditing: P,
+        onClickExpand: x,
+        expanding: h,
+        isEllipsis: s,
+        currentContext: B
+      }
+    ) });
+  }
+  function x(s) {
+    var d, $;
+    j(!h), (d = t.onClickExpand) == null || d.call(t, s), ($ = e.onExpand) == null || $.call(e, !h, s);
+  }
+  Et(() => {
+    var s;
+    (s = e.onEllipsis) == null || s.call(e, M);
+  }, [M]), St(i, () => k.current);
+  function m(s, d, $, V = {}) {
+    let J = s;
+    return d.forEach((U, ct) => {
+      const at = { className: `${u}-${U}` }, tt = ct === 0 ? V : {}, vt = K($.mark) && $.mark.color ? { style: { backgroundColor: $.mark.color }, ...tt } : { ...tt };
+      J = rt.createElement(
+        U,
+        kt({ ...vt }, at),
+        J
+      );
+    }), J;
+  }
+  let T;
+  r === "Paragraph" ? T = a ? "blockquote" : "div" : r === "Title" ? T = `h${S}` : r === "Text" && (T = g ? "div" : "span");
+  function _() {
+    const s = nt(rt.Children.toArray(p)), d = e.showTooltip, $ = K(e.showTooltip) && e.showTooltip.type === "popover" ? "popover" : "tooltip", V = K(e.showTooltip) ? e.showTooltip.props || {} : {}, J = $ === "popover" ? Ht : ut, ct = {
+      style: l,
+      ...M && !d && !h ? { title: s } : {}
+    }, at = M && d && !h, tt = /* @__PURE__ */ n(
+      T,
+      {
+        ref: k,
+        className: H(
+          u,
+          L,
+          { [`${u}-rtl`]: o },
+          E
+        ),
+        ...ct,
+        ...Bt(b, [
+          "spacing",
+          "type",
+          "close",
+          "bold",
+          "disabled",
+          "mark",
+          "underline",
+          "delete",
+          "code",
+          "copyable",
+          "isEllipsis",
+          "expanding",
+          "onClickExpand",
+          "setEditing",
+          "forceShowExpand"
+        ]),
+        children: z && q !== it.INIT && !h && M ? m(
+          // CSS folding style, need to wrap the text separately.
+          c(
+            /* @__PURE__ */ n("span", { style: w, children: p }),
+            M
+          ),
+          v.length ? v : ["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: `${u}-simple-ellipsis` }
+        ) : m(A, v, t)
+      }
+    );
+    return at ? /* @__PURE__ */ n(J, { content: s, ...V, children: /* @__PURE__ */ n("span", { children: tt }) }) : tt;
+  }
+  return C ? /* @__PURE__ */ n(
+    qt,
+    {
+      ref: i,
+      ...t,
+      className: H(
+        u,
+        L,
+        { [`${u}-rtl`]: o },
+        `${u}-${T}`,
+        E
+      ),
+      prefixCls: u,
+      setEditing: P,
+      editableConfig: I
+    }
+  ) : _();
+}
+const ht = Y(te);
+function ee(t, i) {
+  const { spacing: r = "default", className: l } = t, { getPrefixCls: E } = st(lt), p = E("typography"), f = r === "close" ? H(`${p}-spacing-close`, l) : l;
+  return /* @__PURE__ */ n(
+    ht,
+    {
+      ...t,
+      ref: i,
+      componentType: "Paragraph",
+      className: f
+    }
+  );
+}
+const Ct = Y(
+  ee
+);
+Ct.displayName = "Paragraph";
+function oe(t, i) {
+  return /* @__PURE__ */ n(ht, { ...t, componentType: "Text", ref: i });
+}
+const wt = Y(oe);
+wt.displayName = "Text";
+function re(t, i) {
+  const { heading: r = 1, ...l } = t;
+  return /* @__PURE__ */ n(ht, { heading: r, ...l, componentType: "Title", ref: i });
+}
+const $t = Y(re);
+$t.displayName = "Title";
+function ie(t, i) {
+  const { getPrefixCls: r } = st(lt), l = r("typography"), { className: E, style: p, children: f } = t, g = H(l, E);
+  return /* @__PURE__ */ n("article", { ref: i, style: p, className: g, children: f });
+}
+const bt = Y(ie);
+bt.displayName = "Typography";
+const pt = bt;
+pt.Title = $t;
+pt.Text = wt;
+pt.Paragraph = Ct;
+pt.Ellipsis = Ft;
 export {
-  r as TypographyEllipsis,
-  y as TypographyParagraph,
-  s as TypographyText,
-  T as TypographyTitle,
-  o as default
+  Ft as TypographyEllipsis,
+  Ct as TypographyParagraph,
+  wt as TypographyText,
+  $t as TypographyTitle,
+  pt as default
 };