amis 2.8.0 → 2.9.0

package/esm/renderers/Steps.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.8.0
+ * amis v2.9.0
  * Copyright 2018-2023 baidu
  */
 
@@ -7,16 +7,14 @@ import { __extends, __rest, __assign, __decorate } from 'tslib';
 import React from 'react';
 import { Renderer, resolveVariableAndFilter, isPureVariable, getPropValue, resolveVariable, filter } from 'amis-core';
 import { withRemoteConfig, StepStatus, Steps } from 'amis-ui';
+import isPlainObject from 'lodash/isPlainObject';
 
 function StepsCmpt(props) {
     var _a;
-    var className = props.className, style = props.style, steps = props.steps, status = props.status, mode = props.mode, labelPlacement = props.labelPlacement, progressDot = props.progressDot, data = props.data, source = props.source, config = props.config, render = props.render, useMobileUI = props.useMobileUI;
+    var className = props.className, style = props.style, steps = props.steps, status = props.status, mode = props.mode, labelPlacement = props.labelPlacement, progressDot = props.progressDot, data = props.data, source = props.source, render = props.render, useMobileUI = props.useMobileUI;
     var sourceResult = resolveVariableAndFilter(source, data, '| raw');
     /** 步骤数据源 */
-    var stepsRow = (Array.isArray(sourceResult) ? sourceResult : undefined) ||
-        config ||
-        steps ||
-        [];
+    var stepsRow = (Array.isArray(sourceResult) ? sourceResult : undefined) || steps || [];
     /** 状态数据源 */
     var statusValue = isPureVariable(status)
         ? resolveVariableAndFilter(status, data, '| raw')
@@ -26,7 +24,7 @@ function StepsCmpt(props) {
     };
     var value = (_a = getPropValue(props)) !== null && _a !== void 0 ? _a : 0;
     var resolveValue = typeof value === 'string' && isNaN(+value)
-        ? +resolveVariable(value, data) || +value
+        ? resolveVariable(value, data) || value
         : +value;
     var valueIndex = stepsRow.findIndex(function (item) { return item.value && item.value === resolveValue; });
     var currentValue = valueIndex !== -1 ? valueIndex : resolveValue;
@@ -49,16 +47,15 @@ function StepsCmpt(props) {
     }
     return (React.createElement(Steps, { current: currentValue, steps: resolveSteps, className: className, style: style, status: statusValue, mode: mode, progressDot: progressDot, labelPlacement: labelPlacement, useMobileUI: useMobileUI }));
 }
