@unicom-cloud/ui 0.8.67 → 0.8.69

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
+};

package/typography/index.js

@@ -0,0 +1,278 @@
+import { jsxs as N, jsx as o } from "react/jsx-runtime";
+import { forwardRef as J, useContext as K, useRef as y, useState as O, useMemo as z, useEffect as E, useCallback as Q } from "react";
+import { a as U } from "../chunk/ll867Bf3.js";
+import { u as X } from "../chunk/BFTV6myl.js";
+import { u as Y } from "../chunk/CdaT1b_F.js";
+import "lodash/isEqualWith";
+import "../chunk/D-TPB2Do.js";
+import "lodash/isNumber";
+import "lodash/merge";
+import { isServerRendering as Z } from "../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 { m as p } from "../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 tt from "../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 rt from "../tooltip/index.js";
+import "../transfer/index.js";
+import "../tree/Tree.js";
+import "../tree-select/Select.js";
+import "../trigger/index.js";
+import ot from "./Paragraph.js";
+import et from "./Text.js";
+import it from "./Title.js";
+import pt from "./Typography.js";
+import "../upload/Upload.js";
+import "../verification-code/VerificationCode.js";
+import "../watermark/Watermark.js";
+import { r as mt } from "../chunk/CIRG541s.js";
+import V from "lodash/isPlainObject.js";
+const nt = {
+  rows: 1,
+  expandable: !0,
+  defaultExpanded: !1
+}, st = (j, at) => {
+  var M;
+  const $ = K(U), T = X(
+    j,
+    nt,
+    (M = $.componentConfig) == null ? void 0 : M["Typography.Ellipsis"]
+  ), {
+    className: A,
+    style: L,
+    rows: n,
+    disabled: P,
+    showTooltip: u,
+    children: s,
+    expandable: d,
+    expandRender: R,
+    onExpand: l,
+    onEllipsis: a
+  } = T, { locale: w } = $, S = Z ? !1 : /^((?!chrome|android).)*safari/i.test((navigator == null ? void 0 : navigator.userAgent) ?? ""), D = y(null), m = y(null), [C, H] = O(""), [_, b] = O(!1), c = y(null), f = y(null), [r, W] = Y(!1, {
+    defaultValue: T.defaultExpanded,
+    value: T.expanded
+  }), [i, k] = O(!1), x = z(() => V(d) ? !d.single && n === 1 : n === 1, [n, d]), h = z(() => V(u) ? {
+    tooltip: !0,
+    tooltipProps: u
+  } : {
+    tooltip: !!u,
+    tooltipProps: u
+  }, [u]);
+  E(() => {
+    if (m.current) {
+      const e = m.current.textContent;
+      e && H(e);
+    }
+  }, [s, m]);
+  const t = $.getPrefixCls("ellipsis"), q = () => R ? R(r) : /* @__PURE__ */ o("span", { className: `${t}-action-text`, children: r ? w.Typography.fold : w.Typography.unfold }), g = () => d && i ? /* @__PURE__ */ o(
+    "div",
+    {
+      className: p(`${t}-action`, {
+        [`${t}-action-collapsed`]: !r
+      }),
+      onClick: (e) => {
+        r ? (W(!1), l == null || l(!1, e)) : (W(!0), b(!1), l == null || l(!0, e));
+      },
+      children: q()
+    }
+  ) : null, F = Q(
+    tt(() => {
+      f.current && c.current && ((x ? f.current.offsetWidth > c.current.offsetWidth : f.current.offsetHeight > c.current.offsetHeight) ? i === !1 && (k(!0), a == null || a(!0)) : i === !0 && (k(!1), a == null || a(!1)));
+    }),
+    [i, x]
+  );
+  E(() => {
+    const e = mt(
+      [c.current, f.current],
+      F
+    );
+    return () => {
+      e();
+    };
+  }, [c.current, f.current]);
+  const G = () => P ? null : /* @__PURE__ */ o(
+    "div",
+    {
+      className: x ? p(`${t}-content-mirror`, `${t}-single`) : p(
+        `${t}-content-mirror`,
+        `${t}-multiple`,
+        `${t}-collapsed`
+      ),
+      style: {
+        WebkitBoxOrient: "vertical",
+        MozBoxOrient: "vertical",
+        WebkitLineClamp: n
+      },
+      ref: c,
+      children: /* @__PURE__ */ o("span", { ref: f, className: `${t}-text`, children: s })
+    }
+  ), B = () => x ? /* @__PURE__ */ o("div", { className: p(`${t}-content`, `${t}-single`), children: /* @__PURE__ */ o("span", { ref: m, className: `${t}-text`, children: s }) }) : S ? /* @__PURE__ */ N(
+    "div",
+    {
+      className: p(`${t}-content`, `${t}-multiple`),
+      title: !h.tooltip && i && !r ? C : void 0,
+      children: [
+        !r && g(),
+        /* @__PURE__ */ o(
+          "span",
+          {
+            ref: m,
+            className: p(`${t}-text`, {
+              [`${t}-collapsed`]: !r
+            }),
+            style: {
+              WebkitBoxOrient: "vertical",
+              MozBoxOrient: "vertical",
+              WebkitLineClamp: n
+            },
+            children: s
+          }
+        ),
+        r && g()
+      ]
+    }
+  ) : /* @__PURE__ */ N(
+    "div",
+    {
+      className: p(`${t}-content`, `${t}-multiple`, {
+        [`${t}-collapsed`]: !r
+      }),
+      style: {
+        WebkitBoxOrient: "vertical",
+        MozBoxOrient: "vertical",
+        WebkitLineClamp: n
+      },
+      title: !h.tooltip && i && !r ? C : void 0,
+      children: [
+        !r && g(),
+        /* @__PURE__ */ o("span", { ref: m, className: `${t}-text`, children: s }),
+        r && g()
+      ]
+    }
+  ), I = () => P ? /* @__PURE__ */ o("div", { className: `${t}-content`, children: /* @__PURE__ */ o("span", { ref: m, className: `${t}-text`, children: s }) }) : h.tooltip ? /* @__PURE__ */ o(
+    rt,
+    {
+      content: C,
+      popupVisible: _,
+      disabled: !i || r,
+      triggerProps: {
+        mouseEnterDelay: 100
+      },
+      onVisibleChange: (e) => {
+        e ? i && !r && b(!0) : b(!1);
+      },
+      ...h.tooltipProps,
+      children: B()
+    }
+  ) : B();
+  return /* @__PURE__ */ N("div", { ref: D, className: p(t, A), style: L, children: [
+    G(),
+    I()
+  ] });
+}, lt = J(st), v = pt;
+v.Title = it;
+v.Text = et;
+v.Paragraph = ot;
+v.Ellipsis = lt;
+export {
+  lt as TypographyEllipsis,
+  ot as TypographyParagraph,
+  et as TypographyText,
+  it as TypographyTitle,
+  v as default
+};

