@unicom-cloud/ui 0.8.81 → 0.8.82

package/select-view/Core.js

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

package/skeleton/index.js

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