@unicom-cloud/ui 0.8.107 → 0.8.109

package/menu/Menu.js

@@ -1,182 +1,26 @@
-import { jsx as c, jsxs as me, Fragment as de } from "react/jsx-runtime";
-import fe from "@unicom-cloud/icons/IconUiMenuFold";
-import Ce from "@unicom-cloud/icons/IconUiMenuUnfold";
-import Me from "lodash/isPlainObject";
-import { forwardRef as he, useContext as I, useRef as $, useMemo as Ie, useEffect as xe } from "react";
-import "../config-provider/ConfigProvider.js";
-import ve from "../components/common/hooks/useForceUpdate.js";
-import be from "../components/common/hooks/useId.js";
-import ge from "../components/common/hooks/useKeyboardEvent.js";
-import Ke from "../components/common/hooks/useMergeProps.js";
-import x from "../components/common/hooks/useMergeValue.js";
-import { SiderContext as ye } from "../layout/Sider.js";
-import Se from "@unicom-cloud/utils/class-name";
-import { omit as Pe } from "../components/common/utils/omit.js";
-import O from "./context.js";
-import $e from "./Item.js";
-import Oe from "./ItemGroup.js";
-import Ee from "./OverflowWrap.js";
-import we from "./sub-menu/index.js";
-import { generateInfoMap as Ne, processChildren as Be } from "./util.js";
-import Ue from "../config-provider/context.js";
-const _e = "light", Fe = {
-  mode: "vertical",
-  selectable: !0,
-  ellipsis: !0
-};
-function ze(E, w) {
-  const { getPrefixCls: N, componentConfig: B, rtl: U } = I(Ue), _ = Ke(
-    E,
-    Fe,
-    B?.Menu
-  ), {
-    style: F,
-    children: f,
-    className: z,
-    prefixCls: T,
-    mode: r,
-    theme: V,
-    icons: p,
-    levelIndent: j,
-    collapse: A,
-    inDropdown: u,
-    selectable: D,
-    triggerProps: G,
-    tooltipProps: H,
-    ellipsis: C,
-    accordion: M,
-    autoOpen: R,
-    autoScrollIntoView: L,
-    scrollConfig: k,
-    hasCollapseButton: Q,
-    defaultOpenKeys: W,
-    defaultSelectedKeys: q,
-    openKeys: J,
-    selectedKeys: X,
-    onClickSubMenu: Y,
-    onClickMenuItem: Z,
-    onCollapseChange: ee,
-    onEllipsisChange: oe,
-    ...v
-  } = _, [l, b] = x([], {
-    defaultValue: W,
-    value: J
-  }), [te, ne] = x([], {
-    defaultValue: q,
-    value: X
-  }), [m, re] = x(!1, {
-    value: A
-  }), se = I(O), { siderCollapsed: le } = I(ye), t = T || N?.("menu"), d = le || m || u || r === "popButton", g = V || se.theme || _e, i = $([]), K = $([]), ie = ve(), ce = ge(), y = Ie(() => Ne(f), [f]), pe = be(`${t}-`), h = v.id || pe;
-  xe(() => {
-    let e = l.filter(
-      (o) => i.current.indexOf(o) !== -1
-    );
-    if (R) {
-      const o = i.current.filter(
-        (s) => K.current.indexOf(s) === -1
-      );
-      e = l.concat(o);
-    }
-    b(M ? e.slice(0, 1) : e), K.current = i.current.slice();
-  }, [i.current.toString()]);
-  const S = r !== "horizontal" && r !== "popButton" && !u && Q, ae = () => {
-    const e = Be(f, { level: 1 }), o = m ? p && p.collapseActive || /* @__PURE__ */ c(Ce, {}) : p && p.collapseDefault || /* @__PURE__ */ c(fe, {}), s = () => {
-      const n = !m;
-      re(n), ee?.(n);
-    };
-    return /* @__PURE__ */ me(de, { children: [
-      /* @__PURE__ */ c("div", { className: `${t}-inner`, children: r === "horizontal" && C !== !1 ? /* @__PURE__ */ c(
-        Ee,
-        {
-          ellipsisText: Me(C) ? C.text : "···",
-          onEllipsisChange: oe,
-          children: e
-        }
-      ) : e }),
-      S && /* @__PURE__ */ c(
-        "div",
-        {
-          tabIndex: 0,
-          role: "button",
-          "aria-controls": h,
-          "aria-expanded": !m,
-          className: `${t}-collapse-button`,
-          onClick: s,
-          ...ce({ onPressEnter: s }),
-          children: o
-        }
-      )
-    ] });
-  }, P = { ...F };
-  return d && !u && delete P.width, /* @__PURE__ */ c(
-    "div",
-    {
-      id: S ? h : void 0,
-      role: "menu",
-      ...Pe(v, ["isMenu"]),
-      ref: w,
-      style: P,
-      className: Se(
-        t,
-        `${t}-${g}`,
-        `${t}-${r === "horizontal" ? "horizontal" : "vertical"}`,
-        {
-          [`${t}-collapse`]: d,
-          // 缩起状态自动变成 pop 模式
-          [`${t}-pop`]: r === "pop" || d,
-          [`${t}-pop-button`]: r === "popButton",
-          [`${t}-rtl`]: U
-        },
-        z
-      ),
-      children: /* @__PURE__ */ c(
-        O.Provider,
-        {
-          value: {
-            mode: r,
-            theme: g,
-            collapse: d,
-            levelIndent: j,
-            inDropdown: u,
-            selectedKeys: te,
-            openKeys: l,
-            icons: p,
-            triggerProps: G,
-            tooltipProps: H,
-            autoScrollIntoView: L,
-            scrollConfig: k,
-            // pass props directly
-            id: h,
-            prefixCls: t,
-            collectInlineMenuKeys: (e, o) => {
-              o ? i.current = i.current.filter(
-                (s) => s !== e
-              ) : i.current.push(e), ie();
-            },
-            onClickMenuItem: (e, o) => {
-              D && ne([e]), Z?.(e, o, y[e]?.keyPath);
-            },
-            onClickSubMenu: (e, o, s) => {
-              let n = [...l];
-              s === "inline" && (l?.indexOf(e) > -1 ? M && o === 1 ? n = [] : n = l.filter((ue) => ue !== e) : M && o === 1 ? n = [e] : n = l.concat([e])), b(n), Y?.(e, n, y[e]?.keyPath);
-            }
-          },
-          children: ae()
-        }
-      )
-    }
-  );
-}
-const Te = he(ze), a = Te;
-a.displayName = "Menu";
-a.Item = $e;
-a.SubMenu = we;
-a.ItemGroup = Oe;
-a.__PQB_MENU__ = !0;
+import "react/jsx-runtime";
+import "@unicom-cloud/icons/IconUiMenuFold";
+import "@unicom-cloud/icons/IconUiMenuUnfold";
+import "lodash/isPlainObject";
+import "react";
+import "../chunk/DXlwLh0Y.js";
+import "../chunk/BJeTDXdz.js";
+import "../chunk/COqvRD0G.js";
+import "../chunk/C6Aw3qIJ.js";
+import "../chunk/FgWHhRFz.js";
+import "../chunk/2vdCeheu.js";
+import "../layout/Sider.js";
+import "@unicom-cloud/utils/class-name";
+import "../chunk/BKKEev13.js";
+import "./context.js";
+import { default as I } from "./Item.js";
+import { default as c } from "./ItemGroup.js";
+import { S as h, S as j, M as k } from "../chunk/BfBHo0RR.js";
+import "./util.js";
 export {
-  $e as MenuItem,
-  Oe as MenuItemGroup,
-  we as MenuSubMenu,
-  we as SubMenu,
-  a as default
+  I as MenuItem,
+  c as MenuItemGroup,
+  h as MenuSubMenu,
+  j as SubMenu,
+  k as default
 };

