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

package/lib/plugin/Dialog.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.1
+ * amis-editor v5.2.0-beta.2
  * Copyright 2018-2022 @fex
  */
 
@@ -9,206 +9,212 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
-var AMisCodeEditor = require('amis-editor-core');
-var util = require('../util.js');
+var amisEditorCore = require('amis-editor-core');
+var helper = require('../renderer/event-control/helper.js');
+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 DialogPlugin = /** @class */ (function (_super) {
-    tslib.__extends(DialogPlugin, _super);
-    function DialogPlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // 关联渲染器名字
-        _this.rendererName = 'dialog';
-        _this.$schema = '/schemas/DialogSchema.json';
-        // 组件名称
-        _this.name = '弹框';
-        _this.isBaseComponent = true;
-        _this.wrapperProps = {
-            wrapperComponent: InlineModal,
-            onClose: AMisCodeEditor.noop,
-            show: true
+var DialogPlugin =
+/** @class */
+function (_super) {
+  tslib.__extends(DialogPlugin, _super);
+
+  function DialogPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'dialog';
+    _this.$schema = '/schemas/DialogSchema.json'; // 组件名称
+
+    _this.name = i18nRuntime.i18n("ab3aec075a09d055b2a28c8b61925ee0");
+    _this.isBaseComponent = true;
+    _this.wrapperProps = {
+      wrapperComponent: InlineModal,
+      onClose: amisEditorCore.noop,
+      show: true
+    };
+    _this.regions = [{
+      key: 'body',
+      label: i18nRuntime.i18n("132a78bdf68d6d17bde00aa807bbf032"),
+      renderMethod: 'renderBody',
+      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 && args[1] === 'body') {
+            return insertRegion(this, dom, regions, info, info.plugin.manager);
+          }
+
+          return dom;
         };
-        _this.regions = [
-            {
-                key: 'body',
-                label: '内容区',
-                renderMethod: 'renderBody',
-                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 && args[1] === 'body') {
-                            return insertRegion(this, dom, regions, info, info.plugin.manager);
-                        }
-                        return dom;
-                    };
-                }
-            },
-            {
-                key: 'actions',
-                label: '按钮组',
-                renderMethod: 'renderFooter',
-                wrapperResolve: function (dom) { return dom; }
-            }
-        ];
-        // 现在没用，后面弹窗优化后有用
-        _this.events = [
-            {
-                eventName: 'confirm',
-                eventLabel: '确认',
-                description: '确认'
-            },
-            {
-                eventName: 'cancel',
-                eventLabel: '取消',
-                description: '取消'
-            }
-        ];
-        _this.actions = [
-            {
-                actionType: 'confirm',
-                actionLabel: '确认',
-                description: '确认操作'
-            },
-            {
-                actionType: 'cancel',
-                actionLabel: '取消',
-                description: '取消操作'
-            },
-            {
-                actionType: 'setValue',
-                actionLabel: '更新数据',
-                description: '触发组件数据更新'
+      }
+    }, {
+      key: 'actions',
+      label: i18nRuntime.i18n("c8caf94205105bac5833ab31cc2129d7"),
+      renderMethod: 'renderFooter',
+      wrapperResolve: function (dom) {
+        return dom;
+      }
+    }]; // 现在没用，后面弹窗优化后有用
+
+    _this.events = [{
+      eventName: 'confirm',
+      eventLabel: i18nRuntime.i18n("e83a256e4f5bb4ff8b3d804b5473217a"),
+      description: i18nRuntime.i18n("773ddc154f1e9b80f04e8bc9d83d2caf"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data': {
+            type: 'object',
+            title: i18nRuntime.i18n("e9b91e9101059dc2e234d9847dd7b003")
+          }
+        }
+      }]
+    }, {
+      eventName: 'cancel',
+      eventLabel: i18nRuntime.i18n("625fb26b4b3340f7872b411f401e754c"),
+      description: i18nRuntime.i18n("08ab4ffcd1bddd249a193e6353bb52bb"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data': {
+            type: 'object',
+            title: i18nRuntime.i18n("e9b91e9101059dc2e234d9847dd7b003")
+          }
+        }
+      }]
+    }];
+    _this.actions = [{
+      actionType: 'confirm',
+      actionLabel: i18nRuntime.i18n("e83a256e4f5bb4ff8b3d804b5473217a"),
+      description: i18nRuntime.i18n("4708bcefff645287c8781a1de2a0f20b")
+    }, {
+      actionType: 'cancel',
+      actionLabel: i18nRuntime.i18n("625fb26b4b3340f7872b411f401e754c"),
+      description: i18nRuntime.i18n("af17a4e37e5c6d68fff33c084192801b")
+    }, {
+      actionType: 'setValue',
+      actionLabel: i18nRuntime.i18n("67b6bec14c39be3f2602271e2fe3bcde"),
+      description: i18nRuntime.i18n("0310aa5a05fe07147d8b7ef20616f659")
+    }];
+    _this.panelTitle = i18nRuntime.i18n("ab3aec075a09d055b2a28c8b61925ee0");
+    _this.panelJustify = true;
+
+    _this.panelBodyCreator = function (context) {
+      return amisEditorCore.getSchemaTpl('tabs', [{
+        title: i18nRuntime.i18n("24d67862f87f439db7ca957aecb77cce"),
+        body: amisEditorCore.getSchemaTpl('collapseGroup', [{
+          title: i18nRuntime.i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [{
+            label: i18nRuntime.i18n("32c65d8d7431e76029678ec7bb73a5ab"),
+            type: 'input-text',
+            name: 'title'
+          }, amisEditorCore.getSchemaTpl('switch', {
+            label: i18nRuntime.i18n("8c8fbec263e20f087555c9abcb6dd07a"),
+            name: 'showCloseButton',
+            value: true
+          }), amisEditorCore.getSchemaTpl('switch', {
+            label: i18nRuntime.i18n("f29ab26877ed22ffa59636d747d824b9"),
+            name: 'closeOnEsc',
+            value: false
+          }), amisEditorCore.getSchemaTpl('switch', {
+            label: i18nRuntime.i18n("dcba76890a534e1fe94421be2a17b484"),
+            name: 'showErrorMsg',
+            value: true
+          }), amisEditorCore.getSchemaTpl('switch', {
+            label: i18nRuntime.i18n("af5876b89583552eef4c781718886dec"),
+            name: 'showLoading',
+            value: true
+          }), amisEditorCore.getSchemaTpl('dataMap')]
+        }])
+      }, {
+        title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: amisEditorCore.getSchemaTpl('collapseGroup', [{
+          title: i18nRuntime.i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [{
+            label: i18nRuntime.i18n("c8339fd2a85af4ba66084d28df808de4"),
+            type: 'button-group-select',
+            name: 'size',
+            size: 'sm',
+            options: [{
+              label: i18nRuntime.i18n("544fac400db790f57ea8ee4207cbeb6b"),
+              value: ''
+            }, {
+              label: i18nRuntime.i18n("391b8fa9c747a1799353ab856e666ad5"),
+              value: 'sm'
+            }, {
+              label: i18nRuntime.i18n("aed1dfbc31703955e64806b799b67645"),
+              value: 'md'
+            }, {
+              label: i18nRuntime.i18n("ab18e30c0dc4093ceeda8961fac3d1f4"),
+              value: 'lg'
+            }, {
+              label: i18nRuntime.i18n("949934d97c42801151673a51d3adc421"),
+              value: 'xl'
+            }],
+            pipeIn: amisEditorCore.defaultValue(''),
+            pipeOut: function (value) {
+              return value ? value : undefined;
             }
-        ];
-        _this.panelTitle = '弹框';
-        _this.panelBodyCreator = function (context) {
-            return AMisCodeEditor.getSchemaTpl('tabs', [
-                {
-                    title: '常规',
-                    body: [
-                        {
-                            label: '标题',
-                            type: 'input-text',
-                            name: 'title'
-                        },
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            label: '数据映射',
-                            name: 'data',
-                            className: 'block m-b-xs',
-                            pipeIn: function (value) { return !!value; },
-                            pipeOut: function (value) { return (value ? { '&': '$$' } : null); }
-                        }),
-                        {
-                            type: 'tpl',
-                            visibleOn: '!this.data',
-                            tpl: '<p class="text-sm text-muted">当没开启数据映射时，弹框中默认会拥有触发打开弹框按钮所在环境的所有数据。</p>'
-                        },
-                        {
-                            type: 'input-kv',
-                            syncDefaultValue: false,
-                            name: 'data',
-                            visibleOn: 'this.data',
-                            descriptionClassName: 'help-block text-xs m-b-none',
-                            description: '<p>当开启数据映射时，弹框中的数据只会包含设置的部分，请绑定数据。如：<code>{"a": "\\${a}", "b": 2}</code></p><p>如果希望在默认的基础上定制，请先添加一个 Key 为 `&` Value 为 `\\$$` 作为第一行。</p><div>当值为 <code>__undefined</code>时，表示删除对应的字段，可以结合<code>{"&": "\\$$"}</code>来达到黑名单效果。</div>',
-                            messages: {
-                                validateFailed: '数据映射中存在错误，请仔细检查'
-                            }
-                        },
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            label: '按 Esc 关闭弹框',
-                            name: 'closeOnEsc',
-                            value: false
-                        }),
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            label: '点击弹框外区域关闭弹框',
-                            name: 'closeOnOutside',
-                            value: false
-                        })
-                    ]
-                },
-                {
-                    title: '外观',
-                    body: [
-                        {
-                            label: '尺寸',
-                            type: 'button-group-select',
-                            name: 'size',
-                            size: 'sm',
-                            className: 'block',
-                            pipeIn: AMisCodeEditor.defaultValue(''),
-                            options: [
-                                {
-                                    label: '小',
-                                    value: 'sm'
-                                },
-                                {
-                                    label: '默认',
-                                    value: ''
-                                },
-                                {
-                                    label: '中',
-                                    value: 'md'
-                                },
-                                {
-                                    label: '大',
-                                    value: 'lg'
-                                },
-                                {
-                                    label: '超大',
-                                    value: 'xl'
-                                }
-                            ]
-                        },
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            label: '是否显示关闭按钮',
-                            name: 'showCloseButton',
-                            value: true
-                        }),
-                        AMisCodeEditor.getSchemaTpl('className', {
-                            name: 'headerClassName',
-                            label: '顶部 CSS 类名'
-                        }),
-                        AMisCodeEditor.getSchemaTpl('className', {
-                            name: 'bodyClassName',
-                            label: '内容 CSS 类名'
-                        })
-                    ]
-                },
-                {
-                    title: '事件',
-                    className: 'p-none',
-                    body: [
-                        AMisCodeEditor.getSchemaTpl('eventControl', tslib.__assign({ name: 'onEvent' }, util.getEventControlConfig(_this.manager, context)))
-                    ]
-                }
-            ]);
-        };
-        return _this;
-    }
-    DialogPlugin.prototype.buildSubRenderers = function () { };
-    return DialogPlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(DialogPlugin);
-var InlineModal = /** @class */ (function (_super) {
-    tslib.__extends(InlineModal, _super);
-    function InlineModal() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    InlineModal.prototype.componentDidMount = function () { };
-    InlineModal.prototype.render = function () {
-        var children = this.props.children;
-        return React__default["default"].createElement("div", { className: "ae-InlineModel" }, children);
+          }]
+        }, {
+          title: i18nRuntime.i18n("261bba7ad82914e477f4b37f6a83874e"),
+          body: [amisEditorCore.getSchemaTpl('className', {
+            name: 'className',
+            label: i18nRuntime.i18n("5e5d3f13111593b2710673006d4c8297")
+          }), amisEditorCore.getSchemaTpl('className', {
+            name: 'bodyClassName',
+            label: i18nRuntime.i18n("33be689a0f0de129ce37f7a96052002e")
+          })]
+        }])
+      }, {
+        title: i18nRuntime.i18n("10b2761db5a8e089049df39675abc550"),
+        className: 'p-none',
+        body: [amisEditorCore.getSchemaTpl('eventControl', tslib.__assign({
+          name: 'onEvent'
+        }, helper.getEventControlConfig(_this.manager, context)))]
+      }]);
     };
