amis-editor 5.2.0 → 5.2.1-beta.19

package/esm/plugin/DropDownButton.d.ts

@@ -0,0 +1,45 @@
+import { BaseEventContext, BasePlugin, BasicToolbarItem, ContextMenuEventContext, ContextMenuItem } from 'amis-editor-core';
+export declare class DropDownButtonPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    name: string;
+    isBaseComponent: boolean;
+    description: string;
+    tags: string[];
+    icon: string;
+    pluginIcon: string;
+    docLink: string;
+    scaffold: {
+        type: string;
+        label: string;
+        buttons: {
+            onEvent: {
+                click: {
+                    actions: never[];
+                };
+            };
+            type: string;
+            label: string;
+        }[];
+    };
+    previewSchema: {
+        type: string;
+        label: string;
+        buttons: {
+            onEvent: {
+                click: {
+                    actions: never[];
+                };
+            };
+            type: string;
+            label: string;
+        }[];
+    };
+    panelTitle: string;
+    panelJustify: boolean;
+    panelBodyCreator: (context: BaseEventContext) => any;
+    buildEditorToolbar({ id, info }: BaseEventContext, toolbars: Array<BasicToolbarItem>): void;
+    editDetail(id: string): void;
+    buildEditorContextMenu({ id, schema, region, info, selections }: ContextMenuEventContext, menus: Array<ContextMenuItem>): void;
+    filterProps(props: any): any;
+}

package/esm/plugin/DropDownButton.js

