amis-editor 5.2.0 → 5.2.1-beta.19

package/esm/plugin/Alert.d.ts

@@ -0,0 +1,23 @@
+import { BasePlugin } from 'amis-editor-core';
+import { SchemaObject } from 'amis/lib/Schema';
+export declare class AlertPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    name: string;
+    isBaseComponent: boolean;
+    description: string;
+    docLink: string;
+    icon: string;
+    pluginIcon: string;
+    scaffold: SchemaObject;
+    previewSchema: any;
+    regions: {
+        key: string;
+        label: string;
+        placeholder: string;
+    }[];
+    notRenderFormZone: boolean;
+    panelTitle: string;
+    panelJustify: boolean;
+    panelBodyCreator: (context: BaseEventContext) => any;
+}

package/esm/plugin/Alert.js

@@ -0,0 +1,175 @@
+/**
+ * amis-editor v5.2.1-beta.19
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __assign } from 'tslib';
+import { getSchemaTpl, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { i18n } from 'i18n-runtime';
+
+var AlertPlugin = /** @class */function (_super) {
+  __extends(AlertPlugin, _super);
+  function AlertPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    // 关联渲染器名字
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'alert'
+    });
+    Object.defineProperty(_this, "$schema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/schemas/AlertSchema.json'
+    });
+    // 组件名称
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("02d9819ddaaaeb1b7b22b12608c7e5ca")
+    });
+    Object.defineProperty(_this, "isBaseComponent", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("4be3194e93cdd2899d06b499c184195b")
+    });
+    Object.defineProperty(_this, "docLink", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/amis/zh-CN/components/alert'
+    });
+    Object.defineProperty(_this, "icon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'fa fa-exclamation-circle'
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'tooltip-plugin'
+    });
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'alert',
+        body: {
+          type: 'tpl',
+          tpl: i18n("6f2b01db04cbf7e460b5c6f4e37a5e76"),
+          inline: false
+        },
+        level: 'info'
+      }
+    });
+    Object.defineProperty(_this, "previewSchema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: __assign(__assign({}, _this.scaffold), {
+        className: 'text-left',
+        showCloseButton: true
+      })
+    });
+    // 普通容器类渲染器配置
+    Object.defineProperty(_this, "regions", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [{
+        key: 'body',
+        label: i18n("132a78bdf68d6d17bde00aa807bbf032"),
+        placeholder: i18n("6f2b01db04cbf7e460b5c6f4e37a5e76")
+      }]
+    });
+    Object.defineProperty(_this, "notRenderFormZone", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "panelTitle", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("02d9819ddaaaeb1b7b22b12608c7e5ca")
+    });
+    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: [{
+              label: i18n("226b0912184333c81babf2f1894ec0c1"),
+              name: 'level',
+              type: 'select',
+              options: [{
+                label: i18n("02d9819ddaaaeb1b7b22b12608c7e5ca"),
+                value: 'info'
+              }, {
+                label: i18n("330363dfc524cff2488f2ebde0500896"),
+                value: 'success'
+              }, {
+                label: i18n("900c70fa5f7dbc014e6f762d5e0e885c"),
+                value: 'warning'
+              }, {
+                label: i18n("e2e27a87257599f83c817c43e724b6aa"),
+                value: 'danger'
+              }]
+            }, getSchemaTpl('label', {
+              name: 'title'
+            }), getSchemaTpl('switch', {
+              label: i18n("cbda486dbec5bdacb593294e240c5e63"),
+              name: 'showCloseButton'
+            }), {
+              type: 'ae-switch-more',
+              mode: 'normal',
+              name: 'showIcon',
+              label: i18n("5ef69f62dc668c1a3e68b51c50a2530a"),
+              hiddenOnDefault: !context.schema.icon,
+              formType: 'extend',
+              form: {
+                body: [getSchemaTpl('icon', {
+                  label: i18n("7372dc9f39a173dd0c75a185373245b1")
+                })]
+              }
+            }]
+          }, getSchemaTpl('status')])
+        }, {
+          title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+          body: getSchemaTpl('collapseGroup', [getSchemaTpl('style:classNames', {
+            isFormItem: false
+          })])
+        }]);
+      }
+    });
+    return _this;
+  }
+  return AlertPlugin;
+}(BasePlugin);
+registerEditorPlugin(AlertPlugin);
+
+export { AlertPlugin };

