@unicom-cloud/ui 0.8.44 → 0.8.46

package/typography/Ellipsis.js

@@ -0,0 +1,293 @@
+import { jsxs as W, jsx as i } from "react/jsx-runtime";
+import { forwardRef as U, useContext as X, useRef as N, useState as b, useMemo as S, useEffect as k, useCallback as Y } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import Z from "../hooks/useMergeProps.js";
+import O from "../hooks/useMergeValue.js";
+/* empty css            */
+import "lodash/isEqualWith";
+import { isObject as D } from "../utils/is.js";
+import "lodash/isNumber";
+import "lodash/merge";
+import { isServerRendering as z } from "../utils/dom.js";
+import "@unicom-cloud/utils/clipboard-copy";
+import "@unicom-cloud/utils/screenfull";
+import "lodash/throttle";
+import "../hooks/useIntersectionObserver.js";
+import "../hooks/useLocation.js";
+import "../hooks/useNetworkState.js";
+import "../utils/reactDOM.js";
+import "@unicom-cloud/utils/tween/easing";
+import n from "@unicom-cloud/utils/class-name";
+import "../Affix.js";
+import "../Alert.js";
+/* empty css                        */
+/* empty css                         */
+import "../anchor/Anchor.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";
+/* empty css                           */
+/* empty css                        */
+/* empty css                      */
+/* empty css                            */
+/* empty css                          */
+/* empty css                           */
+import "../cascader/Cascader.js";
+import "../checkbox/Checkbox.js";
+/* empty css                           */
+import "../collapse/Collapse.js";
+import "../Comment.js";
+import "../Copy.js";
+import "../DatePicker.js";
+import "../Descriptions.js";
+import "../Divider.js";
+/* empty css                         */
+/* empty css                         */
+import "../drawer/Drawer.js";
+import "../Dropdown.js";
+import "../Empty.js";
+import "../Form.js";
+import "../Grid.js";
+import "../grid/Col.js";
+import "../grid/Row.js";
+import "../Icon.js";
+/* empty css                        */
+import "../image/Image.js";
+/* empty css                        */
+import "../input/Input.js";
+import "../InputNumber.js";
+import "../input-tag/InputTag.js";
+import "../Layout.js";
+import "../Link.js";
+import "../List.js";
+import "../Mentions.js";
+/* empty css                           */
+/* empty css                          */
+/* empty css                       */
+import "../menu/Menu.js";
+import "../Message.js";
+/* empty css                        */
+import "../modal/Modal.js";
+import "../Notification.js";
+import "../PageHeader.js";
+/* empty css                         */
+/* empty css                             */
+import "../pagination/Pagination.js";
+import "../Popconfirm.js";
+import "../Popover.js";
+import "../Portal.js";
+import "../Progress.js";
+import "../ColorPicker.js";
+import "../IconHover.js";
+import "../Loading.js";
+/* empty css                        */
+import "../radio/Radio.js";
+import "../radio/Group.js";
+import "../Rate.js";
+import "../ResizeBox.js";
+import "../Result.js";
+import "../select/Select.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";
+/* empty css                       */
+import "../tabs/Tab.js";
+import "../Tag.js";
+import "../TimePicker.js";
+/* empty css                           */
+import "../timeline/Timeline.js";
+import tt from "../Tooltip.js";
+import "../Transfer.js";
+/* empty css                       */
+import "@unicom-cloud/utils/is";
+import "lodash/get";
+import "lodash/has";
+import "lodash/isArray";
+import "lodash/isFunction";
+import "lodash/isUndefined";
+import "../tree/Context.js";
+import "../tree/Node.js";
+import "../tree/NodeList.js";
+/* empty css                              */
+import "../tree-select/Select.js";
+import "@unicom-cloud/react-transition-group";
+import "lodash/isEqual";
+import "../utils/raf.js";
+import rt from "../utils/throttleByRaf.js";
+import "react-dom";
+import "../Typography.js";
+/* empty css                           */
+/* empty css                         */
+import "../upload/Upload.js";
+/* empty css                                    */
+import "../verification-code/VerificationCode.js";
+/* empty css                            */
+import "../watermark/Watermark.js";
+import { ConfigContext as ot } from "../config-provider/context.js";
+const it = {
+  rows: 1,
+  expandable: !0,
+  defaultExpanded: !1
+}, et = (E, pt) => {
+  var L;
+  const v = X(ot), y = Z(
+    E,
+    it,
+    (L = v.componentConfig) == null ? void 0 : L["Typography.Ellipsis"]
+  ), {
+    className: H,
+    style: _,
+    rows: s,
+    disabled: B,
+    showTooltip: u,
+    children: a,
+    expandable: $,
+    expandRender: M,
+    onExpand: c,
+    onEllipsis: f
+  } = y, { locale: P } = v, q = z ? !1 : /^((?!chrome|android).)*safari/i.test((navigator == null ? void 0 : navigator.userAgent) ?? ""), F = N(null), l = N(null), [R, G] = b(""), [I, w] = b(!1), e = N(null), p = N(null), [o, T] = O(!1, {
+    defaultValue: y.defaultExpanded,
+    value: y.expanded
+  }), [m, V] = b(!1), h = S(() => D($) ? !$.single && s === 1 : s === 1, [s, $]), g = S(() => D(u) ? {
+    tooltip: !0,
+    tooltipProps: u
+  } : {
+    tooltip: !!u,
+    tooltipProps: u
+  }, [u]);
+  k(() => {
+    if (l.current) {
+      const t = l.current.textContent;
+      t && G(t);
+    }
+  }, [a, l]);
+  const r = v.getPrefixCls("ellipsis"), J = () => M ? M(o) : /* @__PURE__ */ i("span", { className: `${r}-action-text`, children: o ? P.Typography.fold : P.Typography.unfold }), C = () => $ && m ? /* @__PURE__ */ i(
+    "div",
+    {
+      className: n(`${r}-action`, {
+        [`${r}-action-collapsed`]: !o
+      }),
+      onClick: (t) => {
+        o ? (T(!1), c == null || c(!1, t)) : (T(!0), w(!1), c == null || c(!0, t));
+      },
+      children: J()
+    }
+  ) : null, j = Y(
+    rt(() => {
+      p.current && e.current && ((h ? p.current.offsetWidth > e.current.offsetWidth : p.current.offsetHeight > e.current.offsetHeight) ? m === !1 && (V(!0), f == null || f(!0)) : m === !0 && (V(!1), f == null || f(!1)));
+    }),
+    [m, h]
+  );
+  k(() => {
+    let t;
+    return e.current && (t = new ResizeObserver(j), t.observe(e.current)), () => {
+      var d, x;
+      e.current && ((d = t == null ? void 0 : t.unobserve) == null || d.call(t, e.current)), (x = t == null ? void 0 : t.disconnect) == null || x.call(t), t = null;
+    };
+  }, [e.current]), k(() => {
+    let t;
+    return p.current && (t = new ResizeObserver(j), t.observe(p.current)), () => {
+      var d, x;
+      p.current && ((d = t == null ? void 0 : t.unobserve) == null || d.call(t, p.current)), (x = t == null ? void 0 : t.disconnect) == null || x.call(t), t = null;
+    };
+  }, [p.current]);
+  const K = () => B ? null : /* @__PURE__ */ i(
+    "div",
+    {
+      className: h ? n(`${r}-content-mirror`, `${r}-single`) : n(
+        `${r}-content-mirror`,
+        `${r}-multiple`,
+        `${r}-collapsed`
+      ),
+      style: {
+        WebkitBoxOrient: "vertical",
+        MozBoxOrient: "vertical",
+        WebkitLineClamp: s
+      },
+      ref: e,
+      children: /* @__PURE__ */ i("span", { ref: p, className: `${r}-text`, children: a })
+    }
+  ), A = () => h ? /* @__PURE__ */ i("div", { className: n(`${r}-content`, `${r}-single`), children: /* @__PURE__ */ i("span", { ref: l, className: `${r}-text`, children: a }) }) : q ? /* @__PURE__ */ W(
+    "div",
+    {
+      className: n(`${r}-content`, `${r}-multiple`),
+      title: !g.tooltip && m && !o ? R : void 0,
+      children: [
+        !o && C(),
+        /* @__PURE__ */ i(
+          "span",
+          {
+            ref: l,
+            className: n(`${r}-text`, {
+              [`${r}-collapsed`]: !o
+            }),
+            style: {
+              WebkitBoxOrient: "vertical",
+              MozBoxOrient: "vertical",
+              WebkitLineClamp: s
+            },
+            children: a
+          }
+        ),
+        o && C()
+      ]
+    }
+  ) : /* @__PURE__ */ W(
+    "div",
+    {
+      className: n(`${r}-content`, `${r}-multiple`, {
+        [`${r}-collapsed`]: !o
+      }),
+      style: {
+        WebkitBoxOrient: "vertical",
+        MozBoxOrient: "vertical",
+        WebkitLineClamp: s
+      },
+      title: !g.tooltip && m && !o ? R : void 0,
+      children: [
+        !o && C(),
+        /* @__PURE__ */ i("span", { ref: l, className: `${r}-text`, children: a }),
+        o && C()
+      ]
+    }
+  ), Q = () => B ? /* @__PURE__ */ i("div", { className: `${r}-content`, children: /* @__PURE__ */ i("span", { ref: l, className: `${r}-text`, children: a }) }) : g.tooltip ? /* @__PURE__ */ i(
+    tt,
+    {
+      content: R,
+      popupVisible: I,
+      disabled: !m || o,
+      triggerProps: {
+        mouseEnterDelay: 100
+      },
+      onVisibleChange: (t) => {
+        t ? m && !o && w(!0) : w(!1);
+      },
+      ...g.tooltipProps,
+      children: A()
+    }
+  ) : A();
+  return /* @__PURE__ */ W("div", { ref: F, className: n(r, H), style: _, children: [
+    K(),
+    Q()
+  ] });
+}, Fo = U(et);
+export {
+  Fo 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.js";
+import z from "../hooks/useKeyboardEvent.js";
+import B from "../Tooltip.js";
+import C from "../utils/mergedToString.js";
+function X(P) {
+  var x, g, E, u, 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, p = I("typography"), s = a(m) ? m : {}, n = a(i) ? i : {}, f = L(s.expandNodes) ? s.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: `${p}-operation-copy`,
+      tooltipProps: e.tooltipProps
+    }
+  ), $ = i && /* @__PURE__ */ t(
+    B,
+    {
+      content: (E = o == null ? void 0 : o.Typography) == null ? void 0 : E.edit,
+      ...n.tooltipProps,
+      children: /* @__PURE__ */ t(
+        "span",
+        {
+          tabIndex: 0,
+          "aria-label": (u = o == null ? void 0 : o.Typography) == null ? void 0 : u.edit,
+          role: "button",
+          className: `${p}-operation-edit`,
+          onClick: y,
+          ...l({
+            onPressEnter: y
+          }),
+          children: /* @__PURE__ */ t(K, {})
+        }
+      )
+    }
+  ), O = k || s.expandable && j ? /* @__PURE__ */ t(
+    "a",
+    {
+      className: `${p}-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,26 @@
+import { jsx as p } from "react/jsx-runtime";
+import { forwardRef as n, useContext as c } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import i from "@unicom-cloud/utils/class-name";
+import f from "./Base.js";
+import { ConfigContext as l } from "../config-provider/context.js";
+function g(a, r) {
+  const { spacing: s = "default", className: o } = a, { getPrefixCls: t } = c(l), e = t("typography"), m = s === "close" ? i(`${e}-spacing-close`, o) : o;
+  return /* @__PURE__ */ p(
+    f,
+    {
+      ...a,
+      ref: r,
+      componentType: "Paragraph",
+      className: m
+    }
+  );
+}
+const x = n(
+  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,15 @@
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as c, useContext as i } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import l from "@unicom-cloud/utils/class-name";
+import { ConfigContext as f } from "../config-provider/context.js";
+function y(o, t) {
+  const { getPrefixCls: r } = i(f), 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/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 j from "../hooks/useIsomorphicLayoutEffect.js";
+import ot from "../hooks/useUpdateEffect.js";
+import rt from "../utils/throttleByRaf.js";
+const st = "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 r = 0;
+    return t.forEach((s) => {
+      F(s) ? r += String(s).length : r += 1;
+    }), r;
+  }, d = X(() => Y(I), [I]), P = rt(
+    (t) => O(t)
+  ), b = (t) => {
+    const r = [];
+    let s = 0;
+    if (t >= d)
+      return I;
+    for (const l in I) {
+      const n = I[l];
+      if (s >= t)
+        return r;
+      const i = F(n) ? String(n).length : 1;
+      if (i > t - s)
+        return r.push(String(n).slice(0, t - s)), s = t, r;
+      s += i, r.push(n);
+    }
+    return r;
+  }, Z = () => {
+    var t, r, s;
+    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 = (r = a == null ? void 0 : a.current) == null ? void 0 : r.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 = (s = y.current) == null ? void 0 : s.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 ? st : 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
+};