@unicom-cloud/ui 0.8.46 → 0.8.48

package/chunk/CkIWpIl6.js

@@ -0,0 +1,164 @@
+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 { a as A, I as Q } from "./z7sBNzI4.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(_), ne = ({ 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: a,
+    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: (r, f) => {
+      const { onChange: V } = e;
+      r !== l && ("value" in e || R(r), V == null || V(r, 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: a,
+      ...E(e),
+      ...J(e),
+      children: g && T(g) ? g.map((r, f) => q(r) ? /* @__PURE__ */ i(
+        h,
+        {
+          disabled: s || r.disabled,
+          value: r.value,
+          children: r.label
+        },
+        r.value
+      ) : /* @__PURE__ */ i(h, { value: r, disabled: s, children: r }, 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
+  ), a = G(x), o = N("radio"), c = { ...e };
+  a.group && (c.checked = a.value === e.value, c.disabled = "disabled" in e ? e.disabled : a.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}${a.type === "button" ? "-button" : ""}`,
+    {
+      [`${o}-checked`]: l,
+      [`${o}-disabled`]: m,
+      [`${o}-rtl`]: y
+    },
+    g
+  ), n = (t) => {
+    var f;
+    const { onChange: u, value: r } = c;
+    m || (a.group ? (f = a.onChangeValue) == null || f.call(a, r, 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",
+            ...a.name ? { name: a.name } : {},
+            checked: l,
+            onChange: (t) => {
+              t.persist(), n(t);
+            },
+            onClick: (t) => {
+              t.stopPropagation();
+            }
+          }
+        ),
+        j(p) ? p({ checked: l }) : a.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 })
+        ] }) : a.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 {
+  ne as C,
+  h as R
+};

package/chunk/Cku5-xbe.js

@@ -0,0 +1,268 @@
+import { jsxs as z, Fragment as F, jsx as C } from "react/jsx-runtime";
+import O from "@unicom-cloud/icons/IconUiClose";
+import tt from "lodash/isFunction";
+import et, { useRef as b, useState as A, useImperativeHandle as ot, useEffect as T } from "react";
+import nt from "../hooks/useKeyboardEvent.js";
+import { I as rt } from "./z7sBNzI4.js";
+import V from "@unicom-cloud/utils/class-name";
+import it from "../utils/fillNBSP.js";
+import { isObject as N } from "../utils/is.js";
+import at from "../utils/omit.js";
+import { Enter as ct } from "../utils/keyCode.js";
+function ut({
+  value: r,
+  maxLength: g,
+  onChange: f,
+  onKeyDown: u,
+  onPressEnter: l,
+  beforeTriggerValueChangeCallback: x,
+  normalizeHandler: y
+}) {
+  const m = b(!1), [i, p] = A(""), h = (o, n) => {
+    x && x(o), // Avoid triggering onChange repeatedly for the same value
+    // Compositionend is earlier than onchange in Firefox, different with chrome
+    o !== r && (g === void 0 || o.length <= g) && (f == null || f(o, n));
+  };
+  return {
+    compositionValue: i,
+    triggerValueChangeCallback: h,
+    compositionHandler: (o) => {
+      m.current = o.type !== "compositionend", m.current || (p(void 0), h(o.target.value, o));
+    },
+    valueChangeHandler: (o) => {
+      const n = o.target.value;
+      m.current ? (m.current = !1, p(n)) : (i && p(void 0), h(n, o));
+    },
+    keyDownHandler: (o) => {
+      const n = o.key;
+      if (!m.current && (u == null || u(o), n === ct.key)) {
+        l == null || l(o);
+        const v = y == null ? void 0 : y("onPressEnter");
+        v && h(v(o.target.value), o);
+      }
+    }
+  };
+}
+const st = 2, lt = (r) => {
+  if (!r)
+    return {};
+  const g = window.getComputedStyle(r);
+  return [
+    "font",
+    "letterSpacing",
+    "overflow",
+    "tabSize",
+    "textIndent",
+    "textTransform",
+    "whiteSpace",
+    "wordBreak",
+    "wordSpacing",
+    "paddingLeft",
+    "paddingRight",
+    "borderLeft",
+    "borderRight",
+    "boxSizing"
+  ].reduce((u, l) => (u[l] = g[l], u), {});
+}, dt = et.forwardRef(
+  (r, g) => {
+    const {
+      allowClear: f,
+      disabled: u,
+      placeholder: l,
+      className: x,
+      style: y,
+      height: m,
+      prefixCls: i,
+      hasParent: p,
+      size: h,
+      value: o,
+      autoFitWidth: n,
+      onClear: v,
+      readOnly: R,
+      onChange: U,
+      onKeyDown: K,
+      onPressEnter: q,
+      maxLength: S,
+      clearIcon: B,
+      ...s
+    } = r, G = at(s, [
+      "error",
+      "status",
+      "showWordLimit",
+      "className",
+      "defaultValue",
+      "addBefore",
+      "addAfter",
+      "afterStyle",
+      "beforeStyle",
+      "prefix",
+      "suffix",
+      "normalize",
+      "normalizeTrigger",
+      "autoWidth"
+    ]), [P, J] = A(), E = nt(), a = b(), d = b(), D = b(null), H = N(S) ? S.errorOnly ? void 0 : S.length : S, L = (t) => {
+      let e;
+      const c = r.normalizeTrigger || ["onBlur"];
+      return Array.isArray(c) && c.indexOf(t) > -1 && tt(r.normalize) && (e = r.normalize), e;
+    }, {
+      compositionValue: Q,
+      valueChangeHandler: X,
+      compositionHandler: $,
+      keyDownHandler: Y,
+      triggerValueChangeCallback: M
+    } = ut({
+      value: o,
+      maxLength: H,
+      onChange: U,
+      onKeyDown: K,
+      onPressEnter: q,
+      normalizeHandler: L
+    }), Z = V(
+      i,
+      i && {
+        [`${i}-size-${h}`]: h,
+        [`${i}-${r.status}`]: r.status,
+        [`${i}-disabled`]: u,
+        [`${i}-autowidth`]: n
+      },
+      p ? void 0 : x
+    ), k = {
+      "aria-invalid": r.status === "error" || void 0,
+      ...G,
+      readOnly: R,
+      maxLength: H,
+      disabled: u,
+      placeholder: l,
+      value: Q || o || "",
+      className: Z,
+      onKeyDown: Y,
+      onChange: X,
+      onCompositionStart: (t) => {
+        var e;
+        (e = s.onCompositionStart) == null || e.call(s, t), $(t);
+      },
+      onCompositionUpdate: (t) => {
+        var e;
+        (e = s.onCompositionUpdate) == null || e.call(s, t), $(t);
+      },
+      onCompositionEnd: (t) => {
+        var e;
+        (e = s.onCompositionEnd) == null || e.call(s, t), $(t);
+      },
+      onBlur: (t) => {
+        var c;
+        (c = r.onBlur) == null || c.call(r, t);
+        const e = L("onBlur");
+        e && M(e(t.target.value), t);
+      }
+    };
+    ot(g, () => ({
+      dom: a.current,
+      getRootDOMNode: () => a.current,
+      focus: () => {
+        var t, e;
+        (e = (t = a.current) == null ? void 0 : t.focus) == null || e.call(t);
+      },
+      blur: () => {
+        var t, e;
+        (e = (t = a.current) == null ? void 0 : t.blur) == null || e.call(t);
+      }
+    }), []);
+    const w = () => {
+      if (d.current && a.current) {
+        const t = d.current.offsetWidth;
+        a.current.style.width = `${t + st}px`;
+      }
+    };
+    T(() => {
+      n && ((!N(n) || !n.pure) && J(lt(a.current)), w());
+    }, [n]);
+    const _ = k.value || l, W = (t) => {
+      a.current && a.current.focus && a.current.focus(), M("", t), v == null || v();
+    };
+    return T(() => {
+      function t() {
+        var I;
+        const c = (I = d.current) == null ? void 0 : I.offsetWidth;
+        if (typeof n == "object") {
+          const j = typeof n.delay == "function" ? n.delay(c, D.current) : n.delay;
+          j ? setTimeout(w, j) : w();
+        } else
+          w();
+        D.current = c;
+      }
+      let e;
+      return d.current && (e = new ResizeObserver(t), e.observe(d.current)), () => {
+        var c, I;
+        d.current && ((c = e == null ? void 0 : e.unobserve) == null || c.call(e, d.current)), (I = e == null ? void 0 : e.disconnect) == null || I.call(e), e = null;
+      };
+    }, [d.current]), /* @__PURE__ */ z(F, { children: [
+      f ? /* @__PURE__ */ z(F, { children: [
+        /* @__PURE__ */ C("input", { ref: a, ...k }),
+        !R && !u && f && o ? B !== void 0 ? /* @__PURE__ */ C(
+          "span",
+          {
+            tabIndex: 0,
+            className: `${i}-clear-icon`,
+            ...E({ onPressEnter: W }),
+            onClick: (t) => {
+              t.stopPropagation(), W(t);
+            },
+            onMouseDown: (t) => {
+              t.preventDefault();
+            },
+            children: B
+          }
+        ) : /* @__PURE__ */ C(
+          rt,
+          {
+            tabIndex: 0,
+            className: `${i}-clear-icon`,
+            ...E({ onPressEnter: W }),
+            onClick: (t) => {
+              t.stopPropagation(), W(t);
+            },
+            children: /* @__PURE__ */ C(
+              O,
+              {
+                onMouseDown: (t) => {
+                  t.preventDefault();
+                }
+              }
+            )
+          }
+        ) : null
+      ] }) : /* @__PURE__ */ C(
+        "input",
+        {
+          ref: a,
+          ...k,
+          style: p ? {} : {
+            minWidth: N(n) ? n.minWidth : void 0,
+            maxWidth: N(n) ? n.maxWidth : void 0,
+            ...y,
+            ..."height" in r ? { height: m } : {}
+          }
+        }
+      ),
+      n && /* @__PURE__ */ C(
+        "span",
+        {
+          className: V(`${i}-mirror`),
+          style: p ? P : {
+            ...P,
+            ...y,
+            ..."height" in r ? { height: m } : {}
+          },
+          ref: d,
+          children: it(_)
+        }
+      )
+    ] });
+  }
+);
+dt.displayName = "InputComponent";
+export {
+  dt as I,
+  ut as u
+};

package/chunk/CoevJNNj.js

@@ -0,0 +1,128 @@
+import { jsx as n, jsxs as K } from "react/jsx-runtime";
+import j from "@unicom-cloud/icons/IconUiLeft";
+import q from "@unicom-cloud/icons/IconUiRight";
+import X from "lodash/isArray";
+import w from "lodash/isNumber";
+import { createContext as Y, forwardRef as Z, useContext as ee, useState as re, useRef as A, useEffect as F, useMemo as te } from "react";
+import { a as ie } from "./z7sBNzI4.js";
+import se from "../hooks/useMergeValue.js";
+import oe from "../ResizeBox.js";
+import H from "@unicom-cloud/utils/class-name";
+import L, { responsiveMap as ne } from "../utils/responsiveObserve.js";
+const le = Y({
+  siderCollapsed: !1,
+  collapsedWidth: 64
+}), ae = /* @__PURE__ */ (() => {
+  let i = 0;
+  return (m = "") => (i += 1, `${m}${i}`);
+})();
+function ce(i, m) {
+  var T;
+  const {
+    children: D,
+    className: E,
+    style: G,
+    theme: y = "light",
+    trigger: f,
+    reverseArrow: R,
+    collapsedWidth: r = 48,
+    width: g = 200,
+    collapsible: h,
+    resizeDirections: c,
+    onSiderMount: v,
+    onSiderUnmount: C,
+    breakpoint: W,
+    onBreakpoint: O,
+    onCollapse: d,
+    resizeBoxProps: t = {}
+  } = i, _ = ae("pqb-sider-"), { getPrefixCls: P } = ee(ie), s = P("layout-sider"), [e, I] = se(!1, {
+    value: "collapsed" in i ? i.collapsed : void 0,
+    defaultValue: i.defaultCollapsed
+  }), $ = w(g) ? `${g}px` : String(g), Q = w(r) ? `${r}` : String(r), [p, k] = re(
+    e ? Q : $
+  ), b = A(null), M = A(null);
+  M.current = {
+    breakpoint: W,
+    collapsed: e,
+    onCollapse: d,
+    onBreakpoint: O
+  }, F(() => (v == null || v(_), h && W in ne && (b.current = L.subscribe(
+    (o, l) => {
+      const { breakpoint: a, collapsed: J, onCollapse: S, onBreakpoint: N } = M.current;
+      if (!l || l === a) {
+        const u = !o[a];
+        u !== J && (I(u), S == null || S(u, "responsive")), N == null || N(u);
+      }
+    }
+  )), () => {
+    C == null || C(_), b.current && L.unsubscribe(b.current);
+  }), []), F(() => {
+    const o = w(r) ? `${r}px` : String(r);
+    k(e ? o : $);
+  }, [e, $, r]);
+  const x = c && X(c) || ((T = t.directions) == null ? void 0 : T.length), U = x ? oe : "aside", z = () => {
+    const o = f || (e ? R ? /* @__PURE__ */ n(j, {}) : /* @__PURE__ */ n(q, {}) : R ? /* @__PURE__ */ n(q, {}) : /* @__PURE__ */ n(j, {}));
+    return h && f !== null ? /* @__PURE__ */ n(
+      "div",
+      {
+        style: { width: p },
+        className: H(`${s}-trigger`, {
+          [`${s}-trigger-light`]: y === "light"
+        }),
+        onClick: () => {
+          I(!e), d == null || d(!e, "clickTrigger");
+        },
+        children: o
+      }
+    ) : null;
+  }, B = te(() => x ? {
+    component: "aside",
+    ...t,
+    width: p,
+    directions: c,
+    onMoving: (o, l) => {
+      var a;
+      k(`${l.width}px`), (a = t == null ? void 0 : t.onMoving) == null || a.call(t, o, l);
+    }
+  } : {}, [x, c, p, t]);
+  return /* @__PURE__ */ n(
+    le.Provider,
+    {
+      value: {
+        siderCollapsed: e,
+        collapsedWidth: r
+      },
+      children: /* @__PURE__ */ K(
+        U,
+        {
+          ref: m,
+          style: {
+            width: p,
+            ...G
+          },
+          className: H(
+            s,
+            {
+              [`${s}-light`]: y === "light",
+              [`${s}-has-trigger`]: f !== null && h,
+              [`${s}-collapsed`]: e
+            },
+            E
+          ),
+          ...B,
+          children: [
+            /* @__PURE__ */ n("div", { className: `${s}-children`, children: D }),
+            z()
+          ]
+        }
+      )
+    }
+  );
+}
+const de = Z(ce), V = de;
+V.displayName = "LayoutSider";
+V.__PQB_SIGN__ = "sider";
+export {
+  V as S,
+  le as a
+};