@unicom-cloud/ui 0.8.66 → 0.8.68

package/typography/Base.js

@@ -0,0 +1,189 @@
+import { jsx as c, jsxs as ie, Fragment as re } from "react/jsx-runtime";
+import le from "lodash/merge";
+import R, { forwardRef as ce, useContext as ae, useRef as W, useState as q, useEffect as pe, useImperativeHandle as me } from "react";
+import { a as de } from "../chunk/ll867Bf3.js";
+import { u as fe } from "../chunk/CdaT1b_F.js";
+import { u as ue } from "../chunk/BSCrLtfQ.js";
+import he from "../popover/index.js";
+import Ee from "../tooltip/index.js";
+import { m as F } from "../chunk/JPPo5nY_.js";
+import "../chunk/D-TPB2Do.js";
+import { m as ge } from "../chunk/B5RFT17G.js";
+import { o as xe } from "../chunk/BKKEev13.js";
+import { r as Ce } from "../chunk/CIRG541s.js";
+import Te from "../utils/throttleByRaf.js";
+import Se from "./EditContent.js";
+import be from "./Operations.js";
+import Ne from "./useCssEllipsis.js";
+import we, { MEASURE_STATUS as O } from "./useEllipsis.js";
+import C from "lodash/isPlainObject.js";
+import L from "lodash/isUndefined.js";
+function $e(n, f) {
+  const {
+    type: a,
+    bold: N,
+    disabled: T,
+    mark: u,
+    underline: S,
+    delete: p,
+    code: w
+  } = n, l = [], h = [];
+  return a && h.push(`${f}-${a}`), T && h.push(`${f}-disabled`), N && l.push("b"), S && l.push("u"), p && l.push("del"), w && l.push("code"), u && l.push("mark"), {
+    component: l,
+    className: h
+  };
+}
+function ke(n, f) {
+  const {
+    componentType: a,
+    style: N,
+    className: T,
+    children: u,
+    editable: S,
+    ellipsis: p,
+    heading: w,
+    blockquote: l,
+    ...h
+  } = n, _ = ae(de), { getPrefixCls: V, rtl: A } = _, i = V("typography"), I = W(), { component: b, className: M } = $e(n, i), [H, U] = q(!1), [G, J] = q(0), $ = C(S) ? S : {}, K = "editing" in $ ? $.editing : H, e = p ? {
+    rows: 1,
+    ellipsisStr: "...",
+    cssEllipsis: !1,
+    ...C(p) ? p : {}
+  } : {}, Q = e.wrapper || R.Fragment, [r, X] = fe(!1, {
+    defaultValue: e.defaultExpanded,
+    value: e.expanded
+  }), { simpleEllipsis: k, ellipsisStyle: Y } = Ne(e), z = (t, o) => {
+    const s = L(e.ellipsisStr) ? "..." : e.ellipsisStr, d = !L(e.suffix) && e.suffix;
+    return /* @__PURE__ */ ie(Q, { children: [
+      t,
+      o && !r && !k ? s : "",
+      d,
+      te(o)
+    ] });
+  }, { ellipsisNode: Z, isEllipsis: m, measureStatus: D } = we({
+    ...e,
+    children: u,
+    expanding: r,
+    width: G,
+    renderMeasureContent: z,
+    simpleEllipsis: k || r
+  }), ee = Te((t) => {
+    const { contentRect: o } = t == null ? void 0 : t[0];
+    if (o) {
+      const s = b.includes("code") ? o.width - 18 : o.width;
+      [
+        O.NO_NEED_ELLIPSIS,
+        O.MEASURE_END
+      ].includes(D) && J(s);
+    }
+  }), j = W(null);
+  pe(() => {
+    const t = Ce([j.current], ee);
+    return () => {
+      t();
+    };
+  }, [j.current]);
+  function te(t) {
+    return /* @__PURE__ */ c(re, { children: /* @__PURE__ */ c(
+      be,
+      {
+        ...n,
+        setEditing: U,
+        onClickExpand: oe,
+        expanding: r,
+        isEllipsis: t,
+        currentContext: _
+      }
+    ) });
+  }
+  function oe(t) {
+    var o, s;
+    X(!r), (o = n.onClickExpand) == null || o.call(n, t), (s = e.onExpand) == null || s.call(e, !r, t);
+  }
+  ue(() => {
+    var t;
+    (t = e.onEllipsis) == null || t.call(e, m);
+  }, [m]), me(f, () => I.current);
+  function B(t, o, s, d = {}) {
+    let g = t;
+    return o.forEach((P, y) => {
+      const v = { className: `${i}-${P}` }, x = y === 0 ? d : {}, ne = C(s.mark) && s.mark.color ? { style: { backgroundColor: s.mark.color }, ...x } : { ...x };
+      g = R.createElement(
+        P,
+        le({ ...ne }, v),
+        g
+      );
+    }), g;
+  }
+  let E;
+  a === "Paragraph" ? E = l ? "blockquote" : "div" : a === "Title" ? E = `h${w}` : a === "Text" && (E = p ? "div" : "span");
+  function se() {
+    const t = ge(R.Children.toArray(u)), o = e.showTooltip, s = C(e.showTooltip) && e.showTooltip.type === "popover" ? "popover" : "tooltip", d = C(e.showTooltip) ? e.showTooltip.props || {} : {}, g = s === "popover" ? he : Ee, y = {
+      style: N,
+      ...m && !o && !r ? { title: t } : {}
+    }, v = m && o && !r, x = /* @__PURE__ */ c(
+      E,
+      {
+        ref: I,
+        className: F(
+          i,
+          M,
+          { [`${i}-rtl`]: A },
+          T
+        ),
+        ...y,
+        ...xe(h, [
+          "spacing",
+          "type",
+          "close",
+          "bold",
+          "disabled",
+          "mark",
+          "underline",
+          "delete",
+          "code",
+          "copyable",
+          "isEllipsis",
+          "expanding",
+          "onClickExpand",
+          "setEditing",
+          "forceShowExpand"
+        ]),
+        children: k && D !== O.INIT && !r && m ? B(
+          // CSS folding style, need to wrap the text separately.
+          z(
+            /* @__PURE__ */ c("span", { style: Y, children: u }),
+            m
+          ),
+          b.length ? b : ["span"],
+          n,
+          // 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: `${i}-simple-ellipsis` }
+        ) : B(Z, b, n)
+      }
+    );
+    return v ? /* @__PURE__ */ c(g, { content: t, ...d, children: /* @__PURE__ */ c("span", { children: x }) }) : x;
+  }
+  return K ? /* @__PURE__ */ c(
+    Se,
+    {
+      ref: f,
+      ...n,
+      className: F(
+        i,
+        M,
+        { [`${i}-rtl`]: A },
+        `${i}-${E}`,
+        T
+      ),
+      prefixCls: i,
+      setEditing: U,
+      editableConfig: $
+    }
+  ) : se();
+}
+const Ge = ce(ke);
+export {
+  Ge as default
+};

