@unicom-cloud/ui 0.8.108 → 0.8.110

package/notice/index.js

@@ -1,183 +1,71 @@
-import { jsxs as N, Fragment as F, jsx as e } from "react/jsx-runtime";
-import M from "@unicom-cloud/icons/context";
-import Z from "@unicom-cloud/icons/IconUiCheckCircleFill";
-import R from "@unicom-cloud/icons/IconUiClose";
-import ee from "@unicom-cloud/icons/IconUiCloseCircleFill";
-import oe from "@unicom-cloud/icons/IconUiExclamationCircleFill";
-import ne from "@unicom-cloud/icons/IconUiInfoCircleFill";
-import re from "@unicom-cloud/icons/IconUiLoading";
-import { forwardRef as ie, useContext as E, useRef as f, useImperativeHandle as te, useEffect as j } from "react";
-import ce from "../config-provider/ConfigProvider.js";
-import D from "../config-provider/context.js";
+import "react/jsx-runtime";
+import "@unicom-cloud/icons/context";
+import "@unicom-cloud/icons/IconUiCheckCircleFill";
+import "@unicom-cloud/icons/IconUiClose";
+import "@unicom-cloud/icons/IconUiCloseCircleFill";
+import "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import "@unicom-cloud/icons/IconUiInfoCircleFill";
+import "@unicom-cloud/icons/IconUiLoading";
+import "react";
+import { f as go } from "../chunk/BcEZk8pT.js";
+import "../chunk/DsaQZE4X.js";
+import "../chunk/CdXR6dj7.js";
+import "@unicom-cloud/utils/js-cookie";
+import "dayjs";
+import "lodash/debounce";
+import "@unicom-cloud/utils/screenfull";
+import "../chunk/BDgzrqDN.js";
+import "lodash/throttle";
+import "@unicom-cloud/utils/constant/platform";
+import "lodash/isPlainObject";
+import "@unicom-cloud/utils/query-string";
+import "react-router";
 import "lodash/isEqualWith";
-import "../components/common/utils/is.js";
 import "@unicom-cloud/utils/constant/keyboardCode";
 import "lodash/isNumber";
 import "lodash/merge";
-import "../components/common/utils/dom.js";
-import "../components/common/hooks/useIntersectionObserver.js";
-import se from "../components/common/hooks/useMergeProps.js";
-import "../components/common/utils/reactDOM.js";
+import "../chunk/d1c9z8T1.js";
+import "@unicom-cloud/utils/date";
+import "@unicom-cloud/utils/case-name";
+import "@unicom-cloud/utils/class-name";
+import "@unicom-cloud/utils/constant/ui";
+import "@unicom-cloud/utils/clipboard-copy";
+import "../chunk/DS_deHpN.js";
+import "@unicom-cloud/utils/file/fileToURL";
+import "lodash/escapeRegExp";
+import "lodash/isArray";
+import "lodash/isString";
+import "lodash/isFunction";
+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/uniq";
+import "lodash/upperFirst";
+import "@unicom-cloud/utils/math";
+import "@unicom-cloud/utils/mitt";
+import "@unicom-cloud/utils/pinyin";
+import "../chunk/BJ9_azwQ.js";
+import "../chunk/CXrVhA6-.js";
+import "@unicom-cloud/utils/file/saveAs";
+import "@unicom-cloud/utils/constant/ui.js";
+import "@unicom-cloud/utils/tinycolor";
+import "@unicom-cloud/utils/ui-color";
+import "react-is";
+import "@unicom-cloud/utils/tree";
+import "@unicom-cloud/utils/is";
+import "uuid";
+import "../chunk/hc_ufgVf.js";
+import "../chunk/RjJoagzL.js";
+import "../chunk/FgWHhRFz.js";
 import "@unicom-cloud/utils/constant";
