@unicom-cloud/ui 0.8.106 → 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.106","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/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
           }),

package/splitter/SplitBar.js

@@ -3,68 +3,66 @@ import H from "@unicom-cloud/icons/IconUiDown";
 import J from "@unicom-cloud/icons/IconUiLeft";
 import K from "@unicom-cloud/icons/IconUiRight";
 import Q from "@unicom-cloud/icons/IconUiUp";
-import E from "react";
+import { useContext as W, useState as X, useEffect as Z } from "react";
 import "../config-provider/ConfigProvider.js";
 import f from "@unicom-cloud/utils/class-name";
 import Y from "./hooks/useEvent.js";
-import W from "../config-provider/context.js";
-function O(d) {
+import _ from "../config-provider/context.js";
+function b(d) {
   return typeof d == "number" && !Number.isNaN(d) ? Math.round(d) : 0;
 }
-const ie = (d) => {
-  const { getPrefixCls: y } = E.useContext(W), {
+const fe = (d) => {
+  const { getPrefixCls: y } = W(_), {
     prefixCls: I,
     vertical: s,
     index: n,
     active: z,
-    ariaNow: $,
-    ariaMin: M,
-    ariaMax: N,
+    ariaNow: E,
+    ariaMin: $,
+    ariaMax: M,
     startCollapsible: T,
     endCollapsible: j,
-    onOffsetStart: S,
+    onOffsetStart: O,
     onOffsetUpdate: v,
     onOffsetEnd: h,
     onCollapse: P,
     lazy: a,
     containerSize: m
-  } = d, e = y?.("bar", I), [r, w] = E.useState(
-    null
-  ), [g, U] = E.useState(0), k = s ? 0 : g, A = s ? g : 0, D = (t) => {
-    t.currentTarget && (w([t.pageX, t.pageY]), S(n));
-  }, R = (t) => {
-    if (t.touches.length === 1) {
-      const o = t.touches[0];
-      w([o.pageX, o.pageY]), S(n);
+  } = d, e = y?.("bar", I), [r, w] = X(null), [g, S] = X(0), k = s ? 0 : g, A = s ? g : 0, D = (o) => {
+    o.currentTarget && (w([o.pageX, o.pageY]), O(n));
+  }, V = (o) => {
+    if (o.touches.length === 1) {
+      const t = o.touches[0];
+      w([t.pageX, t.pageY]), O(n);
     }
-  }, V = (t) => {
-    const o = m * $ / 100, c = o + t, x = Math.max(0, m * M / 100), i = Math.min(m, m * N / 100);
-    return Math.max(x, Math.min(i, c)) - o;
-  }, L = Y((t, o) => {
-    const c = V(
-      s ? o : t
+  }, B = (o) => {
+    const t = m * E / 100, c = t + o, x = Math.max(0, m * $ / 100), i = Math.min(m, m * M / 100);
+    return Math.max(x, Math.min(i, c)) - t;
+  }, N = Y((o, t) => {
+    const c = B(
+      s ? t : o
     );
-    U(c);
-  }), b = Y(() => {
-    v(n, k, A, !0), U(0), h(!0);
+    S(c);
+  }), L = Y(() => {
+    v(n, k, A, !0), S(0), h(!0);
   });
-  E.useEffect(() => {
+  Z(() => {
     if (r) {
-      const t = (i) => {
-        const { pageX: u, pageY: C } = i, p = u - r[0], X = C - r[1];
-        a ? L(p, X) : v(n, p, X);
-      }, o = () => {
-        a ? b() : h(), w(null);
+      const o = (i) => {
+        const { pageX: p, pageY: C } = i, u = p - r[0], U = C - r[1];
+        a ? N(u, U) : v(n, u, U);
+      }, t = () => {
+        a ? L() : h(), w(null);
       }, c = (i) => {
         if (i.touches.length === 1) {
-          const u = i.touches[0], C = u.pageX - r[0], p = u.pageY - r[1];
-          a ? L(C, p) : v(n, C, p);
+          const p = i.touches[0], C = p.pageX - r[0], u = p.pageY - r[1];
+          a ? N(C, u) : v(n, C, u);
         }
       }, x = () => {
-        a ? b() : h(), w(null);
+        a ? L() : h(), w(null);
       };
-      return window.addEventListener("touchmove", c), window.addEventListener("touchend", x), window.addEventListener("mousemove", t), window.addEventListener("mouseup", o), () => {
-        window.removeEventListener("mousemove", t), window.removeEventListener("mouseup", o), window.removeEventListener("touchmove", c), window.removeEventListener("touchend", x);
+      return window.addEventListener("touchmove", c), window.addEventListener("touchend", x), window.addEventListener("mousemove", o), window.addEventListener("mouseup", t), () => {
+        window.removeEventListener("mousemove", o), window.removeEventListener("mouseup", t), window.removeEventListener("touchmove", c), window.removeEventListener("touchend", x);
       };
     }
   }, [
@@ -73,15 +71,15 @@ const ie = (d) => {
     s,
     n,
     m,
+    E,
     $,
     M,
     N,
-    L,
     v,
-    b,
+    L,
     h
   ]);
-  const B = {
+  const R = {
     [`--${e}-preview-offset`]: `${g}px`
   }, q = s ? Q : J, F = s ? H : K;
   return /* @__PURE__ */ G(
@@ -89,9 +87,9 @@ const ie = (d) => {
     {
       className: e,
       role: "separator",
-      "aria-valuenow": O($),
-      "aria-valuemin": O(M),
-      "aria-valuemax": O(N),
+      "aria-valuenow": b(E),
+      "aria-valuemin": b($),
+      "aria-valuemax": b(M),
       children: [
         a && /* @__PURE__ */ l(
           "div",
@@ -99,7 +97,7 @@ const ie = (d) => {
             className: f(`${e}-preview`, {
               [`${e}-preview-active`]: !!g
             }),
-            style: B
+            style: R
           }
         ),
         /* @__PURE__ */ l(
@@ -109,7 +107,7 @@ const ie = (d) => {
               [`${e}-dragger-active`]: z
             }),
             onMouseDown: D,
-            onTouchStart: R
+            onTouchStart: V
           }
         ),
         T && /* @__PURE__ */ l(
@@ -155,5 +153,5 @@ const ie = (d) => {
   );
 };
 export {
-  ie as default
+  fe as default
 };