@unicom-cloud/ui 0.8.133 → 0.8.135

package/transfer/List.js

@@ -1,171 +1,185 @@
-/* 2025-12-30 17:27:22 */
+/* 2026-01-08 16:35:57 */
 import { jsx as o, jsxs as D, Fragment as E } from "react/jsx-runtime";
-import ce from "@unicom-cloud/icons/IconUiDelete";
-import le from "@unicom-cloud/icons/IconUiSearch";
-import ie, { useContext as de, useState as S, useEffect as me } from "react";
-import he from "../button/Button.js";
-import O from "../checkbox/Checkbox.js";
+import me from "@unicom-cloud/icons/IconUiDelete";
+import he from "@unicom-cloud/icons/IconUiSearch";
+import fe, { useContext as S, useState as k, useEffect as pe } from "react";
+import ue from "../button/Button.js";
+import K from "../checkbox/Checkbox.js";
 import "../checkbox/Group.js";
 import "../config-provider/ConfigProvider.js";
-import fe from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
-import pe from "../icon-hover/index.js";
-import ue from "../input/Input.js";
-import ge from "../list/index.js";
-import Ce from "@unicom-cloud/ui-common/utils/className";
-import { isPlainObject as F, isObjectLike as Ie, isFunction as ve } from "@unicom-cloud/ui-common/utils/is";
-import be from "./Item.js";
-import xe from "../config-provider/context.js";
-const De = (K, P) => {
-  const j = fe(), {
-    style: H,
-    prefixCls: k,
-    className: U,
-    listType: z,
-    dataSource: d,
+import { FormContext as ge, FormItemContext as Ce } from "../form/context.js";
+import Ie from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
+import xe from "../icon-hover/index.js";
+import be from "../input/Input.js";
+import ve from "../list/index.js";
+import ye from "@unicom-cloud/ui-common/utils/className";
+import { isPlainObject as P, isObjectLike as De, isFunction as Se } from "@unicom-cloud/ui-common/utils/is";
+import ke from "./Item.js";
+import Ne from "../config-provider/context.js";
+const Te = (j, H) => {
+  const { locale: U } = S(Ne), z = S(ge), B = S(Ce), A = Ie(), {
+    style: q,
+    prefixCls: N,
+    className: G,
+    listType: J,
+    dataSource: m,
     selectedKeys: a = [],
-    validKeys: m,
-    selectedDisabledKeys: C,
-    title: h = "",
+    validKeys: h,
+    selectedDisabledKeys: I,
+    title: f = "",
     disabled: c,
-    draggable: B,
-    allowClear: N,
-    showSearch: l,
-    showFooter: T,
-    searchPlaceholder: A,
-    render: q,
-    renderList: G,
-    pagination: I,
-    handleSelect: v,
-    handleRemove: b,
-    filterOption: y,
-    renderHeaderUnit: J,
-    virtualListProps: M,
-    onSearch: Q,
-    onResetData: V,
-    onDragStart: W,
-    onDragEnd: X,
-    onDragLeave: Y,
-    onDragOver: Z,
-    onDrop: _
-  } = K, s = `${k}-view`, { locale: ee } = de(xe), [f, L] = S(null), [p, te] = S(""), [u, ne] = S(d);
-  me(() => {
-    ne(
-      p ? d.filter((t) => y(p, t)) : d
+    draggable: M,
+    allowClear: T,
+    showSearch: i,
+    showFooter: $,
+    searchPlaceholder: Q,
+    render: V,
+    renderList: W,
+    pagination: x,
+    handleSelect: b,
+    handleRemove: v,
+    filterOption: L,
+    renderHeaderUnit: X,
+    virtualListProps: Y,
+    readOnly: l = B.readOnly ?? z.readOnly,
+    onSearch: Z,
+    onResetData: _,
+    onDragStart: ee,
+    onDragEnd: te,
+    onDragLeave: ne,
+    onDragOver: re,
+    onDrop: oe
+  } = j, s = `${N}-view`, [p, R] = k(null), [u, se] = k(""), [g, ae] = k(m);
+  pe(() => {
+    ae(
+      u ? m.filter((t) => L(u, t)) : m
     );
-  }, [d, p, y]);
-  const R = (t, r) => v(
+  }, [m, u, L]);
+  const O = (t, r) => b(
     r ? a.concat(t) : a.filter((e) => e !== t)
-  ), re = (t, r) => v(
+  ), le = (t, r) => b(
     r ? [...new Set(a.concat(t))] : a.filter((e) => !t.includes(e))
-  ), x = (t) => () => b(t), $ = /* @__PURE__ */ o(
-    ue,
+  ), y = (t) => () => v(t), w = /* @__PURE__ */ o(
+    be,
     {
       size: "small",
       disabled: c,
-      placeholder: A,
-      suffix: /* @__PURE__ */ o(le, {}),
-      ...F(l) ? l : {},
+      readOnly: l,
+      placeholder: Q,
+      suffix: /* @__PURE__ */ o(he, {}),
+      ...P(i) ? i : {},
       onChange: (t, r) => {
-        te(t), Q?.(t), F(l) && l.onChange?.(t, r);
+        se(t), Z?.(t), P(i) && i.onChange?.(t, r);
       }
     }
-  ), oe = () => {
-    const t = a.length, r = u.length, e = p ? m.filter(
-      (i) => u.find(({ key: ae }) => ae === i)
-    ) : m, n = e.filter(
-      (i) => a.includes(i)
-    ).length, g = {
+  ), ce = () => {
+    const t = a.length, r = g.length, e = u ? h.filter(
+      (d) => g.find(({ key: de }) => de === d)
+    ) : h, n = e.filter(
+      (d) => a.includes(d)
+    ).length, C = {
+      readOnly: l,
       disabled: c,
       checked: n > 0 && n === e.length,
       indeterminate: n > 0 && n < e.length,
-      onChange: (i) => re(e, i)
+      onChange: (d) => le(e, d)
     };
-    if (ve(h))
-      return h({
+    if (Se(f))
+      return f({
         countTotal: r,
         countSelected: t,
-        clear: x(e),
-        checkbox: /* @__PURE__ */ o(O, { ...g }),
-        searchInput: $
+        clear: y(e),
+        checkbox: /* @__PURE__ */ o(K, { ...C }),
+        searchInput: w
       });
-    const w = /* @__PURE__ */ o("span", { className: `${s}-header-unit`, children: J(t, r) });
-    return N ? /* @__PURE__ */ D(E, { children: [
-      /* @__PURE__ */ o("span", { className: `${s}-header-title`, children: h }),
-      w,
-      !c && m.length ? /* @__PURE__ */ o(
-        pe,
+    const F = /* @__PURE__ */ o("span", { className: `${s}-header-unit`, children: X(t, r) });
+    return T ? /* @__PURE__ */ D(E, { children: [
+      /* @__PURE__ */ o("span", { className: `${s}-header-title`, children: f }),
+      F,
+      !l && !c && h.length ? /* @__PURE__ */ o(
+        xe,
         {
           className: `${s}-icon-clear`,
-          onClick: x(e),
+          onClick: y(e),
           tabIndex: 0,
+          readOnly: l,
           role: "button",
-          ...j({
-            onPressEnter: x(e)
+          ...A({
+            onPressEnter: y(e)
           }),
-          children: /* @__PURE__ */ o(ce, {})
+          children: /* @__PURE__ */ o(me, {})
         }
       ) : null
     ] }) : /* @__PURE__ */ D(E, { children: [
-      /* @__PURE__ */ o("span", { className: `${s}-header-title`, children: /* @__PURE__ */ o(O, { ...g, children: h }) }),
-      w
+      /* @__PURE__ */ o("span", { className: `${s}-header-title`, children: /* @__PURE__ */ o(K, { ...C, children: f }) }),
+      F
     ] });
-  }, se = () => {
-    const t = G?.({
-      listType: z,
+  }, ie = () => {
+    const t = W?.({
+      listType: J,
       disabled: c,
       selectedKeys: a,
-      validKeys: m,
-      selectedDisabledKeys: C,
-      filteredItems: u,
-      onItemRemove: (r) => b([r]),
-      onItemSelect: R,
+      validKeys: h,
+      selectedDisabledKeys: I,
+      filteredItems: g,
+      onItemRemove: (r) => v([r]),
+      onItemSelect: O,
       onItemSelectAll: (r, e) => {
-        v(
-          e ? r.concat(C) : [...C]
+        b(
+          e ? r.concat(I) : [...I]
         );
       }
     });
     return t ? /* @__PURE__ */ o("div", { className: `${s}-custom-list`, children: t }) : /* @__PURE__ */ o(
-      ge,
+      ve,
       {
         bordered: !1,
         paginationInFooter: !0,
-        virtualListProps: M,
+        virtualListProps: Y,
         wrapperClassName: `${s}-list`,
-        dataSource: u,
-        pagination: I ? {
+        dataSource: g,
+        pagination: x ? {
           simple: !0,
           size: "mini",
-          ...Ie(I) ? I : {}
+          ...De(x) ? x : {}
         } : void 0,
-        footer: T === !0 ? /* @__PURE__ */ o(he, { size: "mini", disabled: c, onClick: V, children: ee?.Transfer?.resetText }) : T || null,
+        footer: $ === !0 ? /* @__PURE__ */ o(
+          ue,
+          {
+            size: "mini",
+            disabled: c || l,
+            onClick: _,
+            children: U?.Transfer?.resetText
+          }
+        ) : $ || null,
         render: (r) => /* @__PURE__ */ o(
-          be,
+          ke,
           {
-            prefixCls: k,
+            readOnly: l,
+            prefixCls: N,
             item: r,
             disabled: c,
-            draggable: B,
-            droppable: !!f,
-            allowClear: N,
-            render: q,
+            draggable: M,
+            droppable: !!p,
+            allowClear: T,
+            render: V,
             selectedKeys: a,
-            onItemSelect: (e, n) => R(e, n),
-            onItemRemove: (e) => b([e]),
+            onItemSelect: (e, n) => O(e, n),
+            onItemRemove: (e) => v([e]),
             onDragStart: (e, n) => {
-              L(n), W?.(e, n);
+              R(n), ee?.(e, n);
             },
             onDragEnd: (e, n) => {
-              L(null), X?.(e, n);
+              R(null), te?.(e, n);
             },
-            onDragLeave: (e, n) => Y?.(e, n),
-            onDragOver: (e, n) => Z?.(e, n),
-            onDrop: (e, n, g) => {
-              f && f.key !== n.key && _?.({
+            onDragLeave: (e, n) => ne?.(e, n),
+            onDragOver: (e, n) => re?.(e, n),
+            onDrop: (e, n, C) => {
+              p && p.key !== n.key && oe?.({
                 e,
                 dropItem: n,
-                dropPosition: g,
-                dragItem: f
+                dropPosition: C,
+                dragItem: p
               });
             }
           },
@@ -174,13 +188,25 @@ const De = (K, P) => {
       }
     );
   };
-  return /* @__PURE__ */ D("div", { ref: P, className: Ce(s, U), style: H, children: [
-    /* @__PURE__ */ o("div", { className: `${s}-header`, children: oe() }),
-    l && /* @__PURE__ */ o("div", { className: `${s}-search`, children: $ }),
-    se()
-  ] });
-}, Ue = ie.forwardRef(De);
+  return /* @__PURE__ */ D(
+    "div",
+    {
+      ref: H,
+      className: ye(
+        s,
+        { [`${s}-readonly`]: l },
+        G
+      ),
+      style: q,
+      children: [
+        /* @__PURE__ */ o("div", { className: `${s}-header`, children: ce() }),
+        i && /* @__PURE__ */ o("div", { className: `${s}-search`, children: w }),
+        ie()
+      ]
+    }
+  );
+}, Je = fe.forwardRef(Te);
 export {
-  De as TransferList,
-  Ue as default
+  Te as TransferList,
+  Je as default
 };

package/transfer/index.js

@@ -1,68 +1,70 @@
-/* 2025-12-30 17:27:22 */
-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 @@
-/* 2025-12-30 17:27:22 */
+/* 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 @@
-/* 2025-12-30 17:27:22 */
+/* 2026-01-08 16:35:57 */
 import { createContext as t } from "react";
 const o = t({});
 export {