@unicom-cloud/ui 0.8.66 → 0.8.67

package/Notice.js

@@ -7,8 +7,19 @@ import "@unicom-cloud/icons/IconUiInfoCircleFill";
 import "@unicom-cloud/icons/IconUiLoading";
 import "@unicom-cloud/icons/context";
 import "react";
-import { m as u } from "./chunk/-zpSUpGE.js";
-import "./chunk/BAWsPQBM.js";
+import { m as w } from "./chunk/BJQ5UNa-.js";
+import "lodash/isEqualWith";
+import "./chunk/CkNSv2U7.js";
+import "./chunk/CSC_V_25.js";
+import "lodash/isNumber";
+import "lodash/merge";
+import "./utils/dom.js";
+import "./chunk/HrAP__Hi.js";
+import "./chunk/B5gK1Idp.js";
+import "react-dom";
+import "./chunk/Ce1j9KTi.js";
+import "lodash/debounce";
+import "./chunk/JPPo5nY_.js";
 export {
-  u as default
+  w as default
 };

package/Notification.js

@@ -1,13 +1,15 @@
 import "react/jsx-runtime";
-import "./chunk/CLBavO5c.js";
+import "./chunk/DC1iHEiy.js";
 import "lodash/isNumber";
 import "lodash/isUndefined";
+import "react";
 import "react-dom";
-import { g as u, h as c } from "./chunk/-zpSUpGE.js";
-import "./NotificationBase.js";
-import "./chunk/BAWsPQBM.js";
-import "./utils/reactDOM.js";
+import "react-dom/client";
+import { d as f, o as c, n as d, e as u } from "./chunk/BJQ5UNa-.js";
+import "./chunk/JPPo5nY_.js";
 export {
-  u as default,
-  c as useNotification
+  f as default,
+  c as getPosition,
+  d as notificationTypes,
+  u as useNotification
 };

package/OverflowEllipsis.js

