@unicom-cloud/ui 0.8.43 → 0.8.45

package/modal/use-modal/Hook.js

@@ -0,0 +1,55 @@
+import { jsx as p } from "react/jsx-runtime";
+import { forwardRef as d, useState as s, useImperativeHandle as k } from "react";
+/* empty css                     */
+/* empty css                            */
+/* empty css                  */
+import x from "../Modal.js";
+function C(a, l) {
+  const [f, t] = s(!0), [e, n] = s(a);
+  k(l, () => ({
+    update: (o) => {
+      n(o);
+    },
+    close: () => {
+      t(!1);
+    }
+  }));
+  function m() {
+    var i;
+    const o = (i = e.onOk) == null ? void 0 : i.call(e);
+    o && o.then && (n((r) => ({
+      ...r,
+      confirmLoading: !0
+    })), o.then(
+      () => {
+        t(!1);
+      },
+      (r) => {
+        console.error(r), n((c) => ({
+          ...c,
+          confirmLoading: !1
+        }));
+      }
+    )), o || t(!1);
+  }
+  function u() {
+    var o;
+    (o = e.onCancel) == null || o.call(e), t(!1);
+  }
+  return /* @__PURE__ */ p(
+    x,
+    {
+      unmountOnExit: !0,
+      simple: !0,
+      ...e,
+      visible: f,
+      onOk: m,
+      onCancel: u,
+      children: e.content
+    }
+  );
+}
+const E = d(C);
+export {
+  E as default
+};

package/modal/use-modal/index.js

@@ -0,0 +1,68 @@
+import { jsx as m } from "react/jsx-runtime";
+import { useRef as M } from "react";
+import { normalizeConfig as d } from "../Confirm.js";
+import { destroyList as w } from "../config.js";
+import E from "../../utils/contextHolder.js";
+import H from "./Hook.js";
+function z() {
+  const t = M(), p = /* @__PURE__ */ m(E, { ref: t });
+  let u = 0;
+  function s(e) {
+    var f;
+    u += 1;
+    let o, n = { ...e };
+    function C() {
+      var r;
+      (r = e.afterClose) == null || r.call(e), h();
+    }
+    const a = /* @__PURE__ */ m(
+      H,
+      {
+        ref: (r) => {
+          o = r;
+        },
+        ...d({ ...e }),
+        afterClose: C
+      },
+      u
+    );
+    (f = t.current) == null || f.addInstance(a);
+    function h() {
+      var r;
+      (r = t.current) == null || r.removeInstance(a);
+    }
+    function l() {
+      o == null || o.close();
+    }
+    function x(r) {
+      n = {
+        ...n,
+        ...r
+      }, o == null || o.update(d({ ...n }));
+    }
+    return w.push(l), {
+      close: l,
+      update: x
+    };
+  }
+  function c(e) {
+    return s({
+      ...e
+    });
+  }
+  const i = {
+    confirm: c,
+    show: c
+    // 潘启宝添加于 2023年10月18日 星期三 10时31分58秒 CST
+  };
+  return ["info", "success", "warning", "error"].forEach((e) => {
+    i[e] = (o) => s({
+      ...o,
+      isNotice: !0,
+      noticeType: e
+    });
+  }), [i, p];
+}
+export {
+  z as default
+};

package/notification/useNotification.js

@@ -0,0 +1,55 @@
+import { jsx as l } from "react/jsx-runtime";
+import N from "lodash/isUndefined";
+import { useRef as R } from "react";
+import H from "../Notification.js";
+import I from "../utils/contextHolder.js";
+function b(u = {}) {
+  const {
+    maxCount: p,
+    duration: m = 3e3,
+    prefixCls: x,
+    getContainer: C
+  } = u, i = R(), g = /* @__PURE__ */ l(I, { ref: i }), e = {};
+  let d;
+  function h(n) {
+    let r, f;
+    if (i.current) {
+      const o = i.current.getContextConfig();
+      f = o.rtl, r = o.prefixCls;
+    }
+    const E = x || r;
+    let t = n.position;
+    N(n.position) && (t = f ? "topLeft" : "topRight");
+    const c = {
+      duration: m,
+      ...n
+    };
+    let s;
+    if (e[t]) {
+      const o = e[t].state.notices;
+      o.length >= p ? (s = o[0].id, o.shift(), e[t].add({ ...c, id: s })) : s = e[t].add(c);
+    } else
+      d = /* @__PURE__ */ l(
+        H,
+        {
+          ref: (o) => {
+            e[t] = o, e[t] && (s = e[t].add(c));
+          },
+          prefixCls: E,
+          rtl: f,
+          getContainer: C
+        }
+      ), i.current.addInstance(d);
+    return e[t];
+  }
+  const a = {};
+  return ["info", "success", "warning", "error", "normal"].forEach((n) => {
+    a[n] = (r) => h({
+      ...r,
+      type: n
+    });
+  }), [a, g];
+}
+export {
+  b as default
+};

