@yoka-ui/ui 1.0.1

package/dist/lib/components/TreeTransfer/components/TreeTransferPanel/index.js

@@ -0,0 +1,191 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/TreeTransfer/components/TreeTransferPanel/index.tsx
+var TreeTransferPanel_exports = {};
+__export(TreeTransferPanel_exports, {
+  default: () => TreeTransferPanel_default
+});
+module.exports = __toCommonJS(TreeTransferPanel_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_types = require("../../types");
+var import_index = require("./index.less");
+var { Text } = import_antd.Typography;
+var HEADER_HEIGHT = 34;
+var SEARCH_HEIGHT = 44;
+var PAGINATION_HEIGHT = 36;
+var MARGIN = 8;
+var EXTRA_PADDING = 60;
+var MIN_SCROLL_Y = 100;
+var TreeTransferPanel = ({
+  dataSource,
+  selectedRowKeys,
+  onRowSelect,
+  searchValue,
+  setSearchValue,
+  totalCount,
+  title,
+  showPagination = false,
+  currentPage = 1,
+  pageSize = import_types.DEFAULT_PAGE_SIZE,
+  onPageChange,
+  columns: customColumns,
+  customRender,
+  searchPlaceholder
+}) => {
+  const panelRef = (0, import_react.useRef)(null);
+  const [tableScrollY, setTableScrollY] = (0, import_react.useState)(void 0);
+  (0, import_react.useEffect)(() => {
+    if (!panelRef.current)
+      return void 0;
+    let rafId;
+    const calculateScrollHeight = () => {
+      var _a;
+      const panelHeight = ((_a = panelRef.current) == null ? void 0 : _a.clientHeight) ?? 0;
+      const paginationOffset = showPagination ? PAGINATION_HEIGHT : 0;
+      const available = panelHeight - HEADER_HEIGHT - SEARCH_HEIGHT - paginationOffset - MARGIN - EXTRA_PADDING;
+      setTableScrollY(Math.max(available, MIN_SCROLL_Y));
+    };
+    const scheduleCalc = () => {
+      cancelAnimationFrame(rafId);
+      rafId = requestAnimationFrame(calculateScrollHeight);
+    };
+    scheduleCalc();
+    const resizeObserver = new ResizeObserver(scheduleCalc);
+    resizeObserver.observe(panelRef.current);
+    const mutationObserver = new MutationObserver(scheduleCalc);
+    const tableBody = panelRef.current.querySelector(".ant-table-tbody");
+    if (tableBody) {
+      mutationObserver.observe(tableBody, {
+        childList: true,
+        subtree: true,
+        attributes: true,
+        attributeFilter: ["class"]
+      });
+    }
+    return () => {
+      cancelAnimationFrame(rafId);
+      resizeObserver.disconnect();
+      mutationObserver.disconnect();
+    };
+  }, [showPagination]);
+  const defaultColumns = (0, import_react.useMemo)(
+    () => [
+      {
+        title: "ID",
+        dataIndex: "key",
+        key: "id",
+        width: "35%",
+        onCell: (record) => record.isParent ? {} : { colSpan: 0 },
+        render: (_, record) => record.isParent ? String(record.key) : ""
+      },
+      {
+        title: "名称",
+        dataIndex: "data",
+        key: "name",
+        width: "65%",
+        ellipsis: { showTitle: false },
+        onCell: (record) => {
+          if (!record.isParent)
+            return { colSpan: 2 };
+          return (customRender == null ? void 0 : customRender.onCell) ? customRender.onCell(record) : {};
+        },
+        render: (_, record, index) => {
+          if (customRender == null ? void 0 : customRender.cellRender)
+            return customRender.cellRender(_, record, index);
+          const content = JSON.stringify(record.data);
+          if (content.length > 20) {
+            return /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { placement: "topLeft", title: content }, content);
+          }
+          return content;
+        }
+      }
+    ],
+    [customRender]
+  );
+  const columns = customColumns ?? defaultColumns;
+  const rowSelection = (0, import_react.useMemo)(
+    () => ({
+      selectedRowKeys,
+      onChange: (selectedKeys, selectedRows) => {
+        onRowSelect(selectedRows, selectedKeys);
+      },
+      checkStrictly: false,
+      columnWidth: 50
+    }),
+    [selectedRowKeys, onRowSelect]
+  );
+  const handleSearchChange = (0, import_react.useCallback)(
+    (e) => setSearchValue(e.target.value),
+    [setSearchValue]
+  );
+  return /* @__PURE__ */ import_react.default.createElement("div", { ref: panelRef, className: "tree-transfer-panel" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "tree-transfer-panel-header" }, /* @__PURE__ */ import_react.default.createElement(Text, null, title), /* @__PURE__ */ import_react.default.createElement(Text, { type: "secondary" }, "(", totalCount, ")")), /* @__PURE__ */ import_react.default.createElement("div", { className: "tree-transfer-panel-search" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Input,
+    {
+      placeholder: searchPlaceholder ?? "搜索",
+      prefix: /* @__PURE__ */ import_react.default.createElement(import_icons.SearchOutlined, null),
+      value: searchValue,
+      onChange: handleSearchChange,
+      allowClear: true
+    }
+  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "tree-transfer-panel-content" }, dataSource.length > 0 ? /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Table,
+    {
+      rowKey: "key",
+      columns,
+      dataSource,
+      rowSelection,
+      expandable: {
+        childrenColumnName: "children",
+        defaultExpandAllRows: true,
+        indentSize: 30
+      },
+      pagination: false,
+      size: "small",
+      className: "tree-transfer-table",
+      scroll: tableScrollY !== void 0 ? { y: tableScrollY } : void 0
+    }
+  ) : /* @__PURE__ */ import_react.default.createElement(import_antd.Empty, { description: "暂无数据", image: import_antd.Empty.PRESENTED_IMAGE_SIMPLE })), showPagination && onPageChange && totalCount > pageSize && /* @__PURE__ */ import_react.default.createElement("div", { className: "tree-transfer-panel-pagination" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Pagination,
+    {
+      current: currentPage,
+      pageSize,
+      total: totalCount,
+      showSizeChanger: false,
+      showQuickJumper: false,
+      showTitle: false,
+      onChange: onPageChange,
+      size: "small",
+      simple: true
+    }
+  )));
+};
+var TreeTransferPanel_default = TreeTransferPanel;
+//# sourceMappingURL=index.js.map

