@unicom-cloud/ui 0.8.44 → 0.8.46

package/Typography.js

@@ -1,724 +1,13 @@
-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/C6Kfwj0f.js";
-import { a as st } from "./chunk/Dr0iXIXO.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/BTjUAV8T.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/i605JRmI.js";
-import "./Tag.js";
-import "./chunk/BYQeEcKe.js";
-import "./Trigger.js";
-import "./chunk/B2ufZjjd.js";
-import "./chunk/Bs11tCU6.js";
-import "./Comment.js";
-import bt from "./Copy.js";
-import "./DatePicker.js";
-import "./Descriptions.js";
-import "./Divider.js";
-import "./chunk/l0sNRNKZ.js";
-import "./chunk/Z-mtdHUQ.js";
-import "./Dropdown.js";
-import "./Form.js";
-import "./Grid.js";
-import "./chunk/DiSLYN2-.js";
-import "./Icon.js";
-import "./chunk/B1P8u7kB.js";
-import "./chunk/G3-2uJao.js";
-import "./chunk/DP2rzg_V.js";
-import { I as vt } from "./chunk/BSs6uXmc.js";
-import "./Layout.js";
-import "./Link.js";
-import "./List.js";
-import "./Mentions.js";
-import at from "./Tooltip.js";
-import "./chunk/CLzbve11.js";
-import "./chunk/Ba4UXIST.js";
-import "./PageHeader.js";
-import "./chunk/CYTPZUHD.js";
-import "./chunk/aPJXnDSb.js";
-import "./Popconfirm.js";
-import Tt from "./Popover.js";
-import "./Portal.js";
-import "./Progress.js";
-import "./ColorPicker.js";
-import "./Loading.js";
-import "./chunk/ZISxNnaR.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/CN4zXU4b.js";
-import "./TimePicker.js";
-import "./chunk/B7QOJqps.js";
-import "./Transfer.js";
-import "./chunk/BNRfcEHj.js";
-import "@unicom-cloud/utils/is";
-import Pt from "lodash/isArray";
-import "lodash/isEqualWith";
-import "lodash/isFunction";
-import pt from "lodash/isUndefined";
-import "./chunk/C7FC7dzS.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/BBz3S3zo.js";
-import "./chunk/D4yH4UKK.js";
-import "./chunk/BCEX3Acw.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;
+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;
 export {
-  lt as default
+  r as default
 };