@@ -0,0 +1,293 @@
+/**
+ * amis-editor v5.2.1-beta.19
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __assign } from 'tslib';
+import { Button } from 'amis';
+import React__default from 'react';
+import { getSchemaTpl, defaultValue, tipedLabel, diff, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { BUTTON_DEFAULT_ACTION } from '../component/BaseControl.js';
+import { i18n } from 'i18n-runtime';
+
+var DropDownButtonPlugin = /** @class */function (_super) {
+  __extends(DropDownButtonPlugin, _super);
+  function DropDownButtonPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    // 关联渲染器名字
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'dropdown-button'
+    });
+    Object.defineProperty(_this, "$schema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/schemas/DropdownButtonSchema.json'
+    });
+    // 组件名称
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("cc70a816b7d61e7212d57335c0a15af5")
+    });
+    Object.defineProperty(_this, "isBaseComponent", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("74bafe23b0be1a14aa218b396cb33bd0")
+    });
+    Object.defineProperty(_this, "tags", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [i18n("fa966345577ba81af19408f203db968f")]
+    });
+    Object.defineProperty(_this, "icon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'fa fa-chevron-down'
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'dropdown-btn-plugin'
+    });
+    Object.defineProperty(_this, "docLink", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/amis/zh-CN/components/dropdown-button'
+    });
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'dropdown-button',
+        label: i18n("cc70a816b7d61e7212d57335c0a15af5"),
+        buttons: [__assign({
+          type: 'button',
+          label: i18n("e9d2f66bbd44c96a3e03494bf6b1ebf0")
+        }, BUTTON_DEFAULT_ACTION), __assign({
+          type: 'button',
+          label: i18n("ce35a17d2ba7caac95092a7a66ac9a0d")
+        }, BUTTON_DEFAULT_ACTION)]
+      }
+    });
+    Object.defineProperty(_this, "previewSchema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: __assign({}, _this.scaffold)
+    });
+    Object.defineProperty(_this, "panelTitle", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("cc70a816b7d61e7212d57335c0a15af5")
+    });
+    Object.defineProperty(_this, "panelJustify", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "panelBodyCreator", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: function (context) {
+        return getSchemaTpl('tabs', [{
+          title: i18n("24d67862f87f439db7ca957aecb77cce"),
+          body: getSchemaTpl('collapseGroup', [{
+            title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+            body: [{
+              children: React__default.createElement("div", {
+                className: "mb-3"
+              }, React__default.createElement(Button, {
+                level: "info",
+                size: "sm",
+                className: "m-b-sm",
+                block: true,
+                onClick: _this.editDetail.bind(_this, context.id)
+              }, "\u914D\u7F6E\u4E0B\u62C9\u6309\u94AE\u96C6\u5408"))
+            }, {
+              label: i18n("b5b57c711fd2d2309cc390a8b44d2b69"),
+              type: 'input-text',
+              name: 'label'
+            }, {
+              type: 'button-group-select',
+              name: 'trigger',
+              label: i18n("159dbc2fafd57b9d3652f16659b1b519"),
+              size: 'sm',
+              options: [{
+                label: i18n("4363c17ebb346b646af55bd8c8075915"),
+                value: 'click'
+              }, {
+                label: i18n("314454bbee226e4b32b612afdd8e9442"),
+                value: 'hover'
+              }],
+              pipeIn: defaultValue('click')
+            }, getSchemaTpl('switch', {
+              name: 'closeOnOutside',
+              label: i18n("4a757588f5aee8cd039b1d166b096d1a"),
+              pipeIn: defaultValue(true)
+            }), getSchemaTpl('switch', {
+              name: 'closeOnClick',
+              label: i18n("9951d740257c40978c238a683b1d4a80")
+            }), getSchemaTpl('switch', {
+              label: tipedLabel(i18n("205cb6cc6c8d37f3bed62d9c8bfae976"), i18n("697eb55e1c6cecf43e63a26232dda5b2")),
+              name: 'defaultIsOpened'
+            }), {
+              type: 'button-group-select',
+              name: 'align',
+              label: i18n("b2aa282e908597d1d700c1f4de17b8aa"),
+              size: 'sm',
+              options: [{
+                label: i18n("413f48cc71f71083ce532a86e3efdc21"),
+                value: 'left'
+              }, {
+                label: i18n("fd8e9572cc6bf87653c4d8f8b8dd0db9"),
+                value: 'right'
+              }],
+              pipeIn: defaultValue('left')
+            }]
+          }, getSchemaTpl('status', {
+            disabled: true
+          })])
+        }, {
+          title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+          body: [getSchemaTpl('collapseGroup', [{
+            title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+            body: [getSchemaTpl('size', {
+              label: i18n("c8339fd2a85af4ba66084d28df808de4"),
+              pipeIn: defaultValue('md')
+            }), getSchemaTpl('switch', {
+              name: 'block',
+              label: tipedLabel(i18n("6aa6b9e2dca63d27dc74eb155020271d"), i18n("e57996d3d771141f1b3080bbd8ad605b"))
+            }), getSchemaTpl('buttonLevel', {
+              label: i18n("1ce673c48f29162208e75bc210307bfc"),
+              name: 'level'
+            })]
+          }, {
+            title: i18n("5ef69f62dc668c1a3e68b51c50a2530a"),
+            body: [
+            // getSchemaTpl('switch', {
+            //   label: '只显示 icon',
+            //   name: 'iconOnly'
+            // }),
+            getSchemaTpl('switch', {
+              label: i18n("c9e265ec462b61887af6f58928923925"),
+              name: 'hideCaret'
+            }), getSchemaTpl('icon', {
+              label: i18n("c182ad6b97f0909596a523b1f04c28d2")
+            }), getSchemaTpl('icon', {
+              name: 'rightIcon',
+              label: i18n("ad7e6f016bc1d9a9bbc6e18224d73247")
+            })]
+          }, getSchemaTpl('style:classNames', {
+            isFormItem: false,
+            schema: [getSchemaTpl('className', {
+              name: 'btnClassName',
+              label: i18n("fa966345577ba81af19408f203db968f")
+            }), getSchemaTpl('className', {
+              name: 'menuClassName',
+              label: i18n("938ac86e738246ccd0ca0224031f96af")
+            })]
+          })])]
+        }]);
+      }
+    });
+    return _this;
+  }
+  Object.defineProperty(DropDownButtonPlugin.prototype, "buildEditorToolbar", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (_a, toolbars) {
+      var id = _a.id,
+        info = _a.info;
+      if (info.renderer.name === 'dropdown-button') {
+        toolbars.push({
+          icon: 'fa fa-expand',
+          order: 100,
+          tooltip: i18n("213a4e49568569943403ff31fff31ee5"),
+          onClick: this.editDetail.bind(this, id)
+        });
+      }
+    }
+  });
+  Object.defineProperty(DropDownButtonPlugin.prototype, "editDetail", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (id) {
+      var manager = this.manager;
+      var store = manager.store;
+      var node = store.getNodeById(id);
+      var value = store.getValueOf(id);
+      node && value && this.manager.openSubEditor({
+        title: i18n("213a4e49568569943403ff31fff31ee5"),
+        value: value.buttons,
+        slot: {
+          type: 'button-group',
+          buttons: '$$',
+          block: true
+        },
+        onChange: function (newValue) {
+          newValue = __assign(__assign({}, value), {
+            buttons: newValue
+          });
+          manager.panelChangeValue(newValue, diff(value, newValue));
+        }
+      });
+    }
+  });
+  Object.defineProperty(DropDownButtonPlugin.prototype, "buildEditorContextMenu", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (_a, menus) {
+      var id = _a.id;
+        _a.schema;
+        _a.region;
+        var info = _a.info,
+        selections = _a.selections;
+      if (selections.length || (info === null || info === void 0 ? void 0 : info.plugin) !== this) {
+        return;
+      }
+      if (info.renderer.name === 'dropdown-button') {
+        menus.push('|', {
+          label: i18n("213a4e49568569943403ff31fff31ee5"),
+          onSelect: this.editDetail.bind(this, id)
+        });
+      }
+    }
+  });
+  Object.defineProperty(DropDownButtonPlugin.prototype, "filterProps", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (props) {
+      // trigger 为 hover 会影响编辑体验。
+      props.trigger = 'click';
+      return props;
+    }
+  });
+  return DropDownButtonPlugin;
+}(BasePlugin);
+registerEditorPlugin(DropDownButtonPlugin);
+
+export { DropDownButtonPlugin };