package/overflow-ellipsis/OverflowItem.js

@@ -0,0 +1,34 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useContext as l, useRef as d, useEffect as u } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import a from "@unicom-cloud/utils/class-name";
+import { ConfigContext as x } from "../config-provider/context.js";
+function s(o) {
+  const { getPrefixCls: m } = l(x), e = m("overflow-item"), n = d();
+  u(() => {
+    let t;
+    return n.current && (t = new ResizeObserver((c) => {
+      o.onResize(c == null ? void 0 : c[0].target);
+    }), t.observe(n.current)), () => {
+      var c, f;
+      n.current && ((c = t == null ? void 0 : t.unobserve) == null || c.call(t, n.current)), (f = t == null ? void 0 : t.disconnect) == null || f.call(t), t = null;
+    };
+  }, [n.current]), u(() => (o.onResize(n.current), () => {
+    o.unregister(n.current);
+  }), []);
+  const r = o.hidden;
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      ref: n,
+      className: a(e, o.className, {
+        [`${e}-hidden`]: r
+      }),
+      children: o.children
+    }
+  );
+}
+export {
+  s as default
+};

package/package.json

@@ -1 +1,27 @@
-{"name":"@unicom-cloud/ui","version":"0.8.43","dependencies":{"dayjs":"^1.11.11","lodash":"^4.17.21","react":"^18.2.0","react-dom":"^18.2.0","@unicom-cloud/icons":"latest","@unicom-cloud/utils":"latest","@unicom-cloud/scroll-into-view-if-needed":"latest","@unicom-cloud/react-sticky":"latest","@unicom-cloud/react-sortable-hoc":"latest","@unicom-cloud/react-easy-crop":"latest","@unicom-cloud/compute-scroll-into-view":"latest","@unicom-cloud/react-transition-group":"latest"},"peerDependencies":{},"peerDependenciesMeta":{},"main":"index.js","module":"index.js","type":"module","types":"types/index.d.ts","publishConfig":{"registry":"https://registry.npmjs.org/","access":"public"}}
+{
+  "name": "@unicom-cloud/ui",
+  "version": "0.8.45",
+  "dependencies": {
+    "@unicom-cloud/icons": "latest",
+    "@unicom-cloud/utils": "latest",
+    "@unicom-cloud/scroll-into-view-if-needed": "latest",
+    "@unicom-cloud/react-easy-crop": "latest",
+    "@unicom-cloud/compute-scroll-into-view": "latest",
+    "@unicom-cloud/react-transition-group": "latest"
+  },
+  "peerDependencies": {
+    "dayjs": "^1.11.10",
+    "lodash": "^4.17.21",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "peerDependenciesMeta": {},
+  "main": "index.js",
+  "module": "index.js",
+  "type": "module",
+  "types": "types/index.d.ts",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  }
+}

package/pagination/PageItem.js

