@unicom-cloud/ui 0.8.96 → 0.8.98

package/select-view/Core.js

@@ -1,11 +1,11 @@
-import { jsx as t, jsxs as P } from "react/jsx-runtime";
-import We, { useRef as de, useContext as qe, useState as pe, useEffect as Xe, useImperativeHandle as Je, useMemo as Qe, createElement as Ye } from "react";
+import { jsx as t, jsxs as k } from "react/jsx-runtime";
+import We, { useRef as ae, useContext as qe, useState as ce, useEffect as Xe, useImperativeHandle as Je, useMemo as Qe, createElement as Ye } from "react";
 import Ze from "@unicom-cloud/icons/IconUiClose";
 import eo from "@unicom-cloud/icons/IconUiDown";
 import oo from "@unicom-cloud/icons/IconUiLoading";
 import no from "@unicom-cloud/icons/IconUiSearch";
 import ro from "lodash/isFunction";
-import me from "lodash/isUndefined";
+import le from "lodash/isUndefined";
 import "../config-provider/ConfigProvider.js";
 import to from "../components/common/hooks/useForceUpdate.js";
 import so from "../components/common/hooks/usePersistCallback.js";
@@ -13,148 +13,147 @@ import ao from "../icon-hover/index.js";
 import co from "../input-tag/InputTag.js";
 import lo from "../input/InputElement.js";
 import io from "../popover/index.js";
-import fe from "../tag/index.js";
-import D from "@unicom-cloud/utils/class-name";
-import { fillNBSP as he } from "../components/common/utils/fillNBSP.js";
+import ie from "../tag/index.js";
+import E from "@unicom-cloud/utils/class-name";
+import { fillNBSP as ue } from "../components/common/utils/fillNBSP.js";
 import { include as uo } from "../components/common/utils/include.js";
 import "../components/common/utils/is.js";
-import { Enter as po, Backspace as mo } from "@unicom-cloud/utils/constant/keyboardCode";
+import { Enter as mo, Backspace as po } from "@unicom-cloud/utils/constant/keyboardCode";
 import fo from "../config-provider/context.js";
