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

package/esm/plugin/TooltipWrapper.js

@@ -0,0 +1,230 @@
+/**
+ * amis-editor v5.2.0-beta.2
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __assign, __spreadArray } from 'tslib';
+import { getSchemaTpl, tipedLabel, defaultValue, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { i18n } from 'i18n-runtime';
+
+/**
+ * @file 文字提示容器
+ */
+
+var TooltipWrapperPlugin =
+/** @class */
+function (_super) {
+  __extends(TooltipWrapperPlugin, _super);
+
+  function TooltipWrapperPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.rendererName = 'tooltip-wrapper';
+    _this.$schema = '/schemas/TooltipWrapperSchema.json';
+    _this.isBaseComponent = true;
+    _this.name = i18n("dd438f6fb09d6223fd95df16383f0f44");
+    _this.description = i18n("33813749a95477897085e2435acc16b6");
+    _this.docLink = '/amis/zh-CN/components/tooltip';
+    _this.tags = [i18n("22c799040acdb2601b437ed5449de076")];
+    _this.icon = 'fa fa-comment-alt';
+    _this.pluginIcon = 'tooltip-wrapper-plugin';
+    _this.scaffold = {
+      type: 'tooltip-wrapper',
+      tooltip: i18n("9b14c9051067bef2dd9a15683201dd18"),
+      body: [{
+        type: 'tpl',
+        tpl: i18n("2d711b09bd0db0ad240cc83b30dd8014")
+      }],
+      enterable: true,
+      showArrow: true,
+      offset: [0, 0]
+    };
+    _this.previewSchema = __assign(__assign({}, _this.scaffold), {
+      className: 'p-1 mr-3 border-2 border-solid border-indigo-400'
+    });
+    _this.regions = [{
+      key: 'body',
+      label: i18n("132a78bdf68d6d17bde00aa807bbf032")
+    }];
+    _this.panelTitle = _this.name;
+    _this.panelJustify = true;
+
+    _this.panelBodyCreator = function (context) {
+      return [getSchemaTpl('tabs', [{
+        title: i18n("24d67862f87f439db7ca957aecb77cce"),
+        className: 'p-none',
+        body: [getSchemaTpl('collapseGroup', [{
+          title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [{
+            type: 'input-text',
+            name: 'title',
+            label: i18n("dc19704991f1476fa4dcbb80c50bedd6")
+          }, {
+            type: 'textarea',
+            name: 'tooltip',
+            label: i18n("6f2b01db04cbf7e460b5c6f4e37a5e76")
+          }, {
+            name: 'trigger',
+            type: 'select',
+            label: tipedLabel(i18n("159dbc2fafd57b9d3652f16659b1b519"), i18n("ab97cef55407efa11f79211e17cb2b4b")),
+            multiple: true,
+            value: ['hover'],
+            pipeIn: function (value) {
+              return Array.isArray(value) ? value.join(',') : [];
+            },
+            pipeOut: function (value) {
+              return value && value.length ? value.split(',') : undefined;
+            },
+            options: [{
+              label: i18n("728c7cdfa431821d291b5108394ec65a"),
+              value: 'hover'
+            }, {
+              label: i18n("4363c17ebb346b646af55bd8c8075915"),
+              value: 'click'
+            }]
+          }, {
+            type: 'button-group-select',
+            name: 'placement',
+            label: i18n("d586324c6d6b45cb78a4172d836dab3e"),
+            size: 'sm',
+            className: 'ae-buttonGroupSelect--justify',
+            options: [{
+              label: i18n("af767b7e4ae069d54f9ea839858d4c6d"),
+              value: 'top' // icon: 'fa fa-arrow-up'
+
+            }, {
+              label: i18n("3850a186c3235bc646d4c2f79cebac36"),
+              value: 'bottom' // icon: 'fa fa-arrow-down'
+
+            }, {
+              label: i18n("d2aff1417831aa621c16cd5b95306b4b"),
+              value: 'left' // icon: 'fa fa-arrow-left'
+
+            }, {
+              label: i18n("4d9c32c23df5d234e629c922c58d8e12"),
+              value: 'right' // icon: 'fa fa-arrow-right'
+
+            }],
+            pipeIn: defaultValue('top')
+          }, {
+            type: 'button-group-select',
+            name: 'tooltipTheme',
+            label: i18n("b47707f0e916e3e3f4ba885bc2cf2c11"),
+            size: 'sm',
+            className: 'ae-buttonGroupSelect--justify',
+            options: [{
+              label: i18n("a32b3b848eee6929634dfc9a9d8bcdb1"),
+              value: 'light',
+              icon: 'far fa-sun'
+            }, {
+              label: i18n("adb7e5312abdb9a44297e48d63815fa3"),
+              value: 'dark',
+              icon: 'far fa-moon'
+            }],
+            pipeIn: defaultValue('light')
+          }, {
+            name: 'inline',
+            label: i18n("0de826c66ae3fe8043e9a39b35616ee6"),
+            type: 'switch',
+            mode: 'row',
+            inputClassName: 'inline-flex justify-between flex-row-reverse'
+          }, {
+            name: 'rootClose',
+            visibleOn: '~this.trigger.indexOf("click")',
+            label: i18n("4583d3453c31cd3ff068c1358d8e7f1c"),
+            type: 'switch',
+            mode: 'row',
+            inputClassName: 'inline-flex justify-between flex-row-reverse'
+          }]
+        }, {
+          title: i18n("dfac151de712ab0b3618072c8a7f0a0f"),
+          body: [{
+            name: 'wrapperComponent',
+            label: i18n("a823cfa70cfa46c788e1eedae043f6e5"),
+            type: 'input-text',
+            options: ['article', 'aside', 'code', 'div', 'footer', 'header', 'p', 'section'],
+            validations: {
+              isAlphanumeric: true,
+              matchRegexp: '/^(?!.*script).*$/' // 禁用一下script标签
+
+            },
+            validationErrors: {
+              isAlpha: i18n("f7d64e5e79994c3c8853f2608d7b2d25"),
+              matchRegexp: i18n("f7d64e5e79994c3c8853f2608d7b2d25")
+            },
+            validateOnChange: false
+          }, {
+            type: 'input-group',
+            label: tipedLabel(i18n("8e290c31bc0b4f76edbd58c3575b8420"), i18n("03c87fc8d49f865f0c2895d9ef3fe352")),
+            body: [{
+              type: 'input-number',
+              name: 'offset',
+              suffix: 'px',
+              pipeIn: function (value) {
+                return Array.isArray(value) ? value[0] || 0 : 0;
+              },
+              pipeOut: function (value, oldValue, data) {
+                return [value, data.offset[1]];
+              }
+            }, {
+              type: 'input-number',
+              name: 'offset',
+              suffix: 'px',
+              pipeIn: function (value) {
+                return Array.isArray(value) ? value[1] || 0 : 0;
+              },
+              pipeOut: function (value, oldValue, data) {
+                return [data.offset[0], value];
+              }
+            }]
+          }, {
+            type: 'switch',
+            label: tipedLabel(i18n("4e3e1e12e701890f4461808cc8f9d407"), i18n("9d6246f57f6924410b0c68f2172420f9")),
+            name: 'enterable',
+            inputClassName: 'is-inline'
+          }, {
+            type: 'switch',
+            label: tipedLabel(i18n("90919000a708f8d66b7591e21b8e33f1"), i18n("ed81f127f3b2aaff73a4f4dd5968fdcb")),
+            name: 'showArrow',
+            inputClassName: 'is-inline'
+          }, {
+            label: i18n("b60e5222037939812dabb7da9979c27d"),
+            type: 'input-number',
+            min: 0,
+            step: 100,
+            name: 'mouseEnterDelay',
+            suffix: 'ms',
+            pipeIn: defaultValue(0)
+          }, {
+            label: i18n("82bb338503938f2da52e91f7244a34a2"),
+            type: 'input-number',
+            min: 0,
+            step: 100,
+            name: 'mouseLeaveDelay',
+            suffix: 'ms',
+            pipeIn: defaultValue(0)
+          }]
+        }])]
+      }, {
+        title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        className: 'p-none',
+        body: getSchemaTpl('collapseGroup', __spreadArray(__spreadArray([], getSchemaTpl('style:common'), true), [{
+          title: i18n("4434b33a8731a73613ba5fa1eb984efb"),
+          body: [getSchemaTpl('className', {
+            label: i18n("d55c726c99995e106ba5f3bb2b791a86")
+          }), getSchemaTpl('className', {
+            label: i18n("0ce2605d7eed6782adb6bc62ffae2335"),
+            name: 'tooltipClassName'
+          })]
+        }], false))
+      }])];
+    };
+
+    return _this;
+  }
+
+  return TooltipWrapperPlugin;
+}(BasePlugin);
+registerEditorPlugin(TooltipWrapperPlugin);
+
+export { TooltipWrapperPlugin };