package/typography/EditContent.js

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

package/typography/Ellipsis.js

@@ -0,0 +1,124 @@
+import "react/jsx-runtime";
+import "react";
+import "../chunk/ll867Bf3.js";
+import "../chunk/BFTV6myl.js";
+import "../chunk/CdaT1b_F.js";
+import "lodash/isEqualWith";
+import "../chunk/D-TPB2Do.js";
+import "lodash/isNumber";
+import "lodash/merge";
+import "../utils/dom.js";
+import "../chunk/Biupwn8l.js";
+import "react-dom";
+import "../chunk/Ce1j9KTi.js";
+import "lodash/debounce";
+import "../chunk/yl4BU7Sd.js";
+import "../chunk/B6X4lnd0.js";
+import "../chunk/tamGhTJp.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 "../chunk/JPPo5nY_.js";
+import "lodash/isString.js";
+import "../chunk/DzVH9IBy.js";
+import "lodash/escapeRegExp";
+import "lodash/isArray";
+import "lodash/isString";
+import "lodash/isPlainObject";
+import "../chunk/Bl7BnD1R.js";
+import "../utils/throttleByRaf.js";
+import "lodash/isFunction";
+import "../chunk/CCv-5KFt.js";
+import "uuid";
+import "../affix/index.js";
+import "../alert/index.js";
+import "../anchor/Anchor.js";
+import "../auto-complete/index.js";
+import "../avatar/index.js";
+import "../back-top/index.js";
+import "../badge/index.js";
+import "../breadcrumb/index.js";
+import "../button/index.js";
+import "../calendar/index.js";
+import "../card/index.js";
+import "../carousel/index.js";
+import "../chunk/Bi4UkwOR.js";
+import "../chunk/SSK90wgo.js";
+import "../chunk/BSaQv6mx.js";
+import "../comment/index.js";
+import "../copy/index.js";
+import "../date-picker/index.js";
+import "../descriptions/index.js";
+import "../divider/index.js";
+import "../drawer/Drawer.js";
+import "../dropdown/index.js";
+import "../form/index.js";
+import "../grid/index.js";
+import "../icon/index.js";
+import "../image/Image.js";
+import "../input/Input.js";
+import "../input-tag/InputTag.js";
+import "../layout/index.js";
+import "../link/index.js";
+import "../list/index.js";
+import "../mentions/index.js";
+import "../chunk/C98ks5S8.js";
+import "../chunk/BjpUSKM3.js";
+import "../page-header/index.js";
+import "../pagination/Pagination.js";
+import "../popconfirm/index.js";
+import "../popover/index.js";
+import "../portal/index.js";
+import "../progress/index.js";
+import "../color-picker/index.js";
+import "../loading/index.js";
+import "../chunk/CD3AUpzo.js";
+import "../rate/index.js";
+import "../resize-box/index.js";
+import "../result/index.js";
+import "../select/Select.js";
+import "../skeleton/index.js";
+import "../slider/index.js";
+import "../space/index.js";
+import "../speech-synthesis/index.js";
+import "../spin/index.js";
+import "../statistic/index.js";
+import "../steps/index.js";
+import "../suspense-fallback-test/index.js";
+import "../switch/index.js";
+import "../table/index.js";
+import "../chunk/vmgkWLYf.js";
+import "../tag/index.js";
+import "../time-picker/index.js";
+import "../timeline/Timeline.js";
+import "../tooltip/index.js";
+import "../transfer/index.js";
+import "../tree/Tree.js";
+import "../tree-select/Select.js";
+import "../trigger/index.js";
+import { TypographyEllipsis as uo } from "./index.js";
+import "../upload/Upload.js";
+import "../verification-code/VerificationCode.js";
+import "../watermark/Watermark.js";
+import "../chunk/CIRG541s.js";
+import "lodash/isPlainObject.js";
+export {
+  uo as default
+};