package/typography/interface.js

@@ -0,0 +1 @@
+

package/typography/useCssEllipsis.js

@@ -0,0 +1,37 @@
+import p from "lodash/isUndefined";
+import { useMemo as u } from "react";
+const w = (e, t) => {
+  if (typeof window < "u" && window.CSS && window.CSS.supports)
+    return p(t) ? window.CSS.supports(e) : window.CSS.supports(e, t);
+  if (typeof document < "u" && document.createElement) {
+    const i = document.createElement("div");
+    return i.setAttribute("style", `${e}:${t};`), typeof i.style[e] < "u";
+  }
+  return !1;
+}, d = {
+  display: " -webkit-box",
+  "-webkit-line-clamp": 2
+}, f = () => Object.entries(d).every(
+  ([e, t]) => w(e, t)
+);
+function S(e) {
+  const { cssEllipsis: t, ellipsisStr: i = "...", suffix: s, rows: o } = e, n = u(() => !t || o > 1 && !f() ? !1 : i === "..." && !s, [i, t, o, s]), r = {
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    overflow: "hidden"
+  }, l = {
+    textOverflow: "ellipsis",
+    whiteSpace: "normal",
+    overflow: "hidden",
+    WebkitLineClamp: `${e.rows}`,
+    WebkitBoxOrient: "vertical",
+    display: "-webkit-box"
+  };
+  return {
+    simpleEllipsis: n,
+    ellipsisStyle: n ? e.rows > 1 ? l : r : {}
+  };
+}
+export {
+  S as default
+};

package/typography/useEllipsis.js