package/esm/plugin/Each.d.ts

@@ -0,0 +1,36 @@
+import { BaseEventContext, BasePlugin, BasicToolbarItem, ContextMenuEventContext, ContextMenuItem } from 'amis-editor-core';
+export declare class EachPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    name: string;
+    isBaseComponent: boolean;
+    description: string;
+    tags: string[];
+    icon: string;
+    pluginIcon: string;
+    scaffold: {
+        type: string;
+        name: string;
+        items: {
+            type: string;
+            tpl: string;
+            inline: boolean;
+        };
+    };
+    previewSchema: {
+        value: string[];
+        type: string;
+        name: string;
+        items: {
+            type: string;
+            tpl: string;
+            inline: boolean;
+        };
+    };
+    panelTitle: string;
+    panelBodyCreator: (context: BaseEventContext) => any[];
+    filterProps(props: any): any;
+    buildEditorToolbar({ id, info }: BaseEventContext, toolbars: Array<BasicToolbarItem>): void;
+    buildEditorContextMenu({ id, schema, region, info, selections }: ContextMenuEventContext, menus: Array<ContextMenuItem>): void;
+    editDetail(id: string): void;
+}

package/esm/plugin/Each.js

@@ -0,0 +1,211 @@
+/**
+ * amis-editor v5.2.1-beta.19
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __assign } from 'tslib';
+import { Button } from 'amis';
+import React__default from 'react';
+import { defaultValue, getSchemaTpl, JSONPipeOut, diff, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { i18n } from 'i18n-runtime';
+
+var EachPlugin = /** @class */function (_super) {
+  __extends(EachPlugin, _super);
+  function EachPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    // 关联渲染器名字
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'each'
+    });
+    Object.defineProperty(_this, "$schema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/schemas/EachSchema.json'
+    });
+    // 组件名称
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("ff9f6c2d74c413daa3cd6fb12f8dfd3e")
+    });
+    Object.defineProperty(_this, "isBaseComponent", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("f34111ff3694a6c6de6e31bef8ebadcb")
+    });
+    Object.defineProperty(_this, "tags", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [i18n("997c7a5d34f6fc628893f509d0df32e0")]
+    });
+    Object.defineProperty(_this, "icon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'fa fa-repeat'
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'each-plugin'
+    });
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'each',
+        name: 'arr',
+        items: {
+          type: 'tpl',
+          tpl: i18n("874268022baac239b06c40600d3ce080"),
+          inline: false
+        }
+      }
+    });
+    Object.defineProperty(_this, "previewSchema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: __assign(__assign({}, _this.scaffold), {
+        value: ['a', 'b', 'c']
+      })
+    });
+    Object.defineProperty(_this, "panelTitle", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("69bdc66bb88ac5b63053e2bb7db41801")
+    });
+    Object.defineProperty(_this, "panelBodyCreator", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: function (context) {
+        return [{
+          type: 'input-text',
+          name: 'name',
+          label: i18n("0a2907a421b8f980986117e4f3044f92"),
+          placeholder: 'varname',
+          description: i18n("b7c16dedc4291d333fba7628ec9eb073")
+        }, {
+          children: React__default.createElement(Button, {
+            size: "sm",
+            level: "danger",
+            className: "m-b",
+            block: true,
+            onClick: _this.editDetail.bind(_this, context.id)
+          }, "\u914D\u7F6E\u6210\u5458\u6E32\u67D3\u5668")
+        }, {
+          name: 'placeholder',
+          type: 'input-text',
+          label: i18n("4c1cff4d8c05daa6ed9352a241ee628c"),
+          pipeIn: defaultValue(i18n("4726ff4e62d3fcfa4b090aaefc393229")),
+          description: i18n("5d5f9d49fcb2109f94a43590ef796ca7")
+        }, getSchemaTpl('className')];
+      }
+    });
+    return _this;
+  }
+  Object.defineProperty(EachPlugin.prototype, "filterProps", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (props) {
+      props = JSONPipeOut(props);
+      // 至少显示一个成员，否则啥都不显示。
+      if (!props.value) {
+        props.value = [{
+          item: 'mocked data'
+        }];
+      }
+      return props;
+    }
+  });
+  Object.defineProperty(EachPlugin.prototype, "buildEditorToolbar", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (_a, toolbars) {
+      var id = _a.id,
+        info = _a.info;
+      if (info.renderer.name === 'each') {
+        toolbars.push({
+          icon: 'fa fa-expand',
+          order: 100,
+          tooltip: i18n("39a6853b109ae98f1aabca90283d7edc"),
+          onClick: this.editDetail.bind(this, id)
+        });
+      }
+    }
+  });
+  Object.defineProperty(EachPlugin.prototype, "buildEditorContextMenu", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (_a, menus) {
+      var id = _a.id;
+        _a.schema;
+        _a.region;
+        var info = _a.info,
+        selections = _a.selections;
+      if (selections.length || (info === null || info === void 0 ? void 0 : info.plugin) !== this) {
+        return;
+      }
+      if (info.renderer.name === 'each') {
+        menus.push('|', {
+          label: i18n("39a6853b109ae98f1aabca90283d7edc"),
+          onSelect: this.editDetail.bind(this, id)
+        });
+      }
+    }
+  });
+  Object.defineProperty(EachPlugin.prototype, "editDetail", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (id) {
+      var manager = this.manager;
+      var store = manager.store;
+      var node = store.getNodeById(id);
+      var value = store.getValueOf(id);
+      node && value && this.manager.openSubEditor({
+        title: i18n("39a6853b109ae98f1aabca90283d7edc"),
+        value: value.items,
+        slot: {
+          type: 'container',
+          body: '$$'
+        },
+        typeMutable: true,
+        onChange: function (newValue) {
+          newValue = __assign(__assign({}, value), {
+            items: newValue
+          });
+          manager.panelChangeValue(newValue, diff(value, newValue));
+        },
+        data: {
+          item: 'mocked data',
+          index: 0
+        }
+      });
+    }
+  });
+  return EachPlugin;
+}(BasePlugin);
+registerEditorPlugin(EachPlugin);
+
+export { EachPlugin };

