@unicom-cloud/ui 0.8.43 → 0.8.45

package/Notification.js

@@ -1,13 +1,138 @@
-import "react/jsx-runtime";
-import "./chunk/C6Kfwj0f.js";
-import { N as s } from "./chunk/Dr0iXIXO.js";
-import "@unicom-cloud/react-transition-group";
-import "lodash/isNumber";
-import "lodash/isUndefined";
-import "react-dom";
-import "./NotificationBase.js";
-import "@unicom-cloud/utils/class-name";
-import "./utils/reactDOM.js";
+var I = Object.defineProperty;
+var R = (m, l, t) => l in m ? I(m, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : m[l] = t;
+var o = (m, l, t) => R(m, typeof l != "symbol" ? l + "" : l, t);
+import { jsx as g } from "react/jsx-runtime";
+/* empty css                 */
+/* empty css                              */
+import { TransitionGroup as O } from "@unicom-cloud/react-transition-group";
+import L from "lodash/isNumber";
+import E from "lodash/isUndefined";
+import { createPortal as q } from "react-dom";
+import N from "./Notice.js";
+import S from "./NotificationBase.js";
+import B from "./utils/CSSTransition.js";
+import G from "@unicom-cloud/utils/class-name";
+import { render as H } from "./utils/reactDOM.js";
+import U from "./notification/useNotification.js";
+const k = ["info", "success", "error", "warning", "normal"];
+let i = {}, P, T, j, w, y;
+const s = class s extends S {
+  constructor() {
+    super(...arguments);
+    o(this, "remove", (t) => {
+      const e = this.state.notices.find((n) => n.id === t);
+      e && this.update({
+        ...e,
+        style: { ...e.style, opacity: 0 }
+      }), setTimeout(() => {
+        super.remove(t);
+      }, 200);
+    });
+  }
+  render() {
+    const { notices: t } = this.state, { prefixCls: e, rtl: n, getContainer: d } = this.props;
+    let a = this.state.position;
+    const h = E(n) ? y : n;
+    E(a) && (a = h ? "topLeft" : "topRight");
+    const c = e || T, r = c ? `${c}-notification` : "pqb-notification";
+    let p;
+    a === "topLeft" || a === "bottomLeft" ? p = "slideNoticeLeft" : p = "slideNoticeRight";
+    const x = G(
+      `${r}-wrapper`,
+      `${r}-wrapper-${a}`,
+      { [`${r}-wrapper-rtl`]: y }
+    ), u = d == null ? void 0 : d(), b = /* @__PURE__ */ g("div", { className: x, children: /* @__PURE__ */ g(O, { component: null, children: t.map((C) => /* @__PURE__ */ g(
+      B,
+      {
+        timeout: {
+          enter: 400,
+          exit: 300
+        },
+        classNames: p,
+        onExit: (f) => {
+          f && (f.style.height = `${f.scrollHeight}px`);
+        },
+        onExiting: (f) => {
+          f && (f.style.height = 0);
+        },
+        onExited: (f) => {
+          var $;
+          f && (f.style.height = 0, ($ = C.onClose) == null || $.call(C));
+        },
+        children: /* @__PURE__ */ g(
+          N,
+          {
+            ...C,
+            onClose: this.remove,
+            prefixCls: r,
+            iconPrefix: c,
+            classPrefixCls: c,
+            noticeType: "notification",
+            rtl: h
+          }
+        )
+      },
+      C.id
+    )) }) });
+    return u ? q(b, u) : b;
+  }
+};
+o(s, "useNotification"), o(s, "success"), o(s, "info"), o(s, "warning"), o(s, "error"), o(s, "normal"), o(s, "config", (t = {}) => {
+  var e;
+  L(t.maxCount) && (P = t.maxCount), t.prefixCls && (T = t.prefixCls), L(t.duration) && (j = t.duration), typeof t.rtl == "boolean" && (y = t.rtl), t.getContainer && ((e = t.getContainer) == null ? void 0 : e.call(t)) !== w && (w = t.getContainer(), Object.values(i).forEach(
+    ({ instance: n }) => n == null ? void 0 : n.clear()
+  ), i = {});
+}), o(s, "clear", () => {
+  Object.values(i).forEach(({ instance: t }) => {
+    t == null || t.clear();
+  });
+}), o(s, "remove", (t) => {
+  Object.values(i).forEach(({ instance: e }) => {
+    e == null || e.remove(t);
+  });
+}), o(s, "addInstance", (t) => {
+  let e = t.position;
+  E(t.position) && (e = y ? "topLeft" : "topRight");
+  const n = {
+    duration: j,
+    ...t
+  }, { instance: d, pending: a } = i[e] || {};
+  if (d || a) {
+    const c = () => {
+      const { instance: r } = i[e] || {}, p = r.state.notices, x = p.find((b) => b.id === t.id), u = {
+        ...n,
+        update: x
+      };
+      return p.length >= P ? x ? r.add({
+        ...u,
+        id: x.id
+      }) : (p.shift(), r.add(u)) : r.add({ ...u }), r;
+    };
+    return d ? c() : a != null && a.then && a.then(() => {
+      c(), i[e].pending = null;
+    }), d;
+  }
+  const h = document.createElement("div");
+  return (w || document.body).appendChild(h), i[e] = {}, i[e].pending = new Promise((c) => {
+    H(
+      /* @__PURE__ */ g(
+        s,
+        {
+          ref: (r) => (i[e] || (i[e] = {}), i[e].instance = r, r.add(n), c(null), r)
+        }
+      ),
+      h
+    );
+  }), i[e].instance;
+});
+let v = s;
+k.forEach((m) => {
+  v[m] = (l) => v.addInstance({
+    ...l,
+    type: m
+  });
+});
+v.useNotification = U;
 export {
-  s as default
+  v as default
 };

package/NotificationBase.js

@@ -1,12 +1,13 @@
 var h = Object.defineProperty;
 var u = (e, s, t) => s in e ? h(e, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[s] = t;
-var n = (e, s, t) => (u(e, typeof s != "symbol" ? s + "" : s, t), t);
-import "./chunk/C6Kfwj0f.js";
+var n = (e, s, t) => u(e, typeof s != "symbol" ? s + "" : s, t);
+/* empty css                 */
+/* empty css                                   */
 import { Component as o } from "react";
 function r(e) {
   return e != null && e.id ? e == null ? void 0 : e.id : `pqb_notice_id_${Math.random().toFixed(10).slice(2)}`;
 }
-class l extends o {
+class S extends o {
   constructor(t) {
     super(t);
     n(this, "add", (t) => {
@@ -50,5 +51,5 @@ class l extends o {
   }
 }
 export {
-  l as default
+  S as default
 };

package/OverflowEllipsis.js

@@ -1,99 +1,76 @@
-import { jsx as C, jsxs as D } from "react/jsx-runtime";
-import { useContext as k, useRef as _, useEffect as g, useState as m, useLayoutEffect as P } from "react";
-import "./chunk/C6Kfwj0f.js";
-import { a as v } from "./chunk/Dr0iXIXO.js";
-import E from "@unicom-cloud/utils/class-name";
-function j(l) {
-  const { getPrefixCls: x } = k(v), i = x("overflow-item"), u = _();
-  g(() => {
-    let e;
-    return u.current && (e = new ResizeObserver((s) => {
-      l.onResize(s == null ? void 0 : s[0].target);
-    }), e.observe(u.current)), () => {
-      var s, d;
-      u.current && ((s = e == null ? void 0 : e.unobserve) == null || s.call(e, u.current)), (d = e == null ? void 0 : e.disconnect) == null || d.call(e), e = null;
-    };
-  }, [u.current]), g(() => (l.onResize(u.current), () => {
-    l.unregister(u.current);
-  }), []);
-  const w = l.hidden;
-  return /* @__PURE__ */ C(
-    "div",
-    {
-      ref: u,
-      className: E(i, l.className, {
-        [`${i}-hidden`]: w
-      }),
-      children: l.children
-    }
-  );
-}
-function A(l) {
-  const { getPrefixCls: x } = k(v), i = x("overflow"), { items: u, suffixItems: w } = l, e = l.ellipsisNode || (({ ellipsisCount: t }) => `+${t}`), [s, d] = m(), [N, I] = m(), [h, R] = m({}), [y, W] = m({}), $ = u.length - N, M = $ > 0 ? e({ ellipsisCount: $ }) : null;
-  P(() => {
-    const t = Object.values(h).length;
-    let c = Object.values(y).reduce((o, r) => o + ((r == null ? void 0 : r.width) || 0), 0), n = t;
-    Object.keys(h).some((o, r) => {
-      const a = h[o];
-      if (a && c + a.width > s)
-        return n = r, !0;
-      c += (a == null ? void 0 : a.width) || 0;
-    }), I(Math.max(n, 0));
-  }, [h, s, y]);
-  const f = _();
-  return g(() => {
+import { jsxs as _, jsx as C } from "react/jsx-runtime";
+import { useContext as $, useState as c, useLayoutEffect as R, useRef as E, useEffect as I } from "react";
+/* empty css                 */
+import "./config-provider/ConfigProvider.js";
+import M from "@unicom-cloud/utils/class-name";
+import g from "./overflow-ellipsis/OverflowItem.js";
+import { ConfigContext as S } from "./config-provider/context.js";
+function B(i) {
+  const { getPrefixCls: y } = $(S), f = y("overflow"), { items: a, suffixItems: N } = i, W = i.ellipsisNode || (({ ellipsisCount: t }) => `+${t}`), [d, j] = c(), [m, k] = c(), [u, h] = c({}), [x, w] = c({}), p = a.length - m, v = p > 0 ? W({ ellipsisCount: p }) : null;
+  R(() => {
+    const t = Object.values(u).length;
+    let o = Object.values(x).reduce((n, s) => n + ((s == null ? void 0 : s.width) || 0), 0), e = t;
+    Object.keys(u).some((n, s) => {
+      const r = u[n];
+      if (r && o + r.width > d)
+        return e = s, !0;
+      o += (r == null ? void 0 : r.width) || 0;
+    }), k(Math.max(e, 0));
+  }, [u, d, x]);
+  const l = E();
+  return I(() => {
     let t;
-    return f.current && (t = new ResizeObserver((c) => {
-      var n;
-      d(((n = c == null ? void 0 : c[0]) == null ? void 0 : n.target.clientWidth) || 0);
-    }), t.observe(f.current)), () => {
-      var c, n;
-      f.current && ((c = t == null ? void 0 : t.unobserve) == null || c.call(t, f.current)), (n = t == null ? void 0 : t.disconnect) == null || n.call(t), t = null;
+    return l.current && (t = new ResizeObserver((o) => {
+      var e;
+      j(((e = o == null ? void 0 : o[0]) == null ? void 0 : e.target.clientWidth) || 0);
+    }), t.observe(l.current)), () => {
+      var o, e;
+      l.current && ((o = t == null ? void 0 : t.unobserve) == null || o.call(t, l.current)), (e = t == null ? void 0 : t.disconnect) == null || e.call(t), t = null;
     };
-  }, [f.current]), /* @__PURE__ */ D("div", { ref: f, className: E(i, l.className), children: [
-    u.map((t, c) => {
-      const n = `${(t == null ? void 0 : t.key) || c}_overflow_item`;
+  }, [l.current]), /* @__PURE__ */ _("div", { ref: l, className: M(f, i.className), children: [
+    a.map((t, o) => {
+      const e = `${(t == null ? void 0 : t.key) || o}_overflow_item`;
       return /* @__PURE__ */ C(
-        j,
+        g,
         {
-          onResize: (o) => {
-            R((r) => (r[n] = { node: o, width: o.clientWidth }, r));
+          onResize: (n) => {
+            h((s) => (s[e] = { node: n, width: n.clientWidth }, s));
           },
           unregister: () => {
-            R((o) => (delete o[n], o));
+            h((n) => (delete n[e], n));
           },
-          hidden: N < c + 1,
+          hidden: m < o + 1,
           children: t
         },
-        n
+        e
       );
     }),
-    [M, ...w].map((t, c) => {
+    [v, ...N].map((t, o) => {
       if (!t)
         return null;
-      const n = `${(t == null ? void 0 : t.key) || c}_overflow_suffix_item`;
+      const e = `${(t == null ? void 0 : t.key) || o}_overflow_suffix_item`;
       return /* @__PURE__ */ C(
-        j,
+        g,
         {
-          className: `${i}-suffix-item`,
-          onResize: (o) => {
-            W((r) => ({
-              ...r,
-              [`${n}`]: { node: o, width: o.clientWidth }
+          className: `${f}-suffix-item`,
+          onResize: (n) => {
+            w((s) => ({
+              ...s,
+              [`${e}`]: { node: n, width: n.clientWidth }
             }));
           },
           unregister: () => {
-            W((o) => (delete o[n], {
-              ...o
+            w((n) => (delete n[e], {
+              ...n
             }));
           },
           children: t
         },
-        n
+        e
       );
     })
   ] });
 }
 export {
-  A as default
+  B as default
 };

package/PageHeader.js

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

package/Pagination.js

@@ -1,13 +1,14 @@
-import "./chunk/C6Kfwj0f.js";
-import "./chunk/RnTpOC5-.js";
-import "./chunk/DP2rzg_V.js";
-import "./chunk/i605JRmI.js";
-import "./chunk/Dr0iXIXO.js";
-import "./Tag.js";
-import "./chunk/BYQeEcKe.js";
-import "./Trigger.js";
-import "./chunk/CYTPZUHD.js";
-import { P as s } from "./chunk/aPJXnDSb.js";
+/* empty css                 */
+/* empty css                        */
+/* empty css                       */
+/* empty css                          */
+/* empty css                       */
+/* empty css                     */
+/* empty css                           */
+/* empty css                         */
+/* empty css                        */
+/* empty css                            */
+import g from "./pagination/Pagination.js";
 export {
-  s as default
+  g as default
 };

package/Picker.js

@@ -1,6 +1,8 @@
-import "./chunk/C6Kfwj0f.js";
-import { I as n, a as o } from "./chunk/CoCXcpQd.js";
+/* empty css                 */
+/* empty css                        */
+import { default as a } from "./picker/Input.js";
+import { default as f } from "./picker/InputRange.js";
 export {
-  n as Input,
-  o as InputRange
+  a as Input,
+  f as InputRange
 };