@unicom-cloud/ui 0.8.41

package/chunk/DYwvc9zo.js

@@ -0,0 +1,165 @@
+import { jsx as i, jsxs as z, Fragment as O } from "react/jsx-runtime";
+import j from "lodash/isFunction";
+import w from "lodash/isNil";
+import B, { createContext as H, useContext as G, useRef as L } from "react";
+import "./DP2rzg_V.js";
+import { a as A, I as Q } from "./Dc_89PVN.js";
+import D from "../hooks/useMergeProps.js";
+import F from "../hooks/useMergeValue.js";
+import I from "@unicom-cloud/utils/class-name";
+import S from "../utils/omit.js";
+import T from "lodash/isArray";
+import q from "lodash/isPlainObject";
+import { pickTriggerPropsFromRest as E } from "../utils/constant.js";
+import { pickDataAttributes as J } from "../utils/pick.js";
+const _ = {
+  type: "radio"
+}, K = {
+  type: "radio",
+  mode: "outline",
+  direction: "horizontal"
+}, x = H(_), ce = ({ children: C }) => /* @__PURE__ */ i(x.Provider, { value: _, children: C });
+function M(C) {
+  const {
+    getPrefixCls: b,
+    size: N,
+    componentConfig: d,
+    rtl: y
+  } = G(A), e = D(
+    C,
+    K,
+    d == null ? void 0 : d["Radio.Group"]
+  ), {
+    style: r,
+    className: o,
+    name: c,
+    children: m,
+    direction: p,
+    type: v,
+    mode: $,
+    options: g,
+    disabled: s
+  } = e, [l, R] = F(void 0, {
+    defaultValue: e.defaultValue,
+    value: e.value
+  }), k = e.size || N, n = b("radio"), P = I(
+    `${n}-group`,
+    {
+      [`${n}-group-type-button`]: v !== "radio",
+      [`${n}-size-${k}`]: !!k,
+      [`${n}-mode-${$}`]: !!$,
+      [`${n}-group-disabled`]: s,
+      [`${n}-group-direction-vertical`]: p === "vertical",
+      [`${n}-group-rtl`]: y
+    },
+    o
+  ), u = {
+    onChangeValue: (a, f) => {
+      const { onChange: V } = e;
+      a !== l && ("value" in e || R(a), V == null || V(a, f));
+    },
+    type: v,
+    value: l,
+    disabled: s,
+    group: !0,
+    name: c
+  };
+  return /* @__PURE__ */ i(x.Provider, { value: u, children: /* @__PURE__ */ i(
+    "div",
+    {
+      className: P,
+      role: "radiogroup",
+      style: r,
+      ...E(e),
+      ...J(e),
+      children: g && T(g) ? g.map((a, f) => q(a) ? /* @__PURE__ */ i(
+        h,
+        {
+          disabled: s || a.disabled,
+          value: a.value,
+          children: a.label
+        },
+        a.value
+      ) : /* @__PURE__ */ i(h, { value: a, disabled: s, children: a }, f)) : m
+    }
+  ) });
+}
+M.displayName = "RadioGroup";
+function h(C) {
+  const b = L(null), { getPrefixCls: N, componentConfig: d, rtl: y } = G(A), e = D(
+    C,
+    {},
+    d == null ? void 0 : d.Radio
+  ), r = G(x), o = N("radio"), c = { ...e };
+  r.group && (c.checked = r.value === e.value, c.disabled = "disabled" in e ? e.disabled : r.disabled);
+  const { disabled: m, children: p, value: v, style: $, className: g, ...s } = c, [l, R] = F(!1, {
+    value: c.checked,
+    defaultValue: c.defaultChecked
+  }), k = I(
+    `${o}${r.type === "button" ? "-button" : ""}`,
+    {
+      [`${o}-checked`]: l,
+      [`${o}-disabled`]: m,
+      [`${o}-rtl`]: y
+    },
+    g
+  ), n = (t) => {
+    var f;
+    const { onChange: u, value: a } = c;
+    m || (r.group ? (f = r.onChangeValue) == null || f.call(r, a, t) : !("checked" in e) && !l && R(!0), !l && (u == null || u(!0, t)));
+  }, P = B.useCallback(
+    (t) => {
+      var u;
+      j(e.children) && (t.preventDefault(), b.current && b.current.click()), (u = s.onClick) == null || u.call(s, t);
+    },
+    [e.children, s.onClick]
+  );
+  return /* @__PURE__ */ z(
+    "label",
+    {
+      ...S(s, ["checked", "onChange"]),
+      onClick: P,
+      style: $,
+      className: k,
+      children: [
+        /* @__PURE__ */ i(
+          "input",
+          {
+            ref: b,
+            disabled: m,
+            value: v || "",
+            type: "radio",
+            ...r.name ? { name: r.name } : {},
+            checked: l,
+            onChange: (t) => {
+              t.persist(), n(t);
+            },
+            onClick: (t) => {
+              t.stopPropagation();
+            }
+          }
+        ),
+        j(p) ? p({ checked: l }) : r.type === "radio" ? /* @__PURE__ */ z(O, { children: [
+          /* @__PURE__ */ i(
+            Q,
+            {
+              prefix: o,
+              className: `${o}-mask-wrapper`,
+              disabled: l || m,
+              children: /* @__PURE__ */ i("div", { className: `${o}-mask` })
+            }
+          ),
+          !w(p) && /* @__PURE__ */ i("span", { className: `${o}-text`, children: p })
+        ] }) : r.type === "button" && /* @__PURE__ */ i("span", { className: `${o}-button-inner`, children: p })
+      ]
+    }
+  );
+}
+h.__PQB_RADIO = !0;
+h.displayName = "Radio";
+h.Group = M;
+h.GroupContext = x;
+export {
+  ce as C,
+  h as R
+};

