@unicom-cloud/ui 0.8.67 → 0.8.68

package/menu/Item.js

@@ -0,0 +1,125 @@
+import { jsxs as k, jsx as o, Fragment as D } from "react/jsx-runtime";
+import { p as F } from "../chunk/CVYWxu00.js";
+import { forwardRef as O, useContext as j, useRef as B, useEffect as K } from "react";
+import { u as U } from "../chunk/oopARUrq.js";
+import z from "../tooltip/index.js";
+import { m as A } from "../chunk/JPPo5nY_.js";
+import { e as H } from "../chunk/BrOW642m.js";
+import { o as x } from "../chunk/BKKEev13.js";
+import V from "./Indent.js";
+import W from "./context.js";
+import { PROPS_NEED_TO_BE_PASSED_IN_SUBMENU as q } from "./util.js";
+function G(T, p) {
+  const {
+    _key: f,
+    children: i,
+    level: m,
+    disabled: l,
+    className: _,
+    style: S,
+    wrapper: $ = "div",
+    onClick: c,
+    renderItemInTooltip: u,
+    ...w
+  } = T, {
+    prefixCls: t,
+    mode: y,
+    collapse: d,
+    inDropdown: C,
+    levelIndent: R,
+    selectedKeys: I,
+    autoScrollIntoView: g,
+    scrollConfig: v,
+    tooltipProps: r,
+    onClickMenuItem: a
+  } = j(W), n = B(null), M = U(), h = y === "vertical" && m > 1, P = d && !C && m === 1, s = I && ~I.indexOf(f);
+  K(() => {
+    const e = s && g;
+    n.current && e && setTimeout(
+      () => {
+        n.current && F(n.current, {
+          behavior: "smooth",
+          block: "start",
+          scrollMode: "if-needed",
+          boundary: document.body,
+          ...v
+        });
+      },
+      M ? 500 : 0
+    );
+  }, [s, g]);
+  const N = (e) => {
+    l || (a == null || a(f, e), c == null || c(e));
+  }, b = /* @__PURE__ */ k(
+    $,
+    {
+      tabIndex: l ? -1 : 0,
+      role: "menuitem",
+      ref: (e) => {
+        p = e, n.current = p;
+      },
+      style: S,
+      className: A(
+        `${t}-item`,
+        {
+          [`${t}-disabled`]: l,
+          [`${t}-selected`]: s,
+          // 存在缩进dom
+          [`${t}-item-indented`]: h && !d
+        },
+        _
+      ),
+      onClick: N,
+      onKeyDown: (e) => {
+        e.key === H.key && N(e);
+      },
+      ...x(
+        w,
+        ["key", "_key"].concat(q)
+      ),
+      children: [
+        h && !d ? /* @__PURE__ */ k(D, { children: [
+          /* @__PURE__ */ o(
+            V,
+            {
+              prefixCls: t,
+              levelIndent: R,
+              level: m
+            }
+          ),
+          /* @__PURE__ */ o(
+            "span",
+            {
+              className: `${t}-item-inner`,
+              style: {
+                display: "block"
+              },
+              children: i
+            }
+          )
+        ] }) : i,
+        s && y === "horizontal" ? /* @__PURE__ */ o("div", { className: `${t}-selected-label` }) : null
+      ]
+    }
+  );
+  return P ? /* @__PURE__ */ o(
+    z,
+    {
+      trigger: "hover",
+      position: "right",
+      content: typeof u == "function" ? u() : /* @__PURE__ */ o("span", { children: i }),
+      triggerProps: {
+        className: `${t}-item-tooltip`,
+        ...(r == null ? void 0 : r.triggerProps) || {}
+      },
+      ...x(r, ["triggerProps"]),
+      children: b
+    }
+  ) : b;
+}
+const J = O(G), E = J;
+E.displayName = "MenuItem";
+E.menuType = "MenuItem";
+export {
+  E as default
+};

package/menu/ItemGroup.js

