amis-editor 5.2.0 → 5.2.1-beta.15

package/src/plugin/Form/InputText.tsx

@@ -1,364 +0,0 @@
-import {registerEditorPlugin} from '../../manager';
-import {
-  BasePlugin,
-  BasicSubRenderInfo,
-  RendererEventContext,
-  SubRendererInfo,
-  BaseEventContext
-} from '../../plugin';
-import {
-  defaultValue,
-  getSchemaTpl,
-  setSchemaTpl
-} from '../../component/schemaTpl';
-import {ValidatorTag} from '../../component/validator';
-import {tipedLabel} from '../../component/control/BaseControl';
-import {getEventControlConfig} from '../../util';
-
-const isText = 'data.type === "input-text"';
-const isPassword = 'data.type === "input-password"';
-const isEmail = 'data.type === "input-email"';
-const isUrl = 'data.type === "input-url"';
-function isTextShow(value: string, name: boolean): boolean {
-  return ['input-text'].includes(value) ? !!name : false;
-}
-
-export class TextControlPlugin extends BasePlugin {
-  // 关联渲染器名字
-  rendererName = 'input-text';
-
-  $schema = '/schemas/TextControlSchema.json';
-
-  order = -500;
-  // 添加源对应组件中文名称 & type字段
-  searchKeywords =
-    '文本框、邮箱框、input-email、URL框、input-url、密码框、input-password';
-  // 组件名称
-  name = '文本框';
-
-  isBaseComponent = true;
-  icon = 'fa fa-terminal';
-
-  description = '文本输入框，支持普通文本、密码、URL、邮箱等多种内容输入';
-
-  docLink = '/amis/zh-CN/components/form/text';
-
-  tags = ['表单项'];
-
-  scaffold = {
-    type: 'input-text',
-    label: '文本',
-    name: 'text'
-  };
-
-  previewSchema: any = {
-    type: 'form',
-    className: 'text-left',
-    wrapWithPanel: false,
-    mode: 'horizontal',
-    body: [
-      {
-        ...this.scaffold
-      }
-    ]
-  };
-
-  notRenderFormZone = true;
-
-  panelTitle = '文本框';
-
-  events = [
-    // {
-    //   eventName: 'click',
-    //   eventLabel: '点击',
-    //   description: '点击事件'
-    // },
-    {
-      eventName: 'change',
-      eventLabel: '值变化',
-      description: '输入框内容变化',
-      dataSchema: [
-        {
-          type: 'object',
-          properties: {
-            'event.data.value': {
-              type: 'string',
-              title: '输入值'
-            }
-          }
-        }
-      ]
-    },
-    {
-      eventName: 'focus',
-      eventLabel: '获取焦点',
-      description: '输入框获取焦点',
-      dataSchema: [
-        {
-          type: 'object',
-          properties: {
-            'event.data.value': {
-              type: 'string',
-              title: '输入值'
-            }
-          }
-        }
-      ]
-    },
-    {
-      eventName: 'blur',
-      eventLabel: '失去焦点',
-      description: '输入框失去焦点',
-      dataSchema: [
-        {
-          type: 'object',
-          properties: {
-            'event.data.value': {
-              type: 'string',
-              title: '输入值'
-            }
-          }
-        }
-      ]
-    }
-    // 貌似无效，先下掉
-    // {
-    //   eventName: 'enter',
-    //   eventLabel: '回车',
-    //   description: '按键回车'
-    // }
-  ];
-
-  actions = [
-    {
-      actionType: 'clear',
-      actionLabel: '清空',
-      description: '清空输入框内容'
-    },
-    {
-      actionType: 'reset',
-      actionLabel: '重置',
-      description: '将值重置为resetValue，若没有配置resetValue，则清空'
-    },
-    {
-      actionType: 'reload',
-      actionLabel: '重新加载',
-      description: '触发组件数据刷新并重新渲染'
-    },
-    {
-      actionType: 'setValue',
-      actionLabel: '赋值',
-      description: '触发组件数据更新'
-    }
-  ];
-
-  panelJustify = true;
-
-  panelBodyCreator = (context: BaseEventContext) => {
-    const renderer: any = context.info.renderer;
-
-    return getSchemaTpl('tabs', [
-      {
-        title: '属性',
-        body: getSchemaTpl('collapseGroup', [
-          {
-            title: '基本',
-            body: [
-              getSchemaTpl('formItemName', {
-                required: true
-              }),
-              getSchemaTpl('label'),
-              getSchemaTpl('inputType', {
-                value: this.scaffold.type,
-                onChange: (
-                  value: string,
-                  oldValue: string,
-                  model: any,
-                  form: any
-                ) => {
-                  const {
-                    showCounter,
-                    validations,
-                    validationErrors = {},
-                    autoComplete
-                  } = form.data;
-
-                  const is_old_email = oldValue === 'input-email';
-                  const is_old_url = oldValue === 'input-url';
-
-                  if (is_old_email) {
-                    validations && delete validations.isEmail;
-                    validationErrors && delete validationErrors.isEmail;
-                  }
-
-                  if (is_old_url) {
-                    validations && delete validations.isUrl;
-                    validationErrors && delete validationErrors.isUrl;
-                  }
-
-                  form.setValues({
-                    type: value,
-                    showCounter: ['input-url', 'input-email'].includes(value)
-                      ? undefined
-                      : !!showCounter,
-                    autoComplete: ['input-text'].includes(value)
-                      ? autoComplete
-                      : undefined
-                  });
-                  form.changeValue('validations', {...validations});
-                  form.changeValue('validationErrors', {...validationErrors});
-                }
-              }),
-              getSchemaTpl('value'),
-              getSchemaTpl('clearable'),
-              // getSchemaTpl('multiple',{
-              //   visibleOn: `${isText} || ${isUrl}`
-              // }),
-              getSchemaTpl('showCounter', {
-                visibleOn: `${isText} || ${isPassword}`
-              }),
-              {
-                name: 'addOn',
-                label: tipedLabel('AddOn', '输入框左侧或右侧的附加挂件'),
-                type: 'ae-Switch-More',
-                mode: 'normal',
-                formType: 'extend',
-                title: 'AddOn',
-                bulk: false,
-                defaultData: {
-                  label: '按钮',
-                  type: 'button'
-                },
-                form: {
-                  body: [
-                    {
-                      name: 'type',
-                      label: '类型',
-                      type: 'button-group-select',
-                      inputClassName: 'items-center',
-                      pipeIn: defaultValue('button'),
-                      options: [
-                        {
-                          label: '文本',
-                          value: 'text'
-                        },
-
-                        {
-                          label: '按钮',
-                          value: 'button'
-                        },
-
-                        {
-                          label: '提交',
-                          value: 'submit'
-                        }
-                      ]
-                    },
-                    getSchemaTpl('horizontal-align', {
-                      name: 'position',
-                      pipeIn: defaultValue('right')
-                    }),
-                    {
-                      name: 'label',
-                      label: '文字',
-                      type: 'input-text'
-                    },
-                    getSchemaTpl('icon')
-                  ]
-                }
-              },
-
-              // {
-              //   type: 'ae-Switch-More',
-              //   mode: 'normal',
-              //   label: tipedLabel(
-              //     '自动补全',
-              //     '根据输入内容，调用接口提供选项。当前输入值可用${term}变量'
-              //     ),
-              //   visibleOn: isText,
-              //   formType: 'extend',
-              //   defaultData: {
-              //     autoComplete: {
-              //       method: 'get',
-              //       url: ''
-              //     }
-              //   },
-              //   form: {
-              //     body: [
-              //       getSchemaTpl('apiControl', {
-              //         name: 'autoComplete',
-              //         label: '接口',
-              //         description: '',
-              //         visibleOn: 'data.autoComplete !== false',
-              //         footer: []
-              //       })
-              //     ]
-              //   }
-              // },
-              getSchemaTpl('labelRemark'),
-              getSchemaTpl('remark'),
-              getSchemaTpl('placeholder'),
-              getSchemaTpl('description')
-            ]
-          },
-          getSchemaTpl('status', {
-            isFormItem: true,
-            readonly: true
-          }),
-          getSchemaTpl('validation', {
-            tag: (data: any) => {
-              switch (data.type) {
-                case 'input-password':
-                  return ValidatorTag.Password;
-                case 'input-email':
-                  return ValidatorTag.Email;
-                case 'input-url':
-                  return ValidatorTag.URL;
-                default:
-                  return ValidatorTag.Text;
-              }
-            }
-          })
-          // {
-          //   title: '高级',
-          //   body: [
-          //     getSchemaTpl('autoFill')
-          //   ]
-          // }
-        ])
-      },
-      {
-        title: '外观',
-        body: getSchemaTpl('collapseGroup', [
-          getSchemaTpl('style:formItem', {renderer}),
-          getSchemaTpl('style:classNames', {
-            schema: [
-              getSchemaTpl('className', {
-                label: '描述',
-                name: 'descriptionClassName',
-                visibleOn: 'this.description'
-              }),
-              getSchemaTpl('className', {
-                name: 'addOn.className',
-                label: 'AddOn',
-                visibleOn: 'this.addOn && this.addOn.type === "text"'
-              })
-            ]
-          })
-        ])
-      },
-      {
-        title: '事件',
-        className: 'p-none',
-        body: [
-          getSchemaTpl('eventControl', {
-            name: 'onEvent',
-            ...getEventControlConfig(this.manager, context)
-          })
-        ]
-      }
-    ]);
-  };
-}
-
-registerEditorPlugin(TextControlPlugin);

