amis-editor 4.2.0-beta.0 → 5.2.0-beta.0

package/src/plugin/Others/Action.tsx

@@ -1,426 +0,0 @@
-import {Button} from 'amis-ui';
-import React from 'react';
-import {registerEditorPlugin} from '../../manager';
-import {
-  BaseEventContext,
-  BasePlugin,
-  BasicPanelItem,
-  BasicToolbarItem,
-  BuildPanelEventContext
-} from '../../plugin';
-import {defaultValue, getSchemaTpl} from '../../component/schemaTpl';
-import {diff} from '../../util';
-
-export class ActionPlugin extends BasePlugin {
-  panelTitle = '按钮';
-  panelBodyCreator = (context: BaseEventContext) => {
-    const isInDialog = /(?:\/|^)dialog\/.+$/.test(context.path);
-    const isInDropdown = /(?:\/|^)dropdown-button\/.+$/.test(context.path);
-
-    return [
-      {
-        label: '按钮行为',
-        type: 'select',
-        name: 'actionType',
-        pipeIn: defaultValue(''),
-        options: [
-          {
-            label: '默认',
-            value: ''
-          },
-          {
-            label: '弹框',
-            value: 'dialog'
-          },
-
-          {
-            label: '抽出式弹框（Drawer）',
-            value: 'drawer'
-          },
-
-          {
-            label: '发送请求',
-            value: 'ajax'
-          },
-
-          {
-            label: '下载文件',
-            value: 'download'
-          },
-
-          {
-            label: '页面跳转(单页模式)',
-            value: 'link'
-          },
-
-          {
-            label: '页面跳转',
-            value: 'url'
-          },
-
-          {
-            label: '刷新目标',
-            value: 'reload'
-          },
-
-          {
-            label: '复制内容',
-            value: 'copy'
-          },
-
-          {
-            label: '提交',
-            value: 'submit'
-          },
-
-          {
-            label: '重置',
-            value: 'reset'
-          },
-
-          {
-            label: '重置表单并提交',
-            value: 'reset-and-submit'
-          },
-
-          {
-            label: '清空表单并提交',
-            value: 'clear-and-submit'
-          },
-
-          {
-            label: '确认',
-            value: 'confirm'
-          },
-
-          {
-            label: '取消',
-            value: 'cancel'
-          },
-
-          {
-            label: '跳转下一条',
-            value: 'next'
-          },
-
-          {
-            label: '跳转上一条',
-            value: 'prev'
-          }
-        ]
-      },
-
-      {
-        type: 'input-text',
-        name: 'content',
-        visibleOn: 'data.actionType == "copy"',
-        label: '复制内容模板'
-      },
-
-      {
-        type: 'select',
-        name: 'copyFormat',
-        options: [
-          {
-            label: '纯文本',
-            value: 'text/plain'
-          },
-          {
-            label: '富文本',
-            value: 'text/html'
-          }
-        ],
-        visibleOn: 'data.actionType == "copy"',
-        label: '复制格式'
-      },
-
-      {
-        type: 'input-text',
-        name: 'target',
-        visibleOn: 'data.actionType == "reload"',
-        label: '指定刷新目标',
-        required: true
-      },
-
-      {
-        name: 'dialog',
-        pipeIn: defaultValue({
-          title: '弹框标题',
-          body: '<p>对，你刚刚点击了</p>'
-        }),
-        asFormItem: true,
-        children: ({value, onChange, data}: any) =>
-          data.actionType === 'dialog' ? (
-            <Button
-              size="sm"
-              level="danger"
-              className="m-b"
-              onClick={() =>
-                this.manager.openSubEditor({
-                  title: '配置弹框内容',
-                  value: {type: 'dialog', ...value},
-                  onChange: value => onChange(value)
-                })
-              }
-              block
-            >
-              配置弹框内容
-            </Button>
-          ) : null
-      },
-
-      {
-        visibleOn: 'data.actionType == "drawer"',
-        name: 'drawer',
-        pipeIn: defaultValue({
-          title: '弹框标题',
-          body: '<p>对，你刚刚点击了</p>'
-        }),
-        asFormItem: true,
-        children: ({value, onChange, data}: any) =>
-          data.actionType == 'drawer' ? (
-            <Button
-              size="sm"
-              level="danger"
-              className="m-b"
-              onClick={() =>
-                this.manager.openSubEditor({
-                  title: '配置抽出式弹框内容',
-                  value: {type: 'drawer', ...value},
-                  onChange: value => onChange(value)
-                })
-              }
-              block
-            >
-              配置抽出式弹框内容
-            </Button>
-          ) : null
-      },
-
-      getSchemaTpl('api', {
-        label: '目标API',
-        visibleOn: 'data.actionType == "ajax" || data.actionType == "download"'
-      }),
-
-      {
-        name: 'feedback',
-        pipeIn: defaultValue({
-          title: '弹框标题',
-          body: '<p>内容</p>'
-        }),
-        asFormItem: true,
-        children: ({onChange, value, data}: any) =>
-          data.actionType == 'ajax' ? (
-            <div className="m-b">
-              <Button
-                size="sm"
-                level={value ? 'danger' : 'info'}
-                onClick={() =>
-                  this.manager.openSubEditor({
-                    title: '配置反馈弹框详情',
-                    value: {type: 'dialog', ...value},
-                    onChange: value => onChange(value)
-                  })
-                }
-              >
-                配置反馈弹框内容
-              </Button>
-
-              {value ? (
-                <Button
-                  size="sm"
-                  level="link"
-                  className="m-l"
-                  onClick={() => onChange('')}
-                >
-                  清空设置
-                </Button>
-              ) : null}
-            </div>
-          ) : null
-      },
-
-      {
-        name: 'feedback.visibleOn',
-        label: '是否弹出表达式',
-        type: 'input-text',
-        visibleOn: 'this.feedback',
-        autoComplete: false,
-        description: '请使用 JS 表达式如：`this.xxx == 1`'
-      },
-
-      {
-        name: 'feedback.skipRestOnCancel',
-        label: '弹框取消是否中断后续操作',
-        type: 'switch',
-        mode: 'inline',
-        className: 'block',
-        visibleOn: 'this.feedback'
-      },
-
-      {
-        name: 'feedback.skipRestOnConfirm',
-        label: '弹框确认是否中断后续操作',
-        type: 'switch',
-        mode: 'inline',
-        className: 'block',
-        visibleOn: 'this.feedback'
-      },
-
-      {
-        type: 'input-text',
-        label: '目标地址',
-        name: 'link',
-        visibleOn: 'data.actionType == "link"'
-      },
-
-      {
-        type: 'input-text',
-        label: '目标地址',
-        name: 'url',
-        visibleOn: 'data.actionType == "url"',
-        placeholder: 'http://'
-      },
-
-      {
-        type: 'switch',
-        name: 'blank',
-        visibleOn: 'data.actionType == "url"',
-        mode: 'inline',
-        className: 'w-full',
-        label: '是否用新窗口打开',
-        value: true
-      },
-
-      isInDialog
-        ? {
-            visibleOn: 'data.actionType == "submit" || data.type == "submit"',
-            name: 'close',
-            type: 'switch',
-            mode: 'inline',
-            className: 'w-full',
-            pipeIn: defaultValue(true),
-            label: '是否关闭当前弹框'
-          }
-        : null,
-
-      {
-        name: 'confirmText',
-        type: 'textarea',
-        label: '确认文案',
-        description: '点击后会弹出此内容，等用户确认后才进行相应的操作。'
-      },
-
-      {
-        type: 'input-text',
-        name: 'reload',
-        label: '刷新目标组件',
-        visibleOn: 'data.actionType != "link" && data.actionType != "url"',
-        description:
-          '当前动作完成后，指定目标组件刷新。支持传递数据如：<code>xxx?a=\\${a}&b=\\${b}</code>，多个目标请用英文逗号隔开。'
-      },
-
-      {
-        type: 'input-text',
-        name: 'target',
-        visibleOn: 'data.actionType != "reload"',
-        label: '指定响应组件',
-        description:
-          '指定动作执行者，默认为当前组件所在的功能性性组件，如果指定则转交给目标组件来处理。'
-      },
-
-      {
-        type: 'js-editor',
-        allowFullscreen: true,
-        name: 'onClick',
-        label: '自定义点击事件',
-        description: '将会传递 event 和 props 两个参数'
-      },
-
-      {
-        type: 'input-text',
-        name: 'hotKey',
-        label: '键盘快捷键'
-      }
-    ];
-  };
-
-  buildEditorPanel(
-    context: BuildPanelEventContext,
-    panels: Array<BasicPanelItem>
-  ) {
-    // 多选时不处理
-    if (context.selections.length) {
-      return;
-    }
-
-    if (
-      ~['action', 'button', 'submit', 'reset', 'sparkline'].indexOf(
-        context.info!.renderer.name!
-      )
-    ) {
-      let body: any = this.panelBodyCreator(context);
-
-      // sparkline 的 action 配置是放 clickAction 参数下的，所以需要加一层
-      if (context.info.renderer.name === 'sparkline') {
-        body = {
-          name: 'clickAction',
-          type: 'combo',
-          label: '',
-          noBorder: true,
-          multiLine: true,
-          items: body
-        };
-      }
-
-      panels.push({
-        key: 'action',
-        icon: 'fa fa-gavel',
-        title: '动作',
-        render: this.manager.makeSchemaFormRender({
-          body: body
-        }),
-        order: 100
-      });
-    } else {
-      super.buildEditorPanel(context, panels);
-    }
-  }
-
-  buildEditorToolbar(
-    {id, schema, info}: BaseEventContext,
-    toolbars: Array<BasicToolbarItem>
-  ) {
-    if (
-      ~['action', 'button', 'submit', 'reset'].indexOf(info!.renderer.name!) &&
-      schema.actionType === 'dialog'
-    ) {
-      toolbars.push({
-        iconSvg: 'dialog',
-        tooltip: `配置弹框内容`,
-        placement: 'bottom',
-        onClick: () => this.editDetail(id)
-      });
-    }
-  }
-
-  editDetail(id: string) {
-    const manager = this.manager;
-    const store = manager.store;
-    const node = store.getNodeById(id);
-    const value = store.getValueOf(id);
-
-    node &&
-      value &&
-      this.manager.openSubEditor({
-        title: '配置弹框内容',
-        value: {type: 'dialog', ...value.dialog},
-        onChange: newValue => {
-          newValue = {...value, dialog: newValue};
-          manager.panelChangeValue(newValue, diff(value, newValue));
-        }
-      });
-  }
-}
-
-registerEditorPlugin(ActionPlugin);