@@ -0,0 +1,150 @@
+import { jsxs as z, jsx as H } from "react/jsx-runtime";
+import T from "lodash/isNumber";
+import tt from "lodash/isString";
+import et, { useRef as S, useState as v, useMemo as X } from "react";
+import { u as j } from "../chunk/B2yFlXke.js";
+import { u as ot } from "../chunk/BSCrLtfQ.js";
+import st from "../utils/throttleByRaf.js";
+const rt = "hxj";
+var it = /* @__PURE__ */ ((e) => (e[e.INIT = 0] = "INIT", e[e.BEFORE_MEASURE = 1] = "BEFORE_MEASURE", e[e.MEASURING = 2] = "MEASURING", e[e.MEASURE_END = 3] = "MEASURE_END", e[e.NO_NEED_ELLIPSIS = 4] = "NO_NEED_ELLIPSIS", e))(it || {});
+function ut(e) {
+  const {
+    children: p,
+    rows: g = 1,
+    width: f,
+    expanding: G,
+    renderMeasureContent: x,
+    simpleEllipsis: w,
+    onEllipsis: M,
+    suffix: k,
+    expandNodes: q,
+    expandable: J,
+    ellipsisStr: K
+  } = e, a = S(), y = S(), [Q, O] = v([0, 0, 0]), [N, V] = v(0), [o, h] = v(
+    4
+    /* NO_NEED_ELLIPSIS */
+  ), [u, E, R] = Q, [m, W] = v(!1), I = X(() => et.Children.toArray(p), [p]), C = S(0);
+  ot(() => {
+    M == null || M(m);
+  }, [m]);
+  const F = (t) => tt(t) || T(t), Y = (t) => {
+    let s = 0;
+    return t.forEach((r) => {
+      F(r) ? s += String(r).length : s += 1;
+    }), s;
+  }, d = X(() => Y(I), [I]), P = st(
+    (t) => O(t)
+  ), b = (t) => {
+    const s = [];
+    let r = 0;
+    if (t >= d)
+      return I;
+    for (const l in I) {
+      const n = I[l];
+      if (r >= t)
+        return s;
+      const i = F(n) ? String(n).length : 1;
+      if (i > t - r)
+        return s.push(String(n).slice(0, t - r)), r = t, s;
+      r += i, s.push(n);
+    }
+    return s;
+  }, Z = () => {
+    var t, s, r;
+    if (N) {
+      if (o === 0) {
+        const l = g * N, i = ((t = y.current) == null ? void 0 : t.offsetHeight) > l;
+        !i || w || G ? (h(
+          3
+          /* MEASURE_END */
+        ), W(i), O([0, d, d])) : (W(!0), h(
+          1
+          /* BEFORE_MEASURE */
+        ));
+      } else if (o === 1) {
+        const l = (s = a == null ? void 0 : a.current) == null ? void 0 : s.offsetWidth, n = g * f;
+        if (l > g * f) {
+          const i = Math.max(n / l - 0.1, 0), L = Math.min(n / l + 0.1, 1), D = Math.floor(i * d), A = Math.ceil(L * d), U = Math.floor(
+            (D + A) / 2
+          );
+          C.current = U;
+        }
+        h(
+          2
+          /* MEASURING */
+        );
+      } else if (o === 2)
+        if (u !== R - 1) {
+          const l = (r = y.current) == null ? void 0 : r.offsetHeight, n = g * N;
+          let i = u, L = R;
+          l <= n ? i = E : L = E;
+          const D = Math.floor((L + i) / 2);
+          P([i, D, L]);
+        } else
+          P([u, u, u]), h(
+            3
+            /* MEASURE_END */
+          );
+    }
+  };
+  j(() => {
+    e.rows && f ? (O([0, Math.floor(d / 2), d]), h(
+      0
+      /* INIT */
+    )) : h(
+      4
+      /* NO_NEED_ELLIPSIS */
+    );
+  }, [
+    d,
+    w,
+    G,
+    f,
+    k,
+    q,
+    J,
+    K,
+    e.rows
+  ]), j(() => {
+    if (a.current && o === 0) {
+      const t = a.current.offsetHeight;
+      V(t);
+    }
+  }, [o]), j(() => {
+    Z();
+  }, [o, E, u, R, N]);
+  const B = {
+    zIndex: -999,
+    position: "fixed",
+    opacity: 0,
+    padding: 0,
+    margin: 0
+  }, $ = {
+    whiteSpace: "nowrap",
+    ...B
+  }, _ = w ? {
+    textOverflow: "clip",
+    ...B
+  } : B;
+  let c;
+  if (o === 0 || o === 1)
+    c = /* @__PURE__ */ z("div", { children: [
+      /* @__PURE__ */ H("div", { ref: a, style: $, children: o === 0 ? rt : x(p, !1) }),
+      /* @__PURE__ */ H("div", { ref: y, style: { width: f, ..._ }, children: x(p, m) })
+    ] }), c = c.props.children;
+  else if (o === 2) {
+    const t = {
+      height: N * g,
+      overflow: "hidden"
+    };
+    c = /* @__PURE__ */ z("div", { children: [
+      /* @__PURE__ */ H("div", { ref: y, style: { width: f, ..._ }, children: x(b(E), m) }),
+      /* @__PURE__ */ H("div", { style: t, children: b(C.current) })
+    ] }), c = c.props.children;
+  } else o === 3 ? c = x(b(E), m) : o === 4 && (c = x(p, !1));
+  return { ellipsisNode: c, isEllipsis: m, measureStatus: o };
+}
+export {
+  it as MEASURE_STATUS,
+  ut as default
+};