amis 2.0.0 → 2.1.0

package/lib/renderers/Form/TabsTransferPicker.js

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

package/lib/renderers/Form/Textarea.js

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

package/lib/renderers/Form/Transfer.js

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

package/lib/renderers/Form/TransferPicker.js

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

package/lib/renderers/Form/TreeSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.0
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 
@@ -124,11 +124,9 @@ var TreeSelectControl = /** @class */ (function (_super) {
         if (!multiple) {
             this.close();
         }
-        multiple || !this.state.inputValue
-            ? this.resultChangeEvent(value)
-            : this.setState({
-                inputValue: ''
-            }, function () { return _this.resultChangeEvent(value); });
+        this.setState({
+            inputValue: ''
+        }, function () { return _this.resultChangeEvent(value); });
     };
     TreeSelectControl.prototype.handleInputChange = function (value) {
         var _this = this;
@@ -303,7 +301,7 @@ var TreeSelectControl = /** @class */ (function (_super) {
         var isOpened = this.state.isOpened;
         var mobileUI = useMobileUI && amisCore.isMobile();
         return (React__default["default"].createElement("div", { ref: this.container, className: cx("TreeSelectControl", className) },
-            React__default["default"].createElement(amisUi.ResultBox, { disabled: disabled, ref: this.targetRef, placeholder: __(placeholder || 'placeholder.empty'), className: cx("TreeSelect", {
+            React__default["default"].createElement(amisUi.ResultBox, { disabled: disabled, ref: this.targetRef, placeholder: __(placeholder !== null && placeholder !== void 0 ? placeholder : 'placeholder.empty'), inputPlaceholder: '', className: cx("TreeSelect", {
                     'TreeSelect--inline': inline,
                     'TreeSelect--single': !multiple,
                     'TreeSelect--multi': multiple,
@@ -314,7 +312,7 @@ var TreeSelectControl = /** @class */ (function (_super) {
                     ? selectedOptions
                     : selectedOptions.length
                         ? this.renderItem(selectedOptions[0])
-                        : '', onResultClick: this.handleOutClick, value: this.state.inputValue, onChange: this.handleInputChange, onResultChange: this.handleResultChange, itemRender: this.renderItem, onKeyPress: this.handleKeyPress, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleInputKeyDown, clearable: clearable, allowInput: searchable || amisCore.isEffectiveApi(autoComplete), inputPlaceholder: '' }, loading ? React__default["default"].createElement(amisUi.Spinner, { size: "sm" }) : undefined),
+                        : '', onResultClick: this.handleOutClick, value: this.state.inputValue, onChange: this.handleInputChange, onResultChange: this.handleResultChange, itemRender: this.renderItem, onKeyPress: this.handleKeyPress, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleInputKeyDown, clearable: clearable, allowInput: searchable || amisCore.isEffectiveApi(autoComplete) }, loading ? React__default["default"].createElement(amisUi.Spinner, { size: "sm" }) : undefined),
             !mobileUI && isOpened ? (React__default["default"].createElement(amisCore.Overlay, { container: popOverContainer || (function () { return _this.container.current; }), target: function () { return _this.target; }, show: true },
                 React__default["default"].createElement(amisCore.PopOver, { classPrefix: ns, className: "".concat(ns, "TreeSelect-popover"), style: {
                         minWidth: this.target ? this.target.offsetWidth : undefined

package/lib/renderers/Form/UUID.js

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

package/lib/renderers/Form/UserSelect.js

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

package/lib/renderers/Grid.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.0
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 
@@ -11,6 +11,7 @@ var tslib = require('tslib');
 var React = require('react');
 var amisCore = require('amis-core');
 var pick = require('lodash/pick');
+var amisUi = require('amis-ui');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -70,12 +71,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__default["default"].createElement("div", { className: cx('Grid', (_a = {},
                 _a["Grid--".concat(gap)] = gap,
                 _a["Grid--v".concat(amisCore.ucFirst(vAlign))] = vAlign,
                 _a["Grid--h".concat(amisCore.ucFirst(hAlign))] = hAlign,
-                _a), className) }, this.renderColumns(this.props.columns)));
+                _a), className) },
+            this.renderColumns(this.props.columns),
+            React__default["default"].createElement(amisUi.Spinner, { overlay: true, show: loading })));
     };
     Grid.propsList = ['columns'];
     Grid.defaultProps = {};

package/lib/renderers/Grid2D.js

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

package/lib/renderers/GridNav.js

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

package/lib/renderers/HBox.js

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

package/lib/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/lib/renderers/IFrame.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.0
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 
@@ -100,7 +100,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);
@@ -113,7 +113,7 @@ var IFrame = /** @class */ (function (_super) {
             !/^(\.\/|\.\.\/|\/|https?\:\/\/|\/\/)/.test(finalSrc)) {
             return React__default["default"].createElement("p", null, "\u8BF7\u586B\u5199\u5408\u6CD5\u7684 iframe \u5730\u5740");
         }
-        return (React__default["default"].createElement("iframe", { name: name, className: className, frameBorder: frameBorder, style: style, ref: this.IFrameRef, onLoad: this.onLoad, src: finalSrc }));
+        return (React__default["default"].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/lib/renderers/Icon.js

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

package/lib/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/lib/renderers/Image.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.0
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 
@@ -84,13 +84,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 ? amisCore.filter(src, data, '| raw') : '';
         var value = finnalSrc || amisCore.getPropValue(this.props) || defaultImage || imagePlaceholder;
         var finnalHref = href ? amisCore.filter(href, data, '| raw') : '';
         return (React__default["default"].createElement("div", { className: cx('ImageField', imageMode === 'original'
                 ? 'ImageField--original'
-                : 'ImageField--thumb', className), onClick: this.handleClick }, value ? (React__default["default"].createElement(ThemedImageThumb, { imageClassName: imageClassName, thumbClassName: thumbClassName, height: height, width: width, src: value, href: finnalHref, title: amisCore.filter(title, data), caption: amisCore.filter(imageCaption, data), thumbMode: thumbMode, thumbRatio: thumbRatio, originalSrc: (_a = amisCore.filter(originalSrc, data, '| raw')) !== null && _a !== void 0 ? _a : value, enlargeAble: enlargeAble && value !== defaultImage, onEnlarge: this.handleEnlarge, imageMode: imageMode })) : (React__default["default"].createElement("span", { className: "text-muted" }, placeholder))));
+                : 'ImageField--thumb', className), onClick: this.handleClick }, value ? (React__default["default"].createElement(ThemedImageThumb, { className: innerClassName, imageClassName: imageClassName, thumbClassName: thumbClassName, height: height, width: width, src: value, href: finnalHref, title: amisCore.filter(title, data), caption: amisCore.filter(imageCaption, data), thumbMode: thumbMode, thumbRatio: thumbRatio, originalSrc: (_a = amisCore.filter(originalSrc, data, '| raw')) !== null && _a !== void 0 ? _a : value, enlargeAble: enlargeAble && value !== defaultImage, onEnlarge: this.handleEnlarge, imageMode: imageMode })) : (React__default["default"].createElement("span", { className: "text-muted" }, placeholder))));
     };
     ImageField.defaultProps = {
         defaultImage: imagePlaceholder,

package/lib/renderers/Images.js

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

package/lib/renderers/Json.js

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

package/lib/renderers/Link.js

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

package/lib/renderers/List.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.0
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 
@@ -415,7 +415,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();
@@ -431,7 +431,8 @@ var List = /** @class */ (function (_super) {
             store.items.length ? (React__default["default"].createElement("div", { className: cx('List-items') }, store.items.map(function (item, index) {
                 return _this.renderListItem(index, listItem, item, itemClassName);
             }))) : (React__default["default"].createElement("div", { className: cx('List-placeholder') }, render('placeholder', __(placeholder)))),
-            this.renderFooter()));
+            this.renderFooter(),
+            React__default["default"].createElement(amisUi.Spinner, { overlay: true, show: loading })));
     };
     List.propsList = [
         'header',

package/lib/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/lib/renderers/Log.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.0
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 
@@ -27,34 +27,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__default["default"].createRef();
@@ -155,10 +161,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*/];
@@ -174,6 +182,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__default["default"].createElement("span", null,
+                    item,
+                    React__default["default"].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"));
+    };
     /**
      * 渲染某一行
      */
@@ -183,12 +214,12 @@ var Log = /** @class */ (function (_super) {
             showLineNumber && (React__default["default"].createElement("span", { className: cx('Log-line-number') },
                 index + 1,
                 " ")),
-            disableColor ? line : React__default["default"].createElement(Ansi__default["default"], { useClasses: true }, line)));
+            disableColor ? (this.renderHighlightWord(line)) : (React__default["default"].createElement(Ansi__default["default"], { 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');
@@ -206,7 +237,7 @@ var Log = /** @class */ (function (_super) {
                         showLineNumber && (React__default["default"].createElement("span", { className: cx('Log-line-number') },
                             index + 1,
                             " ")),
-                        disableColor ? (logs[index]) : (React__default["default"].createElement(Ansi__default["default"], { useClasses: true }, logs[index]))));
+                        disableColor ? (_this.renderHighlightWord(logs[index])) : (React__default["default"].createElement(Ansi__default["default"], { useClasses: true }, _this.renderHighlightWordWithAnsi(logs[index])))));
                 } }));
         }
         else {
@@ -215,22 +246,22 @@ var Log = /** @class */ (function (_super) {
             });
         }
         return (React__default["default"].createElement("div", { className: cx('Log', className) },
-            React__default["default"].createElement("div", { ref: this.logRef, className: cx('Log-body'), style: { height: useVirtualRender ? 'auto' : height } }, useVirtualRender ? lines : lines.length ? lines : loading),
-            React__default["default"].createElement("div", { className: cx('Log-operation') }, operation &&
-                (operation === null || operation === void 0 ? void 0 : operation.length) > 0 &&
-                (showOperation ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-                    operation.includes('stop') && (React__default["default"].createElement(amisUi.Button, { size: "sm", title: "__('stop')", disabled: !refresh, onClick: this.refresh },
-                        React__default["default"].createElement(amisUi.PauseIcon, null))),
-                    operation.includes('restart') && (React__default["default"].createElement(amisUi.Button, { size: "sm", title: __('reload'), disabled: refresh, onClick: this.refresh },
-                        React__default["default"].createElement(amisUi.ReloadIcon, null))),
-                    operation.includes('showLineNumber') && (React__default["default"].createElement(amisUi.Button, { size: "sm", title: showLineNumber
-                            ? __('Log.notShowLineNumber')
-                            : __('Log.showLineNumber'), onClick: this.changeShowLineNumber }, showLineNumber ? React__default["default"].createElement(amisUi.MinusIcon, null) : React__default["default"].createElement(amisUi.PlusIcon, null))),
-                    operation.includes('clear') && (React__default["default"].createElement(amisUi.Button, { size: "sm", title: __('clear'), onClick: this.clear },
-                        React__default["default"].createElement(amisUi.InputClearIcon, null))),
-                    React__default["default"].createElement(amisUi.Button, { size: "sm", title: __('Log.collapse'), onClick: this.changeShowOperation },
-                        React__default["default"].createElement(amisUi.LeftArrowIcon, null)))) : (React__default["default"].createElement("div", { title: __('Log.expand'), className: cx('Log-operation-hidden'), onClick: this.changeShowOperation },
-                    React__default["default"].createElement(amisUi.RightArrowIcon, null)))))));
+            React__default["default"].createElement("div", { className: cx('Log-operation') }, operation && (operation === null || operation === void 0 ? void 0 : operation.length) > 0 && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                operation.includes('stop') && (React__default["default"].createElement("a", { title: __('stop'), className: !refresh ? 'is-disabled' : '', onClick: this.refresh },
+                    React__default["default"].createElement(amisUi.Icon, { icon: "pause" }))),
+                operation.includes('restart') && (React__default["default"].createElement("a", { title: __('reload'), className: refresh ? 'is-disabled' : '', onClick: this.refresh },
+                    React__default["default"].createElement(amisUi.Icon, { icon: "refresh" }))),
+                operation.includes('showLineNumber') && (React__default["default"].createElement("a", { title: showLineNumber
+                        ? __('Log.notShowLineNumber')
+                        : __('Log.showLineNumber'), onClick: function (e) {
+                        _this.setState({ showLineNumber: !showLineNumber });
+                        e.preventDefault();
+                    } },
+                    React__default["default"].createElement(amisUi.Icon, { icon: showLineNumber ? 'invisible' : 'view' }))),
+                operation.includes('clear') && (React__default["default"].createElement("a", { onClick: this.clear, title: __('clear') },
+                    React__default["default"].createElement(amisUi.Icon, { icon: "remove" }))),
+                operation && operation.includes('filter') && (React__default["default"].createElement(amisUi.SearchBox, { className: cx('Log-filter-box'), placeholder: "\u8FC7\u6EE4\u8BCD", onChange: this.changeFilterWord }))))),
+            React__default["default"].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/lib/renderers/Mapping.js

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

package/lib/renderers/Markdown.js

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