amis-editor 5.2.0 → 5.2.1-beta.15

package/lib/plugin/Video.js

@@ -0,0 +1,197 @@
+/**
+ * amis-editor v5.2.1-beta.15
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var amisEditorCore = require('amis-editor-core');
+var i18nRuntime = require('i18n-runtime');
+
+var VideoPlugin = /** @class */function (_super) {
+  tslib.__extends(VideoPlugin, _super);
+  function VideoPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    // 关联渲染器名字
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'video'
+    });
+    Object.defineProperty(_this, "$schema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/schemas/VideoSchema.json'
+    });
+    // 组件名称
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18nRuntime.i18n("7fcf42edf5817042904f4a122ff77582")
+    });
+    Object.defineProperty(_this, "isBaseComponent", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18nRuntime.i18n("1d5bbe0ab0d90a223c162fb375997a98")
+    });
+    Object.defineProperty(_this, "docLink", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/amis/zh-CN/components/video'
+    });
+    Object.defineProperty(_this, "tags", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [i18nRuntime.i18n("997c7a5d34f6fc628893f509d0df32e0")]
+    });
+    Object.defineProperty(_this, "icon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'fa fa-video-camera'
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'video-plugin'
+    });
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'video',
+        autoPlay: false,
+        src: 'https://media.w3.org/2010/05/sintel/trailer_hd.mp4',
+        poster: amisEditorCore.mockValue({
+          type: 'image'
+        })
+      }
+    });
+    Object.defineProperty(_this, "previewSchema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: tslib.__assign({}, _this.scaffold)
+    });
+    Object.defineProperty(_this, "panelTitle", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18nRuntime.i18n("7fcf42edf5817042904f4a122ff77582")
+    });
+    Object.defineProperty(_this, "panelBody", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [amisEditorCore.getSchemaTpl('tabs', [{
+        title: i18nRuntime.i18n("22b777e6fcb613b8ba83ced9594cd07e"),
+        body: [{
+          name: 'src',
+          type: 'input-text',
+          label: i18nRuntime.i18n("f50bc38cf567e68250a8d15edfd8eb27"),
+          description: i18nRuntime.i18n("733dda7842619a437b2486f6f71b0c10")
+        }, {
+          name: 'poster',
+          type: 'input-text',
+          label: i18nRuntime.i18n("fb103fc64a0caeec24c707b9e7b50870"),
+          description: i18nRuntime.i18n("828f83110677bab8ef940f79f77b9049")
+        }, amisEditorCore.getSchemaTpl('switch', {
+          name: 'autoPlay',
+          label: i18nRuntime.i18n("54c6bb48170611ec995f634319312156")
+        }), amisEditorCore.getSchemaTpl('switch', {
+          name: 'muted',
+          label: i18nRuntime.i18n("351cb1f8ffbcc9d2d4c1f35505e15864")
+        }), amisEditorCore.getSchemaTpl('switch', {
+          name: 'isLive',
+          label: i18nRuntime.i18n("c7638cec349cb86eaeaeb983909fae0e"),
+          labelRemark: {
+            className: 'm-l-xs',
+            trigger: 'click',
+            rootClose: true,
+            placement: 'left',
+            content: i18nRuntime.i18n("82f5f7bf3fb529360947cbb3b988037f")
+          }
+        })]
+      }, {
+        title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: [{
+          name: 'aspectRatio',
+          label: i18nRuntime.i18n("df0134afa26415a560ae1320dee10c19"),
+          type: 'button-group-select',
+          size: 'sm',
+          mode: 'inline',
+          className: 'block',
+          value: 'auto',
+          options: [{
+            label: i18nRuntime.i18n("3aed2c11e95a9c0ea1d853d4aee72e8c"),
+            value: 'auto'
+          }, {
+            label: '4:3',
+            value: '4:3'
+          }, {
+            label: '16:9',
+            value: '16:9'
+          }]
+        }, amisEditorCore.getSchemaTpl('switch', {
+          name: 'splitPoster',
+          label: i18nRuntime.i18n("0d682d277649d8c7952d36f836619a44")
+        }), amisEditorCore.getSchemaTpl('className')]
+      }, {
+        title: i18nRuntime.i18n("33bf801796fd255b5f6147e33146669b"),
+        body: [amisEditorCore.getSchemaTpl('visible')]
+      }, {
+        title: i18nRuntime.i18n("0d98c74797e49d00bcc4c17c9d557a2b"),
+        body: [amisEditorCore.getSchemaTpl('ref'), {
+          type: 'input-text',
+          name: 'rates',
+          label: i18nRuntime.i18n("ee1600dfbd6f9e86ca8761cf3fcf6a17"),
+          multiple: true,
+          joinValues: false,
+          extractValue: true,
+          options: [0.5, 1, 1.25, 1.5, 2, 2.5, 3, 3.5, 4, 4.5, 5].map(function (item) {
+            return {
+              label: item,
+              value: item
+            };
+          })
+        }, {
+          name: 'frames',
+          type: 'input-text',
+          label: i18nRuntime.i18n("8e7124c3069460d4a8a04c3e3d9ce752"),
+          description: i18nRuntime.i18n("1fc7d723b3a82ce32bfbbfa0a1761969")
+        }]
+      }])]
+    });
+    return _this;
+  }
+  Object.defineProperty(VideoPlugin.prototype, "filterProps", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (props) {
+      props.frames = amisEditorCore.JSONPipeOut(props.frames);
+      return props;
+    }
+  });
+  return VideoPlugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(VideoPlugin);
+
+exports.VideoPlugin = VideoPlugin;

package/lib/plugin/WebComponent.d.ts