@@ -0,0 +1,39 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { forwardRef as f, useContext as h } from "react";
+import { m as v } from "../chunk/JPPo5nY_.js";
+import x from "./context.js";
+import I from "./Indent.js";
+import { processChildren as C } from "./util.js";
+function G(s, l) {
+  const { children: m, title: i, level: e, className: p, style: c } = s, { prefixCls: r, levelIndent: u } = h(x), d = e === 1 ? e + 1 : e, a = C(m, {
+    level: d
+  });
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      ref: l,
+      className: v(`${r}-group`, p),
+      style: c,
+      children: [
+        /* @__PURE__ */ o("div", { className: `${r}-group-title`, children: [
+          /* @__PURE__ */ t(
+            I,
+            {
+              level: e,
+              prefixCls: r,
+              levelIndent: u
+            }
+          ),
+          /* @__PURE__ */ t("span", { children: i })
+        ] }),
+        a
+      ]
+    }
+  );
+}
+const M = f(G), n = M;
+n.displayName = "MenuItemGroup";
+n.menuType = "MenuGroup";
+export {
+  n as default
+};

package/menu/Menu.js

@@ -0,0 +1,26 @@
+import "react/jsx-runtime";
+import "@unicom-cloud/icons/IconUiMenuFold";
+import "@unicom-cloud/icons/IconUiMenuUnfold";
+import "lodash/isPlainObject";
+import "react";
+import "../chunk/ll867Bf3.js";
+import "../chunk/CQ_WOOmf.js";
+import "../chunk/B4YRLi8r.js";
+import "../chunk/XTEsYGuF.js";
+import "../chunk/BFTV6myl.js";
+import "../chunk/CdaT1b_F.js";
+import "../layout/Sider.js";
+import "../chunk/JPPo5nY_.js";
+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/C98ks5S8.js";
+import "./util.js";
+export {
+  I as MenuItem,
+  c as MenuItemGroup,
+  h as MenuSubMenu,
+  j as SubMenu,
+  k as default
+};

package/menu/OverflowWrap.js

@@ -0,0 +1,10 @@
+import "react/jsx-runtime";
+import "react";
+import "../chunk/JPPo5nY_.js";
+import "../chunk/CIRG541s.js";
+import "../utils/style.js";
+import "./context.js";
+import { O as f } from "../chunk/C98ks5S8.js";
+export {
+  f as default
+};

package/menu/context.js

@@ -0,0 +1,5 @@
+import { createContext as t } from "react";
+const o = t({});
+export {
+  o as default
+};

package/menu/index.js

@@ -0,0 +1,11 @@
+import { M as o } from "../chunk/C98ks5S8.js";
+import { S as r, S as a } from "../chunk/C98ks5S8.js";
+import { default as n } from "./Item.js";
+import { default as p } from "./ItemGroup.js";
+export {
+  n as MenuItem,
+  p as MenuItemGroup,
+  r as MenuSubMenu,
+  a as SubMenu,
+  o as default
+};

package/menu/interface.js

@@ -0,0 +1 @@
+

package/menu/util.js

