amis 2.8.0 → 3.0.0

package/esm/renderers/Table2/index.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.8.0
+ * amis v3.0.0
  * Copyright 2018-2023 baidu
  */
 
@@ -9,7 +9,7 @@ import { findDOMNode } from 'react-dom';
 import { isAlive } from 'mobx-state-tree';
 import cloneDeep from 'lodash/cloneDeep';
 import isEqual from 'lodash/isEqual';
-import { resolveVariableAndFilter, evalExpression, anyChanged, isPureVariable, isObject, resolveVariable, filter, isEffectiveApi, createObject, difference, ScopedContext, autobind, Renderer, TableStore2 } from 'amis-core';
+import { resolveVariableAndFilter, evalExpression, anyChanged, isPureVariable, isArrayChildrenModified, isObject, resolveVariable, filter, isEffectiveApi, createObject, difference, ScopedContext, autobind, Renderer, TableStore2 } from 'amis-core';
 import { Table, Icon, Spinner } from 'amis-ui';
 import { HeadCellSearchDropDown } from './HeadCellSearchDropdown.js';
 import './TableCell.js';
@@ -22,12 +22,11 @@ var Table2 = /** @class */ (function (_super) {
         _this.renderedToolbars = [];
         var scoped = context;
         scoped.registerComponent(_this);
-        var store = props.store, columnsTogglable = props.columnsTogglable, columns = props.columns, keepItemSelectionOnPageChange = props.keepItemSelectionOnPageChange, maxKeepItemSelectionLength = props.maxKeepItemSelectionLength;
+        var store = props.store, columnsTogglable = props.columnsTogglable, columns = props.columns, rowSelection = props.rowSelection, keyField = props.keyField;
         store.update({
             columnsTogglable: columnsTogglable,
             columns: columns,
-            keepItemSelectionOnPageChange: keepItemSelectionOnPageChange,
-            maxKeepItemSelectionLength: maxKeepItemSelectionLength
+            rowSelectionKeyField: (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.keyField) || keyField || 'key'
         });
         Table2.syncRows(store, props, undefined) && _this.syncSelected();
         return _this;
@@ -42,7 +41,7 @@ var Table2 = /** @class */ (function (_super) {
             onSelect(store.selectedRows.map(function (item) { return item.data; }), store.unSelectedRows.map(function (item) { return item.data; }));
     };
     Table2.syncRows = function (store, props, prevProps) {
-        var _a, _b;
+        var _a;
         var source = props.source;
         var value = props.value || props.items;
         var rows = [];
@@ -68,24 +67,30 @@ var Table2 = /** @class */ (function (_super) {
         updateRows &&
             store.initRows(rows, props.getEntryId, props.reUseRow, props.childrenColumnName);
         var selectedRowKeys = [];
+        var keyField = store.keyField;
         // selectedRowKeysExpr比selectedRowKeys优先级高
-        if (props.rowSelection && props.rowSelection.selectedRowKeysExpr) {
-            rows.forEach(function (row, index) {
-                var _a, _b;
-                var flag = evalExpression(((_a = props.rowSelection) === null || _a === void 0 ? void 0 : _a.selectedRowKeysExpr) || '', {
-                    record: row,
-                    rowIndex: index
-                });
-                if (flag) {
-                    selectedRowKeys.push(row[((_b = props === null || props === void 0 ? void 0 : props.rowSelection) === null || _b === void 0 ? void 0 : _b.keyField) || 'key']);
-                }
-            });
+        if (typeof props.selected !== 'undefined') {
+            selectedRowKeys = props.selected.map(function (item) { return item[keyField]; }) || [];
         }
-        else if (props.rowSelection && props.rowSelection.selectedRowKeys) {
-            selectedRowKeys = __spreadArray([], __read(props.rowSelection.selectedRowKeys), false);
+        else {
+            if (props.rowSelection && props.rowSelection.selectedRowKeysExpr) {
+                rows.forEach(function (row, index) {
+                    var _a;
+                    var flag = evalExpression(((_a = props.rowSelection) === null || _a === void 0 ? void 0 : _a.selectedRowKeysExpr) || '', {
+                        record: row,
+                        rowIndex: index
+                    });
+                    if (flag) {
+                        selectedRowKeys.push(row[keyField]);
+                    }
+                });
+            }
+            else if (props.rowSelection && props.rowSelection.selectedRowKeys) {
+                selectedRowKeys = __spreadArray([], __read(props.rowSelection.selectedRowKeys), false);
+            }
         }
         if (updateRows && selectedRowKeys.length > 0) {
-            store.updateSelected(selectedRowKeys, (_a = props.rowSelection) === null || _a === void 0 ? void 0 : _a.keyField);
+            store.updateSelected(selectedRowKeys);
         }
         var expandedRowKeys = [];
         if (props.expandable && props.expandable.expandedRowKeysExpr) {
@@ -104,11 +109,12 @@ var Table2 = /** @class */ (function (_super) {
             expandedRowKeys = __spreadArray([], __read(props.expandable.expandedRowKeys), false);
         }
         if (updateRows && expandedRowKeys.length > 0) {
-            store.updateExpanded(expandedRowKeys, (_b = props.expandable) === null || _b === void 0 ? void 0 : _b.keyField);
+            store.updateExpanded(expandedRowKeys, (_a = props.expandable) === null || _a === void 0 ? void 0 : _a.keyField);
         }
         return updateRows;
     };
     Table2.prototype.componentDidUpdate = function (prevProps) {
+        var _a, _b, _c;
         var props = this.props;
         var store = props.store;
         if (anyChanged(['columnsTogglable'], prevProps, props)) {
@@ -123,11 +129,33 @@ var Table2 = /** @class */ (function (_super) {
                     (typeof props.source === 'string' && isPureVariable(props.source))))) {
             Table2.syncRows(store, props, prevProps) && this.syncSelected();
         }
+        else if (isArrayChildrenModified(prevProps.selected, props.selected)) {
+            var keyField_1 = store.keyField;
+            var prevSelectedRows = store.selectedRows
+                .map(function (item) { return item[keyField_1]; })
+                .join(',');
+            store.updateSelected(props.selected.map(function (item) { return item[keyField_1]; }) || []);
+            var selectedRows = store.selectedRows
+                .map(function (item) { return item[keyField_1]; })
+                .join(',');
+            prevSelectedRows !== selectedRows && this.syncSelected();
+        }
         if (!isEqual(prevProps.columns, props.columns)) {
             store.update({
                 columns: props.columns
             });
         }
+        if (!isEqual((_a = prevProps === null || prevProps === void 0 ? void 0 : prevProps.rowSelection) === null || _a === void 0 ? void 0 : _a.keyField, (_b = props.rowSelection) === null || _b === void 0 ? void 0 : _b.keyField) ||
+            !isEqual(prevProps.keyField, props.keyField)) {
+            store.update({
+                rowSelectionKeyField: ((_c = props.rowSelection) === null || _c === void 0 ? void 0 : _c.keyField) || props.keyField || 'key'
+            });
+        }
+        if (prevProps.columnsTogglable !== props.columnsTogglable) {
+            store.update({
+                columnsTogglable: props.columnsTogglable
+            });
+        }
     };
     Table2.prototype.getPopOverContainer = function () {
         return findDOMNode(this);
@@ -354,7 +382,7 @@ var Table2 = /** @class */ (function (_super) {
                 errorMessage: messages && messages.saveSuccess
             })
                 .then(function () {
-                reload && _this.reloadTarget(reload, data_1);
+                reload && _this.reloadTarget(filter(reload, data_1), data_1);
             })
                 .catch(function () { });
         }
@@ -372,7 +400,7 @@ var Table2 = /** @class */ (function (_super) {
             store
                 .saveRemote(quickSaveItemApi, sendData)
                 .then(function () {
-                reload && _this.reloadTarget(reload, data_2);
+                reload && _this.reloadTarget(filter(reload, data_2), data_2);
             })
                 .catch(function () {
                 (options === null || options === void 0 ? void 0 : options.resetOnFailed) && _this.reset();
@@ -411,15 +439,14 @@ var Table2 = /** @class */ (function (_super) {
     };
     Table2.prototype.renderActions = function (region) {
         var _this = this;
-        var _a = this.props, actions = _a.actions, render = _a.render, store = _a.store, cx = _a.classnames, data = _a.data, columnsTogglable = _a.columnsTogglable, $path = _a.$path;
-        // 如果table是在crud里面，自定义显示列配置在grid里，这里就不需要渲染了
-        var isInCrud = /(?:\/|^)crud2\//.test($path);
+        var _a = this.props, actions = _a.actions, render = _a.render, store = _a.store, cx = _a.classnames, data = _a.data, columnsTogglable = _a.columnsTogglable;
         actions = Array.isArray(actions) ? actions.concat() : [];
         var config = isObject(columnsTogglable) ? columnsTogglable : {};
         // 现在默认从crud里传进来的columnsTogglable是boolean类型
         // table单独配置的是SchemaNode类型
-        if (!isInCrud &&
-            store.toggable &&
+        // 如果是在crud里 配置了columnsTogglable相关配置 那么还是在这里渲染
+        // 用户也可以在crud2的grid里配置 那么crud2里就不要再写了 否则就重复了
+        if (store.toggable &&
             region === 'header' &&
             !~this.renderedToolbars.indexOf('columns-toggler')) {
             actions.push({
@@ -445,11 +472,11 @@ var Table2 = /** @class */ (function (_super) {
     };
     Table2.prototype.handleSelected = function (selectedRows, selectedRowKeys, unSelectedRows) {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, dispatchEvent, data, rowSelection, onSelect, store, keyField, rendererEvent;
+            var _a, dispatchEvent, data, store, rendererEvent;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        _a = this.props, dispatchEvent = _a.dispatchEvent, data = _a.data, rowSelection = _a.rowSelection, onSelect = _a.onSelect, store = _a.store, keyField = _a.keyField;
+                        _a = this.props, dispatchEvent = _a.dispatchEvent, data = _a.data, store = _a.store;
                         return [4 /*yield*/, dispatchEvent('selectedChange', createObject(data, {
                                 selectedItems: selectedRows,
                                 unSelectedItems: unSelectedRows
@@ -459,8 +486,8 @@ var Table2 = /** @class */ (function (_super) {
                         if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
                             return [2 /*return*/, rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented];
                         }
-                        store.updateSelected(selectedRowKeys, (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.keyField) || keyField);
-                        onSelect && onSelect(selectedRows, unSelectedRows);
+                        store.updateSelected(selectedRowKeys);
+                        this.syncSelected();
                         return [2 /*return*/];
                 }
             });
@@ -490,18 +517,18 @@ var Table2 = /** @class */ (function (_super) {
     };
     Table2.prototype.handleFilter = function (payload) {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, dispatchEvent, data, onFilter, rendererEvent;
+            var _a, dispatchEvent, data, onSearch, rendererEvent;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        _a = this.props, dispatchEvent = _a.dispatchEvent, data = _a.data, onFilter = _a.onFilter;
+                        _a = this.props, dispatchEvent = _a.dispatchEvent, data = _a.data, onSearch = _a.onSearch;
                         return [4 /*yield*/, dispatchEvent('columnFilter', createObject(data, payload))];
                     case 1:
                         rendererEvent = _b.sent();
                         if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
                             return [2 /*return*/, rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented];
                         }
-                        onFilter && onFilter(payload);
+                        onSearch && onSearch(payload);
                         return [2 /*return*/];
                 }
             });
@@ -514,11 +541,11 @@ var Table2 = /** @class */ (function (_super) {
                 switch (_b.label) {
                     case 0:
                         _a = this.props, dispatchEvent = _a.dispatchEvent, data = _a.data, onRow = _a.onRow;
-                        return [4 /*yield*/, dispatchEvent('rowClick', createObject(data, { rowItem: rowItem }))];
+                        return [4 /*yield*/, dispatchEvent('rowClick', createObject(data, { item: rowItem, index: rowIndex }))];
                     case 1:
                         rendererEvent = _b.sent();
                         if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
-                            return [2 /*return*/, rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented];
+                            return [2 /*return*/];
                         }
                         if (rowItem && onRow) {
                             onRow.onRowClick && onRow.onRowClick(event, rowItem, rowIndex);
@@ -528,6 +555,48 @@ var Table2 = /** @class */ (function (_super) {
             });
         });
     };
+    Table2.prototype.handleRowMouseEnter = function (event, rowItem, rowIndex) {
+        return __awaiter(this, void 0, void 0, function () {
+            var _a, dispatchEvent, data, onRow, rendererEvent;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = this.props, dispatchEvent = _a.dispatchEvent, data = _a.data, onRow = _a.onRow;
+                        return [4 /*yield*/, dispatchEvent('rowMouseEnter', createObject(data, { item: rowItem, index: rowIndex }))];
+                    case 1:
+                        rendererEvent = _b.sent();
+                        if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
+                            return [2 /*return*/];
+                        }
+                        if (rowItem && onRow) {
+                            onRow.onRowMouseEnter && onRow.onRowMouseEnter(event, rowItem, rowIndex);
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    Table2.prototype.handleRowMouseLeave = function (event, rowItem, rowIndex) {
+        return __awaiter(this, void 0, void 0, function () {
+            var _a, dispatchEvent, data, onRow, rendererEvent;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = this.props, dispatchEvent = _a.dispatchEvent, data = _a.data, onRow = _a.onRow;
+                        return [4 /*yield*/, dispatchEvent('rowMouseLeave', createObject(data, { item: rowItem, index: rowIndex }))];
+                    case 1:
+                        rendererEvent = _b.sent();
+                        if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
+                            return [2 /*return*/];
+                        }
+                        if (rowItem && onRow) {
+                            onRow.onRowMouseLeave && onRow.onRowMouseLeave(event, rowItem, rowIndex);
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
     Table2.prototype.handleOrderChange = function (oldIndex, newIndex, levels) {
         return __awaiter(this, void 0, void 0, function () {
             var store, rowItem;
@@ -571,16 +640,16 @@ var Table2 = /** @class */ (function (_super) {
     };
     Table2.prototype.doAction = function (action, args, throwErrors) {
         var _this = this;
-        var _a = this.props, store = _a.store, rowSelection = _a.rowSelection, data = _a.data, key = _a.keyField, expandable = _a.expandable;
+        var _a = this.props, store = _a.store, data = _a.data, key = _a.keyField, expandable = _a.expandable;
         var actionType = action === null || action === void 0 ? void 0 : action.actionType;
-        var keyField = (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.keyField) || key || 'key';
+        var keyField = store.keyField;
         var dataSource = store.getData(data).items || [];
         switch (actionType) {
             case 'selectAll':
-                store.updateSelectedAll(keyField);
+                store.updateSelectedAll();
                 break;
             case 'clearAll':
-                store.updateSelected([], keyField);
+                store.updateSelected([]);
                 break;
             case 'select':
                 var selected_1 = [];
@@ -593,7 +662,7 @@ var Table2 = /** @class */ (function (_super) {
                         selected_1.push(item[keyField]);
                     }
                 });
-                store.updateSelected(selected_1, keyField);
+                store.updateSelected(selected_1);
                 break;
             case 'expand':
                 var expandableKey_1 = (expandable === null || expandable === void 0 ? void 0 : expandable.keyField) || key || 'key';
@@ -644,7 +713,7 @@ var Table2 = /** @class */ (function (_super) {
     };
     Table2.prototype.renderTable = function () {
         var _this = this;
-        var _a = this.props, render = _a.render, title = _a.title, footer = _a.footer, rowSelection = _a.rowSelection; _a.columns; var expandable = _a.expandable, footSummary = _a.footSummary, headSummary = _a.headSummary, loading = _a.loading, cx = _a.classnames, placeholder = _a.placeholder, rowClassNameExpr = _a.rowClassNameExpr, itemActions = _a.itemActions, keyField = _a.keyField, onRow = _a.onRow, store = _a.store, rest = __rest(_a, ["render", "title", "footer", "rowSelection", "columns", "expandable", "footSummary", "headSummary", "loading", "classnames", "placeholder", "rowClassNameExpr", "itemActions", "keyField", "onRow", "store"]);
+        var _a = this.props, render = _a.render, title = _a.title, footer = _a.footer, rowSelection = _a.rowSelection; _a.columns; var expandable = _a.expandable, footSummary = _a.footSummary, headSummary = _a.headSummary, loading = _a.loading, cx = _a.classnames, placeholder = _a.placeholder, rowClassNameExpr = _a.rowClassNameExpr, itemActions = _a.itemActions, keyField = _a.keyField, maxKeepItemSelectionLength = _a.maxKeepItemSelectionLength, onRow = _a.onRow, store = _a.store, rest = __rest(_a, ["render", "title", "footer", "rowSelection", "columns", "expandable", "footSummary", "headSummary", "loading", "classnames", "placeholder", "rowClassNameExpr", "itemActions", "keyField", "maxKeepItemSelectionLength", "onRow", "store"]);
         var expandableConfig = null;
         if (expandable) {
             expandable.expandedRowKeys; var rest_1 = __rest(expandable, ["expandedRowKeys"]);
@@ -668,17 +737,17 @@ var Table2 = /** @class */ (function (_super) {
         var rowSelectionConfig = null;
         if (rowSelection) {
             rowSelection.selectedRowKeys; var selections = rowSelection.selections, rest_2 = __rest(rowSelection, ["selectedRowKeys", "selections"]);
-            rowSelectionConfig = __assign({ selectedRowKeys: store.currentSelectedRowKeys, maxSelectedLength: store.maxKeepItemSelectionLength }, rest_2);
+            rowSelectionConfig = __assign({ selectedRowKeys: store.currentSelectedRowKeys, maxSelectedLength: maxKeepItemSelectionLength }, rest_2);
             var disableOn_1 = rowSelection.disableOn;
             rowSelectionConfig.getCheckboxProps = function (record, rowIndex) {
                 return {
                     disabled: (disableOn_1
                         ? evalExpression(disableOn_1, { record: record, rowIndex: rowIndex })
                         : false) ||
-                        (store.maxKeepItemSelectionLength &&
+                        (maxKeepItemSelectionLength &&
                             store.currentSelectedRowKeys.length >=
-                                store.maxKeepItemSelectionLength &&
-                            !store.currentSelectedRowKeys.includes(record[rowSelection.keyField || keyField || 'key']))
+                                maxKeepItemSelectionLength &&
+                            !store.currentSelectedRowKeys.includes(record[store.keyField]))
                 };
             };
             disableOn_1 && delete rowSelectionConfig.disableOn;
@@ -716,7 +785,7 @@ var Table2 = /** @class */ (function (_super) {
                                 }
                                 return true;
                             });
-                            store.updateSelected(newSelectedRowKeys, rowSelection.keyField);
+                            store.updateSelected(newSelectedRowKeys);
                         }
                     });
                 });
@@ -748,7 +817,7 @@ var Table2 = /** @class */ (function (_super) {
                 })));
             };
         }
-        return (React.createElement(Table, __assign({}, rest, { onRef: this.getRef, title: this.renderSchema('title', title, { data: this.props.data }), footer: this.renderSchema('footer', footer, { data: this.props.data }), columns: this.buildColumns(store.filteredColumns), dataSource: store.dataSource, rowSelection: rowSelectionConfig, rowClassName: rowClassName, expandable: expandableConfig, footSummary: this.buildSummary('footSummary', footSummary), headSummary: this.buildSummary('headSummary', headSummary), loading: this.renderSchema('loading', loading), placeholder: this.renderSchema('placeholder', placeholder), onSelect: this.handleSelected, onSelectAll: this.handleSelected, onSort: this.handleSort, onFilter: this.handleFilter, onDrag: this.handleOrderChange, itemActions: itemActionsConfig, onRow: __assign(__assign({}, onRow), { onRowClick: this.handleRowClick }) })));
+        return (React.createElement(Table, __assign({}, rest, { onRef: this.getRef, title: this.renderSchema('title', title, { data: this.props.data }), footer: this.renderSchema('footer', footer, { data: this.props.data }), columns: this.buildColumns(store.filteredColumns), dataSource: store.dataSource, rowSelection: rowSelectionConfig, rowClassName: rowClassName, expandable: expandableConfig, footSummary: this.buildSummary('footSummary', footSummary), headSummary: this.buildSummary('headSummary', headSummary), loading: this.renderSchema('loading', loading), placeholder: this.renderSchema('placeholder', placeholder), onSelect: this.handleSelected, onSelectAll: this.handleSelected, onSort: this.handleSort, onFilter: this.handleFilter, onDrag: this.handleOrderChange, itemActions: itemActionsConfig, keyField: keyField, onRow: __assign(__assign({}, onRow), { onRowClick: this.handleRowClick, onRowMouseEnter: this.handleRowMouseEnter, onRowMouseLeave: this.handleRowMouseLeave }) })));
     };
     Table2.prototype.renderHeading = function () {
         var _a = this.props, store = _a.store, cx = _a.classnames, headingClassName = _a.headingClassName, __ = _a.translate;
@@ -828,6 +897,18 @@ var Table2 = /** @class */ (function (_super) {
         __metadata("design:paramtypes", [Object, Object, Number]),
         __metadata("design:returntype", Promise)
     ], Table2.prototype, "handleRowClick", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object, Object, Number]),
+        __metadata("design:returntype", Promise)
+    ], Table2.prototype, "handleRowMouseEnter", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object, Object, Number]),
+        __metadata("design:returntype", Promise)
+    ], Table2.prototype, "handleRowMouseLeave", null);
     __decorate([
         autobind,
         __metadata("design:type", Function),

package/esm/renderers/TableView.d.ts

@@ -77,7 +77,7 @@ export type ColObject = {
 };
 /**
  * 表格展现渲染器
- * 文档：https://baidu.gitee.io/amis/docs/components/table-view
+ * 文档：https://aisuda.bce.baidu.com/amis/zh-CN/components/table-view
  */
 export interface TableViewSchema extends BaseSchema {
     /**

package/esm/renderers/TableView.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.8.0
+ * amis v3.0.0
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/Tabs.d.ts

@@ -64,7 +64,7 @@ export interface TabSchema extends Omit<BaseSchema, 'type'> {
 }
 /**
  * 选项卡控件。
- * 文档：https://baidu.gitee.io/amis/docs/components/tabs
+ * 文档：https://aisuda.bce.baidu.com/amis/zh-CN/components/tabs
  */
 export interface TabsSchema extends BaseSchema {
     type: 'tabs';

package/esm/renderers/Tabs.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.8.0
+ * amis v3.0.0
  * Copyright 2018-2023 baidu
  */
 
@@ -305,7 +305,7 @@ var Tabs = /** @class */ (function (_super) {
                         tab = localTabs === null || localTabs === void 0 ? void 0 : localTabs.find(function (item, index) { return key === (item.hash ? item.hash : index); });
                         return [4 /*yield*/, dispatchEvent('change', resolveEventData(this.props, {
                                 value: (tab === null || tab === void 0 ? void 0 : tab.hash) ? tab === null || tab === void 0 ? void 0 : tab.hash : key + 1
-                            }, 'value'))];
+                            }))];
                     case 1:
                         rendererEvent = _c.sent();
                         if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {

package/esm/renderers/Tag.d.ts

@@ -59,13 +59,26 @@ export interface TagSchema extends BaseSchema {
     disabled?: boolean;
 }
 export interface TagProps extends RendererProps, Omit<TagSchema, 'type' | 'className'> {
+    onClick?: (params: {
+        [propName: string]: any;
+        nativeEvent: React.MouseEvent<any>;
+        label: string;
+    }) => void;
+    onClose?: (params: {
+        [propName: string]: any;
+        nativeEvent: React.MouseEvent<any>;
+        label: string;
+    }) => void;
 }
 export declare class TagField extends React.Component<TagProps, object> {
     static defaultProps: Partial<TagProps>;
-    handleClick(e: React.MouseEvent<any>): void;
+    handleClick(nativeEvent: React.MouseEvent<any>): void;
     handleMouseEnter(e: React.MouseEvent<any>): void;
     handleMouseLeave(e: React.MouseEvent<any>): void;
+    handleClose(nativeEvent: React.MouseEvent<HTMLElement>): void;
     render(): JSX.Element;
+    private resolveLabel;
+    private getResolvedEventParams;
 }
 export declare class TagFieldRenderer extends TagField {
 }

package/esm/renderers/Tag.js

@@ -1,11 +1,11 @@
 /**
- * amis v2.8.0
+ * amis v3.0.0
  * Copyright 2018-2023 baidu
  */
 
 import { __extends, __decorate, __metadata } from 'tslib';
 import React from 'react';
-import { createObject, getPropValue, resolveVariableAndFilter, isPureVariable, autobind, Renderer } from 'amis-core';
+import { isPureVariable, resolveVariableAndFilter, getPropValue, createObject, autobind, Renderer } from 'amis-core';
 import { Tag } from 'amis-ui';
 
 var TagField = /** @class */ (function (_super) {
@@ -13,29 +13,31 @@ var TagField = /** @class */ (function (_super) {
     function TagField() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    TagField.prototype.handleClick = function (e) {
-        var _a = this.props, dispatchEvent = _a.dispatchEvent, data = _a.data;
-        dispatchEvent('click', createObject(data, {
-            nativeEvent: e
-        }));
+    TagField.prototype.handleClick = function (nativeEvent) {
+        var _a = this.props, dispatchEvent = _a.dispatchEvent, onClick = _a.onClick;
+        var params = this.getResolvedEventParams(nativeEvent);
+        dispatchEvent('click', params);
+        onClick === null || onClick === void 0 ? void 0 : onClick(params);
     };
     TagField.prototype.handleMouseEnter = function (e) {
-        var _a = this.props, dispatchEvent = _a.dispatchEvent, data = _a.data;
-        dispatchEvent(e, createObject(data, {
-            nativeEvent: e
-        }));
+        var dispatchEvent = this.props.dispatchEvent;
+        var params = this.getResolvedEventParams(e);
+        dispatchEvent(e, params);
     };
     TagField.prototype.handleMouseLeave = function (e) {
-        var _a = this.props, dispatchEvent = _a.dispatchEvent, data = _a.data;
-        dispatchEvent(e, createObject(data, {
-            nativeEvent: e
-        }));
+        var dispatchEvent = this.props.dispatchEvent;
+        var params = this.getResolvedEventParams(e);
+        dispatchEvent(e, params);
+    };
+    TagField.prototype.handleClose = function (nativeEvent) {
+        var _a = this.props, dispatchEvent = _a.dispatchEvent, onClose = _a.onClose;
+        var params = this.getResolvedEventParams(nativeEvent);
+        dispatchEvent('close', params);
+        onClose === null || onClose === void 0 ? void 0 : onClose(params);
     };
     TagField.prototype.render = function () {
-        var _a = this.props, label = _a.label, icon = _a.icon, displayMode = _a.displayMode, color = _a.color, className = _a.className, closable = _a.closable, data = _a.data, _b = _a.style, style = _b === void 0 ? {} : _b;
-        label =
-            getPropValue(this.props) ||
-                (label ? resolveVariableAndFilter(label, data, '| raw') : null);
+        var _a = this.props, icon = _a.icon, displayMode = _a.displayMode, color = _a.color, className = _a.className, closable = _a.closable, data = _a.data, _b = _a.style, style = _b === void 0 ? {} : _b;
+        var label = this.resolveLabel();
         if (isPureVariable(icon)) {
             icon = resolveVariableAndFilter(icon, data);
         }
@@ -45,7 +47,19 @@ var TagField = /** @class */ (function (_super) {
         if (isPureVariable(color)) {
             color = resolveVariableAndFilter(color, data);
         }
-        return (React.createElement(Tag, { className: className, displayMode: displayMode, color: color, icon: icon, closable: closable, style: style, onClick: this.handleClick, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, label));
+        return (React.createElement(Tag, { className: className, displayMode: displayMode, color: color, icon: icon, closable: closable, style: style, onClick: this.handleClick, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onClose: this.handleClose }, label));
+    };
+    TagField.prototype.resolveLabel = function () {
+        var _a = this.props, label = _a.label, data = _a.data;
+        return (getPropValue(this.props) ||
+            (label ? resolveVariableAndFilter(label, data, '| raw') : null));
+    };
+    TagField.prototype.getResolvedEventParams = function (nativeEvent) {
+        var data = this.props.data;
+        return createObject(data, {
+            nativeEvent: nativeEvent,
+            label: this.resolveLabel()
+        });
     };
     TagField.defaultProps = {
         displayMode: 'normal'
@@ -68,6 +82,12 @@ var TagField = /** @class */ (function (_super) {
         __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", void 0)
     ], TagField.prototype, "handleMouseLeave", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], TagField.prototype, "handleClose", null);
     return TagField;
 }(React.Component));
 /** @class */ ((function (_super) {

package/esm/renderers/Tasks.d.ts

@@ -6,7 +6,7 @@ import { SpinnerExtraProps } from 'amis-ui';
 import { BaseSchema, SchemaApi, SchemaClassName, SchemaName } from '../Schema';
 /**
  * Tasks 渲染器，格式说明
- * 文档：https://baidu.gitee.io/amis/docs/components/tasks
+ * 文档：https://aisuda.bce.baidu.com/amis/zh-CN/components/tasks
  */
 export interface TasksSchema extends BaseSchema, SpinnerExtraProps {
     /** 指定为任务类型 */

package/esm/renderers/Tasks.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.8.0
+ * amis v3.0.0
  * Copyright 2018-2023 baidu
  */
 
@@ -145,7 +145,8 @@ var Task = /** @class */ (function (_super) {
                 React.createElement("tbody", null, error ? (React.createElement("tr", null,
                     React.createElement("td", { colSpan: 4 },
                         React.createElement("div", { className: "text-danger" }, error)))) : (items.map(function (item, key) { return (React.createElement("tr", { key: key },
-                    React.createElement("td", null, item.label),
+                    React.createElement("td", null,
+                        React.createElement("span", { className: cx('word-break') }, item.label)),
                     React.createElement("td", null, item.status == loadingStatusCode ? (React.createElement(Spinner, { loadingConfig: loadingConfig, show: true, icon: "reload", spinnerClassName: cx('Task-spinner') })) : item.status == canRetryStatusCode ? (React.createElement("a", { onClick: function () { return _this.submitTask(item, key, true); }, className: cx('Button', 'Button--danger', 'Button--size-md', retryBtnClassName || btnClassName) }, retryBtnText || btnText)) : (React.createElement("a", { onClick: function () { return _this.submitTask(item, key); }, className: cx('Button', 'Button--default', 'Button--size-md', btnClassName, {
                             disabled: item.status !== readyStatusCode
                         }) }, btnText))),

package/esm/renderers/Timeline.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.8.0
+ * amis v3.0.0
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/TooltipWrapper.d.ts

@@ -114,7 +114,7 @@ export interface TooltipWrapperProps extends RendererProps {
     disabled?: boolean;
     mouseEnterDelay?: number;
     mouseLeaveDelay?: number;
-    container?: React.ReactNode;
+    container?: HTMLElement | (() => HTMLElement);
     style?: React.CSSProperties;
     tooltipStyle?: React.CSSProperties;
     wrapperComponent?: string;

package/esm/renderers/TooltipWrapper.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.8.0
+ * amis v3.0.0
  * Copyright 2018-2023 baidu
  */
 
@@ -30,7 +30,11 @@ var TooltipWrapper = /** @class */ (function (_super) {
             placement: placement,
             trigger: trigger,
             rootClose: rootClose,
-            container: container !== undefined ? container : (env && env.getModalContainer ? env.getModalContainer : undefined),
+            container: container !== undefined
+                ? container
+                : env && env.getModalContainer
+                    ? env.getModalContainer
+                    : undefined,
             tooltipTheme: tooltipTheme,
             tooltipClassName: tooltipClassName,
             mouseEnterDelay: mouseEnterDelay,
@@ -38,7 +42,8 @@ var TooltipWrapper = /** @class */ (function (_super) {
             offset: offset,
             showArrow: showArrow,
             disabled: disabled,
-            enterable: enterable
+            enterable: enterable,
+            filterHtml: env.filterHtml
         };
         return (React.createElement(TooltipWrapper$1, { classPrefix: ns, classnames: cx, tooltip: tooltipObj }, this.renderBody()));
     };