amis-editor 5.2.0 → 5.2.1-beta.15

package/src/plugin/Tpl.tsx

@@ -1,174 +0,0 @@
-import {registerEditorPlugin} from '../manager';
-import {BaseEventContext, BasePlugin} from '../plugin';
-import {defaultValue, getSchemaTpl, setSchemaTpl} from '../component/schemaTpl';
-import {tipedLabel} from '../component/control/BaseControl';
-
-setSchemaTpl('tpl:content', {
-  label: tipedLabel(
-    '文字内容',
-    '支持使用 <code>\\${xxx}</code> 来获取变量，或者用 lodash.template 语法来写模板逻辑。<a target="_blank" href="/amis/zh-CN/docs/concepts/template">详情</a>'
-  ),
-  type: 'textarea',
-  minRows: 5,
-  language: 'html',
-  visibleOn: 'data.wrapperComponent !== undefined',
-  pipeIn: (value: any, data: any) => value || (data && data.html),
-  name: 'tpl'
-});
-
-setSchemaTpl('tpl:rich-text', {
-  label: '内容',
-  type: 'input-rich-text',
-  mode: 'normal',
-  buttons: [
-    'paragraphFormat',
-    'quote',
-    'color',
-    '|',
-    'bold',
-    'italic',
-    'underline',
-    'strikeThrough',
-    '|',
-    'formatOL',
-    'formatUL',
-    'align',
-    '|',
-    'insertLink',
-    'insertImage',
-    'insertTable',
-    '|',
-    'undo',
-    'redo',
-    'fullscreen'
-  ],
-  minRows: 5,
-  language: 'html',
-  visibleOn: 'data.wrapperComponent === undefined',
-  pipeIn: (value: any, data: any) => value || (data && data.html),
-  name: 'tpl'
-});
-
-setSchemaTpl('tpl:wrapperComponent', {
-  name: 'wrapperComponent',
-  type: 'select',
-  pipeIn: (value: any) => (value === undefined ? 'rich-text' : value),
-  pipeOut: (value: any) => (value === 'rich-text' ? undefined : value),
-  label: '文字格式',
-  options: [
-    {
-      label: '普通文字',
-      value: ''
-    },
-    {
-      label: '段落',
-      value: 'p'
-    },
-    {
-      label: '一级标题',
-      value: 'h1'
-    },
-    {
-      label: '二级标题',
-      value: 'h2'
-    },
-    {
-      label: '三级标题',
-      value: 'h3'
-    },
-    {
-      label: '四级标题',
-      value: 'h4'
-    },
-    {
-      label: '五级标题',
-      value: 'h5'
-    },
-    {
-      label: '六级标题',
-      value: 'h6'
-    },
-    {
-      label: '富文本',
-      value: 'rich-text'
-    }
-  ],
-  onChange: (value: string, oldValue: string, model: any, form: any) => {
-    (value === undefined || oldValue === undefined) &&
-      form.setValueByName('tpl', '');
-  }
-});
-
-export class TplPlugin extends BasePlugin {
-  // 关联渲染器名字
-  rendererName = 'tpl';
-  $schema = '/schemas/TplSchema.json';
-
-  // 组件名称
-  name = '文字';
-  isBaseComponent = true;
-  icon = 'fa fa-file-o';
-  description = '用来展示文字或者段落，支持模板语法可用来关联动态数据。';
-  docLink = '/amis/zh-CN/components/tpl';
-  tags = ['展示'];
-  previewSchema = {
-    type: 'tpl',
-    tpl: '这是模板内容当前时间<%- new Date() %>'
-  };
-  scaffold: any = {
-    type: 'tpl',
-    tpl: '请编辑内容',
-    inline: true,
-    wrapperComponent: ''
-  };
-
-  panelTitle = '文字';
-  panelJustify = true;
-  panelBodyCreator = (context: BaseEventContext) => {
-    // 在表格/CRUD/模型列表的一列里边
-    const isInTable: boolean = /\/cell\/field\/tpl$/.test(context.path);
-
-    return getSchemaTpl('tabs', [
-      {
-        title: '属性',
-        body: getSchemaTpl('collapseGroup', [
-          {
-            title: '基本',
-            body: [
-              !isInTable ? getSchemaTpl('tpl:wrapperComponent') : null,
-              getSchemaTpl('switch', {
-                label: tipedLabel(
-                  '内联模式',
-                  '内联模式默认采用 <code>span</code> 标签包裹内容、非内联将默认采用 <code>div</code> 标签作为容器。'
-                ),
-                name: 'inline',
-                pipeIn: defaultValue(true),
-                hiddenOn:'data.wrapperComponent !== ""'
-              }),
-              getSchemaTpl('tpl:content'),
-              getSchemaTpl('tpl:rich-text')
-            ]
-          },
-          getSchemaTpl('status')
-        ])
-      },
-      {
-        title: '外观',
-        body: getSchemaTpl('collapseGroup', [
-          ...getSchemaTpl('style:common', ['layout']),
-          getSchemaTpl('style:classNames', {
-            isFormItem: false
-          })
-        ])
-      }
-    ]);
-  };
-
-  popOverBody = [
-    getSchemaTpl('tpl:content'),
-    getSchemaTpl('tpl:rich-text'),
-    getSchemaTpl('tpl:wrapperComponent')
-  ];
-}
-
-registerEditorPlugin(TplPlugin);

