@unicom-cloud/ui 0.8.134 → 0.8.135

package/transfer/Item.js

@@ -1,54 +1,57 @@
-/* 2026-01-04 16:21:01 */
-import { jsxs as C, jsx as r, Fragment as B } from "react/jsx-runtime";
-import F from "@unicom-cloud/icons/IconUiClose";
-import H from "@unicom-cloud/icons/IconUiDragDotVertical";
-import { useRef as y, useState as m, useEffect as N } from "react";
-import V from "../checkbox/Checkbox.js";
+/* 2026-01-08 16:35:57 */
+import { jsxs as $, jsx as r, Fragment as q } from "react/jsx-runtime";
+import z from "@unicom-cloud/icons/IconUiClose";
+import A from "@unicom-cloud/icons/IconUiDragDotVertical";
+import { useContext as x, useRef as I, useState as p, useEffect as N } from "react";
+import G from "../checkbox/Checkbox.js";
 import "../checkbox/Group.js";
-import q from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
-import z from "../icon-hover/index.js";
-import A from "@unicom-cloud/ui-common/utils/className";
-function oe(k) {
-  const {
-    className: I,
-    prefixCls: P,
-    render: p,
+import { FormContext as J, FormItemContext as M } from "../form/context.js";
+import Q from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
+import W from "../icon-hover/index.js";
+import X from "@unicom-cloud/ui-common/utils/className";
+function ce(k) {
+  const O = x(J), P = x(M), {
+    className: E,
+    prefixCls: S,
+    render: f,
     item: t,
-    selectedKeys: x,
-    disabled: E,
-    draggable: f,
-    droppable: l,
-    allowClear: S,
-    onItemSelect: O,
-    onItemRemove: u,
-    onDragStart: T,
-    onDragEnd: w,
-    onDragLeave: K,
-    onDragOver: R,
-    onDrop: j
-  } = k, L = q(), o = `${P}-view-item`, D = y(null), g = y(null), [a, n] = m("none"), [b, s] = m(!1), [d, v] = m(0), i = E || t.disabled, h = f && !i, U = x.includes(t.key), $ = p ? p(t) : t.value;
+    selectedKeys: T,
+    readOnly: n = P.readOnly ?? O.readOnly,
+    disabled: w,
+    draggable: u,
+    droppable: m,
+    allowClear: F,
+    onItemSelect: K,
+    onItemRemove: D,
+    onDragStart: R,
+    onDragEnd: j,
+    onDragLeave: L,
+    onDragOver: U,
+    onDrop: Y
+  } = k, _ = Q(), o = `${S}-view-item`, b = I(null), d = I(null), [a, s] = p("none"), [v, l] = p(!1), [g, C] = p(0), i = w || t.disabled, h = u && !i, B = T.includes(t.key), y = f ? f(t) : t.value;
   return N(() => () => {
-    g.current && clearTimeout(g.current);
+    d.current && clearTimeout(d.current);
   }, []), N(() => {
-    a === "dragged" && (g.current = setTimeout(() => n("none"), 1e3));
-  }, [a]), /* @__PURE__ */ C(
+    a === "dragged" && (d.current = setTimeout(() => s("none"), 1e3));
+  }, [a]), /* @__PURE__ */ $(
     "li",
     {
-      ref: D,
-      className: A(
+      ref: b,
+      className: X(
         o,
         {
+          [`${o}-readonly`]: n,
           [`${o}-disabled`]: i,
           [`${o}-draggable`]: h,
-          [`${o}-gap-top`]: b && d < 0,
-          [`${o}-gap-bottom`]: b && d > 0,
+          [`${o}-gap-top`]: v && g < 0,
+          [`${o}-gap-bottom`]: v && g > 0,
           [`${o}-${a}`]: a !== "none"
         },
-        I
+        E
       ),
       draggable: h,
       onDragStart: (e) => {
-        e.stopPropagation(), n("dragging"), T?.(e, t);
+        e.stopPropagation(), s("dragging"), R?.(e, t);
         try {
           e.dataTransfer.setData("text/plain", "");
         } catch (c) {
@@ -56,46 +59,48 @@ function oe(k) {
         }
       },
       onDragEnd: (e) => {
-        e.stopPropagation(), s(!1), n("dragged"), w?.(e, t);
+        e.stopPropagation(), l(!1), s("dragged"), j?.(e, t);
       },
       onDragOver: (e) => {
-        if (l) {
+        if (m) {
           e.stopPropagation(), e.preventDefault();
-          const c = D.current.getBoundingClientRect(), Y = window.pageYOffset + c.top + c.height / 2, _ = e.pageY > Y ? 1 : -1;
-          s(!0), v(_), R?.(e, t);
+          const c = b.current.getBoundingClientRect(), H = window.pageYOffset + c.top + c.height / 2, V = e.pageY > H ? 1 : -1;
+          l(!0), C(V), U?.(e, t);
         }
       },
       onDragLeave: (e) => {
-        l && (e.stopPropagation(), s(!1), K?.(e, t));
+        m && (e.stopPropagation(), l(!1), L?.(e, t));
       },
       onDrop: (e) => {
-        l && (e.stopPropagation(), e.preventDefault(), s(!1), v(0), n("none"), j?.(e, t, d));
+        m && (e.stopPropagation(), e.preventDefault(), l(!1), C(0), s("none"), Y?.(e, t, g));
       },
       children: [
-        f ? /* @__PURE__ */ r(H, { className: `${o}-icon-drag` }) : null,
-        S ? /* @__PURE__ */ C(B, { children: [
-          /* @__PURE__ */ r("span", { className: `${o}-content`, children: $ }),
-          !i && /* @__PURE__ */ r(
-            z,
+        u ? /* @__PURE__ */ r(A, { className: `${o}-icon-drag` }) : null,
+        F ? /* @__PURE__ */ $(q, { children: [
+          /* @__PURE__ */ r("span", { className: `${o}-content`, children: y }),
+          !n && !i && /* @__PURE__ */ r(
+            W,
             {
               className: `${o}-icon-remove`,
-              onClick: () => u(t.key),
+              readOnly: n,
+              onClick: () => D(t.key),
               tabIndex: 0,
               role: "button",
-              ...L({
-                onPressEnter: () => u(t.key)
+              ..._({
+                onPressEnter: () => D(t.key)
               }),
-              children: /* @__PURE__ */ r(F, {})
+              children: /* @__PURE__ */ r(z, {})
             }
           )
         ] }) : /* @__PURE__ */ r(
-          V,
+          G,
           {
             className: `${o}-content`,
-            checked: U,
+            checked: B,
+            readOnly: n,
             disabled: i,
-            onChange: (e) => O(t.key, e),
-            children: $
+            onChange: (e) => K(t.key, e),
+            children: y
           }
         )
       ]
@@ -104,5 +109,5 @@ function oe(k) {
   );
 }
 export {
-  oe as default
+  ce as default
 };

package/transfer/List.js

@@ -1,171 +1,185 @@
-/* 2026-01-04 16:21:01 */
+/* 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
 };