@@ -0,0 +1,80 @@
+import u from "react";
+const C = [
+  "popup",
+  "triggerProps",
+  "selectable"
+], i = (t) => {
+  let r = [];
+  return u.Children.forEach(t, (e) => {
+    var p;
+    const o = (p = e == null ? void 0 : e.type) == null ? void 0 : p.menuType;
+    o === "MenuItem" || o === "SubMenu" ? r.push(e) : o === "MenuGroup" && (r = r.concat(
+      i(e.props.children)
+    ));
+  }), r;
+}, k = (t, r = [], e = {}) => {
+  const o = i(t);
+  return o.forEach((p, n) => {
+    var f, h;
+    const s = p.key, l = p.type.menuType, c = [s, ...r], y = {
+      keyPath: [],
+      prev: ((f = o[n - 1]) == null ? void 0 : f.key) || null,
+      next: ((h = o[n + 1]) == null ? void 0 : h.key) || null
+    };
+    if (n === 0 || n === o.length - 1) {
+      const a = c[1], d = n === 0 ? "firstChild" : "lastChild";
+      a && (e[a] = {
+        ...e[a],
+        [d]: s
+      });
+    }
+    switch (l) {
+      case "SubMenu":
+        y.keyPath = c, k(p.props.children, c, e);
+        break;
+      case "MenuItem":
+        y.keyPath = c, y.disabled = p.props.disabled;
+        break;
+    }
+    e[s] = {
+      ...e[s],
+      ...y
+    };
+  }), e;
+}, M = (t, r) => u.Children.map(t, (e, o) => {
+  if (!e || !e.props)
+    return e;
+  const p = typeof e.type == "string";
+  if (!(e.type && e.type.menuType) && e.props.children) {
+    const s = p ? {} : r, l = M(e.props.children, r);
+    return u.cloneElement(e, {
+      ...s,
+      _key: e.key,
+      children: l.length === 1 ? l[0] : l
+    });
+  }
+  return p ? e : u.cloneElement(e, {
+    ...r,
+    // Properties of the component itself have higher priority
+    ...e.props,
+    _key: e.key || `$menu-${o}`
+  });
+});
+function E(t, r) {
+  let e = !1;
+  function o(p) {
+    !p || e || u.Children.forEach(p, (n) => {
+      if (n && n.props && n.type && !e) {
+        const s = n.type.menuType, l = n.props.selectable;
+        (s === "MenuItem" || s === "SubMenu" && l) && (e = r.indexOf(n.key) !== -1), !e && n.props.children && o(n.props.children);
+      }
+    });
+  }
+  return o(t), e;
+}
+export {
+  C as PROPS_NEED_TO_BE_PASSED_IN_SUBMENU,
+  k as generateInfoMap,
+  E as isChildrenSelected,
+  M as processChildren
+};

package/message/index.js

@@ -0,0 +1,14 @@
+import "react/jsx-runtime";
+import "../chunk/DzVH9IBy.js";
+import "lodash/isNumber";
+import "lodash/isUndefined";
+import "react";
+import "react-dom/client";
+import { M as f, m as g, u as M } from "../chunk/ll867Bf3.js";
+import "../notification/withNotification.js";
+import "../chunk/JPPo5nY_.js";
+export {
+  f as default,
+  g as messageTypes,
+  M as useMessage
+};

package/message/interface.js

@@ -0,0 +1 @@
+

package/message/useMessage.js

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import "lodash/isString";
+import "react";
+import { u as i } from "../chunk/ll867Bf3.js";
+export {
+  i as default
+};

package/modal/Confirm.js

@@ -0,0 +1,13 @@
+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/ll867Bf3.js";
+import { c as l, n as s } from "../chunk/BjpUSKM3.js";
+import "./config.js";
+export {
+  l as default,
+  s as normalizeConfig
+};

package/modal/Modal.js

@@ -0,0 +1,21 @@
+import "react/jsx-runtime";
+import "@unicom-cloud/icons/IconUiClose";
+import "lodash/isFunction";
+import "react";
+import "../button/index.js";
+import "../chunk/ll867Bf3.js";
+import "../chunk/BFTV6myl.js";
+import "../chunk/CdaT1b_F.js";
+import "../chunk/CbLaCJmG.js";
+import "../portal/index.js";
+import "../chunk/DzVH9IBy.js";
+import "../chunk/JPPo5nY_.js";
+import "../utils/dom.js";
+import "../chunk/BrOW642m.js";
+import "../chunk/BKKEev13.js";
+import "../chunk/C48SmsN-.js";
+import { E as j } from "../chunk/BjpUSKM3.js";
+import "./config.js";
+export {
+  j as default
+};

package/modal/config.js

@@ -0,0 +1,25 @@
+let e = {};
+function n(o) {
+  e = {
+    ...o
+  };
+}
+function r() {
+  return e;
+}
+let t = {
+  simple: !0
+};
+const i = (o) => {
+  t = {
+    ...t,
+    ...o
+  };
+}, s = () => t, f = [];
+export {
+  f as destroyList,
+  r as getConfigProviderProps,
+  s as getModalConfig,
+  n as setConfigProviderProps,
+  i as setModalConfig
+};

package/modal/index.js

@@ -0,0 +1,4 @@
+import { E as t } from "../chunk/BjpUSKM3.js";
+export {
+  t as default
+};

package/modal/interface.js

@@ -0,0 +1 @@
+

package/notice/index.js