package/src/plugin/Video.tsx

@@ -1,147 +0,0 @@
-import {registerEditorPlugin} from '../manager';
-import {BasePlugin} from '../plugin';
-import {getSchemaTpl} from '../component/schemaTpl';
-import {JSONPipeOut} from '../util';
-import {mockValue} from '../mocker';
-
-export class VideoPlugin extends BasePlugin {
-  // 关联渲染器名字
-  rendererName = 'video';
-  $schema = '/schemas/VideoSchema.json';
-
-  // 组件名称
-  name = '视频';
-  isBaseComponent = true;
-  description = '视频控件，可以用来播放各种视频文件，包括 flv 和 hls 格式。';
-  docLink = '/amis/zh-CN/components/video';
-  tags = ['功能'];
-  icon = 'fa fa-video-camera';
-  scaffold = {
-    type: 'video',
-    autoPlay: false,
-    src: 'https://media.w3.org/2010/05/sintel/trailer_hd.mp4',
-    poster: mockValue({type: 'image'})
-  };
-  previewSchema = {
-    ...this.scaffold
-  };
-
-  panelTitle = '视频';
-  panelBody = [
-    getSchemaTpl('tabs', [
-      {
-        title: '常规',
-        body: [
-          {
-            name: 'src',
-            type: 'input-text',
-            label: '视频地址',
-            description:
-              '可以写静态值，也可以用变量取比如：<code>\\${videoSrc}</code>'
-          },
-
-          {
-            name: 'poster',
-            type: 'input-text',
-            label: '视频封面图片地址',
-            description:
-              '可以写静态值，也可以用变量取比如：<code>\\${videoPoster}</code>'
-          },
-
-          getSchemaTpl('switch', {
-            name: 'autoPlay',
-            label: '自动播放'
-          }),
-
-          getSchemaTpl('switch', {
-            name: 'muted',
-            label: '静音'
-          }),
-
-          getSchemaTpl('switch', {
-            name: 'isLive',
-            label: '直播流',
-            description: '如果是直播流，请勾选，否则有可能不能正常播放。'
-          })
-        ]
-      },
-      {
-        title: '外观',
-        body: [
-          {
-            name: 'aspectRatio',
-            label: '视频比例',
-            type: 'button-group-select',
-            size: 'sm',
-            mode: 'inline',
-            className: 'block',
-            value: 'auto',
-            options: [
-              {
-                label: '自动',
-                value: 'auto'
-              },
-
-              {
-                label: '4:3',
-                value: '4:3'
-              },
-
-              {
-                label: '16:9',
-                value: '16:9'
-              }
-            ]
-          },
-
-          getSchemaTpl('switch', {
-            name: 'splitPoster',
-            label: '分开显示封面'
-          }),
-
-          getSchemaTpl('className')
-        ]
-      },
-      {
-        title: '显隐',
-        body: [getSchemaTpl('visible')]
-      },
-      {
-        title: '其他',
-        body: [
-          getSchemaTpl('ref'),
-          {
-            type: 'input-text',
-            name: 'rates',
-            label: '视频速率',
-            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(
-              item => ({
-                label: item,
-                value: item
-              })
-            )
-          },
-
-          {
-            name: 'frames',
-            type: 'input-text',
-            label: '视频帧信息',
-            description:
-              '比如填写：<code>\\${videoFrames}</code>会在当前作用域中查找 videoFrames 变量，如果是对象，将生成视频截图列表，点击后可跳转到对应的帧。'
-          }
-        ]
-      }
-    ])
-  ];
-
-  filterProps(props: any) {
-    props.frames = JSONPipeOut(props.frames);
-
-    return props;
-  }
-}
-
-registerEditorPlugin(VideoPlugin);

package/src/plugin/WebComponent.tsx

@@ -1,53 +0,0 @@
-import {registerEditorPlugin} from '../manager';
-import {BasePlugin} from '../plugin';
-import '@webcomponents/webcomponentsjs/custom-elements-es5-adapter';
-
-// 需要一个示例，不然默认的没有高度都无法选中
-class WebComponentDemo extends HTMLElement {
-  connectedCallback() {
-    const shadow = this.attachShadow({mode: 'open'});
-    shadow.textContent = 'web-component-demo';
-  }
-}
-try {
-  customElements.define('web-component-demo', WebComponentDemo);
-} catch (error: any) {
-  console.log('[amis-editor]', error);
-}
-
-export class WebComponentPlugin extends BasePlugin {
-  // 关联渲染器名字
-  rendererName = 'web-component';
-  $schema = '/schemas/WebComponentSchema.json';
-
-  // 组件名称
-  name = 'Web Component';
-  isBaseComponent = true;
-  description = '用于渲染 Web Component 组件';
-  docLink = '/amis/zh-CN/components/web-component';
-  tags = ['容器'];
-  icon = 'fa fa-square-o';
-  scaffold = {
-    type: 'web-component',
-    tag: 'web-component-demo'
-  };
-  previewSchema = {
-    ...this.scaffold
-  };
-
-  panelTitle = '包裹';
-  panelBody = [
-    {
-      type: 'input-text',
-      label: '标签',
-      name: 'tag'
-    },
-    {
-      type: 'input-kv',
-      label: '属性',
-      name: 'props'
-    }
-  ];
-}
-
-registerEditorPlugin(WebComponentPlugin);