@unicom-cloud/ui 0.8.107 → 0.8.109

package/drawer/Drawer.js

@@ -1,20 +1,18 @@
-import { jsxs as y, Fragment as pe, jsx as t } from "react/jsx-runtime";
+import { jsxs as y, Fragment as pe, jsx as n } 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 { a as Ne, I as be, b as R } from "../chunk/DXlwLh0Y.js";
+import { u as ge } from "../chunk/FgWHhRFz.js";
+import { u as ke } from "../chunk/BqWBaRtM.js";
+import we from "../portal/index.js";
+import { P as S } from "../chunk/B--6x-RL.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";
+import { a as ve, c as Ie } from "../chunk/d1c9z8T1.js";
+import { Esc as Pe } from "@unicom-cloud/utils/constant/keyboardCode";
+import { o as $e } from "../chunk/BKKEev13.js";
+import { f as Ee } from "../chunk/CXrVhA6-.js";
 const Oe = {
   placement: "right",
   width: 250,
@@ -27,7 +25,7 @@ const Oe = {
   getPopupContainer: () => document.body
 };
 function Be(T, z) {
-  const d = he(Ee), { locale: g, getPrefixCls: F, componentConfig: j, rtl: H } = d, o = Ne(
+  const d = he(Ne), { locale: b, getPrefixCls: F, componentConfig: j, rtl: H } = d, o = ge(
     T,
     Oe,
     j?.Drawer
@@ -40,7 +38,7 @@ function Be(T, z) {
     headerStyle: G,
     bodyStyle: K,
     title: p,
-    footer: l,
+    footer: i,
     okText: U,
     cancelText: _,
     width: A,
@@ -52,94 +50,94 @@ function Be(T, z) {
     maskClosable: V,
     confirmLoading: X,
     mountOnEnter: u,
-    unmountOnExit: k,
+    unmountOnExit: g,
     afterOpen: Y,
     afterClose: ee,
     getPopupContainer: f,
-    escToExit: te,
-    getChildrenPopupContainer: b,
-    okButtonProps: ne,
+    escToExit: ne,
+    getChildrenPopupContainer: k,
+    okButtonProps: te,
     cancelButtonProps: oe,
     zIndex: w,
     closeIcon: v,
-    okButton: s,
+    okButton: l,
     ...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(
+  } = o, s = O(null), I = O(null), [se, ie] = c(!1), [h, le] = c(), t = F?.("drawer"), [P, C] = c(!1), [Re, $] = c(!1), E = /* @__PURE__ */ y(pe, { children: [
+    o.cancelButton?.visible !== !1 && /* @__PURE__ */ n(
       D,
       {
         onClick: o.onCancel,
         ...oe,
         ...o.cancelButton?.props,
-        children: o.cancelButton?.props?.children || o.cancelButton?.label || o.cancelButton?.text || _ || g?.Drawer.cancelText
+        children: o.cancelButton?.props?.children || o.cancelButton?.label || o.cancelButton?.text || _ || b?.Drawer.cancelText
       }
     ),
-    s?.visible !== !1 && /* @__PURE__ */ t(
+    l?.visible !== !1 && /* @__PURE__ */ n(
       D,
       {
         type: "primary",
         loading: X,
         onClick: o.onOk,
-        ...ne,
-        ...s?.props,
-        children: s?.props?.children || s?.label || s?.text || U || g?.Drawer.okText
+        ...te,
+        ...l?.props,
+        children: l?.props?.children || l?.label || l?.text || U || b?.Drawer.okText
       }
     )
   ] }), x = Ce(() => {
     const e = f?.();
-    return $e(e) || document.body;
-  }, [f]), ae = xe(() => !we && x() === document.body, [
-    ie,
+    return Ee(e) || document.body;
+  }, [f]), ae = xe(() => !ve && x() === document.body, [
+    se,
     x()
     // 潘启宝修改于2024年11月 4日 星期一 21时22分11秒 CST
   ]);
-  ge(x, { hidden: (r || P) && m }), ye(z, () => i.current), B(() => {
-    r && o.getPopupContainer && le(!0);
+  ke(x, { hidden: (r || P) && m }), ye(z, () => s.current), B(() => {
+    r && o.getPopupContainer && ie(!0);
   }, []), B(() => {
-    r && ve(document.body, i.current) && i.current?.focus?.();
+    r && Ie(document.body, s.current) && s.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);
+    if (r && h === void 0 && s.current) {
+      const e = +window.getComputedStyle(s.current, null)?.zIndex;
+      isNaN(e) || le(e + 1);
     }
-  }, 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,
+  }, de = /* @__PURE__ */ y("div", { className: `${t}-scroll`, tabIndex: -1, children: [
+    p !== null && /* @__PURE__ */ n("div", { className: `${t}-header`, style: G, children: /* @__PURE__ */ n("div", { className: `${t}-header-title`, children: p }) }),
+    Q && (v !== void 0 ? /* @__PURE__ */ n("span", { onClick: o.onCancel, className: `${t}-close-icon`, children: v }) : /* @__PURE__ */ n(
+      be,
       {
         onClick: o.onCancel,
-        className: `${n}-close-icon`,
-        children: /* @__PURE__ */ t(me, {})
+        className: `${t}-close-icon`,
+        children: /* @__PURE__ */ n(me, {})
       }
     )),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ n(
       "div",
       {
         ref: (e) => {
           I.current = e, ce();
         },
         style: K,
-        className: N(`${n}-content`, {
-          [`${n}-content-nofooter`]: l === null,
-          [`${n}-content-noheader`]: p === null
+        className: N(`${t}-content`, {
+          [`${t}-content-nofooter`]: i === null,
+          [`${t}-content-noheader`]: p === null
         }),
-        children: /* @__PURE__ */ t(
+        children: /* @__PURE__ */ n(
           R,
           {
             ...d,
             childrenName: "Drawer",
             zIndex: h || 1050,
-            getPopupContainer: (e) => typeof b == "function" ? b(e) : I.current,
+            getPopupContainer: (e) => typeof k == "function" ? k(e) : I.current,
             children: L
           }
         )
       }
     ),
-    l !== null && /* @__PURE__ */ t("div", { className: `${n}-footer`, children: ue(l) ? l(E) : l || E })
+    i !== null && /* @__PURE__ */ n("div", { className: `${t}-footer`, children: ue(i) ? i(E) : i || E })
   ] });
-  return /* @__PURE__ */ t(
-    be,
+  return /* @__PURE__ */ n(
+    we,
     {
       forceRender: !u,
       visible: r,
@@ -147,22 +145,22 @@ function Be(T, z) {
       children: /* @__PURE__ */ y(
         "div",
         {
-          ...Pe(re, ["onCancel", "onOk"]),
-          ref: i,
+          ...$e(re, ["onCancel", "onOk"]),
+          ref: s,
           onKeyDown: (e) => {
-            e.key === Ie.key && te && r && o.onCancel?.(e);
+            e.key === Pe.key && ne && r && o.onCancel?.(e);
           },
           className: N(
-            `${n}-wrapper`,
+            `${t}-wrapper`,
             {
-              [`${n}-no-mask`]: !m,
-              [`${n}-wrapper-hide`]: !r
+              [`${t}-no-mask`]: !m,
+              [`${t}-wrapper-hide`]: !r
             },
             W
           ),
           style: ae ? { position: "fixed", zIndex: w } : { zIndex: w || "inherit", position: "absolute" },
           children: [
-            m ? /* @__PURE__ */ t(
+            m ? /* @__PURE__ */ n(
               S,
               {
                 in: r,
@@ -170,11 +168,11 @@ function Be(T, z) {
                 timeout: 300,
                 classNames: "fadeInStandard",
                 mountOnEnter: u,
-                unmountOnExit: k,
-                children: /* @__PURE__ */ t(
+                unmountOnExit: g,
+                children: /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `${n}-mask`,
+                    className: `${t}-mask`,
                     style: q,
                     onClick: (e) => {
                       !P && V && o.onCancel?.(e);
@@ -183,7 +181,7 @@ function Be(T, z) {
                 )
               }
             ) : null,
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ n(
               S,
               {
                 in: r,
@@ -196,7 +194,7 @@ function Be(T, z) {
                   right: "slideRight"
                 }[a],
                 mountOnEnter: u,
-                unmountOnExit: k,
+                unmountOnExit: g,
                 onEnter: (e) => {
                   e && (e.parentNode.style.display = "block", C(!1));
                 },
@@ -209,16 +207,16 @@ function Be(T, z) {
                 onExited: (e) => {
                   e && (C(!1), e.parentNode.style.display = "", ee?.());
                 },
-                children: /* @__PURE__ */ t(
+                children: /* @__PURE__ */ n(
                   "div",
                   {
-                    className: N(n, Z, { [`${n}-rtl`]: H }),
+                    className: N(t, Z, { [`${t}-rtl`]: H }),
                     style: Object.assign(
                       a === "left" || a === "right" ? { width: A } : { height: J },
                       { [a]: 0 },
                       M
                     ),
-                    children: /* @__PURE__ */ t("div", { className: `${n}-inner`, children: /* @__PURE__ */ t(
+                    children: /* @__PURE__ */ n("div", { className: `${t}-inner`, children: /* @__PURE__ */ n(
                       R,
                       {
                         ...d,

package/dropdown/Button.js

@@ -1,90 +1,11 @@
-import { jsx as t, jsxs as y } from "react/jsx-runtime";
-import d from "@unicom-cloud/icons/IconUiMore";
-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 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 z(f, l) {
-  const { componentConfig: c } = R(N), i = k(
-    f,
-    v,
-    c?.["Dropdown.Button"]
-  ), {
-    className: a,
-    style: g,
-    children: b,
-    disabled: r,
-    position: B = "br",
-    type: p = "default",
-    size: s,
-    icon: C = /* @__PURE__ */ t(d, {}),
-    onClick: P,
-    buttonProps: h,
-    rightButtonProps: x,
-    // 潘启宝添加
-    buttonsRender: m,
-    ...u
-  } = i;
-  let n = /* @__PURE__ */ t(
-    e,
-    {
-      disabled: r,
-      type: p,
-      size: s,
-      onClick: P,
-      ...h,
-      children: b
-    }
-  ), o = /* @__PURE__ */ t(
-    e,
-    {
-      disabled: r,
-      type: p,
-      size: s,
-      icon: C,
-      ...x
-    }
-  );
-  m && ([n, o] = m([n, o]));
-  const w = r || !o || o.props && o.props.loading;
-  return /* @__PURE__ */ y(
-    e.Group,
-    {
-      className: a,
-      style: g,
-      ref: l,
-      ...M(i),
-      children: [
-        n,
-        /* @__PURE__ */ t(
-          j,
-          {
-            disabled: r,
-            position: B,
-            ...u,
-            triggerProps: {
-              disabled: w,
-              ...u?.triggerProps
-            },
-            children: o
-          }
-        )
-      ]
-    }
-  );
-}
-const A = D(z);
-A.displayName = "DropdownButton";
+import "react/jsx-runtime";
+import "@unicom-cloud/icons/IconUiMore";
+import "react";
+import { DropdownButton as f } from "./index.js";
+import "../button/index.js";
+import "../chunk/DXlwLh0Y.js";
+import "../chunk/FgWHhRFz.js";
+import "../chunk/ClqoGc3r.js";
 export {
-  A as default
+  f as default
 };

package/dropdown/index.js

@@ -1,119 +1,197 @@
-import { jsx as b } from "react/jsx-runtime";
-import P from "lodash/get";
-import o, { useContext as $, useRef as V } from "react";
-import "../config-provider/ConfigProvider.js";
-import j from "../components/common/hooks/useMergeProps.js";
-import F from "../components/common/hooks/useMergeValue.js";
-import L, { EventsByTriggerNeed as Q } from "../trigger/index.js";
-import D from "@unicom-cloud/utils/class-name";
-import { supportRef as U } from "../components/common/utils/is.js";
-import { omit as q } from "../components/common/utils/omit.js";
-import { pickDataAttributes as z, pick as G } from "../components/common/utils/pick.js";
-import { findDOMNode_ as H } from "../components/common/utils/reactDOM.js";
-import J from "./Button.js";
-import K from "../config-provider/context.js";
-function S(y, X) {
-  const M = {
+import { jsx as r, jsxs as q } from "react/jsx-runtime";
+import v from "lodash/get";
+import s, { forwardRef as H, useContext as $, useRef as I } from "react";
+import { a as A } from "../chunk/DXlwLh0Y.js";
+import { u as j } from "../chunk/FgWHhRFz.js";
+import { u as J } from "../chunk/2vdCeheu.js";
+import K, { EventsByTriggerNeed as S } from "../trigger/index.js";
+import T from "@unicom-cloud/utils/class-name";
+import { s as W } from "../chunk/DsaQZE4X.js";
+import { o as X } from "../chunk/BKKEev13.js";
+import { a as U, p as Y } from "../chunk/ClqoGc3r.js";
+import { f as Z } from "../chunk/CXrVhA6-.js";
+import z from "@unicom-cloud/icons/IconUiMore";
+import M from "../button/index.js";
+const oo = {
+  position: "br",
+  trigger: "hover",
+  type: "default",
+  icon: /* @__PURE__ */ r(z, {}),
+  unmountOnExit: !0
+};
+function eo(C, N) {
+  const { componentConfig: b } = $(A), l = j(
+    C,
+    oo,
+    b?.DropdownButton
+  ), {
+    className: P,
+    style: y,
+    children: D,
+    disabled: t,
+    position: u = "br",
+    type: a = "default",
+    size: n,
+    icon: w = /* @__PURE__ */ r(z, {}),
+    onClick: p,
+    buttonProps: V,
+    rightButtonProps: c,
+    // 潘启宝添加
+    buttonsRender: f,
+    ...d
+  } = l;
+  let i = /* @__PURE__ */ r(
+    M,
+    {
+      disabled: t,
+      type: a,
+      size: n,
+      onClick: p,
+      ...V,
+      children: D
+    }
+  ), e = /* @__PURE__ */ r(
+    M,
+    {
+      disabled: t,
+      type: a,
+      size: n,
+      icon: w,
+      ...c
+    }
+  );
+  f && ([i, e] = f([i, e]));
+  const m = t || !e || e.props && e.props.loading;
+  return /* @__PURE__ */ q(
+    M.Group,
+    {
+      className: P,
+      style: y,
+      ref: N,
+      ...U(l),
+      children: [
+        i,
+        /* @__PURE__ */ r(
+          E,
+          {
+            disabled: t,
+            position: u,
+            ...d,
+            triggerProps: {
+              disabled: m,
+              ...d?.triggerProps
+            },
+            children: e
+          }
+        )
+      ]
+    }
+  );
+}
+const F = H(eo);
+F.displayName = "DropdownButton";
+function to(C, N) {
+  const b = {
     position: "bl",
     trigger: "hover",
     unmountOnExit: !0
-  }, w = {
+  }, l = {
     left: 4,
     right: 4,
     top: 4,
     bottom: 4
-  }, { getPrefixCls: E, componentConfig: N, rtl: k } = $(K), p = j(
-    y,
-    M,
-    N?.Dropdown
+  }, { getPrefixCls: P, componentConfig: y, rtl: D } = $(A), t = j(
+    C,
+    b,
+    y?.Dropdown
   ), {
-    trigger: a,
-    droplist: O,
-    children: t,
-    position: _,
-    disabled: s,
-    unmountOnExit: R,
-    triggerProps: f,
-    getPopupContainer: B,
-    onVisibleChange: v,
-    ...m
-  } = p, n = E?.("dropdown"), c = V(null), [l, A] = F(!1, {
-    defaultValue: p.defaultPopupVisible,
-    value: p.popupVisible
-  }), d = () => o.Children.only(O || /* @__PURE__ */ b("span", {})), u = (e) => {
-    A(e), v?.(e), f?.onVisibleChange?.(e);
-  }, I = (e) => {
-    e !== l && u(e);
-  }, T = () => {
-    const e = d();
-    if (P(e, "type.__PQB_MENU__") || P(e, "props.isMenu")) {
-      let C = !0;
-      for (const r of o.Children.toArray(e.props.children))
-        if (r != null) {
-          C = !1;
+    trigger: u,
+    droplist: a,
+    children: n,
+    position: w,
+    disabled: p,
+    unmountOnExit: V,
+    triggerProps: c,
+    getPopupContainer: f,
+    onVisibleChange: d,
+    ...i
+  } = t, e = P?.("dropdown"), m = I(null), [x, G] = J(!1, {
+    defaultValue: t.defaultPopupVisible,
+    value: t.popupVisible
+  }), R = () => s.Children.only(a || /* @__PURE__ */ r("span", {})), B = (o) => {
+    G(o), d?.(o), c?.onVisibleChange?.(o);
+  }, L = (o) => {
+    o !== x && B(o);
+  }, Q = () => {
+    const o = R();
+    if (v(o, "type.__PQB_MENU__") || v(o, "props.isMenu")) {
+      let O = !0;
+      for (const g of s.Children.toArray(o.props.children))
+        if (g != null) {
+          O = !1;
           break;
         }
-      return o.cloneElement(e, {
-        prefixCls: D(`${n}-menu`, {
-          [`${n}-menu-hidden`]: C
+      return s.cloneElement(o, {
+        prefixCls: T(`${e}-menu`, {
+          [`${e}-menu-hidden`]: O
         }),
         inDropdown: !0,
         selectable: !1,
-        onClickMenuItem: (...r) => {
-          let i = null;
-          const h = d();
-          h.props.onClickMenuItem && (i = h.props.onClickMenuItem(
-            ...r
-          )), c.current?.getRootElement?.()?.focus?.(), i instanceof Promise ? i.finally(
-            () => u(!1)
-          ) : i !== !1 && u(!1);
+        onClickMenuItem: (...g) => {
+          let h = null;
+          const _ = R();
+          _.props.onClickMenuItem && (h = _.props.onClickMenuItem(
+            ...g
+          )), m.current?.getRootElement?.()?.focus?.(), h instanceof Promise ? h.finally(
+            () => B(!1)
+          ) : h !== !1 && B(!1);
         }
       });
     }
-    return e;
-  }, g = V();
-  return /* @__PURE__ */ b(
-    L,
+    return o;
+  }, k = I(null);
+  return /* @__PURE__ */ r(
+    K,
     {
-      ref: c,
+      ref: m,
       classNames: "slideDynamicOrigin",
-      childrenPrefix: n,
-      trigger: a,
-      popup: T,
+      childrenPrefix: e,
+      trigger: u,
+      popup: Q,
       mouseEnterDelay: 400,
       mouseLeaveDelay: 400,
-      disabled: s,
-      unmountOnExit: R,
-      position: _,
-      popupVisible: l,
-      popupAlign: w,
-      getPopupContainer: B,
-      alignPoint: a === "contextMenu",
-      ...G(m, Q),
-      ...z(m),
-      ...q(f, ["onVisibleChange"]),
-      getTargetDOMNode: () => H(g.current),
-      onVisibleChange: I,
-      children: o.isValidElement(t) ? o.cloneElement(t, {
-        ...typeof s == "boolean" ? { disabled: s } : {},
-        className: D(
+      disabled: p,
+      unmountOnExit: V,
+      position: w,
+      popupVisible: x,
+      popupAlign: l,
+      getPopupContainer: f,
+      alignPoint: u === "contextMenu",
+      ...Y(i, S),
+      ...U(i),
+      ...X(c, ["onVisibleChange"]),
+      getTargetDOMNode: () => Z(k.current),
+      onVisibleChange: L,
+      children: s.isValidElement(n) ? s.cloneElement(n, {
+        ...typeof p == "boolean" ? { disabled: p } : {},
+        className: T(
           {
-            [`${n}-popup-visible`]: l,
-            [`${[n]}-rtl`]: k
+            [`${e}-popup-visible`]: x,
+            [`${[e]}-rtl`]: D
           },
-          t.props.className
+          n.props.className
         ),
-        ref: U(t) ? (e) => {
-          g.current = e;
+        ref: W(n) ? (o) => {
+          k.current = o;
         } : void 0
-      }) : t
+      }) : n
     }
   );
 }
-const W = o.forwardRef(S), x = W;
-x.displayName = "Dropdown";
-x.Button = J;
+const no = s.forwardRef(to), E = no;
+E.displayName = "Dropdown";
+E.Button = F;
 export {
-  J as DropdownButton,
-  x as default
+  F as DropdownButton,
+  E as default
 };