package/menu/OverflowWrap.js

@@ -1,89 +1,10 @@
-import { jsx as h } from "react/jsx-runtime";
-import a, { useContext as $, useRef as T, useState as k, useEffect as A } from "react";
-import H from "@unicom-cloud/utils/class-name";
-import { resizeObserver as U } from "../components/common/utils/resizeObserver.js";
-import { getStyle as C } from "../components/common/utils/style.js";
-import j from "./context.js";
-import q from "./sub-menu/index.js";
-const z = 5;
-function S(o) {
-  return o && Math.ceil(+o.getBoundingClientRect().width);
-}
-function g(o) {
-  const l = Number(o.replace("px", ""));
-  return isNaN(l) ? 0 : l;
-}
-const K = (o) => {
-  const { children: l, ellipsisText: x = "···", onEllipsisChange: O } = o, { prefixCls: d } = $(j), i = T(null), [c, E] = k(null), v = `${d}-overflow-sub-menu`, R = `${d}-overflow-hidden-menu-item`, w = `${d}-overflow-sub-menu-mirror`, b = (e) => {
-    if (e !== c) {
-      const t = a.Children.toArray(l), n = e === null;
-      O?.({
-        lastVisibleIndex: n ? t.length - 1 : e,
-        overflowNodes: n ? [] : t.slice(e + 1)
-      }), E(e);
-    }
-  };
-  function y() {
-    if (!i.current)
-      return;
-    const e = i.current, t = S(e) - z, n = [].slice.call(e.children);
-    let s = 0, u = 0, f = 0;
-    for (let m = 0; m < n.length; m++) {
-      const r = n[m], N = r.className.split(" "), L = N.indexOf(v) > -1, W = N.indexOf(w) > -1;
-      if (L)
-        continue;
-      const p = S(r) + g(C(r, "marginLeft")) + g(C(r, "marginRight"));
-      if (W) {
-        f = p;
-        continue;
-      }
-      if (u += p, u > t) {
-        b(
-          // 判断如果将最后一个菜单项换为 ... 是否会超出宽度
-          s - (u - p + f <= t ? 1 : 2)
-        );
-        return;
-      }
-      s++;
-    }
-    b(null);
-  }
-  const M = (e, t = !1) => /* @__PURE__ */ h(
-    q,
-    {
-      title: /* @__PURE__ */ h("span", { children: x }),
-      className: t ? w : v,
-      children: e
-    },
-    `pqb-menu-overflow-sub-menu${t ? "-mirror" : ""}`
-  ), I = () => {
-    let e = null;
-    const t = M(null, !0), n = a.Children.map(l, (s, u) => {
-      let f = s;
-      if (c !== null && (u > c && (f = a.cloneElement(s, {
-        className: H(
-          R,
-          s?.props?.className
-        )
-      })), u === c + 1)) {
-        const m = a.Children.toArray(l).slice(c + 1).map(
-          (r) => a.cloneElement(r, {
-            key: r.props._key
-          })
-        );
-        e = M(m);
-      }
-      return f;
-    }) ?? [];
-    return [t, ...n, e];
-  };
-  return A(() => {
-    const e = U([i.current], y);
-    return () => {
-      e();
-    };
-  }, [i.current]), /* @__PURE__ */ h("div", { className: `${d}-overflow-wrap`, ref: i, children: I() });
-};
+import "react/jsx-runtime";
+import "react";
+import "@unicom-cloud/utils/class-name";
+import "../chunk/B8W1N4er.js";
+import "../utils/style.js";
+import "./context.js";
+import { O as f } from "../chunk/BfBHo0RR.js";
 export {
-  K as default
+  f as default
 };