package/esm/plugin/Tpl.d.ts

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

package/esm/plugin/Tpl.js

@@ -0,0 +1,140 @@
+/**
+ * amis-editor v5.2.0-beta.2
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __spreadArray } from 'tslib';
+import { setSchemaTpl, tipedLabel, getSchemaTpl, defaultValue, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { i18n } from 'i18n-runtime';
+
+setSchemaTpl('tpl:content', {
+  label: tipedLabel(i18n("edb5acdc9ee5e75fbc238ab4a0300eaf"), i18n("0861915dbac25ccb573b3bb72ffeebd7")),
+  type: 'textarea',
+  minRows: 5,
+  language: 'html',
+  visibleOn: 'data.wrapperComponent !== undefined',
+  pipeIn: function (value, data) {
+    return value || data && data.html;
+  },
+  name: 'tpl'
+});
+setSchemaTpl('tpl:rich-text', {
+  label: i18n("2d711b09bd0db0ad240cc83b30dd8014"),
+  type: 'input-rich-text',
+  mode: 'normal',
+  buttons: ['paragraphFormat', 'quote', 'textColor', 'backgroundColor', '|', 'bold', 'italic', 'underline', 'strikeThrough', '|', 'formatOL', 'formatUL', 'align', '|', 'insertLink', 'insertImage', 'insertTable', '|', 'undo', 'redo', 'fullscreen'],
+  minRows: 5,
+  language: 'html',
+  visibleOn: 'data.wrapperComponent === undefined',
+  pipeIn: function (value, data) {
+    return value || data && data.html;
+  },
+  name: 'tpl'
+});
+setSchemaTpl('tpl:wrapperComponent', {
+  name: 'wrapperComponent',
+  type: 'select',
+  pipeIn: function (value) {
+    return value === undefined ? 'rich-text' : value;
+  },
+  pipeOut: function (value) {
+    return value === 'rich-text' ? undefined : value;
+  },
+  label: i18n("b1f824deef0d11e1fe3b73167a902e31"),
+  options: [{
+    label: i18n("74cfa7e77be335e8e5489a00ef099cb9"),
+    value: ''
+  }, {
+    label: i18n("d482086f653d92fa8f1011d39738dba3"),
+    value: 'p'
+  }, {
+    label: i18n("ae27115431c46fa374ac28200304f341"),
+    value: 'h1'
+  }, {
+    label: i18n("de86106d6632da3fafb946f85ba91324"),
+    value: 'h2'
+  }, {
+    label: i18n("27f2c5c60f373a4380ec107ad8895f0e"),
+    value: 'h3'
+  }, {
+    label: i18n("c961174771e843ac4046b2b21c49424b"),
+    value: 'h4'
+  }, {
+    label: i18n("a791de104833c917f801c1976b9af960"),
+    value: 'h5'
+  }, {
+    label: i18n("de2687f9a16fea3654be84c74137b805"),
+    value: 'h6'
+  }, {
+    label: i18n("e2591e971f4c28db7c80a5f546084a1d"),
+    value: 'rich-text'
+  }],
+  onChange: function (value, oldValue, model, form) {
+    (value === undefined || oldValue === undefined) && form.setValueByName('tpl', '');
+  }
+});
+
+var TplPlugin =
+/** @class */
+function (_super) {
+  __extends(TplPlugin, _super);
+
+  function TplPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'tpl';
+    _this.$schema = '/schemas/TplSchema.json'; // 组件名称
+
+    _this.name = i18n("ca746b1ff10193a3ce20878dec04a733");
+    _this.isBaseComponent = true;
+    _this.icon = 'fa fa-file-o';
+    _this.pluginIcon = 'plain-plugin'; // 使用文字 icon
+
+    _this.description = i18n("65862c97143c6c5479e0c623093a25d6");
+    _this.docLink = '/amis/zh-CN/components/tpl';
+    _this.tags = [i18n("027446c2f9070b0f5b16a18208bf5fc7")];
+    _this.previewSchema = {
+      type: 'tpl',
+      tpl: i18n("38accbc34901ee6fd7bd7cd9f92f0a2a")
+    };
+    _this.scaffold = {
+      type: 'tpl',
+      tpl: i18n("590e147e49735ebbfc51ae2175c36eb0"),
+      inline: true,
+      wrapperComponent: ''
+    };
+    _this.panelTitle = i18n("ca746b1ff10193a3ce20878dec04a733");
+    _this.panelJustify = true;
+
+    _this.panelBodyCreator = function (context) {
+      // 在表格/CRUD/模型列表的一列里边
+      var isInTable = /\/cell\/field\/tpl$/.test(context.path);
+      return getSchemaTpl('tabs', [{
+        title: i18n("24d67862f87f439db7ca957aecb77cce"),
+        body: getSchemaTpl('collapseGroup', [{
+          title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [!isInTable ? getSchemaTpl('tpl:wrapperComponent') : null, getSchemaTpl('switch', {
+            label: tipedLabel(i18n("2fb0853874c2cc8cc42f0c7520af662a"), i18n("47ae015d04dda362d066e4f9ac09d647")),
+            name: 'inline',
+            pipeIn: defaultValue(true),
+            hiddenOn: 'data.wrapperComponent !== ""'
+          }), getSchemaTpl('tpl:content'), getSchemaTpl('tpl:rich-text')]
+        }, getSchemaTpl('status')])
+      }, {
+        title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: getSchemaTpl('collapseGroup', __spreadArray(__spreadArray([], getSchemaTpl('style:common', ['layout']), true), [getSchemaTpl('style:classNames', {
+          isFormItem: false
+        })], false))
+      }]);
+    };
+
+    _this.popOverBody = [getSchemaTpl('tpl:content'), getSchemaTpl('tpl:rich-text'), getSchemaTpl('tpl:wrapperComponent')];
+    return _this;
+  }
+
+  return TplPlugin;
+}(BasePlugin);
+registerEditorPlugin(TplPlugin);
+
+export { TplPlugin };