@@ -0,0 +1,24 @@
+import "react/jsx-runtime";
+import "@unicom-cloud/icons/IconUiCheckCircleFill";
+import "@unicom-cloud/icons/IconUiClose";
+import "@unicom-cloud/icons/IconUiCloseCircleFill";
+import "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import "@unicom-cloud/icons/IconUiInfoCircleFill";
+import "@unicom-cloud/icons/IconUiLoading";
+import "@unicom-cloud/icons/context";
+import "react";
+import { f as v } from "../chunk/ll867Bf3.js";
+import "lodash/isEqualWith";
+import "../chunk/D-TPB2Do.js";
+import "lodash/isNumber";
+import "lodash/merge";
+import "../utils/dom.js";
+import "../chunk/Biupwn8l.js";
+import "../chunk/BFTV6myl.js";
+import "react-dom";
+import "../chunk/Ce1j9KTi.js";
+import "lodash/debounce";
+import "../chunk/JPPo5nY_.js";
+export {
+  v as default
+};

package/notification/index.js

@@ -0,0 +1,16 @@
+import "react/jsx-runtime";
+import "../chunk/DzVH9IBy.js";
+import "lodash/isNumber";
+import "lodash/isUndefined";
+import "react";
+import "react-dom";
+import "react-dom/client";
+import { N as c, g, n as u, c as N } from "../chunk/ll867Bf3.js";
+import "../chunk/JPPo5nY_.js";
+import "./withNotification.js";
+export {
+  c as default,
+  g as getPosition,
+  u as notificationTypes,
+  N as useNotification
+};

package/notification/interface.js

@@ -0,0 +1 @@
+

package/notification/useNotification.js

@@ -0,0 +1,6 @@
+import "react/jsx-runtime";
+import "react";
+import { c as p } from "../chunk/ll867Bf3.js";
+export {
+  p as default
+};

package/notification/withNotification.js

@@ -0,0 +1,49 @@
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as v, useState as x, useImperativeHandle as _, useEffect as I } from "react";
+import { v4 as b } from "uuid";
+function C(l) {
+  function o(i, h) {
+    const [u, r] = x(
+      (i == null ? void 0 : i.notices) ?? []
+    );
+    function d(t) {
+      const e = (t == null ? void 0 : t.id) ?? `pqb_notice_id_${b()}`;
+      return t.id && u.findIndex((n) => n.id === t.id) !== -1 ? f(t) : r((n) => [].concat(n, {
+        ...t,
+        id: e
+      })), e;
+    }
+    function f(t) {
+      r((e) => e.map((n) => t.id === n.id ? (delete n.update, t) : n));
+    }
+    function a() {
+      r((t) => {
+        const e = [].concat(t);
+        return e.shift(), e;
+      });
+    }
+    function c(t) {
+      r((e) => e.filter((n) => n.id !== t));
+    }
+    function m() {
+      r((t) => []);
+    }
+    return _(h, () => ({ notices: u, add: d, update: f, shift: a, remove: c, clear: m }), [u, d, f, a, c, m]), I(() => () => {
+    }, [u]), /* @__PURE__ */ s(
+      l,
+      {
+        ...i,
+        notices: u,
+        add: d,
+        update: f,
+        shift: a,
+        remove: c,
+        clear: m
+      }
+    );
+  }
+  return v(o);
+}
+export {
+  C as default
+};

package/overflow-ellipsis/OverflowItem.js

@@ -0,0 +1,35 @@
+import { jsx as s } from "react/jsx-runtime";
+import u from "lodash/isFunction";
+import { useContext as a, useRef as d, useEffect as i } from "react";
+import { a as l } from "../chunk/ll867Bf3.js";
+import { m as x } from "../chunk/JPPo5nY_.js";
+import { r as h } from "../chunk/CIRG541s.js";
+function E(e) {
+  const { getPrefixCls: f } = a(l), n = f("overflow-item"), r = d();
+  i(() => {
+    if (!u(e.onResize)) return;
+    const c = h([r.current], (t) => {
+      var o;
+      e.onResize((o = t == null ? void 0 : t[0]) == null ? void 0 : o.target);
+    });
+    return () => {
+      c();
+    };
+  }, [r.current, e.onResize]), i(() => (e.onResize(r.current), () => {
+    e.unregister(r.current);
+  }), []);
+  const m = e.hidden;
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      ref: r,
+      className: x(n, e.className, {
+        [`${n}-hidden`]: m
+      }),
+      children: e.children
+    }
+  );
+}
+export {
+  E as default
+};