-import "lodash/debounce";
-import H from "../icon-hover/index.js";
-import le from "@unicom-cloud/utils/class-name";
-const ae = {
-  type: "info",
-  showIcon: !0,
-  noticeType: "message",
-  duration: 3e3
-};
-function me(L, O) {
-  const {
-    getPrefixCls: _,
-    componentConfig: q,
-    rtl: z
-  } = E(D), n = se(
-    L,
-    ae,
-    q?.Notice
-  ), A = E(D), B = _?.("notice");
-  f();
-  const s = f(), v = f(), $ = f(), {
-    title: I,
-    content: b,
-    showIcon: G,
-    className: J,
-    style: K,
-    type: g,
-    btn: w,
-    icon: Q,
-    prefixCls: o,
-    closable: p,
-    noticeType: d,
-    iconPrefix: P,
-    rtl: S = z,
-    closeIcon: l,
-    classPrefixCls: k
-  } = n, V = le(
-    o,
-    `${o}-${g}`,
-    {
-      [`${o}-closable`]: p,
-      [`${o}-rtl`]: S
-    },
-    J
-  );
-  let u = "closable" in n ? p : !0, C = G;
-  g === "normal" && !Q && (C = !1);
-  const y = { ...A };
-  k && (y.prefixCls = k);
-  function W() {
-    return v.current;
-  }
-  function h() {
-    const { duration: i, onClose: m, id: x } = n;
-    i !== 0 && (s.current = window.setTimeout(() => {
-      m?.(x), c();
-    }, i));
-  }
-  function c() {
-    s.current && (window.clearTimeout(s.current), s.current = null);
-  }
-  function a() {
-    n.onClose?.(n.id);
-  }
-  function T() {
-    const { showIcon: i, icon: m, type: x, iconPrefix: U } = n;
-    let r;
-    if (m)
-      r = m;
-    else if (i) {
-      switch (x) {
-        case "info":
-          r = /* @__PURE__ */ e(ne, {});
-          break;
-        case "success":
-          r = /* @__PURE__ */ e(Z, {});
-          break;
-        case "error":
-          r = /* @__PURE__ */ e(ee, {});
-          break;
-        case "warning":
-          r = /* @__PURE__ */ e(oe, {});
-          break;
-        case "loading":
-          r = /* @__PURE__ */ e(re, {});
-          break;
-      }
-      r = /* @__PURE__ */ e(
-        M.Provider,
-        {
-          value: U ? { prefixCls: U } : {},
-          children: r
-        }
-      );
-    }
-    return /* @__PURE__ */ e("span", { className: `${o}-icon`, children: r });
-  }
-  function X() {
-    c();
-  }
-  function Y() {
-    c(), h();
-  }
-  te(O, () => ({
-    getRootDOMNode: W
-  }), []), j(() => {
-    const i = $.current;
-    return (i && i?.duration !== n.duration || n.update) && (c(), h()), $.current = n, () => {
-    };
-  }, [n.duration, n.update]), j(() => (h(), () => {
-    c();
-  }), []);
-  let t;
-  return d === "message" && (u = p, t = /* @__PURE__ */ N(F, { children: [
-    C && T(),
-    /* @__PURE__ */ e("span", { className: `${o}-content`, children: b }),
-    u && (l !== void 0 ? /* @__PURE__ */ e("span", { onClick: a, className: `${o}-close-btn`, children: l }) : /* @__PURE__ */ e(
-      H,
-      {
-        prefix: o,
-        className: `${o}-close-btn`,
-        onClick: a,
-        children: /* @__PURE__ */ e(R, {})
-      }
-    ))
-  ] })), d === "notification" && (t = /* @__PURE__ */ N(F, { children: [
-    C && /* @__PURE__ */ e("div", { className: `${o}-left`, children: T() }),
-    /* @__PURE__ */ N("div", { className: `${o}-right`, children: [
-      I && /* @__PURE__ */ e("div", { className: `${o}-title`, children: I }),
-      /* @__PURE__ */ e("div", { className: `${o}-content`, children: b }),
-      w && /* @__PURE__ */ e("div", { className: `${o}-btn-wrapper`, children: w })
-    ] }),
-    u && (l !== void 0 ? /* @__PURE__ */ e("span", { onClick: a, className: `${o}-close-btn`, children: l }) : /* @__PURE__ */ e(
-      H,
-      {
-        prefix: o,
-        className: `${o}-close-btn`,
-        onClick: a,
-        children: /* @__PURE__ */ e(
-          M.Provider,
-          {
-            value: P ? { prefixCls: P } : {},
-            children: /* @__PURE__ */ e(R, {})
-          }
-        )
-      }
-    ))
-  ] })), t && (t = /* @__PURE__ */ e(ce, { ...y, childrenName: "notice", children: /* @__PURE__ */ e(
-    "div",
-    {
-      ref: v,
-      className: `${B}-${d}`,
-      onMouseEnter: X,
-      onMouseLeave: Y,
-      children: /* @__PURE__ */ e("div", { className: V, style: K, role: "alert", children: t })
-    }
-  ) })), t;
-}
-const De = ie(me);
 export {
-  De as default
+  go as default
 };