package/typography/Operations.js

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

package/typography/Paragraph.js

@@ -0,0 +1,24 @@
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as p, useContext as c } from "react";
+import { a as f } from "../chunk/ll867Bf3.js";
+import { m as i } from "../chunk/JPPo5nY_.js";
+import l from "./Base.js";
+function g(a, r) {
+  const { spacing: s = "default", className: o } = a, { getPrefixCls: t } = c(f), e = t("typography"), m = s === "close" ? i(`${e}-spacing-close`, o) : o;
+  return /* @__PURE__ */ n(
+    l,
+    {
+      ...a,
+      ref: r,
+      componentType: "Paragraph",
+      className: m
+    }
+  );
+}
+const x = p(
+  g
+);
+x.displayName = "Paragraph";
+export {
+  x as default
+};

package/typography/Text.js

@@ -0,0 +1,11 @@
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as r } from "react";
+import m from "./Base.js";
+function n(o, t) {
+  return /* @__PURE__ */ e(m, { ...o, componentType: "Text", ref: t });
+}
+const p = r(n);
+p.displayName = "Text";
+export {
+  p as default
+};

package/typography/Title.js

@@ -0,0 +1,12 @@
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import m from "./Base.js";
+function p(t, e) {
+  const { heading: o = 1, ...r } = t;
+  return /* @__PURE__ */ i(m, { heading: o, ...r, componentType: "Title", ref: e });
+}
+const a = n(p);
+a.displayName = "Title";
+export {
+  a as default
+};

package/typography/Typography.js

@@ -0,0 +1,13 @@
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as c, useContext as f } from "react";
+import { a as i } from "../chunk/ll867Bf3.js";
+import { m as l } from "../chunk/JPPo5nY_.js";
+function y(o, t) {
+  const { getPrefixCls: r } = f(i), s = r("typography"), { className: a, style: e, children: p } = o, m = l(s, a);
+  return /* @__PURE__ */ n("article", { ref: t, style: e, className: m, children: p });
+}
+const g = c(y);
+g.displayName = "Typography";
+export {
+  g as default
+};