@@ -0,0 +1,25 @@
+import { BasePlugin } from 'amis-editor-core';
+import '@webcomponents/webcomponentsjs/custom-elements-es5-adapter';
+export declare class WebComponentPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    name: string;
+    isBaseComponent: boolean;
+    description: string;
+    docLink: string;
+    tags: string[];
+    icon: string;
+    pluginIcon: string;
+    scaffold: {
+        type: string;
+        tag: string;
+    };
+    previewSchema: {
+        type: string;
+        tag: string;
+    };
+    panelTitle: string;
+    notRenderFormZone: boolean;
+    panelJustify: boolean;
+    panelBodyCreator: (context: BaseEventContext) => any;
+}

package/lib/plugin/WebComponent.js

@@ -0,0 +1,161 @@
+/**
+ * amis-editor v5.2.1-beta.15
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var amisEditorCore = require('amis-editor-core');
+require('@webcomponents/webcomponentsjs/custom-elements-es5-adapter');
+var i18nRuntime = require('i18n-runtime');
+
+var WebComponentDemo = /** @class */function (_super) {
+  tslib.__extends(WebComponentDemo, _super);
+  function WebComponentDemo() {
+    return _super !== null && _super.apply(this, arguments) || this;
+  }
+  Object.defineProperty(WebComponentDemo.prototype, "connectedCallback", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function () {
+      var shadow = this.attachShadow({
+        mode: 'open'
+      });
+      shadow.textContent = 'web-component-demo';
+    }
+  });
+  return WebComponentDemo;
+}(HTMLElement);
+try {
+  customElements.define('web-component-demo', WebComponentDemo);
+} catch (error) {
+  console.log('[amis-editor]', error);
+}
+var WebComponentPlugin = /** @class */function (_super) {
+  tslib.__extends(WebComponentPlugin, _super);
+  function WebComponentPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    // 关联渲染器名字
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'web-component'
+    });
+    Object.defineProperty(_this, "$schema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/schemas/WebComponentSchema.json'
+    });
+    // 组件名称
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'Web Component'
+    });
+    Object.defineProperty(_this, "isBaseComponent", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18nRuntime.i18n("1fa035e78c5408c9079c20637acdb2bb")
+    });
+    Object.defineProperty(_this, "docLink", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/amis/zh-CN/components/web-component'
+    });
+    Object.defineProperty(_this, "tags", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [i18nRuntime.i18n("22c799040acdb2601b437ed5449de076")]
+    });
+    Object.defineProperty(_this, "icon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'fa fa-square-o'
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'web-component-plugin'
+    });
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'web-component',
+        tag: 'web-component-demo'
+      }
+    });
+    Object.defineProperty(_this, "previewSchema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: tslib.__assign({}, _this.scaffold)
+    });
+    Object.defineProperty(_this, "panelTitle", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18nRuntime.i18n("8df7c8a1f9f579f0ddc35bb4ee50f166")
+    });
+    Object.defineProperty(_this, "notRenderFormZone", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    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 amisEditorCore.getSchemaTpl('tabs', [{
+          title: i18nRuntime.i18n("24d67862f87f439db7ca957aecb77cce"),
+          body: [amisEditorCore.getSchemaTpl('collapseGroup', [{
+            className: 'p-none',
+            title: i18nRuntime.i18n("4092ed98e9035652d4c9ca9441701ed7"),
+            body: [{
+              type: 'input-text',
+              label: i18nRuntime.i18n("14d342362f66aa86e2aa1c1e11aa1204"),
+              name: 'tag'
+            }, amisEditorCore.getSchemaTpl('combo-container', {
+              type: 'input-kv',
+              mode: 'normal',
+              name: 'props',
+              label: i18nRuntime.i18n("24d67862f87f439db7ca957aecb77cce")
+            })]
+          }])]
+        }]);
+      }
+    });
+    return _this;
+  }
+  return WebComponentPlugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(WebComponentPlugin);
+
+exports.WebComponentPlugin = WebComponentPlugin;

package/lib/plugin/Wizard.d.ts

@@ -0,0 +1,56 @@
+import { EditorNodeType } from 'amis-editor-core';
+import { BaseEventContext, BasePlugin, BasicToolbarItem, VRendererConfig } from 'amis-editor-core';
+import { RendererPluginAction, RendererPluginEvent } from 'amis-editor-core';
+export declare class WizardPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    name: string;
+    isBaseComponent: boolean;
+    description: string;
+    docLink: string;
+    tags: string[];
+    icon: string;
+    pluginIcon: string;
+    scaffold: {
+        type: string;
+        steps: {
+            title: string;
+            body: {
+                type: string;
+                label: string;
+                name: string;
+            }[];
+        }[];
+    };
+    previewSchema: {
+        type: string;
+        className: string;
+        steps: {
+            title: string;
+            body: {
+                type: string;
+                label: string;
+                name: string;
+            }[];
+        }[];
+    };
+    events: RendererPluginEvent[];
+    actions: RendererPluginAction[];
+    panelTitle: string;
+    panelBodyCreator: (context: BaseEventContext) => any[];
+    /**
+     * 补充切换的 toolbar
+     * @param context
+     * @param toolbars
+     */
+    buildEditorToolbar(context: BaseEventContext, toolbars: Array<BasicToolbarItem>): void;
+    filterProps(props: any): any;
+    patchContainers: string[];
+    vRendererConfig: VRendererConfig;
+    wizardWrapperResolve: (dom: HTMLElement) => any;
+    overrides: {
+        renderWizard: (this: any) => any;
+        renderFooter: (this: any) => any;
+    };
+    rendererBeforeDispatchEvent(node: EditorNodeType, e: any, data: any): void;
+}