@unicom-cloud/ui 0.8.100 → 0.8.101

package/Details.js

@@ -6,10 +6,21 @@ import "@unicom-cloud/icons/IconUiExclamationCircleFill";
 import "@unicom-cloud/icons/IconUiInfoCircleFill";
 import "react";
 import "./config-provider/ConfigProvider.js";
+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 "./components/common/hooks/useMergeProps.js";
+import "./components/common/utils/reactDOM.js";
+import "@unicom-cloud/utils/constant";
+import "./components/common/hooks/useUpdateEffect.js";
+import "lodash/debounce";
 import "@unicom-cloud/utils/class-name";
 import "./config-provider/context.js";
-import { default as b } from "./details/index.js";
+import { default as y } from "./details/index.js";
 export {
-  b as default
+  y as default
 };

package/Divider.js

@@ -4,7 +4,8 @@ import "./config-provider/ConfigProvider.js";
 import "./components/common/hooks/useMergeProps.js";
 import "@unicom-cloud/utils/class-name";
 import "./config-provider/context.js";
-import { default as a } from "./divider/index.js";
+import { DividerVertical as d, default as f } from "./divider/index.js";
 export {
-  a as default
+  d as DividerVertical,
+  f as default
 };

package/Flex.js

@@ -1,12 +1,22 @@
 import "react/jsx-runtime";
 import "react";
+import "./components/common/flex/index.js";
 import "./config-provider/ConfigProvider.js";
+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 "./components/common/hooks/useMergeProps.js";
+import "./components/common/utils/reactDOM.js";
+import "@unicom-cloud/utils/constant";
+import "lodash/debounce";
 import "@unicom-cloud/utils/class-name";
-import "./flex/utils.js";
 import "./config-provider/context.js";
-import { FlexVertical as f, default as x } from "./flex/index.js";
+import { FlexVertical as j, default as k } from "./flex/index.js";
 export {
-  f as FlexVertical,
-  x as default
+  j as FlexVertical,
+  k as default
 };

package/Loading.js

@@ -1,7 +1,20 @@
 import "react/jsx-runtime";
-import "./loading/style/index.module.less.js";
 import "react";
-import { default as i } from "./loading/index.js";
+import "./config-provider/ConfigProvider.js";
+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 "./components/common/hooks/useMergeProps.js";
+import "./components/common/utils/reactDOM.js";
+import "@unicom-cloud/utils/constant";
+import "lodash/debounce";
+import "@unicom-cloud/utils/class-name";
+import "./config-provider/context.js";
+import { default as k } from "./loading/index.js";
 export {
-  i as default
+  k as default
 };

package/Space.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { SpaceVertical as h } from "./components/common/space/index.js";
+import "./components/common/space/index.js";
 import "./config-provider/ConfigProvider.js";
 import "lodash/isEqualWith";
 import "./components/common/utils/is.js";
@@ -15,8 +15,8 @@ import "@unicom-cloud/utils/constant";
 import "lodash/debounce";
 import "@unicom-cloud/utils/class-name";
 import "./config-provider/context.js";
-import { default as k } from "./space/index.js";
+import { SpaceVertical as j, default as k } from "./space/index.js";
 export {
-  h as SpaceVertical,
+  j as SpaceVertical,
   k as default
 };

package/Splitter.js

@@ -1,6 +1,7 @@
-import "./splitter/Panel.js";
+import { default as o } from "./splitter/Panel.js";
 import "./splitter/Splitter.js";
-import { default as p } from "./splitter/index.js";
+import { default as f } from "./splitter/index.js";
 export {
-  p as default
+  o as SplitterPanel,
+  f as default
 };

package/SuspenseFallbackTest.js

@@ -1,6 +1,4 @@
-import "./suspense-fallback-test/style/index.less.js";
-import "react";
-import { default as p } from "./suspense-fallback-test/index.js";
+import { default as o } from "./components/common/suspense-fallback-test/index.js";
 export {
-  p as default
+  o as default
 };

package/alert/index.js

@@ -1,92 +1,91 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import j from "@unicom-cloud/icons/IconUiCheckCircleFill";
-import k from "@unicom-cloud/icons/IconUiClose";
-import T from "@unicom-cloud/icons/IconUiCloseCircleFill";
-import _ from "@unicom-cloud/icons/IconUiExclamationCircleFill";
-import c from "@unicom-cloud/icons/IconUiInfoCircleFill";
-import { forwardRef as q, useContext as z, useState as H } from "react";
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import k from "@unicom-cloud/icons/IconUiCheckCircleFill";
+import M from "@unicom-cloud/icons/IconUiClose";
+import q from "@unicom-cloud/icons/IconUiCloseCircleFill";
+import z from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import i from "@unicom-cloud/icons/IconUiInfoCircleFill";
+import { forwardRef as B, useContext as O, useState as R } from "react";
 import "../config-provider/ConfigProvider.js";
