amis 2.0.2 → 2.1.0

package/lib/renderers/Icon.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * 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.2
+ * 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.2
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/Json.js

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

package/lib/renderers/Link.js

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

package/lib/renderers/List.js

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

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

package/lib/renderers/Mapping.js

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

package/lib/renderers/Markdown.js

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

package/lib/renderers/Nav.d.ts

@@ -203,7 +203,7 @@ export declare class Navigation extends React.Component<NavigationProps, Navigat
     render(): JSX.Element;
 }
 declare const ThemedNavigation: {
-    new (props: Pick<Omit<NavigationProps, keyof ThemeProps>, "source" | "deferApi" | "$ref" | "disabled" | "disabledOn" | "hidden" | "hiddenOn" | "visible" | "visibleOn" | "id" | "onEvent" | "onToggle" | "render" | "env" | "data" | "loading" | "reload" | "itemBadge" | "draggable" | "onSelect" | "itemActions" | "saveOrderApi" | "links" | "stacked" | "dragOnSameLevel" | "overflow" | "onDragUpdate" | "onOrderChange" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<Pick<NavigationProps, "indentSize">, never>> & import("amis-core/lib/theme").ThemeOutterProps): {
+    new (props: Pick<Omit<NavigationProps, keyof ThemeProps>, "source" | "$ref" | "disabled" | "disabledOn" | "hidden" | "hiddenOn" | "visible" | "visibleOn" | "id" | "onEvent" | "itemBadge" | "data" | "draggable" | "itemActions" | "onSelect" | "loading" | "render" | "env" | "reload" | "deferApi" | "onToggle" | "saveOrderApi" | "links" | "stacked" | "dragOnSameLevel" | "overflow" | "onDragUpdate" | "onOrderChange" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<Pick<NavigationProps, "indentSize">, never>> & import("amis-core/lib/theme").ThemeOutterProps): {
         ref: any; /**
          * 包裹导航的外层标签名，可以使用其他标签渲染
          * @default "ul"
@@ -212,9 +212,9 @@ declare const ThemedNavigation: {
         getWrappedInstance(): any;
         render(): JSX.Element;
         context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "source" | "deferApi" | "$ref" | "disabled" | "disabledOn" | "hidden" | "hiddenOn" | "visible" | "visibleOn" | "id" | "onEvent" | "onToggle" | "render" | "env" | "data" | "loading" | "reload" | "itemBadge" | "draggable" | "onSelect" | "itemActions" | "saveOrderApi" | "links" | "stacked" | "dragOnSameLevel" | "overflow" | "onDragUpdate" | "onOrderChange" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<Pick<NavigationProps, "indentSize">, never>> & import("amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "source" | "$ref" | "disabled" | "disabledOn" | "hidden" | "hiddenOn" | "visible" | "visibleOn" | "id" | "onEvent" | "itemBadge" | "data" | "draggable" | "itemActions" | "onSelect" | "loading" | "render" | "env" | "reload" | "deferApi" | "onToggle" | "saveOrderApi" | "links" | "stacked" | "dragOnSameLevel" | "overflow" | "onDragUpdate" | "onOrderChange" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<Pick<NavigationProps, "indentSize">, never>> & import("amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "source" | "deferApi" | "$ref" | "disabled" | "disabledOn" | "hidden" | "hiddenOn" | "visible" | "visibleOn" | "id" | "onEvent" | "onToggle" | "render" | "env" | "data" | "loading" | "reload" | "itemBadge" | "draggable" | "onSelect" | "itemActions" | "saveOrderApi" | "links" | "stacked" | "dragOnSameLevel" | "overflow" | "onDragUpdate" | "onOrderChange" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<Pick<NavigationProps, "indentSize">, never>> & import("amis-core/lib/theme").ThemeOutterProps> & Readonly<{
+        readonly props: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "source" | "$ref" | "disabled" | "disabledOn" | "hidden" | "hiddenOn" | "visible" | "visibleOn" | "id" | "onEvent" | "itemBadge" | "data" | "draggable" | "itemActions" | "onSelect" | "loading" | "render" | "env" | "reload" | "deferApi" | "onToggle" | "saveOrderApi" | "links" | "stacked" | "dragOnSameLevel" | "overflow" | "onDragUpdate" | "onOrderChange" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<Pick<NavigationProps, "indentSize">, never>> & import("amis-core/lib/theme").ThemeOutterProps> & Readonly<{
             children?: React.ReactNode; /**
              * 懒加载 api，如果不配置复用 source 接口。
              */
@@ -224,17 +224,17 @@ declare const ThemedNavigation: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "source" | "deferApi" | "$ref" | "disabled" | "disabledOn" | "hidden" | "hiddenOn" | "visible" | "visibleOn" | "id" | "onEvent" | "onToggle" | "render" | "env" | "data" | "loading" | "reload" | "itemBadge" | "draggable" | "onSelect" | "itemActions" | "saveOrderApi" | "links" | "stacked" | "dragOnSameLevel" | "overflow" | "onDragUpdate" | "onOrderChange" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<Pick<NavigationProps, "indentSize">, never>> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "source" | "$ref" | "disabled" | "disabledOn" | "hidden" | "hiddenOn" | "visible" | "visibleOn" | "id" | "onEvent" | "itemBadge" | "data" | "draggable" | "itemActions" | "onSelect" | "loading" | "render" | "env" | "reload" | "deferApi" | "onToggle" | "saveOrderApi" | "links" | "stacked" | "dragOnSameLevel" | "overflow" | "onDragUpdate" | "onOrderChange" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<Pick<NavigationProps, "indentSize">, never>> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "source" | "deferApi" | "$ref" | "disabled" | "disabledOn" | "hidden" | "hiddenOn" | "visible" | "visibleOn" | "id" | "onEvent" | "onToggle" | "render" | "env" | "data" | "loading" | "reload" | "itemBadge" | "draggable" | "onSelect" | "itemActions" | "saveOrderApi" | "links" | "stacked" | "dragOnSameLevel" | "overflow" | "onDragUpdate" | "onOrderChange" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<Pick<NavigationProps, "indentSize">, never>> & import("amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "source" | "deferApi" | "$ref" | "disabled" | "disabledOn" | "hidden" | "hiddenOn" | "visible" | "visibleOn" | "id" | "onEvent" | "onToggle" | "render" | "env" | "data" | "loading" | "reload" | "itemBadge" | "draggable" | "onSelect" | "itemActions" | "saveOrderApi" | "links" | "stacked" | "dragOnSameLevel" | "overflow" | "onDragUpdate" | "onOrderChange" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<Pick<NavigationProps, "indentSize">, never>> & import("amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "source" | "$ref" | "disabled" | "disabledOn" | "hidden" | "hiddenOn" | "visible" | "visibleOn" | "id" | "onEvent" | "itemBadge" | "data" | "draggable" | "itemActions" | "onSelect" | "loading" | "render" | "env" | "reload" | "deferApi" | "onToggle" | "saveOrderApi" | "links" | "stacked" | "dragOnSameLevel" | "overflow" | "onDragUpdate" | "onOrderChange" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<Pick<NavigationProps, "indentSize">, never>> & import("amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "source" | "$ref" | "disabled" | "disabledOn" | "hidden" | "hiddenOn" | "visible" | "visibleOn" | "id" | "onEvent" | "itemBadge" | "data" | "draggable" | "itemActions" | "onSelect" | "loading" | "render" | "env" | "reload" | "deferApi" | "onToggle" | "saveOrderApi" | "links" | "stacked" | "dragOnSameLevel" | "overflow" | "onDragUpdate" | "onOrderChange" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<Pick<NavigationProps, "indentSize">, never>> & import("amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "source" | "deferApi" | "$ref" | "disabled" | "disabledOn" | "hidden" | "hiddenOn" | "visible" | "visibleOn" | "id" | "onEvent" | "onToggle" | "render" | "env" | "data" | "loading" | "reload" | "itemBadge" | "draggable" | "onSelect" | "itemActions" | "saveOrderApi" | "links" | "stacked" | "dragOnSameLevel" | "overflow" | "onDragUpdate" | "onOrderChange" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<Pick<NavigationProps, "indentSize">, never>> & import("amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "source" | "deferApi" | "$ref" | "disabled" | "disabledOn" | "hidden" | "hiddenOn" | "visible" | "visibleOn" | "id" | "onEvent" | "onToggle" | "render" | "env" | "data" | "loading" | "reload" | "itemBadge" | "draggable" | "onSelect" | "itemActions" | "saveOrderApi" | "links" | "stacked" | "dragOnSameLevel" | "overflow" | "onDragUpdate" | "onOrderChange" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<Pick<NavigationProps, "indentSize">, never>> & import("amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "source" | "deferApi" | "$ref" | "disabled" | "disabledOn" | "hidden" | "hiddenOn" | "visible" | "visibleOn" | "id" | "onEvent" | "onToggle" | "render" | "env" | "data" | "loading" | "reload" | "itemBadge" | "draggable" | "onSelect" | "itemActions" | "saveOrderApi" | "links" | "stacked" | "dragOnSameLevel" | "overflow" | "onDragUpdate" | "onOrderChange" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<Pick<NavigationProps, "indentSize">, never>> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "source" | "deferApi" | "$ref" | "disabled" | "disabledOn" | "hidden" | "hiddenOn" | "visible" | "visibleOn" | "id" | "onEvent" | "onToggle" | "render" | "env" | "data" | "loading" | "reload" | "itemBadge" | "draggable" | "onSelect" | "itemActions" | "saveOrderApi" | "links" | "stacked" | "dragOnSameLevel" | "overflow" | "onDragUpdate" | "onOrderChange" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<Pick<NavigationProps, "indentSize">, never>> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "source" | "$ref" | "disabled" | "disabledOn" | "hidden" | "hiddenOn" | "visible" | "visibleOn" | "id" | "onEvent" | "itemBadge" | "data" | "draggable" | "itemActions" | "onSelect" | "loading" | "render" | "env" | "reload" | "deferApi" | "onToggle" | "saveOrderApi" | "links" | "stacked" | "dragOnSameLevel" | "overflow" | "onDragUpdate" | "onOrderChange" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<Pick<NavigationProps, "indentSize">, never>> & import("amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "source" | "$ref" | "disabled" | "disabledOn" | "hidden" | "hiddenOn" | "visible" | "visibleOn" | "id" | "onEvent" | "itemBadge" | "data" | "draggable" | "itemActions" | "onSelect" | "loading" | "render" | "env" | "reload" | "deferApi" | "onToggle" | "saveOrderApi" | "links" | "stacked" | "dragOnSameLevel" | "overflow" | "onDragUpdate" | "onOrderChange" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<Pick<NavigationProps, "indentSize">, never>> & import("amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "source" | "$ref" | "disabled" | "disabledOn" | "hidden" | "hiddenOn" | "visible" | "visibleOn" | "id" | "onEvent" | "itemBadge" | "data" | "draggable" | "itemActions" | "onSelect" | "loading" | "render" | "env" | "reload" | "deferApi" | "onToggle" | "saveOrderApi" | "links" | "stacked" | "dragOnSameLevel" | "overflow" | "onDragUpdate" | "onOrderChange" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<Pick<NavigationProps, "indentSize">, never>> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "source" | "$ref" | "disabled" | "disabledOn" | "hidden" | "hiddenOn" | "visible" | "visibleOn" | "id" | "onEvent" | "itemBadge" | "data" | "draggable" | "itemActions" | "onSelect" | "loading" | "render" | "env" | "reload" | "deferApi" | "onToggle" | "saveOrderApi" | "links" | "stacked" | "dragOnSameLevel" | "overflow" | "onDragUpdate" | "onOrderChange" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<Pick<NavigationProps, "indentSize">, never>> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     displayName: string;
     contextType: React.Context<string>;

package/lib/renderers/Nav.js

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

package/lib/renderers/Operation.js

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

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

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 
@@ -25,6 +25,7 @@ var Page = /** @class */ (function (_super) {
         amisCore.bulkBindFunctions(_this, [
             'handleAction',
             'handleChange',
+            'handleBulkChange',
             'handleQuery',
             'handleDialogConfirm',
             'handleDialogClose',
@@ -360,6 +361,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 = {
@@ -399,6 +404,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/lib/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/lib/renderers/Pagination.js

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

package/lib/renderers/PaginationWrapper.js

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

package/lib/renderers/Panel.js

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

package/lib/renderers/Plain.js

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

package/lib/renderers/PopOver.js

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

package/lib/renderers/Portlet.js

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

package/lib/renderers/Progress.js

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

package/lib/renderers/Property.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 
@@ -28,9 +28,7 @@ var Property = /** @class */ (function (_super) {
      */
     Property.prototype.prepareRows = function () {
         var _a = this.props, _b = _a.column, column = _b === void 0 ? 3 : _b, items = _a.items, source = _a.source, data = _a.data;
-        var propertyItems = (items
-            ? items
-            : amisCore.resolveVariableAndFilter(source, data, '| raw')) || [];
+        var propertyItems = items ? items : source || [];
         var rows = [];
         var row = [];
         var columnLeft = column;
@@ -94,7 +92,8 @@ var Property = /** @class */ (function (_super) {
     }
     PropertyRenderer = tslib.__decorate([
         amisCore.Renderer({
-            type: 'property'
+            type: 'property',
+            autoVar: true
         })
     ], PropertyRenderer);
     return PropertyRenderer;

package/lib/renderers/QRCode.js

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

package/lib/renderers/QuickEdit.js

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

package/lib/renderers/Remark.d.ts

@@ -59,7 +59,7 @@ declare class Remark extends React.Component<RemarkProps> {
     static propsList: Array<string>;
     static defaultProps: {
         icon: string;
-        trigger: ("focus" | "hover" | "click")[];
+        trigger: ("click" | "focus" | "hover")[];
     };
     showModalTip(tooltip?: string | TooltipObject): (e: React.MouseEvent) => void;
     renderLabel(finalIcon: any, finalLabel: string, cx: ClassNamesFn, shape?: 'circle' | 'square'): JSX.Element;

package/lib/renderers/Remark.js

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

package/lib/renderers/SearchBox.js

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

package/lib/renderers/Service.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 
@@ -419,6 +419,7 @@ var Service = /** @class */ (function (_super) {
         return _super.prototype.receive.call(this, values);
     };
     ServiceRenderer.prototype.componentWillUnmount = function () {
+        _super.prototype.componentWillUnmount.call(this);
         var scoped = this.context;
         scoped.unRegisterComponent(this);
     };

package/lib/renderers/SparkLine.js

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

package/lib/renderers/Spinner.js

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

package/lib/renderers/Status.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 
@@ -59,8 +59,8 @@ var StatusField = /** @class */ (function (_super) {
         placeholder: '-',
         map: {
             0: 'svg-fail',
-            1: 'svg-success',
-            success: 'svg-success',
+            1: 'svg-check-circle',
+            success: 'svg-check-circle',
             pending: 'rolling',
             fail: 'svg-fail',
             queue: 'svg-warning',

package/lib/renderers/Steps.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { RendererProps } from 'amis-core';
 import { BaseSchema, SchemaCollection } from '../Schema';
 import { StepStatus } from 'amis-ui';
+import type { SchemaExpression } from 'amis-core';
 export declare type StepSchema = {
     /**
      * 标题
@@ -44,7 +45,7 @@ export interface StepsSchema extends BaseSchema {
     name?: string;
     status?: StepStatus | {
         [propName: string]: StepStatus;
-    };
+    } | SchemaExpression;
     /**
      * 展示模式
      */

package/lib/renderers/Steps.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 
@@ -20,10 +20,15 @@ function StepsCmpt(props) {
     var _a;
     var className = props.className, 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 sourceResult = amisCore.resolveVariableAndFilter(source, data, '| raw');
+    /** 步骤数据源 */
     var stepsRow = (Array.isArray(sourceResult) ? sourceResult : undefined) ||
         config ||
         steps ||
         [];
+    /** 状态数据源 */
+    var statusValue = amisCore.isPureVariable(status)
+        ? amisCore.resolveVariableAndFilter(status, data, '| raw')
+        : status;
     var resolveRender = function (val) {
         return typeof val === 'string' ? amisCore.filter(val, data) : val && render('inner', val);
     };
@@ -39,19 +44,18 @@ function StepsCmpt(props) {
     });
     function getStepStatus(step, i) {
         var stepStatus;
-        if (typeof status === 'string') {
+        if (typeof statusValue === 'string') {
             if (i === currentValue) {
-                var resolveStatus = amisCore.resolveVariable(status, data);
-                stepStatus = resolveStatus || status || amisUi.StepStatus.process;
+                stepStatus = statusValue || status || amisUi.StepStatus.process;
             }
         }
-        else if (typeof status === 'object') {
+        else if (typeof statusValue === 'object') {
             var key = step.value;
-            key && status[key] && (stepStatus = status[key]);
+            key && statusValue[key] && (stepStatus = statusValue[key]);
         }
         return stepStatus;
     }
-    return (React__default["default"].createElement(amisUi.Steps, { current: currentValue, steps: resolveSteps, className: className, status: status, mode: mode, progressDot: progressDot, labelPlacement: labelPlacement, useMobileUI: useMobileUI }));
+    return (React__default["default"].createElement(amisUi.Steps, { current: currentValue, steps: resolveSteps, className: className, status: statusValue, mode: mode, progressDot: progressDot, labelPlacement: labelPlacement, useMobileUI: useMobileUI }));
 }
 var StepsWithRemoteConfig = amisUi.withRemoteConfig({
     adaptor: function (data) { return data.steps || data; }

package/lib/renderers/Table/ColumnToggler.js

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

package/lib/renderers/Table/HeadCellFilterDropdown.js

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

package/lib/renderers/Table/HeadCellSearchDropdown.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 
@@ -185,7 +185,7 @@ var HeadCellSearchDropDown = /** @class */ (function (_super) {
         var _a = this.props, render = _a.render, name = _a.name, data = _a.data, searchable = _a.searchable, store = _a.store, orderBy = _a.orderBy, popOverContainer = _a.popOverContainer, ns = _a.classPrefix, cx = _a.classnames;
         var formSchema = this.buildSchema();
         var isActive = this.isActive();
-        return (React__default["default"].createElement("span", { className: cx("".concat(ns, "TableCell-searchBtn"), isActive ? 'is-active' : '') },
+        return (React__default["default"].createElement("span", { className: cx("".concat(ns, "TableCell-searchBtn"), isActive ? 'is-active' : '', this.state.isOpened ? 'is-opened' : '') },
             React__default["default"].createElement("span", { onClick: this.open },
                 React__default["default"].createElement(amisUi.Icon, { icon: "search", className: "icon" })),
             this.state.isOpened ? (React__default["default"].createElement(amisCore.Overlay, { container: popOverContainer || (function () { return ReactDOM.findDOMNode(_this); }), placement: "left-bottom-left-top right-bottom-right-top", target: popOverContainer ? function () { return ReactDOM.findDOMNode(_this).parentNode; } : null, show: true },

package/lib/renderers/Table/ItemActionsWrapper.js

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