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

package/lib/plugin/Form/ButtonGroupSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.0
+ * amis-editor v5.2.0-beta.2
  * Copyright 2018-2022 @fex
  */
 
@@ -8,154 +8,146 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var AMisCodeEditor = require('amis-editor-core');
-var BaseControl = require('../../component/BaseControl.js');
+var amisEditorCore = require('amis-editor-core');
+var helper = require('../../renderer/event-control/helper.js');
+var i18nRuntime = require('i18n-runtime');
 
-var ButtonGroupControlPlugin = /** @class */ (function (_super) {
-    tslib.__extends(ButtonGroupControlPlugin, _super);
-    function ButtonGroupControlPlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // 关联渲染器名字
-        _this.rendererName = 'button-group-select';
-        _this.$schema = '/schemas/ButtonGroupControlSchema.json';
-        // 组件名称
-        _this.name = '按钮点选';
-        _this.isBaseComponent = true;
-        _this.icon = 'fa fa-object-group';
-        _this.description = '用来展示多个按钮，视觉上会作为一个整体呈现，同时可以作为表单项选项选择器来用。';
-        _this.docLink = '/amis/zh-CN/components/button-group';
-        _this.tags = ['按钮'];
-        _this.scaffold = {
-            type: 'button-group-select',
-            name: 'a',
-            options: [
-                {
-                    label: '选项1',
-                    value: 'a'
-                },
-                {
-                    label: '选项2',
-                    value: 'b'
-                }
-            ]
-        };
-        _this.previewSchema = {
-            type: 'form',
-            wrapWithPanel: false,
-            mode: 'horizontal',
-            body: tslib.__assign(tslib.__assign({}, _this.scaffold), { value: 'a', label: '按钮点选', description: '按钮点选可以当选项用。' })
-        };
-        _this.notRenderFormZone = true;
-        _this.panelTitle = '按钮点选';
-        // 事件定义
-        _this.events = [
-            {
-                eventName: 'change',
-                eventLabel: '值变化',
-                description: '选中值变化时触发',
-                dataSchema: [
-                    {
-                        type: 'object',
-                        properties: {
-                            'event.data.value': {
-                                type: 'string',
-                                title: '选中值'
-                            }
-                        }
-                    }
-                ]
-            }
-        ];
-        // 动作定义
-        _this.actions = [
-            {
-                actionType: 'clear',
-                actionLabel: '清空',
-                description: '清除选中值'
-            },
-            {
-                actionType: 'reset',
-                actionLabel: '重置',
-                description: '将值重置为resetValue，若没有配置resetValue，则清空'
-            },
-            {
-                actionType: 'reload',
-                actionLabel: '重新加载',
-                description: '触发组件数据刷新并重新渲染'
-            },
-            {
-                actionType: 'setValue',
-                actionLabel: '赋值',
-                description: '触发组件数据更新'
-            }
-        ];
-        _this.panelJustify = true;
-        _this.panelBodyCreator = function (context) {
-            return BaseControl.formItemControl({
-                common: {
-                    replace: true,
-                    body: [
-                        AMisCodeEditor.getSchemaTpl('formItemName', {
-                            required: true
-                        }),
-                        AMisCodeEditor.getSchemaTpl('label'),
-                        // getSchemaTpl('value'),
-                        AMisCodeEditor.getSchemaTpl('valueFormula', {
-                            rendererSchema: context === null || context === void 0 ? void 0 : context.schema,
-                            useSelectMode: true // 改用 Select 设置模式
-                        }),
-                        AMisCodeEditor.getSchemaTpl('clearable'),
-                        AMisCodeEditor.getSchemaTpl('multiple'),
-                        AMisCodeEditor.getSchemaTpl('extractValue')
-                    ]
-                },
-                option: {
-                    title: '按钮管理',
-                    body: [AMisCodeEditor.getSchemaTpl('optionControlV2'), AMisCodeEditor.getSchemaTpl('autoFill')]
-                },
-                style: {
-                    // reverse: true,
-                    body: [
-                        AMisCodeEditor.getSchemaTpl('size'),
-                        AMisCodeEditor.getSchemaTpl('buttonLevel', {
-                            label: '按钮样式',
-                            name: 'btnLevel'
-                        }),
-                        {
-                            type: 'button-group-select',
-                            name: 'vertical',
-                            label: '布局方向',
-                            value: false,
-                            options: [
-                                {
-                                    label: '水平',
-                                    value: false
-                                },
-                                {
-                                    label: '垂直',
-                                    value: true
-                                }
-                            ]
-                        },
-                        {
-                            type: 'switch',
-                            name: 'tiled',
-                            label: '平铺模式',
-                            value: false
-                        },
-                        AMisCodeEditor.getSchemaTpl('buttonLevel', {
-                            label: '按钮选中样式',
-                            name: 'btnActiveLevel'
-                        })
-                    ]
-                },
-                status: {}
-            }, context);
-        };
-        return _this;
-    }
-    return ButtonGroupControlPlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(ButtonGroupControlPlugin);
+var ButtonGroupControlPlugin =
+/** @class */
+function (_super) {
+  tslib.__extends(ButtonGroupControlPlugin, _super);
+
+  function ButtonGroupControlPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'button-group-select';
+    _this.$schema = '/schemas/ButtonGroupControlSchema.json'; // 组件名称
+
+    _this.name = i18nRuntime.i18n("729a4cca5ed3504793c1f3a87d2b48b9");
+    _this.isBaseComponent = true;
+    _this.icon = 'fa fa-object-group';
+    _this.pluginIcon = 'btn-select-plugin';
+    _this.description = i18nRuntime.i18n("29513434492e5d19a9660e0a918befd1");
+    _this.docLink = '/amis/zh-CN/components/button-group';
+    _this.tags = [i18nRuntime.i18n("fa966345577ba81af19408f203db968f")];
+    _this.scaffold = {
+      type: 'button-group-select',
+      name: 'a',
+      inline: false,
+      options: [{
+        label: i18nRuntime.i18n("6edda84461bf13d38328cb401c8c23db"),
+        value: 'a'
+      }, {
+        label: i18nRuntime.i18n("39692081e75ef73c6479fc25f8f10dfc"),
+        value: 'b'
+      }]
+    };
+    _this.previewSchema = {
+      type: 'form',
+      wrapWithPanel: false,
+      mode: 'horizontal',
+      body: tslib.__assign(tslib.__assign({}, _this.scaffold), {
+        value: 'a',
+        label: i18nRuntime.i18n("729a4cca5ed3504793c1f3a87d2b48b9"),
+        description: i18nRuntime.i18n("a457872a51628ccadfb9bcfa23428a98")
+      })
+    };
+    _this.notRenderFormZone = true;
+    _this.panelTitle = i18nRuntime.i18n("729a4cca5ed3504793c1f3a87d2b48b9"); // 事件定义
+
+    _this.events = [{
+      eventName: 'change',
+      eventLabel: i18nRuntime.i18n("755955372bcc0c7ebf161a656bc389b3"),
+      description: i18nRuntime.i18n("2fc76872efce1eabd3b74a3e4fd5b976"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.value': {
+            type: 'string',
+            title: i18nRuntime.i18n("528609917710d813a55e5a6cecf1e458")
+          }
+        }
+      }]
+    }]; // 动作定义
+
+    _this.actions = [{
+      actionType: 'clear',
+      actionLabel: i18nRuntime.i18n("288f0c404c4e546aa3683ff5054e85e2"),
+      description: i18nRuntime.i18n("c374a44713fa5ff5da2565beb398c7d3")
+    }, {
+      actionType: 'reset',
+      actionLabel: i18nRuntime.i18n("4b9c3271dc2f299dc3aeffb369187513"),
+      description: i18nRuntime.i18n("8db57ba01ffb9bf29c1656de5f0208f5")
+    }, {
+      actionType: 'reload',
+      actionLabel: i18nRuntime.i18n("64ca9bab920a2983bcf270320d850d00"),
+      description: i18nRuntime.i18n("9ef5597ac0b4da662bcd967da37eceb4")
+    }, {
+      actionType: 'setValue',
+      actionLabel: i18nRuntime.i18n("8f40db3b25528063f1b6a59602a05cd5"),
+      description: i18nRuntime.i18n("0310aa5a05fe07147d8b7ef20616f659")
+    }];
+    _this.panelJustify = true;
+
+    _this.panelBodyCreator = function (context) {
+      return amisEditorCore.getSchemaTpl('tabs', [{
+        title: i18nRuntime.i18n("24d67862f87f439db7ca957aecb77cce"),
+        body: [amisEditorCore.getSchemaTpl('collapseGroup', [{
+          title: i18nRuntime.i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [amisEditorCore.getSchemaTpl('formItemName', {
+            required: true
+          }), amisEditorCore.getSchemaTpl('label'), amisEditorCore.getSchemaTpl('multiple'), amisEditorCore.getSchemaTpl('valueFormula', {
+            rendererSchema: context === null || context === void 0 ? void 0 : context.schema,
+            useSelectMode: true,
+            visibleOn: 'this.options && this.options.length > 0'
+          })]
+        }, {
+          title: i18nRuntime.i18n("66774850742a81e8b2393195290b7330"),
+          body: [amisEditorCore.getSchemaTpl('optionControlV2')]
+        }, amisEditorCore.getSchemaTpl('status', {
+          isFormItem: true
+        })])]
+      }, {
+        title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: [amisEditorCore.getSchemaTpl('collapseGroup', [{
+          title: i18nRuntime.i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [amisEditorCore.getSchemaTpl('formItemMode'), amisEditorCore.getSchemaTpl('horizontal', {
+            label: '',
+            visibleOn: 'data.mode == "horizontal" && data.label !== false && data.horizontal'
+          }), amisEditorCore.getSchemaTpl('switch', {
+            name: 'tiled',
+            label: amisEditorCore.tipedLabel(i18nRuntime.i18n("8eb18b36f5a27fa8e6d32bc66546ce05"), i18nRuntime.i18n("944908c981a86bfa0cfab9360ab38184")),
+            pipeIn: amisEditorCore.defaultValue(false),
+            visibleOn: 'data.mode !== "inline"'
+          }), amisEditorCore.getSchemaTpl('size'), amisEditorCore.getSchemaTpl('buttonLevel', {
+            label: i18nRuntime.i18n("ac3880323853de9adc4f66bc06d438ff"),
+            name: 'btnLevel'
+          }), amisEditorCore.getSchemaTpl('buttonLevel', {
+            label: i18nRuntime.i18n("0b98b0bea3db6ae5b67a09c7bb2d032b"),
+            name: 'btnActiveLevel'
+          })]
+        }, amisEditorCore.getSchemaTpl('style:classNames', {
+          isFormItem: true,
+          schema: [amisEditorCore.getSchemaTpl('className', {
+            label: i18nRuntime.i18n("fa966345577ba81af19408f203db968f"),
+            name: 'btnClassName'
+          })]
+        })])]
+      }, {
+        title: i18nRuntime.i18n("10b2761db5a8e089049df39675abc550"),
+        className: 'p-none',
+        body: [amisEditorCore.getSchemaTpl('eventControl', tslib.__assign({
+          name: 'onEvent'
+        }, helper.getEventControlConfig(_this.manager, context)))]
+      }]);
+    };
+
+    return _this;
+  }
+
+  return ButtonGroupControlPlugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(ButtonGroupControlPlugin);
 
 exports.ButtonGroupControlPlugin = ButtonGroupControlPlugin;

