amis-ui 6.13.0-beta.8 → 6.13.0

package/lib/components/TabsTransfer.js

@@ -0,0 +1,234 @@
+/**
+ * amis-ui v6.13.0
+ * Copyright 2018-2025 fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var amisCore = require('amis-core');
+var Tabs = require('./Tabs.js');
+var InputBox = require('./InputBox.js');
+var TableSelection = require('./TableSelection.js');
+var Tree = require('./Tree.js');
+var ChainedSelection = require('./ChainedSelection.js');
+var GroupedSelection = require('./GroupedSelection.js');
+var Transfer = require('./Transfer.js');
+var AssociatedSelection = require('./AssociatedSelection.js');
+var icons = require('./icons.js');
+var debounce = require('lodash/debounce');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
+
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
+var TabsTransfer = /** @class */ (function (_super) {
+    tslib.__extends(TabsTransfer, _super);
+    function TabsTransfer() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            inputValue: '',
+            searchResult: null
+        };
+        _this.unmounted = false;
+        _this.lazySearch = debounce__default["default"](function (text, option) {
+            (function (text) { return tslib.__awaiter(_this, void 0, void 0, function () {
+                var onSearch, result;
+                var _this = this;
+                return tslib.__generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            onSearch = this.props.onSearch;
+                            return [4 /*yield*/, onSearch(text, option, function (cancelExecutor) { return (_this.cancelSearch = cancelExecutor); })];
+                        case 1:
+                            result = _a.sent();
+                            if (this.unmounted) {
+                                return [2 /*return*/];
+                            }
+                            if (!Array.isArray(result)) {
+                                throw new Error('onSearch 需要返回数组');
+                            }
+                            this.setState({
+                                searchResult: result
+                            });
+                            return [2 /*return*/];
+                    }
+                });
+            }); })(text).catch(function (e) { return console.error(e); });
+        }, 250, {
+            trailing: true,
+            leading: false
+        });
+        return _this;
+    }
+    TabsTransfer.prototype.componentWillUnmount = function () {
+        this.lazySearch.cancel();
+        this.unmounted = true;
+    };
+    TabsTransfer.prototype.handleSearch = function (text, option) {
+        var _this = this;
+        // text 有值的时候，走搜索否则直接走 handleSeachCancel ，等同于右侧的 clear 按钮
+        if (text) {
+            this.setState({
+                inputValue: text
+            }, function () {
+                // 如果有取消搜索，先取消掉。
+                _this.cancelSearch && _this.cancelSearch();
+                _this.lazySearch(text, option);
+            });
+        }
+        else {
+            this.handleSeachCancel();
+        }
+    };
+    TabsTransfer.prototype.handleSeachCancel = function () {
+        this.setState({
+            inputValue: '',
+            searchResult: null
+        });
+    };
+    TabsTransfer.prototype.handleSearchKeyDown = function (e) {
+        if (e.key === 'Enter') {
+            e.preventDefault();
+        }
+    };
+    TabsTransfer.prototype.handleTabChange = function (key) {
+        var _a, _b;
+        (_b = (_a = this.props) === null || _a === void 0 ? void 0 : _a.onTabChange) === null || _b === void 0 ? void 0 : _b.call(_a, key);
+        this.handleSeachCancel();
+    };
+    TabsTransfer.prototype.renderSearchResult = function (searchResult) {
+        var _a = this.props, searchResultMode = _a.searchResultMode, noResultsText = _a.noResultsText, searchResultColumns = _a.searchResultColumns, cx = _a.classnames, value = _a.value, disabled = _a.disabled, onChange = _a.onChange, option2value = _a.option2value, cellRender = _a.cellRender, optionItemRender = _a.optionItemRender, itemHeight = _a.itemHeight, virtualThreshold = _a.virtualThreshold, onlyChildren = _a.onlyChildren, selectMode = _a.selectMode; _a.loadingConfig; var activeKey = _a.activeKey, optionsConfig = _a.options, _b = _a.valueField, valueField = _b === void 0 ? 'value' : _b, _c = _a.labelField, labelField = _c === void 0 ? 'label' : _c, testIdBuilder = _a.testIdBuilder;
+        var options = searchResult || [];
+        var mode = searchResultMode || selectMode; // 没有配置时默认和左侧选项展示形式一致
+        var searchTIB = testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('search-result');
+        var activeTab = optionsConfig[activeKey];
+        return mode === 'table' ? (_J$X_(TableSelection["default"], { placeholder: noResultsText, className: cx('Transfer-checkboxes'), columns: searchResultColumns, options: options, value: value, disabled: disabled, onChange: onChange, option2value: option2value, cellRender: cellRender, itemHeight: itemHeight, virtualThreshold: virtualThreshold, testIdBuilder: searchTIB })) : mode === 'tree' ? (_J$X_(Tree["default"], { placeholder: noResultsText, className: cx('Transfer-checkboxes'), options: options, value: value, disabled: disabled, onChange: onChange, joinValues: false, onlyChildren: onlyChildren, showIcon: false, multiple: true, cascade: true, autoCheckChildren: activeTab.autoCheckChildren, itemRender: optionItemRender
+                ? function (item, states) {
+                    return optionItemRender(item, states, {
+                        panel: 'result'
+                    });
+                }
+                : undefined, valueField: valueField, labelField: labelField, testIdBuilder: searchTIB })) : mode === 'chained' ? (_J$X_(ChainedSelection["default"], { placeholder: noResultsText, className: cx('Transfer-checkboxes'), options: options, value: value, disabled: disabled, onChange: onChange, option2value: option2value, itemRender: optionItemRender
+                ? function (item, states) {
+                    return optionItemRender(item, states, {
+                        panel: 'result'
+                    });
+                }
+                : undefined, itemHeight: itemHeight, virtualThreshold: virtualThreshold, valueField: valueField, labelField: labelField, testIdBuilder: searchTIB })) : (_J$X_(GroupedSelection["default"], { placeholder: noResultsText, className: cx('Transfer-checkboxes'), options: options, value: value, disabled: disabled, onChange: onChange, option2value: option2value, itemRender: optionItemRender
+                ? function (item, states) {
+                    return optionItemRender(item, states, {
+                        panel: 'result'
+                    });
+                }
+                : undefined, itemHeight: itemHeight, virtualThreshold: virtualThreshold, valueField: valueField, labelField: labelField, testIdBuilder: searchTIB }));
+    };
+    TabsTransfer.prototype.renderSelect = function () {
+        var _this = this;
+        var _a = this.props, options = _a.options, placeholder = _a.placeholder, activeKey = _a.activeKey, cx = _a.classnames, __ = _a.translate, ctx = _a.ctx, mobileUI = _a.mobileUI, searchable = _a.searchable, testIdBuilder = _a.testIdBuilder;
+        var showOptions = options.filter(function (item) { return item.visible !== false; });
+        if (!Array.isArray(options) || !options.length) {
+            return (_J$X_("div", { className: cx('TabsTransfer-placeholder') }, __(placeholder || 'placeholder.noOption')));
+        }
+        return (_J$X_(Tabs["default"], { mode: "line", className: cx('TabsTransfer-tabs'), onSelect: this.handleTabChange, activeKey: activeKey, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('tabs') }, showOptions.map(function (option, index) { return (_J$X_(Tabs.Tab, { eventKey: index, key: index, title: amisCore.filter(option.label || option.title, amisCore.createObject(ctx, option)), className: "TabsTransfer-tab", testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild("tab-".concat(index)) },
+            option.searchable || searchable ? (_J$X_("div", { className: cx('TabsTransfer-search', { 'is-mobile': mobileUI }) },
+                _J$X_(InputBox["default"], { value: _this.state.inputValue, onChange: function (text) { return _this.handleSearch(text, option); }, placeholder: __('Transfer.searchKeyword'), clearable: false, onKeyDown: _this.handleSearchKeyDown }, _this.state.searchResult !== null ? (_J$X_("a", { onClick: _this.handleSeachCancel },
+                    _J$X_(icons.Icon, { icon: "close", className: "icon" }))) : (_J$X_(icons.Icon, { icon: "search", className: "icon" }))))) : null,
+            _this.state.searchResult !== null
+                ? _this.renderSearchResult(_this.state.searchResult)
+                : _this.renderOptions(option))); })));
+    };
+    TabsTransfer.prototype.renderOptions = function (option) {
+        var _a;
+        var _b = this.props, cx = _b.classnames, value = _b.value, disabled = _b.disabled, multiple = _b.multiple, onChange = _b.onChange, option2value = _b.option2value, onDeferLoad = _b.onDeferLoad, onLeftDeferLoad = _b.onLeftDeferLoad, cellRender = _b.cellRender; _b.translate; var optionItemRender = _b.optionItemRender, itemHeight = _b.itemHeight, virtualThreshold = _b.virtualThreshold, onlyChildren = _b.onlyChildren, loadingConfig = _b.loadingConfig, _c = _b.initiallyOpen, initiallyOpen = _c === void 0 ? true : _c, _d = _b.valueField, valueField = _d === void 0 ? 'value' : _d, _e = _b.labelField, labelField = _e === void 0 ? 'label' : _e, _f = _b.deferField, deferField = _f === void 0 ? 'defer' : _f, testIdBuilder = _b.testIdBuilder;
+        var selectMode = option.selectMode || this.props.selectMode;
+        var selTIB = testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('selection');
+        return selectMode === 'table' ? (_J$X_(TableSelection["default"], { className: cx('Transfer-checkboxes'), columns: option.columns, options: option.children || [], value: value, multiple: multiple, disabled: disabled, onChange: onChange, option2value: option2value, onDeferLoad: onDeferLoad, cellRender: cellRender, itemHeight: itemHeight, virtualThreshold: virtualThreshold, valueField: valueField, labelField: labelField, testIdBuilder: selTIB })) : selectMode === 'tree' ? (_J$X_(Tree["default"], { loadingConfig: loadingConfig, className: cx('Transfer-checkboxes'), options: option.children || [], value: value, multiple: multiple, disabled: disabled, onChange: onChange, joinValues: false, showIcon: false, onlyChildren: (_a = option.onlyChildren) !== null && _a !== void 0 ? _a : onlyChildren, cascade: true, onDeferLoad: onDeferLoad, autoCheckChildren: option.autoCheckChildren, itemRender: optionItemRender
+                ? function (item, states) {
+                    return optionItemRender(item, states, {
+                        panel: 'tab',
+                        tag: option
+                    });
+                }
+                : undefined, 
+            // itemHeight={itemHeight}
+            virtualThreshold: virtualThreshold, valueField: valueField, labelField: labelField, initiallyOpen: initiallyOpen, testIdBuilder: selTIB })) : selectMode === 'chained' ? (_J$X_(ChainedSelection["default"], { className: cx('Transfer-checkboxes'), options: option.children || [], value: value, multiple: multiple, disabled: disabled, onChange: onChange, option2value: option2value, onDeferLoad: onDeferLoad, defaultSelectedIndex: option.defaultSelectedIndex, itemRender: optionItemRender
+                ? function (item, states) {
+                    return optionItemRender(item, states, {
+                        panel: 'tab',
+                        tag: option
+                    });
+                }
+                : undefined, itemHeight: itemHeight, virtualThreshold: virtualThreshold, valueField: valueField, labelField: labelField, testIdBuilder: selTIB })) : selectMode === 'associated' ? (_J$X_(AssociatedSelection["default"], { className: cx('Transfer-checkboxes'), options: option.children || [], value: value, multiple: multiple, disabled: disabled, onChange: onChange, option2value: option2value, onDeferLoad: onDeferLoad, onLeftDeferLoad: onLeftDeferLoad, leftMode: option.leftMode, leftOptions: option.leftOptions, leftDefaultValue: option.leftDefaultValue, loadingConfig: loadingConfig, itemRender: optionItemRender
+                ? function (item, states) {
+                    return optionItemRender(item, states, {
+                        panel: 'tab',
+                        tag: option
+                    });
+                }
+                : undefined, itemHeight: itemHeight, virtualThreshold: virtualThreshold, valueField: valueField, labelField: labelField, deferField: deferField, testIdBuilder: selTIB })) : (_J$X_(GroupedSelection["default"], { className: cx('Transfer-checkboxes'), options: option.children || [], value: value, multiple: multiple, disabled: disabled, onChange: onChange, option2value: option2value, onDeferLoad: onDeferLoad, itemRender: optionItemRender
+                ? function (item, states) {
+                    return optionItemRender(item, states, {
+                        panel: 'tab',
+                        tag: option
+                    });
+                }
+                : undefined, itemHeight: itemHeight, virtualThreshold: virtualThreshold, valueField: valueField, labelField: labelField, testIdBuilder: selTIB }));
+    };
+    TabsTransfer.prototype.render = function () {
+        var _a = this.props, className = _a.className, cx = _a.classnames; _a.optionItemRender; _a.onSearch; var mobileUI = _a.mobileUI, reset = tslib.__rest(_a, ["className", "classnames", "optionItemRender", "onSearch", "mobileUI"]);
+        return (_J$X_(Transfer["default"], tslib.__assign({}, reset, { mobileUI: mobileUI, statistics: false, classnames: cx, className: cx('TabsTransfer', className), selectRender: this.renderSelect })));
+    };
+    TabsTransfer.defaultProps = {
+        multiple: true,
+        onlyChildren: true
+    };
+    tslib.__decorate([
+        amisCore.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", [String, Object]),
+        tslib.__metadata("design:returntype", void 0)
+    ], TabsTransfer.prototype, "handleSearch", null);
+    tslib.__decorate([
+        amisCore.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", void 0)
+    ], TabsTransfer.prototype, "handleSeachCancel", null);
+    tslib.__decorate([
+        amisCore.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", [Object]),
+        tslib.__metadata("design:returntype", void 0)
+    ], TabsTransfer.prototype, "handleSearchKeyDown", null);
+    tslib.__decorate([
+        amisCore.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", [Number]),
+        tslib.__metadata("design:returntype", void 0)
+    ], TabsTransfer.prototype, "handleTabChange", null);
+    tslib.__decorate([
+        amisCore.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", void 0)
+    ], TabsTransfer.prototype, "renderSelect", null);
+    tslib.__decorate([
+        amisCore.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", [Object]),
+        tslib.__metadata("design:returntype", void 0)
+    ], TabsTransfer.prototype, "renderOptions", null);
+    return TabsTransfer;
+}(React__default["default"].Component));
+var TabsTransfer$1 = amisCore.themeable(amisCore.localeable(TabsTransfer));
+
+exports.TabsTransfer = TabsTransfer;
+exports["default"] = TabsTransfer$1;