@@ -1,98 +1,100 @@
-import { jsx as C, jsxs as D } from "react/jsx-runtime";
-import { useContext as j, useRef as k, useEffect as g, useState as m, useLayoutEffect as P } from "react";
-import { d as v } from "./chunk/-zpSUpGE.js";
-import { y as E } from "./chunk/BAWsPQBM.js";
-function _(l) {
-  const { getPrefixCls: x } = j(v), i = x("overflow-item"), u = k();
-  g(() => {
-    let e;
-    return u.current && (e = new ResizeObserver((f) => {
-      l.onResize(f == null ? void 0 : f[0].target);
-    }), e.observe(u.current)), () => {
-      var f, d;
-      u.current && ((f = e == null ? void 0 : e.unobserve) == null || f.call(e, u.current)), (d = e == null ? void 0 : e.disconnect) == null || d.call(e), e = null;
+import { jsx as C, jsxs as I } from "react/jsx-runtime";
+import { useContext as z, useRef as W, useEffect as v, useState as d, useLayoutEffect as M } from "react";
+import { a as _ } from "./chunk/BJQ5UNa-.js";
+import { m as j } from "./chunk/JPPo5nY_.js";
+import { l as k } from "./chunk/flvYlqx3.js";
+import D from "lodash/isFunction";
+function y(n) {
+  const { getPrefixCls: h } = z(_), c = h("overflow-item"), i = W();
+  v(() => {
+    if (!D(n.onResize)) return;
+    const x = k([i.current], (l) => {
+      var f;
+      n.onResize((f = l == null ? void 0 : l[0]) == null ? void 0 : f.target);
+    });
+    return () => {
+      x();
     };
-  }, [u.current]), g(() => (l.onResize(u.current), () => {
-    l.unregister(u.current);
+  }, [i.current, n.onResize]), v(() => (n.onResize(i.current), () => {
+    n.unregister(i.current);
   }), []);
-  const w = l.hidden;
+  const m = n.hidden;
   return /* @__PURE__ */ C(
     "div",
     {
-      ref: u,
-      className: E(i, l.className, {
-        [`${i}-hidden`]: w
+      ref: i,
+      className: j(c, n.className, {
+        [`${c}-hidden`]: m
       }),
-      children: l.children
+      children: n.children
     }
   );
 }
-function q(l) {
-  const { getPrefixCls: x } = j(v), i = x("overflow"), { items: u, suffixItems: w } = l, e = l.ellipsisNode || (({ ellipsisCount: t }) => `+${t}`), [f, d] = m(), [y, I] = m(), [h, N] = m({}), [R, $] = m({}), W = u.length - y, M = W > 0 ? e({ ellipsisCount: W }) : null;
-  P(() => {
-    const t = Object.values(h).length;
-    let o = Object.values(R).reduce((c, r) => c + ((r == null ? void 0 : r.width) || 0), 0), n = t;
-    Object.keys(h).some((c, r) => {
-      const a = h[c];
-      if (a && o + a.width > f)
-        return n = r, !0;
-      o += (a == null ? void 0 : a.width) || 0;
-    }), I(Math.max(n, 0));
-  }, [h, f, R]);
-  const s = k();
-  return g(() => {
-    let t;
-    return s.current && (t = new ResizeObserver((o) => {
-      var n;
-      d(((n = o == null ? void 0 : o[0]) == null ? void 0 : n.target.clientWidth) || 0);
-    }), t.observe(s.current)), () => {
-      var o, n;
-      s.current && ((o = t == null ? void 0 : t.unobserve) == null || o.call(t, s.current)), (n = t == null ? void 0 : t.disconnect) == null || n.call(t), t = null;
+function A(n) {
+  const { getPrefixCls: h } = z(_), c = h("overflow"), { items: i, suffixItems: m } = n, x = n.ellipsisNode || (({ ellipsisCount: t }) => `+${t}`), [l, f] = d(), [g, b] = d(), [a, N] = d({}), [O, R] = d({}), $ = i.length - g, E = $ > 0 ? x({ ellipsisCount: $ }) : null;
+  M(() => {
+    const t = Object.values(a).length;
+    let s = Object.values(O).reduce((e, o) => e + ((o == null ? void 0 : o.width) || 0), 0), r = t;
+    Object.keys(a).some((e, o) => {
+      const u = a[e];
+      if (u && s + u.width > l)
+        return r = o, !0;
+      s += (u == null ? void 0 : u.width) || 0;
+    }), b(Math.max(r, 0));
+  }, [a, l, O]);
+  const w = W();
+  return v(() => {
+    const t = k([w.current], (s) => {
+      var r, e;
+      f(((e = (r = s == null ? void 0 : s[0]) == null ? void 0 : r.target) == null ? void 0 : e.clientWidth) || 0);
+    });
+    return () => {
+      t();
     };
-  }, [s.current]), /* @__PURE__ */ D("div", { ref: s, className: E(i, l.className), children: [
-    u.map((t, o) => {
-      const n = `${(t == null ? void 0 : t.key) || o}_overflow_item_${o}`;
+  }, [w.current]), /* @__PURE__ */ I("div", { ref: w, className: j(c, n.className), children: [
+    i.map((t, s) => {
+      const r = `${(t == null ? void 0 : t.key) || s}_overflow_item_${s}`;
       return /* @__PURE__ */ C(
-        _,
+        y,
         {
-          onResize: (c) => {
-            N((r) => (r[n] = { node: c, width: c.clientWidth }, r));
+          onResize: (e) => {
+            N((o) => (o[r] = { node: e, width: e.clientWidth }, o));
           },
           unregister: () => {
-            N((c) => (delete c[n], c));
+            N((e) => (delete e[r], e));
           },
-          hidden: y < o + 1,
+          hidden: g < s + 1,
           children: t
         },
-        n
+        r
       );
     }),
-    [M, ...w].map((t, o) => {
+    [E, ...m].map((t, s) => {
       if (!t)
         return null;
-      const n = `${(t == null ? void 0 : t.key) || o}_overflow_suffix_item`;
+      const r = `${(t == null ? void 0 : t.key) || s}_overflow_suffix_item`;
       return /* @__PURE__ */ C(
-        _,
+        y,
         {
-          className: `${i}-suffix-item`,
-          onResize: (c) => {
-            $((r) => ({
-              ...r,
-              [`${n}`]: { node: c, width: c.clientWidth }
+          className: `${c}-suffix-item`,
+          onResize: (e) => {
+            R((o) => ({
+              ...o,
+              [`${r}`]: { node: e, width: e.clientWidth }
             }));
           },
           unregister: () => {
-            $((c) => (delete c[n], {
-              ...c
+            R((e) => (delete e[r], {
+              ...e
             }));
           },
           children: t
         },
-        n
+        r
       );
     })
   ] });
 }
 export {
-  q as default
+  A as default
 };

package/PageHeader.js

@@ -1,115 +1,115 @@
-import { jsxs as s, jsx as r, Fragment as _ } from "react/jsx-runtime";
-import T from "@unicom-cloud/icons/IconUiLeft";
-import W from "@unicom-cloud/icons/IconUiRight";
-import j, { useContext as K, useState as U, useRef as D, useImperativeHandle as F, useEffect as L } from "react";
-import M from "./Breadcrumb.js";
-import { d as S, I as q } from "./chunk/-zpSUpGE.js";
-import { useKeyboardEvent as G } from "./hooks/useKeyboardEvent.js";
-import { useMergeProps as J } from "./hooks/useMergeProps.js";
-import { y as N } from "./chunk/BAWsPQBM.js";
-import Q from "./utils/omit.js";
-function x(y, b) {
-  const { getPrefixCls: v, componentConfig: m, rtl: p } = K(S), n = J(
-    y,
+import { jsxs as o, jsx as r, Fragment as B } from "react/jsx-runtime";
+import E from "@unicom-cloud/icons/IconUiLeft";
+import _ from "@unicom-cloud/icons/IconUiRight";
+import T, { useContext as W, useState as j, useRef as U, useImperativeHandle as z, useEffect as D } from "react";
+import F from "./Breadcrumb.js";
+import { a as K, I as L } from "./chunk/BJQ5UNa-.js";
+import { h as S } from "./chunk/D2KPqPhV.js";
+import { c as q } from "./chunk/B5gK1Idp.js";
+import { m as p } from "./chunk/JPPo5nY_.js";
+import { c as G } from "./chunk/BdUcgWdu.js";
+import { l as J } from "./chunk/flvYlqx3.js";
+function $(b, g) {
+  const { getPrefixCls: v, componentConfig: d, rtl: u } = W(K), a = q(
+    b,
     {},
-    m == null ? void 0 : m.PageHeader
+    d == null ? void 0 : d.PageHeader
   ), {
-    header: k,
-    title: w,
-    subTitle: A,
-    extra: R,
-    children: f,
-    backIcon: d,
-    footer: u,
+    header: N,
+    title: x,
+    subTitle: y,
+    extra: k,
+    children: m,
+    backIcon: l,
+    footer: f,
     breadcrumb: h,
-    ...I
-  } = n;
-  let i = k;
+    ...A
+  } = a;
+  let i = N;
   Array.isArray(i) && !i.length && (i = null);
-  let o = w;
-  Array.isArray(o) && !o.length && (o = null);
-  let c = A;
+  let n = x;
+  Array.isArray(n) && !n.length && (n = null);
+  let s = y;
+  Array.isArray(s) && !s.length && (s = null);
+  let c = k;
   Array.isArray(c) && !c.length && (c = null);
-  let l = R;
-  Array.isArray(l) && !l.length && (l = null);
-  const P = G(), [C, E] = U(!1), a = D(), e = v("page-header");
-  F(b, () => ({
-    getRootDomElement: H
+  const w = S(), [I, R] = j(!1), t = U(), e = v("page-header");
+  z(g, () => ({
+    getRootDomElement: C
   }), []);
-  function H() {
-    return a.current;
+  function C() {
+    return t.current;
   }
-  return L(() => {
-    function B() {
-      a.current && E(a.current.offsetWidth < 768);
-    }
-    let t;
-    return a.current && (t = new ResizeObserver(B), t.observe(a.current)), () => {
-      var $, g;
-      a.current && (($ = t == null ? void 0 : t.unobserve) == null || $.call(t, a.current)), (g = t == null ? void 0 : t.disconnect) == null || g.call(t), t = null;
+  function P() {
+    t.current && R(t.current.offsetWidth < 768);
+  }
+  return D(() => {
+    const H = J([t.current], P);
+    return () => {
+      H();
     };
-  }, [a.current]), /* @__PURE__ */ s(
+  }, [t.current]), /* @__PURE__ */ o(
     "div",
     {
-      ...Q(I, ["onBack"]),
-      ref: a,
-      className: N(
+      ...G(A, ["onBack"]),
+      ref: t,
+      className: p(
         `${e}`,
         {
           [`${e}-with-breadcrumb`]: h,
-          [`${e}-with-content`]: f,
-          [`${e}-with-footer`]: u,
-          [`${e}-wrap`]: C,
-          [`${e}-rtl`]: p
+          [`${e}-with-content`]: m,
+          [`${e}-with-footer`]: f,
+          [`${e}-wrap`]: I,
+          [`${e}-rtl`]: u
         },
-        n.className
+        a.className
       ),
-      style: n.style,
+      style: a.style,
       children: [
         !!i && /* @__PURE__ */ r("div", { className: `${e}-header`, children: i }),
-        /* @__PURE__ */ s("div", { className: `${e}-head-wrapper`, children: [
-          h && /* @__PURE__ */ r(M, { ...h }),
-          /* @__PURE__ */ s("div", { className: `${e}-head`, children: [
-            /* @__PURE__ */ s(
+        /* @__PURE__ */ o("div", { className: `${e}-head-wrapper`, children: [
+          h && /* @__PURE__ */ r(F, { ...h }),
+          /* @__PURE__ */ o("div", { className: `${e}-head`, children: [
+            /* @__PURE__ */ o(
               "div",
               {
-                className: N(`${e}-head-main`, {
-                  [`${e}-head-main-with-back`]: d
+                className: p(`${e}-head-main`, {
+                  [`${e}-head-main-with-back`]: l
                 }),
                 children: [
-                  d && /* @__PURE__ */ r(
-                    q,
+                  l && /* @__PURE__ */ r(
+                    L,
                     {
                       prefix: e,
                       tabIndex: 0,
                       role: "button",
                       className: `${e}-back`,
-                      onClick: n.onBack,
-                      ...P({
-                        onPressEnter: n.onBack
+                      onClick: a.onBack,
+                      ...w({
+                        onPressEnter: a.onBack
                       }),
-                      children: /* @__PURE__ */ r("span", { className: `${e}-back-icon`, children: d === !0 ? p ? /* @__PURE__ */ r(W, {}) : /* @__PURE__ */ r(T, {}) : d })
+                      children: /* @__PURE__ */ r("span", { className: `${e}-back-icon`, children: l === !0 ? u ? /* @__PURE__ */ r(_, {}) : /* @__PURE__ */ r(E, {}) : l })
                     }
                   ),
-                  o && /* @__PURE__ */ r("div", { className: `${e}-title`, children: o }),
-                  c && /* @__PURE__ */ s(_, { children: [
+                  n && /* @__PURE__ */ r("div", { className: `${e}-title`, children: n }),
+                  s && /* @__PURE__ */ o(B, { children: [
                     /* @__PURE__ */ r("div", { className: `${e}-divider` }),
-                    /* @__PURE__ */ r("div", { className: `${e}-sub-title`, children: c })
+                    /* @__PURE__ */ r("div", { className: `${e}-sub-title`, children: s })
                   ] })
                 ]
               }
             ),
-            l && /* @__PURE__ */ r("div", { className: `${e}-head-extra`, children: l })
+            c && /* @__PURE__ */ r("div", { className: `${e}-head-extra`, children: c })
           ] })
         ] }),
-        f && /* @__PURE__ */ r("div", { className: `${e}-content`, children: f }),
-        u && /* @__PURE__ */ r("div", { className: `${e}-footer`, children: u })
+        m && /* @__PURE__ */ r("div", { className: `${e}-content`, children: m }),
+        f && /* @__PURE__ */ r("div", { className: `${e}-footer`, children: f })
       ]
     }
   );
 }
-x.displayName = "PageHeader";
-const ne = j.forwardRef(x);
+$.displayName = "PageHeader";
+const ie = T.forwardRef($);
 export {
-  ne as default
+  ie as default
 };

package/Pagination.js

@@ -1,4 +1,4 @@
-import { P as a } from "./chunk/CHnFKgbk.js";
+import { P as a } from "./chunk/w-kM1L5W.js";
 export {
   a as default
 };

package/Picker.js

@@ -1,4 +1,4 @@
-import { I as p, a as t } from "./chunk/CeGEvXby.js";
+import { I as p, a as t } from "./chunk/VVKtwaGf.js";
 export {
   p as Input,
   t as InputRange

package/Popconfirm.js

@@ -1,27 +1,27 @@
-import { jsx as t, jsxs as d, Fragment as G } from "react/jsx-runtime";
-import J from "@unicom-cloud/icons/IconUiExclamationCircleFill";
-import y from "lodash/isFunction";
-import K from "lodash/isNil";
+import { jsx as t, jsxs as d, Fragment as J } from "react/jsx-runtime";
+import K from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import N from "lodash/isFunction";
+import M from "lodash/isNil";
 import { forwardRef as Q, useContext as X, useState as Y, useImperativeHandle as Z, useEffect as _ } from "react";
-import N from "./Button.js";
-import { d as ee } from "./chunk/-zpSUpGE.js";
-import { useMergeProps as oe } from "./hooks/useMergeProps.js";
-import { useMergeValue as ne } from "./hooks/useMergeValue.js";
-import te from "./Tooltip.js";
-import { y as ie } from "./chunk/BAWsPQBM.js";
-const re = {
+import k from "./Button.js";
+import { a as oo } from "./chunk/BJQ5UNa-.js";
+import { c as eo } from "./chunk/B5gK1Idp.js";
+import { R as no } from "./chunk/HDUQku8d.js";
+import to from "./Tooltip.js";
+import { m as io } from "./chunk/JPPo5nY_.js";
+const ro = {
   position: "top",
   okType: "primary",
-  icon: /* @__PURE__ */ t(J, {}),
+  icon: /* @__PURE__ */ t(K, {}),
   blurToHide: !0,
   unmountOnExit: !0,
   trigger: "click",
   escToClose: !0
 };
-function se(V, h) {
-  const { getPrefixCls: k, locale: C, componentConfig: a, rtl: $ } = X(ee), e = oe(
-    V,
-    re,
+function so(y, h) {
+  const { getPrefixCls: V, locale: C, componentConfig: a, rtl: $ } = X(oo), o = eo(
+    y,
+    ro,
     a == null ? void 0 : a.Popconfirm
   ), {
     style: v,
@@ -40,91 +40,91 @@ function se(V, h) {
     okText: z,
     cancelText: I,
     okType: L,
-    okButtonProps: M,
+    okButtonProps: R,
     cancelButtonProps: S,
     content: s,
-    ...R
-  } = e, [u, U] = ne(!1, {
-    defaultValue: e.defaultPopupVisible,
-    value: e.popupVisible
-  }), [g, l] = Y(!1), o = k("popconfirm"), x = !K(s), T = (n) => {
-    "popupVisible" in e || U(n), r && r.onVisibleChange && r.onVisibleChange(n), m == null || m(n);
-  }, c = () => {
+    ...U
+  } = o, [u, W] = no(!1, {
+    defaultValue: o.defaultPopupVisible,
+    value: o.popupVisible
+  }), [x, c] = Y(!1), e = V("popconfirm"), g = !M(s), T = (n) => {
+    "popupVisible" in o || W(n), r && r.onVisibleChange && r.onVisibleChange(n), m == null || m(n);
+  }, l = () => {
     T(!1);
-  }, W = (n) => {
-    var i;
-    c(), (i = e.onCancel) == null || i.call(e, n);
   }, q = (n) => {
+    var i;
+    l(), (i = o.onCancel) == null || i.call(o, n);
+  }, A = (n) => {
     var b;
-    let i = (b = e.onOk) == null ? void 0 : b.call(e, n);
-    i != null && i.then && (l(!0), i.then(
+    let i = (b = o.onOk) == null ? void 0 : b.call(o, n);
+    i != null && i.then && (c(!0), i.then(
       () => {
-        c();
+        l();
       },
-      (D) => {
-        l(!1), console.error(D);
+      (G) => {
+        c(!1), console.error(G);
       }
-    )), i || c();
-  }, A = () => {
-    const n = /* @__PURE__ */ d(G, { children: [
-      /* @__PURE__ */ t(N, { onClick: W, size: "mini", ...S, children: I || C.Popconfirm.cancelText }),
+    )), i || l();
+  }, D = () => {
+    const n = /* @__PURE__ */ d(J, { children: [
+      /* @__PURE__ */ t(k, { onClick: q, size: "mini", ...S, children: I || C.Popconfirm.cancelText }),
       /* @__PURE__ */ t(
-        N,
+        k,
         {
-          loading: g,
-          onClick: q,
+          loading: x,
+          onClick: A,
           size: "mini",
           type: L,
-          ...M,
+          ...R,
           children: z || C.Popconfirm.okText
         }
       )
     ] });
-    return /* @__PURE__ */ d("div", { className: `${o}-wrapper`, children: [
-      /* @__PURE__ */ d("div", { className: `${o}-title`, children: [
-        P && /* @__PURE__ */ t("span", { className: `${o}-title-icon`, children: P }),
-        /* @__PURE__ */ t("div", { className: `${o}-title-text`, children: y(f) ? f() : f })
+    return /* @__PURE__ */ d("div", { className: `${e}-wrapper`, children: [
+      /* @__PURE__ */ d("div", { className: `${e}-title`, children: [
+        P && /* @__PURE__ */ t("span", { className: `${e}-title-icon`, children: P }),
+        /* @__PURE__ */ t("div", { className: `${e}-title-text`, children: N(f) ? f() : f })
       ] }),
-      x && /* @__PURE__ */ t("div", { className: `${o}-inner-content`, children: y(s) ? s() : s }),
-      /* @__PURE__ */ t("div", { className: `${o}-btn`, children: n })
+      g && /* @__PURE__ */ t("div", { className: `${e}-inner-content`, children: N(s) ? s() : s }),
+      /* @__PURE__ */ t("div", { className: `${e}-btn`, children: n })
     ] });
   };
   return Z(h, () => ({
-    close: c
-  })), _(() => (!u && g && l(!1), () => {
-    l(!1);
+    close: l
+  })), _(() => (!u && x && c(!1), () => {
+    c(!1);
   }), [u]), /* @__PURE__ */ t(
-    te,
+    to,
     {
-      ...R,
+      ...U,
       ref: h,
       style: {
         maxWidth: 350,
         ...v
       },
-      className: ie(E, {
-        [`${o}-rtl`]: $,
-        [`${o}-has-content`]: x
+      className: io(E, {
+        [`${e}-rtl`]: $,
+        [`${e}-has-content`]: g
       }),
-      prefixCls: o,
+      prefixCls: e,
       getPopupContainer: B,
       position: H,
       trigger: j,
       escToClose: w,
       popupVisible: u,
-      content: A,
+      content: D,
       unmountOnExit: O,
       blurToHide: F,
       popupHoverStay: !0,
       triggerProps: r,
       onVisibleChange: T,
-      childrenPrefix: o,
+      childrenPrefix: e,
       children: typeof p == "string" ? /* @__PURE__ */ t("span", { children: p }) : p
     }
   );
 }
-const le = Q(se);
-le.displayName = "Popconfirm";
+const co = Q(so);
+co.displayName = "Popconfirm";
 export {
-  le as default
+  co as default
 };