amis 2.8.0 → 3.0.0

package/esm/renderers/OfficeViewer.js

@@ -0,0 +1,203 @@
+/**
+ * amis v3.0.0
+ * Copyright 2018-2023 baidu
+ */
+
+import { __extends, __awaiter, __generator, __assign, __decorate, __metadata } from 'tslib';
+import React from 'react';
+import { isApiOutdated, filter, resolveVariable, createObject, resolveVariableAndFilter, ScopedContext, Renderer } from 'amis-core';
+import { Spinner } from 'amis-ui';
+
+/**
+ * office 文件预览
+ */
+var OfficeViewer = /** @class */ (function (_super) {
+    __extends(OfficeViewer, _super);
+    function OfficeViewer(props) {
+        var _this = _super.call(this, props) || this;
+        _this.rootElement = React.createRef();
+        return _this;
+    }
+    OfficeViewer.prototype.componentDidMount = function () {
+        var _a;
+        if ((_a = this.rootElement) === null || _a === void 0 ? void 0 : _a.current) {
+            this.renderWord();
+        }
+    };
+    OfficeViewer.prototype.componentDidUpdate = function (prevProps) {
+        var _a;
+        var props = this.props;
+        if (isApiOutdated(prevProps.src, props.src, prevProps.data, props.data)) {
+            this.renderWord();
+        }
+        if (props.name) {
+            if (prevProps.data[props.name] !== props.data[props.name]) {
+                this.renderWord();
+            }
+        }
+        if (JSON.stringify(prevProps.wordOptions) !==
+            JSON.stringify(props.wordOptions) ||
+            prevProps.display !== props.display) {
+            this.renderWord();
+        }
+        if ((_a = props.wordOptions) === null || _a === void 0 ? void 0 : _a.enableVar) {
+            if (props.trackExpression &&
+                filter(props.trackExpression, props.data) !==
+                    filter(prevProps.trackExpression, prevProps.data)) {
+                this.renderWord();
+            }
+            else {
+                // 目前 word 渲染比较快，所以全量渲染性能可以接受
+                this.renderWord();
+            }
+        }
+    };
+    /**
+     * 接收动作事件
+     */
+    OfficeViewer.prototype.doAction = function (action, args, throwErrors) {
+        var _a, _b;
+        var actionType = action === null || action === void 0 ? void 0 : action.actionType;
+        if (actionType === 'saveAs') {
+            (_a = this.word) === null || _a === void 0 ? void 0 : _a.download((args === null || args === void 0 ? void 0 : args.name) || this.fileName);
+        }
+        if (actionType === 'print') {
+            (_b = this.word) === null || _b === void 0 ? void 0 : _b.print();
+        }
+    };
+    /**
+     * 执行变量替换
+     */
+    OfficeViewer.prototype.evalVar = function (text, data) {
+        var localData = this.props.data;
+        return resolveVariable(text, createObject(localData, data));
+    };
+    OfficeViewer.prototype.renderWord = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var _a, src, name;
+            return __generator(this, function (_b) {
+                _a = this.props, src = _a.src, name = _a.name;
+                if (src) {
+                    this.renderRemoteWord();
+                }
+                else if (name) {
+                    this.renderFormFile();
+                }
+                return [2 /*return*/];
+            });
+        });
+    };
+    /**
+     * 渲染远端文件
+     */
+    OfficeViewer.prototype.renderRemoteWord = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var _a, wordOptions, env, src, data, display, finalSrc, response;
+            var _this = this;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = this.props, wordOptions = _a.wordOptions, env = _a.env, src = _a.src, data = _a.data, display = _a.display;
+                        finalSrc = src
+                            ? resolveVariableAndFilter(src, data, '| raw')
+                            : undefined;
+                        if (typeof finalSrc === 'string') {
+                            this.fileName = finalSrc.split('/').pop();
+                        }
+                        if (!finalSrc) {
+                            console.warn('file src is empty');
+                            return [2 /*return*/];
+                        }
+                        return [4 /*yield*/, env.fetcher(finalSrc, data, {
+                                responseType: 'arraybuffer'
+                            })];
+                    case 1:
+                        response = _b.sent();
+                        import('ooxml-viewer').then(function (officeViewer) { return __awaiter(_this, void 0, void 0, function () {
+                            var Word, word;
+                            var _a, _b;
+                            return __generator(this, function (_c) {
+                                Word = officeViewer.Word;
+                                word = new Word(response.data, __assign(__assign({}, wordOptions), { data: data, evalVar: this.evalVar.bind(this) }));
+                                if (display !== false) {
+                                    word.render((_a = this.rootElement) === null || _a === void 0 ? void 0 : _a.current);
+                                }
+                                else if (display === false && ((_b = this.rootElement) === null || _b === void 0 ? void 0 : _b.current)) {
+                                    // 设置为 false 后清空
+                                    this.rootElement.current.innerHTML = '';
+                                }
+                                this.word = word;
+                                return [2 /*return*/];
+                            });
+                        }); });
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    /**
+     * 渲染本地文件，用于预览 input-file
+     */
+    OfficeViewer.prototype.renderFormFile = function () {
+        var _this = this;
+        var _a = this.props, wordOptions = _a.wordOptions, name = _a.name, data = _a.data, display = _a.display;
+        var file = data[name];
+        if (file instanceof File) {
+            var reader_1 = new FileReader();
+            reader_1.onload = function (_e) {
+                var data = reader_1.result;
+                import('ooxml-viewer').then(function (officeViewer) { return __awaiter(_this, void 0, void 0, function () {
+                    var Word, word;
+                    var _a, _b;
+                    return __generator(this, function (_c) {
+                        Word = officeViewer.Word;
+                        word = new Word(data, __assign(__assign({}, wordOptions), { evalVar: this.evalVar.bind(this) }));
+                        if (display !== false) {
+                            word.render((_a = this.rootElement) === null || _a === void 0 ? void 0 : _a.current);
+                        }
+                        else if (display === false && ((_b = this.rootElement) === null || _b === void 0 ? void 0 : _b.current)) {
+                            // 设置为 false 后清空
+                            this.rootElement.current.innerHTML = '';
+                        }
+                        return [2 /*return*/];
+                    });
+                }); });
+            };
+            reader_1.readAsArrayBuffer(file);
+        }
+    };
+    OfficeViewer.prototype.render = function () {
+        var _a = this.props, cx = _a.classnames; _a.translate; var className = _a.className, _b = _a.loading, loading = _b === void 0 ? false : _b, src = _a.src, name = _a.name, display = _a.display, loadingConfig = _a.loadingConfig;
+        return (React.createElement("div", { ref: this.rootElement, className: cx('ooxml-viewer', className) },
+            display !== false && !src && !name && (React.createElement("svg", { width: "100%", height: "100", xmlns: "http://www.w3.org/2000/svg" },
+                React.createElement("rect", { x: "0", y: "0", width: "100%", height: "100", style: { fill: '#F7F7F9' } }),
+                React.createElement("text", { x: "50%", y: "50%", fontSize: "18", textAnchor: "middle", alignmentBaseline: "middle", fontFamily: "monospace, sans-serif", fill: "#555555" }, "office viewer"))),
+            React.createElement(Spinner, { overlay: true, key: "info", show: loading, loadingConfig: loadingConfig })));
+    };
+    return OfficeViewer;
+}(React.Component));
+/** @class */ ((function (_super) {
+    __extends(OfficeViewerRenderer, _super);
+    function OfficeViewerRenderer(props, context) {
+        var _this = _super.call(this, props) || this;
+        var scoped = context;
+        scoped.registerComponent(_this);
+        return _this;
+    }
+    OfficeViewerRenderer.prototype.componentWillUnmount = function () {
+        var _a;
+        (_a = _super.prototype.componentWillUnmount) === null || _a === void 0 ? void 0 : _a.call(this);
+        var scoped = this.context;
+        scoped.unRegisterComponent(this);
+    };
+    OfficeViewerRenderer.contextType = ScopedContext;
+    OfficeViewerRenderer = __decorate([
+        Renderer({
+            type: 'office-viewer'
+        }),
+        __metadata("design:paramtypes", [Object, Object])
+    ], OfficeViewerRenderer);
+    return OfficeViewerRenderer;
+})(OfficeViewer));
+
+export { OfficeViewer as default };

package/esm/renderers/Operation.d.ts

@@ -4,7 +4,7 @@ import { BaseSchema } from '../Schema';
 import { ActionSchema } from './Action';
 /**
  * 操作栏渲染器。
- * 文档：https://baidu.gitee.io/amis/docs/components/operation
+ * 文档：https://aisuda.bce.baidu.com/amis/zh-CN/components/operation
  */
 export interface OperationSchema extends BaseSchema {
     /**

package/esm/renderers/Operation.js

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

package/esm/renderers/Page.d.ts

@@ -6,20 +6,14 @@ import { IScopedContext } from 'amis-core';
 import { SpinnerExtraProps } from 'amis-ui';
 import { BaseSchema, SchemaCollection, SchemaClassName, SchemaDefaultData, SchemaApi, SchemaExpression, SchemaName, SchemaMessage } from '../Schema';
 import { SchemaRemark } from './Remark';
-/**
- * 样式属性名及值
- */
-interface Declaration {
-    [property: string]: string;
-}
 /**
  * css 定义
  */
 interface CSSRule {
-    [selector: string]: Declaration;
+    [selector: string]: Record<string, string> | Record<string, Record<string, string>>;
 }
 /**
- * amis Page 渲染器。详情请见：https://baidu.gitee.io/amis/docs/components/page
+ * amis Page 渲染器。详情请见：https://aisuda.bce.baidu.com/amis/zh-CN/components/page
  */
 export interface PageSchema extends BaseSchema, SpinnerExtraProps {
     /**

package/esm/renderers/Page.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.8.0
+ * amis v3.0.0
  * Copyright 2018-2023 baidu
  */
 
@@ -58,7 +58,17 @@ var Page = /** @class */ (function (_super) {
             var declaration = cssRules[selector];
             var declarationStr = '';
             for (var property in declaration) {
-                declarationStr += "  ".concat(property, ": ").concat(declaration[property], ";\n");
+                var innerstr = '';
+                var innerValue = declaration[property];
+                if (typeof innerValue === 'string') {
+                    declarationStr += "  ".concat(property, ": ").concat(innerValue, ";\n");
+                }
+                else {
+                    for (var propsName in innerValue) {
+                        innerstr += " ".concat(propsName, ":").concat(innerValue[propsName], ";");
+                    }
+                    declarationStr += "  ".concat(property, " {").concat(innerstr, "}\n");
+                }
             }
             css += "\n      ".concat(selector, " {\n        ").concat(declarationStr, "\n      }\n      ");
         }
@@ -90,11 +100,11 @@ var Page = /** @class */ (function (_super) {
     };
     Page.prototype.componentDidMount = function () {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, initApi, initFetch, initFetchOn, store, messages, asideSticky, data, dispatchEvent, dom, rendererEvent;
+            var _a, initApi, initFetch, initFetchOn, store, messages, asideSticky, data, dispatchEvent, env, dom, rendererEvent;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        _a = this.props, initApi = _a.initApi, initFetch = _a.initFetch, initFetchOn = _a.initFetchOn, store = _a.store, messages = _a.messages, asideSticky = _a.asideSticky, data = _a.data, dispatchEvent = _a.dispatchEvent;
+                        _a = this.props, initApi = _a.initApi, initFetch = _a.initFetch, initFetchOn = _a.initFetchOn, store = _a.store, messages = _a.messages, asideSticky = _a.asideSticky, data = _a.data, dispatchEvent = _a.dispatchEvent, env = _a.env;
                         this.mounted = true;
                         if (asideSticky && this.asideInner.current) {
                             dom = this.asideInner.current;
@@ -103,6 +113,10 @@ var Page = /** @class */ (function (_super) {
                         return [4 /*yield*/, dispatchEvent('init', data, this)];
                     case 1:
                         rendererEvent = _b.sent();
+                        // Page加载完成时触发 pageLoaded 事件
+                        if (env === null || env === void 0 ? void 0 : env.tracker) {
+                            env.tracker({ eventType: 'pageLoaded' });
+                        }
                         if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
                             return [2 /*return*/];
                         }
@@ -169,11 +183,11 @@ var Page = /** @class */ (function (_super) {
         var _a = this.props, env = _a.env, store = _a.store, messages = _a.messages, onAction = _a.onAction;
         if (action.actionType === 'dialog') {
             store.setCurrentAction(action);
-            store.openDialog(ctx);
+            store.openDialog(ctx, undefined, undefined, delegate);
         }
         else if (action.actionType === 'drawer') {
             store.setCurrentAction(action);
-            store.openDrawer(ctx);
+            store.openDrawer(ctx, undefined, undefined, delegate);
         }
         else if (action.actionType === 'ajax') {
             store.setCurrentAction(action);
@@ -200,7 +214,8 @@ var Page = /** @class */ (function (_super) {
                         case 2:
                             redirect = action.redirect && filter(action.redirect, store.data);
                             redirect && env.jumpTo(redirect, action);
-                            action.reload && this.reloadTarget(action.reload, store.data);
+                            action.reload &&
+                                this.reloadTarget(filter(action.reload, store.data), store.data);
                             return [2 /*return*/];
                     }
                 });
@@ -559,11 +574,11 @@ var Page = /** @class */ (function (_super) {
         for (var _i = 2; _i < arguments.length; _i++) {
             rest[_i - 2] = arguments[_i];
         }
-        _super.prototype.handleDialogConfirm.apply(this, __spreadArray([values, action], __read(rest), false));
-        var scoped = this.context;
         var store = this.props.store;
         var dialogAction = store.action;
         var reload = (_a = action.reload) !== null && _a !== void 0 ? _a : dialogAction.reload;
+        var scoped = store.getDialogScoped() || this.context;
+        _super.prototype.handleDialogConfirm.apply(this, __spreadArray([values, action], __read(rest), false));
         if (reload) {
             scoped.reload(reload, store.data);
         }
@@ -577,11 +592,11 @@ var Page = /** @class */ (function (_super) {
     };
     PageRenderer.prototype.handleDrawerConfirm = function (values, action) {
         var _a;
-        _super.prototype.handleDrawerConfirm.call(this, values, action);
-        var scoped = this.context;
         var store = this.props.store;
         var drawerAction = store.action;
         var reload = (_a = action.reload) !== null && _a !== void 0 ? _a : drawerAction.reload;
+        var scoped = store.getDrawerScoped() || this.context;
+        _super.prototype.handleDrawerConfirm.call(this, values, action);
         // 稍等会，等动画结束。
         setTimeout(function () {
             if (reload) {

package/esm/renderers/Pagination.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.8.0
+ * amis v3.0.0
  * Copyright 2018-2023 baidu
  */
 
@@ -26,7 +26,8 @@ var Pagination = /** @class */ (function (_super) {
     PaginationRenderer = __decorate([
         Renderer({
             test: /(^|\/)(?:pagination|pager)$/,
-            name: 'pagination'
+            name: 'pagination',
+            autoVar: true
         })
     ], PaginationRenderer);
     return PaginationRenderer;

package/esm/renderers/PaginationWrapper.d.ts

@@ -3,7 +3,7 @@ import { RendererProps } from 'amis-core';
 import { BaseSchema, SchemaCollection } from '../Schema';
 import { IPaginationStore } from 'amis-core';
 /**
- * 分页容器功能性渲染器。详情请见：https://baidu.gitee.io/amis/docs/components/pagination-wrapper
+ * 分页容器功能性渲染器。详情请见：https://aisuda.bce.baidu.com/amis/zh-CN/components/pagination-wrapper
  */
 export interface PaginationWrapperSchema extends BaseSchema {
     /**

package/esm/renderers/PaginationWrapper.js

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

package/esm/renderers/Panel.d.ts

@@ -5,7 +5,7 @@ import { ActionSchema } from './Action';
 import { FormHorizontal } from 'amis-core';
 /**
  * Panel渲染器。
- * 文档：https://baidu.gitee.io/amis/docs/components/panel
+ * 文档：https://aisuda.bce.baidu.com/amis/zh-CN/components/panel
  */
 export interface PanelSchema extends BaseSchema {
     /**

package/esm/renderers/Panel.js

@@ -1,12 +1,13 @@
 /**
- * amis v2.8.0
+ * amis v3.0.0
  * Copyright 2018-2023 baidu
  */
 
 import { __extends, __rest, __assign, __decorate, __metadata } from 'tslib';
 import React from 'react';
-import { getScrollParent, resizeSensor, autobind, Renderer } from 'amis-core';
+import { getScrollParent, resizeSensor, RENDERER_TRANSMISSION_OMIT_PROPS, autobind, Renderer } from 'amis-core';
 import { findDOMNode } from 'react-dom';
+import omit from 'lodash/omit';
 
 var Panel = /** @class */ (function (_super) {
     __extends(Panel, _super);
@@ -64,10 +65,8 @@ var Panel = /** @class */ (function (_super) {
         affixed ? affixDom.classList.add('in') : affixDom.classList.remove('in');
     };
     Panel.prototype.renderBody = function () {
-        var _a = this.props; _a.type; _a.className; _a.style; var data = _a.data; _a.header; var body = _a.body, render = _a.render; _a.bodyClassName; _a.headerClassName; _a.actionsClassName; _a.footerClassName; var children = _a.children; _a.title; _a.actions; _a.footer; _a.classPrefix; var formMode = _a.formMode, formHorizontal = _a.formHorizontal, subFormMode = _a.subFormMode, subFormHorizontal = _a.subFormHorizontal; _a.id; 
-        // 不应该将 label、renderLabel 传递下去，否则内部的表单项组件会受到影响
-        _a.label; _a.renderLabel; _a.inputOnly; var rest = __rest(_a, ["type", "className", "style", "data", "header", "body", "render", "bodyClassName", "headerClassName", "actionsClassName", "footerClassName", "children", "title", "actions", "footer", "classPrefix", "formMode", "formHorizontal", "subFormMode", "subFormHorizontal", "id", "label", "renderLabel", "inputOnly"]);
-        var subProps = __assign(__assign({ data: data }, rest), { formMode: subFormMode || formMode, formHorizontal: subFormHorizontal || formHorizontal });
+        var _a = this.props; _a.type; _a.className; _a.style; var data = _a.data; _a.header; var body = _a.body, render = _a.render; _a.bodyClassName; _a.headerClassName; _a.actionsClassName; _a.footerClassName; var children = _a.children; _a.title; _a.actions; _a.footer; _a.classPrefix; var formMode = _a.formMode, formHorizontal = _a.formHorizontal, subFormMode = _a.subFormMode, subFormHorizontal = _a.subFormHorizontal; _a.id; var rest = __rest(_a, ["type", "className", "style", "data", "header", "body", "render", "bodyClassName", "headerClassName", "actionsClassName", "footerClassName", "children", "title", "actions", "footer", "classPrefix", "formMode", "formHorizontal", "subFormMode", "subFormHorizontal", "id"]);
+        var subProps = __assign(__assign({ data: data }, omit(rest, RENDERER_TRANSMISSION_OMIT_PROPS)), { formMode: subFormMode || formMode, formHorizontal: subFormHorizontal || formHorizontal });
         return children
             ? typeof children === 'function'
                 ? children(this.props)

package/esm/renderers/Password.js

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

package/esm/renderers/Plain.d.ts

@@ -3,13 +3,13 @@ import { RendererProps } from 'amis-core';
 import { BaseSchema, SchemaTpl } from '../Schema';
 /**
  * Plain 纯文本渲染器
- * 文档：https://baidu.gitee.io/amis/docs/components/plain
+ * 文档：https://aisuda.bce.baidu.com/amis/zh-CN/components/plain
  */
 export interface PlainSchema extends BaseSchema {
     /**
      * 指定为模板渲染器。
      *
-     * 文档：https://baidu.gitee.io/amis/docs/concepts/template
+     * 文档：https://aisuda.bce.baidu.com/amis/zh-CN/docs/concepts/template
      */
     type: 'plain' | 'text';
     tpl?: SchemaTpl;

package/esm/renderers/Plain.js

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

package/esm/renderers/PopOver.js

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

package/esm/renderers/Portlet.d.ts

@@ -4,7 +4,7 @@ import { SchemaTpl, SchemaClassName, BaseSchema, SchemaCollection, SchemaIcon }
 import { ActionSchema } from './Action';
 /**
  * 栏目容器渲染器。
- * 文档：https://baidu.gitee.io/amis/docs/components/portlet
+ * 文档：https://aisuda.bce.baidu.com/amis/zh-CN/components/portlet
  */
 export interface PortletTabSchema extends Omit<BaseSchema, 'type'> {
     /**

package/esm/renderers/Portlet.js

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

package/esm/renderers/Progress.d.ts

@@ -4,7 +4,7 @@ import { BaseSchema, SchemaClassName, SchemaTpl } from '../Schema';
 import type { ColorMapType } from 'amis-ui/lib/components/Progress';
 /**
  * 进度展示控件。
- * 文档：https://baidu.gitee.io/amis/docs/components/progress
+ * 文档：https://aisuda.bce.baidu.com/amis/zh-CN/components/progress
  */
 export interface ProgressSchema extends BaseSchema {
     type: 'progress';

package/esm/renderers/Progress.js

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

package/esm/renderers/Property.d.ts

@@ -29,7 +29,7 @@ export type PropertyItemProps = {
 export type PropertyItem = PropertyItemProps & SchemaObject;
 /**
  * Property 属性列表
- * 文档：https://baidu.gitee.io/amis/docs/components/property
+ * 文档：https://aisuda.bce.baidu.com/amis/zh-CN/components/property
  */
 export interface PropertySchema extends BaseSchema {
     /**

package/esm/renderers/Property.js

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

package/esm/renderers/QRCode.d.ts

@@ -11,7 +11,7 @@ export interface QRCodeImageSettings {
 }
 /**
  * 二维码展示控件。
- * 文档：https://baidu.gitee.io/amis/docs/components/qrcode
+ * 文档：https://aisuda.bce.baidu.com/amis/zh-CN/components/qrcode
  */
 export interface QRCodeSchema extends BaseSchema {
     type: 'qrcode' | 'qr-code';

package/esm/renderers/QRCode.js

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

package/esm/renderers/QuickEdit.d.ts

@@ -61,6 +61,7 @@ export interface QuickEditConfig {
     body?: any;
     focusable?: boolean;
     popOverClassName?: string;
+    isFormMode?: boolean;
     [propName: string]: any;
 }
 export interface QuickEditProps extends RendererProps {

package/esm/renderers/QuickEdit.js

@@ -1,14 +1,15 @@
 /**
- * amis v2.8.0
+ * amis v3.0.0
  * Copyright 2018-2023 baidu
  */
 
 import { __extends, __assign } from 'tslib';
 import React from 'react';
 import { findDOMNode } from 'react-dom';
+import { Overlay, PopOver, noop } from 'amis-core';
 import hoistNonReactStatic from 'hoist-non-react-statics';
 import keycode from 'keycode';
-import { Overlay, PopOver } from 'amis-core';
+import omit from 'lodash/omit';
 import { Icon } from 'amis-ui';
 
 /**
@@ -230,7 +231,17 @@ var HocQuickEdit = function (config) {
                     };
                 }
                 else if (quickEdit) {
-                    if (quickEdit.body &&
+                    if (quickEdit === null || quickEdit === void 0 ? void 0 : quickEdit.isFormMode) {
+                        schema = {
+                            mode: 'normal',
+                            type: 'form',
+                            wrapWithPanel: false,
+                            body: [
+                                __assign(__assign({}, omit(quickEdit, 'isFormMode')), { label: false })
+                            ]
+                        };
+                    }
+                    else if (quickEdit.body &&
                         !~['combo', 'group', 'panel', 'fieldSet', 'fieldset'].indexOf(quickEdit.type)) {
                         schema = __assign(__assign({ title: '', autoFocus: quickEdit.mode !== 'inline' }, quickEdit), { mode: 'normal', type: 'form' });
                     }
@@ -247,8 +258,10 @@ var HocQuickEdit = function (config) {
                         };
                     }
                 }
+                var isline = quickEdit.mode === 'inline';
+                var isFormMode = quickEdit === null || quickEdit === void 0 ? void 0 : quickEdit.isFormMode;
                 if (schema) {
-                    schema = __assign(__assign({}, schema), { wrapWithPanel: quickEdit.mode !== 'inline', actions: quickEdit.mode === 'inline'
+                    schema = __assign(__assign({}, schema), { wrapWithPanel: !(isline || isFormMode), actions: isline || isFormMode
                             ? []
                             : [
                                 {
@@ -294,16 +307,19 @@ var HocQuickEdit = function (config) {
                     React.createElement(PopOver, { classPrefix: ns, className: cx("".concat(ns, "QuickEdit-popover"), quickEdit.popOverClassName), onHide: this.closeQuickEdit, overlay: true }, content)));
             };
             QuickEditComponent.prototype.render = function () {
-                var _a = this.props, onQuickChange = _a.onQuickChange, quickEdit = _a.quickEdit, quickEditEnabled = _a.quickEditEnabled, className = _a.className, cx = _a.classnames, render = _a.render, noHoc = _a.noHoc, canAccessSuperData = _a.canAccessSuperData, disabled = _a.disabled, readOnly = _a.readOnly;
+                var _a = this.props, onQuickChange = _a.onQuickChange, quickEdit = _a.quickEdit, quickEditEnabled = _a.quickEditEnabled, className = _a.className, cx = _a.classnames, render = _a.render, noHoc = _a.noHoc, canAccessSuperData = _a.canAccessSuperData, disabled = _a.disabled;
                 if (!quickEdit ||
                     !onQuickChange ||
-                    quickEditEnabled === false ||
-                    noHoc ||
-                    disabled ||
-                    readOnly) {
+                    (!(typeof quickEdit === 'object' && (quickEdit === null || quickEdit === void 0 ? void 0 : quickEdit.isQuickEditFormMode)) &&
+                        quickEditEnabled === false) ||
+                    noHoc
+                // 此处的readOnly会导致组件值无法传递出去，如 value: "${a + b}" 这样的 value 变化需要同步到数据域
+                // || readOnly
+                ) {
                     return React.createElement(Component, __assign({}, this.props));
                 }
-                if (quickEdit.mode === 'inline') {
+                if (quickEdit.mode === 'inline' ||
+                    quickEdit.isFormMode) {
                     return (React.createElement(Component, __assign({}, this.props), render('inline-form', this.buildSchema(), {
                         value: undefined,
                         wrapperComponent: 'div',
@@ -313,7 +329,8 @@ var HocQuickEdit = function (config) {
                         onInit: this.handleInit,
                         onChange: this.handleChange,
                         formLazyChange: false,
-                        canAccessSuperData: canAccessSuperData
+                        canAccessSuperData: canAccessSuperData,
+                        disabled: disabled
                     })));
                 }
                 else {
@@ -321,10 +338,10 @@ var HocQuickEdit = function (config) {
                             in: this.state.isOpened
                         }), tabIndex: quickEdit.focusable === false
                             ? undefined
-                            : '0', onKeyUp: this.handleKeyUp }),
+                            : '0', onKeyUp: disabled ? noop : this.handleKeyUp }),
                         React.createElement(Component, __assign({}, this.props, { contentsOnly: true, noHoc: true })),
-                        React.createElement("span", { key: "edit-btn", className: cx('Field-quickEditBtn'), onClick: this.openQuickEdit },
-                            React.createElement(Icon, { icon: "edit", className: "icon" })),
+                        disabled ? null : (React.createElement("span", { key: "edit-btn", className: cx('Field-quickEditBtn'), onClick: this.openQuickEdit },
+                            React.createElement(Icon, { icon: "edit", className: "icon" }))),
                         this.state.isOpened ? this.renderPopOver() : null));
                 }
             };