@unicom-cloud/ui 0.8.46 → 0.8.47

package/modal/Modal.js

@@ -1,419 +0,0 @@
-import { jsxs as y, jsx as r, Fragment as Ke } from "react/jsx-runtime";
-import Ge from "@unicom-cloud/icons/IconUiClose";
-import pe from "lodash/isFunction";
-import Je, { forwardRef as Qe, useContext as _e, useRef as c, useState as N, useCallback as D, useEffect as Z } from "react";
-import ge from "../Button.js";
-/* empty css                  */
-import en from "../config-provider/ConfigProvider.js";
-import nn from "../hooks/useMergeProps.js";
-import tn from "../hooks/useMergeValue.js";
-import rn from "../hooks/useOverflowHidden.js";
-import on from "../IconHover.js";
-import ln from "../Portal.js";
-import Ce from "../utils/CSSTransition.js";
-import xe from "@unicom-cloud/utils/class-name";
-import { isServerRendering as sn, contains as an } from "../utils/dom.js";
-import { Esc as cn } from "../utils/keyCode.js";
-import un from "../utils/omit.js";
-import { findDOMNode as mn } from "../utils/reactDOM.js";
-import A from "./Confirm.js";
-import { setModalConfig as dn, destroyList as be } from "./config.js";
-import fn from "./use-modal/index.js";
-import { ConfigContext as pn } from "../config-provider/context.js";
-let j = null, gn = 0;
-sn || document.documentElement.addEventListener(
-  "click",
-  (o) => {
-    j = {
-      left: o.clientX,
-      top: o.clientY
-    }, setTimeout(() => {
-      j = null;
-    }, 100);
-  },
-  !0
-);
-const Cn = {
-  mask: !0,
-  maskClosable: !0,
-  mountOnEnter: !0,
-  escToExit: !0,
-  getPopupContainer: () => document.body,
-  alignCenter: !0
-};
-function xn(o, P) {
-  var fe;
-  const p = _e(pn), s = nn(
-    o,
-    Cn,
-    (fe = p.componentConfig) == null ? void 0 : fe.Modal
-  ), {
-    className: he,
-    style: ve,
-    visible: i,
-    simple: K,
-    title: h,
-    subtitle: $,
-    children: we,
-    cancelText: Ee,
-    okText: Me,
-    okButtonProps: Te,
-    cancelButtonProps: ke,
-    getPopupContainer: R = () => document.body,
-    footer: v,
-    afterClose: I,
-    confirmLoading: ye,
-    mountOnEnter: X,
-    unmountOnExit: Y,
-    afterOpen: B,
-    hideCancel: Ne,
-    maskClosable: De,
-    mask: w,
-    alignCenter: Pe,
-    getChildrenPopupContainer: G,
-    wrapClassName: $e,
-    escToExit: O,
-    modalRender: J,
-    maskStyle: Re,
-    wrapStyle: Ie,
-    closeIcon: Q,
-    fullscreenable: bn,
-    ..._
-  } = s, g = c(null), ee = c(null), a = c(null), [ne, te] = N(), [re, Xe] = N(), E = c(null), C = c(!1), [Ye, oe] = N(""), [le, se] = N(""), L = c(!0);
-  i && L.current && (L.current = !1);
-  const M = c();
-  M.current || (M.current = gn++);
-  const [Be, S] = tn(!1, {
-    defaultValue: !1,
-    value: ye
-  }), t = p.getPrefixCls("modal", s.prefixCls), { locale: H, rtl: ie } = p, Oe = !K || _.noticeType === "show", Le = "closable" in s ? s.closable : Oe, Se = D(() => mn(R()), [R]);
-  rn(Se, { hidden: i && w });
-  function V(e) {
-    e.stopPropagation(), z();
-  }
-  function z() {
-    var e;
-    (e = s.onCancel) == null || e.call(s);
-  }
-  const He = (e) => {
-    O && i && e.key === cn.key && (e.stopPropagation(), z());
-  }, F = c(!1), Ve = (e) => {
-    C.current && (C.current = !1, !F.current && De && w && e.target === e.currentTarget && setTimeout(() => {
-      z();
-    }, 100));
-  }, ze = (e) => {
-    var l;
-    let n = (l = s.onOk ?? s.onConfirm) == null ? void 0 : l(e);
-    n != null && n.then && (S(!0), n.then(
-      () => {
-        S(!1);
-      },
-      (u) => {
-        S(!1), console.error(u);
-      }
-    ));
-  };
-  Z(() => {
-    let e = null;
-    return O && (e = setTimeout(() => {
-      var n;
-      an(document.body, g.current) && ((n = g.current) == null || n.focus());
-    })), () => {
-      e && clearTimeout(e);
-    };
-  }, [i, O]);
-  const Fe = () => {
-    var e;
-    if (i && re === void 0 && g.current) {
-      const n = +((e = window.getComputedStyle(g.current, null)) == null ? void 0 : e.zIndex);
-      isNaN(n) || Xe(n + 1);
-    }
-  }, qe = () => {
-    if (v === null) return;
-    const e = /* @__PURE__ */ r(ge, { onClick: V, ...ke, children: Ee || H.Modal.cancelText }), n = /* @__PURE__ */ r(
-      ge,
-      {
-        loading: Be,
-        onClick: ze,
-        type: "primary",
-        ...Te,
-        children: Me || H.Modal.okText
-      }
-    ), l = pe(v) ? v(e, n) : v || /* @__PURE__ */ y(Ke, { children: [
-      !Ne && e,
-      n
-    ] });
-    return /* @__PURE__ */ r("div", { className: `${t}-footer`, children: l });
-  }, q = c(
-    ue()
-  ), Ue = D((e) => {
-    var l, u, d, f, k;
-    if (!a.current)
-      return;
-    e.preventDefault();
-    let n = q.current;
-    n.screenX = e.screenX, n.screenY = e.screenY, n.prewTranslateX = n.translateX, n.prewTranslateY = n.translateY, n.boundingClientRect = ((u = (l = a.current) == null ? void 0 : l.getBoundingClientRect) == null ? void 0 : u.call(l)) ?? {}, n.offsetParentBoundingClientRect = ((k = (f = (d = a.current) == null ? void 0 : d.offsetParent) == null ? void 0 : f.getBoundingClientRect) == null ? void 0 : k.call(f)) ?? {}, T(), We();
-  }, []), ae = D((e) => {
-    e.preventDefault();
-    let n = q.current, { left: l, right: u, top: d, bottom: f } = n.boundingClientRect ?? {}, { width: k, height: Ae } = n.offsetParentBoundingClientRect ?? {}, x = Math.max(e.screenX - n.screenX, -l);
-    x = Math.min(x, k - u);
-    let b = Math.max(e.screenY - n.screenY, -d);
-    b = Math.min(b, Ae - f), x += n.prewTranslateX, b += n.prewTranslateY, n.translateX = x, n.translateY = b, oe(`translate(${x}px, ${b}px)`);
-  }, []), ce = D((e) => {
-    e.preventDefault(), T();
-  }, []);
-  function We() {
-    document.documentElement.addEventListener(
-      "mousemove",
-      ae
-    ), document.documentElement.addEventListener(
-      "mouseup",
-      ce
-    );
-  }
-  function T() {
-    document.documentElement.removeEventListener(
-      "mousemove",
-      ae
-    ), document.documentElement.removeEventListener(
-      "mouseup",
-      ce
-    );
-  }
-  function ue() {
-    return {
-      screenX: 0,
-      screenY: 0,
-      prewTranslateX: 0,
-      prewTranslateY: 0,
-      translateX: 0,
-      translateY: 0,
-      boundingClientRect: null,
-      offsetParentBoundingClientRect: null
-    };
-  }
-  function U() {
-    q.current = ue(), oe(""), se("");
-  }
-  Z(() => () => {
-    U(), T();
-  }, []), Z(() => (a.current || (U(), T()), () => {
-  }), [a.current]);
-  const Ze = /* @__PURE__ */ y(
-    en,
-    {
-      ...p,
-      prefixCls: s.prefixCls || p.prefixCls,
-      locale: H,
-      zIndex: re || 1050,
-      getPopupContainer: (e) => typeof G == "function" ? G(e) : ee.current,
-      children: [
-        (!!h || !!$) && /* @__PURE__ */ y("div", { className: `${t}-header`, children: [
-          !!h && /* @__PURE__ */ r(
-            "div",
-            {
-              className: `${t}-title`,
-              id: `pqb-dialog-${M.current}`,
-              children: h
-            }
-          ),
-          !!$ && /* @__PURE__ */ r("div", { className: `${t}-subtitle`, children: $ })
-        ] }),
-        /* @__PURE__ */ r("div", { ref: ee, className: `${t}-content`, children: we }),
-        qe(),
-        !s.fullscreenable && /* @__PURE__ */ r(
-          "div",
-          {
-            className: `${t}-drag-icon`,
-            onMouseDown: Ue,
-            onDoubleClick: U
-          }
-        ),
-        (Le || !!s.fullscreenable) && (Q !== void 0 ? /* @__PURE__ */ r(
-          "span",
-          {
-            className: `${t}-close-icon`,
-            onClick: V,
-            children: Q
-          }
-        ) : /* @__PURE__ */ r(
-          on,
-          {
-            tabIndex: -1,
-            className: `${t}-close-icon`,
-            onClick: V,
-            role: "button",
-            "aria-label": "Close",
-            children: /* @__PURE__ */ r(Ge, {})
-          }
-        ))
-      ]
-    }
-  ), je = h ? { "aria-labelledby": `pqb-dialog-${M.current}` } : {}, me = /* @__PURE__ */ r(
-    "div",
-    {
-      role: "dialog",
-      "aria-modal": "true",
-      ...je,
-      className: xe(
-        t,
-        {
-          [`${t}-simple`]: K,
-          [`${t}-rtl`]: ie,
-          [`${t}-fullscreenable`]: s.fullscreenable
-        },
-        he
-      ),
-      style: {
-        ...ve,
-        transform: Ye,
-        transformOrigin: le
-      },
-      ref: a,
-      children: Ze
-    }
-  ), W = (e) => {
-    if (le)
-      return;
-    let n = "";
-    if (E.current) {
-      const l = e.getBoundingClientRect(), { left: u, top: d } = E.current;
-      n = `${u - l.left}px ${d - l.top}px`;
-    }
-    se(n);
-  }, de = L.current ? !X : !!a.current;
-  return i || de ? /* @__PURE__ */ r(
-    ln,
-    {
-      visible: i,
-      forceRender: de,
-      getContainer: R,
-      children: /* @__PURE__ */ y("div", { ref: P, children: [
-        w ? /* @__PURE__ */ r(
-          Ce,
-          {
-            in: i,
-            timeout: 400,
-            appear: !0,
-            mountOnEnter: X,
-            classNames: "fadeModal",
-            unmountOnExit: Y,
-            onEnter: (e) => {
-              e && (e.style.display = "block");
-            },
-            onExited: (e) => {
-              e && (e.style.display = "none");
-            },
-            children: /* @__PURE__ */ r(
-              "div",
-              {
-                "aria-hidden": !0,
-                className: `${t}-mask`,
-                style: Re
-              }
-            )
-          }
-        ) : null,
-        /* @__PURE__ */ r(
-          "div",
-          {
-            ...un(_, [
-              "content",
-              "icon",
-              "showIcon",
-              "isNotice",
-              "noticeType",
-              "onCancel",
-              "onOk",
-              "onConfirm",
-              "closable",
-              "prefixCls"
-            ]),
-            tabIndex: -1,
-            ref: (e) => {
-              g.current = e, Fe();
-            },
-            className: xe(
-              `${t}-wrapper`,
-              {
-                [`${t}-wrapper-no-mask`]: !w,
-                [`${t}-wrapper-align-center`]: Pe,
-                [`${t}-wrapper-rtl`]: ie
-              },
-              $e
-            ),
-            style: {
-              ...Ie || {},
-              // 必须 visible=false，立即设置display:none，否则modal加载react-monaco-editor的时候，编辑器显示异常
-              display: i || ne ? "block" : "none",
-              overflow: !i && ne ? "hidden" : ""
-            },
-            onKeyDown: He,
-            onMouseDown: (e) => {
-              C.current = e.target === e.currentTarget;
-            },
-            onClick: Ve,
-            children: /* @__PURE__ */ r(
-              Ce,
-              {
-                in: i,
-                timeout: 400,
-                appear: !0,
-                classNames: "zoomModal",
-                unmountOnExit: Y,
-                mountOnEnter: X,
-                onEnter: (e) => {
-                  e && (te(!0), E.current = j, W(e), a.current = e);
-                },
-                onEntered: (e) => {
-                  e && (W(e), E.current = null, B == null || B());
-                },
-                onExit: () => {
-                  F.current = !0;
-                },
-                onExited: (e) => {
-                  e && (te(!1), W(e), I == null || I(), F.current = !1, Y && (a.current = null));
-                },
-                children: Je.cloneElement(
-                  pe(J) ? J(me) : me,
-                  {
-                    onMouseDown: () => {
-                      C.current = !1;
-                    },
-                    onMouseUp: () => {
-                      C.current = !1;
-                    }
-                  }
-                )
-              }
-            )
-          }
-        )
-      ] })
-    }
-  ) : null;
-}
-const m = Qe(
-  xn
-);
-m.displayName = "Modal";
-m.config = dn;
-m.show = (o) => A({ ...o, noticeType: "show" });
-m.confirm = (o) => A(o);
-m.useModal = fn;
-["info", "success", "warning", "error"].forEach((o) => {
-  m[o] = (P) => A({
-    ...P,
-    isNotice: !0,
-    noticeType: o
-  });
-});
-m.destroyAll = () => {
-  for (; be.length; ) {
-    const o = be.pop();
-    o && o();
-  }
-};
-export {
-  m as default
-};

package/modal/config.js

@@ -1,25 +0,0 @@
-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/use-modal/Hook.js

@@ -1,55 +0,0 @@
-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

@@ -1,68 +0,0 @@
-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

@@ -1,55 +0,0 @@
-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

@@ -1,34 +0,0 @@
-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
-};