amis 2.0.0 → 2.1.0

package/esm/renderers/Grid.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.0
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 
@@ -7,6 +7,7 @@ import { __extends, __assign, __decorate } from 'tslib';
 import React from 'react';
 import { ucFirst, Renderer } from 'amis-core';
 import pick from 'lodash/pick';
+import { Spinner } from 'amis-ui';
 
 var ColProps = ['lg', 'md', 'sm', 'xs'];
 function fromBsClass(cn) {
@@ -61,12 +62,14 @@ var Grid = /** @class */ (function (_super) {
     };
     Grid.prototype.render = function () {
         var _a;
-        var _b = this.props, className = _b.className, cx = _b.classnames, gap = _b.gap, vAlign = _b.valign, hAlign = _b.align;
+        var _b = this.props, className = _b.className, cx = _b.classnames, gap = _b.gap, vAlign = _b.valign, hAlign = _b.align, _c = _b.loading, loading = _c === void 0 ? false : _c;
         return (React.createElement("div", { className: cx('Grid', (_a = {},
                 _a["Grid--".concat(gap)] = gap,
                 _a["Grid--v".concat(ucFirst(vAlign))] = vAlign,
                 _a["Grid--h".concat(ucFirst(hAlign))] = hAlign,
-                _a), className) }, this.renderColumns(this.props.columns)));
+                _a), className) },
+            this.renderColumns(this.props.columns),
+            React.createElement(Spinner, { overlay: true, show: loading })));
     };
     Grid.propsList = ['columns'];
     Grid.defaultProps = {};

package/esm/renderers/Grid2D.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.0
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/GridNav.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.0
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/HBox.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.0
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/IFrame.d.ts

@@ -21,6 +21,10 @@ export interface IFrameSchema extends BaseSchema {
     };
     width?: number | string;
     height?: number | string;
+    alloow?: string;
+    name?: string;
+    referrerpolicy?: 'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'same-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url';
+    sandbox?: string;
 }
 export interface IFrameProps extends RendererProps, Omit<IFrameSchema, 'type' | 'className'> {
 }

