@unicom-cloud/ui 0.8.96 → 0.8.98

package/draggable/index.js

@@ -1,30 +1,30 @@
-import { jsx as s } from "react/jsx-runtime";
-import x, { useContext as I, useState as D } from "react";
+import { jsx as l } from "react/jsx-runtime";
+import u, { useContext as I, useState as C } from "react";
 import "../config-provider/ConfigProvider.js";
-import N from "@unicom-cloud/utils/class-name";
-import h from "./Item.js";
-import v from "../config-provider/context.js";
-function W(c) {
-  const { getPrefixCls: t } = I(v), o = t == null ? void 0 : t("draggable"), {
-    className: i,
-    children: p,
-    direction: d = "vertical",
-    onIndexChange: e,
+import h from "@unicom-cloud/utils/class-name";
+import D from "./Item.js";
+import N from "../config-provider/context.js";
+function W(s) {
+  const { getPrefixCls: m } = I(N), t = m?.("draggable"), {
+    className: c,
+    children: i,
+    direction: p = "vertical",
+    onIndexChange: d,
     itemWrapperStyle: f
-  } = c, [u, a] = D(null);
-  return /* @__PURE__ */ s("div", { className: N(o, i), children: x.Children.map(p, (g, r) => /* @__PURE__ */ s(
-    h,
+  } = s, [g, r] = C(null);
+  return /* @__PURE__ */ l("div", { className: h(t, c), children: u.Children.map(i, (x, e) => /* @__PURE__ */ l(
+    D,
     {
       style: f,
-      prefixCls: o,
-      direction: d,
-      onDragStart: () => a(r),
-      onDragEnd: () => a(null),
-      onDrop: (C, n) => {
-        const m = u, l = n === "left" || n === "top" ? r : r + 1;
-        m !== l && (e == null || e(l, m));
+      prefixCls: t,
+      direction: p,
+      onDragStart: () => r(e),
+      onDragEnd: () => r(null),
+      onDrop: (v, n) => {
+        const o = g, a = n === "left" || n === "top" ? e : e + 1;
+        o !== a && d?.(a, o);
       },
-      children: g
+      children: x
     }
   )) });
 }

package/drawer/Drawer.js

@@ -1,21 +1,21 @@
-import { jsxs as I, Fragment as be, jsx as t } from "react/jsx-runtime";
-import we from "@unicom-cloud/icons/IconUiClose";
-import ve from "lodash/isFunction";
-import ge, { useContext as Ie, useRef as q, useState as p, useCallback as $e, useMemo as ke, useImperativeHandle as Ee, useEffect as G } from "react";
-import K from "../button/index.js";
-import U from "../config-provider/ConfigProvider.js";
-import Pe from "../components/common/hooks/useMergeProps.js";
-import De from "../components/common/hooks/useOverflowHidden.js";
-import Re from "../icon-hover/index.js";
-import Se from "../portal/index.js";
-import { PqbCSSTransition as _ } from "../components/common/utils/PqbCSSTransition.js";
-import $ from "@unicom-cloud/utils/class-name";
-import { isServerRendering as Oe, contains as Te } from "../components/common/utils/dom.js";
-import { Esc as ze } from "@unicom-cloud/utils/constant/keyboardCode";
-import { omit as Fe } from "../components/common/utils/omit.js";
-import { findDOMNode_ as je } from "../components/common/utils/reactDOM.js";
-import He from "../config-provider/context.js";
-const Me = {
+import { jsxs as y, Fragment as pe, jsx as t } from "react/jsx-runtime";
+import me from "@unicom-cloud/icons/IconUiClose";
+import ue from "lodash/isFunction";
+import fe, { useContext as he, useRef as O, useState as c, useCallback as Ce, useMemo as xe, useImperativeHandle as ye, useEffect as B } from "react";
+import D from "../button/index.js";
+import R from "../config-provider/ConfigProvider.js";
+import Ne from "../components/common/hooks/useMergeProps.js";
+import ge from "../components/common/hooks/useOverflowHidden.js";
+import ke from "../icon-hover/index.js";
+import be from "../portal/index.js";
+import { PqbCSSTransition as S } from "../components/common/utils/PqbCSSTransition.js";
+import N from "@unicom-cloud/utils/class-name";
+import { isServerRendering as we, contains as ve } from "../components/common/utils/dom.js";
+import { Esc as Ie } from "@unicom-cloud/utils/constant/keyboardCode";
+import { omit as Pe } from "../components/common/utils/omit.js";
+import { findDOMNode_ as $e } from "../components/common/utils/reactDOM.js";
+import Ee from "../config-provider/context.js";
+const Oe = {
   placement: "right",
   width: 250,
   height: 250,
@@ -26,172 +26,167 @@ const Me = {
   mountOnEnter: !0,
   getPopupContainer: () => document.body
 };
-function Ze(A, B) {
-  var z, F, j, H, M, Z, L;
-  const u = Ie(He), { locale: l, getPrefixCls: f, componentConfig: h, rtl: J } = u, n = Pe(
-    A,
-    Me,
-    h == null ? void 0 : h.Drawer
+function Be(T, z) {
+  const d = he(Ee), { locale: g, getPrefixCls: F, componentConfig: j, rtl: H } = d, o = Ne(
+    T,
+    Oe,
+    j?.Drawer
   ), {
-    style: Q,
-    className: V,
-    children: X,
-    wrapClassName: Y,
-    maskStyle: ee,
-    headerStyle: ne,
-    bodyStyle: te,
-    title: x,
-    footer: c,
-    okText: re,
-    cancelText: oe,
-    width: ie,
-    height: se,
-    placement: m,
-    mask: C,
-    visible: i,
-    closable: le,
-    maskClosable: ae,
-    confirmLoading: ce,
-    mountOnEnter: y,
+    style: M,
+    className: Z,
+    children: L,
+    wrapClassName: W,
+    maskStyle: q,
+    headerStyle: G,
+    bodyStyle: K,
+    title: p,
+    footer: l,
+    okText: U,
+    cancelText: _,
+    width: A,
+    height: J,
+    placement: a,
+    mask: m,
+    visible: r,
+    closable: Q,
+    maskClosable: V,
+    confirmLoading: X,
+    mountOnEnter: u,
     unmountOnExit: k,
-    afterOpen: N,
-    afterClose: b,
-    getPopupContainer: d,
-    escToExit: de,
-    getChildrenPopupContainer: E,
-    okButtonProps: me,
-    cancelButtonProps: pe,
-    zIndex: P,
-    closeIcon: D,
-    okButton: o,
-    ...ue
-  } = n, a = q(null), R = q(null), [fe, he] = p(!1), [w, xe] = p(), r = f == null ? void 0 : f("drawer"), [S, v] = p(!1), [We, O] = p(!1), T = /* @__PURE__ */ I(be, { children: [
-    ((z = n.cancelButton) == null ? void 0 : z.visible) !== !1 && /* @__PURE__ */ t(
-      K,
+    afterOpen: Y,
+    afterClose: ee,
+    getPopupContainer: f,
+    escToExit: te,
+    getChildrenPopupContainer: b,
+    okButtonProps: ne,
+    cancelButtonProps: oe,
+    zIndex: w,
+    closeIcon: v,
+    okButton: s,
+    ...re
+  } = o, i = O(null), I = O(null), [ie, le] = c(!1), [h, se] = c(), n = F?.("drawer"), [P, C] = c(!1), [Re, $] = c(!1), E = /* @__PURE__ */ y(pe, { children: [
+    o.cancelButton?.visible !== !1 && /* @__PURE__ */ t(
+      D,
       {
-        onClick: n.onCancel,
-        ...pe,
-        ...(F = n.cancelButton) == null ? void 0 : F.props,
-        children: ((H = (j = n.cancelButton) == null ? void 0 : j.props) == null ? void 0 : H.children) || ((M = n.cancelButton) == null ? void 0 : M.label) || ((Z = n.cancelButton) == null ? void 0 : Z.text) || oe || (l == null ? void 0 : l.Drawer.cancelText)
+        onClick: o.onCancel,
+        ...oe,
+        ...o.cancelButton?.props,
+        children: o.cancelButton?.props?.children || o.cancelButton?.label || o.cancelButton?.text || _ || g?.Drawer.cancelText
       }
     ),
-    (o == null ? void 0 : o.visible) !== !1 && /* @__PURE__ */ t(
-      K,
+    s?.visible !== !1 && /* @__PURE__ */ t(
+      D,
       {
         type: "primary",
-        loading: ce,
-        onClick: n.onOk,
-        ...me,
-        ...o == null ? void 0 : o.props,
-        children: ((L = o == null ? void 0 : o.props) == null ? void 0 : L.children) || (o == null ? void 0 : o.label) || (o == null ? void 0 : o.text) || re || (l == null ? void 0 : l.Drawer.okText)
+        loading: X,
+        onClick: o.onOk,
+        ...ne,
+        ...s?.props,
+        children: s?.props?.children || s?.label || s?.text || U || g?.Drawer.okText
       }
     )
-  ] }), g = $e(() => {
-    const e = d == null ? void 0 : d();
-    return je(e) || document.body;
-  }, [d]), Ce = ke(() => !Oe && g() === document.body, [
-    fe,
-    g()
+  ] }), x = Ce(() => {
+    const e = f?.();
+    return $e(e) || document.body;
+  }, [f]), ae = xe(() => !we && x() === document.body, [
+    ie,
+    x()
     // 潘启宝修改于2024年11月 4日 星期一 21时22分11秒 CST
   ]);
-  De(g, { hidden: (i || S) && C }), Ee(B, () => a.current), G(() => {
-    i && n.getPopupContainer && he(!0);
-  }, []), G(() => {
-    var e, s;
-    i && Te(document.body, a.current) && ((s = (e = a.current) == null ? void 0 : e.focus) == null || s.call(e));
-  }, [i]);
-  const ye = () => {
-    var e;
-    if (i && w === void 0 && a.current) {
-      const s = +((e = window.getComputedStyle(a.current, null)) == null ? void 0 : e.zIndex);
-      isNaN(s) || xe(s + 1);
+  ge(x, { hidden: (r || P) && m }), ye(z, () => i.current), B(() => {
+    r && o.getPopupContainer && le(!0);
+  }, []), B(() => {
+    r && ve(document.body, i.current) && i.current?.focus?.();
+  }, [r]);
+  const ce = () => {
+    if (r && h === void 0 && i.current) {
+      const e = +window.getComputedStyle(i.current, null)?.zIndex;
+      isNaN(e) || se(e + 1);
     }
-  }, Ne = /* @__PURE__ */ I("div", { className: `${r}-scroll`, tabIndex: -1, children: [
-    x !== null && /* @__PURE__ */ t("div", { className: `${r}-header`, style: ne, children: /* @__PURE__ */ t("div", { className: `${r}-header-title`, children: x }) }),
-    le && (D !== void 0 ? /* @__PURE__ */ t("span", { onClick: n.onCancel, className: `${r}-close-icon`, children: D }) : /* @__PURE__ */ t(
-      Re,
+  }, de = /* @__PURE__ */ y("div", { className: `${n}-scroll`, tabIndex: -1, children: [
+    p !== null && /* @__PURE__ */ t("div", { className: `${n}-header`, style: G, children: /* @__PURE__ */ t("div", { className: `${n}-header-title`, children: p }) }),
+    Q && (v !== void 0 ? /* @__PURE__ */ t("span", { onClick: o.onCancel, className: `${n}-close-icon`, children: v }) : /* @__PURE__ */ t(
+      ke,
       {
-        onClick: n.onCancel,
-        className: `${r}-close-icon`,
-        children: /* @__PURE__ */ t(we, {})
+        onClick: o.onCancel,
+        className: `${n}-close-icon`,
+        children: /* @__PURE__ */ t(me, {})
       }
     )),
     /* @__PURE__ */ t(
       "div",
       {
         ref: (e) => {
-          R.current = e, ye();
+          I.current = e, ce();
         },
-        style: te,
-        className: $(`${r}-content`, {
-          [`${r}-content-nofooter`]: c === null,
-          [`${r}-content-noheader`]: x === null
+        style: K,
+        className: N(`${n}-content`, {
+          [`${n}-content-nofooter`]: l === null,
+          [`${n}-content-noheader`]: p === null
         }),
         children: /* @__PURE__ */ t(
-          U,
+          R,
           {
-            ...u,
+            ...d,
             childrenName: "Drawer",
-            zIndex: w || 1050,
-            getPopupContainer: (e) => typeof E == "function" ? E(e) : R.current,
-            children: X
+            zIndex: h || 1050,
+            getPopupContainer: (e) => typeof b == "function" ? b(e) : I.current,
+            children: L
           }
         )
       }
     ),
-    c !== null && /* @__PURE__ */ t("div", { className: `${r}-footer`, children: ve(c) ? c(T) : c || T })
+    l !== null && /* @__PURE__ */ t("div", { className: `${n}-footer`, children: ue(l) ? l(E) : l || E })
   ] });
   return /* @__PURE__ */ t(
-    Se,
+    be,
     {
-      forceRender: !y,
-      visible: i,
-      getContainer: d,
-      children: /* @__PURE__ */ I(
+      forceRender: !u,
+      visible: r,
+      getContainer: f,
+      children: /* @__PURE__ */ y(
         "div",
         {
-          ...Fe(ue, ["onCancel", "onOk"]),
-          ref: a,
+          ...Pe(re, ["onCancel", "onOk"]),
+          ref: i,
           onKeyDown: (e) => {
-            var W;
-            e.key === ze.key && de && i && ((W = n.onCancel) == null || W.call(n, e));
+            e.key === Ie.key && te && r && o.onCancel?.(e);
           },
-          className: $(
-            `${r}-wrapper`,
+          className: N(
+            `${n}-wrapper`,
             {
-              [`${r}-no-mask`]: !C,
-              [`${r}-wrapper-hide`]: !i
+              [`${n}-no-mask`]: !m,
+              [`${n}-wrapper-hide`]: !r
             },
-            Y
+            W
           ),
-          style: Ce ? { position: "fixed", zIndex: P } : { zIndex: P || "inherit", position: "absolute" },
+          style: ae ? { position: "fixed", zIndex: w } : { zIndex: w || "inherit", position: "absolute" },
           children: [
-            C ? /* @__PURE__ */ t(
-              _,
+            m ? /* @__PURE__ */ t(
+              S,
               {
-                in: i,
+                in: r,
                 appear: !0,
                 timeout: 300,
                 classNames: "fadeInStandard",
-                mountOnEnter: y,
+                mountOnEnter: u,
                 unmountOnExit: k,
                 children: /* @__PURE__ */ t(
                   "div",
                   {
-                    className: `${r}-mask`,
-                    style: ee,
+                    className: `${n}-mask`,
+                    style: q,
                     onClick: (e) => {
-                      var s;
-                      !S && ae && ((s = n.onCancel) == null || s.call(n, e));
+                      !P && V && o.onCancel?.(e);
                     }
                   }
                 )
               }
             ) : null,
             /* @__PURE__ */ t(
-              _,
+              S,
               {
-                in: i,
+                in: r,
                 appear: !0,
                 timeout: 300,
                 classNames: {
@@ -199,37 +194,37 @@ function Ze(A, B) {
                   bottom: "slideBottom",
                   left: "slideLeft",
                   right: "slideRight"
-                }[m],
-                mountOnEnter: y,
+                }[a],
+                mountOnEnter: u,
                 unmountOnExit: k,
                 onEnter: (e) => {
-                  e && (e.parentNode.style.display = "block", v(!1));
+                  e && (e.parentNode.style.display = "block", C(!1));
                 },
                 onEntered: () => {
-                  O(!0), N == null || N();
+                  $(!0), Y?.();
                 },
                 onExit: () => {
-                  O(!1), v(!0);
+                  $(!1), C(!0);
                 },
                 onExited: (e) => {
-                  e && (v(!1), e.parentNode.style.display = "", b == null || b());
+                  e && (C(!1), e.parentNode.style.display = "", ee?.());
                 },
                 children: /* @__PURE__ */ t(
                   "div",
                   {
-                    className: $(r, V, { [`${r}-rtl`]: J }),
+                    className: N(n, Z, { [`${n}-rtl`]: H }),
                     style: Object.assign(
-                      m === "left" || m === "right" ? { width: ie } : { height: se },
-                      { [m]: 0 },
-                      Q
+                      a === "left" || a === "right" ? { width: A } : { height: J },
+                      { [a]: 0 },
+                      M
                     ),
-                    children: /* @__PURE__ */ t("div", { className: `${r}-inner`, children: /* @__PURE__ */ t(
-                      U,
+                    children: /* @__PURE__ */ t("div", { className: `${n}-inner`, children: /* @__PURE__ */ t(
+                      R,
                       {
-                        ...u,
+                        ...d,
                         childrenName: "Drawer",
-                        zIndex: w || 1050,
-                        children: Ne
+                        zIndex: h || 1050,
+                        children: de
                       }
                     ) })
                   }
@@ -242,8 +237,8 @@ function Ze(A, B) {
     }
   );
 }
-const Le = ge.forwardRef(Ze);
-Le.displayName = "Drawer";
+const De = fe.forwardRef(Be);
+De.displayName = "Drawer";
 export {
-  Le as default
+  De as default
 };

package/dropdown/Button.js

@@ -1,80 +1,80 @@
-import { jsx as t, jsxs as D } from "react/jsx-runtime";
+import { jsx as t, jsxs as y } from "react/jsx-runtime";
 import d from "@unicom-cloud/icons/IconUiMore";
-import { forwardRef as w, useContext as j } from "react";
-import k from "./index.js";
-import p from "../button/index.js";
+import { forwardRef as D, useContext as R } from "react";
+import j from "./index.js";
+import e from "../button/index.js";
 import "../config-provider/ConfigProvider.js";
-import M from "../components/common/hooks/useMergeProps.js";
-import { pickDataAttributes as N } from "../components/common/utils/pick.js";
-import v from "../config-provider/context.js";
-const z = {
+import k from "../components/common/hooks/useMergeProps.js";
+import { pickDataAttributes as M } from "../components/common/utils/pick.js";
+import N from "../config-provider/context.js";
+const v = {
   position: "br",
   trigger: "hover",
   type: "default",
   icon: /* @__PURE__ */ t(d, {}),
   unmountOnExit: !0
 };
-function A(f, a) {
-  const { componentConfig: e } = j(v), s = M(
+function z(f, l) {
+  const { componentConfig: c } = R(N), i = k(
     f,
-    z,
-    e == null ? void 0 : e["Dropdown.Button"]
+    v,
+    c?.["Dropdown.Button"]
   ), {
-    className: c,
+    className: a,
     style: g,
     children: b,
     disabled: r,
     position: B = "br",
-    type: u = "default",
-    size: m,
-    icon: h = /* @__PURE__ */ t(d, {}),
-    onClick: x,
-    buttonProps: C,
-    rightButtonProps: P,
+    type: p = "default",
+    size: s,
+    icon: C = /* @__PURE__ */ t(d, {}),
+    onClick: P,
+    buttonProps: h,
+    rightButtonProps: x,
     // 潘启宝添加
-    buttonsRender: l,
-    ...n
-  } = s;
-  let i = /* @__PURE__ */ t(
-    p,
+    buttonsRender: m,
+    ...u
+  } = i;
+  let n = /* @__PURE__ */ t(
+    e,
     {
       disabled: r,
-      type: u,
-      size: m,
-      onClick: x,
-      ...C,
+      type: p,
+      size: s,
+      onClick: P,
+      ...h,
       children: b
     }
   ), o = /* @__PURE__ */ t(
-    p,
+    e,
     {
       disabled: r,
-      type: u,
-      size: m,
-      icon: h,
-      ...P
+      type: p,
+      size: s,
+      icon: C,
+      ...x
     }
   );
-  l && ([i, o] = l([i, o]));
-  const y = r || !o || o.props && o.props.loading;
-  return /* @__PURE__ */ D(
-    p.Group,
+  m && ([n, o] = m([n, o]));
+  const w = r || !o || o.props && o.props.loading;
+  return /* @__PURE__ */ y(
+    e.Group,
     {
-      className: c,
+      className: a,
       style: g,
-      ref: a,
-      ...N(s),
+      ref: l,
+      ...M(i),
       children: [
-        i,
+        n,
         /* @__PURE__ */ t(
-          k,
+          j,
           {
             disabled: r,
             position: B,
-            ...n,
+            ...u,
             triggerProps: {
-              disabled: y,
-              ...n == null ? void 0 : n.triggerProps
+              disabled: w,
+              ...u?.triggerProps
             },
             children: o
           }
@@ -83,8 +83,8 @@ function A(f, a) {
     }
   );
 }
-const E = w(A);
-E.displayName = "DropdownButton";
+const A = D(z);
+A.displayName = "DropdownButton";
 export {
-  E as default
+  A as default
 };