package/esm/plugin/Video.d.ts

@@ -0,0 +1,27 @@
+import { BasePlugin } from 'amis-editor-core';
+export declare class VideoPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    name: string;
+    isBaseComponent: boolean;
+    description: string;
+    docLink: string;
+    tags: string[];
+    icon: string;
+    pluginIcon: string;
+    scaffold: {
+        type: string;
+        autoPlay: boolean;
+        src: string;
+        poster: string | string[];
+    };
+    previewSchema: {
+        type: string;
+        autoPlay: boolean;
+        src: string;
+        poster: string | string[];
+    };
+    panelTitle: string;
+    panelBody: any[];
+    filterProps(props: any): any;
+}

package/esm/plugin/Video.js

@@ -0,0 +1,123 @@
+/**
+ * amis-editor v5.2.0-beta.2
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __assign } from 'tslib';
+import { mockValue, getSchemaTpl, JSONPipeOut, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { i18n } from 'i18n-runtime';
+
+var VideoPlugin =
+/** @class */
+function (_super) {
+  __extends(VideoPlugin, _super);
+
+  function VideoPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'video';
+    _this.$schema = '/schemas/VideoSchema.json'; // 组件名称
+
+    _this.name = i18n("7fcf42edf5817042904f4a122ff77582");
+    _this.isBaseComponent = true;
+    _this.description = i18n("1d5bbe0ab0d90a223c162fb375997a98");
+    _this.docLink = '/amis/zh-CN/components/video';
+    _this.tags = [i18n("997c7a5d34f6fc628893f509d0df32e0")];
+    _this.icon = 'fa fa-video-camera';
+    _this.pluginIcon = 'video-plugin';
+    _this.scaffold = {
+      type: 'video',
+      autoPlay: false,
+      src: 'https://media.w3.org/2010/05/sintel/trailer_hd.mp4',
+      poster: mockValue({
+        type: 'image'
+      })
+    };
+    _this.previewSchema = __assign({}, _this.scaffold);
+    _this.panelTitle = i18n("7fcf42edf5817042904f4a122ff77582");
+    _this.panelBody = [getSchemaTpl('tabs', [{
+      title: i18n("22b777e6fcb613b8ba83ced9594cd07e"),
+      body: [{
+        name: 'src',
+        type: 'input-text',
+        label: i18n("f50bc38cf567e68250a8d15edfd8eb27"),
+        description: i18n("733dda7842619a437b2486f6f71b0c10")
+      }, {
+        name: 'poster',
+        type: 'input-text',
+        label: i18n("fb103fc64a0caeec24c707b9e7b50870"),
+        description: i18n("828f83110677bab8ef940f79f77b9049")
+      }, getSchemaTpl('switch', {
+        name: 'autoPlay',
+        label: i18n("54c6bb48170611ec995f634319312156")
+      }), getSchemaTpl('switch', {
+        name: 'muted',
+        label: i18n("351cb1f8ffbcc9d2d4c1f35505e15864")
+      }), getSchemaTpl('switch', {
+        name: 'isLive',
+        label: i18n("c7638cec349cb86eaeaeb983909fae0e"),
+        description: i18n("82f5f7bf3fb529360947cbb3b988037f")
+      })]
+    }, {
+      title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+      body: [{
+        name: 'aspectRatio',
+        label: i18n("df0134afa26415a560ae1320dee10c19"),
+        type: 'button-group-select',
+        size: 'sm',
+        mode: 'inline',
+        className: 'block',
+        value: 'auto',
+        options: [{
+          label: i18n("3aed2c11e95a9c0ea1d853d4aee72e8c"),
+          value: 'auto'
+        }, {
+          label: '4:3',
+          value: '4:3'
+        }, {
+          label: '16:9',
+          value: '16:9'
+        }]
+      }, getSchemaTpl('switch', {
+        name: 'splitPoster',
+        label: i18n("0d682d277649d8c7952d36f836619a44")
+      }), getSchemaTpl('className')]
+    }, {
+      title: i18n("33bf801796fd255b5f6147e33146669b"),
+      body: [getSchemaTpl('visible')]
+    }, {
+      title: i18n("0d98c74797e49d00bcc4c17c9d557a2b"),
+      body: [getSchemaTpl('ref'), {
+        type: 'input-text',
+        name: 'rates',
+        label: 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: i18n("8e7124c3069460d4a8a04c3e3d9ce752"),
+        description: i18n("1fc7d723b3a82ce32bfbbfa0a1761969")
+      }]
+    }])];
+    return _this;
+  }
+
+  VideoPlugin.prototype.filterProps = function (props) {
+    props.frames = JSONPipeOut(props.frames);
+    return props;
+  };
+
+  return VideoPlugin;
+}(BasePlugin);
+registerEditorPlugin(VideoPlugin);
+
+export { VideoPlugin };