package/menu/index.js

@@ -1,11 +1,11 @@
-import u from "./Menu.js";
-import { default as a } from "./Item.js";
-import { default as f } from "./ItemGroup.js";
-import { default as n, default as p } from "./sub-menu/index.js";
+import { M as o } from "../chunk/BfBHo0RR.js";
+import { S as r, S as a } from "../chunk/BfBHo0RR.js";
+import { default as n } from "./Item.js";
+import { default as p } from "./ItemGroup.js";
 export {
-  a as MenuItem,
-  f as MenuItemGroup,
-  n as MenuSubMenu,
-  p as SubMenu,
-  u as default
+  n as MenuItem,
+  p as MenuItemGroup,
+  r as MenuSubMenu,
+  a as SubMenu,
+  o as default
 };

package/message/index.js

@@ -1,146 +1,15 @@
-import { jsx as u } from "react/jsx-runtime";
-import "../dist/react-transition-group/src/CSSTransition.js";
-import "../dist/react-transition-group/src/ReplaceTransition.js";
-import "../dist/react-transition-group/src/SwitchTransition.js";
-import "../dist/react-transition-group/chunk/CPfP7aNL.js";
-import w from "../dist/react-transition-group/src/TransitionGroup.js";
-import x from "lodash/isNumber";
-import b from "lodash/isUndefined";
-import { useEffect as q } from "react";
-import { createRoot as O } from "react-dom/client";
-import P from "../notice/index.js";
-import { notificationTypes as R } from "../notification/index.js";
-import S from "../notification/withNotification.js";
-import { PqbCSSTransition as k } from "../components/common/utils/PqbCSSTransition.js";
-import H from "@unicom-cloud/utils/class-name";
-import Q from "./useMessage.js";
-const U = [...R];
-let a = {}, g = [], N, T, E, y, _, M;
-function z(e) {
-  const {
-    transitionClassNames: i,
-    transitionTimeout: o,
-    prefixCls: C,
-    rtl: p,
-    closable: d,
-    notices: r,
-    position: v
-  } = e;
-  function n(f) {
-    const t = e.notices.find((j) => j.id === f);
-    t && e.update({
-      ...t,
-      style: { ...t.style, opacity: 0 }
-    }), setTimeout(() => {
-      e.remove(f);
-    }, 100);
-  }
-  q(() => (e.add(e), () => {
-    e.clear();
-  }), []);
-  const s = C || T, l = b(p) ? _ : p, c = b(d) ? M : d, h = s ? `${s}-message` : "pqb-message", $ = {
-    enter: x(o?.enter) ? o?.enter : 100,
-    exit: x(o?.exit) ? o?.exit : 300
-  }, I = H(
-    `${h}-wrapper`,
-    `${h}-wrapper-${v}`
-  );
-  return /* @__PURE__ */ u("div", { className: I, children: /* @__PURE__ */ u(w, { component: null, children: r.map((f) => /* @__PURE__ */ u(
-    k,
-    {
-      timeout: $,
-      classNames: i || "fadeMessage",
-      onExit: (t) => {
-        t && (t.style.height = `${t.scrollHeight}px`);
-      },
-      onExiting: (t) => {
-        t && (t.style.height = 0);
-      },
-      onExited: (t) => {
-        t && (t.style.height = 0, f.onClose?.());
-      },
-      children: /* @__PURE__ */ u(
-        P,
-        {
-          ...f,
-          prefixCls: h,
-          classPrefixCls: s,
-          iconPrefix: s,
-          onClose: n,
-          noticeType: "message",
-          rtl: l,
-          ...b(c) ? {} : { closable: c }
-        }
-      )
-    },
-    f.id
-  )) }) });
-}
-const m = S(z);
-m.config = (e = {}) => {
-  x(e.maxCount) && (N = e.maxCount), e.prefixCls && (T = e.prefixCls), x(e.duration) && (E = e.duration), typeof e.rtl == "boolean" && (_ = e.rtl), typeof e.closable == "boolean" && (M = e.closable), e.getContainer?.() !== y && (y = e.getContainer(), Object.values(a).forEach((i) => i?.clear()), a = {});
-};
-m.clear = () => {
-  Object.values(a).forEach((e) => {
-    e?.clear();
-  });
-};
-m.addInstance = (e) => {
-  const i = {
-    position: "top",
-    duration: E,
-    ...e
-  }, { position: o, transitionClassNames: C, transitionTimeout: p } = i;
-  let d;
-  const r = a[o];
-  if (r) {
-    const n = r.notices.find(
-      (l) => l.id === e.id
-    ), s = {
-      ...i,
-      update: n
-    };
-    r.notices.length >= N ? n ? r.add({
-      ...s,
-      id: n.id
-    }) : (r.shift(), r.add(s)) : d = r.add(s);
-  }
-  if (r === null && g.push(e), r === void 0) {
-    const n = document.createElement("div");
-    (y || document.body).appendChild(n), O(n).render(
-      /* @__PURE__ */ u(
-        m,
-        {
-          transitionClassNames: C,
-          transitionTimeout: p,
-          ...i,
-          ref: (l) => {
-            if (l) {
-              for (let c = 0; c < g.length; c++)
-                l.add(g[c]);
-              g = [], a[o] = l;
-            }
-          }
-        }
-      )
-    ), a[o] = null;
-  }
-  return () => {
-    a[o]?.remove?.(d);
-  };
-};
-U.forEach((e) => {
-  m[e] = (i) => {
-    const o = typeof i == "string" ? { content: i } : i;
-    return m.addInstance({
-      ...o,
-      type: e
-    });
-  };
-});
-m.useMessage = Q;
+import "react/jsx-runtime";
+import "../chunk/BJ9_azwQ.js";
+import "lodash/isNumber";
+import "lodash/isUndefined";
+import "react";
+import "react-dom/client";
+import { M as g, m as M, u as d } from "../chunk/DXlwLh0Y.js";
+import "../notification/withNotification.js";
+import "../chunk/B--6x-RL.js";
+import "@unicom-cloud/utils/class-name";
 export {
-  m as default,
-  U as messageTypes,
-  Q as useMessage
+  g as default,
+  M as messageTypes,
+  d as useMessage
 };