package/notification/index.js

@@ -1,146 +1,17 @@
-import { jsx as m } from "react/jsx-runtime";
-import "../dist/react-transition-group/src/CSSTransition.js";
-import "../dist/react-transition-group/src/ReplaceTransition.js";
-import "../dist/react-transition-group/src/SwitchTransition.js";
-import "../dist/react-transition-group/chunk/CPfP7aNL.js";
-import L from "../dist/react-transition-group/src/TransitionGroup.js";
-import v from "lodash/isNumber";
-import b from "lodash/isUndefined";
-import { useEffect as R } from "react";
-import { createPortal as T } from "react-dom";
-import { createRoot as _ } from "react-dom/client";
-import O from "../notice/index.js";
-import { PqbCSSTransition as q } from "../components/common/utils/PqbCSSTransition.js";
-import S from "@unicom-cloud/utils/class-name";
-import k from "./useNotification.js";
-import H from "./withNotification.js";
-const Q = [
-  "info",
-  "success",
-  "error",
-  "warning",
-  "loading",
-  "normal"
-];
-let a = {}, h = [], y, E, $, g, d;
-function w(t, e) {
-  return b(t) && (t = e || d ? "topLeft" : "topRight"), t;
-}
-function U(t) {
-  const { prefixCls: e, rtl: o, getContainer: u, notices: r } = t, c = b(o) ? d : o, n = w(t.position, c), l = e || E, p = l ? `${l}-notification` : "pqb-notification";
-  let C;
-  n === "topLeft" || n === "bottomLeft" ? C = "slideNoticeLeft" : C = "slideNoticeRight";
-  const P = S(
-    `${p}-wrapper`,
-    `${p}-wrapper-${n}`,
-    { [`${p}-wrapper-rtl`]: d }
-  ), x = u?.();
-  function j(s) {
-    const i = r.find((I) => I.id === s);
-    i && t.update({
-      ...i,
-      style: { ...i.style, opacity: 0 }
-    }), setTimeout(() => {
-      t.remove(s);
-    }, 200);
-  }
-  R(() => (t.add(t), () => {
-    t.clear();
-  }), []);
-  const N = /* @__PURE__ */ m("div", { className: P, children: /* @__PURE__ */ m(L, { component: null, children: r.map((s) => /* @__PURE__ */ m(
-    q,
-    {
-      timeout: {
-        enter: 400,
-        exit: 300
-      },
-      classNames: C,
-      onExit: (i) => {
-        i && (i.style.height = `${i.scrollHeight}px`);
-      },
-      onExiting: (i) => {
-        i && (i.style.height = 0);
-      },
-      onExited: (i) => {
-        i && (i.style.height = 0, s.onClose?.());
-      },
-      children: /* @__PURE__ */ m(
-        O,
-        {
-          ...s,
-          onClose: j,
-          prefixCls: p,
-          iconPrefix: l,
-          classPrefixCls: l,
-          noticeType: "notification",
-          rtl: c
-        }
-      )
-    },
-    s.id
-  )) }) });
-  return x ? T(N, x) : N;
-}
-const f = H(U);
-f.useNotification = k;
-f.config = (t = {}) => {
-  v(t.maxCount) && (y = t.maxCount), t.prefixCls && (E = t.prefixCls), v(t.duration) && ($ = t.duration), typeof t.rtl == "boolean" && (d = t.rtl), t.getContainer && t.getContainer?.() !== g && (g = t.getContainer(), Object.values(a).forEach(
-    (e) => e?.clear?.()
-  ), a = {});
-};
-f.clear = () => {
-  Object.values(a).forEach((t) => {
-    t?.clear();
-  });
-};
-f.remove = (t) => {
-  Object.values(a).forEach((e) => {
-    e?.remove(t);
-  });
-};
-f.addInstance = (t) => {
-  const e = w(t.position, d), o = a[e], u = {
-    duration: $,
-    ...t
-  };
-  if (o) {
-    const r = o.notices.find(
-      (n) => n.id === t.id
-    ), c = {
-      ...u,
-      update: r
-    };
-    o.notices.length >= y && (r ? c.id = r.id : o.shift()), o.add({ ...c });
-  }
-  if (o === null && h.push(t), o === void 0) {
-    const r = document.createElement("div");
-    (g || document.body).appendChild(r), _(r).render(
-      /* @__PURE__ */ m(
-        f,
-        {
-          ...u,
-          ref: (n) => {
-            if (n) {
-              for (let l = 0; l < h.length; l++)
-                n.add(h[l]);
-              h = [], a[e] = n;
-            }
-          }
-        }
-      )
-    ), a[e] = null;
-  }
-  return a[e];
-};
-Q.forEach((t) => {
-  f[t] = (e) => f.addInstance({
-    ...e,
-    type: t
-  });
-});
+import "react/jsx-runtime";
+import "../chunk/BJ9_azwQ.js";
+import "lodash/isNumber";
+import "lodash/isUndefined";
+import "react";
+import "react-dom";
+import "react-dom/client";
+import { N as d, g, n as u, d as N } from "../chunk/BcEZk8pT.js";
+import "../chunk/B--6x-RL.js";
+import "@unicom-cloud/utils/class-name";
+import "./withNotification.js";
 export {
-  f as default,
-  w as getPosition,
-  Q as notificationTypes,
-  k as useNotification
+  d as default,
+  g as getPosition,
+  u as notificationTypes,
+  N as useNotification
 };

