@unicom-cloud/ui 0.8.66 → 0.8.68

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

package/upload/TriggerNode.js

@@ -0,0 +1,116 @@
+import { jsx as r, jsxs as x } from "react/jsx-runtime";
+import y from "@unicom-cloud/icons/IconUiPlus";
+import A from "@unicom-cloud/icons/IconUiUpload";
+import C, { forwardRef as G, useContext as K, useState as U, useEffect as L } from "react";
+import O from "../button/index.js";
+import { a as R } from "../chunk/ll867Bf3.js";
+import { u as B } from "../chunk/XTEsYGuF.js";
+import { m as I } from "../chunk/JPPo5nY_.js";
+import { loopDirectory as H, getFiles as S } from "./util.js";
+const V = (e, T) => {
+  const k = B(), { locale: l } = K(R), [c, g] = U(!1), [s, f] = U(0), {
+    tip: E,
+    children: m,
+    disabled: n,
+    drag: w,
+    listType: F,
+    prefixCls: a,
+    accept: N,
+    multiple: P
+  } = e, $ = {
+    disabled: n
+  };
+  return L(() => {
+    f(0);
+  }, [c]), m === null ? null : /* @__PURE__ */ r(
+    "div",
+    {
+      className: `${a}-trigger`,
+      onClick: n ? void 0 : e.onClick,
+      ...k({
+        onPressEnter: () => {
+          var t;
+          !n && ((t = e.onClick) == null || t.call(e));
+        }
+      }),
+      ref: T,
+      onDragEnter: () => {
+        f(s + 1);
+      },
+      onDragLeave: (t) => {
+        var i;
+        t.preventDefault(), s === 0 ? (g(!1), !n && ((i = e.onDragLeave) == null || i.call(e, t))) : f(s - 1);
+      },
+      onDrop: (t) => {
+        var i, b;
+        if (t.preventDefault(), !n && e.drag !== !1) {
+          if (g(!1), e.directory)
+            H(t.dataTransfer.items, N, (u) => {
+              var d;
+              (d = e.onDragFiles) == null || d.call(e, u);
+            });
+          else {
+            const u = [].slice.call(t.dataTransfer.items || []).reduce((D, o, j) => {
+              if (o.webkitGetAsEntry) {
+                const h = o.webkitGetAsEntry();
+                return h != null && h.isDirectory ? [...D, j] : D;
+              }
+            }, []), d = [].slice.call(t.dataTransfer.files || []).filter((D, o) => !u.includes(o)), v = S(d, N);
+            v.length > 0 && ((i = e.onDragFiles) == null || i.call(e, P ? v : v.slice(0, 1)));
+          }
+          (b = e.onDrop) == null || b.call(e, t);
+        }
+      },
+      onDragOver: (t) => {
+        var i;
+        t.preventDefault(), !n && !c && (g(!0), (i = e.onDragOver) == null || i.call(e, t));
+      },
+      children: C.isValidElement(m) ? /* @__PURE__ */ r(
+        "div",
+        {
+          className: I({ [`${a}-trigger-custom-active`]: c }),
+          children: C.cloneElement(m, $)
+        }
+      ) : F === "picture-card" ? /* @__PURE__ */ r("div", { className: `${a}-trigger-picture-wrapper`, children: /* @__PURE__ */ r(
+        "div",
+        {
+          className: `${a}-trigger-picture`,
+          tabIndex: 0,
+          "aria-label": l.Upload.upload,
+          children: /* @__PURE__ */ r("div", { className: `${a}-trigger-picture-text`, children: /* @__PURE__ */ r(y, {}) })
+        }
+      ) }) : w ? /* @__PURE__ */ x(
+        "div",
+        {
+          className: I(`${a}-trigger-drag`, {
+            [`${a}-trigger-drag-active`]: c
+          }),
+          tabIndex: 0,
+          "aria-label": l.Upload.drag,
+          children: [
+            /* @__PURE__ */ r(y, {}),
+            /* @__PURE__ */ r("p", { className: `${a}-trigger-drag-text`, children: c ? l.Upload.dragHover : l.Upload.drag }),
+            E && /* @__PURE__ */ r("div", { className: `${a}-trigger-tip`, children: E })
+          ]
+        }
+      ) : /* @__PURE__ */ x(
+        O,
+        {
+          ...$,
+          "aria-label": l.Upload.upload,
+          type: "primary",
+          className: `${a}-trigger-with-icon`,
+          children: [
+            /* @__PURE__ */ r(A, {}),
+            l.Upload.upload
+          ]
+        }
+      )
+    }
+  );
+}, Z = G(
+  V
+);
+export {
+  Z as default
+};