amis 2.9.0 → 3.0.0

package/esm/renderers/Table2/index.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.9.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);
@@ -411,7 +439,7 @@ 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; _a.$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类型
@@ -444,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
@@ -458,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*/];
                 }
             });
@@ -489,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*/];
                 }
             });
@@ -513,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);
@@ -527,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;
@@ -570,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 = [];
@@ -592,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';
@@ -643,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"]);
@@ -667,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;
@@ -715,7 +785,7 @@ var Table2 = /** @class */ (function (_super) {
                                 }
                                 return true;
                             });
-                            store.updateSelected(newSelectedRowKeys, rowSelection.keyField);
+                            store.updateSelected(newSelectedRowKeys);
                         }
                     });
                 });
@@ -747,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, keyField: keyField, 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;
@@ -827,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.9.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.9.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.js

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

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.9.0
+ * amis v3.0.0
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/Timeline.js

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

package/esm/renderers/TooltipWrapper.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.9.0
+ * amis v3.0.0
  * Copyright 2018-2023 baidu
  */
 
@@ -42,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()));
     };

package/esm/renderers/Tpl.d.ts

@@ -9,7 +9,7 @@ export interface TplSchema extends BaseSchema {
     /**
      * 指定为模板渲染器。
      *
-     * 文档：https://baidu.gitee.io/amis/docs/concepts/template
+     * 文档：https://aisuda.bce.baidu.com/amis/zh-CN/docs/concepts/template
      */
     type: 'tpl' | 'html';
     tpl?: SchemaTpl;
@@ -39,11 +39,17 @@ export interface TplProps extends RendererProps, TplSchema {
     className?: string;
     value?: string;
 }
-export declare class Tpl extends React.Component<TplProps, object> {
+interface TplState {
+    content: string;
+}
+export declare class Tpl extends React.Component<TplProps, TplState> {
     static defaultProps: Partial<TplProps>;
     dom: any;
     constructor(props: TplProps);
+    componentDidUpdate(prevProps: Readonly<TplProps>): void;
+    updateContent(): void;
     getContent(): string;
+    getAsyncContent(): Promise<string>;
     /**
      * 过滤掉HTML标签, 仅提取文本内容, 用于HTML标签的title属性
      */
@@ -55,3 +61,4 @@ export declare class Tpl extends React.Component<TplProps, object> {
 }
 export declare class TplRenderer extends Tpl {
 }
+export {};

package/esm/renderers/Tpl.js

@@ -1,18 +1,39 @@
 /**
- * amis v2.9.0
+ * amis v3.0.0
  * Copyright 2018-2023 baidu
  */
 
-import { __extends, __assign, __decorate, __metadata } from 'tslib';
+import { __extends, __awaiter, __generator, __assign, __decorate, __metadata } from 'tslib';
 import React from 'react';
-import { getPropValue, filter, escapeHtml, createObject, buildStyle, autobind, Renderer } from 'amis-core';
+import { getPropValue, filter, escapeHtml, asyncFilter, createObject, buildStyle, autobind, Renderer } from 'amis-core';
 import { withBadge } from 'amis-ui';
 
 var Tpl = /** @class */ (function (_super) {
     __extends(Tpl, _super);
     function Tpl(props) {
-        return _super.call(this, props) || this;
+        var _this = _super.call(this, props) || this;
+        _this.state = {
+            content: _this.getContent()
+        };
+        return _this;
     }
+    Tpl.prototype.componentDidUpdate = function (prevProps) {
+        var _this = this;
+        var checkProps = ['tpl', 'html', 'text', 'raw', 'data', 'placeholder'];
+        if (checkProps.some(function (key) { return prevProps[key] !== _this.props[key]; }) ||
+            getPropValue(prevProps) !== getPropValue(this.props)) {
+            this.updateContent();
+        }
+    };
+    Tpl.prototype.updateContent = function () {
+        var _this = this;
+        var _a = this.props, tpl = _a.tpl, html = _a.html, text = _a.text;
+        if (html || tpl || text) {
+            this.getAsyncContent().then(function (content) {
+                _this.setState({ content: content });
+            });
+        }
+    };
     Tpl.prototype.getContent = function () {
         var _a = this.props, tpl = _a.tpl, html = _a.html, text = _a.text, raw = _a.raw, data = _a.data, placeholder = _a.placeholder;
         var value = getPropValue(this.props);
@@ -36,6 +57,23 @@ var Tpl = /** @class */ (function (_super) {
                     : JSON.stringify(value);
         }
     };
+    Tpl.prototype.getAsyncContent = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var _a, tpl, html, text, data, _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        _a = this.props, tpl = _a.tpl, html = _a.html, text = _a.text, data = _a.data;
+                        if (!(html || tpl)) return [3 /*break*/, 1];
+                        return [2 /*return*/, asyncFilter(html || tpl, data)];
+                    case 1:
+                        _b = escapeHtml;
+                        return [4 /*yield*/, asyncFilter(text, data)];
+                    case 2: return [2 /*return*/, _b.apply(void 0, [_c.sent()])];
+                }
+            });
+        });
+    };
     /**
      * 过滤掉HTML标签, 仅提取文本内容, 用于HTML标签的title属性
      */
