amis-editor 5.2.5 → 5.3.0

package/esm/plugin/Form/Static.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.39
+ * amis-editor v5.3.0
  * Copyright 2018-2023 @fex
  */
 
@@ -9,182 +9,185 @@ import { Button } from 'amis';
 import { setSchemaTpl, defaultValue, getSchemaTpl, tipedLabel, mockValue, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
 import { i18n } from 'i18n-runtime';
 
-var _this = undefined;
-setSchemaTpl('quickEdit', {
-  type: 'ae-switch-more',
-  mode: 'normal',
-  name: 'quickEdit',
-  label: i18n("663a93dacbba9f7860dca783cf772419"),
-  value: false,
-  hiddenOnDefault: true,
-  formType: 'extend',
-  pipeIn: function (value) {
-    return !!value;
-  },
-  form: {
-    body: [{
-      label: i18n("ce0e89aa6a8e17562c265714b33b4f82"),
-      name: 'quickEdit.mode',
-      type: 'button-group-select',
-      inputClassName: 'items-center',
-      visibleOn: 'data.quickEdit',
-      pipeIn: defaultValue('popOver'),
-      options: [{
-        label: i18n("78f395c15aaf8c92d9223f6ca69b41a4"),
-        value: 'popOver'
-      }, {
-        label: i18n("c6e1b91d329a61b691d0d5d2eb343ddd"),
-        value: 'inline'
-      }]
-    }, getSchemaTpl('switch', {
-      name: 'quickEdit.saveImmediately',
-      label: tipedLabel(i18n("5e2d1e872682befd5350687f94a6b417"), i18n("2d2eb2ac28f074d1caef0d332d61cfb0")),
-      visibleOn: 'data.quickEdit',
-      pipeIn: function (value) {
-        return !!value;
-      }
-    }), getSchemaTpl('apiControl', {
-      name: 'quickEdit.saveImmediately.api',
-      label: i18n("ff7cc75cc43c25c823d05d87cb8190b0"),
-      mode: 'row',
-      description: i18n("ba1a077af717cb3c4788849c2342200b"),
-      visibleOn: 'this.quickEdit && this.quickEdit.saveImmediately'
-    }), {
-      name: 'quickEdit',
-      asFormItem: true,
-      visibleOn: 'data.quickEdit',
-      mode: 'row',
-      children: function (_a) {
-        var value = _a.value,
-          onChange = _a.onChange,
-          data = _a.data;
-        if (value === true) {
-          value = {};
+setSchemaTpl('quickEdit', function (patch, manager) {
+  return {
+    type: 'ae-switch-more',
+    mode: 'normal',
+    name: 'quickEdit',
+    label: i18n("663a93dacbba9f7860dca783cf772419"),
+    value: false,
+    hiddenOnDefault: true,
+    formType: 'extend',
+    pipeIn: function (value) {
+      return !!value;
+    },
+    form: {
+      body: [{
+        label: i18n("ce0e89aa6a8e17562c265714b33b4f82"),
+        name: 'quickEdit.mode',
+        type: 'button-group-select',
+        inputClassName: 'items-center',
+        visibleOn: 'data.quickEdit',
+        pipeIn: defaultValue('popOver'),
+        options: [{
+          label: i18n("78f395c15aaf8c92d9223f6ca69b41a4"),
+          value: 'popOver'
+        }, {
+          label: i18n("c6e1b91d329a61b691d0d5d2eb343ddd"),
+          value: 'inline'
+        }]
+      }, getSchemaTpl('switch', {
+        name: 'quickEdit.saveImmediately',
+        label: tipedLabel(i18n("5e2d1e872682befd5350687f94a6b417"), i18n("2d2eb2ac28f074d1caef0d332d61cfb0")),
+        visibleOn: 'data.quickEdit',
+        pipeIn: function (value) {
+          return !!value;
         }
-        var originMode = value.mode;
-        value = __assign({
-          type: 'input-text',
-          name: data.name
-        }, value);
-        delete value.mode;
-        // todo 多个快速编辑表单模式看来只能代码模式编辑了。
-        return React__default.createElement(Button, {
-          block: true,
-          level: "primary",
-          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');
-              }
-            });
+      }), getSchemaTpl('apiControl', {
+        name: 'quickEdit.saveImmediately.api',
+        label: i18n("ff7cc75cc43c25c823d05d87cb8190b0"),
+        mode: 'row',
+        description: i18n("ba1a077af717cb3c4788849c2342200b"),
+        visibleOn: 'this.quickEdit && this.quickEdit.saveImmediately'
+      }), {
+        name: 'quickEdit',
+        asFormItem: true,
+        visibleOn: 'data.quickEdit',
+        mode: 'row',
+        children: function (_a) {
+          var value = _a.value,
+            onChange = _a.onChange,
+            data = _a.data;
+          if (value === true) {
+            value = {};
           }
-        }, "\u914D\u7F6E\u5FEB\u901F\u7F16\u8F91");
-      }
-    }]
-  }
+          var originMode = value.mode;
+          value = __assign({
+            type: 'input-text',
+            name: data.name
+          }, value);
+          delete value.mode;
+          // todo 多个快速编辑表单模式看来只能代码模式编辑了。
+          return React__default.createElement(Button, {
+            block: true,
+            level: "primary",
+            onClick: function () {
+              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");
+        }
+      }]
+    }
+  };
 });
 // 查看更多
-setSchemaTpl('morePopOver', {
-  type: 'ae-switch-more',
-  mode: 'normal',
-  name: 'popOver',
-  label: i18n("3f337f436989e9847790e4435423f77e"),
-  value: false,
-  hiddenOnDefault: true,
-  formType: 'extend',
-  pipeIn: function (value) {
-    return !!value;
-  },
-  form: {
-    body: [{
-      label: i18n("f7247cd14bd964b883bbb481892c440b"),
-      name: 'popOver.mode',
-      type: 'button-group-select',
-      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',
-      visibleOn: 'data.popOver && (data.popOver.mode === "popOver" || !data.popOver.mode)',
-      pipeIn: defaultValue('center'),
-      options: [{
-        label: i18n("e18459c93769a5afec01e1ce60f9b9fd"),
-        value: 'left-top'
-      }, {
-        label: i18n("1fc3cdd8437f5057774cde2f2c51f97c"),
-        value: 'right-top'
-      }, {
-        label: i18n("68b54e7b408c4fb83561c931aa668eae"),
-        value: 'center'
-      }, {
-        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'
+setSchemaTpl('morePopOver', function (patch, manager) {
+  return {
+    type: 'ae-switch-more',
+    mode: 'normal',
+    name: 'popOver',
+    label: i18n("3f337f436989e9847790e4435423f77e"),
+    value: false,
+    hiddenOnDefault: true,
+    formType: 'extend',
+    pipeIn: function (value) {
+      return !!value;
+    },
+    form: {
+      body: [{
+        label: i18n("f7247cd14bd964b883bbb481892c440b"),
+        name: 'popOver.mode',
+        type: 'button-group-select',
+        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',
+        visibleOn: 'data.popOver && (data.popOver.mode === "popOver" || !data.popOver.mode)',
+        pipeIn: defaultValue('center'),
+        options: [{
+          label: i18n("e18459c93769a5afec01e1ce60f9b9fd"),
+          value: 'left-top'
+        }, {
+          label: i18n("1fc3cdd8437f5057774cde2f2c51f97c"),
+          value: 'right-top'
+        }, {
+          label: i18n("68b54e7b408c4fb83561c931aa668eae"),
+          value: 'center'
+        }, {
+          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',
+        mode: 'row',
+        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, {
+            block: true,
+            level: "primary",
+            onClick: function () {
+              manager.openSubEditor({
+                title: i18n("8dda45360dcf9ca501fd7d0eb53045b5"),
+                value: value,
+                onChange: function (value) {
+                  return onChange(value, 'quickEdit');
+                }
+              });
+            }
+          }, "\u67E5\u770B\u66F4\u591A\u5185\u5BB9\u914D\u7F6E");
+        }
       }]
-    }, {
-      visibleOn: 'data.popOver',
-      name: 'popOver',
-      mode: 'row',
-      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, {
-          block: true,
-          level: "primary",
-          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");
-      }
-    }]
-  }
+    }
+  };
 });
 // 可复制
 setSchemaTpl('copyable', {
@@ -215,217 +218,114 @@ var StaticControlPlugin = /** @class */function (_super) {
   function StaticControlPlugin() {
     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
-    });
+    _this.rendererName = 'static';
+    _this.$schema = '/schemas/StaticControlSchema.json';
     // 组件名称
-    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, "disabledRendererPlugin", {
-      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, "panelJustify", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: true
-    });
-    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: [{
-              type: 'alert',
-              inline: false,
-              level: 'warning',
-              className: 'text-sm',
-              body: i18n("cf8774ca07f11ecb14b3b59c3891e9cc")
-            }, getSchemaTpl('formItemName', {
-              required: false
-            }), getSchemaTpl('label')
-            // getSchemaTpl('value'),
-            /*
-            getSchemaTpl('valueFormula', {
-              name: 'tpl',
-              // rendererSchema: {
-              //   ...context?.schema,
-              //   type: 'textarea', // 改用多行文本编辑
-              //   value: context?.schema.tpl // 避免默认值丢失
-              // }
-            }),
-            getSchemaTpl('quickEdit'),
-            getSchemaTpl('morePopOver'),
-            getSchemaTpl('copyable'),
-            getSchemaTpl('labelRemark'),
-            getSchemaTpl('remark'),
-            getSchemaTpl('placeholder'),
-            getSchemaTpl('description')
-            /*{
-                children: (
-                  <Button
-                    size="sm"
-                    level="info"
-                    className="m-b"
-                    block
-                    onClick={this.exchangeRenderer.bind(this, context.id)}
-                  >
-                    更改渲染器类型
-                  </Button>
-                )
-            },*/]
-          }, getSchemaTpl('status', {
-            isFormItem: true,
-            unsupportStatic: true
-          })])
+    _this.name = i18n("33e7b7433fdbeafa1ef71105ee28c061");
+    _this.isBaseComponent = true;
+    _this.disabledRendererPlugin = true;
+    _this.icon = 'fa fa-info';
+    _this.pluginIcon = 'static-plugin';
+    _this.description = i18n("b4482a3d9523f48e83a816fa85911185");
+    _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.panelJustify = true;
+    _this.panelBodyCreator = function (context) {
+      var renderer = context.info.renderer;
+      return getSchemaTpl('tabs', [{
+        title: i18n("24d67862f87f439db7ca957aecb77cce"),
+        body: getSchemaTpl('collapseGroup', [{
+          title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [{
+            type: 'alert',
+            inline: false,
+            level: 'warning',
+            className: 'text-sm',
+            body: i18n("4602761ee85e2e6e5360cd13fe642a08")
+          }, getSchemaTpl('formItemName', {
+            required: false
+          }), getSchemaTpl('label'),
+          // getSchemaTpl('value'),
+          getSchemaTpl('valueFormula', {
+            name: 'tpl'
+            // rendererSchema: {
+            //   ...context?.schema,
+            //   type: 'textarea', // 改用多行文本编辑
+            //   value: context?.schema.tpl // 避免默认值丢失
+            // }
+          }), getSchemaTpl('quickEdit', {}, _this.manager), getSchemaTpl('morePopOver', {}, _this.manager), getSchemaTpl('copyable'), getSchemaTpl('labelRemark'), getSchemaTpl('remark'), getSchemaTpl('placeholder'), getSchemaTpl('description')
+          /*{
+              children: (
+                <Button
+                  size="sm"
+                  level="info"
+                  className="m-b"
+                  block
+                  onClick={this.exchangeRenderer.bind(this, context.id)}
+                >
+                  更改渲染器类型
+                </Button>
+              )
+          },*/]
+        }, getSchemaTpl('status', {
+          isFormItem: true,
+          unsupportStatic: true
+        })])
+      }, {
+        title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: getSchemaTpl('collapseGroup', [getSchemaTpl('style:formItem', {
+          renderer: renderer
+        }), {
+          title: i18n("e1b2f870112bd38f8d7e14a0ad589930"),
+          body: [getSchemaTpl('borderMode')]
         }, {
-          title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
-          body: getSchemaTpl('collapseGroup', [getSchemaTpl('style:formItem', {
-            renderer: renderer
-          }), {
-            title: i18n("e1b2f870112bd38f8d7e14a0ad589930"),
-            body: [getSchemaTpl('borderMode')]
-          }, {
-            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, '展示');
     }*/
   }
 
-  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;
+  StaticControlPlugin.prototype.filterProps = function (props, node) {
+    props.$$id = node.id;
+    if (typeof props.value === 'undefined') {
+      props.value = mockValue(props);
     }
-  });
+    return props;
+  };
+  StaticControlPlugin.scene = ['layout'];
   return StaticControlPlugin;
 }(BasePlugin);
 registerEditorPlugin(StaticControlPlugin);