@unicom-cloud/ui 0.8.90 → 0.8.92

package/menu/sub-menu/Pop.js

@@ -0,0 +1,120 @@
+import { jsx as o, jsxs as K } from "react/jsx-runtime";
+import O from "@unicom-cloud/icons/IconUiDown";
+import T from "@unicom-cloud/icons/IconUiLeft";
+import _ from "@unicom-cloud/icons/IconUiRight";
+import { useContext as y, useState as B } from "react";
+import "../../config-provider/ConfigProvider.js";
+import H from "../../dropdown/index.js";
+import W from "../../components/common/hooks/useId.js";
+import q from "../Menu.js";
+import F from "../Indent.js";
+import G from "../context.js";
+import { isChildrenSelected as J } from "../util.js";
+import M from "@unicom-cloud/utils/class-name";
+import { Enter as Q, ArrowLeft as X, ArrowRight as Y } from "@unicom-cloud/utils/constant/keyboardCode";
+import { omit as N } from "../../components/common/utils/omit.js";
+import Z from "../../config-provider/context.js";
+const he = (a) => {
+  const {
+    _key: c,
+    children: m,
+    style: P,
+    className: D,
+    title: A,
+    level: d,
+    selectable: u,
+    forwardedRef: S,
+    triggerProps: $,
+    ...v
+  } = a, {
+    id: R,
+    prefixCls: n,
+    mode: f,
+    inDropdown: z,
+    levelIndent: L,
+    selectedKeys: i = [],
+    icons: t,
+    triggerProps: U,
+    onClickSubMenu: V,
+    onClickMenuItem: g
+  } = y(G), { rtl: h } = y(Z), l = { ...U, ...$ }, [w, s] = B(!1), p = `${n}-pop`, j = u && i.indexOf(a._key) > -1, C = f === "horizontal" && !z, I = W(`${R}-submenu-pop-`), E = () => {
+    const e = t && t.popArrowRight ? t.popArrowRight : h ? /* @__PURE__ */ o(T, {}) : /* @__PURE__ */ o(_, {}), r = t && t.horizontalArrowDown ? t.horizontalArrowDown : /* @__PURE__ */ o(O, {});
+    return /* @__PURE__ */ o("span", { className: `${n}-icon-suffix`, children: C ? r : e });
+  }, b = J(m, i) || j, k = h ? ["br", "lt"] : ["bl", "rt"], x = (e) => {
+    V(c, d, "pop"), u && g(c, e);
+  };
+  return /* @__PURE__ */ o(
+    H,
+    {
+      trigger: "hover",
+      popupVisible: w,
+      onVisibleChange: s,
+      droplist: /* @__PURE__ */ o(
+        q,
+        {
+          id: I,
+          selectedKeys: i,
+          onClickMenuItem: (e, r) => {
+            g(e, r), s(!1);
+          },
+          children: m
+        }
+      ),
+      triggerProps: {
+        position: C ? k[0] : k[1],
+        showArrow: !0,
+        autoAlignPopupMinWidth: !0,
+        classNames: "fadeIn",
+        duration: 100,
+        mouseEnterDelay: 50,
+        mouseLeaveDelay: 50,
+        className: M(
+          `${p}-trigger`,
+          l && l.className
+        ),
+        ...N(l, ["className"])
+      },
+      children: /* @__PURE__ */ K(
+        "div",
+        {
+          tabIndex: 0,
+          "aria-haspopup": !0,
+          "aria-expanded": w,
+          "aria-controls": I,
+          ref: S,
+          style: P,
+          className: M(
+            p,
+            `${p}-header`,
+            {
+              [`${n}-selected`]: b
+            },
+            D
+          ),
+          onClick: x,
+          onKeyDown: (e) => {
+            const r = e.key;
+            r === Q.key ? x(e) : r === X.key ? s(!1) : r === Y.key && s(!0);
+          },
+          ...N(v, ["key", "popup"]),
+          children: [
+            /* @__PURE__ */ o(
+              F,
+              {
+                prefixCls: n,
+                levelIndent: L,
+                level: d
+              }
+            ),
+            A,
+            E(),
+            b && f === "horizontal" ? /* @__PURE__ */ o("div", { className: `${n}-selected-label` }) : null
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  he as default
+};

package/menu/sub-menu/index.js

@@ -0,0 +1,17 @@
+import { jsx as d } from "react/jsx-runtime";
+import { forwardRef as l, useContext as s, useEffect as M } from "react";
+import a from "../context.js";
+import b from "./Inline.js";
+import S from "./Pop.js";
+function y(e, t) {
+  const { children: r, popup: o, level: f } = e, { mode: p, collapse: c, inDropdown: m, collectInlineMenuKeys: n } = s(a), i = !!(typeof o == "function" ? o(f) : o) || c || m || p !== "vertical" ? S : b;
+  return M(() => (n(e._key), () => {
+    n(e._key, !0);
+  }), []), /* @__PURE__ */ d(i, { forwardedRef: t, ...e, children: r });
+}
+const P = l(y), u = P;
+u.displayName = "SubMenu";
+u.menuType = "SubMenu";
+export {
+  u as default
+};

package/message/index.js

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

package/message/useMessage.js

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

package/modal/Confirm.js

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