amis-rev-ui 6.13.0

package/esm/components/TabsTransfer.js

@@ -0,0 +1,221 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+import { __extends, __spreadArray, __read, __awaiter, __generator, __rest, __assign, __decorate, __metadata } from 'tslib';
+import React__default from 'react';
+import { filter, createObject, autobind, themeable, localeable } from 'amis-rev-core';
+import ThemedTabs, { Tab } from './Tabs.js';
+import InputBox from './InputBox.js';
+import TableCheckboxes from './TableSelection.js';
+import Tree from './Tree.js';
+import ChainedCheckboxes from './ChainedSelection.js';
+import GroupedSelection from './GroupedSelection.js';
+import Transfer from './Transfer.js';
+import AssociatedCheckboxes from './AssociatedSelection.js';
+import { Icon } from './icons.js';
+import debounce from 'lodash/debounce';
+
+var TabsTransfer = /** @class */ (function (_super) {
+    __extends(TabsTransfer, _super);
+    function TabsTransfer() {
+        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
+        _this.state = {
+            inputValue: '',
+            searchResult: null
+        };
+        _this.unmounted = false;
+        _this.lazySearch = debounce(function (text, option) {
+            (function (text) { return __awaiter(_this, void 0, void 0, function () {
+                var onSearch, result;
+                var _this = this;
+                return __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' ? (React__default.createElement(TableCheckboxes, { 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' ? (React__default.createElement(Tree, { 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' ? (React__default.createElement(ChainedCheckboxes, { 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 })) : (React__default.createElement(GroupedSelection, { 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 (React__default.createElement("div", { className: cx('TabsTransfer-placeholder') }, __(placeholder || 'placeholder.noOption')));
+        }
+        return (React__default.createElement(ThemedTabs, { 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 (React__default.createElement(Tab, { eventKey: index, key: index, title: filter(option.label || option.title, createObject(ctx, option)), className: "TabsTransfer-tab", testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild("tab-".concat(index)) },
+            option.searchable || searchable ? (React__default.createElement("div", { className: cx('TabsTransfer-search', { 'is-mobile': mobileUI }) },
+                React__default.createElement(InputBox, { value: _this.state.inputValue, onChange: function (text) { return _this.handleSearch(text, option); }, placeholder: __('Transfer.searchKeyword'), clearable: false, onKeyDown: _this.handleSearchKeyDown }, _this.state.searchResult !== null ? (React__default.createElement("a", { onClick: _this.handleSeachCancel },
+                    React__default.createElement(Icon, { icon: "close", className: "icon" }))) : (React__default.createElement(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' ? (React__default.createElement(TableCheckboxes, { 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' ? (React__default.createElement(Tree, { 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' ? (React__default.createElement(ChainedCheckboxes, { 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' ? (React__default.createElement(AssociatedCheckboxes, { 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 })) : (React__default.createElement(GroupedSelection, { 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 = __rest(_a, ["className", "classnames", "optionItemRender", "onSearch", "mobileUI"]);
+        return (React__default.createElement(Transfer, __assign({}, reset, { mobileUI: mobileUI, statistics: false, classnames: cx, className: cx('TabsTransfer', className), selectRender: this.renderSelect })));
+    };
+    TabsTransfer.defaultProps = {
+        multiple: true,
+        onlyChildren: true
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [String, Object]),
+        __metadata("design:returntype", void 0)
+    ], TabsTransfer.prototype, "handleSearch", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], TabsTransfer.prototype, "handleSeachCancel", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], TabsTransfer.prototype, "handleSearchKeyDown", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Number]),
+        __metadata("design:returntype", void 0)
+    ], TabsTransfer.prototype, "handleTabChange", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], TabsTransfer.prototype, "renderSelect", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], TabsTransfer.prototype, "renderOptions", null);
+    return TabsTransfer;
+}(React__default.Component));
+var TabsTransfer$1 = themeable(localeable(TabsTransfer));
+
+export { TabsTransfer, TabsTransfer$1 as default };

package/esm/components/TabsTransferPicker.js

@@ -0,0 +1,81 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+import { __extends, __spreadArray, __read, __rest, __assign, __decorate, __metadata } from 'tslib';
+import { mapTree, autobind, themeable, localeable, uncontrollable } from 'amis-rev-core';
+import React__default from 'react';
+import ResultBox from './ResultBox.js';
+import { Icon } from './icons.js';
+import PickerContainer from './PickerContainer.js';
+import TabsTransfer from './TabsTransfer.js';
+
+var TransferPicker = /** @class */ (function (_super) {
+    __extends(TransferPicker, _super);
+    function TransferPicker() {
+        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || 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 = __rest(_a, ["classnames", "value", "translate", "disabled", "className", "onChange", "size", "labelField", "mobileUI", "popOverContainer", "maxTagCount", "overflowTagPopover", "placeholder"]);
+        return (React__default.createElement(PickerContainer, { 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 = __rest(_a, ["onClose", "value", "onChange", "setState"]);
+                return (React__default.createElement(TabsTransfer, __assign({}, rest, states, { value: value, mobileUI: mobileUI, onChange: function (value, optionModified) {
+                        if (optionModified) {
+                            var options = 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 (React__default.createElement(ResultBox, { 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 (React__default.createElement("span", null, (option && option[labelField]) || 'undefiend')); }, mobileUI: mobileUI, maxTagCount: maxTagCount, overflowTagPopover: overflowTagPopover }, !mobileUI ? (React__default.createElement("span", { className: cx('TransferPicker-icon') },
+                React__default.createElement(Icon, { icon: "pencil", className: "icon" }))) : null));
+        }));
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], TransferPicker.prototype, "handleConfirm", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], TransferPicker.prototype, "onFocus", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], TransferPicker.prototype, "onBlur", null);
+    return TransferPicker;
+}(React__default.Component));
+var TabsTransferPicker = themeable(localeable(uncontrollable(TransferPicker, {
+    value: 'onChange'
+})));
+
+export { TransferPicker, TabsTransferPicker as default };

package/esm/components/Tag.js

@@ -0,0 +1,137 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+import { __extends, __assign, __decorate, __metadata } from 'tslib';
+import React__default from 'react';
+import { autobind, noop, themeable } from 'amis-rev-core';
+import { Icon } from './icons.js';
+
+/**
+ * @file Tag
+ */
+var PRESET_COLOR = [
+    'inactive',
+    'active',
+    'success',
+    'processing',
+    'error',
+    'warning'
+];
+var Tag = /** @class */ (function (_super) {
+    __extends(Tag, _super);
+    function Tag() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Tag.prototype.renderCloseIcon = function () {
+        var _a = this.props, closeIcon = _a.closeIcon, cx = _a.classnames, closable = _a.closable;
+        if (!closable) {
+            return null;
+        }
+        var icon = React__default.createElement(Icon, { cx: cx, icon: closeIcon || 'close', className: "icon" });
+        return (React__default.createElement("span", { className: cx("Tag--close"), onClick: this.handleClose }, icon));
+    };
+    Tag.prototype.handleClose = function (e) {
+        var onClose = this.props.onClose;
+        e.stopPropagation();
+        onClose === null || onClose === void 0 ? void 0 : onClose(e);
+    };
+    Tag.prototype.handleClick = function (e) {
+        var onClick = this.props.onClick;
+        onClick === null || onClick === void 0 ? void 0 : onClick(e);
+    };
+    Tag.prototype.handleMouseEnter = function (e) {
+        var onMouseEnter = this.props.onMouseEnter;
+        onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
+    };
+    Tag.prototype.handleMouseLeave = function (e) {
+        var onMouseLeave = this.props.onMouseLeave;
+        onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
+    };
+    Tag.prototype.render = function () {
+        var _a;
+        var _b = this.props, children = _b.children, cx = _b.classnames, className = _b.className, displayMode = _b.displayMode, disabled = _b.disabled, color = _b.color, icon = _b.icon, style = _b.style, label = _b.label, dataIndex = _b.dataIndex;
+        var isPresetColor = color && PRESET_COLOR.indexOf(color) !== -1;
+        var customColor = color && !isPresetColor ? color : undefined;
+        var tagStyle = __assign({ backgroundColor: displayMode === 'normal' ? customColor : undefined, borderColor: displayMode === 'rounded' ? customColor : undefined, color: displayMode === 'rounded' ? customColor : undefined }, style);
+        var prevIcon;
+        if (displayMode === 'status') {
+            var iconItem = void 0;
+            if (icon) {
+                iconItem = React__default.createElement(Icon, { icon: icon, className: "icon" });
+            }
+            if (!iconItem) {
+                iconItem = (React__default.createElement(Icon, { icon: "dot", className: cx('icon', 'Tag-default-icon') }));
+            }
+            var prevIconStyle = customColor ? { style: { color: customColor } } : {};
+            prevIcon = (React__default.createElement("span", __assign({ className: cx('Tag--prev') }, prevIconStyle), iconItem));
+        }
+        return (React__default.createElement("span", { className: cx('Tag', "Tag--".concat(displayMode), className, (_a = {},
+                _a["Tag--".concat(displayMode, "--").concat(color)] = isPresetColor,
+                _a["Tag--".concat(displayMode, "--hasColor")] = color,
+                _a["Tag--disabled"] = disabled,
+                _a)), style: tagStyle, onClick: this.handleClick, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, "data-index": dataIndex },
+            React__default.createElement("span", { className: cx('Tag-text'), title: typeof label === 'string' ? label : undefined },
+                prevIcon,
+                label || children),
+            this.renderCloseIcon()));
+    };
+    Tag.defaultProps = {
+        displayMode: 'normal'
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], Tag.prototype, "handleClose", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], Tag.prototype, "handleClick", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], Tag.prototype, "handleMouseEnter", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], Tag.prototype, "handleMouseLeave", null);
+    return Tag;
+}(React__default.Component));
+var CheckableTagComp = /** @class */ (function (_super) {
+    __extends(CheckableTagComp, _super);
+    function CheckableTagComp() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    CheckableTagComp.prototype.handleClick = function (e) {
+        var _a = this.props, onChange = _a.onChange, onClick = _a.onClick, checked = _a.checked;
+        onChange === null || onChange === void 0 ? void 0 : onChange(!checked);
+        onClick === null || onClick === void 0 ? void 0 : onClick(e);
+    };
+    CheckableTagComp.prototype.render = function () {
+        var _a = this.props, cx = _a.classnames, className = _a.className, disabled = _a.disabled, label = _a.label, children = _a.children, checked = _a.checked, _b = _a.style, style = _b === void 0 ? {} : _b, dataIndex = _a.dataIndex;
+        return (React__default.createElement("span", { className: cx(className, 'Tag', 'Tag--checkable', {
+                'Tag--checkable--checked': checked,
+                'Tag--checkable--disabled': disabled
+            }), onClick: disabled ? noop : this.handleClick, style: style, title: typeof label === 'string' ? label : undefined, "data-index": dataIndex }, label || children));
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], CheckableTagComp.prototype, "handleClick", null);
+    return CheckableTagComp;
+}(React__default.Component));
+themeable(CheckableTagComp);
+var Tag$1 = themeable(Tag);
+
+export { Tag, Tag$1 as default };

package/esm/components/Textarea.js

@@ -0,0 +1,146 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+import { __extends, __spreadArray, __read, __awaiter, __generator, __assign, __decorate, __metadata } from 'tslib';
+import React__default from 'react';
+import { findDomCompat, ucFirst, autobind, themeable, localeable } from 'amis-rev-core';
+import BaseTextArea from 'react-textarea-autosize';
+import { Icon } from './icons.js';
+
+var Textarea = /** @class */ (function (_super) {
+    __extends(Textarea, _super);
+    function Textarea() {
+        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
+        _this.state = {
+            focused: false
+        };
+        _this.inputRef = function (ref) {
+            _this.input = findDomCompat(ref);
+            if (_this.props.forwardRef) {
+                _this.props.forwardRef.current = _this.input;
+            }
+            return _this.input;
+        };
+        return _this;
+    }
+    Textarea.prototype.valueToString = function (value) {
+        return typeof value === 'undefined' || value === null
+            ? ''
+            : typeof value === 'string'
+                ? value
+                : JSON.stringify(value);
+    };
+    Textarea.prototype.focus = function () {
+        var _this = this;
+        if (!this.input) {
+            return;
+        }
+        this.setState({
+            focused: true
+        }, function () {
+            if (!_this.input) {
+                return;
+            }
+            _this.input.focus();
+            // 光标放到最后
+            var len = _this.input.value.length;
+            len && _this.input.setSelectionRange(len, len);
+        });
+    };
+    Textarea.prototype.handleChange = function (e) {
+        var onChange = this.props.onChange;
+        var value = e.currentTarget.value;
+        onChange === null || onChange === void 0 ? void 0 : onChange(value);
+    };
+    Textarea.prototype.handleFocus = function (e) {
+        var onFocus = this.props.onFocus;
+        this.setState({
+            focused: true
+        }, function () {
+            onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+        });
+    };
+    Textarea.prototype.handleBlur = function (e) {
+        var _a = this.props, onBlur = _a.onBlur; _a.trimContents; _a.value; _a.onChange;
+        this.setState({
+            focused: false
+        }, function () {
+            // 和renderer的重复了，不知道这里干啥的，先注释了
+            // if (trimContents && value && typeof value === 'string') {
+            //   onChange?.(value.trim());
+            // }
+            onBlur && onBlur(e);
+        });
+    };
+    Textarea.prototype.handleClear = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var _a, onChange, resetValue;
+            return __generator(this, function (_b) {
+                _a = this.props, onChange = _a.onChange, resetValue = _a.resetValue;
+                onChange === null || onChange === void 0 ? void 0 : onChange(resetValue);
+                this.focus();
+                return [2 /*return*/];
+            });
+        });
+    };
+    Textarea.prototype.render = function () {
+        var _a;
+        var _b = this.props, className = _b.className; _b.classPrefix; var value = _b.value, placeholder = _b.placeholder, disabled = _b.disabled, minRows = _b.minRows, maxRows = _b.maxRows, readOnly = _b.readOnly, name = _b.name, borderMode = _b.borderMode, cx = _b.classnames, maxLength = _b.maxLength, showCounter = _b.showCounter, clearable = _b.clearable, testIdBuilder = _b.testIdBuilder, style = _b.style;
+        var counter = showCounter ? this.valueToString(value).length : 0;
+        return (React__default.createElement("div", { className: cx("TextareaControl", (_a = {},
+                _a["TextareaControl--border".concat(ucFirst(borderMode))] = borderMode,
+                _a['is-focused'] = this.state.focused,
+                _a['is-disabled'] = disabled || readOnly,
+                _a), className), style: style },
+            React__default.createElement(BaseTextArea, __assign({ className: cx("TextareaControl-input", {
+                    'TextareaControl-input--counter': showCounter
+                }), autoComplete: "off", ref: this.inputRef, name: name, disabled: disabled, value: this.valueToString(value), placeholder: placeholder, autoCorrect: "off", spellCheck: "false", maxLength: maxLength, readOnly: readOnly, minRows: minRows || undefined, maxRows: maxRows || undefined, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getTestId())),
+            clearable && !disabled && value ? (React__default.createElement("a", { onClick: this.handleClear, className: cx('TextareaControl-clear') },
+                React__default.createElement(Icon, { icon: "input-clear", className: "icon" }))) : null,
+            showCounter ? (React__default.createElement("span", { className: cx('TextareaControl-counter', {
+                    'is-empty': counter === 0,
+                    'is-clearable': clearable && !disabled && value
+                }) },
+                React__default.createElement("span", null, counter),
+                typeof maxLength === 'number' && maxLength ? (React__default.createElement(React__default.Fragment, null,
+                    React__default.createElement("i", null, "/"),
+                    React__default.createElement("span", null, maxLength))) : null)) : null));
+    };
+    Textarea.defaultProps = {
+        minRows: 3,
+        maxRows: 20,
+        trimContents: true,
+        resetValue: '',
+        clearable: false
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], Textarea.prototype, "handleChange", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], Textarea.prototype, "handleFocus", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], Textarea.prototype, "handleBlur", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", Promise)
+    ], Textarea.prototype, "handleClear", null);
+    return Textarea;
+}(React__default.Component));
+var Textarea$1 = themeable(localeable(Textarea));
+
+export { Textarea, Textarea$1 as default };

package/esm/components/Timeline.js

@@ -0,0 +1,60 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+import { __assign } from 'tslib';
+import React__default from 'react';
+import { themeable } from 'amis-rev-core';
+import TimelineItem, { getAlignByDirection, TimelineTimeComponent, TimelineContentComponent, TimelineLineComponent } from './TimelineItem.js';
+
+var DirectionMode;
+(function (DirectionMode) {
+    DirectionMode["left"] = "left";
+    DirectionMode["right"] = "right";
+    DirectionMode["top"] = "top";
+    DirectionMode["bottom"] = "bottom";
+    DirectionMode["alternate"] = "alternate";
+})(DirectionMode || (DirectionMode = {}));
+function Timeline(props) {
+    var items = props.items, style = props.style, cx = props.classnames, className = props.className, iconClassName = props.iconClassName, timeClassName = props.timeClassName, titleClassName = props.titleClassName, detailClassName = props.detailClassName, _a = props.direction, direction = _a === void 0 ? 'vertical' : _a, _b = props.reverse, reverse = _b === void 0 ? false : _b;
+    var _c = props.mode, mode = _c === void 0 ? DirectionMode.right : _c;
+    var timelineDatasource = items === null || items === void 0 ? void 0 : items.slice();
+    reverse && (timelineDatasource === null || timelineDatasource === void 0 ? void 0 : timelineDatasource.reverse());
+    // 分成水平和垂直两种模式渲染
+    if (direction === 'horizontal') {
+        if ([DirectionMode.right, DirectionMode.left].includes(mode)) {
+            mode = DirectionMode.top;
+        }
+        // alternate模式下，交替生成时间和内容
+        var isReverseScenario_1 = function (index, isAlternate) {
+            return isAlternate ? index % 2 === 0 : false;
+        };
+        return (React__default.createElement("div", { className: cx('Timeline', "Timeline-".concat(direction), "Timeline-".concat(mode), className), style: style },
+            React__default.createElement("div", { className: cx('Timeline-first-line') }, timelineDatasource === null || timelineDatasource === void 0 ? void 0 : timelineDatasource.map(function (item, index) {
+                var _a;
+                // 内容区偏移
+                var align = getAlignByDirection(direction, item.align);
+                return (React__default.createElement("div", { className: cx('TimelineItem-content', (_a = {},
+                        _a["TimelineItem-content-align--".concat(align)] = !!align,
+                        _a)) }, isReverseScenario_1(index, mode === DirectionMode.alternate) ||
+                    mode === DirectionMode.top ? (React__default.createElement(TimelineTimeComponent, __assign({ key: "TimelineItem-".concat(index) }, item))) : (React__default.createElement("div", { className: cx('Timeline-inner-content-wrapper') },
+                    React__default.createElement(TimelineContentComponent, __assign({ key: "TimelineItem-".concat(index) }, item))))));
+            })),
+            React__default.createElement("div", { className: cx('Timeline-line') }, timelineDatasource === null || timelineDatasource === void 0 ? void 0 : timelineDatasource.map(function (item, index) { return (React__default.createElement(TimelineLineComponent, __assign({ key: "TimelineItem-".concat(index) }, item, { direction: direction }))); })),
+            React__default.createElement("div", { className: cx('Timeline-second-line') }, timelineDatasource === null || timelineDatasource === void 0 ? void 0 : timelineDatasource.map(function (item, index) {
+                var _a;
+                // 内容区偏移
+                var align = getAlignByDirection(direction, item.align);
+                return (React__default.createElement("div", { className: cx('TimelineItem-content', (_a = {},
+                        _a["TimelineItem-content-align--".concat(align)] = !!align,
+                        _a)) }, isReverseScenario_1(index, mode === DirectionMode.alternate) ||
+                    mode === DirectionMode.top ? (React__default.createElement("div", { className: cx('Timeline-inner-content-wrapper') },
+                    React__default.createElement(TimelineContentComponent, __assign({ key: "TimelineItem-".concat(index) }, item)))) : (React__default.createElement(TimelineTimeComponent, __assign({ key: "TimelineItem-".concat(index) }, item)))));
+            }))));
+    }
+    return (React__default.createElement("div", { className: cx('Timeline', "Timeline-".concat(direction), "Timeline-".concat(mode), className), style: style }, timelineDatasource === null || timelineDatasource === void 0 ? void 0 : timelineDatasource.map(function (item, index) { return (React__default.createElement(TimelineItem, __assign({}, item, { key: "TimelineItem-".concat(index), iconClassName: item.iconClassName || iconClassName, timeClassName: item.timeClassName || timeClassName, titleClassName: item.titleClassName || titleClassName, detailClassName: item.detailClassName || detailClassName, direction: direction }))); })));
+}
+var Timeline$1 = themeable(Timeline);
+
+export { DirectionMode, Timeline, Timeline$1 as default };