feat(src/packages): 信息下的控件 时间选择器，右侧配置选择日期类型默认值和快捷选择不一致问题

@@ -7,28 +7,46 @@
   <collapse-item name="时间配置" :expanded="true">
   <collapse-item name="时间配置" :expanded="true">
     <setting-item-box name="快捷选择">
     <setting-item-box name="快捷选择">
       <setting-item name="日期">
       <setting-item name="日期">
-        <n-select clearable @change="shortCutSelect" v-model:value="optionData.shortcut" size="small" :options="intervalOption" />
+        <n-select
+          clearable
+          @change="shortCutSelect"
+          v-model:value="optionData.shortcut"
+          size="small"
+          :options="intervalOption"
+        />
       </setting-item>
       </setting-item>
     </setting-item-box>
     </setting-item-box>
     <setting-item-box name="基础">
     <setting-item-box name="基础">
       <setting-item name="类型">
       <setting-item name="类型">
-        <n-select v-model:value="optionData.componentInteractEventKey" size="small" :options="datePickerTypeOptions"
-                  @update:value="datePickerTypeUpdate"/>
+        <n-select
+          v-model:value="optionData.componentInteractEventKey"
+          size="small"
+          :options="datePickerTypeOptions"
+          @update:value="datePickerTypeUpdate"
+        />
       </setting-item>
       </setting-item>
     </setting-item-box>
     </setting-item-box>
     <setting-item-box name="默认值">
     <setting-item-box name="默认值">
       <setting-item name="类型">
       <setting-item name="类型">
-        <n-select v-model:value="optionData.defaultType" size="small" :options="defaultTypeOptions"
-                  @update:value="defaultTypeUpdate" />
+        <n-select
+          v-model:value="optionData.defaultType"
+          size="small"
+          :options="defaultTypeOptions"
+          @update:value="defaultTypeUpdate"
+        />
       </setting-item>
       </setting-item>
-
     </setting-item-box>
     </setting-item-box>
     <setting-item-box v-if="optionData.defaultType === DefaultTypeEnum.STATIC" :alone="true">
     <setting-item-box v-if="optionData.defaultType === DefaultTypeEnum.STATIC" :alone="true">
       <setting-item name="静态默认值">
       <setting-item name="静态默认值">
-        <n-date-picker size="small" clearable v-model:value="optionData.dataset" :type="optionData.componentInteractEventKey" />
+        <n-date-picker
+          size="small"
+          clearable
+          v-model:value="optionData.dataset"
+          :type="optionData.componentInteractEventKey"
+        />
       </setting-item>
       </setting-item>
     </setting-item-box>
     </setting-item-box>
-    <setting-item-box v-if="optionData.defaultType === DefaultTypeEnum.DYNAMIC" >
+    <setting-item-box v-if="optionData.defaultType === DefaultTypeEnum.DYNAMIC">
       <template #name>
       <template #name>
         <n-text></n-text>
         <n-text></n-text>
         <n-tooltip trigger="hover">
         <n-tooltip trigger="hover">
@@ -43,7 +61,7 @@
       <setting-item :name="differValueName">
       <setting-item :name="differValueName">
         <n-input-number v-model:value="optionData.differValue[0]" class="input-num-width" size="small">
         <n-input-number v-model:value="optionData.differValue[0]" class="input-num-width" size="small">
           <template #suffix>
           <template #suffix>
-            {{DifferUnitObject[optionData.differUnit[0]]}}
+            {{ DifferUnitObject[optionData.differUnit[0]] }}
           </template>
           </template>
         </n-input-number>
         </n-input-number>
       </setting-item>
       </setting-item>
@@ -53,7 +71,7 @@
       <setting-item v-if="isRange" name="结束值动态偏移量">
       <setting-item v-if="isRange" name="结束值动态偏移量">
         <n-input-number v-model:value="optionData.differValue[1]" class="input-num-width" size="small">
         <n-input-number v-model:value="optionData.differValue[1]" class="input-num-width" size="small">
           <template #suffix>
           <template #suffix>