package/message/useMessage.js

@@ -1,58 +1,7 @@
-import { jsx as m } from "react/jsx-runtime";
-import _ from "lodash/isString";
-import { useRef as H, useMemo as I } from "react";
-import N, { messageTypes as P } from "./index.js";
-import { ContextHolderElement as R } from "../utils/contextHolder.js";
-function q(p = {}) {
-  const { maxCount: u, duration: x = 3e3, prefixCls: C } = p, s = H(), g = I(
-    () => /* @__PURE__ */ m(R, { ref: s }),
-    []
-  ), f = {};
-  let a;
-  function h(n) {
-    let t, r;
-    if (s.current) {
-      const e = s.current.getContextConfig();
-      r = e.rtl, t = e.prefixCls;
-    }
-    const E = C || t, i = {
-      position: "top",
-      duration: x,
-      ...n
-    }, { position: l, transitionClassNames: M } = i;
-    let c;
-    const o = f[l];
-    if (o) {
-      const e = o.notices;
-      e.length >= u ? (c = e[0].id, o.shift(), o.add({ ...i, id: c })) : c = o.add(i);
-    } else
-      a = /* @__PURE__ */ m(
-        N,
-        {
-          ...i,
-          transitionClassNames: M,
-          prefixCls: E,
-          rtl: r,
-          ref: (e) => {
-            f[l] = e;
-          }
-        }
-      ), s.current.addInstance(a);
-    return () => {
-      f[l]?.remove?.(c);
-    };
-  }
-  const d = {};
-  return P.forEach((n) => {
-    d[n] = (t) => {
-      const r = _(t) ? { content: t } : t;
-      return h({
-        ...r,
-        type: n
-      });
-    };
-  }), [d, g];
-}
+import "react/jsx-runtime";
+import "lodash/isString";
+import "react";
+import { u as i } from "../chunk/DXlwLh0Y.js";
 export {
-  q as default
+  i as default
 };