package/dist/lib/components/TreeTransfer/components/TreeTransferPanel/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/TreeTransfer/components/TreeTransferPanel/index.tsx"],
+  "sourcesContent": ["/*\n *  Licensed to the Apache Software Foundation (ASF) under one or more\n *  contributor license agreements.  See the NOTICE file distributed with\n *  this work for additional information regarding copyright ownership.\n *  The ASF licenses this file to You under the Apache License, Version 2.0\n *  (the \"License\"); you may not use this file except in compliance with\n *  the License.  You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n *  Unless required by applicable law or agreed to in writing, software\n *  distributed under the License is distributed on an \"AS IS\" BASIS,\n *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *  See the License for the specific language governing permissions and\n *  limitations under the License.\n *\n */\n\n/**\n * TreeTransferPanel\n *\n * 树形穿梭框单侧面板：搜索框 + 树形表格 + 分页器。\n *\n * @example\n * ```tsx\n * <TreeTransferPanel\n *   dataSource={data}\n *   selectedRowKeys={selectedKeys}\n *   onRowSelect={handleRowSelect}\n *   searchValue={searchValue}\n *   setSearchValue={setSearchValue}\n *   totalCount={totalCount}\n *   title=\"待分配项\"\n *   showPagination={true}\n *   currentPage={currentPage}\n *   pageSize={20}\n *   onPageChange={handlePageChange}\n *   columns={customColumns}\n * />\n * ```\n */\n\nimport React, { useMemo, useRef, useState, useEffect, useCallback } from 'react';\nimport { Table, Input, Empty, Pagination, Typography, Tooltip } from 'antd';\nimport type { ColumnsType } from 'antd/es/table';\nimport { SearchOutlined } from '@ant-design/icons';\nimport { TreeTransferPanelProps, TreeTransferRow, DEFAULT_PAGE_SIZE } from '../../types';\nimport './index.less';\n\nconst { Text } = Typography;\n\n// ─────────────────────────────────────────────────────────────────────────────\n// 固定元素高度常量（与 CSS 保持一致）\n// ─────────────────────────────────────────────────────────────────────────────\nconst HEADER_HEIGHT = 34; // .tree-transfer-panel-header padding + border\nconst SEARCH_HEIGHT = 44; // .tree-transfer-panel-search padding + input\nconst PAGINATION_HEIGHT = 36; // .tree-transfer-panel-pagination\nconst MARGIN = 8; // 底部预留间距\nconst EXTRA_PADDING = 60; // 最后一行防遮挡预留空间\nconst MIN_SCROLL_Y = 100; // 表格最小可见高度（px）\n\n// ─────────────────────────────────────────────────────────────────────────────\n// TreeTransferPanel\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst TreeTransferPanel = <T,>({\n  dataSource,\n  selectedRowKeys,\n  onRowSelect,\n  searchValue,\n  setSearchValue,\n  totalCount,\n  title,\n  showPagination = false,\n  currentPage = 1,\n  pageSize = DEFAULT_PAGE_SIZE,\n  onPageChange,\n  columns: customColumns,\n  customRender,\n  searchPlaceholder,\n}: TreeTransferPanelProps<T>) => {\n  const panelRef = useRef<HTMLDivElement>(null);\n\n  // 表格滚动高度（undefined 表示尚未计算完成，Table 自适应）\n  const [tableScrollY, setTableScrollY] = useState<number | undefined>(undefined);\n\n  // ── 动态计算表格可滚动高度 ─────────────────────────────────────────────────\n  //\n  // 计算逻辑：面板总高 - 固定头部/搜索/分页区域高度 = 表格可用高度。\n  //\n  // 修复说明：\n  // 1. 初始值改为 undefined，避免 Table 短暂以 scroll.y=0 渲染导致高度坍塌。\n  // 2. MutationObserver 回调中原使用 setTimeout(fn, 150)，每次 DOM 变化都会\n  //    入队新定时器；树形展开时大量 mutation 会堆积数十个 timer。\n  //    修复：改用 requestAnimationFrame，每次只在下一帧执行一次计算。\n  // 3. 移除 `dataSource` 出 deps：dataSource 每次 render 都是新数组引用，\n  //    导致 observer 被频繁拆卸/重建。表格内容的 DOM 变化已由 MutationObserver 捕获，\n  //    无需在数据变化时重建整个 effect。\n  //\n  useEffect(() => {\n    if (!panelRef.current) return undefined;\n\n    let rafId: number;\n\n    const calculateScrollHeight = () => {\n      const panelHeight = panelRef.current?.clientHeight ?? 0;\n      const paginationOffset = showPagination ? PAGINATION_HEIGHT : 0;\n      const available = panelHeight - HEADER_HEIGHT - SEARCH_HEIGHT - paginationOffset - MARGIN - EXTRA_PADDING;\n      setTableScrollY(Math.max(available, MIN_SCROLL_Y));\n    };\n\n    const scheduleCalc = () => {\n      cancelAnimationFrame(rafId);\n      rafId = requestAnimationFrame(calculateScrollHeight);\n    };\n\n    // 初次计算\n    scheduleCalc();\n\n    // 监听面板容器尺寸（窗口 resize、flex 布局变化等）\n    const resizeObserver = new ResizeObserver(scheduleCalc);\n    resizeObserver.observe(panelRef.current);\n\n    // 监听表格 DOM 变化（树形行展开 / 收起会增删行节点）\n    const mutationObserver = new MutationObserver(scheduleCalc);\n    const tableBody = panelRef.current.querySelector('.ant-table-tbody');\n    if (tableBody) {\n      mutationObserver.observe(tableBody, {\n        childList: true,\n        subtree: true,\n        attributes: true,\n        attributeFilter: ['class'],\n      });\n    }\n\n    return () => {\n      cancelAnimationFrame(rafId);\n      resizeObserver.disconnect();\n      mutationObserver.disconnect();\n    };\n  }, [showPagination]); // 只在 showPagination 变化时重建（影响固定高度计算）\n\n  // ── 默认列配置 ─────────────────────────────────────────────────────────────\n  // 第一列：父节点显示 ID，子节点合并到名称列（colSpan:0）\n  // 第二列：名称列，子节点 colSpan:2 占满整行\n  const defaultColumns: ColumnsType<TreeTransferRow<T>> = useMemo(\n    () => [\n      {\n        title: 'ID',\n        dataIndex: 'key',\n        key: 'id',\n        width: '35%',\n        onCell: (record: TreeTransferRow<T>) => (record.isParent ? {} : { colSpan: 0 }),\n        render: (_: unknown, record: TreeTransferRow<T>) => (record.isParent ? String(record.key) : ''),\n      },\n      {\n        title: '名称',\n        dataIndex: 'data',\n        key: 'name',\n        width: '65%',\n        ellipsis: { showTitle: false },\n        onCell: (record: TreeTransferRow<T>) => {\n          if (!record.isParent) return { colSpan: 2 };\n          return customRender?.onCell ? customRender.onCell(record) : {};\n        },\n        render: (_: unknown, record: TreeTransferRow<T>, index: number) => {\n          if (customRender?.cellRender) return customRender.cellRender(_, record, index);\n          const content = JSON.stringify(record.data);\n          if (content.length > 20) {\n            return (\n              <Tooltip placement='topLeft' title={content}>\n                {content}\n              </Tooltip>\n            );\n          }\n          return content;\n        },\n      },\n    ],\n    [customRender],\n  );\n\n  // 优先使用调用方传入的列配置\n  const columns = customColumns ?? defaultColumns;\n\n  // ── 行选择配置 ─────────────────────────────────────────────────────────────\n  // checkStrictly:false — 选中父节点时自动全选子节点\n  const rowSelection = useMemo(\n    () => ({\n      selectedRowKeys,\n      onChange: (selectedKeys: React.Key[], selectedRows: TreeTransferRow<T>[]) => {\n        onRowSelect(selectedRows, selectedKeys);\n      },\n      checkStrictly: false,\n      columnWidth: 50,\n    }),\n    [selectedRowKeys, onRowSelect],\n  );\n\n  // ── 搜索框 onChange ────────────────────────────────────────────────────────\n  const handleSearchChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => setSearchValue(e.target.value),\n    [setSearchValue],\n  );\n\n  // ── 渲染 ──────────────────────────────────────────────────────────────────\n\n  return (\n    <div ref={panelRef} className='tree-transfer-panel'>\n      {/* 头部：标题和数量 */}\n      <div className='tree-transfer-panel-header'>\n        <Text>{title}</Text>\n        <Text type='secondary'>({totalCount})</Text>\n      </div>\n\n      {/* 搜索框 */}\n      <div className='tree-transfer-panel-search'>\n        <Input\n          placeholder={searchPlaceholder ?? '搜索'}\n          prefix={<SearchOutlined />}\n          value={searchValue}\n          onChange={handleSearchChange}\n          allowClear\n        />\n      </div>\n\n      {/* 表格内容区域 */}\n      <div className='tree-transfer-panel-content'>\n        {dataSource.length > 0 ? (\n          <Table\n            rowKey='key'\n            columns={columns}\n            dataSource={dataSource}\n            rowSelection={rowSelection}\n            expandable={{\n              childrenColumnName: 'children',\n              defaultExpandAllRows: true,\n              indentSize: 30,\n            }}\n            pagination={false}\n            size='small'\n            className='tree-transfer-table'\n            // tableScrollY 未计算完成时不传 y，Table 自适应高度，避免初始高度坍塌\n            scroll={tableScrollY !== undefined ? { y: tableScrollY } : undefined}\n          />\n        ) : (\n          <Empty description='暂无数据' image={Empty.PRESENTED_IMAGE_SIMPLE} />\n        )}\n      </div>\n\n      {/* 分页器：数据超过 1 页才显示 */}\n      {showPagination && onPageChange && totalCount > pageSize && (\n        <div className='tree-transfer-panel-pagination'>\n          <Pagination\n            current={currentPage}\n            pageSize={pageSize}\n            total={totalCount}\n            showSizeChanger={false}\n            showQuickJumper={false}\n            showTitle={false}\n            onChange={onPageChange}\n            size='small'\n            simple\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default TreeTransferPanel;\n"],
+  "mappings": "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",
+  "names": ["React"]
+}

