amis-editor 5.2.0-beta.0 → 5.2.0-beta.2

package/lib/plugin/Panel.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.0
+ * amis-editor v5.2.0-beta.2
  * Copyright 2018-2022 @fex
  */
 
@@ -10,213 +10,212 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var amis = require('amis');
 var React = require('react');
-var AMisCodeEditor = require('amis-editor-core');
+var amisEditorCore = require('amis-editor-core');
+var i18nRuntime = require('i18n-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var PanelPlugin = /** @class */ (function (_super) {
-    tslib.__extends(PanelPlugin, _super);
-    function PanelPlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // 关联渲染器名字
-        _this.rendererName = 'panel';
-        _this.$schema = '/schemas/panelSchema.json';
-        _this.name = '面板';
-        _this.isBaseComponent = true;
-        _this.icon = 'fa fa-window-maximize';
-        _this.description = '展示一个面板，可以配置标题，内容区。';
-        _this.docLink = '/amis/zh-CN/components/panel';
-        _this.tags = '容器';
-        _this.scaffold = {
-            type: 'panel',
-            title: '标题',
-            body: '内容'
-        };
-        _this.previewSchema = {
-            type: 'panel',
-            title: '这是一个面板',
-            body: '这是内容区',
-            className: 'Panel--default text-left m-b-none',
-            actions: [
-                {
-                    label: '按钮1',
-                    type: 'button'
-                },
-                {
-                    label: '按钮2',
-                    type: 'button'
-                }
-            ]
+var PanelPlugin =
+/** @class */
+function (_super) {
+  tslib.__extends(PanelPlugin, _super);
+
+  function PanelPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'panel';
+    _this.$schema = '/schemas/panelSchema.json';
+    _this.name = i18nRuntime.i18n("cd6f79e7bff1337c12c86a15ceedd6da");
+    _this.isBaseComponent = true;
+    _this.icon = 'fa fa-window-maximize';
+    _this.pluginIcon = 'panel-plugin';
+    _this.description = i18nRuntime.i18n("e04a2f1662121e5a3c397d496114185b");
+    _this.docLink = '/amis/zh-CN/components/panel';
+    _this.tags = i18nRuntime.i18n("22c799040acdb2601b437ed5449de076");
+    _this.scaffold = {
+      type: 'panel',
+      title: i18nRuntime.i18n("32c65d8d7431e76029678ec7bb73a5ab"),
+      body: i18nRuntime.i18n("2d711b09bd0db0ad240cc83b30dd8014")
+    };
+    _this.previewSchema = {
+      type: 'panel',
+      title: i18nRuntime.i18n("4e9bb0326ab4d3a2af94d901c7f1b6a7"),
+      body: i18nRuntime.i18n("5bf5f1fd54476671bd6fd9d97e3e6b6b"),
+      className: 'Panel--default text-left m-b-none',
+      actions: [{
+        label: i18nRuntime.i18n("e9d2f66bbd44c96a3e03494bf6b1ebf0"),
+        type: 'button'
+      }, {
+        label: i18nRuntime.i18n("ce35a17d2ba7caac95092a7a66ac9a0d"),
+        type: 'button'
+      }]
+    };
+    _this.regions = [{
+      key: 'body',
+      label: i18nRuntime.i18n("132a78bdf68d6d17bde00aa807bbf032"),
+      // 复写渲染器里面的 renderBody 方法
+      renderMethod: 'renderBody',
+      // 这个 case 很另类，要自己写。form 里面直接复用了 Panel 来输出内容。
+      // 这种 case 应该跳过包裹 Region
+      // 只有他自己输出时才包裹，form 调用进来是下发了 children 来完成渲染
+      // 自己的话是其他方式。
+      renderMethodOverride: function (regions, insertRegion) {
+        return function () {
+          var args = [];
+
+          for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+          }
+
+          var info = this.props.$$editor;
+          var dom = this.super.apply(this, args);
+
+          if (info && !this.props.children) {
+            return insertRegion(this, dom, regions, info, info.plugin.manager);
+          }
+
+          return dom;
         };
-        _this.regions = [
-            {
-                key: 'body',
-                label: '内容区',
-                // 复写渲染器里面的 renderBody 方法
-                renderMethod: 'renderBody',
-                // 这个 case 很另类，要自己写。form 里面直接复用了 Panel 来输出内容。
-                // 这种 case 应该跳过包裹 Region
-                // 只有他自己输出时才包裹，form 调用进来是下发了 children 来完成渲染
-                // 自己的话是其他方式。
-                renderMethodOverride: function (regions, insertRegion) {
-                    return function () {
-                        var args = [];
-                        for (var _i = 0; _i < arguments.length; _i++) {
-                            args[_i] = arguments[_i];
-                        }
-                        var info = this.props.$$editor;
-                        var dom = this.super.apply(this, args);
-                        if (info && !this.props.children) {
-                            return insertRegion(this, dom, regions, info, info.plugin.manager);
-                        }
-                        return dom;
-                    };
-                }
+      }
+    }, {
+      key: 'actions',
+      label: i18nRuntime.i18n("c8caf94205105bac5833ab31cc2129d7"),
+      renderMethod: 'renderActions',
+      preferTag: i18nRuntime.i18n("fa966345577ba81af19408f203db968f")
+    }];
+    _this.panelTitle = i18nRuntime.i18n("cd6f79e7bff1337c12c86a15ceedd6da");
+    _this.panelJustify = true;
+
+    _this.panelBodyCreator = function (context) {
+      var _a;
+
+      var isForm = /(?:^|\/)form$/.test(context.path) || ((_a = context === null || context === void 0 ? void 0 : context.schema) === null || _a === void 0 ? void 0 : _a.type) === 'form';
+      return [amisEditorCore.getSchemaTpl('tabs', [{
+        title: i18nRuntime.i18n("24d67862f87f439db7ca957aecb77cce"),
+        body: [amisEditorCore.getSchemaTpl('collapseGroup', [{
+          className: 'p-none',
+          title: i18nRuntime.i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [{
+            label: i18nRuntime.i18n("32c65d8d7431e76029678ec7bb73a5ab"),
+            name: 'title',
+            type: 'input-text'
+          }, isForm ? null : {
+            children: React__default["default"].createElement(amis.Button, {
+              size: "sm",
+              level: "info",
+              className: "m-b",
+              onClick: function () {
+                // this.manager.showInsertPanel('body')
+                _this.manager.showRendererPanel('');
+              },
+              block: true
+            }, "\u5185\u5BB9\u533A\u65B0\u589E\u5185\u5BB9")
+          }]
+        }, amisEditorCore.getSchemaTpl('status')])]
+      }, {
+        title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: [amisEditorCore.getSchemaTpl('collapseGroup', [{
+          className: 'p-none',
+          title: i18nRuntime.i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [amisEditorCore.getSchemaTpl('switch', {
+            name: 'affixFooter',
+            label: i18nRuntime.i18n("1fae678397df046c1754092f15a71d98"),
+            value: false
+          }), amisEditorCore.getSchemaTpl('horizontal', {
+            visibleOn: '(data.mode || data.$$formMode) == "horizontal" && data.$$mode == "form"'
+          })]
+        }, {
+          className: 'p-none',
+          title: i18nRuntime.i18n("68744acedf015b8cfc445af30583815e"),
+          body: [amisEditorCore.getSchemaTpl('subFormItemMode', {
+            label: i18nRuntime.i18n("5a0fbcaaeb439684bb4ae5be579e4cd4")
+          }), amisEditorCore.getSchemaTpl('subFormHorizontalMode', {
+            label: i18nRuntime.i18n("f99d7e5f15906ca78c45753ee3b04a8b")
+          }), amisEditorCore.getSchemaTpl('subFormHorizontal')]
+        }, {
+          className: 'p-none',
+          title: i18nRuntime.i18n("4434b33a8731a73613ba5fa1eb984efb"),
+          body: [{
+            name: isForm ? 'panelClassName' : 'className',
+            label: i18nRuntime.i18n("9970ad07468267e2f309f1467c75bb80"),
+            type: 'select',
+            size: 'sm',
+            pipeIn: function (value) {
+              return typeof value === 'string' && /(?:^|\s)(Panel\-\-(\w+))(?:$|\s)/.test(value) ? RegExp.$1 : 'Panel--default';
             },
-            {
-                key: 'actions',
-                label: '按钮组',
-                renderMethod: 'renderActions',
-                preferTag: '按钮'
-            }
-        ];
-        _this.panelTitle = '面板';
-        _this.panelBodyCreator = function (context) {
-            var isForm = /(?:^|\/)form$/.test(context.path);
-            return [
-                AMisCodeEditor.getSchemaTpl('tabs', [
-                    {
-                        title: '常规',
-                        body: [
-                            {
-                                label: '标题',
-                                name: 'title',
-                                type: 'input-text'
-                            },
-                            isForm
-                                ? null
-                                : {
-                                    children: (React__default["default"].createElement(amis.Button, { size: "sm", level: "info", className: "m-b", onClick: function () {
-                                            // this.manager.showInsertPanel('body')
-                                            _this.manager.showRendererPanel('');
-                                        }, block: true }, "\u5185\u5BB9\u533A\u65B0\u589E\u5185\u5BB9"))
-                                }
-                        ]
-                    },
-                    {
-                        title: '外观',
-                        body: [
-                            AMisCodeEditor.getSchemaTpl('switch', {
-                                name: 'affixFooter',
-                                label: '固定底部',
-                                value: false
-                            }),
-                            AMisCodeEditor.getSchemaTpl('horizontal', {
-                                visibleOn: '(data.mode || data.$$formMode) == "horizontal" && data.$$mode == "form"'
-                            }),
-                            {
-                                name: isForm ? 'panelClassName' : 'className',
-                                label: '样式',
-                                type: 'button-group-select',
-                                size: 'sm',
-                                pipeIn: function (value) {
-                                    return typeof value === 'string' &&
-                                        /(?:^|\s)(Panel\-\-(\w+))(?:$|\s)/.test(value)
-                                        ? RegExp.$1
-                                        : '';
-                                },
-                                pipeOut: function (value, origin) {
-                                    return origin
-                                        ? "".concat(origin.replace(/(?:^|\s)(Panel\-\-(\w+))(?=($|\s))/g, ''), " ").concat(value)
-                                            .replace(/\s+/g, ' ')
-                                            .trim()
-                                        : value;
-                                },
-                                options: [
-                                    {
-                                        label: '默认',
-                                        value: 'Panel--default'
-                                    },
-                                    {
-                                        label: '主色',
-                                        value: 'Panel--primary'
-                                    },
-                                    {
-                                        label: '提示',
-                                        value: 'Panel--info'
-                                    },
-                                    {
-                                        label: '成功',
-                                        value: 'Panel--success'
-                                    },
-                                    {
-                                        label: '警告',
-                                        value: 'Panel--warning'
-                                    },
-                                    {
-                                        label: '危险',
-                                        value: 'Panel--danger'
-                                    }
-                                ]
-                            },
-                            AMisCodeEditor.getSchemaTpl('className', {
-                                name: isForm ? 'panelClassName' : 'className',
-                                pipeIn: AMisCodeEditor.defaultValue('Panel--default')
-                            }),
-                            AMisCodeEditor.getSchemaTpl('className', {
-                                name: 'headerClassName',
-                                label: '头部区域 CSS 类名'
-                            }),
-                            AMisCodeEditor.getSchemaTpl('className', {
-                                name: 'bodyClassName',
-                                label: '内容区域 CSS 类名'
-                            }),
-                            AMisCodeEditor.getSchemaTpl('className', {
-                                name: 'footerClassName',
-                                label: '底部区域 CSS 类名'
-                            }),
-                            AMisCodeEditor.getSchemaTpl('className', {
-                                name: 'actionsClassName',
-                                label: '按钮外层 CSS 类名'
-                            }),
-                            AMisCodeEditor.getSchemaTpl('subFormItemMode'),
-                            AMisCodeEditor.getSchemaTpl('subFormHorizontalMode'),
-                            AMisCodeEditor.getSchemaTpl('subFormHorizontal')
-                        ]
-                    },
-                    {
-                        title: '显隐',
-                        body: [AMisCodeEditor.getSchemaTpl('ref'), AMisCodeEditor.getSchemaTpl('visible')]
-                    }
-                ])
-            ];
-        };
-        return _this;
-    }
-    PanelPlugin.prototype.buildEditorPanel = function (context, panels) {
-        var plugin = this;
-        var schema = context.schema;
-        if (context.info.renderer.name === 'form' &&
-            schema.wrapWithPanel !== false &&
-            !context.selections.length) {
-            panels.push({
-                key: 'panel',
-                icon: 'fa fa-list-alt',
-                title: this.panelTitle,
-                render: this.manager.makeSchemaFormRender({
-                    body: this.panelBodyCreator(context),
-                    rendererName: plugin.rendererName
-                })
-            });
-        }
-        else {
-            _super.prototype.buildEditorPanel.call(this, context, panels);
-        }
+            pipeOut: function (value, origin) {
+              return origin ? "".concat(origin.replace(/(?:^|\s)(Panel\-\-(\w+))(?=($|\s))/g, ''), " ").concat(value).replace(/\s+/g, ' ').trim() : value;
+            },
+            options: [{
+              label: i18nRuntime.i18n("18c63459a2c069022c7790430f761214"),
+              value: 'Panel--default'
+            }, {
+              label: i18nRuntime.i18n("fbae87bcc352f6933541fb77a07418ed"),
+              value: 'Panel--primary'
+            }, {
+              label: i18nRuntime.i18n("02d9819ddaaaeb1b7b22b12608c7e5ca"),
+              value: 'Panel--info'
+            }, {
+              label: i18nRuntime.i18n("330363dfc524cff2488f2ebde0500896"),
+              value: 'Panel--success'
+            }, {
+              label: i18nRuntime.i18n("900c70fa5f7dbc014e6f762d5e0e885c"),
+              value: 'Panel--warning'
+            }, {
+              label: i18nRuntime.i18n("540f84ddc0883866b229f71c2844199a"),
+              value: 'Panel--danger'
+            }]
+          }, amisEditorCore.getSchemaTpl('className', {
+            label: i18nRuntime.i18n("5e5d3f13111593b2710673006d4c8297"),
+            name: isForm ? 'panelClassName' : 'className',
+            pipeIn: amisEditorCore.defaultValue('Panel--default')
+          }), amisEditorCore.getSchemaTpl('className', {
+            name: 'headerClassName',
+            label: i18nRuntime.i18n("65810a32a98f09be550b0c421df6c540")
+          }), amisEditorCore.getSchemaTpl('className', {
+            name: 'bodyClassName',
+            label: i18nRuntime.i18n("33be689a0f0de129ce37f7a96052002e")
+          }), amisEditorCore.getSchemaTpl('className', {
+            name: 'footerClassName',
+            label: i18nRuntime.i18n("f3b9889baa6d17ec63f05ea7d326bcfa")
+          }), amisEditorCore.getSchemaTpl('className', {
+            name: 'actionsClassName',
+            label: i18nRuntime.i18n("da71dcbb13405815476cef28a8b9c4f6")
+          })]
+        }])]
+      }])];
     };
-    return PanelPlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(PanelPlugin);
+
+    return _this;
+  }
+
+  PanelPlugin.prototype.buildEditorPanel = function (context, panels) {
+    var plugin = this;
+    var schema = context.schema;
+    var store = this.manager.store;
+
+    if (context.info.renderer.name === 'form' && schema.wrapWithPanel !== false && !context.selections.length && false) {
+      /** Panel相关的配置融合到From中了 */
+      panels.push({
+        key: 'panel',
+        icon: 'fa fa-list-alt',
+        pluginIcon: plugin.pluginIcon,
+        title: this.panelTitle,
+        render: this.manager.makeSchemaFormRender({
+          body: this.panelBodyCreator(context),
+          panelById: store.activeId
+        })
+      });
+    } else {
+      _super.prototype.buildEditorPanel.call(this, context, panels);
+    }
+  };
+
+  return PanelPlugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(PanelPlugin);
 
 exports.PanelPlugin = PanelPlugin;

package/lib/plugin/Plain.d.ts

@@ -6,6 +6,7 @@ export declare class PlainPlugin extends BasePlugin {
     name: string;
     isBaseComponent: boolean;
     icon: string;
+    pluginIcon: string;
     description: string;
     docLink: string;
     tags: string[];

package/lib/plugin/Plain.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.0
+ * amis-editor v5.2.0-beta.2
  * Copyright 2018-2022 @fex
  */
 
@@ -8,81 +8,79 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var AMisCodeEditor = require('amis-editor-core');
+var amisEditorCore = require('amis-editor-core');
+var i18nRuntime = require('i18n-runtime');
 
-var PlainPlugin = /** @class */ (function (_super) {
-    tslib.__extends(PlainPlugin, _super);
-    function PlainPlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // 关联渲染器名字
-        _this.rendererName = 'plain';
-        _this.$schema = '/schemas/PlainSchema.json';
-        _this.disabledRendererPlugin = true; // 组件面板不显示
-        // 组件名称
-        _this.name = '纯文本';
-        _this.isBaseComponent = true;
-        _this.icon = 'fa fa-file-text-o';
-        _this.description = '用来展示纯文字，html 标签会被转义。';
-        _this.docLink = '/amis/zh-CN/components/plain';
-        _this.tags = ['展示'];
-        _this.previewSchema = {
-            type: 'plain',
-            text: '这是纯文本',
-            className: 'text-center',
-            inline: false
-        };
-        _this.scaffold = {
-            type: 'plain',
-            tpl: '内容',
-            inline: false
-        };
-        _this.panelTitle = '纯文本';
-        _this.panelBodyCreator = function (context) {
-            var isTableCell = context.info.renderer.name === 'table-cell';
-            return AMisCodeEditor.getSchemaTpl('tabs', [
-                {
-                    title: '常规',
-                    body: [
-                        {
-                            label: '内容',
-                            type: 'textarea',
-                            pipeIn: function (value, data) { return value || (data && data.text); },
-                            name: 'tpl',
-                            description: '如果当前字段有值，请不要设置，否则覆盖。支持使用 <code>\\${xxx}</code> 来获取变量，或者用 lodash.template 语法来写模板逻辑。<a target="_blank" href="/amis/zh-CN/docs/concepts/template">详情</a>'
-                        },
-                        {
-                            name: 'placeholder',
-                            label: '占位符',
-                            type: 'input-text',
-                            pipeIn: AMisCodeEditor.defaultValue('-')
-                        }
-                    ]
-                },
-                isTableCell
-                    ? null
-                    : {
-                        title: '外观',
-                        body: [
-                            AMisCodeEditor.getSchemaTpl('switch', {
-                                name: 'inline',
-                                label: '内联模式',
-                                value: true
-                            }),
-                            AMisCodeEditor.getSchemaTpl('className')
-                        ]
-                    },
-                isTableCell
-                    ? null
-                    : {
-                        title: '显隐',
-                        body: [AMisCodeEditor.getSchemaTpl('ref'), AMisCodeEditor.getSchemaTpl('visible')]
-                    }
-            ]);
-        };
-        return _this;
-    }
-    return PlainPlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(PlainPlugin);
+var PlainPlugin =
+/** @class */
+function (_super) {
+  tslib.__extends(PlainPlugin, _super);
+
+  function PlainPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'plain';
+    _this.$schema = '/schemas/PlainSchema.json';
+    _this.disabledRendererPlugin = true; // 组件面板不显示
+    // 组件名称
+
+    _this.name = i18nRuntime.i18n("ffb01e5bcf4c00447f5150d3cba81371");
+    _this.isBaseComponent = true;
+    _this.icon = 'fa fa-file-text-o';
+    _this.pluginIcon = 'plain-plugin';
+    _this.description = i18nRuntime.i18n("6c5b1f0e8e361a801fa75da070d1cba5");
+    _this.docLink = '/amis/zh-CN/components/plain';
+    _this.tags = [i18nRuntime.i18n("027446c2f9070b0f5b16a18208bf5fc7")];
+    _this.previewSchema = {
+      type: 'plain',
+      text: i18nRuntime.i18n("67e77a196826a8880e47ad949ce08ac0"),
+      className: 'text-center',
+      inline: false
+    };
+    _this.scaffold = {
+      type: 'plain',
+      tpl: i18nRuntime.i18n("2d711b09bd0db0ad240cc83b30dd8014"),
+      inline: false
+    };
+    _this.panelTitle = i18nRuntime.i18n("ffb01e5bcf4c00447f5150d3cba81371");
+
+    _this.panelBodyCreator = function (context) {
+      var isTableCell = context.info.renderer.name === 'table-cell';
+      return amisEditorCore.getSchemaTpl('tabs', [{
+        title: i18nRuntime.i18n("22b777e6fcb613b8ba83ced9594cd07e"),
+        body: [{
+          label: i18nRuntime.i18n("2d711b09bd0db0ad240cc83b30dd8014"),
+          type: 'textarea',
+          pipeIn: function (value, data) {
+            return value || data && data.text;
+          },
+          name: 'tpl',
+          description: i18nRuntime.i18n("f8fc21a9fd40881e8fd3d7f15919465c")
+        }, {
+          name: 'placeholder',
+          label: i18nRuntime.i18n("4c1cff4d8c05daa6ed9352a241ee628c"),
+          type: 'input-text',
+          pipeIn: amisEditorCore.defaultValue('-')
+        }]
+      }, isTableCell ? null : {
+        title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: [amisEditorCore.getSchemaTpl('switch', {
+          name: 'inline',
+          label: i18nRuntime.i18n("2fb0853874c2cc8cc42f0c7520af662a"),
+          value: true
+        }), amisEditorCore.getSchemaTpl('className')]
+      }, isTableCell ? null : {
+        title: i18nRuntime.i18n("33bf801796fd255b5f6147e33146669b"),
+        body: [amisEditorCore.getSchemaTpl('ref'), amisEditorCore.getSchemaTpl('visible')]
+      }]);
+    };
+
+    return _this;
+  }
+
+  return PlainPlugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(PlainPlugin);
 
 exports.PlainPlugin = PlainPlugin;

package/lib/plugin/Progress.d.ts

@@ -9,6 +9,7 @@ export declare class ProgressPlugin extends BasePlugin {
     docLink: string;
     tags: string[];
     icon: string;
+    pluginIcon: string;
     scaffold: {
         type: string;
         value: number;