package/notification/useNotification.js

@@ -1,54 +1,6 @@
-import { jsx as d } from "react/jsx-runtime";
-import { useRef as N } from "react";
-import H, { notificationTypes as I, getPosition as P } from "./index.js";
-import { ContextHolderElement as R } from "../utils/contextHolder.js";
-function b(u = {}) {
-  const {
-    maxCount: p,
-    duration: x = 3e3,
-    prefixCls: C,
-    getContainer: m
-  } = u, e = N(), g = /* @__PURE__ */ d(R, { ref: e }), r = {};
-  let a;
-  function h(o) {
-    let i, s;
-    if (e.current) {
-      const t = e.current.getContextConfig();
-      s = t.rtl, i = t.prefixCls;
-    }
-    const E = C || i, c = P(o.position, s), f = {
-      duration: x,
-      ...o
-    }, n = r[c];
-    if (n) {
-      if (n.notices.length >= p) {
-        const t = n.notices[0];
-        f.id = t.id, n.shift();
-      }
-      n.add({ ...f });
-    } else
-      a = /* @__PURE__ */ d(
-        H,
-        {
-          ...f,
-          prefixCls: E,
-          rtl: s,
-          getContainer: m,
-          ref: (t) => {
-            r[c] = t;
-          }
-        }
-      ), e.current.addInstance(a);
-    return r[c];
-  }
-  const l = {};
-  return I.forEach((o) => {
-    l[o] = (i) => h({
-      ...i,
-      type: o
-    });
-  }), [l, g];
-}
+import "react/jsx-runtime";
+import "react";
+import { d as p } from "../chunk/BcEZk8pT.js";
 export {
-  b as default
+  p as default
 };

