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

package/esm/plugin/Button.js

@@ -0,0 +1,262 @@
+/**
+ * amis-editor v5.2.0-beta.2
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __assign } from 'tslib';
+import { getSchemaTpl, defaultValue, tipedLabel, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { BUTTON_DEFAULT_ACTION } from '../component/BaseControl.js';
+import { getEventControlConfig, getOldActionSchema } from '../renderer/event-control/helper.js';
+import { i18n } from 'i18n-runtime';
+
+var ButtonPlugin =
+/** @class */
+function (_super) {
+  __extends(ButtonPlugin, _super);
+
+  function ButtonPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'button';
+    _this.$schema = '/schemas/ActionSchema.json'; // 组件名称
+
+    _this.name = i18n("fa966345577ba81af19408f203db968f");
+    _this.isBaseComponent = true;
+    _this.description = i18n("89de611b2d759a1802542b5d3a06829f");
+    _this.docLink = '/amis/zh-CN/components/button';
+    _this.tags = [i18n("fa966345577ba81af19408f203db968f")];
+    _this.icon = 'fa fa-square';
+    _this.pluginIcon = 'button-plugin';
+    _this.scaffold = __assign({
+      type: 'button',
+      label: i18n("fa966345577ba81af19408f203db968f")
+    }, BUTTON_DEFAULT_ACTION);
+    _this.previewSchema = {
+      type: 'button',
+      label: i18n("fa966345577ba81af19408f203db968f")
+    };
+    _this.panelTitle = i18n("fa966345577ba81af19408f203db968f"); // 事件定义
+
+    _this.events = [{
+      eventName: 'click',
+      eventLabel: i18n("4363c17ebb346b646af55bd8c8075915"),
+      description: i18n("7af5e3ef39ff71d39fe3f645c8079124"),
+      defaultShow: true
+    }, {
+      eventName: 'mouseenter',
+      eventLabel: i18n("f6d767f39ba3bf955077a3c0ce81e581"),
+      description: i18n("bcdd89d453da0dc0622a2f3189728357")
+    }, {
+      eventName: 'mouseleave',
+      eventLabel: i18n("e272b0b8c7fedc670a87075514d9b49f"),
+      description: 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 getSchemaTpl('tabs', [{
+        title: i18n("24d67862f87f439db7ca957aecb77cce"),
+        body: getSchemaTpl('collapseGroup', [{
+          title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [{
+            label: i18n("d7ec2d3fea4756bc1642e0f10c180cf5"),
+            type: 'input-text',
+            name: 'label'
+          }, {
+            label: i18n("226b0912184333c81babf2f1894ec0c1"),
+            type: 'button-group-select',
+            name: 'type',
+            size: 'sm',
+            visibleOn: 'type === "submit" || type === "reset" ',
+            options: [{
+              label: i18n("fa966345577ba81af19408f203db968f"),
+              value: 'button'
+            }, {
+              label: i18n("939d5345ad4345dbaabe14798f6ac0f1"),
+              value: 'submit'
+            }, {
+              label: i18n("4b9c3271dc2f299dc3aeffb369187513"),
+              value: 'reset'
+            }]
+          }, getSchemaTpl('switch', {
+            name: 'close',
+            label: 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: defaultValue(false)
+          }), {
+            type: 'ae-switch-more',
+            mode: 'normal',
+            formType: 'extend',
+            label: tipedLabel(i18n("1e7196ce05260faa55e5b7ea5a1667c2"), i18n("ed2f135144b4e138cb29419c1f245f4b")),
+            form: {
+              body: [{
+                name: 'confirmText',
+                type: 'input-text',
+                label: i18n("0d0c6ff7b65e62eba3ddd523e2976389")
+              }]
+            }
+          }, {
+            type: 'ae-switch-more',
+            formType: 'extend',
+            mode: 'normal',
+            label: i18n("7e9646e2db5ce66dc2b4b922ece483ba"),
+            hidden: isInDropdown,
+            form: {
+              body: [{
+                type: 'input-text',
+                name: 'tooltip',
+                label: tipedLabel(i18n("5daaffe964aee9d884e0a681b2818a17"), i18n("2fd82aa9dd7fedea2c16b7dfe93b6d0e"))
+              }, {
+                type: 'input-text',
+                name: 'disabledTip',
+                label: tipedLabel(i18n("fb37b983a93aabdcdbbd59ae48c519fb"), i18n("f4f168a3fec79443d2ca8fd1955edee8")),
+                clearValueOnHidden: true,
+                visibleOn: 'data.tooltipTrigger !== "focus"'
+              }, {
+                type: 'button-group-select',
+                name: 'tooltipTrigger',
+                label: i18n("159dbc2fafd57b9d3652f16659b1b519"),
+                // visibleOn: 'data.tooltip || data.disabledTip',
+                size: 'sm',
+                options: [{
+                  label: i18n("d420160a9e04c481e55a9686ab158caa"),
+                  value: 'hover'
+                }, {
+                  label: i18n("d6763cb7640bed39caa058f156007a86"),
+                  value: 'focus'
+                }],
+                pipeIn: defaultValue('hover')
+              }, {
+                type: 'button-group-select',
+                name: 'tooltipPlacement',
+                // visibleOn: 'data.tooltip || data.disabledTip',
+                label: i18n("d586324c6d6b45cb78a4172d836dab3e"),
+                size: 'sm',
+                options: [{
+                  label: i18n("af767b7e4ae069d54f9ea839858d4c6d"),
+                  value: 'top'
+                }, {
+                  label: i18n("4d9c32c23df5d234e629c922c58d8e12"),
+                  value: 'right'
+                }, {
+                  label: i18n("3850a186c3235bc646d4c2f79cebac36"),
+                  value: 'bottom'
+                }, {
+                  label: i18n("d2aff1417831aa621c16cd5b95306b4b"),
+                  value: 'left'
+                }],
+                pipeIn: defaultValue('bottom')
+              }]
+            }
+          }, getSchemaTpl('icon', {
+            label: i18n("c182ad6b97f0909596a523b1f04c28d2")
+          }), getSchemaTpl('icon', {
+            name: 'rightIcon',
+            label: i18n("ad7e6f016bc1d9a9bbc6e18224d73247")
+          })]
+        }, getSchemaTpl('status', {
+          disabled: true
+        })])
+      }, {
+        title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: getSchemaTpl('collapseGroup', [{
+          title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [getSchemaTpl('buttonLevel', {
+            label: i18n("39003734d1d700d5bd97bf1e7a2fcf73"),
+            name: 'level',
+            hidden: isInDropdown
+          }), getSchemaTpl('buttonLevel', {
+            label: i18n("c12ba7b658a9fccf0815f3951bc759b6"),
+            name: 'activeLevel',
+            hidden: isInDropdown,
+            visibleOn: 'data.active'
+          }), getSchemaTpl('switch', {
+            name: 'block',
+            label: i18n("6aa6b9e2dca63d27dc74eb155020271d"),
+            hidden: isInDropdown
+          }), getSchemaTpl('size', {
+            label: i18n("c8339fd2a85af4ba66084d28df808de4"),
+            hidden: isInDropdown
+          })]
+        }, getSchemaTpl('style:classNames', {
+          isFormItem: false,
+          schema: [getSchemaTpl('className', {
+            name: 'iconClassName',
+            label: i18n("c182ad6b97f0909596a523b1f04c28d2"),
+            visibleOn: 'this.icon'
+          }), getSchemaTpl('className', {
+            name: 'rightIconClassName',
+            label: i18n("ad7e6f016bc1d9a9bbc6e18224d73247"),
+            visibleOn: 'this.rightIcon'
+          })]
+        })])
+      }, {
+        title: i18n("10b2761db5a8e089049df39675abc550"),
+        className: 'p-none',
+        body: !!context.schema.actionType || ['submit', 'reset'].includes(context.schema.type) ? [getSchemaTpl('eventControl', __assign({
+          name: 'onEvent'
+        }, getEventControlConfig(_this.manager, context))), getOldActionSchema(_this.manager, context)] : [getSchemaTpl('eventControl', __assign({
+          name: 'onEvent'
+        }, getEventControlConfig(_this.manager, context)))]
+      }]);
+    };
+
+    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;
+}(BasePlugin);
+registerEditorPlugin(ButtonPlugin);
+
+export { ButtonPlugin };

package/esm/plugin/ButtonGroup.d.ts

@@ -0,0 +1,40 @@
+import { BasePlugin, RegionConfig, BaseEventContext } from 'amis-editor-core';
+export declare class ButtonGroupPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    name: string;
+    isBaseComponent: boolean;
+    description: string;
+    tags: string[];
+    icon: string;
+    pluginIcon: string;
+    docLink: string;
+    scaffold: {
+        type: string;
+        buttons: {
+            onEvent: {
+                click: {
+                    actions: never[];
+                };
+            };
+            type: string;
+            label: string;
+        }[];
+    };
+    previewSchema: {
+        type: string;
+        buttons: {
+            onEvent: {
+                click: {
+                    actions: never[];
+                };
+            };
+            type: string;
+            label: string;
+        }[];
+    };
+    panelTitle: string;
+    panelJustify: boolean;
+    panelBodyCreator: (context: BaseEventContext) => any;
+    regions: Array<RegionConfig>;
+}