-            {{DifferUnitObject[optionData.differUnit[1]]}}
+            {{ DifferUnitObject[optionData.differUnit[1]] }}
           </template>
           </template>
         </n-input-number>
         </n-input-number>
       </setting-item>
       </setting-item>
@@ -61,18 +79,17 @@
         <n-select v-model:value="optionData.differUnit[1]" size="small" :options="differUnitOptions" />
         <n-select v-model:value="optionData.differUnit[1]" size="small" :options="differUnitOptions" />
       </setting-item>
       </setting-item>
     </setting-item-box>
     </setting-item-box>
-
   </collapse-item>
   </collapse-item>
 </template>
 </template>
 
 
 <script lang="ts" setup>
 <script lang="ts" setup>
-import { PropType,computed } from 'vue'
+import { PropType, computed, ref } from 'vue'
 import { icon } from '@/plugins'
 import { icon } from '@/plugins'
 import { CollapseItem, SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting'
 import { CollapseItem, SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting'
 import { option } from './config'
 import { option } from './config'
 import { intervalOption } from './shortcutTime'
 import { intervalOption } from './shortcutTime'
 import { ComponentInteractEventEnum, DefaultTypeEnum, DifferUnitEnum, DifferUnitObject } from './interact'
 import { ComponentInteractEventEnum, DefaultTypeEnum, DifferUnitEnum, DifferUnitObject } from './interact'
-import dayjs from "dayjs";
+import dayjs from 'dayjs'
 
 
 const { HelpOutlineIcon } = icon.ionicons5
 const { HelpOutlineIcon } = icon.ionicons5
 
 
@@ -152,7 +169,6 @@ const defaultTypeOptions = [
   }
   }
 ]
 ]
 
 
-
 const differUnitOptions = [
 const differUnitOptions = [
   // ManipulateType
   // ManipulateType
   {
   {
@@ -193,7 +209,6 @@ const differUnitOptions = [
   }
   }
 ]
 ]
 
 
-
 const isRange = computed(() => {
 const isRange = computed(() => {
   return props.optionData.componentInteractEventKey.endsWith('range')
   return props.optionData.componentInteractEventKey.endsWith('range')
 })
 })
@@ -206,8 +221,13 @@ const differUnitName = computed(() => {
   return isRange.value ? '开始值偏移单位' : '偏移单位'
   return isRange.value ? '开始值偏移单位' : '偏移单位'
 })
 })
 
 
+const startTs = ref(0)
+const endTs = ref(0)
+
 const datePickerTypeUpdate = () => {
 const datePickerTypeUpdate = () => {
-  props.optionData.dataset = isRange.value ? [dayjs().valueOf(), dayjs().valueOf()] : [dayjs().valueOf()]
+  props.optionData.dataset = isRange.value
+    ? [startTs.value ? startTs.value : dayjs().valueOf(), endTs.value ? endTs.value : dayjs().valueOf()]
+    : [dayjs().valueOf()]
 }
 }
 
 
 const defaultTypeUpdate = (v: string) => {
 const defaultTypeUpdate = (v: string) => {
@@ -220,9 +240,9 @@ const defaultTypeUpdate = (v: string) => {
 }
 }
 
 
 const shortCutSelect = (value: number) => {
 const shortCutSelect = (value: number) => {
-  const startTs = Date.now() - value
-  const endTs = Date.now()
-  props.optionData.dataset = [startTs, endTs] as any
+  startTs.value = Date.now() - value
+  endTs.value = Date.now()
+  props.optionData.dataset = [startTs.value, endTs.value] as any
 }
 }
 // shortCutSelect(24*60*60*1000)//默认近1天
 // shortCutSelect(24*60*60*1000)//默认近1天
 </script>
 </script>