@@ -0,0 +1,121 @@
+import { jsx as I } from "react/jsx-runtime";
+import S from "@unicom-cloud/icons/IconUiLeft";
+import j from "@unicom-cloud/icons/IconUiMore";
+import K from "@unicom-cloud/icons/IconUiRight";
+import U, { useContext as N } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import R from "../hooks/useKeyboardEvent.js";
+import E from "@unicom-cloud/utils/class-name";
+import { ConfigContext as k } from "../config-provider/context.js";
+var _ = /* @__PURE__ */ ((t) => (t[t.previous = 0] = "previous", t[t.next = 1] = "next", t))(_ || {});
+function L(t) {
+  var m, n, s;
+  const { locale: e } = N(k), v = R(), {
+    pageNum: i,
+    current: b,
+    rootPrefixCls: a,
+    pageItemStyle: d,
+    activePageItemStyle: l,
+    itemRender: f
+  } = t, x = `${a}-item`, P = b === i, p = E(x, P ? `${x}-active` : "");
+  let o = d;
+  P && (o = { ...o, ...l });
+  const h = P ? { "aria-current": !0 } : {}, C = (r) => {
+    const { pageNum: u, onClick: g, disabled: c } = t;
+    r.currentTarget.dataset.active !== "true" && (r.stopPropagation(), c || g == null || g(u));
+  };
+  return /* @__PURE__ */ I(
+    "li",
+    {
+      style: o,
+      className: p,
+      onClick: C,
+      tabIndex: t.disabled ? -1 : 0,
+      "aria-label": (s = (n = (m = e == null ? void 0 : e.Pagination) == null ? void 0 : m.currentPage) == null ? void 0 : n.replace) == null ? void 0 : s.call(n, "{0}", i),
+      ...v({ onPressEnter: C }),
+      ...h,
+      children: f ? f(i, "page", i) : i
+    }
+  );
+}
+function $(t, e) {
+  switch (t) {
+    case "prev":
+      return e && e.prev ? e.prev : /* @__PURE__ */ I(S, {});
+    case "next":
+      return e && e.next ? e.next : /* @__PURE__ */ I(K, {});
+    case "more":
+      return e && e.more ? e.more : /* @__PURE__ */ I(j, {});
+    default:
+      return null;
+  }
+}
+const O = (t) => {
+  var s, r, u, g, c, y;
+  const { locale: e } = N(k), {
+    rootPrefixCls: v,
+    current: i,
+    allPages: b,
+    jumpPage: a,
+    icons: d,
+    disabled: l,
+    pageItemStyle: f,
+    itemRender: x
+  } = t, P = b > 0 ? 1 : 0, p = Math.min(b, Math.max(P, i + a)), o = `${v}-item ${v}-item-jumper`, h = E(o), C = () => {
+    var M;
+    !l && ((M = t.onClick) == null || M.call(t, p));
+  }, m = $("more", d), n = a > 0 ? (u = (r = (s = e == null ? void 0 : e.Pagination) == null ? void 0 : s.nextSomePages) == null ? void 0 : r.replace) == null ? void 0 : u.call(r, "{0}", a) : (y = (c = (g = e == null ? void 0 : e.Pagination) == null ? void 0 : g.prevSomePages) == null ? void 0 : c.replace) == null ? void 0 : y.call(c, "{0}", -a);
+  return /* @__PURE__ */ I(
+    "li",
+    {
+      style: f,
+      className: h,
+      onClick: C,
+      "aria-label": n,
+      children: x ? x(void 0, "more", m) : m
+    }
+  );
+}, Q = (t) => {
+  const { locale: e, rtl: v } = N(k), i = R(), {
+    rootPrefixCls: b,
+    current: a,
+    allPages: d,
+    type: l,
+    icons: f,
+    disabled: x,
+    pageItemStyle: P,
+    itemRender: p
+  } = t, o = `${b}-item`, [h, C] = v ? ["next", "prev"] : ["prev", "next"], m = $(l === 0 ? h : C, f);
+  let n = !1;
+  d === 0 ? n = !0 : l === 0 ? n = a <= 1 : n = a === d;
+  const s = x || n;
+  let r = a + (l === 0 ? -1 : 1);
+  r = Math.max(0, Math.min(d, r));
+  const u = l === 0 ? "prev" : "next", g = E(o, `${o}-${u}`, {
+    [`${o}-disabled`]: s
+  }), c = () => {
+    var y;
+    s || (y = t.onClick) == null || y.call(t, r);
+  };
+  return /* @__PURE__ */ I(
+    "li",
+    {
+      style: P,
+      className: g,
+      onClick: c,
+      tabIndex: s ? -1 : 0,
+      "aria-label": e.Pagination[u],
+      ...i({
+        onPressEnter: c
+      }),
+      children: p ? p(void 0, u, m) : m
+    }
+  );
+}, V = U.memo(L);
+export {
+  O as JumpPager,
+  Q as StepPager,
+  _ as StepType,
+  V as default
+};

package/pagination/PageJumper.js

