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

package/lib/plugin/Form/Picker.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.1
+ * amis-editor v5.2.0-beta.2
  * Copyright 2018-2022 @fex
  */
 
@@ -10,160 +10,209 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var amis = require('amis');
-var AMisCodeEditor = require('amis-editor-core');
+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 PickerControlPlugin = /** @class */ (function (_super) {
-    tslib.__extends(PickerControlPlugin, _super);
-    function PickerControlPlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // 关联渲染器名字
-        _this.rendererName = 'picker';
-        _this.$schema = '/schemas/PickerControlSchema.json';
-        // 组件名称
-        _this.name = '列表选取';
-        _this.isBaseComponent = true;
-        _this.icon = 'fa fa-window-restore';
-        _this.description = "\u901A\u8FC7<code>pickerSchema</code>\u914D\u7F6E\u53EF\u4F9B\u9009\u53D6\u7684\u6570\u636E\u6E90\u8FDB\u884C\u9009\u62E9\u9700\u8981\u7684\u6570\u636E\uFF0C\u652F\u6301\u591A\u9009";
-        _this.docLink = '/amis/zh-CN/components/form/picker';
-        _this.tags = ['表单项'];
-        _this.scaffold = {
-            type: 'picker',
-            label: '列表选取',
-            name: 'picker',
-            options: [
-                {
-                    label: '选项A',
-                    value: 'A'
-                },
-                {
-                    label: '选项B',
-                    value: 'B'
-                }
-            ]
-        };
-        _this.previewSchema = {
-            type: 'form',
-            className: 'text-left',
-            mode: 'horizontal',
-            wrapWithPanel: false,
-            body: [
-                tslib.__assign({}, _this.scaffold)
-            ]
-        };
-        _this.panelTitle = '列表选取';
-        _this.panelBodyCreator = function (context) {
-            return [
-                AMisCodeEditor.getSchemaTpl('switch', {
-                    name: 'embed',
-                    label: '开启内嵌模式'
-                }),
-                AMisCodeEditor.getSchemaTpl('switchDefaultValue'),
-                {
-                    type: 'input-text',
-                    name: 'value',
-                    label: '默认值',
-                    visibleOn: 'typeof this.value !== "undefined"'
-                },
-                AMisCodeEditor.getSchemaTpl('fieldSet', {
-                    title: '选项',
-                    body: [
-                        AMisCodeEditor.getSchemaTpl('options'),
-                        AMisCodeEditor.getSchemaTpl('api', {
-                            name: 'source',
-                            label: '获取选项接口'
-                        }),
-                        {
-                            children: (React__default["default"].createElement(amis.Button, { size: "sm", level: "danger", className: "m-b", onClick: _this.editDetail.bind(_this, context.id), block: true }, "\u914D\u7F6E\u9009\u6846\u8BE6\u60C5"))
-                        },
-                        {
-                            label: 'labelTpl',
-                            type: 'textarea',
-                            name: 'labelTpl',
-                            labelRemark: '已选定数据的展示样式',
-                            description: '支持使用 <code>\\${xxx}</code> 来获取变量，或者用 lodash.template 语法来写模板逻辑。<a target="_blank" href="/amis/zh-CN/docs/concepts/template">详情</a>'
-                        },
-                        {
-                            type: 'button-group-select',
-                            name: 'modalMode',
-                            label: '选框类型',
-                            value: 'dialog',
-                            size: 'xs',
-                            options: [
-                                {
-                                    label: '弹框',
-                                    value: 'dialog'
-                                },
-                                {
-                                    label: '抽出式弹框',
-                                    value: 'drawer'
-                                }
-                            ]
-                        },
-                        AMisCodeEditor.getSchemaTpl('multiple'),
-                        AMisCodeEditor.getSchemaTpl('joinValues'),
-                        AMisCodeEditor.getSchemaTpl('delimiter'),
-                        AMisCodeEditor.getSchemaTpl('extractValue'),
-                        AMisCodeEditor.getSchemaTpl('autoFill')
-                    ]
-                })
-            ];
-        };
-        return _this;
-    }
-    PickerControlPlugin.prototype.buildEditorToolbar = function (_a, toolbars) {
-        var id = _a.id, info = _a.info;
-        if (info.renderer.name === this.rendererName) {
-            toolbars.push({
-                icon: 'fa fa-expand',
-                order: 100,
-                tooltip: '配置选框详情',
-                onClick: this.editDetail.bind(this, id)
-            });
-        }
+var PickerControlPlugin =
+/** @class */
+function (_super) {
+  tslib.__extends(PickerControlPlugin, _super);
+
+  function PickerControlPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'picker';
+    _this.$schema = '/schemas/PickerControlSchema.json'; // 组件名称
+
+    _this.name = i18nRuntime.i18n("8fcbfdc1a9403f6339d81911473806da");
+    _this.isBaseComponent = true;
+    _this.icon = 'fa fa-window-restore';
+    _this.pluginIcon = 'picker-plugin';
+    _this.description = "\u901A\u8FC7<code>pickerSchema</code>\u914D\u7F6E\u53EF\u4F9B\u9009\u53D6\u7684\u6570\u636E\u6E90\u8FDB\u884C\u9009\u62E9\u9700\u8981\u7684\u6570\u636E\uFF0C\u652F\u6301\u591A\u9009";
+    _this.docLink = '/amis/zh-CN/components/form/picker';
+    _this.tags = [i18nRuntime.i18n("55b45c73ae417c4dead67905b1550e85")];
+    _this.scaffold = {
+      type: 'picker',
+      label: i18nRuntime.i18n("8fcbfdc1a9403f6339d81911473806da"),
+      name: 'picker',
+      options: [{
+        label: i18nRuntime.i18n("05f87b331e1c97691776d93a6598373f"),
+        value: 'A'
+      }, {
+        label: i18nRuntime.i18n("f38c0a46797523b11051e35ec0f82a42"),
+        value: 'B'
+      }]
     };
-    PickerControlPlugin.prototype.buildEditorContextMenu = function (_a, menus) {
-        var id = _a.id; _a.schema; _a.region; var info = _a.info;
-        if (info.renderer.name === this.rendererName) {
-            menus.push('|', {
-                label: '配置选框详情',
-                onSelect: this.editDetail.bind(this, id)
-            });
+    _this.previewSchema = {
+      type: 'form',
+      className: 'text-left',
+      mode: 'horizontal',
+      wrapWithPanel: false,
+      body: [tslib.__assign({}, _this.scaffold)]
+    }; // 事件定义
+
+    _this.events = [{
+      eventName: 'change',
+      eventLabel: i18nRuntime.i18n("755955372bcc0c7ebf161a656bc389b3"),
+      description: i18nRuntime.i18n("c75fde0e2d329ce62f55cb1a207181ae"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.value': {
+            type: 'string',
+            title: i18nRuntime.i18n("528609917710d813a55e5a6cecf1e458")
+          },
+          'event.data.option': {
+            type: 'string',
+            title: i18nRuntime.i18n("54d621d5bd588bea4e896de52147a229")
+          }
         }
+      }]
+    }];
+    _this.panelTitle = i18nRuntime.i18n("8fcbfdc1a9403f6339d81911473806da");
+
+    _this.panelBodyCreator = function (context) {
+      return amisEditorCore.getSchemaTpl('tabs', [{
+        title: i18nRuntime.i18n("24d67862f87f439db7ca957aecb77cce"),
+        body: [amisEditorCore.getSchemaTpl('switch', {
+          name: 'embed',
+          label: i18nRuntime.i18n("dc0c50a5c9832b393df34835111c34a3")
+        }), amisEditorCore.getSchemaTpl('switchDefaultValue'), {
+          type: 'input-text',
+          name: 'value',
+          label: i18nRuntime.i18n("225f3ed00750ae78ad1e6ea42c8f5087"),
+          visibleOn: 'typeof this.value !== "undefined"'
+        }, amisEditorCore.getSchemaTpl('fieldSet', {
+          title: i18nRuntime.i18n("ea15ae2b7fba76c83eec6d0986d15197"),
+          body: [amisEditorCore.getSchemaTpl('options'), amisEditorCore.getSchemaTpl('api', {
+            name: 'source',
+            label: i18nRuntime.i18n("1395eba8d9efe27aa1ecd1a45e3e5dcd")
+          }), {
+            children: React__default["default"].createElement(amis.Button, {
+              size: "sm",
+              level: "danger",
+              className: "m-b",
+              onClick: _this.editDetail.bind(_this, context.id),
+              block: true
+            }, "\u914D\u7F6E\u9009\u6846\u8BE6\u60C5")
+          }, {
+            label: 'labelTpl',
+            type: 'textarea',
+            name: 'labelTpl',
+            labelRemark: i18nRuntime.i18n("d64b585847f015eaa1443a3a03562350"),
+            description: i18nRuntime.i18n("0861915dbac25ccb573b3bb72ffeebd7")
+          }, {
+            type: 'button-group-select',
+            name: 'modalMode',
+            label: i18nRuntime.i18n("c2c23b4fc7f695c58e947ad413f2c5d8"),
+            value: 'dialog',
+            size: 'xs',
+            options: [{
+              label: i18nRuntime.i18n("ab3aec075a09d055b2a28c8b61925ee0"),
+              value: 'dialog'
+            }, {
+              label: i18nRuntime.i18n("33e6c41fed95c25e3b426d596d504579"),
+              value: 'drawer'
+            }]
+          }, amisEditorCore.getSchemaTpl('multiple'), amisEditorCore.getSchemaTpl('joinValues'), amisEditorCore.getSchemaTpl('delimiter'), amisEditorCore.getSchemaTpl('extractValue'), amisEditorCore.getSchemaTpl('autoFillApi', {
+            visibleOn: '!this.autoFill || this.autoFill.scene && this.autoFill.action'
+          }), amisEditorCore.getSchemaTpl('autoFill', {
+            visibleOn: '!this.autoFill || !this.autoFill.scene && !this.autoFill.action'
+          })]
+        })]
+      }, {
+        title: i18nRuntime.i18n("10b2761db5a8e089049df39675abc550"),
+        className: 'p-none',
+        body: [amisEditorCore.getSchemaTpl('eventControl', tslib.__assign({
+          name: 'onEvent'
+        }, helper.getEventControlConfig(_this.manager, context)))]
+      }]);
     };
-    PickerControlPlugin.prototype.editDetail = function (id) {
-        var manager = this.manager;
-        var store = manager.store;
-        var node = store.getNodeById(id);
-        var value = store.getValueOf(id);
-        if (!node || !value) {
-            return;
-        }
-        var component = node.getComponent();
-        var schema = tslib.__assign(tslib.__assign({ type: 'crud', mode: 'list' }, (value.pickerSchema || {
-            listItem: {
-                title: '${label}'
-            }
-        })), { api: value.source, pickerMode: true, multiple: value.multiple });
-        this.manager.openSubEditor({
-            title: '配置选框详情',
-            value: schema,
-            data: { options: component.props.options },
-            onChange: function (newValue) {
-                newValue = tslib.__assign(tslib.__assign({}, value), { pickerSchema: tslib.__assign({}, newValue), source: newValue.api });
-                delete newValue.pickerSchema.api;
-                delete newValue.pickerSchema.type;
-                delete newValue.pickerSchema.pickerMode;
-                delete newValue.pickerSchema.multiple;
-                manager.panelChangeValue(newValue, AMisCodeEditor.diff(value, newValue));
-            }
+
+    return _this;
+  }
+
+  PickerControlPlugin.prototype.buildEditorToolbar = function (_a, toolbars) {
+    var id = _a.id,
+        info = _a.info;
+
+    if (info.renderer.name === this.rendererName) {
+      toolbars.push({
+        icon: 'fa fa-expand',
+        order: 100,
+        tooltip: i18nRuntime.i18n("1ac065ed64b81380384a0b371d5b404f"),
+        onClick: this.editDetail.bind(this, id)
+      });
+    }
+  };
+
+  PickerControlPlugin.prototype.buildEditorContextMenu = function (_a, menus) {
+    var id = _a.id;
+        _a.schema;
+        _a.region;
+        var info = _a.info;
+
+    if (info.renderer.name === this.rendererName) {
+      menus.push('|', {
+        label: i18nRuntime.i18n("1ac065ed64b81380384a0b371d5b404f"),
+        onSelect: this.editDetail.bind(this, id)
+      });
+    }
+  };
+
+  PickerControlPlugin.prototype.editDetail = function (id) {
+    var manager = this.manager;
+    var store = manager.store;
+    var node = store.getNodeById(id);
+    var value = store.getValueOf(id);
+
+    if (!node || !value) {
+      return;
+    }
+
+    var component = node.getComponent();
+
+    var schema = tslib.__assign(tslib.__assign({
+      type: 'crud',
+      mode: 'list'
+    }, value.pickerSchema || {
+      listItem: {
+        title: '${label}'
+      }
+    }), {
+      api: value.source,
+      pickerMode: true,
+      multiple: value.multiple
+    });
+
+    this.manager.openSubEditor({
+      title: i18nRuntime.i18n("1ac065ed64b81380384a0b371d5b404f"),
+      value: schema,
+      data: {
+        options: component.props.options
+      },
+      onChange: function (newValue) {
+        newValue = tslib.__assign(tslib.__assign({}, value), {
+          pickerSchema: tslib.__assign({}, newValue),
+          source: newValue.api
         });
-    };
-    return PickerControlPlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(PickerControlPlugin);
+        delete newValue.pickerSchema.api;
+        delete newValue.pickerSchema.type;
+        delete newValue.pickerSchema.pickerMode;
+        delete newValue.pickerSchema.multiple;
+        manager.panelChangeValue(newValue, amisEditorCore.diff(value, newValue));
+      }
+    });
+  };
+
+  return PickerControlPlugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(PickerControlPlugin);
 
 exports.PickerControlPlugin = PickerControlPlugin;

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

@@ -1,5 +1,5 @@
 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 RadiosControlPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
@@ -7,6 +7,7 @@ export declare class RadiosControlPlugin extends BasePlugin {
     name: string;
     isBaseComponent: boolean;
     icon: string;
+    pluginIcon: string;
     description: string;
     docLink: string;
     tags: string[];
@@ -22,8 +23,8 @@ export declare class RadiosControlPlugin extends BasePlugin {
     previewSchema: any;
     notRenderFormZone: boolean;
     panelTitle: string;
-    events: RendererEvent[];
-    actions: RendererAction[];
+    events: RendererPluginEvent[];
+    actions: RendererPluginAction[];
     panelJustify: boolean;
     panelBodyCreator: (context: BaseEventContext) => any;
 }