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

package/lib/plugin/Button.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.0
+ * amis-editor v5.2.0-beta.2
  * Copyright 2018-2022 @fex
  */
 
@@ -8,290 +8,259 @@
 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 util = require('../util.js');
+var helper = require('../renderer/event-control/helper.js');
+var i18nRuntime = require('i18n-runtime');
 
-var ButtonPlugin = /** @class */ (function (_super) {
-    tslib.__extends(ButtonPlugin, _super);
-    function ButtonPlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // 关联渲染器名字
-        _this.rendererName = 'button';
-        _this.$schema = '/schemas/ActionSchema.json';
-        // 组件名称
-        _this.name = '按钮';
-        _this.isBaseComponent = true;
-        _this.description = '用来展示一个按钮，你可以配置不同的展示样式，配置不同的点击行为。';
-        _this.docLink = '/amis/zh-CN/components/button';
-        _this.tags = ['按钮'];
-        _this.icon = 'fa fa-square';
-        _this.scaffold = tslib.__assign({ type: 'button', label: '按钮' }, BaseControl.BUTTON_DEFAULT_ACTION);
-        _this.previewSchema = {
-            type: 'button',
-            label: '按钮'
-        };
-        _this.panelTitle = '按钮';
-        // 事件定义
-        _this.events = [
-            {
-                eventName: 'click',
-                eventLabel: '点击',
-                description: '点击时触发',
-                defaultShow: true
-            },
-            {
-                eventName: 'mouseenter',
-                eventLabel: '鼠标移入',
-                description: '鼠标移入时触发'
-            },
-            {
-                eventName: 'mouseleave',
-                eventLabel: '鼠标移出',
-                description: '鼠标移出时触发'
-            }
-            // {
-            //   eventName: 'doubleClick',
-            //   eventLabel: '双击',
-            //   description: '鼠标双击事件'
-            // }
-        ];
-        // 动作定义
-        _this.actions = [];
-        _this.panelJustify = true;
-        _this.panelBodyCreator = function (context) {
-            var isInDialog = /(?:\/|^)dialog\/.+$/.test(context.path);
-            var isInDrawer = /(?:\/|^)drawer\/.+$/.test(context.path);
-            // TODO: 旧方法无法判断，context 中没有 dropdown-button 的信息，临时实现
-            // const isInDropdown = /(?:\/|^)dropdown-button\/.+$/.test(context.path);
-            var isInDropdown = /^button-group\/.+$/.test(context.path);
-            return AMisCodeEditor.getSchemaTpl('tabs', [
-                {
-                    title: '属性',
-                    body: AMisCodeEditor.getSchemaTpl('collapseGroup', [
-                        {
-                            title: '基本',
-                            body: [
-                                {
-                                    label: '名称',
-                                    type: 'input-text',
-                                    name: 'label'
-                                },
-                                {
-                                    label: '类型',
-                                    type: 'button-group-select',
-                                    name: 'type',
-                                    size: 'sm',
-                                    options: [
-                                        {
-                                            label: '按钮',
-                                            value: 'button'
-                                        },
-                                        {
-                                            label: '提交',
-                                            value: 'submit'
-                                        },
-                                        {
-                                            label: '重置',
-                                            value: 'reset'
-                                        }
-                                    ]
-                                },
-                                AMisCodeEditor.getSchemaTpl('switch', {
-                                    name: 'close',
-                                    label: '是否关闭',
-                                    clearValueOnHidden: true,
-                                    labelRemark: "\u6307\u5B9A\u6B64\u6B21\u64CD\u4F5C\u5B8C\u540E\u5173\u95ED\u5F53\u524D ".concat(isInDialog ? 'dialog' : 'drawer'),
-                                    hidden: !isInDialog && !isInDrawer,
-                                    pipeIn: AMisCodeEditor.defaultValue(false)
-                                }),
-                                {
-                                    type: 'ae-switch-more',
-                                    mode: 'normal',
-                                    formType: 'extend',
-                                    label: BaseControl.tipedLabel('二次确认', '点击后先询问用户，由手动确认后再执行动作，避免误触。可用<code>\\${xxx}</code>取值。'),
-                                    form: {
-                                        body: [
-                                            {
-                                                name: 'confirmText',
-                                                type: 'input-text',
-                                                label: '确认内容'
-                                            }
-                                        ]
-                                    }
-                                },
-                                {
-                                    type: 'ae-switch-more',
-                                    formType: 'extend',
-                                    mode: 'normal',
-                                    label: '气泡提示',
-                                    hidden: isInDropdown,
-                                    form: {
-                                        body: [
-                                            {
-                                                type: 'input-text',
-                                                name: 'tooltip',
-                                                label: BaseControl.tipedLabel('正常提示', '正常状态下的提示内容，不填则不弹出提示。可用<code>\\${xxx}</code>取值。')
-                                            },
-                                            {
-                                                type: 'input-text',
-                                                name: 'disabledTip',
-                                                label: BaseControl.tipedLabel('禁用提示', '禁用状态下的提示内容，不填则弹出正常提示。可用<code>\\${xxx}</code>取值。'),
-                                                clearValueOnHidden: true,
-                                                visibleOn: 'data.tooltipTrigger !== "focus"'
-                                            },
-                                            {
-                                                type: 'button-group-select',
-                                                name: 'tooltipTrigger',
-                                                label: '触发方式',
-                                                // visibleOn: 'data.tooltip || data.disabledTip',
-                                                size: 'sm',
-                                                options: [
-                                                    {
-                                                        label: '鼠标悬浮',
-                                                        value: 'hover'
-                                                    },
-                                                    {
-                                                        label: '聚焦',
-                                                        value: 'focus'
-                                                    }
-                                                ],
-                                                pipeIn: AMisCodeEditor.defaultValue('hover')
-                                            },
-                                            {
-                                                type: 'button-group-select',
-                                                name: 'tooltipPlacement',
-                                                // visibleOn: 'data.tooltip || data.disabledTip',
-                                                label: '提示位置',
-                                                size: 'sm',
-                                                options: [
-                                                    {
-                                                        label: '上',
-                                                        value: 'top'
-                                                    },
-                                                    {
-                                                        label: '右',
-                                                        value: 'right'
-                                                    },
-                                                    {
-                                                        label: '下',
-                                                        value: 'bottom'
-                                                    },
-                                                    {
-                                                        label: '左',
-                                                        value: 'left'
-                                                    }
-                                                ],
-                                                pipeIn: AMisCodeEditor.defaultValue('bottom')
-                                            }
-                                        ]
-                                    }
-                                },
-                                AMisCodeEditor.getSchemaTpl('icon', {
-                                    label: '左侧图标'
-                                }),
-                                AMisCodeEditor.getSchemaTpl('icon', {
-                                    name: 'rightIcon',
-                                    label: '右侧图标'
-                                })
-                            ]
-                        },
-                        AMisCodeEditor.getSchemaTpl('status', {
-                            disabled: true
-                        })
-                    ])
-                },
-                {
-                    title: '外观',
-                    body: AMisCodeEditor.getSchemaTpl('collapseGroup', [
-                        {
-                            title: '基本',
-                            body: [
-                                AMisCodeEditor.getSchemaTpl('buttonLevel', {
-                                    label: '样式',
-                                    name: 'level',
-                                    hidden: isInDropdown
-                                }),
-                                AMisCodeEditor.getSchemaTpl('buttonLevel', {
-                                    label: '高亮样式',
-                                    name: 'activeLevel',
-                                    hidden: isInDropdown,
-                                    visibleOn: 'data.active'
-                                }),
-                                AMisCodeEditor.getSchemaTpl('switch', {
-                                    name: 'block',
-                                    label: '块状显示',
-                                    hidden: isInDropdown
-                                }),
-                                AMisCodeEditor.getSchemaTpl('size', {
-                                    label: '尺寸',
-                                    hidden: isInDropdown
-                                })
-                            ]
-                        },
-                        AMisCodeEditor.getSchemaTpl('style:classNames', {
-                            isFormItem: false,
-                            schema: [
-                                AMisCodeEditor.getSchemaTpl('className', {
-                                    name: 'iconClassName',
-                                    label: '左侧图标',
-                                    visibleOn: 'this.icon'
-                                }),
-                                AMisCodeEditor.getSchemaTpl('className', {
-                                    name: 'rightIconClassName',
-                                    label: '右侧图标',
-                                    visibleOn: 'this.rightIcon'
-                                })
-                            ]
-                        })
-                    ])
-                },
-                {
-                    title: '事件',
-                    className: 'p-none',
-                    body: [
-                        AMisCodeEditor.getSchemaTpl('eventControl', tslib.__assign({ name: 'onEvent' }, util.getEventControlConfig(_this.manager, context)))
-                    ]
-                }
-            ]);
-        };
-        return _this;
-    }
-    /**
-     * 如果禁用了没办法编辑
-     */
-    ButtonPlugin.prototype.filterProps = function (props) {
-        props.disabled = false;
-        return props;
+var ButtonPlugin =
+/** @class */
+function (_super) {
+  tslib.__extends(ButtonPlugin, _super);
+
+  function ButtonPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'button';
+    _this.$schema = '/schemas/ActionSchema.json'; // 组件名称
+
+    _this.name = i18nRuntime.i18n("fa966345577ba81af19408f203db968f");
+    _this.isBaseComponent = true;
+    _this.description = i18nRuntime.i18n("89de611b2d759a1802542b5d3a06829f");
+    _this.docLink = '/amis/zh-CN/components/button';
+    _this.tags = [i18nRuntime.i18n("fa966345577ba81af19408f203db968f")];
+    _this.icon = 'fa fa-square';
+    _this.pluginIcon = 'button-plugin';
+    _this.scaffold = tslib.__assign({
+      type: 'button',
+      label: i18nRuntime.i18n("fa966345577ba81af19408f203db968f")
+    }, BaseControl.BUTTON_DEFAULT_ACTION);
+    _this.previewSchema = {
+      type: 'button',
+      label: i18nRuntime.i18n("fa966345577ba81af19408f203db968f")
     };
-    /**
-     * 如果配置里面有 rendererName 自动返回渲染器信息。
-     * @param renderer
-     */
-    ButtonPlugin.prototype.getRendererInfo = function (_a) {
-        var renderer = _a.renderer, schema = _a.schema;
-        var plugin = this;
-        if (schema.$$id &&
-            plugin.name &&
-            plugin.rendererName &&
-            plugin.rendererName === renderer.name) {
-            // 复制部分信息出去
-            return {
-                name: schema.label ? schema.label : plugin.name,
-                regions: plugin.regions,
-                patchContainers: plugin.patchContainers,
-                // wrapper: plugin.wrapper,
-                vRendererConfig: plugin.vRendererConfig,
-                wrapperProps: plugin.wrapperProps,
-                wrapperResolve: plugin.wrapperResolve,
-                filterProps: plugin.filterProps,
-                $schema: plugin.$schema,
-                renderRenderer: plugin.renderRenderer
-            };
-        }
+    _this.panelTitle = i18nRuntime.i18n("fa966345577ba81af19408f203db968f"); // 事件定义
+
+    _this.events = [{
+      eventName: 'click',
+      eventLabel: i18nRuntime.i18n("4363c17ebb346b646af55bd8c8075915"),
+      description: i18nRuntime.i18n("7af5e3ef39ff71d39fe3f645c8079124"),
+      defaultShow: true
+    }, {
+      eventName: 'mouseenter',
+      eventLabel: i18nRuntime.i18n("f6d767f39ba3bf955077a3c0ce81e581"),
+      description: i18nRuntime.i18n("bcdd89d453da0dc0622a2f3189728357")
+    }, {
+      eventName: 'mouseleave',
+      eventLabel: i18nRuntime.i18n("e272b0b8c7fedc670a87075514d9b49f"),
+      description: i18nRuntime.i18n("727309bc724ff237c5e2cdf7a90cf28e")
+    } // {
+    //   eventName: 'doubleClick',
+    //   eventLabel: '双击',
+    //   description: '鼠标双击事件'
+    // }
+    ]; // 动作定义
+
+    _this.actions = [];
+    _this.panelJustify = true;
+
+    _this.panelBodyCreator = function (context) {
+      var isInDialog = /(?:\/|^)dialog\/.+$/.test(context.path);
+      var isInDrawer = /(?:\/|^)drawer\/.+$/.test(context.path); // TODO: 旧方法无法判断，context 中没有 dropdown-button 的信息，临时实现
+      // const isInDropdown = /(?:\/|^)dropdown-button\/.+$/.test(context.path);
+
+      var isInDropdown = /^button-group\/.+$/.test(context.path);
+      return amisEditorCore.getSchemaTpl('tabs', [{
+        title: i18nRuntime.i18n("24d67862f87f439db7ca957aecb77cce"),
+        body: amisEditorCore.getSchemaTpl('collapseGroup', [{
+          title: i18nRuntime.i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [{
+            label: i18nRuntime.i18n("d7ec2d3fea4756bc1642e0f10c180cf5"),
+            type: 'input-text',
+            name: 'label'
+          }, {
+            label: i18nRuntime.i18n("226b0912184333c81babf2f1894ec0c1"),
+            type: 'button-group-select',
+            name: 'type',
+            size: 'sm',
+            visibleOn: 'type === "submit" || type === "reset" ',
+            options: [{
+              label: i18nRuntime.i18n("fa966345577ba81af19408f203db968f"),
+              value: 'button'
+            }, {
+              label: i18nRuntime.i18n("939d5345ad4345dbaabe14798f6ac0f1"),
+              value: 'submit'
+            }, {
+              label: i18nRuntime.i18n("4b9c3271dc2f299dc3aeffb369187513"),
+              value: 'reset'
+            }]
+          }, amisEditorCore.getSchemaTpl('switch', {
+            name: 'close',
+            label: i18nRuntime.i18n("5e64227f46b221001e3b151d72fa6412"),
+            clearValueOnHidden: true,
+            labelRemark: "\u6307\u5B9A\u6B64\u6B21\u64CD\u4F5C\u5B8C\u540E\u5173\u95ED\u5F53\u524D ".concat(isInDialog ? 'dialog' : 'drawer'),
+            hidden: !isInDialog && !isInDrawer,
+            pipeIn: amisEditorCore.defaultValue(false)
+          }), {
+            type: 'ae-switch-more',
+            mode: 'normal',
+            formType: 'extend',
+            label: amisEditorCore.tipedLabel(i18nRuntime.i18n("1e7196ce05260faa55e5b7ea5a1667c2"), i18nRuntime.i18n("ed2f135144b4e138cb29419c1f245f4b")),
+            form: {
+              body: [{
+                name: 'confirmText',
+                type: 'input-text',
+                label: i18nRuntime.i18n("0d0c6ff7b65e62eba3ddd523e2976389")
+              }]
+            }
+          }, {
+            type: 'ae-switch-more',
+            formType: 'extend',
+            mode: 'normal',
+            label: i18nRuntime.i18n("7e9646e2db5ce66dc2b4b922ece483ba"),
+            hidden: isInDropdown,
+            form: {
+              body: [{
+                type: 'input-text',
+                name: 'tooltip',
+                label: amisEditorCore.tipedLabel(i18nRuntime.i18n("5daaffe964aee9d884e0a681b2818a17"), i18nRuntime.i18n("2fd82aa9dd7fedea2c16b7dfe93b6d0e"))
+              }, {
+                type: 'input-text',
+                name: 'disabledTip',
+                label: amisEditorCore.tipedLabel(i18nRuntime.i18n("fb37b983a93aabdcdbbd59ae48c519fb"), i18nRuntime.i18n("f4f168a3fec79443d2ca8fd1955edee8")),
+                clearValueOnHidden: true,
+                visibleOn: 'data.tooltipTrigger !== "focus"'
+              }, {
+                type: 'button-group-select',
+                name: 'tooltipTrigger',
+                label: i18nRuntime.i18n("159dbc2fafd57b9d3652f16659b1b519"),
+                // visibleOn: 'data.tooltip || data.disabledTip',
+                size: 'sm',
+                options: [{
+                  label: i18nRuntime.i18n("d420160a9e04c481e55a9686ab158caa"),
+                  value: 'hover'
+                }, {
+                  label: i18nRuntime.i18n("d6763cb7640bed39caa058f156007a86"),
+                  value: 'focus'
+                }],
+                pipeIn: amisEditorCore.defaultValue('hover')
+              }, {
+                type: 'button-group-select',
+                name: 'tooltipPlacement',
+                // visibleOn: 'data.tooltip || data.disabledTip',
+                label: i18nRuntime.i18n("d586324c6d6b45cb78a4172d836dab3e"),
+                size: 'sm',
+                options: [{
+                  label: i18nRuntime.i18n("af767b7e4ae069d54f9ea839858d4c6d"),
+                  value: 'top'
+                }, {
+                  label: i18nRuntime.i18n("4d9c32c23df5d234e629c922c58d8e12"),
+                  value: 'right'
+                }, {
+                  label: i18nRuntime.i18n("3850a186c3235bc646d4c2f79cebac36"),
+                  value: 'bottom'
+                }, {
+                  label: i18nRuntime.i18n("d2aff1417831aa621c16cd5b95306b4b"),
+                  value: 'left'
+                }],
+                pipeIn: amisEditorCore.defaultValue('bottom')
+              }]
+            }
+          }, amisEditorCore.getSchemaTpl('icon', {
+            label: i18nRuntime.i18n("c182ad6b97f0909596a523b1f04c28d2")
+          }), amisEditorCore.getSchemaTpl('icon', {
+            name: 'rightIcon',
+            label: i18nRuntime.i18n("ad7e6f016bc1d9a9bbc6e18224d73247")
+          })]
+        }, amisEditorCore.getSchemaTpl('status', {
+          disabled: true
+        })])
+      }, {
+        title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: amisEditorCore.getSchemaTpl('collapseGroup', [{
+          title: i18nRuntime.i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [amisEditorCore.getSchemaTpl('buttonLevel', {
+            label: i18nRuntime.i18n("39003734d1d700d5bd97bf1e7a2fcf73"),
+            name: 'level',
+            hidden: isInDropdown
+          }), amisEditorCore.getSchemaTpl('buttonLevel', {
+            label: i18nRuntime.i18n("c12ba7b658a9fccf0815f3951bc759b6"),
+            name: 'activeLevel',
+            hidden: isInDropdown,
+            visibleOn: 'data.active'
+          }), amisEditorCore.getSchemaTpl('switch', {
+            name: 'block',
+            label: i18nRuntime.i18n("6aa6b9e2dca63d27dc74eb155020271d"),
+            hidden: isInDropdown
+          }), amisEditorCore.getSchemaTpl('size', {
+            label: i18nRuntime.i18n("c8339fd2a85af4ba66084d28df808de4"),
+            hidden: isInDropdown
+          })]
+        }, amisEditorCore.getSchemaTpl('style:classNames', {
+          isFormItem: false,
+          schema: [amisEditorCore.getSchemaTpl('className', {
+            name: 'iconClassName',
+            label: i18nRuntime.i18n("c182ad6b97f0909596a523b1f04c28d2"),
+            visibleOn: 'this.icon'
+          }), amisEditorCore.getSchemaTpl('className', {
+            name: 'rightIconClassName',
+            label: i18nRuntime.i18n("ad7e6f016bc1d9a9bbc6e18224d73247"),
+            visibleOn: 'this.rightIcon'
+          })]
+        })])
+      }, {
+        title: i18nRuntime.i18n("10b2761db5a8e089049df39675abc550"),
+        className: 'p-none',
+        body: !!context.schema.actionType || ['submit', 'reset'].includes(context.schema.type) ? [amisEditorCore.getSchemaTpl('eventControl', tslib.__assign({
+          name: 'onEvent'
+        }, helper.getEventControlConfig(_this.manager, context))), helper.getOldActionSchema(_this.manager, context)] : [amisEditorCore.getSchemaTpl('eventControl', tslib.__assign({
+          name: 'onEvent'
+        }, helper.getEventControlConfig(_this.manager, context)))]
+      }]);
     };
-    return ButtonPlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(ButtonPlugin);
+
+    return _this;
+  }
+  /**
+   * 如果禁用了没办法编辑
+   */
+
+
+  ButtonPlugin.prototype.filterProps = function (props) {
+    props.disabled = false;
+    return props;
+  };
+  /**
+   * 如果配置里面有 rendererName 自动返回渲染器信息。
+   * @param renderer
+   */
+
+
+  ButtonPlugin.prototype.getRendererInfo = function (_a) {
+    var renderer = _a.renderer,
+        schema = _a.schema;
+    var plugin = this;
+
+    if (schema.$$id && plugin.name && plugin.rendererName && plugin.rendererName === renderer.name) {
+      // 复制部分信息出去
+      return {
+        name: schema.label ? schema.label : plugin.name,
+        regions: plugin.regions,
+        patchContainers: plugin.patchContainers,
+        // wrapper: plugin.wrapper,
+        vRendererConfig: plugin.vRendererConfig,
+        wrapperProps: plugin.wrapperProps,
+        wrapperResolve: plugin.wrapperResolve,
+        filterProps: plugin.filterProps,
+        $schema: plugin.$schema,
+        renderRenderer: plugin.renderRenderer
+      };
+    }
+  };
+
+  return ButtonPlugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(ButtonPlugin);
 
 exports.ButtonPlugin = ButtonPlugin;

package/lib/plugin/ButtonGroup.d.ts

@@ -7,6 +7,7 @@ export declare class ButtonGroupPlugin extends BasePlugin {
     description: string;
     tags: string[];
     icon: string;
+    pluginIcon: string;
     docLink: string;
     scaffold: {
         type: string;