@unicom-cloud/ui 0.8.105 → 0.8.107

package/modal/index.js

@@ -1,4 +1,6 @@
-import t from "./Modal.js";
+import e from "./Modal.js";
+import { default as r } from "./use-modal/index.js";
 export {
-  t as default
+  e as default,
+  r as useModal
 };

package/modal/use-modal/index.js

@@ -24,9 +24,9 @@ function j() {
       },
       c
     );
-    r.current?.addInstance(i);
+    r.current?.addInstance?.(i);
     function C() {
-      r.current?.removeInstance(i);
+      r.current?.removeInstance?.(i);
     }
     function a() {
       e?.close();

package/package.json

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

package/segmented/index.js

@@ -1,11 +1,13 @@
-import { jsxs as D, jsx as w, Fragment as te } from "react/jsx-runtime";
-import { forwardRef as ne, useContext as re, useMemo as oe, useState as P, useRef as N, useCallback as se, useEffect as A } from "react";
+import { jsxs as D, jsx as v, Fragment as ne } from "react/jsx-runtime";
+import { forwardRef as re, useContext as oe, useMemo as ie, useState as P, useRef as A, useCallback as se, useEffect as $ } from "react";
 import "../config-provider/ConfigProvider.js";
 import ae from "../components/common/hooks/useMergeProps.js";
 import j from "@unicom-cloud/utils/class-name";
-import { resizeObserver as ie } from "../components/common/utils/resizeObserver.js";
-import le from "../config-provider/context.js";
-const ce = {
+import "../components/common/utils/is.js";
+import { resizeObserver as le } from "../components/common/utils/resizeObserver.js";
+import ce from "../config-provider/context.js";
+import { isNil as ue, isFunction as de } from "@unicom-cloud/utils/is";
+const fe = {
   options: [],
   size: "medium",
   mode: "default",
@@ -14,56 +16,57 @@ const ce = {
   direction: "horizontal",
   showIndicator: !0,
   animationDuration: 300
-}, ue = ne(
-  (B, d) => {
-    const { getPrefixCls: E, componentConfig: M, rtl: K } = re(le), L = ae(
+}, pe = re(
+  (B, p) => {
+    const { getPrefixCls: E, componentConfig: M, rtl: F } = oe(ce), K = ae(
       B,
-      ce,
+      fe,
       M?.Segmented
     ), {
-      style: U,
-      className: F,
+      style: L,
+      className: U,
       options: O = [],
-      defaultValue: y,
+      defaultValue: c,
       value: R,
       size: H,
-      mode: v,
-      disabled: f,
-      block: _,
-      direction: p,
-      showIndicator: $,
-      animationDuration: q,
+      mode: k,
+      disabled: m,
+      block: T,
+      direction: h,
+      showIndicator: C,
+      animationDuration: _,
       name: x,
-      onChange: C,
+      immediateTrigger: q,
+      onChange: u,
       ...G
-    } = L, s = oe(() => O.map((e) => typeof e == "string" ? { value: e, label: e } : e), [O]), [J, S] = P(() => y && s.some((e) => e.value === y) ? y : s[0]?.value || ""), [Q, m] = P({}), c = N(null), k = N([]), V = N(!1), r = E?.("segmented"), T = j(
+    } = K, i = ie(() => O.map((e) => typeof e == "string" ? { value: e, label: e } : e), [O]), [J, S] = P(() => c && i.some((e) => e.value === c) ? c : i[0]?.value || ""), [Q, b] = P({}), d = A(null), I = A([]), V = A(!1), r = E?.("segmented"), W = j(
       r,
       {
-        [`${r}-block`]: _,
-        [`${r}-disabled`]: f,
-        [`${r}-rtl`]: K,
-        [`${r}-${v}`]: v,
-        [`${r}-${p}`]: p
+        [`${r}-block`]: T,
+        [`${r}-disabled`]: m,
+        [`${r}-rtl`]: F,
+        [`${r}-${k}`]: k,
+        [`${r}-${h}`]: h
       },
-      F
-    ), h = R !== void 0, i = h ? R : J, b = se(() => {
-      if (!$ || !c.current) {
-        m((a) => ({ ...a, opacity: 0 }));
+      U
+    ), g = R !== void 0, a = g ? R : J, w = se(() => {
+      if (!C || !d.current) {
+        b((s) => ({ ...s, opacity: 0 }));
         return;
       }
-      const e = s.findIndex(
-        (a) => a?.value === i
+      const e = i.findIndex(
+        (s) => s?.value === a
       );
       if (e === -1) {
-        m((a) => ({ ...a, opacity: 0 }));
+        b((s) => ({ ...s, opacity: 0 }));
         return;
       }
-      const o = k.current[e];
+      const o = I.current[e];
       if (!o) {
-        m((a) => ({ ...a, opacity: 0 }));
+        b((s) => ({ ...s, opacity: 0 }));
         return;
       }
-      const n = c.current.getBoundingClientRect(), t = o.getBoundingClientRect(), l = p === "vertical" ? {
+      const n = d.current.getBoundingClientRect(), t = o.getBoundingClientRect(), l = h === "vertical" ? {
         width: t.width,
         // 垂直模式下宽度撑满
         top: t.top - n.top,
@@ -74,15 +77,15 @@ const ce = {
         height: t.height
         // 水平模式下高度撑满
       };
-      m({
+      b({
         ...l,
         opacity: 1
       });
-    }, [i, s, $, p]), z = (e, o) => {
-      o || f || (h || S(e), C?.(e));
-    }, W = (e, o) => {
-      if (f) return;
-      const n = s.length;
+    }, [a, i, C, h]), z = (e, o) => {
+      o || m || (g || S(e), u?.(e));
+    }, X = (e, o) => {
+      if (m) return;
+      const n = i.length;
       if (n === 0) return;
       let t = o;
       switch (e.key) {
@@ -103,114 +106,114 @@ const ce = {
         default:
           return;
       }
-      for (; t !== o && s[t]?.disabled; )
+      for (; t !== o && i[t]?.disabled; )
         t = (t + (e.key === "ArrowLeft" || e.key === "ArrowUp" ? -1 : 1) + n) % n;
-      const l = s[t]?.value;
-      l && l !== i && (z(l), k.current[t]?.focus());
+      const l = i[t]?.value;
+      l && l !== a && (z(l), I.current[t]?.focus());
     };
-    A(() => {
+    $(() => {
       if (!V.current) {
         V.current = !0;
         return;
       }
-      if (!s.some((e) => e.value === i)) {
-        const e = s[0]?.value || "";
-        h || S(e), C?.(e);
+      if (!i.some((e) => e.value === a)) {
+        const e = i[0]?.value || "";
+        g || S(e), u?.(e);
       }
-    }, [s, i, h, C]), A(() => {
-      b();
-    }, [i, s, b]), A(() => {
-      if (!c.current) return;
-      const e = ie(
-        [c.current],
+    }, [i, a, g, u]), $(() => {
+      q && !ue(c) && de(u) && u(c);
+    }, []), $(() => {
+      w();
+    }, [a, i, w]), $(() => {
+      if (!d.current) return;
+      const e = le(
+        [d.current],
         () => {
-          b();
+          w();
         }
       );
       return () => {
         e();
       };
-    }, [b]);
-    const X = (e, o) => {
+    }, [w]);
+    const Y = (e, o) => {
       if (e.render)
         return e.render(e, o);
       const n = !e.label && !!e.icon;
-      return /* @__PURE__ */ D(te, { children: [
-        e.icon && /* @__PURE__ */ w("span", { className: `${r}-option-icon`, children: e.icon }),
-        !n && e.label && /* @__PURE__ */ w("span", { className: `${r}-option-label`, children: e.label })
+      return /* @__PURE__ */ D(ne, { children: [
+        e.icon && /* @__PURE__ */ v("span", { className: `${r}-option-icon`, children: e.icon }),
+        !n && e.label && /* @__PURE__ */ v("span", { className: `${r}-option-label`, children: e.label })
       ] });
     };
     return /* @__PURE__ */ D(
       "div",
       {
         ref: (e) => {
-          typeof d == "function" ? d(e) : d && (d.current = e), c.current = e;
+          typeof p == "function" ? p(e) : p && (p.current = e), d.current = e;
         },
         ...G,
-        style: U,
-        className: T,
+        style: L,
+        className: W,
         role: "radiogroup",
         children: [
-          !Array.isArray(s) || s.length === 0 ? null : s.map((e, o) => {
+          !Array.isArray(i) || i.length === 0 ? null : i.map((e, o) => {
             if (!e) return null;
             const {
               value: n,
               label: t,
               disabled: l,
-              icon: a,
-              render: fe,
-              ...Y
-            } = e, u = n === i, g = l || f, Z = !t && !!a, ee = [t, n, o].filter(Boolean).join("-");
+              icon: s,
+              render: he,
+              ...Z
+            } = e, f = n === a, y = l || m, ee = !t && !!s, te = [t, n, o].filter(Boolean).join("-");
             return /* @__PURE__ */ D(
               "button",
               {
-                ref: (I) => k.current[o] = I,
+                ref: (N) => I.current[o] = N,
                 className: j(
                   `${r}-option`,
                   `${r}-option-${H}`,
-                  `${r}-option-${v}`,
+                  `${r}-option-${k}`,
                   {
-                    [`${r}-option-active`]: u,
-                    [`${r}-option-disabled`]: g,
-                    [`${r}-option-icon-only`]: Z
+                    [`${r}-option-active`]: f,
+                    [`${r}-option-disabled`]: y,
+                    [`${r}-option-icon-only`]: ee
                   }
                 ),
-                onClick: () => z(n, g),
-                onKeyDown: (I) => W(I, o),
-                disabled: g,
+                onClick: () => z(n, y),
+                onKeyDown: (N) => X(N, o),
+                disabled: y,
                 role: "radio",
-                "aria-checked": u,
-                "aria-disabled": g,
-                tabIndex: u ? 0 : -1,
-                ...Y,
+                "aria-checked": f,
+                "aria-disabled": y,
+                tabIndex: f ? 0 : -1,
+                ...Z,
                 children: [
-                  x && /* @__PURE__ */ w(
+                  x && /* @__PURE__ */ v(
                     "input",
                     {
                       type: "radio",
                       name: x,
                       value: n,
-                      checked: u,
-                      onChange: () => {
-                      },
+                      checked: f,
                       className: `${r}-input`,
                       tabIndex: -1,
                       "aria-hidden": "true"
                     }
                   ),
-                  X(e, u)
+                  Y(e, f)
                 ]
               },
-              ee
+              te
             );
           }),
-          $ && /* @__PURE__ */ w(
+          C && /* @__PURE__ */ v(
             "div",
             {
               className: `${r}-indicator`,
               style: {
                 ...Q,
-                transitionDuration: `${q}ms`
+                transitionDuration: `${_}ms`
               }
             }
           )
@@ -219,7 +222,7 @@ const ce = {
     );
   }
 );
-ue.displayName = "Segmented";
+pe.displayName = "Segmented";
 export {
-  ue as default
+  pe as default
 };

package/select-view/Core.js

@@ -36,7 +36,7 @@ const K = "__pqb_value_tag_placeholder", w = {
     allowCreate: Ce,
     status: xe,
     loading: Ie,
-    disabled: g,
+    disabled: b,
     animation: we,
     prefixCls: n,
     suffixIcon: G,
@@ -45,7 +45,7 @@ const K = "__pqb_value_tag_placeholder", w = {
     clearIcon: D,
     placeholder: q,
     renderText: X,
-    value: b,
+    value: v,
     inputValue: F,
     popupVisible: p,
     maxTagCount: c,
@@ -66,7 +66,7 @@ const K = "__pqb_value_tag_placeholder", w = {
     onRemoveCheckedItem: Re,
     onSort: A,
     ...Oe
-  } = x, N = ae(null), f = ae(null), { size: Me, getPrefixCls: Q } = qe(fo), [Ae, Y] = ce(w.NONE), [B, Z] = ce(!1), Be = to(), T = "showSearch" in x ? x.showSearch : I, m = T || Ce, y = ge || Me, V = B || p, Ve = C(T) && T.retainInputValue, v = !I && b !== void 0 ? X(b).text : "", _ = (e) => {
+  } = x, N = ae(null), f = ae(null), { size: Me, getPrefixCls: Q } = qe(fo), [Ae, Y] = ce(w.NONE), [B, Z] = ce(!1), Be = to(), T = "showSearch" in x ? x.showSearch : I, m = T || Ce, y = ge || Me, V = B || p, Ve = C(T) && T.retainInputValue, h = !I && v !== void 0 ? X(v).text : "", _ = (e) => {
     e?.preventDefault?.();
   }, U = (e) => {
     const o = m ? N.current : f.current;
@@ -103,13 +103,13 @@ const K = "__pqb_value_tag_placeholder", w = {
     let e;
     switch (Ae) {
       case w.BEFORE:
-        e = F || (Ve ? v : "");
+        e = F || (Ve ? h : "");
         break;
       case w.EDITING:
         e = F || "";
         break;
       default:
-        e = v;
+        e = h;
         break;
     }
     const o = !!(V && m || R), s = {
@@ -117,7 +117,8 @@ const K = "__pqb_value_tag_placeholder", w = {
       // _inputValue after renderText(value) may be rich text, but the value of <input> cannot be object
       value: o && typeof e != "object" ? e : "",
       // Allow placeholder to display the selected value first when searching
-      placeholder: m && v && typeof v != "object" ? v : q
+      placeholder: m && // 0 can also be used as a placeholder, because when options is number[], the selected value may be 0
+      (h || h === 0) && typeof h != "object" ? h : q
     };
     return m ? (s.onPaste = i.paste, s.onKeyDown = i.keyDown, s.onFocus = i.focus, s.onBlur = i.blur, s.onChange = i.change) : (s.tabIndex = -1, s.style.pointerEvents = "none"), /* @__PURE__ */ k("span", { className: `${n}-view-selector`, children: [
       /* @__PURE__ */ t(
@@ -125,7 +126,7 @@ const K = "__pqb_value_tag_placeholder", w = {
         {
           "aria-hidden": !o || void 0,
           ref: N,
-          disabled: g,
+          disabled: b,
           className: E(`${n}-view-input`, {
             [`${n}-hidden`]: !o
           }),
@@ -149,9 +150,9 @@ const K = "__pqb_value_tag_placeholder", w = {
   }, L = Qe(() => {
     if (!I)
       return [];
-    const e = le(b) ? [] : [].concat(b);
-    return (de(oe) ? e.slice(0, oe) : e).map((P, h, te) => ne(P));
-  }, [b, I, c, z]), Le = () => {
+    const e = le(v) ? [] : [].concat(v);
+    return (de(oe) ? e.slice(0, oe) : e).map((P, g, te) => ne(P));
+  }, [v, I, c, z]), Le = () => {
     const e = C(c) ? c.count : c, o = C(c) && c.showPopover, s = Q?.("input-tag"), P = (r) => C(c) && ro(c.render) ? c.render(r) : e === "responsive" ? /* @__PURE__ */ k(
       ie,
       {
@@ -163,9 +164,9 @@ const K = "__pqb_value_tag_placeholder", w = {
         ]
       },
       K
-    ) : `+${r}...`, h = le(b) ? [] : [].concat(b), te = () => {
-      for (let r = h.length - 1; r >= 0; r--) {
-        const l = h[r];
+    ) : `+${r}...`, g = le(v) ? [] : [].concat(v), te = () => {
+      for (let r = g.length - 1; r >= 0; r--) {
+        const l = g[r];
         if (!z(l).disabled)
           return r;
       }
@@ -179,7 +180,7 @@ const K = "__pqb_value_tag_placeholder", w = {
       onRemove: (r, l, u) => {
         const $ = u.key;
         let a = -1;
-        $ === po.key && (a = te()) !== -1 && (r = h[a], l = a), c && Be(), Re?.(r, l, u);
+        $ === po.key && (a = te()) !== -1 && (r = g[a], l = a), c && Be(), Re?.(r, l, u);
       }
     }, Ke = {
       suffix: null,
@@ -190,7 +191,7 @@ const K = "__pqb_value_tag_placeholder", w = {
       labelInValue: !1
     }, se = (() => {
       if (de(e)) {
-        const r = h.length - e;
+        const r = g.length - e;
         if (r > 0) {
           const l = {
             label: P(r),
@@ -199,14 +200,16 @@ const K = "__pqb_value_tag_placeholder", w = {
             value: K
           };
           if (o) {
-            const u = h.map((a, d) => ({ val: a, index: d })).slice(e).map((a) => {
+            const u = g.map((a, d) => ({ val: a, index: d })).slice(e).map((a) => {
               const d = ne(a.val);
               return M ? M(
                 {
                   ...d,
-                  onClose: (H) => {
-                    j.onRemove(d.value, a.index, H);
-                  }
+                  onClose: (H) => j.onRemove(
+                    d.value,
+                    a.index,
+                    H
+                  )
                 },
                 a.index,
                 L.concat(l)
@@ -248,7 +251,7 @@ const K = "__pqb_value_tag_placeholder", w = {
         ...Ke,
         className: V ? `${Q?.("input-tag")}-focus` : "",
         ref: N,
-        disabled: g,
+        disabled: b,
         dragToSort: J,
         disableInput: !T,
         animation: we,
@@ -270,8 +273,8 @@ const K = "__pqb_value_tag_placeholder", w = {
               K
             );
             if (u > -1) {
-              const $ = r.slice(0, u), a = r.slice(u + 1), d = h.slice(
-                r.length - 1 - h.length
+              const $ = r.slice(0, u), a = r.slice(u + 1), d = g.slice(
+                r.length - 1 - g.length
               );
               A($.concat(d, a));
             } else
@@ -281,7 +284,7 @@ const K = "__pqb_value_tag_placeholder", w = {
         ...j
       }
     );
-  }, re = xe || (x.error ? "error" : void 0), je = !g && !R && ve ? /* @__PURE__ */ t(
+  }, re = xe || (x.error ? "error" : void 0), je = !b && !R && ve ? /* @__PURE__ */ t(
     ao,
     {
       size: y,
@@ -300,7 +303,7 @@ const K = "__pqb_value_tag_placeholder", w = {
       [`${n}-size-${y}`]: y,
       [`${n}-focused`]: V,
       [`${n}-${re}`]: re,
-      [`${n}-disabled`]: g,
+      [`${n}-disabled`]: b,
       [`${n}-no-border`]: !be,
       [`${n}-rtl`]: $e
     },
@@ -313,24 +316,24 @@ const K = "__pqb_value_tag_placeholder", w = {
       "aria-haspopup": "listbox",
       "aria-autocomplete": "list",
       "aria-expanded": p,
-      "aria-disabled": g,
+      "aria-disabled": b,
       "aria-controls": Te,
       ...uo(Oe, ["onClick", "onMouseEnter", "onMouseLeave"]),
       ...ye,
       ref: f,
-      tabIndex: g ? -1 : 0,
+      tabIndex: b ? -1 : 0,
       id: pe,
       style: fe,
       className: He,
       onKeyDown: ee,
       onFocus: (e) => {
-        !g && !J && (m ? N.current && N.current.focus() : S("focus", e));
+        !b && !J && (m ? N.current && N.current.focus() : S("focus", e));
       },
       onBlur: (e) => S("blur", e),
       children: /* @__PURE__ */ k(
         "div",
         {
-          title: typeof v == "string" ? v : void 0,
+          title: typeof h == "string" ? h : void 0,
           className: E(`${n}-view`, {
             [`${n}-view-with-prefix`]: O
           }),