package/esm/renderers/IFrame.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.0
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 
@@ -92,7 +92,7 @@ var IFrame = /** @class */ (function (_super) {
     };
     IFrame.prototype.render = function () {
         var _a = this.state, width = _a.width, height = _a.height;
-        var _b = this.props, className = _b.className, src = _b.src, name = _b.name, frameBorder = _b.frameBorder, data = _b.data, style = _b.style;
+        var _b = this.props, className = _b.className, src = _b.src, name = _b.name, frameBorder = _b.frameBorder, data = _b.data, style = _b.style, allow = _b.allow, sandbox = _b.sandbox, referrerpolicy = _b.referrerpolicy;
         var tempStyle = {};
         width !== void 0 && (tempStyle.width = width);
         height !== void 0 && (tempStyle.height = height);
@@ -105,7 +105,7 @@ var IFrame = /** @class */ (function (_super) {
             !/^(\.\/|\.\.\/|\/|https?\:\/\/|\/\/)/.test(finalSrc)) {
             return React.createElement("p", null, "\u8BF7\u586B\u5199\u5408\u6CD5\u7684 iframe \u5730\u5740");
         }
-        return (React.createElement("iframe", { name: name, className: className, frameBorder: frameBorder, style: style, ref: this.IFrameRef, onLoad: this.onLoad, src: finalSrc }));
+        return (React.createElement("iframe", { name: name, className: className, frameBorder: frameBorder, style: style, ref: this.IFrameRef, onLoad: this.onLoad, src: finalSrc, allow: allow, referrerPolicy: referrerpolicy, sandbox: sandbox }));
     };
     IFrame.propsList = ['src', 'className'];
     IFrame.defaultProps = {

package/esm/renderers/Icon.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.0
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Image.d.ts

@@ -56,18 +56,21 @@ export interface ImageSchema extends BaseSchema {
      * 宽度
      */
     width?: number;
-    /**
-     * 图片 css 类名
-     */
-    imageClassName?: SchemaClassName;
     /**
      * 外层 css 类名
      */
     className?: SchemaClassName;
+    /** 组件内层 css 类名 */
+    innerClassName?: SchemaClassName;
+    /**
+     * 图片 css 类名
+     */
+    imageClassName?: SchemaClassName;
     /**
-     * 图片缩率图外层 css 类名
+     * 图片缩略图外层 css 类名
      */
     thumbClassName?: SchemaClassName;
+    /** 图片说明文字 */
     caption?: SchemaTpl;
     /**
      * 图片展示模式，默认为缩略图模式、可以配置成原图模式
@@ -94,7 +97,7 @@ export interface ImageSchema extends BaseSchema {
      */
     htmlTarget?: string;
 }
-export interface ImageThumbProps extends LocaleProps, ThemeProps, Omit<ImageSchema, 'type' | 'className'> {
+export interface ImageThumbProps extends LocaleProps, ThemeProps, Omit<ImageSchema, 'type' | 'className' | 'innerClassName'> {
     onEnlarge?: (info: ImageThumbProps) => void;
     index?: number;
     onLoad?: React.EventHandler<any>;
@@ -184,6 +187,9 @@ declare const ThemedImageThumb: {
              */
             setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<ImageThumbProps, keyof LocaleProps> & {
                 locale?: string | undefined;
+                /**
+                 * 图片缩略图外层 css 类名
+                 */
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
@@ -256,6 +262,9 @@ declare const ThemedImageThumb: {
          */
         setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<ImageThumbProps, keyof LocaleProps> & {
             locale?: string | undefined;
+            /**
+             * 图片缩略图外层 css 类名
+             */
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -328,6 +337,9 @@ declare const ThemedImageThumb: {
              */
             setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<ImageThumbProps, keyof LocaleProps> & {
                 locale?: string | undefined;
+                /**
+                 * 图片缩略图外层 css 类名
+                 */
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
@@ -386,7 +398,9 @@ export default ThemedImageThumb;
 export declare const imagePlaceholder = "data:image/svg+xml,%3C%3Fxml version='1.0' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg t='1631083237695' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2420' xmlns:xlink='http://www.w3.org/1999/xlink' width='1024' height='1024'%3E%3Cdefs%3E%3Cstyle type='text/css'%3E%3C/style%3E%3C/defs%3E%3Cpath d='M959.872 128c0.032 0.032 0.096 0.064 0.128 0.128v767.776c-0.032 0.032-0.064 0.096-0.128 0.128H64.096c-0.032-0.032-0.096-0.064-0.128-0.128V128.128c0.032-0.032 0.064-0.096 0.128-0.128h895.776zM960 64H64C28.8 64 0 92.8 0 128v768c0 35.2 28.8 64 64 64h896c35.2 0 64-28.8 64-64V128c0-35.2-28.8-64-64-64z' p-id='2421' fill='%23bfbfbf'%3E%3C/path%3E%3Cpath d='M832 288c0 53.024-42.976 96-96 96s-96-42.976-96-96 42.976-96 96-96 96 42.976 96 96zM896 832H128V704l224-384 256 320h64l224-192z' p-id='2422' fill='%23bfbfbf'%3E%3C/path%3E%3C/svg%3E";
 export interface ImageFieldProps extends RendererProps {
     className?: string;
+    innerClassName?: string;
     imageClassName?: string;
+    thumbClassName?: string;
     placeholder: string;
     description?: string;
     enlargeTitle?: string;

package/esm/renderers/Image.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.0
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 
@@ -76,13 +76,13 @@ var ImageField = /** @class */ (function (_super) {
     };
     ImageField.prototype.render = function () {
         var _a;
-        var _b = this.props, className = _b.className, defaultImage = _b.defaultImage, imageCaption = _b.imageCaption, title = _b.title, data = _b.data, imageClassName = _b.imageClassName, thumbClassName = _b.thumbClassName, height = _b.height, width = _b.width, cx = _b.classnames, src = _b.src, href = _b.href, thumbMode = _b.thumbMode, thumbRatio = _b.thumbRatio, placeholder = _b.placeholder, originalSrc = _b.originalSrc, enlargeAble = _b.enlargeAble, imageMode = _b.imageMode;
+        var _b = this.props, className = _b.className, innerClassName = _b.innerClassName, defaultImage = _b.defaultImage, imageCaption = _b.imageCaption, title = _b.title, data = _b.data, imageClassName = _b.imageClassName, thumbClassName = _b.thumbClassName, height = _b.height, width = _b.width, cx = _b.classnames, src = _b.src, href = _b.href, thumbMode = _b.thumbMode, thumbRatio = _b.thumbRatio, placeholder = _b.placeholder, originalSrc = _b.originalSrc, enlargeAble = _b.enlargeAble, imageMode = _b.imageMode;
         var finnalSrc = src ? filter(src, data, '| raw') : '';
         var value = finnalSrc || getPropValue(this.props) || defaultImage || imagePlaceholder;
         var finnalHref = href ? filter(href, data, '| raw') : '';
         return (React.createElement("div", { className: cx('ImageField', imageMode === 'original'
                 ? 'ImageField--original'
-                : 'ImageField--thumb', className), onClick: this.handleClick }, value ? (React.createElement(ThemedImageThumb, { imageClassName: imageClassName, thumbClassName: thumbClassName, height: height, width: width, src: value, href: finnalHref, title: filter(title, data), caption: filter(imageCaption, data), thumbMode: thumbMode, thumbRatio: thumbRatio, originalSrc: (_a = filter(originalSrc, data, '| raw')) !== null && _a !== void 0 ? _a : value, enlargeAble: enlargeAble && value !== defaultImage, onEnlarge: this.handleEnlarge, imageMode: imageMode })) : (React.createElement("span", { className: "text-muted" }, placeholder))));
+                : 'ImageField--thumb', className), onClick: this.handleClick }, value ? (React.createElement(ThemedImageThumb, { className: innerClassName, imageClassName: imageClassName, thumbClassName: thumbClassName, height: height, width: width, src: value, href: finnalHref, title: filter(title, data), caption: filter(imageCaption, data), thumbMode: thumbMode, thumbRatio: thumbRatio, originalSrc: (_a = filter(originalSrc, data, '| raw')) !== null && _a !== void 0 ? _a : value, enlargeAble: enlargeAble && value !== defaultImage, onEnlarge: this.handleEnlarge, imageMode: imageMode })) : (React.createElement("span", { className: "text-muted" }, placeholder))));
     };
     ImageField.defaultProps = {
         defaultImage: imagePlaceholder,

package/esm/renderers/Images.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.0
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Json.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.0
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Link.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.0
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/List.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.0
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 
@@ -7,7 +7,7 @@ import { __extends, __assign, __decorate, __spreadArray, __rest } from 'tslib';
 import React from 'react';
 import { findDOMNode } from 'react-dom';
 import { resolveVariableAndFilter, getScrollParent, anyChanged, isPureVariable, difference, filter, Renderer, ListStore, isClickOnInput, noop, isVisible, isDisabled, resolveVariable } from 'amis-core';
-import { Icon, Button, Checkbox } from 'amis-ui';
+import { Icon, Button, Spinner, Checkbox } from 'amis-ui';
 import omit from 'lodash/omit';
 import { HocQuickEdit } from './QuickEdit.js';
 import { HocPopOver } from './PopOver.js';
@@ -405,7 +405,7 @@ var List = /** @class */ (function (_super) {
     List.prototype.render = function () {
         var _a;
         var _this = this;
-        var _b = this.props, className = _b.className, itemClassName = _b.itemClassName, store = _b.store, placeholder = _b.placeholder, render = _b.render; _b.multiple; var listItem = _b.listItem; _b.onAction; _b.hideCheckToggler; _b.checkOnItemClick; _b.itemAction; var affixHeader = _b.affixHeader, cx = _b.classnames, size = _b.size, __ = _b.translate;
+        var _b = this.props, className = _b.className, itemClassName = _b.itemClassName, store = _b.store, placeholder = _b.placeholder, render = _b.render; _b.multiple; var listItem = _b.listItem; _b.onAction; _b.hideCheckToggler; _b.checkOnItemClick; _b.itemAction; var affixHeader = _b.affixHeader, cx = _b.classnames, size = _b.size, __ = _b.translate, _c = _b.loading, loading = _c === void 0 ? false : _c;
         this.renderedToolbars = [];
         var heading = this.renderHeading();
         var header = this.renderHeader();
@@ -421,7 +421,8 @@ var List = /** @class */ (function (_super) {
             store.items.length ? (React.createElement("div", { className: cx('List-items') }, store.items.map(function (item, index) {
                 return _this.renderListItem(index, listItem, item, itemClassName);
             }))) : (React.createElement("div", { className: cx('List-placeholder') }, render('placeholder', __(placeholder)))),
-            this.renderFooter()));
+            this.renderFooter(),
+            React.createElement(Spinner, { overlay: true, show: loading })));
     };
     List.propsList = [
         'header',

package/esm/renderers/Log.d.ts

@@ -4,7 +4,7 @@
 import React from 'react';
 import { RendererProps } from 'amis-core';
 import { BaseSchema } from '../Schema';
-export declare type LogOperation = 'stop' | 'restart' | 'showLineNumber' | 'clear';
+export declare type LogOperation = 'stop' | 'restart' | 'showLineNumber' | 'clear' | 'filter';
 /**
  * 日志展示组件
  * 文档：https://baidu.gitee.io/amis/docs/components/log
@@ -56,9 +56,10 @@ export interface LogProps extends RendererProps, Omit<LogSchema, 'type' | 'class
 export interface LogState {
     lastLine: string;
     logs: string[];
+    originLogs: string[];
     refresh: boolean;
     showLineNumber: boolean;
-    showOperation: boolean;
+    filterWord: string;
 }
 export declare class Log extends React.Component<LogProps, LogState> {
     static defaultProps: {
@@ -76,11 +77,12 @@ export declare class Log extends React.Component<LogProps, LogState> {
     componentDidMount(): void;
     componentDidUpdate(prevProps: LogProps): void;
     pauseOrResumeScrolling(): void;
-    refresh: () => void;
-    clear: () => void;
-    changeShowLineNumber: () => void;
-    changeShowOperation: () => void;
+    refresh: (e: React.MouseEvent<HTMLElement>) => void;
+    clear: (e: React.MouseEvent<HTMLElement>) => void;
+    changeFilterWord: (value: string) => void;
     loadLogs(): Promise<void>;
+    renderHighlightWord(line: string): string | (string | JSX.Element)[];
+    renderHighlightWordWithAnsi(line: string): string;
     /**
      * 渲染某一行
      */

package/esm/renderers/Log.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.0
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 
@@ -7,7 +7,7 @@ import { __extends, __awaiter, __generator, __assign, __decorate } from 'tslib';
 import React from 'react';
 import { isApiOutdated, buildApi, Renderer } from 'amis-core';
 import Ansi from 'ansi-to-react';
-import { VirtualList, Button, PauseIcon, ReloadIcon, MinusIcon, PlusIcon, InputClearIcon, LeftArrowIcon, RightArrowIcon } from 'amis-ui';
+import { VirtualList, Icon, SearchBox } from 'amis-ui';
 
 var Log = /** @class */ (function (_super) {
     __extends(Log, _super);
@@ -18,34 +18,40 @@ var Log = /** @class */ (function (_super) {
         _this.state = {
             lastLine: '',
             logs: [],
+            originLogs: [],
             refresh: true,
             showLineNumber: false,
-            showOperation: false
+            filterWord: ''
         };
-        _this.refresh = function () {
+        _this.refresh = function (e) {
             var origin = _this.state.refresh;
             _this.setState({
                 refresh: !origin
             });
             if (!origin) {
-                _this.clear();
+                _this.clear(e);
                 _this.loadLogs();
             }
+            e.preventDefault();
         };
-        _this.clear = function () {
+        _this.clear = function (e) {
             _this.setState({
                 logs: [],
                 lastLine: ''
             });
+            e.preventDefault();
         };
-        _this.changeShowLineNumber = function () {
-            _this.setState({
-                showLineNumber: !_this.state.showLineNumber
-            });
-        };
-        _this.changeShowOperation = function () {
+        _this.changeFilterWord = function (value) {
+            var logs = _this.state.originLogs;
+            if (value !== '' &&
+                value !== undefined &&
+                value !== null &&
+                value.length > 0) {
+                logs = logs.filter(function (line) { return line.includes(value); });
+            }
             _this.setState({
-                showOperation: !_this.state.showOperation
+                filterWord: value,
+                logs: logs
             });
         };
         _this.logRef = React.createRef();
@@ -146,10 +152,12 @@ var Log = /** @class */ (function (_super) {
                                 logs = logs.concat(lines);
                                 this.setState({
                                     logs: logs,
+                                    originLogs: logs,
                                     lastLine: lastline
                                 });
                             }
                         }
+                        this.changeFilterWord(this.state.filterWord);
                         if (done) {
                             this.isDone = true;
                             return [2 /*return*/];
@@ -165,6 +173,29 @@ var Log = /** @class */ (function (_super) {
             });
         });
     };
+    Log.prototype.renderHighlightWord = function (line) {
+        var cx = this.props.classnames;
+        var filterWord = this.state.filterWord;
+        if (filterWord === '') {
+            return line;
+        }
+        var items = line.split(filterWord);
+        return items.map(function (item, index) {
+            if (index < items.length - 1) {
+                return (React.createElement("span", null,
+                    item,
+                    React.createElement("span", { className: cx('Log-line-highlight') }, filterWord)));
+            }
+            return item;
+        });
+    };
+    Log.prototype.renderHighlightWordWithAnsi = function (line) {
+        var filterWord = this.state.filterWord;
+        if (filterWord === '') {
+            return line;
+        }
+        return line.replaceAll(filterWord, "\u001B[43;1m\u001B[30;1m".concat(filterWord, "\u001B[0m"));
+    };
     /**
      * 渲染某一行
      */
@@ -174,12 +205,12 @@ var Log = /** @class */ (function (_super) {
             showLineNumber && (React.createElement("span", { className: cx('Log-line-number') },
                 index + 1,
                 " ")),
-            disableColor ? line : React.createElement(Ansi, { useClasses: true }, line)));
+            disableColor ? (this.renderHighlightWord(line)) : (React.createElement(Ansi, { useClasses: true }, this.renderHighlightWordWithAnsi(line)))));
     };
     Log.prototype.render = function () {
         var _this = this;
-        var _a = this.props, source = _a.source, className = _a.className, cx = _a.classnames, placeholder = _a.placeholder, height = _a.height, rowHeight = _a.rowHeight, disableColor = _a.disableColor, __ = _a.translate, operation = _a.operation; _a.env;
-        var _b = this.state, refresh = _b.refresh, showLineNumber = _b.showLineNumber, showOperation = _b.showOperation;
+        var _a = this.props, source = _a.source, className = _a.className, cx = _a.classnames, placeholder = _a.placeholder, height = _a.height, rowHeight = _a.rowHeight, disableColor = _a.disableColor, __ = _a.translate, operation = _a.operation;
+        var _b = this.state, refresh = _b.refresh, showLineNumber = _b.showLineNumber;
         var loading = __(placeholder);
         if (!source) {
             loading = __('Log.mustHaveSource');
@@ -197,7 +228,7 @@ var Log = /** @class */ (function (_super) {
                         showLineNumber && (React.createElement("span", { className: cx('Log-line-number') },
                             index + 1,
                             " ")),
-                        disableColor ? (logs[index]) : (React.createElement(Ansi, { useClasses: true }, logs[index]))));
+                        disableColor ? (_this.renderHighlightWord(logs[index])) : (React.createElement(Ansi, { useClasses: true }, _this.renderHighlightWordWithAnsi(logs[index])))));
                 } }));
         }
         else {
@@ -206,22 +237,22 @@ var Log = /** @class */ (function (_super) {
             });
         }
         return (React.createElement("div", { className: cx('Log', className) },
-            React.createElement("div", { ref: this.logRef, className: cx('Log-body'), style: { height: useVirtualRender ? 'auto' : height } }, useVirtualRender ? lines : lines.length ? lines : loading),
-            React.createElement("div", { className: cx('Log-operation') }, operation &&
-                (operation === null || operation === void 0 ? void 0 : operation.length) > 0 &&
-                (showOperation ? (React.createElement(React.Fragment, null,
-                    operation.includes('stop') && (React.createElement(Button, { size: "sm", title: "__('stop')", disabled: !refresh, onClick: this.refresh },
-                        React.createElement(PauseIcon, null))),
-                    operation.includes('restart') && (React.createElement(Button, { size: "sm", title: __('reload'), disabled: refresh, onClick: this.refresh },
-                        React.createElement(ReloadIcon, null))),
-                    operation.includes('showLineNumber') && (React.createElement(Button, { size: "sm", title: showLineNumber
-                            ? __('Log.notShowLineNumber')
-                            : __('Log.showLineNumber'), onClick: this.changeShowLineNumber }, showLineNumber ? React.createElement(MinusIcon, null) : React.createElement(PlusIcon, null))),
-                    operation.includes('clear') && (React.createElement(Button, { size: "sm", title: __('clear'), onClick: this.clear },
-                        React.createElement(InputClearIcon, null))),
-                    React.createElement(Button, { size: "sm", title: __('Log.collapse'), onClick: this.changeShowOperation },
-                        React.createElement(LeftArrowIcon, null)))) : (React.createElement("div", { title: __('Log.expand'), className: cx('Log-operation-hidden'), onClick: this.changeShowOperation },
-                    React.createElement(RightArrowIcon, null)))))));
+            React.createElement("div", { className: cx('Log-operation') }, operation && (operation === null || operation === void 0 ? void 0 : operation.length) > 0 && (React.createElement(React.Fragment, null,
+                operation.includes('stop') && (React.createElement("a", { title: __('stop'), className: !refresh ? 'is-disabled' : '', onClick: this.refresh },
+                    React.createElement(Icon, { icon: "pause" }))),
+                operation.includes('restart') && (React.createElement("a", { title: __('reload'), className: refresh ? 'is-disabled' : '', onClick: this.refresh },
+                    React.createElement(Icon, { icon: "refresh" }))),
+                operation.includes('showLineNumber') && (React.createElement("a", { title: showLineNumber
+                        ? __('Log.notShowLineNumber')
+                        : __('Log.showLineNumber'), onClick: function (e) {
+                        _this.setState({ showLineNumber: !showLineNumber });
+                        e.preventDefault();
+                    } },
+                    React.createElement(Icon, { icon: showLineNumber ? 'invisible' : 'view' }))),
+                operation.includes('clear') && (React.createElement("a", { onClick: this.clear, title: __('clear') },
+                    React.createElement(Icon, { icon: "remove" }))),
+                operation && operation.includes('filter') && (React.createElement(SearchBox, { className: cx('Log-filter-box'), placeholder: "\u8FC7\u6EE4\u8BCD", onChange: this.changeFilterWord }))))),
+            React.createElement("div", { ref: this.logRef, className: cx('Log-body'), style: { height: useVirtualRender ? 'auto' : height } }, useVirtualRender ? lines : lines.length ? lines : loading)));
     };
     Log.defaultProps = {
         height: 500,

package/esm/renderers/Mapping.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.0
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Markdown.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.0
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Nav.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.0
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Operation.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.0
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Page.d.ts

@@ -212,6 +212,7 @@ export default class Page extends React.Component<PageProps> {
     initInterval(value: any): any;
     handleRefresh(): Promise<void>;
     handleChange(value: any, name: string, submit?: boolean, changePristine?: boolean): void;
+    handleBulkChange(values: Object): void;
     renderHeader(): JSX.Element | undefined;
     render(): JSX.Element;
 }

package/esm/renderers/Page.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.0
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 
@@ -17,6 +17,7 @@ var Page = /** @class */ (function (_super) {
         bulkBindFunctions(_this, [
             'handleAction',
             'handleChange',
+            'handleBulkChange',
             'handleQuery',
             'handleDialogConfirm',
             'handleDialogClose',
@@ -352,6 +353,10 @@ var Page = /** @class */ (function (_super) {
         }
         onChange === null || onChange === void 0 ? void 0 : onChange.apply(null, arguments);
     };
+    Page.prototype.handleBulkChange = function (values) {
+        var _a, _b;
+        (_b = (_a = this.props.store) === null || _a === void 0 ? void 0 : _a.updateData) === null || _b === void 0 ? void 0 : _b.call(_a, values);
+    };
     Page.prototype.renderHeader = function () {
         var _a = this.props, title = _a.title, subTitle = _a.subTitle, remark = _a.remark, remarkPlacement = _a.remarkPlacement, headerClassName = _a.headerClassName, toolbarClassName = _a.toolbarClassName, toolbar = _a.toolbar, render = _a.render; _a.store; var initApi = _a.initApi, env = _a.env, cx = _a.classnames, regions = _a.regions; _a.translate;
         var subProps = {
@@ -391,6 +396,7 @@ var Page = /** @class */ (function (_super) {
             onAction: this.handleAction,
             onQuery: initApi ? this.handleQuery : undefined,
             onChange: this.handleChange,
+            onBulkChange: this.handleBulkChange,
             pageLoading: store.loading
         };
         var hasAside = Array.isArray(regions)

package/esm/renderers/Pagination.d.ts

@@ -58,6 +58,11 @@ export interface PaginationSchema extends BaseSchema {
      */
     disabled?: boolean;
     hasNext?: boolean;
+    /**
+     * 弹层挂载节点
+     * @default false
+     */
+    popOverContainerSelector?: string;
 }
 export interface PaginationProps extends RendererProps, Omit<PaginationSchema, 'type' | 'className'> {
 }

package/esm/renderers/Pagination.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.0
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/PaginationWrapper.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.0
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Panel.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.0
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Plain.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.0
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/PopOver.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.0
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Portlet.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.0
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Progress.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.0
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */