amis-editor 5.2.0-beta.2 → 5.2.1-beta.15

package/esm/plugin/Form/Static.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.2
+ * amis-editor v5.2.1-beta.15
  * Copyright 2018-2022 @fex
  */
 
@@ -9,301 +9,379 @@ import { Button } from 'amis';
 import { getSchemaTpl, defaultValue, mockValue, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
 import { i18n } from 'i18n-runtime';
 
-var StaticControlPlugin =
-/** @class */
-function (_super) {
+var StaticControlPlugin = /** @class */function (_super) {
   __extends(StaticControlPlugin, _super);
-
   function StaticControlPlugin() {
-    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
-
-
-    _this.rendererName = 'static';
-    _this.$schema = '/schemas/StaticControlSchema.json';
-    _this.order = -390; // 组件名称
-
-    _this.name = i18n("33e7b7433fdbeafa1ef71105ee28c061");
-    _this.isBaseComponent = true;
-    _this.icon = 'fa fa-info';
-    _this.pluginIcon = 'static-plugin';
-    _this.description = "\u7EAF\u7528\u6765\u5C55\u793A\u6570\u636E\uFF0C\u53EF\u7528\u6765\u5C55\u793A<code>json\u3001date\u3001image\u3001progress</code>\u7B49\u6570\u636E";
-    _this.docLink = '/amis/zh-CN/components/form/static';
-    _this.tags = [i18n("55b45c73ae417c4dead67905b1550e85")];
-    _this.scaffold = {
-      type: 'static',
-      label: i18n("3bdd08adab6ea90b9164b20a0e4151ac")
-    };
-    _this.previewSchema = {
-      type: 'form',
-      className: 'text-left',
-      mode: 'horizontal',
-      wrapWithPanel: false,
-      body: [__assign(__assign({}, _this.scaffold), {
-        value: i18n("134492cd10a0646da6f23a743feee6d4")
-      })]
-    };
-    _this.multifactor = true;
-    _this.notRenderFormZone = true;
-    _this.panelTitle = i18n("04f5f12c49c2a6fdc43da049591328ad");
-
-    _this.panelBodyCreator = function (context) {
-      var renderer = context.info.renderer;
-      return getSchemaTpl('tabs', [{
-        title: i18n("24d67862f87f439db7ca957aecb77cce"),
-        body: getSchemaTpl('collapseGroup', [{
-          title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
-          body: [getSchemaTpl('formItemName', {
-            required: false
-          }), getSchemaTpl('label'), // getSchemaTpl('value'),
-          getSchemaTpl('valueFormula', {
-            //  TODO: 因为 formulaControl 未适配 static 这类特殊组件，暂不传递 rendererSchema属性，让其内部先使用 InputBox
-            //  待后续 formulaControl 优化之后再重新调整适配
-            // rendererSchema: {
-            //   ...context?.schema,
-            //   type: 'textarea', // 改用多行文本编辑
-            //   value: context?.schema.tpl // 避免默认值丢失
-            // },
-            mode: 'vertical' // 改成上下展示模式
-
-          }), getSchemaTpl('switch', {
-            name: 'quickEdit',
-            label: i18n("663a93dacbba9f7860dca783cf772419"),
-            pipeIn: function (value) {
-              return !!value;
-            }
-          }), {
-            label: i18n("abd733d00ec656e7b0cfd88deedf102f"),
-            name: 'quickEdit.mode',
-            type: 'button-group-select',
-            size: 'sm',
-            mode: 'row',
-            className: 'ae-buttonGroupSelect--justify',
-            visibleOn: 'data.quickEdit',
-            pipeIn: defaultValue('popOver'),
-            options: [{
-              label: i18n("78f395c15aaf8c92d9223f6ca69b41a4"),
-              value: 'popOver'
-            }, {
-              label: i18n("c6e1b91d329a61b691d0d5d2eb343ddd"),
-              value: 'inline'
-            }]
-          }, getSchemaTpl('switch', {
-            name: 'quickEdit.saveImmediately',
-            label: i18n("5e2d1e872682befd5350687f94a6b417"),
-            visibleOn: 'data.quickEdit',
-            description: i18n("2d2eb2ac28f074d1caef0d332d61cfb0"),
-            descriptionClassName: 'help-block m-b-none',
-            pipeIn: function (value) {
-              return !!value;
-            }
-          }), getSchemaTpl('apiControl', {
-            name: 'quickEdit.saveImmediately.api',
-            label: i18n("eccba4475f3144e417e55fd96e831e09"),
-            description: i18n("c8e5c062d5ad38e54413abd9c7cfb2f4"),
-            visibleOn: 'this.quickEdit && this.quickEdit.saveImmediately'
-          }), {
-            name: 'quickEdit',
-            asFormItem: true,
-            visibleOn: 'data.quickEdit',
-            children: function (_a) {
-              var value = _a.value,
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    // 关联渲染器名字
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'static'
+    });
+    Object.defineProperty(_this, "$schema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/schemas/StaticControlSchema.json'
+    });
+    Object.defineProperty(_this, "order", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: -390
+    });
+    // 组件名称
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("33e7b7433fdbeafa1ef71105ee28c061")
+    });
+    Object.defineProperty(_this, "isBaseComponent", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "icon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'fa fa-info'
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'static-plugin'
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("b4482a3d9523f48e83a816fa85911185")
+    });
+    Object.defineProperty(_this, "docLink", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/amis/zh-CN/components/form/static'
+    });
+    Object.defineProperty(_this, "tags", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [i18n("55b45c73ae417c4dead67905b1550e85")]
+    });
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'static',
+        label: i18n("3bdd08adab6ea90b9164b20a0e4151ac")
+      }
+    });
+    Object.defineProperty(_this, "previewSchema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'form',
+        className: 'text-left',
+        mode: 'horizontal',
+        wrapWithPanel: false,
+        body: [__assign(__assign({}, _this.scaffold), {
+          value: i18n("134492cd10a0646da6f23a743feee6d4")
+        })]
+      }
+    });
+    Object.defineProperty(_this, "multifactor", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "notRenderFormZone", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "panelTitle", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("04f5f12c49c2a6fdc43da049591328ad")
+    });
+    Object.defineProperty(_this, "panelBodyCreator", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: function (context) {
+        var renderer = context.info.renderer;
+        return getSchemaTpl('tabs', [{
+          title: i18n("24d67862f87f439db7ca957aecb77cce"),
+          body: getSchemaTpl('collapseGroup', [{
+            title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+            body: [getSchemaTpl('formItemName', {
+              required: false
+            }), getSchemaTpl('label'),
+            // getSchemaTpl('value'),
+            getSchemaTpl('valueFormula', {
+              //  TODO: 因为 formulaControl 未适配 static 这类特殊组件，暂不传递 rendererSchema属性，让其内部先使用 InputBox
+              //  待后续 formulaControl 优化之后再重新调整适配
+              // rendererSchema: {
+              //   ...context?.schema,
+              //   type: 'textarea', // 改用多行文本编辑
+              //   value: context?.schema.tpl // 避免默认值丢失
+              // },
+              mode: 'vertical' // 改成上下展示模式
+            }), getSchemaTpl('switch', {
+              name: 'quickEdit',
+              label: i18n("663a93dacbba9f7860dca783cf772419"),
+              pipeIn: function (value) {
+                return !!value;
+              }
+            }), {
+              label: i18n("abd733d00ec656e7b0cfd88deedf102f"),
+              name: 'quickEdit.mode',
+              type: 'button-group-select',
+              size: 'sm',
+              mode: 'row',
+              className: 'ae-buttonGroupSelect--justify',
+              visibleOn: 'data.quickEdit',
+              pipeIn: defaultValue('popOver'),
+              options: [{
+                label: i18n("78f395c15aaf8c92d9223f6ca69b41a4"),
+                value: 'popOver'
+              }, {
+                label: i18n("c6e1b91d329a61b691d0d5d2eb343ddd"),
+                value: 'inline'
+              }]
+            }, getSchemaTpl('switch', {
+              name: 'quickEdit.saveImmediately',
+              label: i18n("5e2d1e872682befd5350687f94a6b417"),
+              visibleOn: 'data.quickEdit',
+              labelRemark: {
+                className: 'm-l-xs',
+                trigger: 'click',
+                rootClose: true,
+                placement: 'left',
+                content: i18n("2d2eb2ac28f074d1caef0d332d61cfb0")
+              },
+              pipeIn: function (value) {
+                return !!value;
+              }
+            }), getSchemaTpl('apiControl', {
+              name: 'quickEdit.saveImmediately.api',
+              label: i18n("eccba4475f3144e417e55fd96e831e09"),
+              description: i18n("c8e5c062d5ad38e54413abd9c7cfb2f4"),
+              visibleOn: 'this.quickEdit && this.quickEdit.saveImmediately'
+            }), {
+              name: 'quickEdit',
+              asFormItem: true,
+              visibleOn: 'data.quickEdit',
+              children: function (_a) {
+                var value = _a.value,
                   onChange = _a.onChange,
                   data = _a.data;
-
-              if (value === true) {
-                value = {};
-              }
-
-              var originMode = value.mode;
-              value = __assign({
-                type: 'input-text',
-                name: data.name
-              }, value);
-              delete value.mode; // todo 多个快速编辑表单模式看来只能代码模式编辑了。
-
-              return React__default.createElement(Button, {
-                className: "m-b ae-Button--enhance",
-                size: "sm",
-                block: true,
-                onClick: function () {
-                  _this.manager.openSubEditor({
-                    title: i18n("c3ed36e4abb96c18a6c83350994cdea7"),
-                    value: value,
-                    slot: {
-                      type: 'form',
-                      mode: 'normal',
-                      body: ['$$'],
-                      wrapWithPanel: false
-                    },
-                    onChange: function (value) {
-                      return onChange(__assign(__assign({}, value), {
-                        mode: originMode
-                      }), 'quickEdit');
-                    }
-                  });
+                if (value === true) {
+                  value = {};
                 }
-              }, "\u914D\u7F6E\u5FEB\u901F\u7F16\u8F91");
-            }
-          }, getSchemaTpl('switch', {
-            name: 'popOver',
-            label: i18n("3f337f436989e9847790e4435423f77e"),
-            pipeIn: function (value) {
-              return !!value;
-            }
-          }), {
-            label: i18n("f7247cd14bd964b883bbb481892c440b"),
-            name: 'popOver.mode',
-            type: 'button-group-select',
-            size: 'sm',
-            mode: 'row',
-            className: 'ae-buttonGroupSelect--justify',
-            visibleOn: 'data.popOver',
-            pipeIn: defaultValue('popOver'),
-            options: [{
-              label: i18n("a553741d5ebb9c80d7d2a63b202cf4b8"),
-              value: 'popOver'
-            }, {
-              label: i18n("ab3aec075a09d055b2a28c8b61925ee0"),
-              value: 'dialog'
-            }, {
-              label: i18n("2a2924380dfcaea998bd8a49703545a9"),
-              value: 'drawer'
-            }]
-          }, {
-            name: 'popOver.position',
-            label: i18n("a06e8df4e9232cc606e0202e06a198d8"),
-            type: 'select',
-            mode: 'row',
-            visibleOn: 'data.popOver && data.popOver.mode === "popOver"',
-            pipeIn: defaultValue('center'),
-            options: [{
-              label: i18n("68b54e7b408c4fb83561c931aa668eae"),
-              value: 'center'
-            }, {
-              label: i18n("e18459c93769a5afec01e1ce60f9b9fd"),
-              value: 'left-top'
-            }, {
-              label: i18n("1fc3cdd8437f5057774cde2f2c51f97c"),
-              value: 'right-top'
-            }, {
-              label: i18n("63dd9faca92bccfd436ff21a6b4b3151"),
-              value: 'left-bottom'
-            }, {
-              label: i18n("d01c239688b9c8fc145191ee642dc080"),
-              value: 'right-bottom'
-            }, {
-              label: i18n("8fcf9802436282672a8e28ebd6262390"),
-              value: 'fixed-left-top'
-            }, {
-              label: i18n("aed25160b4e8cfc613a743c4549e9222"),
-              value: 'fixed-right-top'
+                var originMode = value.mode;
+                value = __assign({
+                  type: 'input-text',
+                  name: data.name
+                }, value);
+                delete value.mode;
+                // todo 多个快速编辑表单模式看来只能代码模式编辑了。
+                return React__default.createElement(Button, {
+                  className: "m-b ae-Button--enhance",
+                  size: "sm",
+                  block: true,
+                  onClick: function () {
+                    _this.manager.openSubEditor({
+                      title: i18n("c3ed36e4abb96c18a6c83350994cdea7"),
+                      value: value,
+                      slot: {
+                        type: 'form',
+                        mode: 'normal',
+                        body: ['$$'],
+                        wrapWithPanel: false
+                      },
+                      onChange: function (value) {
+                        return onChange(__assign(__assign({}, value), {
+                          mode: originMode
+                        }), 'quickEdit');
+                      }
+                    });
+                  }
+                }, "\u914D\u7F6E\u5FEB\u901F\u7F16\u8F91");
+              }
+            }, getSchemaTpl('switch', {
+              name: 'popOver',
+              label: i18n("3f337f436989e9847790e4435423f77e"),
+              pipeIn: function (value) {
+                return !!value;
+              }
+            }), {
+              label: i18n("f7247cd14bd964b883bbb481892c440b"),
+              name: 'popOver.mode',
+              type: 'button-group-select',
+              size: 'sm',
+              mode: 'row',
+              className: 'ae-buttonGroupSelect--justify',
+              visibleOn: 'data.popOver',
+              pipeIn: defaultValue('popOver'),
+              options: [{
+                label: i18n("a553741d5ebb9c80d7d2a63b202cf4b8"),
+                value: 'popOver'
+              }, {
+                label: i18n("ab3aec075a09d055b2a28c8b61925ee0"),
+                value: 'dialog'
+              }, {
+                label: i18n("2a2924380dfcaea998bd8a49703545a9"),
+                value: 'drawer'
+              }]
             }, {
-              label: i18n("d4a4ab1916187e09b9c037705fd49ffa"),
-              value: 'fixed-left-bottom'
+              name: 'popOver.position',
+              label: i18n("a06e8df4e9232cc606e0202e06a198d8"),
+              type: 'select',
+              mode: 'row',
+              visibleOn: 'data.popOver && data.popOver.mode === "popOver"',
+              pipeIn: defaultValue('center'),
+              options: [{
+                label: i18n("68b54e7b408c4fb83561c931aa668eae"),
+                value: 'center'
+              }, {
+                label: i18n("e18459c93769a5afec01e1ce60f9b9fd"),
+                value: 'left-top'
+              }, {
+                label: i18n("1fc3cdd8437f5057774cde2f2c51f97c"),
+                value: 'right-top'
+              }, {
+                label: i18n("63dd9faca92bccfd436ff21a6b4b3151"),
+                value: 'left-bottom'
+              }, {
+                label: i18n("d01c239688b9c8fc145191ee642dc080"),
+                value: 'right-bottom'
+              }, {
+                label: i18n("8fcf9802436282672a8e28ebd6262390"),
+                value: 'fixed-left-top'
+              }, {
+                label: i18n("aed25160b4e8cfc613a743c4549e9222"),
+                value: 'fixed-right-top'
+              }, {
+                label: i18n("d4a4ab1916187e09b9c037705fd49ffa"),
+                value: 'fixed-left-bottom'
+              }, {
+                label: i18n("921fccbb84c829bf8c6f0b9957029f44"),
+                value: 'fixed-right-bottom'
+              }]
             }, {
-              label: i18n("921fccbb84c829bf8c6f0b9957029f44"),
-              value: 'fixed-right-bottom'
-            }]
-          }, {
-            visibleOn: 'data.popOver',
-            name: 'popOver',
-            asFormItem: true,
-            children: function (_a) {
-              var value = _a.value,
+              visibleOn: 'data.popOver',
+              name: 'popOver',
+              asFormItem: true,
+              children: function (_a) {
+                var value = _a.value,
                   onChange = _a.onChange;
-              value = __assign({
-                type: 'panel',
-                title: i18n("5b48dbb8dc710cffe6313bb56a7f6d47"),
-                body: i18n("1d53f83df1d889a70131b7a93c819575")
-              }, value);
-              return React__default.createElement(Button, {
-                className: "m-b ae-Button--enhance",
-                size: "sm",
-                block: true,
-                onClick: function () {
-                  _this.manager.openSubEditor({
-                    title: i18n("8dda45360dcf9ca501fd7d0eb53045b5"),
-                    value: value,
-                    onChange: function (value) {
-                      return onChange(value, 'quickEdit');
-                    }
-                  });
-                }
-              }, "\u67E5\u770B\u66F4\u591A\u5185\u5BB9\u914D\u7F6E");
-            }
-          }, getSchemaTpl('borderMode'), getSchemaTpl('switch', {
-            name: 'copyable',
-            label: i18n("f9a9fcc3bf6a3c8ff1e99fa48ed6d03d"),
-            pipeIn: function (value) {
-              return !!value;
-            }
+                value = __assign({
+                  type: 'panel',
+                  title: i18n("5b48dbb8dc710cffe6313bb56a7f6d47"),
+                  body: i18n("1d53f83df1d889a70131b7a93c819575")
+                }, value);
+                return React__default.createElement(Button, {
+                  className: "m-b ae-Button--enhance",
+                  size: "sm",
+                  block: true,
+                  onClick: function () {
+                    _this.manager.openSubEditor({
+                      title: i18n("8dda45360dcf9ca501fd7d0eb53045b5"),
+                      value: value,
+                      onChange: function (value) {
+                        return onChange(value, 'quickEdit');
+                      }
+                    });
+                  }
+                }, "\u67E5\u770B\u66F4\u591A\u5185\u5BB9\u914D\u7F6E");
+              }
+            }, getSchemaTpl('borderMode'), getSchemaTpl('switch', {
+              name: 'copyable',
+              label: i18n("f9a9fcc3bf6a3c8ff1e99fa48ed6d03d"),
+              pipeIn: function (value) {
+                return !!value;
+              }
+            }), {
+              label: i18n("deb65aca8dba2ff9d0cfaed0a3441068"),
+              name: 'copyable.content',
+              type: 'textarea',
+              mode: 'row',
+              maxRow: 2,
+              visibleOn: 'data.copyable',
+              description: i18n("622e14515c4fd5ca6fe6946e3a1bfb4a")
+            }, getSchemaTpl('labelRemark'), getSchemaTpl('remark'), getSchemaTpl('placeholder'), getSchemaTpl('description'), getSchemaTpl('autoFillApi')
+            /*{
+                children: (
+                  <Button
+                    size="sm"
+                    level="info"
+                    className="m-b"
+                    block
+                    onClick={this.exchangeRenderer.bind(this, context.id)}
+                  >
+                    更改渲染器类型
+                  </Button>
+                )
+            },*/]
+          }, getSchemaTpl('status', {
+            isFormItem: true
+          }), getSchemaTpl('validation', {
+            tag: '1'
+          })])
+        }, {
+          title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+          body: getSchemaTpl('collapseGroup', [getSchemaTpl('style:formItem', {
+            renderer: renderer
           }), {
-            label: i18n("deb65aca8dba2ff9d0cfaed0a3441068"),
-            name: 'copyable.content',
-            type: 'textarea',
-            mode: 'row',
-            maxRow: 2,
-            visibleOn: 'data.copyable',
-            description: i18n("622e14515c4fd5ca6fe6946e3a1bfb4a")
-          }, getSchemaTpl('labelRemark'), getSchemaTpl('remark'), getSchemaTpl('placeholder'), getSchemaTpl('description'), getSchemaTpl('autoFillApi')
-          /*{
-              children: (
-                <Button
-                  size="sm"
-                  level="info"
-                  className="m-b"
-                  block
-                  onClick={this.exchangeRenderer.bind(this, context.id)}
-                >
-                  更改渲染器类型
-                </Button>
-              )
-          },*/
-          ]
-        }, getSchemaTpl('status', {
-          isFormItem: true
-        }), getSchemaTpl('validation', {
-          tag: '1'
-        })])
-      }, {
-        title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
-        body: getSchemaTpl('collapseGroup', [getSchemaTpl('style:formItem', {
-          renderer: renderer
-        }), {
-          title: i18n("261bba7ad82914e477f4b37f6a83874e"),
-          body: [getSchemaTpl('className', {
-            label: i18n("16a20243f9b741c08216dc9548de2968")
-          }), getSchemaTpl('className', {
-            label: i18n("14d342362f66aa86e2aa1c1e11aa1204"),
-            name: 'labelClassName'
-          }), getSchemaTpl('className', {
-            label: i18n("e1b2f870112bd38f8d7e14a0ad589930"),
-            name: 'inputClassName'
-          }), getSchemaTpl('className', {
-            label: i18n("3bdd08adab6ea90b9164b20a0e4151ac"),
-            name: 'descriptionClassName',
-            visibleOn: 'this.description'
-          })]
-        }])
-      }]);
-    };
-
+            title: i18n("261bba7ad82914e477f4b37f6a83874e"),
+            body: [getSchemaTpl('className', {
+              label: i18n("16a20243f9b741c08216dc9548de2968")
+            }), getSchemaTpl('className', {
+              label: i18n("14d342362f66aa86e2aa1c1e11aa1204"),
+              name: 'labelClassName'
+            }), getSchemaTpl('className', {
+              label: i18n("e1b2f870112bd38f8d7e14a0ad589930"),
+              name: 'inputClassName'
+            }), getSchemaTpl('className', {
+              label: i18n("3bdd08adab6ea90b9164b20a0e4151ac"),
+              name: 'descriptionClassName',
+              visibleOn: 'this.description'
+            })]
+          }])
+        }]);
+      }
+    });
     return _this;
     /*exchangeRenderer(id: string) {
       this.manager.showReplacePanel(id, '展示');
     }*/
   }
 
-  StaticControlPlugin.prototype.filterProps = function (props, node) {
-    props.$$id = node.id;
-
-    if (typeof props.value === 'undefined') {
-      props.value = mockValue(props);
+  Object.defineProperty(StaticControlPlugin.prototype, "filterProps", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (props, node) {
+      props.$$id = node.id;
+      if (typeof props.value === 'undefined') {
+        props.value = mockValue(props);
+      }
+      return props;
     }
-
-    return props;
-  };
-
+  });
   return StaticControlPlugin;
 }(BasePlugin);
 registerEditorPlugin(StaticControlPlugin);