package/lib/components/TabsTransferPicker.d.ts

@@ -0,0 +1,267 @@
+/// <reference types="hoist-non-react-statics" />
+import { ThemeProps } from 'amis-core';
+import React from 'react';
+import { TabsTransferProps } from './TabsTransfer';
+export interface TabsTransferPickerProps extends Omit<TabsTransferProps, 'itemRender'>, ThemeProps {
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    onFocus?: () => void;
+    onBlur?: () => void;
+    popOverContainer?: any;
+}
+export declare class TransferPicker extends React.Component<TabsTransferPickerProps> {
+    optionModified: boolean;
+    handleConfirm(value: any): void;
+    onFocus(): void;
+    onBlur(): void;
+    render(): React.JSX.Element;
+}
+declare const _default: {
+    new (props: Omit<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+        locale?: string | undefined;
+        translate?: ((str: string, ...args: any[]) => string) | undefined;
+    }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps): {
+        ref: any;
+        childRef(ref: any): void;
+        getWrappedInstance(): any;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<{
+        new (props: Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }): {
+            ref: any;
+            childRef(ref: any): void;
+            getWrappedInstance(): any;
+            render(): React.JSX.Element;
+            context: unknown;
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
+            forceUpdate(callback?: (() => void) | undefined): void;
+            readonly props: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>;
+            state: Readonly<{}>;
+            refs: {
+                [key: string]: React.ReactInstance;
+            };
+            componentDidMount?(): void;
+            shouldComponentUpdate?(nextProps: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): boolean;
+            componentWillUnmount?(): void;
+            componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, prevState: Readonly<{}>): any;
+            componentDidUpdate?(prevProps: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, prevState: Readonly<{}>, snapshot?: any): void;
+            componentWillMount?(): void;
+            UNSAFE_componentWillMount?(): void;
+            componentWillReceiveProps?(nextProps: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            componentWillUpdate?(nextProps: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): void;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): void;
+        };
+        displayName: string;
+        contextType: React.Context<string>;
+        ComposedComponent: React.ComponentType<typeof TransferPicker>;
+    } & import("hoist-non-react-statics").NonReactStatics<typeof TransferPicker, {}> & {
+        ComposedComponent: typeof TransferPicker;
+    }>;
+} & import("hoist-non-react-statics").NonReactStatics<{
+    new (props: Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+        locale?: string | undefined;
+        translate?: ((str: string, ...args: any[]) => string) | undefined;
+    }): {
+        ref: any;
+        childRef(ref: any): void;
+        getWrappedInstance(): any;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<typeof TransferPicker>;
+} & import("hoist-non-react-statics").NonReactStatics<typeof TransferPicker, {}> & {
+    ComposedComponent: typeof TransferPicker;
+}, {}> & {
+    ComposedComponent: {
+        new (props: Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }): {
+            ref: any;
+            childRef(ref: any): void;
+            getWrappedInstance(): any;
+            render(): React.JSX.Element;
+            context: unknown;
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
+            forceUpdate(callback?: (() => void) | undefined): void;
+            readonly props: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>;
+            state: Readonly<{}>;
+            refs: {
+                [key: string]: React.ReactInstance;
+            };
+            componentDidMount?(): void;
+            shouldComponentUpdate?(nextProps: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): boolean;
+            componentWillUnmount?(): void;
+            componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, prevState: Readonly<{}>): any;
+            componentDidUpdate?(prevProps: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, prevState: Readonly<{}>, snapshot?: any): void;
+            componentWillMount?(): void;
+            UNSAFE_componentWillMount?(): void;
+            componentWillReceiveProps?(nextProps: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            componentWillUpdate?(nextProps: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): void;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): void;
+        };
+        displayName: string;
+        contextType: React.Context<string>;
+        ComposedComponent: React.ComponentType<typeof TransferPicker>;
+    } & import("hoist-non-react-statics").NonReactStatics<typeof TransferPicker, {}> & {
+        ComposedComponent: typeof TransferPicker;
+    };
+};
+export default _default;

