@unicom-cloud/ui 0.8.134 → 0.8.135

package/transfer/index.js

@@ -1,68 +1,70 @@
-/* 2026-01-04 16:21:01 */
-import { jsxs as ee, jsx as m } from "react/jsx-runtime";
-import A from "@unicom-cloud/icons/IconUiLeft";
-import N from "@unicom-cloud/icons/IconUiRight";
-import te, { useContext as se, useMemo as L, useRef as re, useImperativeHandle as oe } from "react";
-import ae from "../button/Button.js";
+/* 2026-01-08 16:35:57 */
+import { jsxs as oe, jsx as g } from "react/jsx-runtime";
+import N from "@unicom-cloud/icons/IconUiLeft";
+import L from "@unicom-cloud/icons/IconUiRight";
+import ne, { useContext as I, useMemo as j, useRef as ae, useImperativeHandle as le } from "react";
+import ce from "../button/Button.js";
 import "../config-provider/ConfigProvider.js";
-import ne from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import O from "@unicom-cloud/ui-common/hooks/use-merge-value";
-import j from "@unicom-cloud/ui-common/utils/className";
-import { isPlainObject as ce, isArray as x, isString as le } from "@unicom-cloud/ui-common/utils/is";
-import { pickDataAttributes as de } from "@unicom-cloud/ui-common/utils/pick";
-import ie from "./List.js";
-import ue from "../config-provider/context.js";
-const fe = {
+import { FormContext as de, FormItemContext as ie } from "../form/context.js";
+import fe from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import E from "@unicom-cloud/ui-common/hooks/use-merge-value";
+import k from "@unicom-cloud/ui-common/utils/className";
+import { isPlainObject as ue, isArray as $, isString as pe } from "@unicom-cloud/ui-common/utils/is";
+import { pickDataAttributes as ye } from "@unicom-cloud/ui-common/utils/pick";
+import me from "./List.js";
+import ge from "../config-provider/context.js";
+const he = {
   titleTexts: ["Source", "Target"],
   defaultSelectedKeys: [],
   defaultTargetKeys: [],
   dataSource: [],
-  filterOption: (h, p) => le(p?.value) && p.value.includes(h)
+  filterOption: (h, p) => pe(p?.value) && p.value.includes(h)
 };
-function pe(h, p) {
-  const { getPrefixCls: E, componentConfig: k, rtl: K } = se(ue), I = ne(
+function Ke(h, p) {
+  const { getPrefixCls: B, componentConfig: F, rtl: K } = I(ge), M = I(de), U = I(ie), T = fe(
     h,
-    fe,
-    k?.Transfer
+    he,
+    F?.Transfer
   ), {
-    prefixCls: B,
-    style: M,
-    className: U,
-    children: H,
+    prefixCls: H,
+    style: W,
+    className: z,
+    children: _,
     dataSource: d,
-    defaultTargetKeys: $,
-    defaultSelectedKeys: T,
-    targetKeys: W,
-    selectedKeys: z,
-    oneWay: F,
-    simple: n,
+    defaultTargetKeys: v,
+    defaultSelectedKeys: O,
+    targetKeys: q,
+    selectedKeys: G,
+    oneWay: J,
+    simple: a,
     disabled: y,
-    titleTexts: _,
+    titleTexts: Q,
     operationTexts: S,
-    operationStyle: q,
-    onSearch: G,
-    onChange: J,
-    onSelectChange: v,
-    ...Q
-  } = I, c = B || E?.("transfer"), b = !!(n || F), [i, X] = O([], {
-    value: W,
-    defaultValue: n ? $.concat(T) : $
-  }), [R, C] = O([], {
-    value: z,
-    defaultValue: n ? [] : T
-  }), [D, P] = L(
+    operationStyle: X,
+    readOnly: C = U.readOnly ?? M.readOnly,
+    onSearch: Y,
+    onChange: Z,
+    onSelectChange: R,
+    ...ee
+  } = T, l = H || B?.("transfer"), b = !!(a || J), [i, te] = E([], {
+    value: q,
+    defaultValue: a ? v.concat(O) : v
+  }), [D, x] = E([], {
+    value: G,
+    defaultValue: a ? [] : O
+  }), [P, V] = j(
     () => [[], []],
     [d, i]
-  ), [l, u] = L(() => {
-    D.length = 0, P.length = 0;
+  ), [c, f] = j(() => {
+    P.length = 0, V.length = 0;
     const e = {
-      dataSource: D,
+      dataSource: P,
       selectedKeys: [],
       validKeys: [],
       selectedValidKeys: [],
       selectedDisabledKeys: []
     }, o = {
-      dataSource: P,
+      dataSource: V,
       selectedKeys: [],
       validKeys: [],
       selectedValidKeys: [],
@@ -70,53 +72,53 @@ function pe(h, p) {
     };
     return d.forEach((t) => {
       const s = i.includes(t.key) ? o : e;
-      t.disabled || s.validKeys.push(t.key), R.includes(t.key) && (s.selectedKeys.push(t.key), t.disabled ? s.selectedDisabledKeys.push(t.key) : s.selectedValidKeys.push(t.key)), s.dataSource.push(t);
-    }), ce(n) && n.retainSelectedItems && (Object.entries(e).forEach(([t, s]) => {
-      x(s) && (e[t] = s.concat(o[t]));
+      t.disabled || s.validKeys.push(t.key), D.includes(t.key) && (s.selectedKeys.push(t.key), t.disabled ? s.selectedDisabledKeys.push(t.key) : s.selectedValidKeys.push(t.key)), s.dataSource.push(t);
+    }), ue(a) && a.retainSelectedItems && (Object.entries(e).forEach(([t, s]) => {
+      $(s) && (e[t] = s.concat(o[t]));
     }), e.dataSource = d.slice(), e.selectedKeys = i.slice()), [e, o];
-  }, [d, i, R, n]), g = (e, o = null) => {
-    if (x(o) && o.length === 0)
+  }, [d, i, D, a]), m = (e, o = null) => {
+    if ($(o) && o.length === 0)
       return;
-    o = o || (e === "target" ? l.selectedValidKeys : u.selectedValidKeys);
-    const t = e === "target" ? i.concat(o).sort((s, r) => d.findIndex(({ key: a }) => a === s) - d.findIndex(({ key: a }) => a === r)) : i.filter((s) => !o.includes(s));
-    C(
-      l.selectedDisabledKeys.concat(u.selectedDisabledKeys)
-    ), X(t), J?.(t, e, o);
-  }, Y = (e, o) => {
+    o = o || (e === "target" ? c.selectedValidKeys : f.selectedValidKeys);
+    const t = e === "target" ? i.concat(o).sort((s, r) => d.findIndex(({ key: n }) => n === s) - d.findIndex(({ key: n }) => n === r)) : i.filter((s) => !o.includes(s));
+    x(
+      c.selectedDisabledKeys.concat(f.selectedDisabledKeys)
+    ), te(t), Z?.(t, e, o);
+  }, se = (e, o) => {
     if (o === "source")
-      if (n) {
+      if (a) {
         const t = e.filter(
-          (r) => !l.selectedKeys.includes(r)
-        ), s = l.selectedKeys.filter(
+          (r) => !c.selectedKeys.includes(r)
+        ), s = c.selectedKeys.filter(
           (r) => !e.includes(r)
         );
-        g("target", t), g("source", s);
+        m("target", t), m("source", s);
       } else
-        C(e.concat(u.selectedKeys)), v?.(e, u.selectedKeys);
+        x(e.concat(f.selectedKeys)), R?.(e, f.selectedKeys);
     else
-      C(l.selectedKeys.concat(e)), v?.(l.selectedKeys, e);
-  }, Z = () => {
-    const e = u.selectedKeys.length > 0, o = l.selectedKeys.length > 0, t = b ? ["target"] : ["target", "source"];
-    return n ? null : /* @__PURE__ */ m(
+      x(c.selectedKeys.concat(e)), R?.(c.selectedKeys, e);
+  }, re = () => {
+    const e = f.selectedKeys.length > 0, o = c.selectedKeys.length > 0, t = b ? ["target"] : ["target", "source"];
+    return a ? null : /* @__PURE__ */ g(
       "div",
       {
-        style: q,
-        className: j(`${c}-operations`, {
-          [`${c}-operations-words`]: S
+        style: X,
+        className: k(`${l}-operations`, {
+          [`${l}-operations-words`]: S
         }),
         children: t.map((s, r) => {
-          let a, f;
-          return s === "source" ? (a = K ? N : A, f = y || !e) : (a = K ? A : N, f = y || !o), /* @__PURE__ */ m(
-            ae,
+          let n, u;
+          return s === "source" ? (n = K ? L : N, u = y || !e) : (n = K ? N : L, u = y || !o), /* @__PURE__ */ g(
+            ce,
             {
-              tabIndex: f ? -1 : void 0,
+              tabIndex: u ? -1 : void 0,
               "aria-label": `move selected ${s === "target" ? "right" : "left"}`,
               type: "secondary",
               size: "small",
               shape: "round",
-              disabled: f,
-              onClick: () => g(s),
-              icon: /* @__PURE__ */ m(a, {}),
+              disabled: u || C,
+              onClick: () => m(s),
+              icon: /* @__PURE__ */ g(n, {}),
               children: S && S[r]
             },
             r
@@ -124,65 +126,67 @@ function pe(h, p) {
         })
       }
     );
-  }, V = (e) => {
-    const o = e === "source" ? l : u, t = e === "target", s = { ...Q };
-    return Object.entries(s).forEach(([r, a]) => {
+  }, w = (e) => {
+    const o = e === "source" ? c : f, t = e === "target", s = { ...ee };
+    return Object.entries(s).forEach(([r, n]) => {
       [
         "searchPlaceholder",
         "showSearch",
         "showFooter",
         "pagination",
         "listStyle"
-      ].includes(r) && (s[r] = x(a) ? a[e === "source" ? 0 : 1] : a);
-    }), /* @__PURE__ */ m(
-      ie,
+      ].includes(r) && (s[r] = $(n) ? n[e === "source" ? 0 : 1] : n);
+    }), /* @__PURE__ */ g(
+      me,
       {
         ...o,
         ...s,
         style: s.listStyle,
-        prefixCls: c,
-        className: `${c}-view-${e}`,
+        prefixCls: l,
+        className: `${l}-view-${e}`,
         listType: e,
-        title: _[t ? 1 : 0],
+        title: Q[t ? 1 : 0],
         disabled: y,
+        readOnly: C,
         allowClear: t && b,
-        renderList: H,
-        handleSelect: (r) => Y(r, e),
-        handleRemove: (r) => g(t ? "source" : "target", r),
-        onSearch: (r) => G?.(r, e),
-        renderHeaderUnit: (r, a) => `${b ? "" : `${r} / `}${a}`
+        renderList: _,
+        handleSelect: (r) => se(r, e),
+        handleRemove: (r) => m(t ? "source" : "target", r),
+        onSearch: (r) => Y?.(r, e),
+        renderHeaderUnit: (r, n) => `${b ? "" : `${r} / `}${n}`
       }
     );
-  }, w = re(null);
-  return oe(p, () => ({
+  }, A = ae(null);
+  return le(p, () => ({
     getRootElement() {
-      return w.current;
+      return A.current;
     }
-  })), /* @__PURE__ */ ee(
+  })), /* @__PURE__ */ oe(
     "div",
     {
-      ...de(I),
-      ref: w,
-      className: j(
-        c,
+      ...ye(T),
+      ref: A,
+      className: k(
+        l,
         {
-          [`${c}-simple`]: n,
-          [`${c}-disabled`]: y,
-          [`${c}-rtl`]: K
+          [`${l}-simple`]: a,
+          [`${l}-readonly`]: C,
+          [`${l}-disabled`]: y,
+          [`${l}-rtl`]: K
         },
-        U
+        z
       ),
-      style: M,
+      style: W,
       children: [
-        V("source"),
-        Z(),
-        V("target")
+        w("source"),
+        re(),
+        w("target")
       ]
     }
   );
 }
-const ye = te.forwardRef(pe);
-ye.displayName = "Transfer";
+const Se = ne.forwardRef(Ke);
+Se.displayName = "Transfer";
 export {
-  ye as default
+  Se as default
 };

package/tree/Animation.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { jsx as m } from "react/jsx-runtime";
 import H from "@unicom-cloud/ui-common/transition-group/CSSTransition";
 import { useContext as p, useRef as S, useMemo as E, useEffect as k } from "react";

package/tree/Context.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { createContext as t } from "react";
 const o = t({});
 export {

package/tree/Node.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { jsxs as $, Fragment as q, jsx as r } from "react/jsx-runtime";
 import z from "@unicom-cloud/icons/IconUiCaretDown";
 import G from "@unicom-cloud/icons/IconUiDragDotVertical";
@@ -9,14 +9,15 @@ import ee from "../checkbox/Checkbox.js";
 import "../checkbox/Group.js";
 import "../config-provider/ConfigProvider.js";
 import ne from "../icon-hover/index.js";
+import { callOrReturn as te } from "@unicom-cloud/utils/function";
 import D from "@unicom-cloud/ui-common/utils/className";
 import { isFunction as u } from "@unicom-cloud/ui-common/utils/is";
-import te from "@unicom-cloud/ui-common/utils/throttleByRaf";
-import ie from "./Animation.js";
-import { TreeContext as ae } from "./Context.js";
-import oe from "../config-provider/context.js";
-function re(n, S) {
-  const i = E(ae), { getPrefixCls: R } = E(oe), v = X(null), [o, f] = Z({
+import ie from "@unicom-cloud/ui-common/utils/throttleByRaf";
+import ae from "./Animation.js";
+import { TreeContext as oe } from "./Context.js";
+import re from "../config-provider/context.js";
+function se(n, R) {
+  const i = E(oe), { getPrefixCls: S } = E(re), v = X(null), [o, f] = Z({
     isAllowDrop: !0,
     isDragOver: !1,
     dragPosition: 0,
@@ -34,30 +35,30 @@ function re(n, S) {
     expanded: d,
     showLine: p,
     loading: Y,
-    selectable: P = !0
-  } = n, t = R?.("tree-node"), H = D(
+    selectable: O = !0
+  } = n, t = S?.("tree-node"), H = D(
     t,
     {
       [`${t}-selected`]: F,
       [`${t}-is-leaf`]: I,
       [`${t}-expanded`]: d,
-      [`${t}-disabled-selectable`]: !P,
+      [`${t}-disabled-selectable`]: !O,
       [`${t}-disabled`]: b,
       [`${t}-draggable`]: l
     },
     n.className
-  ), c = (() => {
+  ), c = te(() => {
     const e = u(i.icons) ? i.icons(n) : i.icons, a = u(n.icons) ? n.icons(n) : n.icons;
     return { ...e, ...a };
-  })(), O = C(
+  }), P = C(
     (e) => {
       e !== d && i.onExpand?.(e, m);
     },
     [m, d, i]
   ), x = C(async () => {
     const { isLeaf: e, expanded: a } = n;
-    e || (!n.childrenData?.length && u(i.loadMore) && !a ? await i.loadMore(n) : O(!a));
-  }, [n, O, i]), j = () => {
+    e || (!n.childrenData?.length && u(i.loadMore) && !a ? await i.loadMore(n) : P(!a));
+  }, [n, P, i]), j = () => {
     if (Y)
       return "loadingIcon" in c ? c.loadingIcon : /* @__PURE__ */ r(K, {});
     let e = null, a = !1;
@@ -80,7 +81,7 @@ function re(n, S) {
         }
       ), a && (e = /* @__PURE__ */ r(ne, { prefix: t, onClick: x, children: e })), e;
   }, h = C(
-    te((e) => {
+    ie((e) => {
       const a = v.current;
       if (!a) return;
       const s = a.getBoundingClientRect(), g = window.pageYOffset + s.top, M = e.pageY, y = s.height / 4, A = M - g, N = A < y ? -1 : A < s.height - y ? 0 : 1, V = i.allowDrop(n, N);
@@ -102,7 +103,7 @@ function re(n, S) {
     if (n.disabled)
       return;
     const g = [].concat(s);
-    P && g.includes("select") && a?.(m, e), g.includes("expand") && x(), w && g.includes("check") && T(!n.checked, e);
+    O && g.includes("select") && a?.(m, e), g.includes("expand") && x(), w && g.includes("check") && T(!n.checked, e);
   }
   return /* @__PURE__ */ $(q, { children: [
     /* @__PURE__ */ $(
@@ -110,7 +111,7 @@ function re(n, S) {
       {
         style: n.style,
         className: H,
-        ref: S,
+        ref: R,
         role: "treeitem",
         "aria-disabled": b,
         "aria-expanded": d,
@@ -197,12 +198,12 @@ function re(n, S) {
         ]
       }
     ),
-    i.animation && /* @__PURE__ */ r(ie, { ...n })
+    i.animation && /* @__PURE__ */ r(ae, { ...n })
   ] });
 }
-const L = W(re);
+const L = W(se);
 L.displayName = "TreeNode";
-const ke = Q.memo(L);
+const Ie = Q.memo(L);
 export {
-  ke as default
+  Ie as default
 };

package/tree/NodeList.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { jsx as D } from "react/jsx-runtime";
 import { forwardRef as g, useRef as y, useMemo as p, useImperativeHandle as M, createElement as I } from "react";
 import { isString as V } from "@unicom-cloud/ui-common/utils/is";

package/tree/Tree.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { jsx as Ae } from "react/jsx-runtime";
 import { forwardRef as vt, useContext as Lt, useMemo as re, useCallback as se, useRef as F, useState as g, useEffect as ce, useImperativeHandle as Dt, createElement as Et } from "react";
 import f from "lodash/get";

package/tree/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { default as r } from "./Tree.js";
 import { default as t } from "./Node.js";
 export {

package/tree/utils.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import o from "react";
 const K = (t) => {
   const n = (a) => o.Children.map(a, (e) => {

package/tree-select/List.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { jsxs as j, jsx as v } from "react/jsx-runtime";
 import { forwardRef as z, useRef as I, useCallback as o, useMemo as x, useImperativeHandle as K } from "react";
 import $ from "../tree/Tree.js";