@unicom-cloud/ui 0.8.106 → 0.8.108

package/select/util.js

@@ -1,12 +1,12 @@
 import { jsx as K } from "react/jsx-runtime";
 import { isEmptyArray as B } from "@unicom-cloud/utils/is";
-import a from "lodash/get";
-import $ from "lodash/isArray";
+import _ from "lodash/get";
+import O from "lodash/isArray";
 import F from "lodash/isNil";
 import I from "lodash/isNumber";
-import h from "lodash/isPlainObject";
+import L from "lodash/isPlainObject";
 import N from "lodash/isString";
-import g from "react";
+import u from "react";
 import { fillNBSP as U } from "../components/common/utils/fillNBSP.js";
 import { getHighlightText as j } from "../components/common/utils/getHighlightText.js";
 import z from "./Option.js";
@@ -14,18 +14,18 @@ function ne(r) {
   r?.preventDefault?.();
 }
 function D(r, p) {
-  return p ? !$(r) || B(r) : F(r);
+  return p ? !O(r) || B(r) : F(r);
 }
 function se(r, p, l) {
-  return l && (p ? r = Array.isArray(r) ? r.map(
-    (o) => h(o) && "label" in o ? o.value : o
-  ) : r : r = h(r) && "label" in r ? r.value : r), D(r, p) ? p ? Array.isArray(r) ? r : [] : void 0 : r;
+  return l && (p ? r = O(r) ? r.map(
+    (o) => L(o) && "label" in o ? o.value : o
+  ) : r : r = L(r) && "label" in r ? r.value : r), D(r, p) ? p ? O(r) ? r : [] : void 0 : r;
 }
 function Q(r) {
-  return a(r, "props.isSelectOption") || a(r, "type.__PQB_SELECT_OPTION__");
+  return _(r, "props.isSelectOption") || _(r, "type.__PQB_SELECT_OPTION__");
 }
 function R(r) {
-  return a(r, "props.isSelectOptGroup") || a(r, "type.__PQB_SELECT_OPTGROUP__");
+  return _(r, "props.isSelectOptGroup") || _(r, "type.__PQB_SELECT_OPTGROUP__");
 }
 function v({
   children: r,
@@ -33,46 +33,46 @@ function v({
   filterOption: l
 }, {
   inputValue: o = "",
-  userCreatedOptions: k,
-  userCreatingOption: L,
-  prefixCls: E
+  userCreatedOptions: T,
+  userCreatingOption: E,
+  prefixCls: b
 }, {
   optionInfoMap: m = /* @__PURE__ */ new Map(),
-  optionValueList: u = [],
-  customNodeCount: O = 0
+  optionValueList: y = [],
+  customNodeCount: x = 0
 } = {}) {
-  let b = !1, c = !1, i = [], y = [];
-  const T = (e) => {
-    const s = a(e, "props.value"), t = a(e, "props.children");
+  let S = !1, c = !1, i = [], d = [];
+  const A = (e) => {
+    const s = _(e, "props.value"), t = _(e, "props.children");
     return s === void 0 && t !== null && t !== void 0 ? t.toString() : s;
-  }, d = ({ label: e, value: s }, t, n) => !e && !s && !t ? (O++, `custom_node_${O}`) : n ? t || `group_${e}` : t || `${typeof s}_${s}` || `${e}_${m.size}`, S = (e, s, t) => {
-    const n = T(e);
+  }, g = ({ label: e, value: s }, t, n) => !e && !s && !t ? (x++, `custom_node_${x}`) : n ? t || `group_${e}` : t || `${typeof s}_${s}` || `${e}_${m.size}`, w = (e, s, t) => {
+    const n = A(e);
     let f = !0;
     l === !0 ? f = n !== void 0 && String(n).toLowerCase().indexOf(o.toLowerCase()) !== -1 : typeof l == "function" && (f = !o || l(o, e, t));
-    const _ = m.get(n), A = _?._origin === "userCreatedOptions" || _?._origin === "userCreatingOption";
-    if (!_ || A) {
-      "_key" in e.props || (e = g.cloneElement(e, {
-        _key: d(e.props, e.key)
+    const a = m.get(n), P = a?._origin === "userCreatedOptions" || a?._origin === "userCreatingOption";
+    if (!a || P) {
+      "_key" in e.props || (e = u.cloneElement(e, {
+        _key: g(e.props, e.key)
       }));
-      const w = m.size, P = {
+      const $ = m.size, k = {
         child: e,
         ...e.props,
         value: n,
-        _index: w,
+        _index: $,
         _origin: s,
         _valid: f
       };
-      if (m.set(n, P), A) {
-        const C = i.findIndex(
+      if (m.set(n, k), P) {
+        const h = i.findIndex(
           (G) => G?.props?.value === n
         );
-        C > -1 && (f ? i[C] = e : i.splice(C, 1));
+        h > -1 && (f ? i[h] = e : i.splice(h, 1));
       } else
-        u.push(n), f && (i.push(e), P.disabled || y.push(w));
+        y.push(n), f && (i.push(e), k.disabled || d.push($));
     }
     typeof e.props.children != "string" && (c = !0);
-  }, x = (e, s) => {
-    s && $(e) && e.length && e.forEach((t) => {
+  }, C = (e, s) => {
+    s && O(e) && e.length && e.forEach((t) => {
       (N(t) || I(t)) && (t = {
         label: t,
         value: t
@@ -80,50 +80,50 @@ function v({
       const n = /* @__PURE__ */ K(
         z,
         {
-          _key: d(t),
+          _key: g(t),
           value: t.value,
           disabled: t.disabled === !0,
           extra: t.extra,
           children: U(t.label)
         }
       );
-      S(n, s, t);
+      w(n, s, t);
     });
   };
-  return L && x([L], "userCreatingOption"), r && g.Children.map(r, (e) => {
+  return E && C([E], "userCreatingOption"), r && u.Children.map(r, (e) => {
     if (R(e)) {
       const { children: s, options: t } = e.props, {
         childrenList: n,
         optionIndexListForArrowKey: f,
-        hasComplexLabelInOptions: _
+        hasComplexLabelInOptions: a
       } = v(
         { children: s, options: t, filterOption: l },
-        { inputValue: o, prefixCls: E },
-        { optionInfoMap: m, optionValueList: u, customNodeCount: O }
+        { inputValue: o, prefixCls: b },
+        { optionInfoMap: m, optionValueList: y, customNodeCount: x }
       );
       n.length && (i.push(
-        g.cloneElement(e, {
+        u.cloneElement(e, {
           children: null,
-          _key: d(e.props, e.key, !0)
+          _key: g(e.props, e.key, !0)
         })
-      ), i = i.concat(n), y = y.concat(
+      ), i = i.concat(n), d = d.concat(
         f
-      ), b = !0, c = c || _);
-    } else Q(e) ? S(e, "children", null) : h(e) && e.props && i.push(
-      g.cloneElement(e, {
-        _key: d(e.props, e.key)
+      ), S = !0, c = c || a);
+    } else Q(e) ? w(e, "children", null) : L(e) && e.props && i.push(
+      u.cloneElement(e, {
+        _key: g(e.props, e.key)
       })
     );
-  }), x(p, "options"), x(k, "userCreatedOptions"), {
+  }), C(p, "options"), C(T, "userCreatedOptions"), {
     childrenList: j({
       nodeList: i,
       pattern: o,
-      highlightClassName: `${E}-highlight`
+      highlightClassName: `${b}-highlight`
     }),
     optionInfoMap: m,
-    optionValueList: u,
-    optionIndexListForArrowKey: y,
-    hasOptGroup: b,
+    optionValueList: y,
+    optionIndexListForArrowKey: d,
+    hasOptGroup: S,
     hasComplexLabelInOptions: c
   };
 }

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/space/index.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as s, useContext as S } from "react";
-import x from "../components/common/space/index.js";
+import u from "../components/common/space/index.js";
 import "../config-provider/ConfigProvider.js";
 import "lodash/isEqualWith";
 import "../components/common/utils/is.js";
@@ -9,35 +9,35 @@ import "lodash/isNumber";
 import "lodash/merge";
 import "../components/common/utils/dom.js";
 import "../components/common/hooks/useIntersectionObserver.js";
-import N from "../components/common/hooks/useMergeProps.js";
+import x from "../components/common/hooks/useMergeProps.js";
 import "../components/common/utils/reactDOM.js";
 import "@unicom-cloud/utils/constant";
 import "lodash/debounce";
-import g from "@unicom-cloud/utils/class-name";
-import u from "../config-provider/context.js";
+import N from "@unicom-cloud/utils/class-name";
+import g from "../config-provider/context.js";
 const $ = {
   size: "small",
   direction: "horizontal"
 }, i = s(
-  (o, t) => {
-    const { getPrefixCls: c, componentConfig: n, rtl: l } = S(u), f = N(
+  (o, r) => {
+    const { getPrefixCls: c, componentConfig: n, rtl: l } = S(g), f = x(
       o,
       $,
       n?.Space
-    ), { className: d, direction: r = "horizontal", wrap: p, ...C } = f, e = c?.("space");
+    ), { className: d, direction: t = "horizontal", wrap: p, ...C } = f, e = c?.("space");
     return /* @__PURE__ */ a(
-      x,
+      u,
       {
-        ref: t,
-        className: g(
+        ref: r,
+        className: N(
           e,
           {
             [`${e}-wrap`]: p,
-            [`${e}-${r}`]: r
+            [`${e}-${t}`]: t
           },
           d
         ),
-        direction: r,
+        direction: t,
         wrap: p,
         rtl: l,
         ...C
@@ -46,7 +46,9 @@ const $ = {
   }
 );
 i.displayName = "Space";
-const m = s((o, t) => /* @__PURE__ */ a(i, { ref: t, direction: "vertical", ...o }));
+const m = s(
+  (o, r) => /* @__PURE__ */ a(i, { ...o, ref: r, direction: "vertical" })
+);
 m.displayName = "SpaceVertical";
 const E = Object.assign(i, {
   Vertical: m

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
 };