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

package/lib/plugin/Form/ChainedSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.0
+ * amis-editor v5.2.0-beta.2
  * Copyright 2018-2022 @fex
  */
 
@@ -8,176 +8,150 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var AMisCodeEditor = require('amis-editor-core');
+var amisEditorCore = require('amis-editor-core');
 var validator = require('../../validator.js');
-var BaseControl = require('../../component/BaseControl.js');
-var util = require('../../util.js');
+var helper = require('../../renderer/event-control/helper.js');
+var i18nRuntime = require('i18n-runtime');
 
-var ChainedSelectControlPlugin = /** @class */ (function (_super) {
-    tslib.__extends(ChainedSelectControlPlugin, _super);
-    function ChainedSelectControlPlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // 关联渲染器名字
-        _this.rendererName = 'chained-select';
-        _this.$schema = '/schemas/ChainedSelectControlSchema.json';
-        // 组件名称
-        _this.name = '级联下拉框';
-        _this.isBaseComponent = true;
-        _this.icon = 'fa fa-th-list';
-        _this.description = '通过<code>source</code>拉取选项，只要有返回结果，就可以无限级别增加';
-        _this.docLink = '/amis/zh-CN/components/form/chain-select';
-        _this.tags = ['表单项'];
-        _this.scaffold = {
-            type: 'chained-select',
-            label: '级联下拉框',
-            name: 'chained-select',
-            joinValues: true
-        };
-        _this.previewSchema = {
-            type: 'form',
-            className: 'text-left',
-            wrapWithPanel: false,
-            mode: 'horizontal',
-            body: tslib.__assign({}, _this.scaffold)
-        };
-        // 事件定义
-        _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.panelTitle = '级联选择';
-        _this.notRenderFormZone = true;
-        _this.panelJustify = true;
-        _this.panelBodyCreator = function (context) {
-            return AMisCodeEditor.getSchemaTpl('tabs', [
-                {
-                    title: '属性',
-                    body: AMisCodeEditor.getSchemaTpl('collapseGroup', [
-                        {
-                            title: '基本',
-                            body: [
-                                AMisCodeEditor.getSchemaTpl('formItemName', {
-                                    required: true
-                                }),
-                                AMisCodeEditor.getSchemaTpl('label'),
-                                AMisCodeEditor.getSchemaTpl('valueFormula', {
-                                    rendererSchema: context === null || context === void 0 ? void 0 : context.schema,
-                                    mode: 'vertical',
-                                    rendererWrapper: true,
-                                    label: BaseControl.tipedLabel('默认值', '请填入选项 Options 中 value 值')
-                                }),
-                                AMisCodeEditor.getSchemaTpl('switch', {
-                                    label: BaseControl.tipedLabel('拼接值', '开启后将选中的选项 value 的值用连接符拼接起来，作为当前表单项的值'),
-                                    name: 'joinValues',
-                                    pipeIn: AMisCodeEditor.defaultValue(true)
-                                }),
-                                AMisCodeEditor.getSchemaTpl('delimiter', {
-                                    visibleOn: 'data.joinValues !== false',
-                                    clearValueOnHidden: true
-                                }),
-                                AMisCodeEditor.getSchemaTpl('extractValue', {
-                                    visibleOn: 'data.joinValues === false',
-                                    clearValueOnHidden: true
-                                }),
-                                AMisCodeEditor.getSchemaTpl('labelRemark'),
-                                AMisCodeEditor.getSchemaTpl('remark'),
-                                AMisCodeEditor.getSchemaTpl('placeholder'),
-                                AMisCodeEditor.getSchemaTpl('description')
-                            ]
-                        },
-                        {
-                            title: '选项',
-                            body: [
-                                AMisCodeEditor.getSchemaTpl('apiControl', {
-                                    name: 'source',
-                                    label: BaseControl.tipedLabel('获取选项接口', "<div>\u53EF\u7528\u53D8\u91CF\u8BF4\u660E</div><ul>\n                      <li><code>value</code>\u5F53\u524D\u503C</li>\n                      <li><code>level</code>\u62C9\u53D6\u7EA7\u522B\uFF0C\u4ECE <code>1</code>\u5F00\u59CB\u3002</li>\n                      <li><code>parentId</code>\u4E0A\u4E00\u5C42\u9009\u4E2D\u7684 <code>value</code> \u503C</li>\n                      <li><code>parent</code>\u4E0A\u4E00\u5C42\u9009\u4E2D\u9009\u9879\uFF0C\u5305\u542B <code>label</code> \u548C <code>value</code> \u7684\u503C\u3002</li>\n                  </ul>", {
-                                        maxWidth: 'unset'
-                                    })
-                                }),
-                                {
-                                    type: 'input-text',
-                                    name: 'labelField',
-                                    label: BaseControl.tipedLabel('选项标签字段', '默认渲染选项组，会获取每一项中的label变量作为展示文本'),
-                                    pipeIn: AMisCodeEditor.defaultValue('label')
-                                },
-                                {
-                                    type: 'input-text',
-                                    name: 'valueField',
-                                    label: BaseControl.tipedLabel('选项值字段', '默认渲染选项组，会获取每一项中的value变量作为表单项值'),
-                                    pipeIn: AMisCodeEditor.defaultValue('value')
-                                }
-                            ]
-                        },
-                        AMisCodeEditor.getSchemaTpl('status', { isFormItem: true }),
-                        AMisCodeEditor.getSchemaTpl('validation', { tag: validator.ValidatorTag.MultiSelect })
-                    ])
-                },
-                {
-                    title: '外观',
-                    body: [
-                        AMisCodeEditor.getSchemaTpl('collapseGroup', [
-                            AMisCodeEditor.getSchemaTpl('style:formItem', { renderer: context.info.renderer }),
-                            AMisCodeEditor.getSchemaTpl('style:classNames', {
-                                schema: [
-                                    AMisCodeEditor.getSchemaTpl('className', {
-                                        name: 'descriptionClassName',
-                                        label: '描述'
-                                    })
-                                ]
-                            })
-                        ])
-                    ]
-                },
-                {
-                    title: '事件',
-                    className: 'p-none',
-                    body: [
-                        AMisCodeEditor.getSchemaTpl('eventControl', tslib.__assign({ name: 'onEvent' }, util.getEventControlConfig(_this.manager, context)))
-                    ]
-                }
-            ]);
-        };
-        return _this;
-    }
-    return ChainedSelectControlPlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(ChainedSelectControlPlugin);
+var ChainedSelectControlPlugin =
+/** @class */
+function (_super) {
+  tslib.__extends(ChainedSelectControlPlugin, _super);
+
+  function ChainedSelectControlPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'chained-select';
+    _this.$schema = '/schemas/ChainedSelectControlSchema.json'; // 组件名称
+
+    _this.name = i18nRuntime.i18n("b6872877e1eb5ddedd904c170db26024");
+    _this.isBaseComponent = true;
+    _this.icon = 'fa fa-th-list';
+    _this.pluginIcon = 'chained-select-plugin';
+    _this.description = i18nRuntime.i18n("fdf1664c0790d25f236bd596aef1acef");
+    _this.docLink = '/amis/zh-CN/components/form/chain-select';
+    _this.tags = [i18nRuntime.i18n("55b45c73ae417c4dead67905b1550e85")];
+    _this.scaffold = {
+      type: 'chained-select',
+      label: i18nRuntime.i18n("556988a9dc1816dd979e96eb5cd19a85"),
+      name: 'chainedSelect',
+      joinValues: true
+    };
+    _this.previewSchema = {
+      type: 'form',
+      className: 'text-left',
+      wrapWithPanel: false,
+      mode: 'horizontal',
+      body: tslib.__assign({}, _this.scaffold)
+    }; // 事件定义
+
+    _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.panelTitle = i18nRuntime.i18n("556988a9dc1816dd979e96eb5cd19a85");
+    _this.notRenderFormZone = true;
+    _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('valueFormula', {
+            rendererSchema: context === null || context === void 0 ? void 0 : context.schema,
+            mode: 'vertical',
+            rendererWrapper: true,
+            label: amisEditorCore.tipedLabel(i18nRuntime.i18n("225f3ed00750ae78ad1e6ea42c8f5087"), i18nRuntime.i18n("da3ca8191fb919fb34e8e78fc6f2fc78"))
+          }), amisEditorCore.getSchemaTpl('switch', {
+            label: amisEditorCore.tipedLabel(i18nRuntime.i18n("bc8d09093edd98769d5cb39e759aa498"), i18nRuntime.i18n("2646ee1ebb6922a5c9359de6cd3b3639")),
+            name: 'joinValues',
+            pipeIn: amisEditorCore.defaultValue(true)
+          }), amisEditorCore.getSchemaTpl('delimiter', {
+            visibleOn: 'data.joinValues !== false',
+            clearValueOnHidden: true
+          }), amisEditorCore.getSchemaTpl('extractValue', {
+            visibleOn: 'data.joinValues === false',
+            clearValueOnHidden: true
+          }), amisEditorCore.getSchemaTpl('labelRemark'), amisEditorCore.getSchemaTpl('remark'), amisEditorCore.getSchemaTpl('placeholder'), amisEditorCore.getSchemaTpl('description'), amisEditorCore.getSchemaTpl('autoFillApi')]
+        }, {
+          title: i18nRuntime.i18n("ea15ae2b7fba76c83eec6d0986d15197"),
+          body: [amisEditorCore.getSchemaTpl('apiControl', {
+            name: 'source',
+            label: amisEditorCore.tipedLabel(i18nRuntime.i18n("1395eba8d9efe27aa1ecd1a45e3e5dcd"), "<div>\u53EF\u7528\u53D8\u91CF\u8BF4\u660E</div><ul>\n                      <li><code>value</code>\u5F53\u524D\u503C</li>\n                      <li><code>level</code>\u62C9\u53D6\u7EA7\u522B\uFF0C\u4ECE <code>1</code>\u5F00\u59CB\u3002</li>\n                      <li><code>parentId</code>\u4E0A\u4E00\u5C42\u9009\u4E2D\u7684 <code>value</code> \u503C</li>\n                      <li><code>parent</code>\u4E0A\u4E00\u5C42\u9009\u4E2D\u9009\u9879\uFF0C\u5305\u542B <code>label</code> \u548C <code>value</code> \u7684\u503C\u3002</li>\n                  </ul>", {
+              maxWidth: 'unset'
+            })
+          }), {
+            type: 'input-text',
+            name: 'labelField',
+            label: amisEditorCore.tipedLabel(i18nRuntime.i18n("4ea50507bf8b9ceb908677f30fb20e68"), i18nRuntime.i18n("fe4c9c2eed1ad213040d84036c675454")),
+            pipeIn: amisEditorCore.defaultValue('label')
+          }, {
+            type: 'input-text',
+            name: 'valueField',
+            label: amisEditorCore.tipedLabel(i18nRuntime.i18n("be43687d4ed1d9e663c729e12618166d"), i18nRuntime.i18n("f1e6b60c4b6df555a6b03f91033091f4")),
+            pipeIn: amisEditorCore.defaultValue('value')
+          }]
+        }, amisEditorCore.getSchemaTpl('status', {
+          isFormItem: true
+        }), amisEditorCore.getSchemaTpl('validation', {
+          tag: validator.ValidatorTag.MultiSelect
+        })])
+      }, {
+        title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: [amisEditorCore.getSchemaTpl('collapseGroup', [amisEditorCore.getSchemaTpl('style:formItem', {
+          renderer: context.info.renderer
+        }), amisEditorCore.getSchemaTpl('style:classNames', {
+          schema: [amisEditorCore.getSchemaTpl('className', {
+            name: 'descriptionClassName',
+            label: i18nRuntime.i18n("3bdd08adab6ea90b9164b20a0e4151ac")
+          })]
+        })])]
+      }, {
+        title: i18nRuntime.i18n("10b2761db5a8e089049df39675abc550"),
+        className: 'p-none',
+        body: [amisEditorCore.getSchemaTpl('eventControl', tslib.__assign({
+          name: 'onEvent'
+        }, helper.getEventControlConfig(_this.manager, context)))]
+      }]);
+    };
+
+    return _this;
+  }
+
+  return ChainedSelectControlPlugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(ChainedSelectControlPlugin);
 
 exports.ChainedSelectControlPlugin = ChainedSelectControlPlugin;

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

@@ -1,11 +1,12 @@
 import { BasePlugin, BaseEventContext } from 'amis-editor-core';
-import { RendererAction, RendererEvent } from 'amis-editor-comp/dist/renderers/event-action';
+import { RendererPluginAction, RendererPluginEvent } from 'amis-editor-core';
 export declare class CheckboxControlPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
     name: string;
     isBaseComponent: boolean;
     icon: string;
+    pluginIcon: string;
     description: string;
     docLink: string;
     tags: string[];
@@ -18,7 +19,7 @@ export declare class CheckboxControlPlugin extends BasePlugin {
     notRenderFormZone: boolean;
     panelTitle: string;
     panelJustify: boolean;
-    events: RendererEvent[];
-    actions: RendererAction[];
+    events: RendererPluginEvent[];
+    actions: RendererPluginAction[];
     panelBodyCreator: (context: BaseEventContext) => any;
 }