package/chunk/Da4Rq2D4.js

@@ -0,0 +1,226 @@
+import { jsxs as N, Fragment as me, jsx as n } from "react/jsx-runtime";
+import ue from "@unicom-cloud/icons/IconUiClose";
+import { CSSTransition as T } from "@unicom-cloud/react-transition-group";
+import pe from "lodash/isFunction";
+import fe, { useContext as he, useRef as O, useState as g, useCallback as Ce, useMemo as xe, useImperativeHandle as ye, useEffect as z } from "react";
+import { findDOMNode as ke } from "react-dom";
+import F from "../Button.js";
+import "./DP2rzg_V.js";
+import { a as Ne, I as ge, b as B } from "./Dc_89PVN.js";
+import we from "../hooks/useMergeProps.js";
+import be from "../hooks/useOverflowHidden.js";
+import ve from "../Portal.js";
+import w from "@unicom-cloud/utils/class-name";
+import { isServerRendering as Ie, contains as $e } from "../utils/dom.js";
+import { Esc as Pe } from "../utils/keyCode.js";
+import Ee from "../utils/omit.js";
+const Re = {
+  placement: "right",
+  width: 250,
+  height: 250,
+  escToExit: !0,
+  mask: !0,
+  closable: !0,
+  maskClosable: !0,
+  mountOnEnter: !0,
+  getPopupContainer: () => document.body
+};
+function Se(j, H) {
+  const d = he(Ne), { locale: b, getPrefixCls: M, componentConfig: m, rtl: Z } = d, o = we(
+    j,
+    Re,
+    m == null ? void 0 : m.Drawer
+  ), {
+    style: L,
+    className: W,
+    children: G,
+    wrapClassName: K,
+    maskStyle: U,
+    headerStyle: q,
+    bodyStyle: A,
+    title: u,
+    footer: l,
+    okText: J,
+    cancelText: Q,
+    width: V,
+    height: X,
+    placement: c,
+    mask: p,
+    visible: r,
+    closable: Y,
+    maskClosable: _,
+    confirmLoading: ee,
+    mountOnEnter: f,
+    unmountOnExit: v,
+    afterOpen: h,
+    afterClose: C,
+    getPopupContainer: a,
+    escToExit: ne,
+    getChildrenPopupContainer: I,
+    okButtonProps: te,
+    cancelButtonProps: oe,
+    zIndex: $,
+    closeIcon: P,
+    ...re
+  } = o, s = O(null), E = O(null), [ie, se] = g(!1), [x, le] = g(), t = M("drawer"), [R, y] = g(!1), S = /* @__PURE__ */ N(me, { children: [
+    /* @__PURE__ */ n(F, { onClick: o.onCancel, ...oe, children: Q || b.Drawer.cancelText }),
+    /* @__PURE__ */ n(
+      F,
+      {
+        type: "primary",
+        loading: ee,
+        onClick: o.onOk,
+        ...te,
+        children: J || b.Drawer.okText
+      }
+    )
+  ] }), k = Ce(() => {
+    const e = a == null ? void 0 : a();
+    return ke(e) || document.body;
+  }, [a]), ae = xe(() => !Ie && k() === document.body, [ie, k]);
+  be(k, { hidden: (r || R) && p }), ye(H, () => s.current), z(() => {
+    r && o.getPopupContainer && se(!0);
+  }, []), z(() => {
+    var e, i;
+    r && $e(document.body, s.current) && ((i = (e = s.current) == null ? void 0 : e.focus) == null || i.call(e));
+  }, [r]);
+  const ce = () => {
+    var e;
+    if (r && x === void 0 && s.current) {
+      const i = +((e = window.getComputedStyle(s.current, null)) == null ? void 0 : e.zIndex);
+      isNaN(i) || le(i + 1);
+    }
+  }, de = /* @__PURE__ */ N("div", { className: `${t}-scroll`, tabIndex: -1, children: [
+    u !== null && /* @__PURE__ */ n("div", { className: `${t}-header`, style: q, children: /* @__PURE__ */ n("div", { className: `${t}-header-title`, children: u }) }),
+    Y && (P !== void 0 ? /* @__PURE__ */ n("span", { onClick: o.onCancel, className: `${t}-close-icon`, children: P }) : /* @__PURE__ */ n(
+      ge,
+      {
+        onClick: o.onCancel,
+        className: `${t}-close-icon`,
+        children: /* @__PURE__ */ n(ue, {})
+      }
+    )),
+    /* @__PURE__ */ n(
+      "div",
+      {
+        ref: (e) => {
+          E.current = e, ce();
+        },
+        style: A,
+        className: w(`${t}-content`, {
+          [`${t}-content-nofooter`]: l === null,
+          [`${t}-content-noheader`]: u === null
+        }),
+        children: /* @__PURE__ */ n(
+          B,
+          {
+            ...d,
+            zIndex: x || 1050,
+            getPopupContainer: (e) => typeof I == "function" ? I(e) : E.current,
+            children: G
+          }
+        )
+      }
+    ),
+    l !== null && /* @__PURE__ */ n("div", { className: `${t}-footer`, children: pe(l) ? l(S) : l || S })
+  ] });
+  return /* @__PURE__ */ n(
+    ve,
+    {
+      forceRender: !f,
+      visible: r,
+      getContainer: a,
+      children: /* @__PURE__ */ N(
+        "div",
+        {
+          ...Ee(re, ["onCancel", "onOk"]),
+          ref: s,
+          onKeyDown: (e) => {
+            var D;
+            e.key === Pe.key && ne && r && ((D = o.onCancel) == null || D.call(o, e));
+          },
+          className: w(
+            `${t}-wrapper`,
+            {
+              [`${t}-no-mask`]: !p,
+              [`${t}-wrapper-hide`]: !r
+            },
+            K
+          ),
+          style: ae ? { position: "fixed", zIndex: $ } : { zIndex: $ || "inherit", position: "absolute" },
+          children: [
+            p ? /* @__PURE__ */ n(
+              T,
+              {
+                in: r,
+                appear: !0,
+                timeout: 300,
+                classNames: "fadeInStandard",
+                mountOnEnter: f,
+                unmountOnExit: v,
+                children: /* @__PURE__ */ n(
+                  "div",
+                  {
+                    className: `${t}-mask`,
+                    style: U,
+                    onClick: (e) => {
+                      var i;
+                      !R && _ && ((i = o.onCancel) == null || i.call(o, e));
+                    }
+                  }
+                )
+              }
+            ) : null,
+            /* @__PURE__ */ n(
+              T,
+              {
+                in: r,
+                appear: !0,
+                timeout: 300,
+                classNames: {
+                  top: "slideTop",
+                  bottom: "slideBottom",
+                  left: "slideLeft",
+                  right: "slideRight"
+                }[c],
+                mountOnEnter: f,
+                unmountOnExit: v,
+                onEnter: (e) => {
+                  e.parentNode.style.display = "block", y(!1);
+                },
+                onEntered: () => {
+                  h == null || h();
+                },
+                onExit: () => {
+                  y(!0);
+                },
+                onExited: (e) => {
+                  y(!1), e.parentNode.style.display = "", C == null || C();
+                },
+                children: /* @__PURE__ */ n(
+                  "div",
+                  {
+                    className: w(t, W, {
+                      [`${t}-rtl`]: Z
+                    }),
+                    style: Object.assign(
+                      c === "left" || c === "right" ? { width: V } : { height: X },
+                      { [c]: 0 },
+                      L
+                    ),
+                    children: /* @__PURE__ */ n("div", { className: `${t}-inner`, children: /* @__PURE__ */ n(B, { ...d, zIndex: x || 1050, children: de }) })
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+const De = fe.forwardRef(Se);
+De.displayName = "Drawer";
+export {
+  De as D
+};