package/src/plugin/Form/InputTime.tsx

@@ -1,36 +0,0 @@
-import {registerEditorPlugin} from '../../manager';
-import {DateControlPlugin} from './InputDate';
-
-export class TimeControlPlugin extends DateControlPlugin {
-  // 关联渲染器名字
-  rendererName = 'input-time';
-  $schema = '/schemas/TimeControlSchema.json';
-
-  // 组件名称
-  name = '时间框';
-  isBaseComponent = true;
-  icon = 'fa fa-clock-o';
-  description = `时分秒输入`;
-  docLink = '/amis/zh-CN/components/form/input-time';
-  tags = ['表单项'];
-  scaffold = {
-    type: 'input-time',
-    label: '时间',
-    name: 'time'
-  };
-
-  disabledRendererPlugin = true;
-  previewSchema: any = {
-    type: 'form',
-    className: 'text-left',
-    mode: 'horizontal',
-    wrapWithPanel: false,
-    body: {
-      ...this.scaffold
-    }
-  };
-
-  panelTitle = '时间框';
-}
-
-registerEditorPlugin(TimeControlPlugin);

package/src/plugin/Form/InputTimeRange.tsx

@@ -1,41 +0,0 @@
-import {registerEditorPlugin} from '../../manager';
-
-import {DateRangeControlPlugin} from './InputDateRange';
-
-export class TimeRangeControlPlugin extends DateRangeControlPlugin {
-  // 关联渲染器名字
-  rendererName = 'input-time-range';
-  $schema = '/schemas/DateRangeControlSchema.json';
-
-  order = -440;
-
-  // 组件名称
-  icon = 'fa fa-calendar';
-  name = '日期范围';
-  isBaseComponent = true;
-  description =
-    '时间范围选择，可通过<code>minDate</code>、<code>maxDate</code>设定最小、最大日期';
-  docLink = '/amis/zh-CN/components/form/time-range';
-  tags = ['表单项'];
-  scaffold = {
-    type: 'input-time-range',
-    label: '日期范围',
-    name: 'time-range'
-  };
-  previewSchema: any = {
-    type: 'form',
-    className: 'text-left',
-    mode: 'horizontal',
-    wrapWithPanel: false,
-    body: [
-      {
-        ...this.scaffold
-      }
-    ]
-  };
-
-  disabledRendererPlugin = true;
-  notRenderFormZone = true;
-}
-
-registerEditorPlugin(TimeRangeControlPlugin);