package/modal/Confirm.js

@@ -1,110 +1,13 @@
-import { jsx as r, jsxs as P } from "react/jsx-runtime";
-import x from "@unicom-cloud/icons/IconUiCheckCircleFill";
-import y from "@unicom-cloud/icons/IconUiCloseCircleFill";
-import u from "@unicom-cloud/icons/IconUiExclamationCircleFill";
-import F from "@unicom-cloud/icons/IconUiInfoCircleFill";
-import { createRoot as I } from "react-dom/client";
-import M from "../config-provider/ConfigProvider.js";
-import N from "./Modal.js";
-import { destroyList as f, getConfigProviderProps as O, getModalConfig as U } from "./config.js";
-function w(e) {
-  const { simple: n } = U();
-  return /* @__PURE__ */ r(N, { simple: n, ...e, children: e.content });
-}
-const p = (e) => {
-  let n = e.icon;
-  if (!n) {
-    if (n !== null) {
-      if (n = /* @__PURE__ */ r(u, {}), e.isNotice)
-        switch (e.noticeType) {
-          case "info":
-            n = /* @__PURE__ */ r(F, {});
-            break;
-          case "success":
-            n = /* @__PURE__ */ r(x, {});
-            break;
-          case "warning":
-            n = /* @__PURE__ */ r(u, {});
-            break;
-          case "error":
-            n = /* @__PURE__ */ r(y, {});
-            break;
-        }
-    }
-  }
-  return e.noticeType === "show" && (n = e.icon), e.isNotice && (e.hideCancel = !0), e.title = n === null && e.title === null ? null : /* @__PURE__ */ P("span", { children: [
-    n,
-    e.title
-  ] }), e;
-};
-function D(e, n) {
-  let i;
-  const l = document.createElement("div");
-  l.className = "pqb-modal-root", document.body.appendChild(l);
-  const C = O();
-  function h(t) {
-    const c = /* @__PURE__ */ r(M, { ...C, childrenName: "ModalConfirm", children: /* @__PURE__ */ r(
-      w,
-      {
-        getPopupContainer: () => l,
-        ...t,
-        onCancel: a
-      }
-    ) });
-    i ||= I(l), i.render(c);
-  }
-  const s = n || h;
-  let o = {
-    ...e,
-    visible: !1
-  };
-  const b = () => {
-    let t;
-    const c = e.onOk;
-    c && (t = c(a)), t && t.then && (o.confirmLoading = !0, s(o), t.then(
-      () => {
-        a(!0);
-      },
-      (v) => {
-        console.error(v), o.confirmLoading = !1, s(o);
-      }
-    )), t || a(!0);
-  };
-  o.onOk = b, o = p(o), o.visible = !0, s(o);
-  function d() {
-    l.remove();
-    for (let t = 0; t < f.length; t++)
-      if (f[t] === m) {
-        f.splice(t, 1);
-        break;
-      }
-    i && setTimeout(() => {
-      i.unmount(), i = null;
-    }, 7);
-  }
-  function a(t) {
-    !t && e.onCancel?.(), m();
-  }
-  function k(t) {
-    o = {
-      ...o,
-      title: e.title,
-      // 避免 newConfig 未传递 title 时，icon 出现多个的问题
-      ...t
-    }, o = p(o), s(o);
-  }
-  function m() {
-    o.visible = !1, o.afterClose = () => {
-      e.afterClose?.(), d();
-    }, s(o);
-  }
-  return f.push(m), {
-    close: m,
-    update: k,
-    destroy: d
-  };
-}
+import "react/jsx-runtime";
+import "@unicom-cloud/icons/IconUiCheckCircleFill";
+import "@unicom-cloud/icons/IconUiCloseCircleFill";
+import "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import "@unicom-cloud/icons/IconUiInfoCircleFill";
+import "react-dom/client";
+import "../chunk/DXlwLh0Y.js";
+import { c as l, n as s } from "../chunk/9WWq1a0I.js";
+import "./config.js";
 export {
-  D as default,
-  p as normalizeConfig
+  l as default,
+  s as normalizeConfig
 };