-import M from "../components/common/hooks/useMergeProps.js";
-import O from "@unicom-cloud/utils/class-name";
-import { PqbCSSTransition as R } from "../components/common/utils/PqbCSSTransition.js";
-import V from "../config-provider/context.js";
-const B = {
+import V from "../components/common/hooks/useMergeProps.js";
+import D from "@unicom-cloud/utils/class-name";
+import { PqbCSSTransition as G } from "../components/common/utils/PqbCSSTransition.js";
+import H from "../config-provider/context.js";
+const J = {
   showIcon: !0,
   type: "default"
-};
-function D(a, m) {
-  const { getPrefixCls: p, componentConfig: f, rtl: d } = z(V), n = M(
+}, K = {
+  default: /* @__PURE__ */ o(i, {}),
+  info: /* @__PURE__ */ o(i, {}),
+  success: /* @__PURE__ */ o(k, {}),
+  warning: /* @__PURE__ */ o(z, {}),
+  error: /* @__PURE__ */ o(q, {})
+}, L = (a, m) => {
+  const { getPrefixCls: p, componentConfig: f, rtl: d } = O(H), n = V(
     a,
-    B,
+    J,
     f?.Alert
   ), {
     style: u,
     className: C,
     action: l,
-    type: s,
+    type: s = "default",
     title: t,
-    content: i,
-    icon: N,
-    showIcon: b,
-    closable: h,
-    closeable: $,
-    afterClose: x,
-    onClose: I,
-    closeElement: v,
-    banner: w,
+    children: h,
+    content: N,
+    icon: b,
+    showIcon: $,
+    closable: I,
+    closeable: x,
+    afterClose: w,
+    onClose: v,
+    closeElement: y = /* @__PURE__ */ o(M, {}),
+    banner: P,
     ...g
-  } = n, o = p?.("alert"), [y, U] = H(!0), E = N || {
-    default: /* @__PURE__ */ e(c, {}),
-    info: /* @__PURE__ */ e(c, {}),
-    success: /* @__PURE__ */ e(j, {}),
-    warning: /* @__PURE__ */ e(_, {}),
-    error: /* @__PURE__ */ e(T, {})
-  }[s];
-  function F(S) {
-    U(!1), I?.(S);
-  }
-  const P = O(
-    o,
-    `${o}-${s}`,
+  } = n, r = h ?? N, e = p?.("alert") || "alert", [U, A] = R(!0), E = (j) => {
+    A(!1), v?.(j);
+  }, F = "closeable" in n ? x : I, S = D(
+    e,
+    `${e}-${s}`,
     {
-      [`${o}-with-title`]: t,
-      [`${o}-banner`]: w,
-      [`${o}-rtl`]: d
+      [`${e}-with-title`]: !!t,
+      [`${e}-banner`]: P,
+      [`${e}-rtl`]: d
     },
     C
-  ), A = "closeable" in n ? $ : h;
-  return /* @__PURE__ */ e(
-    R,
+  ), T = b ?? K[s];
+  return /* @__PURE__ */ o(
+    G,
     {
-      in: y,
+      in: U,
       timeout: 300,
       classNames: "zoomInTop",
       unmountOnExit: !0,
       onExited: () => {
-        x?.();
+        w?.();
       },
-      children: /* @__PURE__ */ r(
+      children: /* @__PURE__ */ c(
         "div",
         {
           ref: m,
           style: u,
-          className: P,
+          className: S,
           role: "alert",
           ...g,
           children: [
-            b && /* @__PURE__ */ e("div", { className: `${o}-icon-wrapper`, children: E }),
-            /* @__PURE__ */ r("div", { className: `${o}-content-wrapper`, children: [
-              t && /* @__PURE__ */ e("div", { className: `${o}-title`, children: t }),
-              i && /* @__PURE__ */ e("div", { className: `${o}-content`, children: i })
+            $ && /* @__PURE__ */ o("div", { className: `${e}-icon-wrapper`, children: T }),
+            /* @__PURE__ */ c("div", { className: `${e}-content-wrapper`, children: [
+              t && /* @__PURE__ */ o("div", { className: `${e}-title`, children: t }),
+              r && /* @__PURE__ */ o("div", { className: `${e}-content`, children: r })
             ] }),
-            l && /* @__PURE__ */ e("div", { className: `${o}-action`, children: l }),
-            A && /* @__PURE__ */ e(
+            l && /* @__PURE__ */ o("div", { className: `${e}-action`, children: l }),
+            F && /* @__PURE__ */ o(
               "button",
               {
                 type: "button",
-                onClick: F,
-                className: `${o}-close-btn`,
-                children: v || /* @__PURE__ */ e(k, {})
+                onClick: E,
+                className: `${e}-close-btn`,
+                "aria-label": "Close alert",
+                children: y
               }
             )
           ]
@@ -94,9 +93,8 @@ function D(a, m) {
       )
     }
   );
-}
-const G = q(D);
-G.displayName = "Alert";
+}, Q = B(L);
+Q.displayName = "Alert";
 export {
-  G as default
+  Q as default
 };

package/back-top/index.js

@@ -2,40 +2,39 @@ import { jsx as r } from "react/jsx-runtime";
 import C from "@unicom-cloud/icons/IconUiToTop";
 import { Tween as v } from "../dist/tween/src/tween.js";
 import { quartOut as k } from "../dist/tween/src/easing.js";
-import x, { forwardRef as y, useRef as B, useContext as E, useState as N, useEffect as H } from "react";
+import x, { forwardRef as y, useContext as B, useState as E, useEffect as N } from "react";
 import "../config-provider/ConfigProvider.js";
-import P from "../components/common/hooks/useKeyboardEvent.js";
-import R from "../components/common/hooks/useMergeProps.js";
-import { PqbCSSTransition as S } from "../components/common/utils/PqbCSSTransition.js";
-import q from "@unicom-cloud/utils/class-name";
-import { on as $, off as D } from "../components/common/utils/dom.js";
-import { pickDataAttributes as I } from "../components/common/utils/pick.js";
-import { throttleByRaf as K } from "../components/common/utils/throttleByRaf.js";
-import O from "../config-provider/context.js";
-function U(p, i) {
-  i ||= B();
+import H from "../components/common/hooks/useKeyboardEvent.js";
+import P from "../components/common/hooks/useMergeProps.js";
+import { PqbCSSTransition as R } from "../components/common/utils/PqbCSSTransition.js";
+import S from "@unicom-cloud/utils/class-name";
+import { on as q, off as $ } from "../components/common/utils/dom.js";
+import { pickDataAttributes as D } from "../components/common/utils/pick.js";
+import { throttleByRaf as I } from "../components/common/utils/throttleByRaf.js";
+import K from "../config-provider/context.js";
+function O(m, p) {
   const f = {
     visibleHeight: 400,
     tween: !0,
     easing: k,
     duration: 400,
     target: () => window
-  }, { getPrefixCls: u, componentConfig: d, rtl: g } = E(O), T = P(), o = R(
-    p,
+  }, { getPrefixCls: u, componentConfig: d, rtl: g } = B(K), T = H(), o = P(
+    m,
     f,
     d?.BackTop
-  ), s = u?.("backtop"), [b, w] = N(!1), l = (e) => e === window ? document.documentElement : e;
-  H(() => {
-    const e = o.target?.(), t = K(() => {
-      const n = o.visibleHeight, a = l(e).scrollTop;
-      w(a >= n);
+  ), s = u?.("backtop"), [b, w] = E(!1), i = (e) => e === window ? document.documentElement : e;
+  N(() => {
+    const e = o.target?.(), t = I(() => {
+      const n = o.visibleHeight, c = i(e).scrollTop;
+      w(c >= n);
     });
-    return $(e, "scroll", t), t(), () => {
-      t.cancel?.(), D(e, "scroll", t);
+    return q(e, "scroll", t), t(), () => {
+      t.cancel?.(), $(e, "scroll", t);
     };
   }, [o.target, o.visibleHeight]);
-  const c = () => {
-    const e = o.target?.(), t = l(e), n = t.scrollTop;
+  const l = () => {
+    const e = o.target?.(), t = i(e), n = t.scrollTop;
     window.getComputedStyle(t)?.scrollBehavior === "smooth" || o.tween === !1 ? t.scrollTo(0, 0) : new v({
       from: { scrollTop: n },
       to: { scrollTop: 0 },
@@ -49,20 +48,20 @@ function U(p, i) {
   return /* @__PURE__ */ r(
     "div",
     {
-      ...I(o),
-      ref: i,
-      className: q(
+      ...D(o),
+      ref: p,
+      className: S(
         `${s}`,
         { [`${s}-rtl`]: g },
         o.className
       ),
       style: o.style,
-      onClick: c,
+      onClick: l,
       ...T({
-        onPressEnter: c
+        onPressEnter: l
       }),
       children: /* @__PURE__ */ r(
-        S,
+        R,
         {
           in: b,
           timeout: 100,
@@ -74,11 +73,11 @@ function U(p, i) {
     }
   );
 }
-const m = y(
-  U
+const a = y(
+  O
 );
-m.displayName = "BackTop";
-const _ = x.memo(m);
+a.displayName = "BackTop";
+const Z = x.memo(a);
 export {
-  _ as default
+  Z as default
 };

package/calendar/index.js

@@ -1,65 +1,65 @@
-import { jsxs as te, jsx as r } from "react/jsx-runtime";
-import ne from "lodash/merge";
-import { useContext as re, useState as M, useMemo as se } from "react";
+import { jsxs as ne, jsx as r } from "react/jsx-runtime";
+import re from "lodash/merge";
+import { useContext as se, useState as M, useMemo as le } from "react";
 import "../config-provider/ConfigProvider.js";
-import le from "../components/common/hooks/useMergeProps.js";
+import de from "../components/common/hooks/useMergeProps.js";
 import me from "@unicom-cloud/utils/class-name";
-import { getDayjsValue as u, getNow as $, methods as g } from "../components/common/utils/dayjs.js";
-import { pickDataAttributes as de } from "../components/common/utils/pick.js";
-import ce, { getAllDaysByTime as ie } from "./Month.js";
-import pe from "./Year.js";
-import fe from "./header/index.js";
-import he from "./header/Panel.js";
-import ue from "../config-provider/context.js";
-function ge(d, y) {
-  return d === "month" || d === "year" && !y ? "YYYY-MM-DD" : "YYYY-MM";
+import { getDayjsValue as u, getNow as A, methods as g } from "../components/common/utils/dayjs.js";
+import { pickDataAttributes as ce } from "../components/common/utils/pick.js";
+import ie, { getAllDaysByTime as pe } from "./Month.js";
+import fe from "./Year.js";
+import he from "./header/index.js";
+import ue from "./header/Panel.js";
+import ge from "../config-provider/context.js";
+function ye(m, y) {
+  return m === "month" || m === "year" && !y ? "YYYY-MM-DD" : "YYYY-MM";
 }
-const ye = {
+const Ce = {
   dayStartOfWeek: 0,
   panelWidth: 265,
   defaultMode: "month",
   headerType: "button",
   modes: ["month", "year"]
 };
-function Ce(d) {
+function De(m) {
   const {
     getPrefixCls: y,
-    locale: A,
-    componentConfig: k,
-    rtl: H
-  } = re(ue), s = le(
-    d,
-    ye,
-    k?.Calendar
+    locale: k,
+    componentConfig: H,
+    rtl: L
+  } = se(ge), s = de(
+    m,
+    Ce,
+    H?.Calendar
   ), {
-    style: L,
-    className: O,
-    dayStartOfWeek: T,
-    panel: m,
-    locale: W,
-    panelWidth: j,
-    panelTodayBtn: B,
-    defaultPageShowDate: E,
+    style: O,
+    className: T,
+    dayStartOfWeek: W,
+    panel: d,
+    locale: j,
+    panelWidth: B,
+    panelTodayBtn: E,
+    defaultPageShowDate: F,
     value: w,
-    pageShowDate: F,
-    defaultValue: R,
+    pageShowDate: R,
+    defaultValue: _,
     mode: S,
-    defaultMode: _,
-    onChange: q,
+    defaultMode: q,
+    onChange: z,
     onPanelChange: c,
     headerRender: P,
-    headerType: z,
-    modes: G,
-    panelOperations: I
-  } = s, l = ne(A.Calendar, W), o = y?.("calendar"), [J, K] = M(
-    S || _
-  ), a = S || J, i = ge(a, m), [Y, Q] = M(
-    u(w || R, i)
-  ), [U, p] = M(
-    u(E, i) || Y || $()
-  ), t = u(F, i) || U, C = "value" in s ? u(w, i) : Y, N = se(() => ie(s, t), [t.toString(), a, T]);
+    headerType: G,
+    modes: I,
+    panelOperations: J
+  } = s, l = re(k.Calendar, j), o = y?.("calendar"), [K, Q] = M(
+    S || q
+  ), a = S || K, i = ye(a, d), [Y, U] = M(
+    u(w || _, i)
+  ), [X, p] = M(
+    u(F, i) || Y || A()
+  ), t = u(R, i) || X, C = "value" in s ? u(w, i) : Y, N = le(() => pe(s, t), [t.toString(), a, W]);
   function f(e) {
-    Q(e), q?.(e), v(e);
+    U(e), z?.(e), v(e);
   }
   function v(e) {
     p(e), c?.(e);
@@ -69,66 +69,67 @@ function Ce(d) {
   }
   let D = "";
   a === "month" ? D = l.formatMonth : a === "year" && (D = l.formatYear);
-  function X(e, n) {
+  function Z(e, n) {
     let h;
     e === "prev" && (h = g.subtract(t, 1, n)), e === "next" && (h = g.add(t, 1, n)), p(h), c?.(h);
   }
-  function Z(e) {
+  function ee(e) {
     const n = g.set(t, "year", e);
     p(n), c?.(n);
   }
-  function ee(e) {
+  function ae(e) {
     const n = g.set(t, "month", e - 1);
     p(n), c?.(n);
   }
   function x(e) {
-    K(e);
+    Q(e);
   }
-  const ae = me(
+  const oe = me(
     o,
     a === "month" ? `${o}-mode-month` : `${o}-mode-year`,
     {
-      [`${o}-panel`]: m && (a === "month" || a === "year"),
-      [`${o}-rtl`]: H
+      [`${o}-panel`]: d && (a === "month" || a === "year"),
+      [`${o}-rtl`]: L
     },
-    O
-  ), oe = m ? { width: j } : {}, V = {
+    T
+  ), te = d ? { width: B } : {}, V = {
     prefixCls: o,
-    changePageShowDate: X,
+    changePageShowDate: Z,
     headerValueFormat: D,
     mergedPageShowDate: t,
-    modes: G,
+    modes: I,
     innerMode: a,
-    panelOperations: I
-  };
-  return /* @__PURE__ */ te(
+    panelOperations: J
+  }, $ = d ? /* @__PURE__ */ r(ue, { ...V }) : /* @__PURE__ */ r(
+    he,
+    {
+      ...V,
+      CALENDAR_LOCALE: l,
+      move: f,
+      innerMode: a,
+      changeMode: x,
+      onChangeYear: ee,
+      onChangeMonth: ae,
+      headerType: G
+    }
+  );
+  return /* @__PURE__ */ ne(
     "div",
     {
-      className: ae,
-      style: { ...L, ...oe },
-      ...de(s),
+      className: oe,
+      style: { ...O, ...te },
+      ...ce(s),
       children: [
         typeof P == "function" ? P({
           value: C,
           pageShowDate: t,
           onChangeMode: x,
           onChange: f,
-          onChangePageDate: v
-        }) : m ? /* @__PURE__ */ r(he, { ...V }) : /* @__PURE__ */ r(
-          fe,
-          {
-            ...V,
-            CALENDAR_LOCALE: l,
-            move: f,
-            innerMode: a,
-            changeMode: x,
-            onChangeYear: Z,
-            onChangeMonth: ee,
-            headerType: z
-          }
-        ),
+          onChangePageDate: v,
+          header: $
+        }) : $,
         a === "month" && /* @__PURE__ */ r("div", { className: `${o}-body`, children: /* @__PURE__ */ r(
-          ce,
+          ie,
           {
             ...s,
             prefixCls: o,
@@ -141,7 +142,7 @@ function Ce(d) {
           }
         ) }),
         a === "year" && /* @__PURE__ */ r("div", { className: `${o}-body`, children: /* @__PURE__ */ r(
-          pe,
+          fe,
           {
             ...s,
             prefixCls: o,
@@ -153,11 +154,11 @@ function Ce(d) {
             CALENDAR_LOCALE: l
           }
         ) }),
-        B && m && /* @__PURE__ */ r(
+        E && d && /* @__PURE__ */ r(
           "div",
           {
             className: `${o}-footer-btn-wrapper`,
-            onClick: () => f($()),
+            onClick: () => f(A()),
             children: l.today
           }
         )
@@ -165,9 +166,9 @@ function Ce(d) {
     }
   );
 }
-Ce.displayName = "Calendar";
+De.displayName = "Calendar";
 export {
-  ce as CalendarMonth,
-  pe as CalendarYear,
-  Ce as default
+  ie as CalendarMonth,
+  fe as CalendarYear,
+  De as default
 };