package/overflow-ellipsis/index.js

@@ -0,0 +1,74 @@
+import { jsxs as j, jsx as C } from "react/jsx-runtime";
+import { useContext as k, useState as i, useLayoutEffect as N, useRef as b, useEffect as E } from "react";
+import { a as z } from "../chunk/ll867Bf3.js";
+import { m as I } from "../chunk/JPPo5nY_.js";
+import { r as M } from "../chunk/CIRG541s.js";
+import v from "./OverflowItem.js";
+function q(u) {
+  const { getPrefixCls: O } = k(z), f = O("overflow"), { items: a, suffixItems: g } = u, y = u.ellipsisNode || (({ ellipsisCount: e }) => `+${e}`), [d, W] = i(), [m, _] = i(), [l, h] = i({}), [x, w] = i({}), p = a.length - m, $ = p > 0 ? y({ ellipsisCount: p }) : null;
+  N(() => {
+    const e = Object.values(l).length;
+    let s = Object.values(x).reduce((t, o) => t + ((o == null ? void 0 : o.width) || 0), 0), r = e;
+    Object.keys(l).some((t, o) => {
+      const n = l[t];
+      if (n && s + n.width > d)
+        return r = o, !0;
+      s += (n == null ? void 0 : n.width) || 0;
+    }), _(Math.max(r, 0));
+  }, [l, d, x]);
+  const c = b();
+  return E(() => {
+    const e = M([c.current], (s) => {
+      var r, t;
+      W(((t = (r = s == null ? void 0 : s[0]) == null ? void 0 : r.target) == null ? void 0 : t.clientWidth) || 0);
+    });
+    return () => {
+      e();
+    };
+  }, [c.current]), /* @__PURE__ */ j("div", { ref: c, className: I(f, u.className), children: [
+    a.map((e, s) => {
+      const r = `${(e == null ? void 0 : e.key) || s}_overflow_item_${s}`;
+      return /* @__PURE__ */ C(
+        v,
+        {
+          onResize: (t) => {
+            h((o) => (o[r] = { node: t, width: t.clientWidth }, o));
+          },
+          unregister: () => {
+            h((t) => (delete t[r], t));
+          },
+          hidden: m < s + 1,
+          children: e
+        },
+        r
+      );
+    }),
+    [$, ...g].map((e, s) => {
+      if (!e)
+        return null;
+      const r = `${(e == null ? void 0 : e.key) || s}_overflow_suffix_item`;
+      return /* @__PURE__ */ C(
+        v,
+        {
+          className: `${f}-suffix-item`,
+          onResize: (t) => {
+            w((o) => ({
+              ...o,
+              [`${r}`]: { node: t, width: t.clientWidth }
+            }));
+          },
+          unregister: () => {
+            w((t) => (delete t[r], {
+              ...t
+            }));
+          },
+          children: e
+        },
+        r
+      );
+    })
+  ] });
+}
+export {
+  q as default
+};

package/package.json

@@ -1 +1 @@
-{"name":"@unicom-cloud/ui","version":"0.8.67","dependencies":{"@unicom-cloud/icons":"latest"},"peerDependencies":{"dayjs":"^1.11.10","lodash":"^4.17.21","react":"^18.3.1","react-dom":"^18.3.1"},"peerDependenciesMeta":{},"type":"module","types":"types/index.d.ts","main":"./index.js","publishConfig":{"registry":"https://registry.npmjs.org/","access":"public"}}
+{"name":"@unicom-cloud/ui","version":"0.8.68","dependencies":{"@unicom-cloud/icons":"latest"},"peerDependencies":{"dayjs":"^1.11.10","lodash":"^4.17.21","react":"^18.3.1","react-dom":"^18.3.1"},"peerDependenciesMeta":{},"type":"module","types":"types/index.d.ts","main":"./index.js","publishConfig":{"registry":"https://registry.npmjs.org/","access":"public"}}