package/overflow-ellipsis/OverflowItem.js

@@ -1,15 +1,14 @@
 import { jsx as m } from "react/jsx-runtime";
 import c from "lodash/isFunction";
-import { useContext as u, useRef as l, useEffect as n } from "react";
-import "../config-provider/ConfigProvider.js";
-import d from "@unicom-cloud/utils/class-name";
-import { resizeObserver as a } from "../components/common/utils/resizeObserver.js";
-import x from "../config-provider/context.js";
-function w(e) {
-  const { getPrefixCls: i } = u(x), t = i?.("overflow-item"), r = l();
+import { useContext as u, useRef as a, useEffect as n } from "react";
+import { a as d } from "../chunk/BcEZk8pT.js";
+import l from "@unicom-cloud/utils/class-name";
+import { r as x } from "../chunk/B8W1N4er.js";
+function N(e) {
+  const { getPrefixCls: i } = u(d), t = i?.("overflow-item"), r = a(void 0);
   n(() => {
     if (!c(e.onResize)) return;
-    const s = a([r.current], (f) => {
+    const s = x([r.current], (f) => {
       e.onResize(f?.[0]?.target);
     });
     return () => {
@@ -23,7 +22,7 @@ function w(e) {
     "div",
     {
       ref: r,
-      className: d(t, e.className, {
+      className: l(t, e.className, {
         [`${t}-hidden`]: o
       }),
       children: e.children
@@ -31,5 +30,5 @@ function w(e) {
   );
 }
 export {
-  w as default
+  N as default
 };

package/overflow-ellipsis/index.js

@@ -1,74 +1,75 @@
-import { jsxs as $, jsx as C } from "react/jsx-runtime";
-import { useContext as j, useState as i, useLayoutEffect as k, useRef as b, useEffect as z } from "react";
-import "../config-provider/ConfigProvider.js";
-import E from "@unicom-cloud/utils/class-name";
-import { resizeObserver as I } from "../components/common/utils/resizeObserver.js";
-import v from "./OverflowItem.js";
-import M from "../config-provider/context.js";
-function A(l) {
-  const { getPrefixCls: g } = j(M), f = g?.("overflow"), { items: a, suffixItems: O } = l, y = l.ellipsisNode || (({ ellipsisCount: t }) => `+${t}`), [m, N] = i(), [d, W] = i(), [o, h] = i({}), [x, p] = i({}), w = a.length - d, _ = w > 0 ? y({ ellipsisCount: w }) : null;
+import { jsxs as $, jsx as v } from "react/jsx-runtime";
+import { useContext as j, useState as i, useLayoutEffect as k, useRef as b, useEffect as E } from "react";
+import { a as I } from "../chunk/BcEZk8pT.js";
+import z from "@unicom-cloud/utils/class-name";
+import { r as M } from "../chunk/B8W1N4er.js";
+import C from "./OverflowItem.js";
+function q(l) {
+  const { getPrefixCls: g } = j(I), f = g?.("overflow"), { items: a, suffixItems: O } = l, y = l.ellipsisNode || (({ ellipsisCount: t }) => `+${t}`), [m, N] = i(), [d, W] = i(), [o, h] = i({}), [x, w] = i({}), p = a.length - d, _ = p > 0 ? y({ ellipsisCount: p }) : null;
   k(() => {
     const t = Object.values(o).length;
-    let r = Object.values(x).reduce((e, n) => e + (n?.width || 0), 0), s = t;
+    let s = Object.values(x).reduce((e, n) => e + (n?.width || 0), 0), r = t;
     Object.keys(o).some((e, n) => {
       const c = o[e];
-      if (c && r + c.width > m)
-        return s = n, !0;
-      r += c?.width || 0;
-    }), W(Math.max(s, 0));
+      if (c && s + c.width > m)
+        return r = n, !0;
+      s += c?.width || 0;
+    }), W(Math.max(r, 0));
   }, [o, m, x]);
   const u = b();
-  return z(() => {
-    const t = I([u.current], (r) => {
-      N(r?.[0]?.target?.clientWidth || 0);
+  return E(() => {
+    const t = M([u.current], (s) => {
+      N(s?.[0]?.target?.clientWidth || 0);
     });
     return () => {
       t();
     };
-  }, [u.current]), /* @__PURE__ */ $("div", { ref: u, className: E(f, l.className), children: [
-    a.map((t, r) => {
-      const s = `${t?.key || r}_overflow_item_${r}`;
-      return /* @__PURE__ */ C(
-        v,
+  }, [u.current]), /* @__PURE__ */ $("div", { ref: u, className: z(f, l.className), children: [
+    a.map((t, s) => {
+      const r = `${t?.key || s}_overflow_item_${s}`;
+      return /* @__PURE__ */ v(
+        C,
         {
           onResize: (e) => {
-            h((n) => (n[s] = { node: e, width: e.clientWidth }, n));
+            h((n) => (n[r] = { node: e, width: e.clientWidth }, n));
           },
           unregister: () => {
-            h((e) => (delete e[s], e));
+            h((e) => (delete e[r], e));
           },
-          hidden: d < r + 1,
+          hidden: d < s + 1,
           children: t
         },
-        s
+        r
       );
     }),
-    [_, ...O].map((t, r) => {
+    [_, ...O].map((t, s) => {
       if (!t)
         return null;
-      const s = `${t?.key || r}_overflow_suffix_item`;
-      return /* @__PURE__ */ C(
-        v,
+      const r = `${t?.key || s}_overflow_suffix_item`;
+      return /* @__PURE__ */ v(
+        C,
         {
           className: `${f}-suffix-item`,
           onResize: (e) => {
-            p((n) => ({
+            w((n) => ({
               ...n,
-              [`${s}`]: { node: e, width: e.clientWidth }
+              [`${r}`]: { node: e, width: e.clientWidth }
             }));
           },
           unregister: () => {
-            p((e) => (delete e[s], {
+            w((e) => (delete e[r], {
               ...e
             }));
           },
           children: t
         },
-        s
+        r
       );
     })
   ] });
 }
 export {
-  A as default
+  C as OverflowEllipsisItem,
+  C as OverflowItem,
+  q as default
 };

package/package.json

@@ -1 +1 @@
-{"name":"@unicom-cloud/ui","version":"0.8.108","dependencies":{"@unicom-cloud/icons":"latest"},"peerDependencies":{"react":"^18.3.1","react-dom":"^18.3.1","dayjs":"^1.11.10","lodash":"^4.17.21","uuid":"^11.1.0","qrcode.react":"^4.2.0"},"peerDependenciesMeta":{},"type":"module","types":"types/pc/index.d.ts","main":"./index.js","publishConfig":{"registry":"https://registry.npmjs.org/","access":"public"}}
+{"name":"@unicom-cloud/ui","version":"0.8.110","dependencies":{"@unicom-cloud/icons":"latest"},"peerDependencies":{"react":"^19.1.1","react-dom":"^19.1.1","dayjs":"^1.11.10","lodash":"^4.17.21","uuid":"^11.1.0","qrcode.react":"^4.2.0"},"peerDependenciesMeta":{},"type":"module","types":"types/pc/index.d.ts","main":"./index.js","publishConfig":{"registry":"https://registry.npmjs.org/","access":"public"}}