-var StepsWithRemoteConfig = withRemoteConfig({
-    adaptor: function (data) { return data.steps || data; }
-})(/** @class */ (function (_super) {
+var StepsWithRemoteConfig = withRemoteConfig()(/** @class */ (function (_super) {
     __extends(class_1, _super);
     function class_1() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     class_1.prototype.render = function () {
         var _a = this.props, config = _a.config; _a.deferLoad; _a.loading; _a.updateConfig; var rest = __rest(_a, ["config", "deferLoad", "loading", "updateConfig"]);
-        return React.createElement(StepsCmpt, __assign({ config: config }, rest));
+        var sourceConfig = isPlainObject(config) ? config : null;
+        return React.createElement(StepsCmpt, __assign({}, rest, sourceConfig));
     };
     return class_1;
 }(React.Component)));

package/esm/renderers/Table/ColumnToggler.js

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

package/esm/renderers/Table/HeadCellFilterDropdown.d.ts

@@ -6,6 +6,7 @@ export interface QuickFilterConfig {
     multiple: boolean;
     strictMode?: boolean;
     [propName: string]: any;
+    refreshOnOpen?: boolean;
 }
 export interface HeadCellFilterProps extends RendererProps {
     data: any;
@@ -22,11 +23,11 @@ export declare class HeadCellFilterDropDown extends React.Component<HeadCellFilt
     constructor(props: HeadCellFilterProps);
     componentDidMount(): void;
     componentDidUpdate(prevProps: HeadCellFilterProps, prevState: any): void;
-    fetchOptions(): void;
+    fetchOptions(): Promise<void>;
     alterOptions(options: Array<any>): any[];
     optionComparator(option: Option, selected: any): boolean;
     handleClickOutside(): void;
-    open(): void;
+    open(): Promise<void>;
     close(): void;
     handleClick(value: string): Promise<void>;
     handleCheck(value: string): Promise<void>;

package/esm/renderers/Table/HeadCellFilterDropdown.js

@@ -1,9 +1,9 @@
 /**
- * amis v2.8.0
+ * amis v2.9.0
  * Copyright 2018-2023 baidu
  */
 
-import { __extends, __assign, __awaiter, __generator } from 'tslib';
+import { __extends, __awaiter, __generator, __assign } from 'tslib';
 import React from 'react';
 import { isApiOutdated, getVariable, isEffectiveApi, normalizeApi, normalizeOptions, isNumeric, createObject, Overlay, PopOver } from 'amis-core';
 import { Icon, Checkbox } from 'amis-ui';
@@ -27,7 +27,7 @@ var HeadCellFilterDropDown = /** @class */ (function (_super) {
     }
     HeadCellFilterDropDown.prototype.componentDidMount = function () {
         var _a;
-        var _b = this.props, filterable = _b.filterable; _b.name; _b.store;
+        var filterable = this.props.filterable;
         if (filterable.source) {
             this.fetchOptions();
         }
@@ -83,17 +83,26 @@ var HeadCellFilterDropDown = /** @class */ (function (_super) {
         this.sourceInvalid && this.fetchOptions();
     };
     HeadCellFilterDropDown.prototype.fetchOptions = function () {
-        var _this = this;
-        var _a = this.props, env = _a.env, filterable = _a.filterable, data = _a.data;
-        if (!isEffectiveApi(filterable.source, data)) {
-            return;
-        }
-        var api = normalizeApi(filterable.source);
-        api.cache = 3000; // 开启 3s 缓存，因为固顶位置渲染1次会额外多次请求。
-        env.fetcher(api, data).then(function (ret) {
-            var options = (ret.data && ret.data.options) || [];
-            _this.setState({
-                filterOptions: ret && ret.data && _this.alterOptions(options)
+        return __awaiter(this, void 0, void 0, function () {
+            var _a, env, filterable, data, api, ret, options;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = this.props, env = _a.env, filterable = _a.filterable, data = _a.data;
+                        if (!isEffectiveApi(filterable.source, data)) {
+                            return [2 /*return*/];
+                        }
+                        api = normalizeApi(filterable.source);
+                        api.cache = 3000; // 开启 3s 缓存，因为固顶位置渲染1次会额外多次请求。
+                        return [4 /*yield*/, env.fetcher(api, data)];
+                    case 1:
+                        ret = _b.sent();
+                        options = (ret.data && ret.data.options) || [];
+                        this.setState({
+                            filterOptions: ret && ret.data && this.alterOptions(options)
+                        });
+                        return [2 /*return*/];
+                }
             });
         });
     };
@@ -127,8 +136,24 @@ var HeadCellFilterDropDown = /** @class */ (function (_super) {
         this.close();
     };
     HeadCellFilterDropDown.prototype.open = function () {
-        this.setState({
-            isOpened: true
+        return __awaiter(this, void 0, void 0, function () {
+            var filterable;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        filterable = this.props.filterable;
+                        if (!(filterable.refreshOnOpen && filterable.source)) return [3 /*break*/, 2];
+                        return [4 /*yield*/, this.fetchOptions()];
+                    case 1:
+                        _a.sent();
+                        _a.label = 2;
+                    case 2:
+                        this.setState({
+                            isOpened: true
+                        });
+                        return [2 /*return*/];
+                }
+            });
         });
     };
     HeadCellFilterDropDown.prototype.close = function () {

package/esm/renderers/Table/HeadCellSearchDropdown.js

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

package/esm/renderers/Table/ItemActionsWrapper.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { ITableStore } from 'amis-core';
 import { ClassNamesFn } from 'amis-core';
 export interface ItemActionsProps {
     classnames: ClassNamesFn;
-    children: JSX.Element;
+    children: React.ReactNode | Array<React.ReactNode>;
     store: ITableStore;
 }
 declare function ItemActionsWrapper(props: ItemActionsProps): JSX.Element;

package/esm/renderers/Table/ItemActionsWrapper.js

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

package/esm/renderers/Table/TableBody.js

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

package/esm/renderers/Table/TableCell.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { RendererProps } from 'amis-core';
 export interface TableCellProps extends RendererProps {
-    wrapperComponent?: React.ReactType;
+    wrapperComponent?: React.ElementType;
     column: any;
     contentsOnly?: boolean;
 }

package/esm/renderers/Table/TableCell.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.8.0
+ * amis v2.9.0
  * Copyright 2018-2023 baidu
  */
 
@@ -21,8 +21,8 @@ var TableCell = /** @class */ (function (_super) {
         return _this;
     }
     TableCell.prototype.render = function () {
-        var _a = this.props, cx = _a.classnames, className = _a.className; _a.classNameExpr; var render = _a.render, _b = _a.style, style = _b === void 0 ? {} : _b, Component = _a.wrapperComponent, contentsOnly = _a.contentsOnly, column = _a.column, value = _a.value, data = _a.data, children = _a.children, width = _a.width, align = _a.align, innerClassName = _a.innerClassName; _a.label; var tabIndex = _a.tabIndex, onKeyUp = _a.onKeyUp, rowSpan = _a.rowSpan; _a.body; _a.tpl; _a.remark; var prefix = _a.prefix, affix = _a.affix, isHead = _a.isHead; _a.colIndex; var row = _a.row, showBadge = _a.showBadge, itemBadge = _a.itemBadge, rest = __rest(_a, ["classnames", "className", "classNameExpr", "render", "style", "wrapperComponent", "contentsOnly", "column", "value", "data", "children", "width", "align", "innerClassName", "label", "tabIndex", "onKeyUp", "rowSpan", "body", "tpl", "remark", "prefix", "affix", "isHead", "colIndex", "row", "showBadge", "itemBadge"]);
-        var schema = __assign(__assign({}, column), { className: innerClassName, type: (column && column.type) || 'plain' });
+        var _a = this.props, cx = _a.classnames, className = _a.className; _a.classNameExpr; var render = _a.render, _b = _a.style, style = _b === void 0 ? {} : _b, Component = _a.wrapperComponent, contentsOnly = _a.contentsOnly, column = _a.column, value = _a.value, data = _a.data, children = _a.children, width = _a.width, align = _a.align, innerClassName = _a.innerClassName; _a.label; var tabIndex = _a.tabIndex, onKeyUp = _a.onKeyUp, rowSpan = _a.rowSpan; _a.body; _a.tpl; _a.remark; var cellPrefix = _a.cellPrefix, cellAffix = _a.cellAffix, isHead = _a.isHead; _a.colIndex; var row = _a.row, showBadge = _a.showBadge, itemBadge = _a.itemBadge, rest = __rest(_a, ["classnames", "className", "classNameExpr", "render", "style", "wrapperComponent", "contentsOnly", "column", "value", "data", "children", "width", "align", "innerClassName", "label", "tabIndex", "onKeyUp", "rowSpan", "body", "tpl", "remark", "cellPrefix", "cellAffix", "isHead", "colIndex", "row", "showBadge", "itemBadge"]);
+        var schema = __assign(__assign({}, column), { style: column.innerStyle, className: innerClassName, type: (column && column.type) || 'plain' });
         var canAccessSuperData = (schema === null || schema === void 0 ? void 0 : schema.canAccessSuperData) !== false;
         // 如果本来就是 type 为 button，不要删除，其他情况下都应该删除。
         if (schema.type !== 'button' && schema.type !== 'dropdown-button') {
@@ -39,11 +39,11 @@ var TableCell = /** @class */ (function (_super) {
             style = __assign(__assign({}, style), { width: (style && style.width) || width });
             if (!/%$/.test(String(style.width))) {
                 body = (React.createElement("div", { style: { width: style.width } },
-                    prefix,
+                    cellPrefix,
                     body,
-                    affix));
-                prefix = null;
-                affix = null;
+                    cellAffix));
+                cellPrefix = null;
+                cellAffix = null;
                 // delete style.width;
             }
         }
@@ -85,9 +85,9 @@ var TableCell = /** @class */ (function (_super) {
         }
         return (React.createElement(Component, { rowSpan: rowSpan > 1 ? rowSpan : undefined, style: style, className: cx(className, column.classNameExpr ? filter(column.classNameExpr, data) : null), tabIndex: tabIndex, onKeyUp: onKeyUp },
             showBadge ? (React.createElement(Badge, { classnames: cx, badge: __assign(__assign({}, itemBadge), { className: cx("Table-badge", itemBadge === null || itemBadge === void 0 ? void 0 : itemBadge.className) }), data: row.data })) : null,
-            prefix,
+            cellPrefix,
             body,
-            affix));
+            cellAffix));
     };
     TableCell.defaultProps = {
         wrapperComponent: 'td'

package/esm/renderers/Table/TableContent.js

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

package/esm/renderers/Table/TableRow.js

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

package/esm/renderers/Table/exportExcel.js

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

package/esm/renderers/Table/index.d.ts

@@ -104,6 +104,12 @@ export type TableColumnObject = {
      * 表格列单元格是否可以获取父级数据域值，默认为true，该配置对当前列内单元格生效
      */
     canAccessSuperData?: boolean;
+    /**
+     * 单元格内部组件自定义样式 style作为单元格自定义样式的配置
+     */
+    innerStyle?: {
+        [propName: string]: any;
+    };
 };
 export type TableColumnWithType = SchemaObject & TableColumnObject;
 export type TableColumn = TableColumnWithType | TableColumnObject;

package/esm/renderers/Table/index.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.8.0
+ * amis v2.9.0
  * Copyright 2018-2023 baidu
  */
 
@@ -1173,7 +1173,7 @@ var Table = /** @class */ (function (_super) {
             // 操作列不下发loading，否则会导致操作栏里面的所有按钮都出现loading
             loading: column.type === 'operation' ? false : props.loading, btnDisabled: store.dragging, data: item.locals, value: column.name
                 ? resolveVariable(column.name, canAccessSuperData ? item.locals : item.data)
-                : column.value, popOverContainer: popOverContainer || this.getPopOverContainer, rowSpan: item.rowSpans[column.name], quickEditFormRef: this.subFormRef, prefix: prefix, onImageEnlarge: this.handleImageEnlarge, canAccessSuperData: canAccessSuperData, row: item, itemBadge: itemBadge, showBadge: !props.isHead &&
+                : column.value, popOverContainer: popOverContainer || this.getPopOverContainer, rowSpan: item.rowSpans[column.name], quickEditFormRef: this.subFormRef, cellPrefix: prefix, onImageEnlarge: this.handleImageEnlarge, canAccessSuperData: canAccessSuperData, row: item, itemBadge: itemBadge, showBadge: !props.isHead &&
                 itemBadge &&
                 store.firstToggledColumnIndex === props.colIndex });
         delete subProps.label;

package/esm/renderers/Table2/ColumnToggler.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.8.0
+ * amis v2.9.0
  * Copyright 2018-2023 baidu
  */
 
@@ -16,7 +16,7 @@ import ColumnToggler from '../Table/ColumnToggler.js';
     }
     ColumnTogglerRenderer.prototype.render = function () {
         var _this = this;
-        var _a = this.props; _a.className; _a.store; var render = _a.render, ns = _a.classPrefix, cx = _a.classnames, tooltip = _a.tooltip, align = _a.align, cols = _a.cols, toggleAllColumns = _a.toggleAllColumns, toggleToggle = _a.toggleToggle, data = _a.data, rest = __rest(_a, ["className", "store", "render", "classPrefix", "classnames", "tooltip", "align", "cols", "toggleAllColumns", "toggleToggle", "data"]);
+        var _a = this.props; _a.className; _a.store; var render = _a.render, ns = _a.classPrefix, cx = _a.classnames, tooltip = _a.tooltip, align = _a.align, cols = _a.cols, toggleAllColumns = _a.toggleAllColumns, toggleToggle = _a.toggleToggle, data = _a.data, size = _a.size, rest = __rest(_a, ["className", "store", "render", "classPrefix", "classnames", "tooltip", "align", "cols", "toggleAllColumns", "toggleToggle", "data", "size"]);
         var __ = rest.translate;
         var env = rest.env;
         if (!cols) {
@@ -26,7 +26,7 @@ import ColumnToggler from '../Table/ColumnToggler.js';
             return isVisible(item.pristine || item, data) && item.toggable !== false;
         });
         var activeToggaleColumns = toggableColumns.filter(function (item) { return item.toggled !== false; });
-        return (React.createElement(ColumnToggler, __assign({}, rest, { render: render, tooltip: tooltip || __('Table.columnsVisibility'), tooltipContainer: env && env.getModalContainer ? env.getModalContainer : undefined, isActived: cols.findIndex(function (column) { return !column.toggled; }) !== -1, align: align !== null && align !== void 0 ? align : 'right', classnames: cx, classPrefix: ns, key: "columns-toggable", columns: cols, activeToggaleColumns: activeToggaleColumns, data: data }),
+        return (React.createElement(ColumnToggler, __assign({}, rest, { render: render, tooltip: tooltip || __('Table.columnsVisibility'), tooltipContainer: env && env.getModalContainer ? env.getModalContainer : undefined, isActived: cols.findIndex(function (column) { return !column.toggled; }) !== -1, align: align !== null && align !== void 0 ? align : 'right', size: size || 'sm', classnames: cx, classPrefix: ns, key: "columns-toggable", columns: cols, activeToggaleColumns: activeToggaleColumns, data: data }),
             (toggableColumns === null || toggableColumns === void 0 ? void 0 : toggableColumns.length) ? (React.createElement("li", { className: cx('ColumnToggler-menuItem'), key: 'selectAll', onClick: function () { return __awaiter(_this, void 0, void 0, function () {
                     var _a, data, dispatchEvent, allToggled, rendererEvent;
                     return __generator(this, function (_b) {

package/esm/renderers/Table2/HeadCellSearchDropdown.js

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

package/esm/renderers/Table2/TableCell.js

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

package/esm/renderers/Table2/index.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.8.0
+ * amis v2.9.0
  * Copyright 2018-2023 baidu
  */
 
@@ -354,7 +354,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 +372,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 +411,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; _a.$path;
         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({
@@ -748,7 +747,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 }) })));
     };
     Table2.prototype.renderHeading = function () {
         var _a = this.props, store = _a.store, cx = _a.classnames, headingClassName = _a.headingClassName, __ = _a.translate;

package/esm/renderers/TableView.js

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

package/esm/renderers/Tabs.js

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

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 v2.9.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.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.8.0
+ * amis v2.9.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 v2.9.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 v2.9.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,

package/esm/renderers/Tpl.js

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

package/esm/renderers/VBox.js

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