package/esm/plugin/WebComponent.d.ts

@@ -0,0 +1,25 @@
+import { BasePlugin, BaseEventContext } 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/esm/plugin/WebComponent.js

@@ -0,0 +1,91 @@
+/**
+ * amis-editor v5.2.0-beta.2
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __assign } from 'tslib';
+import { getSchemaTpl, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import '@webcomponents/webcomponentsjs/custom-elements-es5-adapter';
+import { i18n } from 'i18n-runtime';
+
+var WebComponentDemo =
+/** @class */
+function (_super) {
+  __extends(WebComponentDemo, _super);
+
+  function WebComponentDemo() {
+    return _super !== null && _super.apply(this, arguments) || this;
+  }
+
+  WebComponentDemo.prototype.connectedCallback = 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) {
+  __extends(WebComponentPlugin, _super);
+
+  function WebComponentPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'web-component';
+    _this.$schema = '/schemas/WebComponentSchema.json'; // 组件名称
+
+    _this.name = 'Web Component';
+    _this.isBaseComponent = true;
+    _this.description = i18n("1fa035e78c5408c9079c20637acdb2bb");
+    _this.docLink = '/amis/zh-CN/components/web-component';
+    _this.tags = [i18n("22c799040acdb2601b437ed5449de076")];
+    _this.icon = 'fa fa-square-o';
+    _this.pluginIcon = 'web-component-plugin';
+    _this.scaffold = {
+      type: 'web-component',
+      tag: 'web-component-demo'
+    };
+    _this.previewSchema = __assign({}, _this.scaffold);
+    _this.panelTitle = i18n("8df7c8a1f9f579f0ddc35bb4ee50f166");
+    _this.notRenderFormZone = true;
+    _this.panelJustify = true;
+
+    _this.panelBodyCreator = function (context) {
+      return getSchemaTpl('tabs', [{
+        title: i18n("24d67862f87f439db7ca957aecb77cce"),
+        body: [getSchemaTpl('collapseGroup', [{
+          className: 'p-none',
+          title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [{
+            type: 'input-text',
+            label: i18n("14d342362f66aa86e2aa1c1e11aa1204"),
+            name: 'tag'
+          }, getSchemaTpl('combo-container', {
+            type: 'input-kv',
+            mode: 'normal',
+            name: 'props',
+            label: i18n("24d67862f87f439db7ca957aecb77cce")
+          })]
+        }])]
+      }]);
+    };
+
+    return _this;
+  }
+
+  return WebComponentPlugin;
+}(BasePlugin);
+registerEditorPlugin(WebComponentPlugin);
+
+export { WebComponentPlugin };