@unicom-cloud/ui 0.8.124 → 0.8.125

package/cascader/Cascader.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 12:11:12 */
 import { jsx as d } from "react/jsx-runtime";
 import pe from "@unicom-cloud/icons/IconUiCheck";
 import de from "@unicom-cloud/icons/IconUiLeft";
@@ -11,15 +11,15 @@ import Se from "@unicom-cloud/ui-common/hooks/use-id";
 import ye from "@unicom-cloud/ui-common/hooks/use-merge-props";
 import j from "@unicom-cloud/ui-common/hooks/use-merge-value";
 import be from "@unicom-cloud/ui-common/hooks/use-update-effect";
-import ke from "../select-view/index.js";
-import we from "../trigger/index.js";
+import we from "../select-view/index.js";
+import Ee from "../trigger/index.js";
 import z from "@unicom-cloud/ui-common/utils/className";
-import { isArray as Oe, isFunction as w, isString as Pe, isEmptyValue as Ee, isEmptyArray as Ne, isPlainObject as I } from "@unicom-cloud/ui-common/utils/is";
-import { Esc as xe, Tab as Ie, Enter as Me } from "@unicom-cloud/utils/constant/keyboardCode";
-import Te from "./hook/useRefCurrent.js";
-import Le from "./panel/List.js";
-import Re from "./panel/Search.js";
-import { SHOW_CHILD as De, getConfig as Fe, getStore as Ae, formatValue as y, transformValuesToSet as Ue, valueInSet as $e, removeValueFromSet as Be, PANEL_MODE as K } from "./utils.js";
+import { isArray as ke, isFunction as E, isString as Oe, isEmptyValue as Pe, isEmptyArray as Ne, isPlainObject as T } from "@unicom-cloud/ui-common/utils/is";
+import { Esc as xe, Tab as Ie, Enter as Te } from "@unicom-cloud/utils/constant/keyboardCode";
+import Me from "./hook/useRefCurrent.js";
+import Re from "./panel/List.js";
+import Le from "./panel/Search.js";
+import { SHOW_CHILD as De, getConfig as Fe, getStore as Ae, formatValue as y, transformValuesToSet as Ue, PANEL_MODE as K, valueInSet as $e, removeValueFromSet as Be } from "./utils.js";
 import _e from "../config-provider/context.js";
 const He = {
   label: "label",
@@ -49,30 +49,30 @@ function ze(J, q) {
     Y?.Cascader
   ), {
     disabled: M,
-    renderFormat: O,
+    renderFormat: k,
     getPopupContainer: Z,
-    children: T,
+    children: R,
     triggerProps: ee,
     expandTrigger: te,
-    icons: P,
-    noTrigger: L
-  } = e, R = {
-    loading: P?.loading || /* @__PURE__ */ d(fe, {}),
-    checked: P?.checked || /* @__PURE__ */ d(pe, {}),
-    next: P?.next || (V ? /* @__PURE__ */ d(de, {}) : /* @__PURE__ */ d(me, {}))
-  }, g = Q?.("cascader"), i = e.mode === "multiple", v = S(null), ne = ve(), a = Te(() => Ae(
+    icons: O,
+    noTrigger: P
+  } = e, L = {
+    loading: O?.loading || /* @__PURE__ */ d(fe, {}),
+    checked: O?.checked || /* @__PURE__ */ d(pe, {}),
+    next: O?.next || (V ? /* @__PURE__ */ d(de, {}) : /* @__PURE__ */ d(me, {}))
+  }, f = Q?.("cascader"), i = e.mode === "multiple", v = S(null), ne = ve(), a = Me(() => Ae(
     e,
     y(
       "value" in e ? e.value : e.defaultValue,
       i
     )
-  ), [JSON.stringify(Fe(e)), e.options]), [E, D] = Ce(() => "value" in e ? y(e.value, i, a) : "defaultValue" in e ? y(e.defaultValue, i, a) : []), f = "value" in e ? y(e.value, i, a) : E, [u, oe] = j(!1, {
+  ), [JSON.stringify(Fe(e)), e.options]), [N, D] = Ce(() => "value" in e ? y(e.value, i, a) : "defaultValue" in e ? y(e.defaultValue, i, a) : []), m = "value" in e ? y(e.value, i, a) : N, [u, re] = j(!1, {
     value: e.popupVisible,
     defaultValue: e.defaultPopupVisible
-  }), [c, re, ie] = j("", {
+  }), [c, oe, ie] = j("", {
     value: "inputValue" in e ? e.inputValue || "" : void 0
-  }), b = S(c), F = S(null), h = S(null), N = S(a?.getCheckedNodes() || []), A = Se(`${g}-popup`), x = (t, n) => {
-    t !== b.current && (re(t), b.current = t, F.current = n, e.onInputValueChange?.(t, n));
+  }), b = S(c), F = S(null), h = S(null), x = S(a?.getCheckedNodes() || []), A = Se(`${f}-popup`), I = (t, n) => {
+    t !== b.current && (oe(t), b.current = t, F.current = n, e.onInputValueChange?.(t, n));
   };
   H(() => {
     const { current: t } = F;
@@ -82,113 +82,123 @@ function ze(J, q) {
       clearTimeout(v.current), v.current = null;
     };
     return !u && c && (v.current && t(), v.current = setTimeout(() => {
-      x("", "optionListHide"), v.current = null;
+      I("", "optionListHide"), v.current = null;
     }, 200)), () => {
       t();
     };
   }, [u]), be(() => {
-    if ("value" in e && e.value !== E) {
+    if ("value" in e && e.value !== N) {
       const t = y(e.value, i);
       a.setNodeCheckedByValue(t), D(t);
     }
-  }, [e.value, i]), Ve(q, () => h.current, []);
+  }, [e.value, i]), Ve(q, () => ({
+    ...h.current,
+    getRootElement() {
+      return h.current.getRootElement();
+    }
+  }));
   const ae = (t) => {
-    N.current = Array.from(
-      new Set([].concat(t, N.current))
+    x.current = Array.from(
+      new Set([].concat(t, x.current))
     );
   }, U = (t) => {
-    const n = [], o = Ue(t), r = (l) => {
+    const n = [], r = Ue(t), o = (l) => {
       l.some((s) => {
-        if ($e(o, s.pathValue) && (n.push(s.getPathNodes().map((p) => p._data)), Be(o, s.pathValue)), !o.size)
+        if ($e(r, s.pathValue) && (n.push(s.getPathNodes().map((p) => p._data)), Be(r, s.pathValue)), !r.size)
           return !0;
       });
     };
-    return r(a.getCheckedNodes()), o.size && r(N.current), n;
-  }, m = W(
+    return o(a.getCheckedNodes()), r.size && o(x.current), n;
+  }, g = W(
     (t) => {
-      t !== u && (e.onVisibleChange?.(t), "popupVisible" in e || oe(t));
+      t !== u && (e.onVisibleChange?.(t), "popupVisible" in e || re(t));
     },
     [e.onVisibleChange, u]
   ), se = W(
     (t) => {
       const n = U([t])[0] || [];
-      let o, r = Oe(t) ? t.map((s) => String(s)) : [];
-      return n.length && (r = n.map((s) => s.label)), w(O) ? o = O(r) : r.every((s, p, k) => Pe(s)) ? o = r.join(" / ") : o = r.reduce((s, p, k) => s.concat(k === 0 ? [p] : [" / ", p]), []), {
-        text: o || "",
+      let r, o = ke(t) ? t.map((s) => String(s)) : [];
+      return n.length && (o = n.map((s) => s.label)), E(k) ? r = k(o) : o.every((s, p, w) => Oe(s)) ? r = o.join(" / ") : r = o.reduce((s, p, w) => s.concat(w === 0 ? [p] : [" / ", p]), []), {
+        text: r || "",
         disabled: n[n.length - 1]?.disabled
       };
     },
-    [a, E, O]
+    [a, N, k]
     // 这里把 stateValue 放到依赖里面，是因为当受控时props.value改变或非受控时内部stateValue改变，都会需要出发节点选中状态的更新
     // 此时需要重新渲染已选中值的展示
   ), C = (t, n) => {
-    n === "panel" && I(e.showSearch) && !e.showSearch.retainInputValueWhileSelect && i && x("", "optionChecked");
-    const { onChange: o, changeOnSelect: r, expandTrigger: l } = e;
-    if (f === t)
+    n === "panel" && T(e.showSearch) && !e.showSearch.retainInputValueWhileSelect && i && I("", "optionChecked");
+    const { onChange: r, changeOnSelect: o, expandTrigger: l } = e;
+    if (m === t)
       return;
     i || a.setNodeCheckedByValue(t), ae(a.getCheckedNodes());
-    const p = U(t), k = i ? t : t[0], ce = i ? p : p[0];
-    i || (c || p[0] && p[0][p[0].length - 1]?.isLeaf || r && l === "hover") && m(!1), "value" in e ? (a.setNodeCheckedByValue(f), ne()) : D(t), o?.(k, ce, {
+    const p = U(t), w = i ? t : t[0], ce = i ? p : p[0];
+    i || (c || p[0] && p[0][p[0].length - 1]?.isLeaf || o && l === "hover") && g(!1), "value" in e ? (a.setNodeCheckedByValue(m), ne()) : D(t), r?.(w, ce, {
       dropdownVisible: u
     });
-  }, le = (t, n, o) => {
-    if (o.stopPropagation(), t.disabled)
+  }, le = (t, n, r) => {
+    if (r.stopPropagation(), t.disabled)
       return;
-    const r = f.filter((l, s) => s !== n);
-    a.setNodeCheckedByValue(r), C(r);
+    const o = m.filter((l, s) => s !== n);
+    a.setNodeCheckedByValue(o), C(o);
   }, $ = (t) => {
     const n = t || h.current && h.current.getWidth();
     return /* @__PURE__ */ d(
       "div",
       {
-        className: `${g}-list-empty`,
+        className: `${f}-list-empty`,
         style: { width: n },
         children: e.notFoundContent || X("Cascader")
       }
     );
   }, B = () => {
-    const t = I(e.showSearch) ? e.showSearch.panelMode : void 0, n = t === K.select ? !0 : t === K.cascader ? !1 : !w(e.onSearch) && !!c, o = h.current && h.current.getWidth(), r = w(e.dropdownRender) ? e.dropdownRender : (l) => l;
+    const t = T(e.showSearch) ? e.showSearch.panelMode : void 0, n = t === K.select ? !0 : t === K.cascader ? !1 : !E(e.onSearch) && !!c, r = h.current && h.current.getWidth(), o = E(e.dropdownRender) ? e.dropdownRender : (l) => l;
     return /* @__PURE__ */ d(
       "div",
       {
         id: A,
-        className: z(`${g}-popup`, e.dropdownMenuClassName, {
-          [`${g}-popup-trigger-hover`]: e.expandTrigger === "hover"
-        }),
-        children: r(
+        className: z(
+          `${f}-popup`,
+          P && `${f}-popup-no-trigger`,
+          e.dropdownMenuClassName,
+          {
+            [`${f}-popup-trigger-hover`]: e.expandTrigger === "hover"
+          }
+        ),
+        children: o(
           /* @__PURE__ */ d(
             "div",
             {
               className: z(
-                `${g}-popup-inner`,
-                L && `${g}-popup-inner-no-trigger`
+                `${f}-popup-inner`,
+                P && `${f}-popup-inner-no-trigger`
               ),
               onMouseDown: (l) => l.preventDefault(),
               children: n ? /* @__PURE__ */ d(
-                Re,
+                Le,
                 {
-                  style: { minWidth: o },
+                  style: { minWidth: r },
                   store: a,
                   inputValue: c,
-                  renderEmpty: () => $(o),
+                  renderEmpty: () => $(r),
                   multiple: i,
                   onChange: (l) => {
                     C(l, "panel");
                   },
-                  prefixCls: g,
+                  prefixCls: f,
                   rtl: V,
                   onEsc: () => {
-                    m(!1);
+                    g(!1);
                   },
-                  renderOption: I(e.showSearch) && e.showSearch.renderOption || void 0,
-                  getTriggerElement: () => h.current?.dom,
-                  value: f,
+                  renderOption: T(e.showSearch) && e.showSearch.renderOption || void 0,
+                  getTriggerElement: () => h.current?.getRootElement?.(),
+                  value: m,
                   virtualListProps: e.virtualListProps,
                   defaultActiveFirstOption: e.defaultActiveFirstOption,
-                  icons: R
+                  icons: L
                 }
               ) : /* @__PURE__ */ d(
-                Le,
+                Re,
                 {
                   dropdownMenuColumnStyle: e.dropdownMenuColumnStyle,
                   virtualListProps: e.virtualListProps,
@@ -203,19 +213,19 @@ function ze(J, q) {
                     C(l, "panel");
                   },
                   loadMore: e.loadMore,
-                  prefixCls: g,
+                  prefixCls: f,
                   rtl: V,
-                  getTriggerElement: () => h.current?.dom,
+                  getTriggerElement: () => h.current?.getRootElement?.(),
                   renderEmpty: $,
                   popupVisible: u,
-                  value: f,
+                  value: m,
                   renderFooter: e.renderFooter,
-                  icons: R,
+                  icons: L,
                   onEsc: () => {
-                    m(!1);
+                    g(!1);
                   },
                   onDoubleClickOption: () => {
-                    e.changeOnSelect && !i && m(!1);
+                    e.changeOnSelect && !i && g(!1);
                   }
                 }
               )
@@ -224,40 +234,40 @@ function ze(J, q) {
         )
       }
     );
-  }, ue = (t) => {
-    C(t);
-  }, _ = (t) => {
-    let n;
-    return L ? n = B() : n = /* @__PURE__ */ d(
-      we,
-      {
-        popup: B,
-        trigger: e.trigger,
-        disabled: M,
-        getPopupContainer: Z,
-        position: V ? "br" : "bl",
-        classNames: `${G}-slide-dynamic-origin`,
-        popupAlign: je,
-        unmountOnExit: "unmountOnExit" in e ? e.unmountOnExit : !w(e.loadMore),
-        popupVisible: u,
-        ...ee,
-        onVisibleChange: m,
-        children: t
-      }
-    ), n;
   };
-  return T ? _(T) : /* @__PURE__ */ d(
-    ke,
+  if (P)
+    return B();
+  const ue = (t) => {
+    C(t);
+  }, _ = (t) => /* @__PURE__ */ d(
+    Ee,
+    {
+      popup: B,
+      trigger: e.trigger,
+      disabled: M,
+      getPopupContainer: Z,
+      position: V ? "br" : "bl",
+      classNames: `${G}-slide-dynamic-origin`,
+      popupAlign: je,
+      unmountOnExit: "unmountOnExit" in e ? e.unmountOnExit : !E(e.loadMore),
+      popupVisible: u,
+      ...ee,
+      onVisibleChange: g,
+      children: t
+    }
+  );
+  return R ? _(R) : /* @__PURE__ */ d(
+    we,
     {
       ...e,
       ref: h,
       ariaControls: A,
       popupVisible: u,
-      value: i ? f : f && f[0],
+      value: i ? m : m && m[0],
       inputValue: c,
       rtl: V,
-      isEmptyValue: Ee(f) || Ne(f),
-      prefixCls: g,
+      isEmptyValue: Pe(m) || Ne(m),
+      prefixCls: f,
       isMultiple: i,
       renderText: se,
       onRemoveCheckedItem: le,
@@ -267,8 +277,8 @@ function ze(J, q) {
         if (t.stopPropagation(), !i)
           C([]);
         else {
-          const o = a.getCheckedNodes().filter((r) => r.disabled).map((r) => r.pathValue);
-          a.setNodeCheckedByValue(o), C(o);
+          const r = a.getCheckedNodes().filter((o) => o.disabled).map((o) => o.pathValue);
+          a.setNodeCheckedByValue(r), C(r);
         }
         e.onClear?.(!!u);
       },
@@ -277,10 +287,10 @@ function ze(J, q) {
           return;
         t.stopPropagation();
         const n = t.key || t.which;
-        u ? (n === xe.key && (m(!1), t.preventDefault()), n === Ie.key && m(!1)) : n === Me.key && (m(!0), t.preventDefault()), e.onKeyDown?.(t);
+        u ? (n === xe.key && (g(!1), t.preventDefault()), n === Ie.key && g(!1)) : n === Te.key && (g(!0), t.preventDefault()), e.onKeyDown?.(t);
       },
       onChangeInputValue: (t) => {
-        x(t, "manual"), u || m(!0);
+        I(t, "manual"), u || g(!0);
       }
     }
   );

package/cascader/base/node.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 12:11:12 */
 import n from "lodash/get";
 import { DefaultFieldNames as k } from "../Cascader.js";
 import { isArray as b } from "@unicom-cloud/ui-common/utils/is";

package/cascader/base/store.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 12:11:12 */
 import { isEqualWith as u, isFunction as N, isString as g, isArray as l } from "@unicom-cloud/ui-common/utils/is";
 import { transformValuesToSet as m, valueInSet as c } from "../utils.js";
 import p from "./node.js";

package/cascader/hook/useRefCurrent.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 12:11:12 */
 import { useRef as o } from "react";
 import u from "@unicom-cloud/ui-common/hooks/use-force-update";
 import c from "@unicom-cloud/ui-common/hooks/use-update-effect";

package/cascader/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 12:11:12 */
 import a from "./Cascader.js";
 export {
   a as default