package/lib/plugin/Form/ButtonToolbar.d.ts

@@ -5,11 +5,13 @@ export declare class ButtonToolbarControlPlugin extends BasePlugin {
     name: string;
     isBaseComponent: boolean;
     icon: string;
+    pluginIcon: string;
     description: string;
     docLink: string;
     tags: string[];
     scaffold: {
         type: string;
+        label: string;
         buttons: {
             onEvent: {
                 click: {
@@ -24,5 +26,6 @@ export declare class ButtonToolbarControlPlugin extends BasePlugin {
     regions: Array<RegionConfig>;
     notRenderFormZone: boolean;
     panelTitle: string;
-    panelBodyCreator: (context: BaseEventContext) => any[];
+    panelJustify: boolean;
+    panelBodyCreator: (context: BaseEventContext) => any;
 }

package/lib/plugin/Form/ButtonToolbar.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.0
+ * amis-editor v5.2.0-beta.2
  * Copyright 2018-2022 @fex
  */
 
@@ -8,100 +8,109 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var AMisCodeEditor = require('amis-editor-core');
+var amisEditorCore = require('amis-editor-core');
 var BaseControl = require('../../component/BaseControl.js');
+var i18nRuntime = require('i18n-runtime');
 
-var ButtonToolbarControlPlugin = /** @class */ (function (_super) {
-    tslib.__extends(ButtonToolbarControlPlugin, _super);
-    function ButtonToolbarControlPlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // 关联渲染器名字
-        _this.rendererName = 'button-toolbar';
-        _this.$schema = '/schemas/ButtonToolbarControlSchema.json';
-        // 组件名称
-        _this.name = '按钮工具栏';
-        _this.isBaseComponent = true;
-        _this.icon = 'fa fa-ellipsis-h';
-        _this.description = '可以用来放置多个按钮或者按钮组，按钮之间会存在一定的间隔';
-        _this.docLink = '/amis/zh-CN/components/form/button-toolbar';
-        _this.tags = ['表单项', '按钮'];
-        _this.scaffold = {
-            type: 'button-toolbar',
-            buttons: [
-                tslib.__assign({ type: 'button', label: '按钮1' }, BaseControl.BUTTON_DEFAULT_ACTION),
-                tslib.__assign({ type: 'button', label: '按钮2' }, BaseControl.BUTTON_DEFAULT_ACTION)
-            ]
-        };
-        _this.previewSchema = {
-            type: 'form',
-            wrapWithPanel: false,
-            mode: 'horizontal',
-            body: tslib.__assign(tslib.__assign({}, _this.scaffold), { label: '按钮工具栏' })
-        };
-        // 容器配置
-        _this.regions = [
-            {
-                key: 'buttons',
-                label: '按钮集合',
-                preferTag: '按钮',
-                renderMethod: 'renderButtons'
+var ButtonToolbarControlPlugin =
+/** @class */
+function (_super) {
+  tslib.__extends(ButtonToolbarControlPlugin, _super);
+
+  function ButtonToolbarControlPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'button-toolbar';
+    _this.$schema = '/schemas/ButtonToolbarControlSchema.json'; // 组件名称
+
+    _this.name = i18nRuntime.i18n("f05dd80af77a441216ef940e7887a8db");
+    _this.isBaseComponent = true;
+    _this.icon = 'fa fa-ellipsis-h';
+    _this.pluginIcon = 'btn-toolbar-plugin';
+    _this.description = i18nRuntime.i18n("433e2e80ec74563daf4368e59b525e34");
+    _this.docLink = '/amis/zh-CN/components/form/button-toolbar';
+    _this.tags = [i18nRuntime.i18n("55b45c73ae417c4dead67905b1550e85"), i18nRuntime.i18n("fa966345577ba81af19408f203db968f")];
+    _this.scaffold = {
+      type: 'button-toolbar',
+      label: i18nRuntime.i18n("f05dd80af77a441216ef940e7887a8db"),
+      buttons: [tslib.__assign({
+        type: 'button',
+        label: i18nRuntime.i18n("e9d2f66bbd44c96a3e03494bf6b1ebf0")
+      }, BaseControl.BUTTON_DEFAULT_ACTION), tslib.__assign({
+        type: 'button',
+        label: i18nRuntime.i18n("ce35a17d2ba7caac95092a7a66ac9a0d")
+      }, BaseControl.BUTTON_DEFAULT_ACTION)]
+    };
+    _this.previewSchema = {
+      type: 'form',
+      wrapWithPanel: false,
+      mode: 'horizontal',
+      body: tslib.__assign({}, _this.scaffold)
+    }; // 容器配置
+
+    _this.regions = [{
+      key: 'buttons',
+      label: i18nRuntime.i18n("3b49c8cece3f495f0e76b73823c68bfa"),
+      preferTag: i18nRuntime.i18n("fa966345577ba81af19408f203db968f"),
+      renderMethod: 'renderButtons'
+    }];
+    _this.notRenderFormZone = true;
+    _this.panelTitle = i18nRuntime.i18n("012f602372cd2dbd639cd966c63e1f90");
+    _this.panelJustify = true;
+
+    _this.panelBodyCreator = function (context) {
+      return amisEditorCore.getSchemaTpl('tabs', [{
+        title: i18nRuntime.i18n("24d67862f87f439db7ca957aecb77cce"),
+        body: [amisEditorCore.getSchemaTpl('collapseGroup', [{
+          title: i18nRuntime.i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [amisEditorCore.getSchemaTpl('label'), amisEditorCore.getSchemaTpl('labelRemark'), amisEditorCore.getSchemaTpl('remark'), amisEditorCore.getSchemaTpl('description'), amisEditorCore.getSchemaTpl('combo-container', {
+            type: 'combo',
+            label: i18nRuntime.i18n("66774850742a81e8b2393195290b7330"),
+            name: 'buttons',
+            mode: 'normal',
+            multiple: true,
+            addable: true,
+            minLength: 1,
+            draggable: true,
+            editable: false,
+            items: [{
+              type: 'tpl',
+              inline: false,
+              className: 'p-t-xs',
+              tpl: "<span class=\"label label-default\"><% if (data.type === \"button-group\") { %> ".concat(i18nRuntime.i18n("c8caf94205105bac5833ab31cc2129d7"), " <% } else { %><%= data.label %><% if (data.icon) { %><i class=\"<%= data.icon %>\"/><% }%><% } %></span>")
+            }],
+            addButtonText: i18nRuntime.i18n("f9f2b9cc91cd332db6b2b732c3869233"),
+            scaffold: {
+              type: 'button',
+              label: i18nRuntime.i18n("fa966345577ba81af19408f203db968f")
             }
-        ];
-        _this.notRenderFormZone = true;
-        _this.panelTitle = '工具栏';
-        _this.panelBodyCreator = function (context) {
-            return BaseControl.formItemControl({
-                common: {
-                    replace: true,
-                    body: [
-                        AMisCodeEditor.getSchemaTpl('formItemName', {
-                            required: true
-                        }),
-                        AMisCodeEditor.getSchemaTpl('label'),
-                        AMisCodeEditor.getSchemaTpl('remark'),
-                        AMisCodeEditor.getSchemaTpl('labelRemark'),
-                        AMisCodeEditor.getSchemaTpl('description')
-                    ]
-                },
-                option: {
-                    title: '按钮管理',
-                    replace: true,
-                    body: [
-                        {
-                            name: 'buttons',
-                            type: 'combo',
-                            label: '',
-                            multiple: true,
-                            addable: true,
-                            minLength: 1,
-                            draggable: true,
-                            draggableTip: '',
-                            editable: false,
-                            visibleOn: 'this.buttons && this.buttons.length',
-                            items: [
-                                {
-                                    type: 'tpl',
-                                    inline: false,
-                                    tpl: '<span class="label label-default"><% if (data.type === "button-group") { %> 按钮组 <% } else { %><%= data.label %><% if (data.icon) { %><i class="<%= data.icon %>"/><% }%><% } %></span>'
-                                }
-                            ],
-                            addButtonText: '新增按钮',
-                            scaffold: {
-                                type: 'button',
-                                label: '按钮'
-                            }
-                        }
-                    ]
-                },
-                event: {
-                    hidden: false
-                }
-            }, context);
-        };
-        return _this;
-    }
-    return ButtonToolbarControlPlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(ButtonToolbarControlPlugin);
+          })]
+        }, amisEditorCore.getSchemaTpl('status')])]
+      }, {
+        title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: [amisEditorCore.getSchemaTpl('collapseGroup', [{
+          title: i18nRuntime.i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [amisEditorCore.getSchemaTpl('formItemMode'), amisEditorCore.getSchemaTpl('horizontal', {
+            label: '',
+            visibleOn: 'data.mode == "horizontal" && data.label !== false && data.horizontal'
+          })]
+        }, amisEditorCore.getSchemaTpl('style:classNames', {
+          isFormItem: true,
+          schema: [amisEditorCore.getSchemaTpl('className', {
+            label: i18nRuntime.i18n("3bdd08adab6ea90b9164b20a0e4151ac"),
+            name: 'descriptionClassName',
+            visibleOn: 'this.description'
+          })]
+        })])]
+      }]);
+    };
+
+    return _this;
+  }
+
+  return ButtonToolbarControlPlugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(ButtonToolbarControlPlugin);
 
 exports.ButtonToolbarControlPlugin = ButtonToolbarControlPlugin;

package/lib/plugin/Form/ChainedSelect.d.ts

@@ -1,11 +1,11 @@
-import { BasePlugin, BaseEventContext } from 'amis-editor-core';
-import { RendererAction, RendererEvent } from 'amis-editor-comp/dist/renderers/event-action';
+import { BasePlugin, BaseEventContext, RendererPluginAction, RendererPluginEvent } from 'amis-editor-core';
 export declare class ChainedSelectControlPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
     name: string;
     isBaseComponent: boolean;
     icon: string;
+    pluginIcon: string;
     description: string;
     docLink: string;
     tags: string[];
@@ -16,8 +16,8 @@ export declare class ChainedSelectControlPlugin extends BasePlugin {
         joinValues: boolean;
     };
     previewSchema: any;
-    events: RendererEvent[];
-    actions: RendererAction[];
+    events: RendererPluginEvent[];
+    actions: RendererPluginAction[];
     panelTitle: string;
     notRenderFormZone: boolean;
     panelJustify: boolean;