package/esm/plugin/AnchorNav.d.ts

@@ -0,0 +1,49 @@
+import { BasePlugin, VRendererConfig } from 'amis-editor-core';
+export declare class AnchorNavPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    name: string;
+    isBaseComponent: boolean;
+    description: string;
+    docLink: string;
+    tags: string[];
+    icon: string;
+    pluginIcon: string;
+    scaffold: {
+        type: string;
+        links: {
+            title: string;
+            href: string;
+            body: {
+                type: string;
+                tpl: string;
+                inline: boolean;
+            }[];
+        }[];
+    };
+    previewSchema: {
+        type: string;
+        links: {
+            title: string;
+            href: string;
+            body: {
+                type: string;
+                tpl: string;
+                inline: boolean;
+            }[];
+        }[];
+    };
+    panelTitle: string;
+    panelJustify: boolean;
+    panelBody: any[];
+    patchContainers: string[];
+    vRendererConfig: VRendererConfig;
+    wrapperProps: {
+        unmountOnExit: boolean;
+        mountOnEnter: boolean;
+    };
+    sectionWrapperResolve: (dom: HTMLElement) => HTMLElement;
+    overrides: {
+        render(this: any): any;
+    };
+}

package/esm/plugin/AnchorNav.js

@@ -0,0 +1,370 @@
+/**
+ * amis-editor v5.2.1-beta.19
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __assign } from 'tslib';
+import React__default from 'react';
+import { getSchemaTpl, mapReactElement, VRenderer, RegionWrapper, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import findIndex from 'lodash/findIndex';
+import { AnchorNavSection } from 'amis-ui';
+import { i18n } from 'i18n-runtime';
+
+var AnchorNavPlugin = /** @class */function (_super) {
+  __extends(AnchorNavPlugin, _super);
+  function AnchorNavPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    // 关联渲染器名字
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'anchor-nav'
+    });
+    Object.defineProperty(_this, "$schema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/schemas/AnchorNavSchema.json'
+    });
+    // 组件名称
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("bede211909a1022b13e9728ed162b77e")
+    });
+    Object.defineProperty(_this, "isBaseComponent", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("f6da8aa86fa3e399da95dab399a67985")
+    });
+    Object.defineProperty(_this, "docLink", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/amis/zh-CN/components/anchor-nav'
+    });
+    Object.defineProperty(_this, "tags", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [i18n("22c799040acdb2601b437ed5449de076")]
+    });
+    Object.defineProperty(_this, "icon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'fa fa-link'
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'anchor-nav-plugin'
+    });
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'anchor-nav',
+        links: [{
+          title: i18n("5879dec0aea52871e0ae6969893a315b"),
+          href: '1',
+          body: [{
+            type: 'tpl',
+            tpl: i18n("ce08bc4247c040bac13155befc7c1638"),
+            inline: false
+          }]
+        }, {
+          title: i18n("d89a42cb938819f67172ea64037c19fe"),
+          href: '2',
+          body: [{
+            type: 'tpl',
+            tpl: i18n("96f05e63c6f606925636d6810167e7ea"),
+            inline: false
+          }]
+        }, {
+          title: i18n("31327b9041b825a0b455b3ff9ddd3909"),
+          href: '3',
+          body: [{
+            type: 'tpl',
+            tpl: i18n("68284dd430993f495a6f2254ae5480ae"),
+            inline: false
+          }]
+        }]
+      }
+    });
+    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("bede211909a1022b13e9728ed162b77e")
+    });
+    Object.defineProperty(_this, "panelJustify", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "panelBody", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [getSchemaTpl('tabs', [{
+        title: i18n("24d67862f87f439db7ca957aecb77cce"),
+        body: getSchemaTpl('collapseGroup', [{
+          title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [getSchemaTpl('combo-container', {
+            type: 'combo',
+            name: 'links',
+            label: i18n("9ad515106f02f3909974b75d22625b0d"),
+            mode: 'normal',
+            multiple: true,
+            draggable: true,
+            minLength: 1,
+            addButtonText: i18n("40c6e9ed3d9949a326f5a216d936324d"),
+            deleteBtn: {
+              icon: 'fa fa-trash'
+            },
+            items: [{
+              type: 'input-text',
+              name: 'title',
+              required: true,
+              placeholder: i18n("8cfd149e7d73ebae6a797d21728292ff")
+            }],
+            scaffold: {
+              title: i18n("6be15e9949e4be7fc485e1eaae472942"),
+              href: '',
+              body: [{
+                type: 'tpl',
+                tpl: i18n("c624c875ea37f790665d0cae8959d4e2"),
+                inline: false
+              }]
+            },
+            draggableTip: '',
+            onChange: function (value, oldValue, model, form) {
+              var active = form.data.active;
+              var isInclude = value.findIndex(function (link) {
+                return link.href === active;
+              }) > -1;
+              form.setValues({
+                active: isInclude ? active : value[0].href
+              });
+            },
+            pipeOut: function (value) {
+              var hrefs = value.map(function (item) {
+                return item.href;
+              });
+              var findMinCanUsedKey = function (keys, max) {
+                for (var i = 1; i <= max; i++) {
+                  if (!keys.includes(String(i))) {
+                    return String(i);
+                  }
+                }
+              };
+              value.forEach(function (item) {
+                if (!item.href) {
+                  var key = findMinCanUsedKey(hrefs, value.length);
+                  item.href = key;
+                  item.title = "\u951A\u70B9".concat(key);
+                  item.body[0].tpl = "\u8FD9\u91CC\u662F\u951A\u70B9\u5185\u5BB9".concat(key);
+                }
+              });
+              return value;
+            }
+          }), {
+            name: 'active',
+            type: 'select',
+            label: i18n("39f4fbc5b5ba681f7e8c4d4a4ddb3e2f"),
+            source: '${links}',
+            labelField: 'title',
+            valueField: 'href',
+            value: '1'
+          }]
+        }, getSchemaTpl('status')])
+      }, {
+        title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: getSchemaTpl('collapseGroup', [{
+          title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [{
+            type: 'button-group-select',
+            name: 'direction',
+            label: i18n("9959b2ad2d4f75f7a6be46872642df6d"),
+            value: 'vertical',
+            options: [{
+              label: i18n("4cde06e6162ed66720e3133cb83bc059"),
+              value: 'horizontal'
+            }, {
+              label: i18n("75ac842f8e77305846f1d776f97dfaf8"),
+              value: 'vertical'
+            }]
+          }]
+        }, getSchemaTpl('style:classNames', {
+          isFormItem: false,
+          schema: [getSchemaTpl('className', {
+            name: 'linkClassName',
+            label: i18n("056f2d7df6e6b64625c3a2d27ce07b05")
+          }), getSchemaTpl('className', {
+            name: 'sectionClassName',
+            label: i18n("696754a8b2b23e30b11187303d1238f5")
+          })]
+        })])
+      }])]
+    });
+    Object.defineProperty(_this, "patchContainers", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: ['anchor-nav.body']
+    });
+    Object.defineProperty(_this, "vRendererConfig", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        regions: {
+          body: {
+            key: 'body',
+            label: i18n("132a78bdf68d6d17bde00aa807bbf032"),
+            renderMethod: 'renderBody',
+            renderMethodOverride: function (regions, insertRegion) {
+              return function () {
+                var args = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                  args[_i] = arguments[_i];
+                }
+                var info = this.props.$$editor;
+                var dom = this.super.apply(this, args);
+                if (info && !this.props.children) {
+                  return insertRegion(this, dom, regions, info, info.plugin.manager);
+                }
+                return dom;
+              };
+            }
+          }
+        },
+        panelTitle: i18n("33be689a0f0de129ce37f7a96052002e"),
+        panelJustify: true,
+        panelBody: [getSchemaTpl('tabs', [{
+          title: i18n("24d67862f87f439db7ca957aecb77cce"),
+          body: [getSchemaTpl('collapseGroup', [{
+            title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+            body: [{
+              name: 'title',
+              label: i18n("32c65d8d7431e76029678ec7bb73a5ab"),
+              type: 'input-text',
+              required: true
+            }]
+          }])]
+        }, {
+          title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+          body: [getSchemaTpl('collapseGroup', [{
+            title: i18n("4434b33a8731a73613ba5fa1eb984efb"),
+            body: [getSchemaTpl('className')]
+          }])]
+        }])]
+      }
+    });
+    Object.defineProperty(_this, "wrapperProps", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        unmountOnExit: true,
+        mountOnEnter: true
+      }
+    });
+    Object.defineProperty(_this, "sectionWrapperResolve", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: function (dom) {
+        return dom.parentElement;
+      }
+    });
+    Object.defineProperty(_this, "overrides", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        render: function () {
+          var _this = this;
+          var dom = this.super();
+          if (!this.renderSection && this.props.$$editor && dom) {
+            var links_1 = this.props.links;
+            return mapReactElement(dom, function (item) {
+              var _a, _b;
+              if (item.type === AnchorNavSection && item.props.$$id) {
+                var id_1 = item.props.$$id;
+                var index = findIndex(links_1, function (link) {
+                  return link.$$id === id_1;
+                });
+                var info = _this.props.$$editor;
+                var plugin = info.plugin;
+                if (~index) {
+                  var region = (_b = (_a = plugin.vRendererConfig) === null || _a === void 0 ? void 0 : _a.regions) === null || _b === void 0 ? void 0 : _b.body;
+                  if (!region) {
+                    return item;
+                  }
+                  return React__default.cloneElement(item, {
+                    children: React__default.createElement(VRenderer, {
+                      key: id_1,
+                      type: info.type,
+                      plugin: info.plugin,
+                      renderer: info.renderer,
+                      "$schema": "/schemas/SectionSchema.json",
+                      hostId: info.id,
+                      memberIndex: index,
+                      name: "".concat(item.props.title || "\u951A\u70B9\u5185\u5BB9".concat(index + 1)),
+                      id: id_1,
+                      draggable: false,
+                      removable: false,
+                      wrapperResolve: plugin.sectionWrapperResolve,
+                      schemaPath: "".concat(info.schemaPath, "/anchor-nav/").concat(index),
+                      path: "".concat(_this.props.$path, "/").concat(index),
+                      data: _this.props.data
+                    }, React__default.createElement(RegionWrapper, {
+                      key: region.key,
+                      preferTag: region.preferTag,
+                      name: region.key,
+                      label: region.label,
+                      regionConfig: region,
+                      placeholder: region.placeholder,
+                      editorStore: plugin.manager.store,
+                      manager: plugin.manager,
+                      children: item.props.children,
+                      wrapperResolve: region.wrapperResolve,
+                      rendererName: info.renderer.name
+                    }))
+                  });
+                }
+              }
+              return item;
+            });
+          }
+          return dom;
+        }
+      }
+    });
+    return _this;
+  }
+  return AnchorNavPlugin;
+}(BasePlugin);
+registerEditorPlugin(AnchorNavPlugin);
+
+export { AnchorNavPlugin };

package/esm/plugin/Audio.d.ts

@@ -0,0 +1,23 @@
+import { BasePlugin } from 'amis-editor-core';
+export declare class AudioPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    name: string;
+    isBaseComponent: boolean;
+    description: string;
+    tags: string[];
+    icon: string;
+    pluginIcon: string;
+    scaffold: {
+        type: string;
+        autoPlay: boolean;
+        src: string;
+    };
+    previewSchema: {
+        type: string;
+        autoPlay: boolean;
+        src: string;
+    };
+    panelTitle: string;
+    panelBodyCreator: (context: BaseEventContext) => any[];
+}