-import { isPlainObject as C, isNumber as ge } from "@unicom-cloud/utils/is";
-const Q = "__pqb_value_tag_placeholder", I = {
+import { isPlainObject as C, isNumber as de } from "@unicom-cloud/utils/is";
+const K = "__pqb_value_tag_placeholder", w = {
   BEFORE: 0,
   EDITING: 1,
   NONE: 2
-}, Bo = We.forwardRef(function(N, be) {
+}, _o = We.forwardRef(function(x, me) {
   const {
-    id: xe,
-    style: Ce,
-    className: Ne,
-    size: ve,
-    bordered: we,
-    allowClear: Ie,
-    allowCreate: Te,
-    status: $e,
-    loading: Se,
+    id: pe,
+    style: fe,
+    className: he,
+    size: ge,
+    bordered: be,
+    allowClear: ve,
+    allowCreate: Ce,
+    status: xe,
+    loading: Ie,
     disabled: g,
-    animation: ye,
+    animation: we,
     prefixCls: n,
-    suffixIcon: Y,
-    arrowIcon: Z,
-    removeIcon: Ee,
-    clearIcon: F,
-    placeholder: ee,
-    renderText: oe,
+    suffixIcon: G,
+    arrowIcon: W,
+    removeIcon: Ne,
+    clearIcon: D,
+    placeholder: q,
+    renderText: X,
     value: b,
-    inputValue: O,
-    popupVisible: m,
+    inputValue: F,
+    popupVisible: p,
     maxTagCount: c,
-    isMultiple: v,
+    isMultiple: I,
     isEmptyValue: R,
-    prefix: M,
-    ariaControls: ke,
-    renderTag: A,
-    dragToSort: ne,
-    rtl: Pe,
-    htmlDataAttributes: De,
-    onKeyDown: _,
-    onChangeInputValue: U,
-    onPaste: Fe,
-    onClear: Oe,
-    onFocus: B,
-    onBlur: V,
-    onRemoveCheckedItem: z,
-    onSort: L,
-    ...Re
-  } = N, T = de(null), f = de(null), { size: Me, getPrefixCls: w } = qe(fo), [Ae, re] = pe(I.NONE), [j, te] = pe(!1), _e = to(), $ = "showSearch" in N ? N.showSearch : v, p = $ || Te, y = ve || Me, H = j || m, Ue = C($) && $.retainInputValue, x = !v && b !== void 0 ? oe(b).text : "", G = (e) => {
-    var o;
-    (o = e == null ? void 0 : e.preventDefault) == null || o.call(e);
-  }, K = (e) => {
-    const o = p ? T.current : f.current;
+    prefix: O,
+    ariaControls: Te,
+    renderTag: M,
+    dragToSort: J,
+    rtl: $e,
+    htmlDataAttributes: ye,
+    onKeyDown: Se,
+    onChangeInputValue: Pe,
+    onPaste: ke,
+    onClear: Ee,
+    onFocus: De,
+    onBlur: Fe,
+    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) => {
+    e?.preventDefault?.();
+  }, U = (e) => {
+    const o = m ? N.current : f.current;
     o && (e === "focus" ? o.focus() : o.blur());
-  }, E = (e, o) => {
-    p && o.target === f.current || (e === "focus" ? (te(!0), B == null || B(o)) : (te(!1), V == null || V(o)));
-  }, se = (e) => {
-    if (p && e.currentTarget === f.current)
+  }, S = (e, o) => {
+    m && o.target === f.current || (e === "focus" ? (Z(!0), De?.(o)) : (Z(!1), Fe?.(o)));
+  }, ee = (e) => {
+    if (m && e.currentTarget === f.current)
       return;
-    e.key === po.key && e.preventDefault(), _ == null || _(e);
+    e.key === mo.key && e.preventDefault(), Se?.(e);
   };
   Xe(() => {
-    K(m ? "focus" : "blur"), p && re(m ? I.BEFORE : I.NONE);
-  }, [m]), Je(be, () => ({
+    U(p ? "focus" : "blur"), m && Y(p ? w.BEFORE : w.NONE);
+  }, [p]), Je(me, () => ({
     dom: f.current,
     getRootDOMNode: () => f.current,
-    focus: K.bind(null, "focus"),
-    blur: K.bind(null, "blur"),
+    focus: U.bind(null, "focus"),
+    blur: U.bind(null, "blur"),
     getWidth: () => f.current && f.current.clientWidth
   }));
-  const Be = "arrowIcon" in N ? Z === null ? null : /* @__PURE__ */ t("div", { className: `${n}-arrow-icon`, children: Z }) : /* @__PURE__ */ t("div", { className: `${n}-arrow-icon`, children: /* @__PURE__ */ t(eo, {}) }), Ve = Se ? /* @__PURE__ */ t("span", { className: `${n}-loading-icon`, children: /* @__PURE__ */ t(oo, {}) }) : Y ? /* @__PURE__ */ t("span", { className: `${n}-suffix-icon`, children: Y }) : N.showSearch && m ? /* @__PURE__ */ t("div", { className: `${n}-search-icon`, children: /* @__PURE__ */ t(no, {}) }) : Be, i = {
-    paste: Fe,
-    keyDown: se,
+  const _e = "arrowIcon" in x ? W === null ? null : /* @__PURE__ */ t("div", { className: `${n}-arrow-icon`, children: W }) : /* @__PURE__ */ t("div", { className: `${n}-arrow-icon`, children: /* @__PURE__ */ t(eo, {}) }), Ue = Ie ? /* @__PURE__ */ t("span", { className: `${n}-loading-icon`, children: /* @__PURE__ */ t(oo, {}) }) : G ? /* @__PURE__ */ t("span", { className: `${n}-suffix-icon`, children: G }) : x.showSearch && p ? /* @__PURE__ */ t("div", { className: `${n}-search-icon`, children: /* @__PURE__ */ t(no, {}) }) : _e, i = {
+    paste: ke,
+    keyDown: ee,
     focus: (e) => {
-      e.stopPropagation(), E("focus", e);
+      e.stopPropagation(), S("focus", e);
     },
     blur: (e) => {
-      e.stopPropagation(), E("blur", e);
+      e.stopPropagation(), S("blur", e);
     },
     change: (e, o) => {
-      re(I.EDITING), U == null || U(e, o);
+      Y(w.EDITING), Pe?.(e, o);
     }
   }, ze = () => {
     let e;
     switch (Ae) {
-      case I.BEFORE:
-        e = O || (Ue ? x : "");
+      case w.BEFORE:
+        e = F || (Ve ? v : "");
         break;
-      case I.EDITING:
-        e = O || "";
+      case w.EDITING:
+        e = F || "";
         break;
       default:
-        e = x;
+        e = v;
         break;
     }
-    const o = !!(H && p || R), s = {
+    const o = !!(V && m || R), s = {
       style: { width: "100%" },
       // _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: p && x && typeof x != "object" ? x : ee
+      placeholder: m && v && typeof v != "object" ? v : q
     };
-    return p ? (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__ */ P("span", { className: `${n}-view-selector`, children: [
+    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(
         lo,
         {
           "aria-hidden": !o || void 0,
-          ref: T,
+          ref: N,
           disabled: g,
-          className: D(`${n}-view-input`, {
+          className: E(`${n}-view-input`, {
             [`${n}-hidden`]: !o
           }),
           autoComplete: "off",
           ...s
         }
       ),
-      o ? /* @__PURE__ */ t("span", { className: `${n}-view-value-mirror`, children: he(s.value ? e : s.placeholder) }) : null,
+      o ? /* @__PURE__ */ t("span", { className: `${n}-view-value-mirror`, children: ue(s.value ? e : s.placeholder) }) : null,
       /* @__PURE__ */ t(
         "span",
         {
           style: o ? { display: "none" } : {},
           className: `${n}-view-value`,
-          children: he(R ? s.placeholder : e)
+          children: ue(R ? s.placeholder : e)
         }
       )
     ] });
-  }, W = so(oe), ae = C(c) ? c.count : c, ce = (e) => {
-    const o = W(e);
+  }, z = so(X), oe = C(c) ? c.count : c, ne = (e) => {
+    const o = z(e);
     return { value: e, label: o.text, closable: !o.disabled };
-  }, q = Qe(() => {
-    if (!v)
+  }, L = Qe(() => {
+    if (!I)
       return [];
-    const e = me(b) ? [] : [].concat(b);
-    return (ge(ae) ? e.slice(0, ae) : e).map((k, h, ie) => ce(k));
-  }, [b, v, c, W]), Le = () => {
-    const e = C(c) ? c.count : c, o = C(c) && c.showPopover, s = w == null ? void 0 : w("input-tag"), k = (r) => C(c) && ro(c.render) ? c.render(r) : e === "responsive" ? /* @__PURE__ */ P(
-      fe,
+    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 = 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,
       {
         className: `${s}-tag`,
         children: [
@@ -163,69 +162,69 @@ const Q = "__pqb_value_tag_placeholder", I = {
           "..."
         ]
       },
-      Q
-    ) : `+${r}...`, h = me(b) ? [] : [].concat(b), ie = () => {
+      K
+    ) : `+${r}...`, h = le(b) ? [] : [].concat(b), te = () => {
       for (let r = h.length - 1; r >= 0; r--) {
         const l = h[r];
-        if (!W(l).disabled)
+        if (!z(l).disabled)
           return r;
       }
       return -1;
-    }, X = {
+    }, j = {
       onPaste: i.paste,
       onKeyDown: i.keyDown,
       onFocus: i.focus,
       onBlur: i.blur,
       onInputChange: i.change,
       onRemove: (r, l, u) => {
-        const S = u.key;
+        const $ = u.key;
         let a = -1;
-        S === mo.key && (a = ie()) !== -1 && (r = h[a], l = a), c && _e(), z == null || z(r, l, u);
+        $ === po.key && (a = te()) !== -1 && (r = h[a], l = a), c && Be(), Re?.(r, l, u);
       }
-    }, Ge = {
+    }, Ke = {
       suffix: null,
       prefix: null,
       addBefore: null,
       addAfter: null,
       allowClear: !1,
       labelInValue: !1
-    }, ue = (() => {
-      if (ge(e)) {
+    }, se = (() => {
+      if (de(e)) {
         const r = h.length - e;
         if (r > 0) {
           const l = {
-            label: k(r),
+            label: P(r),
             closable: !1,
             // InputTag needs to extract value as key
-            value: Q
+            value: K
           };
           if (o) {
             const u = h.map((a, d) => ({ val: a, index: d })).slice(e).map((a) => {
-              const d = ce(a.val);
-              return A ? A(
+              const d = ne(a.val);
+              return M ? M(
                 {
                   ...d,
-                  onClose: (J) => {
-                    X.onRemove(d.value, a.index, J);
+                  onClose: (H) => {
+                    j.onRemove(d.value, a.index, H);
                   }
                 },
                 a.index,
-                q.concat(l)
+                L.concat(l)
               ) : /* @__PURE__ */ Ye(
-                fe,
+                ie,
                 {
                   ...d,
                   key: d.value,
                   className: `${s}-tag`,
-                  onClose: (J) => X.onRemove(d.value, a.index, J)
+                  onClose: (H) => j.onRemove(d.value, a.index, H)
                 },
                 d.label
               );
-            }), S = C(o) ? o : {};
+            }), $ = C(o) ? o : {};
             l.label = /* @__PURE__ */ t(
               io,
               {
-                ...S,
+                ...$,
                 content: !!u.length && /* @__PURE__ */ t(
                   "div",
                   {
@@ -242,70 +241,70 @@ const Q = "__pqb_value_tag_placeholder", I = {
           return l;
         }
       }
-    })(), Ke = ue ? q.concat(ue) : q;
+    })(), Ge = se ? L.concat(se) : L;
     return /* @__PURE__ */ t(
       co,
       {
-        ...Ge,
-        className: H ? `${w == null ? void 0 : w("input-tag")}-focus` : "",
-        ref: T,
+        ...Ke,
+        className: V ? `${Q?.("input-tag")}-focus` : "",
+        ref: N,
         disabled: g,
-        dragToSort: ne,
-        disableInput: !$,
-        animation: ye,
-        placeholder: ee,
-        value: Ke,
-        inputValue: O,
+        dragToSort: J,
+        disableInput: !T,
+        animation: we,
+        placeholder: q,
+        value: Ge,
+        inputValue: F,
         size: y,
         tagClassName: `${n}-tag`,
-        renderTag: A,
-        icon: { removeIcon: Ee },
+        renderTag: M,
+        icon: { removeIcon: Ne },
         maxTagCount: e === "responsive" ? {
           count: e,
-          render: k,
+          render: P,
           popoverProps: C(o) ? o : o ? {} : { disabled: !0 }
         } : void 0,
         onChange: (r, l) => {
-          if (L && l === "sort") {
+          if (A && l === "sort") {
             const u = r.indexOf(
-              Q
+              K
             );
             if (u > -1) {
-              const S = r.slice(0, u), a = r.slice(u + 1), d = h.slice(
+              const $ = r.slice(0, u), a = r.slice(u + 1), d = h.slice(
                 r.length - 1 - h.length
               );
-              L(S.concat(d, a));
+              A($.concat(d, a));
             } else
-              L(r);
+              A(r);
           }
         },
-        ...X
+        ...j
       }
     );
-  }, le = $e || (N.error ? "error" : void 0), je = !g && !R && Ie ? /* @__PURE__ */ t(
+  }, re = xe || (x.error ? "error" : void 0), je = !g && !R && ve ? /* @__PURE__ */ t(
     ao,
     {
       size: y,
       className: `${n}-clear-icon`,
-      onClick: Oe,
-      onMouseDown: G,
-      children: F ?? /* @__PURE__ */ t(Ze, {})
+      onClick: Ee,
+      onMouseDown: _,
+      children: D ?? /* @__PURE__ */ t(Ze, {})
     },
     "clearIcon"
-  ) : null, He = D(
+  ) : null, He = E(
     n,
-    `${n}-${v ? "multiple" : "single"}`,
+    `${n}-${I ? "multiple" : "single"}`,
     {
-      [`${n}-show-search`]: $,
-      [`${n}-open`]: m,
+      [`${n}-show-search`]: T,
+      [`${n}-open`]: p,
       [`${n}-size-${y}`]: y,
-      [`${n}-focused`]: H,
-      [`${n}-${le}`]: le,
+      [`${n}-focused`]: V,
+      [`${n}-${re}`]: re,
       [`${n}-disabled`]: g,
-      [`${n}-no-border`]: !we,
-      [`${n}-rtl`]: Pe
+      [`${n}-no-border`]: !be,
+      [`${n}-rtl`]: $e
     },
-    Ne
+    he
   );
   return /* @__PURE__ */ t(
     "div",
@@ -313,49 +312,49 @@ const Q = "__pqb_value_tag_placeholder", I = {
       role: "combobox",
       "aria-haspopup": "listbox",
       "aria-autocomplete": "list",
-      "aria-expanded": m,
+      "aria-expanded": p,
       "aria-disabled": g,
-      "aria-controls": ke,
-      ...uo(Re, ["onClick", "onMouseEnter", "onMouseLeave"]),
-      ...De,
+      "aria-controls": Te,
+      ...uo(Oe, ["onClick", "onMouseEnter", "onMouseLeave"]),
+      ...ye,
       ref: f,
       tabIndex: g ? -1 : 0,
-      id: xe,
-      style: Ce,
+      id: pe,
+      style: fe,
       className: He,
-      onKeyDown: se,
+      onKeyDown: ee,
       onFocus: (e) => {
-        !g && !ne && (p ? T.current && T.current.focus() : E("focus", e));
+        !g && !J && (m ? N.current && N.current.focus() : S("focus", e));
       },
-      onBlur: (e) => E("blur", e),
-      children: /* @__PURE__ */ P(
+      onBlur: (e) => S("blur", e),
+      children: /* @__PURE__ */ k(
         "div",
         {
-          title: typeof x == "string" ? x : void 0,
-          className: D(`${n}-view`, {
-            [`${n}-view-with-prefix`]: M
+          title: typeof v == "string" ? v : void 0,
+          className: E(`${n}-view`, {
+            [`${n}-view-with-prefix`]: O
           }),
-          onClick: (e) => m && p && e.stopPropagation(),
+          onClick: (e) => p && m && e.stopPropagation(),
           children: [
-            M && /* @__PURE__ */ t(
+            O && /* @__PURE__ */ t(
               "div",
               {
                 "aria-hidden": "true",
-                className: D(`${n}-prefix`),
-                onMouseDown: (e) => j && G(e),
-                children: M
+                className: E(`${n}-prefix`),
+                onMouseDown: (e) => B && _(e),
+                children: O
               }
             ),
-            v ? Le() : ze(),
-            /* @__PURE__ */ P(
+            I ? Le() : ze(),
+            /* @__PURE__ */ k(
               "div",
               {
                 "aria-hidden": "true",
                 className: `${n}-suffix`,
-                onMouseDown: (e) => j && G(e),
+                onMouseDown: (e) => B && _(e),
                 children: [
                   je,
-                  Ve
+                  Ue
                 ]
               }
             )
@@ -366,5 +365,5 @@ const Q = "__pqb_value_tag_placeholder", I = {
   );
 });
 export {
-  Bo as default
+  _o as default
 };

package/skeleton/index.js

@@ -1,5 +1,5 @@
-import { jsx as e, jsxs as P } from "react/jsx-runtime";
-import C from "lodash/isPlainObject";
+import { jsx as e, jsxs as $ } from "react/jsx-runtime";
+import k from "lodash/isPlainObject";
 import S, { forwardRef as j, useContext as v } from "react";
 import "../config-provider/ConfigProvider.js";
 import b from "../components/common/hooks/useMergeProps.js";
@@ -8,43 +8,43 @@ import { pickDataAttributes as R } from "../components/common/utils/pick.js";
 import w from "./Image.js";
 import A from "./Text.js";
 import D from "../config-provider/context.js";
-function l(o) {
-  return C(o) ? o : {};
+function a(o) {
+  return k(o) ? o : {};
 }
 const F = {
   text: !0,
   loading: !0
 };
-function I(o, p) {
-  const { getPrefixCls: r, componentConfig: n, rtl: d } = v(D), i = b(
+function I(o, c) {
+  const { getPrefixCls: l, componentConfig: p, rtl: f } = v(D), n = b(
     o,
     F,
-    n == null ? void 0 : n.Skeleton
-  ), { style: f, className: u, animation: g, loading: x, image: a, text: m, children: h } = i, s = l(a), N = l(m), t = r == null ? void 0 : r("skeleton"), $ = y(
+    p?.Skeleton
+  ), { style: d, className: g, animation: u, loading: x, image: i, text: s, children: h } = n, r = a(i), C = a(s), t = l?.("skeleton"), N = y(
     t,
     {
-      [`${t}-animate`]: g,
-      [`${t}-rtl`]: d
+      [`${t}-animate`]: u,
+      [`${t}-rtl`]: f
     },
-    u
+    g
   );
-  function c() {
-    return a && /* @__PURE__ */ e("div", { className: `${t}-header`, children: /* @__PURE__ */ e(w, { prefixCls: t, ...s }) });
+  function m() {
+    return i && /* @__PURE__ */ e("div", { className: `${t}-header`, children: /* @__PURE__ */ e(w, { prefixCls: t, ...r }) });
   }
-  function k() {
-    return m && /* @__PURE__ */ e("div", { className: `${t}-content`, children: /* @__PURE__ */ e(A, { prefixCls: t, ...N }) });
+  function P() {
+    return s && /* @__PURE__ */ e("div", { className: `${t}-content`, children: /* @__PURE__ */ e(A, { prefixCls: t, ...C }) });
   }
-  return /* @__PURE__ */ e(S.Fragment, { children: x ? /* @__PURE__ */ P(
+  return /* @__PURE__ */ e(S.Fragment, { children: x ? /* @__PURE__ */ $(
     "div",
     {
-      ...R(i),
-      className: $,
-      style: f,
-      ref: p,
+      ...R(n),
+      className: N,
+      style: d,
+      ref: c,
       children: [
-        s.position !== "right" && c(),
-        k(),
-        s.position === "right" && c()
+        r.position !== "right" && m(),
+        P(),
+        r.position === "right" && m()
       ]
     }
   ) : h });