perf: 优化交互结构，优化时间选择器组件

src/packages/components/Informations/Inputs/InputsDate/config.ts

@@ -1,52 +1,18 @@
-import { NDatePicker } from 'naive-ui'
+import dayjs from 'dayjs'
+import cloneDeep from 'lodash/cloneDeep'
 import { PublicConfigClass } from '@/packages/public'
 import { CreateComponentType } from '@/packages/index.d'
-import { InputsDateConfig } from './index'
-import cloneDeep from 'lodash/cloneDeep'
 import { chartInitConfig } from '@/settings/designSetting'
-import { InteractEventOn, InteractActionType } from '@/enums/eventEnum'
-
-// 时间组件类型
-enum ComponentInteractEvent {
-  DATE = 'date',
-  DATERANGE = 'daterange'
-}
+import { COMPONENT_INTERACT_EVENT_KET } from '@/enums/eventEnum'
+import { interactActions, ComponentInteractEventEnum } from './interact'
+import { InputsDateConfig } from './index'
 
 export const option = {
-  dataset: {
-    count: 0,
-    // 时间组件展示类型 daterange & date
-    type: ComponentInteractEvent.DATE,
-    range: undefined
-  }
+  // 时间组件展示类型，必须和 interactActions 中定义的数据一致
+  [COMPONENT_INTERACT_EVENT_KET]: ComponentInteractEventEnum.DATE,
+  dataset: dayjs().valueOf()
 }
 
-// 定义组件触发回调事件
-const interactActions: InteractActionType[] = [
-  {
-    interactType: InteractEventOn.CHANGE,
-    interactName: '完成后的回调',
-    componentEmitEvents: {
-      [ComponentInteractEvent.DATE]: [
-        {
-          value: 'date',
-          label: '日期'
-        }
-      ],
-      [ComponentInteractEvent.DATERANGE]: [
-        {
-          value: 'dateStart',
-          label: '开始时间'
-        },
-        {
-          value: 'dateEnd',
-          label: '结束时间'
-        }
-      ]
-    }
-  }
-]
-
 export default class Config extends PublicConfigClass implements CreateComponentType {
   public key = InputsDateConfig.key
   public attr = { ...chartInitConfig, w: 260, h: 32, zIndex: -1 }