-    return InlineModal;
-}(React__default["default"].Component));
+
+    return _this;
+  }
+
+  DialogPlugin.prototype.buildSubRenderers = function () {};
+
+  return DialogPlugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(DialogPlugin);
+
+var InlineModal =
+/** @class */
+function (_super) {
+  tslib.__extends(InlineModal, _super);
+
+  function InlineModal() {
+    return _super !== null && _super.apply(this, arguments) || this;
+  }
+
+  InlineModal.prototype.componentDidMount = function () {};
+
+  InlineModal.prototype.render = function () {
+    var children = this.props.children;
+    return React__default["default"].createElement("div", {
+      className: "ae-InlineModel"
+    }, children);
+  };
+
+  return InlineModal;
+}(React__default["default"].Component);
 
 exports.DialogPlugin = DialogPlugin;
 exports.InlineModal = InlineModal;

package/lib/plugin/Divider.d.ts

@@ -5,6 +5,7 @@ export declare class DividerPlugin extends BasePlugin {
     name: string;
     isBaseComponent: boolean;
     icon: string;
+    pluginIcon: string;
     description: string;
     scaffold: {
         type: string;

package/lib/plugin/Divider.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.1
+ * amis-editor v5.2.0-beta.2
  * Copyright 2018-2022 @fex
  */
 
@@ -8,42 +8,46 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var AMisCodeEditor = require('amis-editor-core');
-
-var DividerPlugin = /** @class */ (function (_super) {
-    tslib.__extends(DividerPlugin, _super);
-    function DividerPlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // 关联渲染器名字
-        _this.rendererName = 'divider';
-        _this.$schema = '/schemas/DividerSchema.json';
-        // 组件名称
-        _this.name = '分隔线';
-        _this.isBaseComponent = true;
-        _this.icon = 'fa fa-minus';
-        _this.description = '用来展示一个分割线，可用来做视觉上的隔离。';
-        _this.scaffold = {
-            type: 'divider'
-        };
-        _this.previewSchema = {
-            type: 'divider',
-            className: 'm-t-none m-b-none'
-        };
-        _this.panelTitle = '分隔线';
-        _this.panelBody = AMisCodeEditor.getSchemaTpl('tabs', [
-            {
-                title: '外观',
-                body: [AMisCodeEditor.getSchemaTpl('className')]
-            },
-            {
-                title: '显隐',
-                body: [AMisCodeEditor.getSchemaTpl('ref'), AMisCodeEditor.getSchemaTpl('visible')]
-            }
-        ]);
-        return _this;
-    }
-    return DividerPlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(DividerPlugin);
+var amisEditorCore = require('amis-editor-core');
+var i18nRuntime = require('i18n-runtime');
+
+var DividerPlugin =
+/** @class */
+function (_super) {
+  tslib.__extends(DividerPlugin, _super);
+
+  function DividerPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'divider';
+    _this.$schema = '/schemas/DividerSchema.json'; // 组件名称
+
+    _this.name = i18nRuntime.i18n("7e1eb2c588aa1301f4aa19395ef0a177");
+    _this.isBaseComponent = true;
+    _this.icon = 'fa fa-minus';
+    _this.pluginIcon = 'divider-plugin';
+    _this.description = i18nRuntime.i18n("bc43ae8e61f1ad4be2b0a9e70501e490");
+    _this.scaffold = {
+      type: 'divider'
+    };
+    _this.previewSchema = {
+      type: 'divider',
+      className: 'm-t-none m-b-none'
+    };
+    _this.panelTitle = i18nRuntime.i18n("7e1eb2c588aa1301f4aa19395ef0a177");
+    _this.panelBody = amisEditorCore.getSchemaTpl('tabs', [{
+      title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+      body: [amisEditorCore.getSchemaTpl('className')]
+    }, {
+      title: i18nRuntime.i18n("33bf801796fd255b5f6147e33146669b"),
+      body: [amisEditorCore.getSchemaTpl('ref'), amisEditorCore.getSchemaTpl('visible')]
+    }]);
+    return _this;
+  }
+
+  return DividerPlugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(DividerPlugin);
 
 exports.DividerPlugin = DividerPlugin;

package/lib/plugin/Drawer.d.ts

@@ -23,6 +23,7 @@ export declare class DrawerPlugin extends BasePlugin {
         description: string;
     }[];
     panelTitle: string;
+    panelJustify: boolean;
     panelBodyCreator: (context: BaseEventContext) => any;
     buildSubRenderers(): void;
 }