package/dist/lib/components/TreeTransfer/components/TreeTransferPanel/index.less

@@ -0,0 +1,151 @@
+/*
+ *  Licensed to the Apache Software Foundation (ASF) under one or more
+ *  contributor license agreements.  See the NOTICE file distributed with
+ *  this work for additional information regarding copyright ownership.
+ *  The ASF licenses this file to You under the Apache License, Version 2.0
+ *  (the "License"); you may not use this file except in compliance with
+ *  the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ *
+ */
+
+.tree-transfer-panel {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-width: 350px;
+  max-width: 500px;
+  background: #fff;
+  border-radius: 4px;
+  overflow: hidden;
+
+  // 头部区域
+  .tree-transfer-panel-header {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    padding-top: 12px;
+    padding-bottom: 12px;
+    padding-left: 17px;
+    background: #fafafa;
+    border-bottom: 1px solid #f0f0f0;
+    flex-shrink: 0;
+    gap: 8px;
+
+    .ant-typography {
+      margin-bottom: 0;
+      font-size: 14px;
+      font-weight: normal;
+    }
+  }
+
+  // 搜索区域
+  .tree-transfer-panel-search {
+    padding: 12px 16px;
+    flex-shrink: 0;
+  }
+
+  // 表格内容区域
+  .tree-transfer-panel-content {
+    flex: 1;
+    overflow: hidden;
+
+    .tree-transfer-table {
+      .ant-table {
+        font-size: 13px;
+        border: 1px solid #f0f0f0;
+
+        // 去掉列边线，保留行边线
+        .ant-table-tbody > tr > td {
+          border-left: none;
+          border-right: none;
+        }
+
+        // 表头样式
+        .ant-table-thead > tr > th {
+          padding: 8px 12px;
+          background: #fafafa;
+          font-weight: 500;
+          font-size: 13px;
+          border-left: none;
+          border-right: none;
+          border-bottom: 1px solid #f0f0f0;
+        }
+
+        // 单元格样式
+        .ant-table-tbody > tr > td {
+          padding: 8px 12px;
+        }
+
+        // 树形展开图标样式
+        .ant-table-row-expand-icon {
+          width: 16px;
+          height: 16px;
+          line-height: 14px;
+          font-size: 10px;
+        }
+
+        // 展开行背景色
+        .ant-table-expanded-row {
+          background: #fafafa;
+        }
+
+        // 强制子项缩进30px
+        .ant-table-tbody > tr.ant-table-row-level-1 > td {
+          padding-left: 32px !important;
+        }
+
+        // 第一层不缩进
+        .ant-table-tbody > tr.ant-table-row-level-0 > td {
+          padding-left: 12px;
+        }
+
+        // 复选框样式
+        .ant-checkbox-wrapper {
+          .ant-checkbox {
+            .ant-checkbox-inner {
+              width: 14px;
+              height: 14px;
+            }
+          }
+        }
+
+        // 空状态样式
+        .ant-empty {
+          padding: 40px 0;
+        }
+      }
+    }
+
+    // 空状态容器
+    .ant-empty {
+      height: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+  }
+
+  // 分页器区域
+  .tree-transfer-panel-pagination {
+    padding: 12px 16px;
+    border-top: 1px solid #f0f0f0;
+    flex-shrink: 0;
+    display: flex;
+    justify-content: center;
+
+    .ant-space-compact {
+      .ant-btn {
+        min-width: 70px;
+        font-size: 12px;
+      }
+    }
+  }
+}

package/dist/lib/components/TreeTransfer/index.d.ts

@@ -0,0 +1,28 @@
+/**
+ * TreeTransfer
+ *
+ * 树形表格穿梭框组件。支持：
+ * - 树形结构展示，父子联动选择（checkStrictly: false）
+ * - 前端分页 + 防抖搜索
+ * - 左右穿梭操作（含多级树正确迁移）
+ * - 自定义列配置和渲染
+ * - 完整的 TypeScript 泛型支持
+ *
+ * @template T - 行数据的自定义业务类型
+ *
+ * @example
+ * ```tsx
+ * <TreeTransfer
+ *   leftDataSource={leftData}
+ *   rightDataSource={rightData}
+ *   leftTitle="待分配"
+ *   rightTitle="已分配"
+ *   onChange={({ leftData, rightData }) => { ... }}
+ * />
+ * ```
+ */
+import React from 'react';
+import { TreeTransferProps } from './types';
+import './index.less';
+declare function TreeTransfer<T>({ leftDataSource, rightDataSource, loading, leftTitle, rightTitle, pageSize, columns, customRender, searchFields, searchPlaceholder, onChange, }: TreeTransferProps<T>): React.JSX.Element;
+export default TreeTransfer;

package/dist/lib/components/TreeTransfer/index.js

@@ -0,0 +1,214 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/TreeTransfer/index.tsx
+var TreeTransfer_exports = {};
+__export(TreeTransfer_exports, {
+  default: () => TreeTransfer_default
+});
+module.exports = __toCommonJS(TreeTransfer_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_types = require("./types");
+var import_utils = require("./utils");
+var import_TreeTransferPanel = __toESM(require("./components/TreeTransferPanel"));
+var import_index = require("./index.less");
+function useDebounce(callback, delay) {
+  const callbackRef = (0, import_react.useRef)(callback);
+  callbackRef.current = callback;
+  const timeoutRef = (0, import_react.useRef)();
+  return (0, import_react.useCallback)(
+    (...args) => {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = setTimeout(() => callbackRef.current(...args), delay);
+    },
+    [delay]
+    // callback 通过 ref 读取，不需要放入 deps
+  );
+}
+function TreeTransfer({
+  leftDataSource,
+  rightDataSource,
+  loading = false,
+  leftTitle = "待分配项",
+  rightTitle = "已分配项",
+  pageSize = import_types.DEFAULT_PAGE_SIZE,
+  columns,
+  customRender,
+  searchFields,
+  searchPlaceholder,
+  onChange
+}) {
+  const [leftPanel, setLeftPanel] = (0, import_react.useState)({
+    selectedRowKeys: [],
+    searchValue: "",
+    currentPage: 1,
+    totalCount: 0
+  });
+  const [rightPanel, setRightPanel] = (0, import_react.useState)({
+    selectedRowKeys: [],
+    searchValue: "",
+    currentPage: 1,
+    totalCount: 0
+  });
+  const filteredLeft = (0, import_react.useMemo)(
+    () => (0, import_utils.filterData)(leftDataSource, leftPanel.searchValue, searchFields),
+    [leftDataSource, leftPanel.searchValue, searchFields]
+  );
+  const filteredRight = (0, import_react.useMemo)(
+    () => (0, import_utils.filterData)(rightDataSource, rightPanel.searchValue, searchFields),
+    [rightDataSource, rightPanel.searchValue, searchFields]
+  );
+  const filteredLeftData = (0, import_react.useMemo)(
+    () => (0, import_utils.sliceDataByPage)(filteredLeft, leftPanel.currentPage, pageSize),
+    [filteredLeft, leftPanel.currentPage, pageSize]
+  );
+  const filteredRightData = (0, import_react.useMemo)(
+    () => (0, import_utils.sliceDataByPage)(filteredRight, rightPanel.currentPage, pageSize),
+    [filteredRight, rightPanel.currentPage, pageSize]
+  );
+  const filteredLeftTotalCount = (0, import_react.useMemo)(() => (0, import_utils.countParentNodes)(filteredLeft), [filteredLeft]);
+  const filteredRightTotalCount = (0, import_react.useMemo)(() => (0, import_utils.countParentNodes)(filteredRight), [filteredRight]);
+  (0, import_react.useEffect)(() => {
+    setLeftPanel((prev) => ({
+      ...prev,
+      currentPage: 1,
+      totalCount: (0, import_utils.countParentNodes)(leftDataSource)
+    }));
+  }, [leftDataSource]);
+  (0, import_react.useEffect)(() => {
+    setRightPanel((prev) => ({
+      ...prev,
+      currentPage: 1,
+      totalCount: (0, import_utils.countParentNodes)(rightDataSource)
+    }));
+  }, [rightDataSource]);
+  const handleLeftSearchChange = useDebounce((value) => {
+    setLeftPanel((prev) => ({ ...prev, searchValue: value, currentPage: 1 }));
+  }, 300);
+  const handleRightSearchChange = useDebounce((value) => {
+    setRightPanel((prev) => ({ ...prev, searchValue: value, currentPage: 1 }));
+  }, 300);
+  const handleLeftPageChange = (0, import_react.useCallback)((page) => {
+    setLeftPanel((prev) => ({ ...prev, currentPage: page }));
+  }, []);
+  const handleRightPageChange = (0, import_react.useCallback)((page) => {
+    setRightPanel((prev) => ({ ...prev, currentPage: page }));
+  }, []);
+  const handleMoveRight = (0, import_react.useCallback)(() => {
+    if (leftPanel.selectedRowKeys.length === 0)
+      return;
+    const selectedSet = new Set(leftPanel.selectedRowKeys.map(String));
+    const nodesToAdd = (0, import_utils.extractTopLevelSelectedNodes)(selectedSet, leftDataSource);
+    const keysToRemove = new Set((0, import_utils.getAllDescendantKeys)(leftPanel.selectedRowKeys, leftDataSource));
+    const newLeftData = (0, import_utils.removeNodesFromTree)(leftDataSource, keysToRemove);
+    const newRightData = (0, import_utils.addNodesToTree)(rightDataSource, null, nodesToAdd);
+    setLeftPanel((prev) => ({ ...prev, currentPage: 1, selectedRowKeys: [] }));
+    setRightPanel((prev) => ({ ...prev, currentPage: 1, selectedRowKeys: [] }));
+    onChange == null ? void 0 : onChange({
+      leftSelected: [],
+      rightSelected: [],
+      leftData: newLeftData,
+      rightData: newRightData
+    });
+  }, [leftPanel.selectedRowKeys, leftDataSource, rightDataSource, onChange]);
+  const handleMoveLeft = (0, import_react.useCallback)(() => {
+    if (rightPanel.selectedRowKeys.length === 0)
+      return;
+    const selectedSet = new Set(rightPanel.selectedRowKeys.map(String));
+    const nodesToAdd = (0, import_utils.extractTopLevelSelectedNodes)(selectedSet, rightDataSource);
+    const keysToRemove = new Set((0, import_utils.getAllDescendantKeys)(rightPanel.selectedRowKeys, rightDataSource));
+    const newRightData = (0, import_utils.removeNodesFromTree)(rightDataSource, keysToRemove);
+    const newLeftData = (0, import_utils.addNodesToTree)(leftDataSource, null, nodesToAdd);
+    setLeftPanel((prev) => ({ ...prev, currentPage: 1, selectedRowKeys: [] }));
+    setRightPanel((prev) => ({ ...prev, currentPage: 1, selectedRowKeys: [] }));
+    onChange == null ? void 0 : onChange({
+      leftSelected: [],
+      rightSelected: [],
+      leftData: newLeftData,
+      rightData: newRightData
+    });
+  }, [rightPanel.selectedRowKeys, rightDataSource, leftDataSource, onChange]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "tree-transfer-wrapper" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, { spinning: loading }, /* @__PURE__ */ import_react.default.createElement("div", { className: "tree-transfer-content" }, /* @__PURE__ */ import_react.default.createElement(
+    import_TreeTransferPanel.default,
+    {
+      dataSource: filteredLeftData,
+      selectedRowKeys: leftPanel.selectedRowKeys,
+      onRowSelect: (_, keys) => setLeftPanel((prev) => ({ ...prev, selectedRowKeys: keys })),
+      searchValue: leftPanel.searchValue,
+      setSearchValue: handleLeftSearchChange,
+      totalCount: leftPanel.searchValue ? filteredLeftTotalCount : leftPanel.totalCount,
+      title: leftTitle,
+      showPagination: true,
+      currentPage: leftPanel.currentPage,
+      pageSize,
+      onPageChange: handleLeftPageChange,
+      columns,
+      customRender,
+      searchPlaceholder
+    }
+  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "tree-transfer-operations" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { direction: "vertical", size: 8 }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      className: "tree-transfer-operation-btn",
+      type: leftPanel.selectedRowKeys.length > 0 ? "primary" : "default",
+      icon: /* @__PURE__ */ import_react.default.createElement(import_icons.RightOutlined, null),
+      onClick: handleMoveRight,
+      disabled: leftPanel.selectedRowKeys.length === 0
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      className: "tree-transfer-operation-btn",
+      type: rightPanel.selectedRowKeys.length > 0 ? "primary" : "default",
+      icon: /* @__PURE__ */ import_react.default.createElement(import_icons.LeftOutlined, null),
+      onClick: handleMoveLeft,
+      disabled: rightPanel.selectedRowKeys.length === 0
+    }
+  ))), /* @__PURE__ */ import_react.default.createElement(
+    import_TreeTransferPanel.default,
+    {
+      dataSource: filteredRightData,
+      selectedRowKeys: rightPanel.selectedRowKeys,
+      onRowSelect: (_, keys) => setRightPanel((prev) => ({ ...prev, selectedRowKeys: keys })),
+      searchValue: rightPanel.searchValue,
+      setSearchValue: handleRightSearchChange,
+      totalCount: rightPanel.searchValue ? filteredRightTotalCount : rightPanel.totalCount,
+      title: rightTitle,
+      showPagination: true,
+      currentPage: rightPanel.currentPage,
+      pageSize,
+      onPageChange: handleRightPageChange,
+      columns,
+      customRender
+    }
+  ))));
+}
+var TreeTransfer_default = TreeTransfer;
+//# sourceMappingURL=index.js.map