@@ -46,7 +84,7 @@ var Tpl = /** @class */ (function (_super) {
             return '';
         }
         var title = typeof content === 'string' ? content : '';
-        var tempDom = new DOMParser().parseFromString(this.getContent(), 'text/html');
+        var tempDom = new DOMParser().parseFromString(content, 'text/html');
         if ((_a = tempDom === null || tempDom === void 0 ? void 0 : tempDom.body) === null || _a === void 0 ? void 0 : _a.textContent) {
             title = tempDom.body.textContent;
         }
@@ -73,7 +111,7 @@ var Tpl = /** @class */ (function (_super) {
     Tpl.prototype.render = function () {
         var _a = this.props, className = _a.className, wrapperComponent = _a.wrapperComponent, inline = _a.inline, cx = _a.classnames, style = _a.style, showNativeTitle = _a.showNativeTitle, data = _a.data, env = _a.env;
         var Component = wrapperComponent || (inline ? 'span' : 'div');
-        var content = this.getContent();
+        var content = this.state.content;
         return (React.createElement(Component, __assign({ className: cx('TplField', className), style: buildStyle(style, data) }, (showNativeTitle ? { title: this.getTitle(content) } : {}), { onClick: this.handleClick, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }),
             React.createElement("span", { dangerouslySetInnerHTML: { __html: env.filterHtml(content) } })));
     };
@@ -81,6 +119,30 @@ var Tpl = /** @class */ (function (_super) {
         inline: true,
         placeholder: ''
     };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], Tpl.prototype, "updateContent", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], Tpl.prototype, "getContent", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", Promise)
+    ], Tpl.prototype, "getAsyncContent", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [String]),
+        __metadata("design:returntype", void 0)
+    ], Tpl.prototype, "getTitle", null);
     __decorate([
         autobind,
         __metadata("design:type", Function),

package/esm/renderers/VBox.d.ts

@@ -8,7 +8,7 @@ export type HboxRow = SchemaObject & {
 };
 /**
  * 垂直布局控件
- * 文档：https://baidu.gitee.io/amis/docs/components/vbox
+ * 文档：https://aisuda.bce.baidu.com/amis/zh-CN/components/vbox
  */
 export interface VBoxSchema extends BaseSchema {
     type: 'vbox';

package/esm/renderers/VBox.js

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

package/esm/renderers/Video.d.ts

@@ -7,7 +7,7 @@ import { RendererProps } from 'amis-core';
 import { BaseSchema, SchemaClassName, SchemaUrlPath } from '../Schema';
 /**
  * 视频播放器
- * 文档：https://baidu.gitee.io/amis/docs/components/video
+ * 文档：https://aisuda.bce.baidu.com/amis/zh-CN/components/video
  */
 export interface VideoSchema extends BaseSchema {
     /**

package/esm/renderers/Video.js

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

package/esm/renderers/WebComponent.d.ts

@@ -3,7 +3,7 @@ import { RendererProps } from 'amis-core';
 import { BaseSchema, SchemaCollection } from '../Schema';
 /**
  * WebComponent 容器渲染器。
- * 文档：https://baidu.gitee.io/amis/docs/components/web-component
+ * 文档：https://aisuda.bce.baidu.com/amis/zh-CN/components/web-component
  */
 export interface WebComponentSchema extends BaseSchema {
     /**