package/esm/plugin/Flex.d.ts

@@ -0,0 +1,6 @@
+import { FlexPluginBase } from './Layout/FlexPluginBase';
+export declare class FlexPlugin extends FlexPluginBase {
+    name: string;
+    pluginIcon: string;
+    description: string;
+}

package/esm/plugin/Flex.js

@@ -0,0 +1,39 @@
+/**
+ * amis-editor v5.2.1-beta.19
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends } from 'tslib';
+import { registerEditorPlugin } from 'amis-editor-core';
+import { FlexPluginBase } from './Layout/FlexPluginBase.js';
+import { i18n } from 'i18n-runtime';
+
+var FlexPlugin = /** @class */function (_super) {
+  __extends(FlexPlugin, _super);
+  function FlexPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("b1b98c19058af70d8bd499e1899e93bc")
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'flex-container-plugin'
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("2794fe303cf8ad4395fe93271fae7925")
+    });
+    return _this;
+  }
+  return FlexPlugin;
+}(FlexPluginBase);
+registerEditorPlugin(FlexPlugin);
+
+export { FlexPlugin };

package/esm/plugin/Form/ButtonGroupSelect.d.ts

@@ -0,0 +1,30 @@
+import { BasePlugin } from 'amis-editor-core';
+import { RendererPluginAction, RendererPluginEvent } from 'amis-editor-core';
+export declare class ButtonGroupControlPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    name: string;
+    isBaseComponent: boolean;
+    icon: string;
+    pluginIcon: string;
+    description: string;
+    docLink: string;
+    tags: string[];
+    scaffold: {
+        type: string;
+        name: string;
+        label: string;
+        inline: boolean;
+        options: {
+            label: string;
+            value: string;
+        }[];
+    };
+    previewSchema: any;
+    notRenderFormZone: boolean;
+    panelTitle: string;
+    events: RendererPluginEvent[];
+    actions: RendererPluginAction[];
+    panelJustify: boolean;
+    panelBodyCreator: (context: BaseEventContext) => any;
+}