package/esm/plugin/ButtonGroup.js

@@ -0,0 +1,124 @@
+/**
+ * amis-editor v5.2.0-beta.2
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __assign } from 'tslib';
+import { getSchemaTpl, defaultValue, tipedLabel, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { BUTTON_DEFAULT_ACTION } from '../component/BaseControl.js';
+import { i18n } from 'i18n-runtime';
+
+var ButtonGroupPlugin =
+/** @class */
+function (_super) {
+  __extends(ButtonGroupPlugin, _super);
+
+  function ButtonGroupPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'button-group';
+    _this.$schema = '/schemas/ButtonGroupSchema.json'; // 组件名称
+
+    _this.name = i18n("c8caf94205105bac5833ab31cc2129d7");
+    _this.isBaseComponent = true;
+    _this.description = i18n("66ae9ce23b0b2e243aff087d906a2489");
+    _this.tags = [i18n("fa966345577ba81af19408f203db968f")];
+    _this.icon = 'fa fa-object-group';
+    _this.pluginIcon = 'btn-group-plugin';
+    _this.docLink = '/amis/zh-CN/components/button-group';
+    _this.scaffold = {
+      type: 'button-group',
+      buttons: [__assign({
+        type: 'button',
+        label: i18n("e9d2f66bbd44c96a3e03494bf6b1ebf0")
+      }, BUTTON_DEFAULT_ACTION), __assign({
+        type: 'button',
+        label: i18n("ce35a17d2ba7caac95092a7a66ac9a0d")
+      }, BUTTON_DEFAULT_ACTION)]
+    };
+    _this.previewSchema = __assign({}, _this.scaffold);
+    _this.panelTitle = i18n("c8caf94205105bac5833ab31cc2129d7");
+    _this.panelJustify = true;
+
+    _this.panelBodyCreator = function (context) {
+      return getSchemaTpl('tabs', [{
+        title: i18n("24d67862f87f439db7ca957aecb77cce"),
+        body: getSchemaTpl('collapseGroup', [{
+          title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [{
+            type: 'button-group-select',
+            name: 'vertical',
+            label: i18n("de26e1294acedb55155a418630d57924"),
+            options: [{
+              label: i18n("4cde06e6162ed66720e3133cb83bc059"),
+              value: false
+            }, {
+              label: i18n("75ac842f8e77305846f1d776f97dfaf8"),
+              value: true
+            }],
+            pipeIn: defaultValue(false)
+          }, getSchemaTpl('switch', {
+            name: 'tiled',
+            label: tipedLabel(i18n("8eb18b36f5a27fa8e6d32bc66546ce05"), i18n("2e28645c67c5742e473888a27aab7bd6")),
+            pipeIn: defaultValue(false)
+          }), getSchemaTpl('combo-container', {
+            type: 'combo',
+            label: 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(i18n("c8caf94205105bac5833ab31cc2129d7"), " <% } else { %><%= data.label %><% if (data.icon) { %><i class=\"<%= data.icon %>\"/><% }%><% } %></span>")
+            }],
+            addButtonText: i18n("f9f2b9cc91cd332db6b2b732c3869233"),
+            scaffold: {
+              type: 'button',
+              label: i18n("fa966345577ba81af19408f203db968f")
+            }
+          })]
+        }, getSchemaTpl('status', {
+          disabled: true
+        })])
+      }, {
+        title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: [getSchemaTpl('collapseGroup', [{
+          title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [getSchemaTpl('buttonLevel', {
+            label: i18n("39003734d1d700d5bd97bf1e7a2fcf73"),
+            name: 'btnLevel'
+          }), getSchemaTpl('size', {
+            label: i18n("c8339fd2a85af4ba66084d28df808de4")
+          })]
+        }, getSchemaTpl('style:classNames', {
+          isFormItem: false,
+          schema: [getSchemaTpl('className', {
+            label: i18n("fa966345577ba81af19408f203db968f"),
+            name: 'btnClassName'
+          })]
+        })])]
+      }]);
+    };
+
+    _this.regions = [{
+      key: 'buttons',
+      label: i18n("40f3bc0a4f4d0f4230fc7fa6f4fcec92"),
+      renderMethod: 'render',
+      preferTag: i18n("fa966345577ba81af19408f203db968f"),
+      insertPosition: 'inner'
+    }];
+    return _this;
+  }
+
+  return ButtonGroupPlugin;
+}(BasePlugin);
+registerEditorPlugin(ButtonGroupPlugin);
+
+export { ButtonGroupPlugin };

