amis-editor 4.2.0-beta.3 → 5.1.8

package/src/plugin/Form/InputDateTimeRange.tsx

@@ -1,15 +1,8 @@
-import {relativeValueRe} from 'amis';
-import {defaultValue, getSchemaTpl} from '../../component/schemaTpl';
 import {registerEditorPlugin} from '../../manager';
-import {
-  BasePlugin,
-  BasicSubRenderInfo,
-  RendererEventContext,
-  SubRendererInfo
-} from '../../plugin';
-import moment from 'moment';
 
-export class DateTimeRangeControlPlugin extends BasePlugin {
+import {DateRangeControlPlugin} from './InputDateRange';
+
+export class DateTimeRangeControlPlugin extends DateRangeControlPlugin {
   // 关联渲染器名字
   rendererName = 'input-datetime-range';
   $schema = '/schemas/DateTimeRangeControlSchema.json';
@@ -26,8 +19,8 @@ export class DateTimeRangeControlPlugin extends BasePlugin {
   tags = ['表单项'];
   scaffold = {
     type: 'input-datetime-range',
-    label: '日期时间范围',
-    name: 'input-datetime-range'
+    label: '日期范围',
+    name: 'datetime-range'
   };
   previewSchema: any = {
     type: 'form',
@@ -41,181 +34,8 @@ export class DateTimeRangeControlPlugin extends BasePlugin {
     ]
   };
 
-  panelTitle = '日期时间范围';
-  panelBody = [
-    getSchemaTpl('placeholder', {
-      pipeIn: defaultValue('请选择日期时间范围')
-    }),
-
-    {
-      type: 'input-text',
-      name: 'format',
-      label: '值格式',
-      description:
-        '请参考 <a href="https://momentjs.com/" target="_blank">moment</a> 中的格式用法。',
-      pipeIn: defaultValue('X'),
-      onChange: (value: any, oldValue: any, model: any, form: any) => {
-        form.setValueByName('value', '');
-        form.setValueByName('minDate', '');
-        form.setValueByName('maxDate', '');
-      }
-    },
-
-    getSchemaTpl('switchDefaultValue'),
-
-    {
-      type: 'input-text',
-      name: 'value',
-      label: '默认值',
-      visibleOn: 'typeof this.value !== "undefined"',
-      placeholder: '请输入相对值',
-      description:
-        '支持 <code>now、+1day、-2weeks</code>这种相对值用法，由于包含开始和结束时间，请用逗号隔开。'
-    },
-
-    {
-      type: 'fieldSet',
-      title: '使用固定值',
-      visibleOn: 'typeof this.value !== "undefined"',
-      collapsed: true,
-      collapsable: true,
-      className: 'fieldset',
-      body: [
-        {
-          type: 'input-datetime-range',
-          name: 'value',
-          pipeIn: (value: any) =>
-            value
-              ? value
-                  .split(',')
-                  .map((item: any) =>
-                    moment(
-                      relativeValueRe.test(item) ||
-                        ~['now', 'today'].indexOf(item)
-                        ? ''
-                        : item
-                    ).format('X')
-                  )
-              : '',
-          pipeOut: (value: any, old: any, data: any) => {
-            let {format} = data;
-            if (format) {
-              let val = value.split(',');
-              value = val
-                .map((item: string) =>
-                  moment(parseInt(item, 10), 'X').format(format)
-                )
-                .join(',');
-            }
-            return value;
-          }
-        }
-      ]
-    },
-    getSchemaTpl('clearable', {
-      pipeIn: defaultValue(true)
-    }),
-    {
-      type: 'input-text',
-      name: 'minDate',
-      label: '最小日期时间',
-      placeholder: '请输入相对值',
-      description:
-        '支持 <code>now、+1day、-2weeks</code>这种相对值用法，同时支持变量如<code>\\${start_date}</code>'
-    },
-
-    {
-      type: 'fieldSet',
-      title: '使用固定值',
-      collapsed: true,
-      collapsable: true,
-      className: 'fieldset',
-      body: [
-        {
-          type: 'input-datetime',
-          name: 'minDate',
-          pipeIn: (value: any) =>
-            moment(
-              relativeValueRe.test(value) || ~['now', 'today'].indexOf(value)
-                ? ''
-                : value
-            ).format('X'),
-          pipeOut: (value: any, old: any, data: any) => {
-            return moment(parseInt(value, 10), 'X').format(data.format);
-          }
-        }
-      ]
-    },
-
-    {
-      type: 'divider'
-    },
-
-    {
-      type: 'input-text',
-      name: 'maxDate',
-      label: '最大日期时间',
-      placeholder: '请输入相对值',
-      description:
-        '支持 <code>now、+1day、-2weeks</code>这种相对值用法，同时支持变量如<code>\\${start_date}</code>'
-    },
-
-    {
-      type: 'fieldSet',
-      title: '使用固定值',
-      collapsed: true,
-      collapsable: true,
-      className: 'fieldset',
-      body: [
-        {
-          type: 'input-datetime',
-          name: 'maxDate',
-          pipeIn: (value: any) =>
-            moment(
-              relativeValueRe.test(value) || ~['now', 'today'].indexOf(value)
-                ? ''
-                : value
-            ).format('X'),
-          pipeOut: (value: any, old: any, data: any) => {
-            return moment(parseInt(value, 10), 'X').format(data.format);
-          }
-        }
-      ]
-    },
-    {
-      type: 'input-text',
-      name: 'minDuration',
-      label: '限制最小跨度',
-      description: '比如 2days'
-    },
-    {
-      type: 'input-text',
-      name: 'ranges',
-      label: '日期范围快捷键',
-      description:
-        '比如 today, yesterday, 1dayago, 7daysago, 90daysago, prevweek, thismonth, prevmonth, prevquarter, thisquarter'
-    },
-    {
-      type: 'input-text',
-      name: 'maxDuration',
-      label: '限制最大跨度',
-      description: '比如 1year'
-    },
-    {
-      name: 'utc',
-      label: '是否使用 UTC 时间',
-      type: 'switch',
-      mode: 'inline',
-      className: 'block'
-    },
-    {
-      name: 'embed',
-      label: '是否内嵌模式',
-      type: 'switch',
-      mode: 'inline',
-      className: 'block'
-    }
-  ];
+  disabledRendererPlugin = true;
+  notRenderFormZone = true;
 }
 
 registerEditorPlugin(DateTimeRangeControlPlugin);

package/src/plugin/Form/InputEmail.tsx

@@ -17,6 +17,7 @@ export class EmailControlPlugin extends TextControlPlugin {
     name: 'email'
   };
 
+  disabledRendererPlugin = true;
   previewSchema = {
     type: 'form',
     className: 'text-left',

package/src/plugin/Form/InputExcel.tsx

@@ -9,10 +9,13 @@ import {
 import {registerEditorPlugin} from '../../manager';
 import {
   BasePlugin,
+  BaseEventContext,
   BasicSubRenderInfo,
   RendererEventContext,
   SubRendererInfo
 } from '../../plugin';
+import {formItemControl} from '../../component/control/BaseControl';
+import {RendererAction, RendererEvent} from '../../event-action';
 
 export class ExcelControlPlugin extends BasePlugin {
   // 关联渲染器名字
@@ -43,43 +46,83 @@ export class ExcelControlPlugin extends BasePlugin {
     ]
   };
   panelTitle = '上传 Excel';
-  panelBody = [
+
+  notRenderFormZone = true;
+
+  // 事件定义
+  events: RendererEvent[] = [
     {
-      label: '解析模式',
-      name: 'parseMode',
-      type: 'select',
-      options: [
+      eventName: 'change',
+      eventLabel: '值变化',
+      description: 'excel 上传解析完成后触发',
+      dataSchema: [
         {
-          label: '对象',
-          value: 'object'
-        },
-        {label: '数组', value: 'array'}
+          type: 'object',
+          properties: {
+            'event.data.value': {
+              type: 'string',
+              title: 'excel 解析后的数据'
+            }
+          }
+        }
       ]
-    },
+    }
+  ];
+
+  // 动作定义
+  actions: RendererAction[] = [
     {
-      type: 'switch',
-      name: 'allSheets',
-      label: '是否解析所有 Sheet',
-      mode: 'inline',
-      className: 'w-full'
+      actionType: 'clear',
+      actionLabel: '清空',
+      description: '清除选中值'
     },
     {
-      type: 'switch',
-      name: 'plainText',
-      label: '是否解析为纯文本',
-      pipeIn: defaultValue(true),
-      mode: 'inline',
-      className: 'w-full'
+      actionType: 'reset',
+      actionLabel: '重置',
+      description: '将值重置为resetValue，若没有配置resetValue，则清空'
     },
     {
-      type: 'switch',
-      name: 'includeEmpty',
-      label: '是否包含空内容',
-      mode: 'inline',
-      visibleOn: 'data.parseMode === "array"',
-      className: 'w-full'
+      actionType: 'setValue',
+      actionLabel: '赋值',
+      description: '触发组件数据更新'
     }
   ];
+  panelBodyCreator = (context: BaseEventContext) => {
+    return formItemControl({
+      common: {
+        body: [
+          {
+            label: '解析模式',
+            name: 'parseMode',
+            type: 'select',
+            options: [
+              {
+                label: '对象',
+                value: 'object'
+              },
+              {label: '数组', value: 'array'}
+            ]
+          },
+          getSchemaTpl('switch', {
+            name: 'allSheets',
+            label: '是否解析所有 Sheet'
+          }),
+
+          getSchemaTpl('switch', {
+            name: 'plainText',
+            label: '是否解析为纯文本',
+            pipeIn: defaultValue(true)
+          }),
+
+          getSchemaTpl('switch', {
+            name: 'includeEmpty',
+            label: '是否包含空内容',
+            visibleOn: 'data.parseMode === "array"'
+          })
+        ]
+      }
+    }, context);
+  };
 }
 
 registerEditorPlugin(ExcelControlPlugin);