@@ -0,0 +1,64 @@
+import { jsxs as x, jsx as r, Fragment as F } from "react/jsx-runtime";
+import I from "lodash/isFunction";
+import J from "lodash/isPlainObject";
+import N from "lodash/isUndefined";
+import { useContext as R, useState as T, useRef as w, useEffect as E } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+/* empty css                         */
+/* empty css                        */
+import z from "../input/Input.js";
+import { ConfigContext as B } from "../config-provider/context.js";
+function L(n) {
+  var p, d;
+  const P = n.simple ? n.current : void 0, { locale: i } = R(B), [e, u] = T(P), c = w();
+  E(() => {
+    n.simple && u(n.current);
+  }, [n.simple, n.current]);
+  const C = (t) => {
+    const m = parseInt(t, 10);
+    u(isNaN(m) ? void 0 : m);
+  }, l = () => {
+    const { onPageChange: t, totalPages: m, current: g, simple: h } = n;
+    if (N(e))
+      return;
+    if (e === g) {
+      h || u(void 0);
+      return;
+    }
+    let o = isNaN(Number(e)) ? g : Number(e);
+    o < 1 ? o = 1 : o > m && (o = m), u(h ? o : void 0), I(t) && t(o);
+  }, v = () => {
+    const t = c.current.dom;
+    String(e) && t && t.setSelectionRange(0, String(e).length);
+  }, { rootPrefixCls: b, totalPages: f, simple: s, size: $, disabled: S } = n, a = `${b}-jumper`, j = {
+    showJumper: !0,
+    ...J(s) ? s : {}
+  };
+  return /* @__PURE__ */ x("div", { className: `${a}`, children: [
+    !s && /* @__PURE__ */ r("span", { className: `${a}-text-goto`, children: (p = i == null ? void 0 : i.Pagination) == null ? void 0 : p.goto }),
+    j.showJumper ? /* @__PURE__ */ r(
+      z,
+      {
+        _ignorePropsFromGlobal: !0,
+        ref: (t) => c.current = t,
+        className: `${a}-input`,
+        value: N(e) ? void 0 : e.toString(),
+        size: $,
+        disabled: S || !f,
+        onChange: C,
+        onPressEnter: l,
+        onFocus: v,
+        onBlur: l
+      }
+    ) : /* @__PURE__ */ r("span", { children: e }),
+    !s && /* @__PURE__ */ r("span", { className: `${a}-text-goto-suffix`, children: (d = i == null ? void 0 : i.Pagination) == null ? void 0 : d.page }),
+    s && /* @__PURE__ */ x(F, { children: [
+      /* @__PURE__ */ r("span", { className: `${a}-separator`, children: "/" }),
+      /* @__PURE__ */ r("span", { children: f })
+    ] })
+  ] });
+}
+export {
+  L as default
+};

package/pagination/PageOption.js

@@ -0,0 +1,55 @@
+import { jsx as i } from "react/jsx-runtime";
+import P, { useRef as d, useContext as C } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+/* empty css                           */
+/* empty css                        */
+/* empty css                      */
+/* empty css                            */
+/* empty css                          */
+/* empty css                         */
+import s from "../select/Select.js";
+import { ConfigContext as O } from "../config-provider/context.js";
+const x = () => {
+}, z = s.Option, h = [10, 20, 30, 40, 50];
+function S(m) {
+  var p;
+  const n = d(null), { locale: o } = C(O), {
+    onPageSizeChange: c = x,
+    rootPrefixCls: f,
+    sizeOptions: e = h,
+    pageSize: r = 10,
+    size: g,
+    selectProps: l,
+    disabled: u
+  } = m;
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      ref: n,
+      className: `${f}-option`,
+      "aria-label": (p = o == null ? void 0 : o.Pagination) == null ? void 0 : p.pageSize,
+      children: /* @__PURE__ */ i(
+        s,
+        {
+          value: e.indexOf(r) !== -1 ? r : e[0],
+          onChange: (t) => {
+            c(t);
+          },
+          size: g,
+          getPopupContainer: () => n.current,
+          disabled: u,
+          ...l,
+          children: e.map((t) => {
+            var a;
+            return /* @__PURE__ */ i(z, { value: t, children: `${t} ${(a = o == null ? void 0 : o.Pagination) == null ? void 0 : a.countPerPage}` }, t);
+          })
+        }
+      )
+    }
+  );
+}
+const B = P.memo(S);
+export {
+  B as default
+};