package/lib/components/TabsTransferPicker.js

@@ -0,0 +1,93 @@
+/**
+ * amis-ui v6.13.0
+ * Copyright 2018-2025 fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var amisCore = require('amis-core');
+var React = require('react');
+var ResultBox = require('./ResultBox.js');
+var icons = require('./icons.js');
+var PickerContainer = require('./PickerContainer.js');
+var TabsTransfer = require('./TabsTransfer.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
+var TransferPicker = /** @class */ (function (_super) {
+    tslib.__extends(TransferPicker, _super);
+    function TransferPicker() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.optionModified = false;
+        return _this;
+    }
+    TransferPicker.prototype.handleConfirm = function (value) {
+        var _a, _b;
+        (_b = (_a = this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, value, this.optionModified);
+        this.optionModified = false;
+    };
+    TransferPicker.prototype.onFocus = function () {
+        var _a, _b;
+        (_b = (_a = this.props).onFocus) === null || _b === void 0 ? void 0 : _b.call(_a);
+    };
+    TransferPicker.prototype.onBlur = function () {
+        var _a, _b;
+        (_b = (_a = this.props).onBlur) === null || _b === void 0 ? void 0 : _b.call(_a);
+    };
+    TransferPicker.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, cx = _a.classnames, value = _a.value, __ = _a.translate, disabled = _a.disabled, className = _a.className, onChange = _a.onChange, size = _a.size, _b = _a.labelField, labelField = _b === void 0 ? 'label' : _b, mobileUI = _a.mobileUI, popOverContainer = _a.popOverContainer, maxTagCount = _a.maxTagCount, overflowTagPopover = _a.overflowTagPopover, placeholder = _a.placeholder, rest = tslib.__rest(_a, ["classnames", "value", "translate", "disabled", "className", "onChange", "size", "labelField", "mobileUI", "popOverContainer", "maxTagCount", "overflowTagPopover", "placeholder"]);
+        return (_J$X_(PickerContainer["default"], { title: __('Select.placeholder'), mobileUI: mobileUI, popOverContainer: popOverContainer, onFocus: this.onFocus, onClose: this.onBlur, bodyRender: function (_a) {
+                _a.onClose; var value = _a.value, onChange = _a.onChange, setState = _a.setState, states = tslib.__rest(_a, ["onClose", "value", "onChange", "setState"]);
+                return (_J$X_(TabsTransfer["default"], tslib.__assign({}, rest, states, { value: value, mobileUI: mobileUI, onChange: function (value, optionModified) {
+                        if (optionModified) {
+                            var options = amisCore.mapTree(rest.options, function (item) {
+                                return (value.find(function (a) { return a.value === item.value; }) || item);
+                            });
+                            _this.optionModified = true;
+                            setState({ options: options, value: value });
+                        }
+                        else {
+                            onChange(value);
+                        }
+                    }, labelField: labelField })));
+            }, value: value, onConfirm: this.handleConfirm, size: size }, function (_a) {
+            var onClick = _a.onClick, isOpened = _a.isOpened;
+            return (_J$X_(ResultBox["default"], { className: cx('TransferPicker', className, isOpened ? 'is-active' : ''), allowInput: false, result: value, onResultChange: onChange, onResultClick: onClick, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : __('Select.placeholder'), disabled: disabled, itemRender: function (option) { return (_J$X_("span", null, (option && option[labelField]) || 'undefiend')); }, mobileUI: mobileUI, maxTagCount: maxTagCount, overflowTagPopover: overflowTagPopover }, !mobileUI ? (_J$X_("span", { className: cx('TransferPicker-icon') },
+                _J$X_(icons.Icon, { icon: "pencil", className: "icon" }))) : null));
+        }));
+    };
+    tslib.__decorate([
+        amisCore.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", [Object]),
+        tslib.__metadata("design:returntype", void 0)
+    ], TransferPicker.prototype, "handleConfirm", null);
+    tslib.__decorate([
+        amisCore.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", void 0)
+    ], TransferPicker.prototype, "onFocus", null);
+    tslib.__decorate([
+        amisCore.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", void 0)
+    ], TransferPicker.prototype, "onBlur", null);
+    return TransferPicker;
+}(React__default["default"].Component));
+var TabsTransferPicker = amisCore.themeable(amisCore.localeable(amisCore.uncontrollable(TransferPicker, {
+    value: 'onChange'
+})));
+
+exports.TransferPicker = TransferPicker;
+exports["default"] = TabsTransferPicker;