package/esm/plugin/CRUD.d.ts

@@ -0,0 +1,128 @@
+/// <reference types="react" />
+import { BaseEventContext, BasePlugin, BasicRendererInfo, BasicSubRenderInfo, ChangeEventContext, PluginEvent, RendererEventContext, RendererInfoResolveEventContext, ScaffoldForm, SubRendererInfo } from 'amis-editor-core';
+import { EditorNodeType, RendererPluginAction } from 'amis-editor-core';
+export declare class CRUDPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    order: number;
+    name: string;
+    isBaseComponent: boolean;
+    description: string;
+    docLink: string;
+    tags: string[];
+    icon: string;
+    pluginIcon: string;
+    scaffold: any;
+    actions: RendererPluginAction[];
+    btnSchemas: {
+        create: {
+            label: string;
+            type: string;
+            actionType: string;
+            level: string;
+            dialog: {
+                title: string;
+                body: {
+                    type: string;
+                    api: string;
+                    body: never[];
+                };
+            };
+        };
+        update: {
+            label: string;
+            type: string;
+            actionType: string;
+            level: string;
+            dialog: {
+                title: string;
+                body: {
+                    type: string;
+                    api: string;
+                    body: never[];
+                };
+            };
+        };
+        view: {
+            label: string;
+            type: string;
+            actionType: string;
+            level: string;
+            dialog: {
+                title: string;
+                body: {
+                    type: string;
+                    api: string;
+                    body: never[];
+                };
+            };
+        };
+        delete: {
+            type: string;
+            label: string;
+            actionType: string;
+            level: string;
+            className: string;
+            confirmText: string;
+            api: string;
+        };
+        bulkDelete: {
+            type: string;
+            level: string;
+            label: string;
+            actionType: string;
+            confirmText: string;
+            api: string;
+        };
+        bulkUpdate: {
+            type: string;
+            label: string;
+            actionType: string;
+            dialog: {
+                title: string;
+                size: string;
+                body: {
+                    type: string;
+                    api: string;
+                    body: {
+                        label: string;
+                        text: string;
+                        type: string;
+                    }[];
+                };
+            };
+        };
+        filter: {
+            title: string;
+            body: {
+                type: string;
+                name: string;
+                label: string;
+            }[];
+        };
+    };
+    scaffoldForm: ScaffoldForm;
+    addItem(source: any, target: any): void;
+    multifactor: boolean;
+    previewSchema: any;
+    oldFilter?: any;
+    panelTitle: string;
+    panelBodyCreator: (context: BaseEventContext) => any;
+    handleBulkActionEdit(id: string, index: number): void;
+    handleItemActionEdit(id: string, index: number): void;
+    wrapperProps: {
+        affixHeader: boolean;
+    };
+    /**
+     * 默认什么组件都加入的子组件里面，子类里面可以复写这个改变行为。
+     * @param context
+     * @param renderers
+     */
+    buildSubRenderers(context: RendererEventContext, renderers: Array<SubRendererInfo>): BasicSubRenderInfo | Array<BasicSubRenderInfo> | void;
+    getRendererInfo(context: RendererInfoResolveEventContext): BasicRendererInfo | void;
+    renderEditableComponents(props: any): JSX.Element | null;
+    renderRenderer(props: any): JSX.Element;
+    filterProps(props: any): any;
+    afterUpdate(event: PluginEvent<ChangeEventContext>): void;
+    buildDataSchemas(node: EditorNodeType, region?: EditorNodeType): Promise<any>;
+}