package/dist/lib/components/TreeTransfer/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/TreeTransfer/index.tsx"],
+  "sourcesContent": ["/*\n *  Licensed to the Apache Software Foundation (ASF) under one or more\n *  contributor license agreements.  See the NOTICE file distributed with\n *  this work for additional information regarding copyright ownership.\n *  The ASF licenses this file to You under the Apache License, Version 2.0\n *  (the \"License\"); you may not use this file except in compliance with\n *  the License.  You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n *  Unless required by applicable law or agreed to in writing, software\n *  distributed under the License is distributed on an \"AS IS\" BASIS,\n *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *  See the License for the specific language governing permissions and\n *  limitations under the License.\n *\n */\n\n/**\n * TreeTransfer\n *\n * 树形表格穿梭框组件。支持：\n * - 树形结构展示，父子联动选择（checkStrictly: false）\n * - 前端分页 + 防抖搜索\n * - 左右穿梭操作（含多级树正确迁移）\n * - 自定义列配置和渲染\n * - 完整的 TypeScript 泛型支持\n *\n * @template T - 行数据的自定义业务类型\n *\n * @example\n * ```tsx\n * <TreeTransfer\n *   leftDataSource={leftData}\n *   rightDataSource={rightData}\n *   leftTitle=\"待分配\"\n *   rightTitle=\"已分配\"\n *   onChange={({ leftData, rightData }) => { ... }}\n * />\n * ```\n */\n\nimport React, { useState, useMemo, useCallback, useEffect, useRef } from 'react';\nimport { Spin, Button, Space } from 'antd';\nimport { RightOutlined, LeftOutlined } from '@ant-design/icons';\nimport { TreeTransferProps, DEFAULT_PAGE_SIZE } from './types';\nimport {\n  sliceDataByPage,\n  filterData,\n  getAllDescendantKeys,\n  removeNodesFromTree,\n  addNodesToTree,\n  countParentNodes,\n  extractTopLevelSelectedNodes,\n} from './utils';\nimport TreeTransferPanel from './components/TreeTransferPanel';\nimport './index.less';\n\n// ─────────────────────────────────────────────────────────────────────────────\n// useDebounce\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * 防抖 Hook\n *\n * 修复说明：\n * 原实现将 `callback` 放入 `useCallback` 的 deps，导致每次渲染（callback 为\n * 新引用）都重新创建防抖函数，使 timeout 重置，防抖完全失效。\n * 修复方案：将最新 callback 存入 ref，useCallback 仅依赖 delay，保证\n * 防抖函数引用稳定，timeout 不被意外清除。\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction useDebounce<T extends (...args: any[]) => any>(callback: T, delay: number): T {\n  // 存储最新 callback，避免 stale closure\n  const callbackRef = useRef(callback);\n  callbackRef.current = callback;\n\n  const timeoutRef = useRef<NodeJS.Timeout>();\n\n  return useCallback(\n    (...args: Parameters<T>) => {\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = setTimeout(() => callbackRef.current(...args), delay);\n    },\n    [delay], // callback 通过 ref 读取，不需要放入 deps\n  ) as T;\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// TreeTransfer\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * 面板选择/分页状态（不含 dataSource，数据源来自 props + memo 计算）\n */\ninterface PanelState {\n  selectedRowKeys: React.Key[];\n  searchValue: string;\n  currentPage: number;\n  totalCount: number;\n}\n\nfunction TreeTransfer<T>({\n  leftDataSource,\n  rightDataSource,\n  loading = false,\n  leftTitle = '待分配项',\n  rightTitle = '已分配项',\n  pageSize = DEFAULT_PAGE_SIZE,\n  columns,\n  customRender,\n  searchFields,\n  searchPlaceholder,\n  onChange,\n}: TreeTransferProps<T>) {\n  // ── 面板状态（选择、搜索、分页） ─────────────────────────────────────────────\n  // 注意：dataSource 不存储在 state 中；显示数据通过 memo 从 props 实时计算，\n  // 避免 state 与 props 不同步的问题。\n  const [leftPanel, setLeftPanel] = useState<PanelState>({\n    selectedRowKeys: [],\n    searchValue: '',\n    currentPage: 1,\n    totalCount: 0,\n  });\n\n  const [rightPanel, setRightPanel] = useState<PanelState>({\n    selectedRowKeys: [],\n    searchValue: '',\n    currentPage: 1,\n    totalCount: 0,\n  });\n\n  // ── 过滤后的完整数据（先 filter，再由 slice 分页） ──────────────────────────\n  // 合并 filter + count，避免对同一搜索词调用两次 filterData（原来的问题）。\n\n  const filteredLeft = useMemo(\n    () => filterData<T>(leftDataSource, leftPanel.searchValue, searchFields),\n    [leftDataSource, leftPanel.searchValue, searchFields],\n  );\n\n  const filteredRight = useMemo(\n    () => filterData<T>(rightDataSource, rightPanel.searchValue, searchFields),\n    [rightDataSource, rightPanel.searchValue, searchFields],\n  );\n\n  /** 当前页展示数据（供左侧面板渲染） */\n  const filteredLeftData = useMemo(\n    () => sliceDataByPage<T>(filteredLeft, leftPanel.currentPage, pageSize),\n    [filteredLeft, leftPanel.currentPage, pageSize],\n  );\n\n  /** 当前页展示数据（供右侧面板渲染） */\n  const filteredRightData = useMemo(\n    () => sliceDataByPage<T>(filteredRight, rightPanel.currentPage, pageSize),\n    [filteredRight, rightPanel.currentPage, pageSize],\n  );\n\n  /** 搜索后的顶层节点数（用于分页器 total） */\n  const filteredLeftTotalCount = useMemo(() => countParentNodes(filteredLeft), [filteredLeft]);\n  const filteredRightTotalCount = useMemo(() => countParentNodes(filteredRight), [filteredRight]);\n\n  // ── 数据源变化时更新 totalCount，同时重置到第 1 页 ──────────────────────────\n  useEffect(() => {\n    setLeftPanel((prev) => ({\n      ...prev,\n      currentPage: 1,\n      totalCount: countParentNodes(leftDataSource),\n    }));\n  }, [leftDataSource]);\n\n  useEffect(() => {\n    setRightPanel((prev) => ({\n      ...prev,\n      currentPage: 1,\n      totalCount: countParentNodes(rightDataSource),\n    }));\n  }, [rightDataSource]);\n\n  // ── 防抖搜索 ─────────────────────────────────────────────────────────────────\n\n  const handleLeftSearchChange = useDebounce((value: string) => {\n    setLeftPanel((prev) => ({ ...prev, searchValue: value, currentPage: 1 }));\n  }, 300);\n\n  const handleRightSearchChange = useDebounce((value: string) => {\n    setRightPanel((prev) => ({ ...prev, searchValue: value, currentPage: 1 }));\n  }, 300);\n\n  // ── 分页 ─────────────────────────────────────────────────────────────────────\n\n  const handleLeftPageChange = useCallback((page: number) => {\n    setLeftPanel((prev) => ({ ...prev, currentPage: page }));\n  }, []);\n\n  const handleRightPageChange = useCallback((page: number) => {\n    setRightPanel((prev) => ({ ...prev, currentPage: page }));\n  }, []);\n\n  // ── 穿梭操作 ─────────────────────────────────────────────────────────────────\n\n  /**\n   * 右移：将左侧选中项移到右侧\n   *\n   * 修复说明：\n   * 原实现通过 `dataSource.filter(item => item.key === key)` 只查根节点，\n   * 导致仅选中子节点时 nodesToAdd 为空，数据静默丢失。\n   * 修复：使用 `extractTopLevelSelectedNodes` 递归提取选中的顶层节点（含 children）。\n   */\n  const handleMoveRight = useCallback(() => {\n    if (leftPanel.selectedRowKeys.length === 0) return;\n\n    const selectedSet = new Set(leftPanel.selectedRowKeys.map(String));\n    // 提取选中的顶层节点（子节点随父一起携带）\n    const nodesToAdd = extractTopLevelSelectedNodes<T>(selectedSet, leftDataSource);\n    // 删除所有相关 key（含后代）\n    const keysToRemove = new Set(getAllDescendantKeys(leftPanel.selectedRowKeys, leftDataSource));\n    const newLeftData = removeNodesFromTree(leftDataSource, keysToRemove);\n    const newRightData = addNodesToTree(rightDataSource, null, nodesToAdd);\n\n    setLeftPanel((prev) => ({ ...prev, currentPage: 1, selectedRowKeys: [] }));\n    setRightPanel((prev) => ({ ...prev, currentPage: 1, selectedRowKeys: [] }));\n\n    onChange?.({\n      leftSelected: [],\n      rightSelected: [],\n      leftData: newLeftData,\n      rightData: newRightData,\n    });\n  }, [leftPanel.selectedRowKeys, leftDataSource, rightDataSource, onChange]);\n\n  /**\n   * 左移：将右侧选中项移到左侧\n   */\n  const handleMoveLeft = useCallback(() => {\n    if (rightPanel.selectedRowKeys.length === 0) return;\n\n    const selectedSet = new Set(rightPanel.selectedRowKeys.map(String));\n    const nodesToAdd = extractTopLevelSelectedNodes<T>(selectedSet, rightDataSource);\n    const keysToRemove = new Set(getAllDescendantKeys(rightPanel.selectedRowKeys, rightDataSource));\n    const newRightData = removeNodesFromTree(rightDataSource, keysToRemove);\n    const newLeftData = addNodesToTree(leftDataSource, null, nodesToAdd);\n\n    setLeftPanel((prev) => ({ ...prev, currentPage: 1, selectedRowKeys: [] }));\n    setRightPanel((prev) => ({ ...prev, currentPage: 1, selectedRowKeys: [] }));\n\n    onChange?.({\n      leftSelected: [],\n      rightSelected: [],\n      leftData: newLeftData,\n      rightData: newRightData,\n    });\n  }, [rightPanel.selectedRowKeys, rightDataSource, leftDataSource, onChange]);\n\n  // ── 渲染 ─────────────────────────────────────────────────────────────────────\n\n  return (\n    <div className='tree-transfer-wrapper'>\n      <Spin spinning={loading}>\n        <div className='tree-transfer-content'>\n          {/* 左侧面板 */}\n          <TreeTransferPanel<T>\n            dataSource={filteredLeftData}\n            selectedRowKeys={leftPanel.selectedRowKeys}\n            onRowSelect={(_, keys) => setLeftPanel((prev) => ({ ...prev, selectedRowKeys: keys }))}\n            searchValue={leftPanel.searchValue}\n            setSearchValue={handleLeftSearchChange}\n            totalCount={leftPanel.searchValue ? filteredLeftTotalCount : leftPanel.totalCount}\n            title={leftTitle}\n            showPagination={true}\n            currentPage={leftPanel.currentPage}\n            pageSize={pageSize}\n            onPageChange={handleLeftPageChange}\n            columns={columns}\n            customRender={customRender}\n            searchPlaceholder={searchPlaceholder}\n          />\n\n          {/* 中间操作按钮 */}\n          <div className='tree-transfer-operations'>\n            <Space direction='vertical' size={8}>\n              <Button\n                className='tree-transfer-operation-btn'\n                type={leftPanel.selectedRowKeys.length > 0 ? 'primary' : 'default'}\n                icon={<RightOutlined />}\n                onClick={handleMoveRight}\n                disabled={leftPanel.selectedRowKeys.length === 0}\n              />\n              <Button\n                className='tree-transfer-operation-btn'\n                type={rightPanel.selectedRowKeys.length > 0 ? 'primary' : 'default'}\n                icon={<LeftOutlined />}\n                onClick={handleMoveLeft}\n                disabled={rightPanel.selectedRowKeys.length === 0}\n              />\n            </Space>\n          </div>\n\n          {/* 右侧面板 */}\n          <TreeTransferPanel<T>\n            dataSource={filteredRightData}\n            selectedRowKeys={rightPanel.selectedRowKeys}\n            onRowSelect={(_, keys) => setRightPanel((prev) => ({ ...prev, selectedRowKeys: keys }))}\n            searchValue={rightPanel.searchValue}\n            setSearchValue={handleRightSearchChange}\n            totalCount={rightPanel.searchValue ? filteredRightTotalCount : rightPanel.totalCount}\n            title={rightTitle}\n            showPagination={true}\n            currentPage={rightPanel.currentPage}\n            pageSize={pageSize}\n            onPageChange={handleRightPageChange}\n            columns={columns}\n            customRender={customRender}\n          />\n        </div>\n      </Spin>\n    </div>\n  );\n}\n\nexport default TreeTransfer;\n"],
+  "mappings": "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",
+  "names": ["React", "TreeTransferPanel"]
+}