fix: 解决格式化出现undefined的BUG，并增加了showAnimation属性

Author: qq154239735

packages/devui-vue/devui/time-picker/src/components/popup-line/index.scss

@@ -8,7 +8,6 @@
  height: 256px;
  border-bottom: 1px solid $devui-dividing-line;
  display: flex;
-
  .time-item {
  height: 100%;
  display: inline-block;

packages/devui-vue/devui/time-picker/src/components/popup-line/index.tsx

@@ -53,7 +53,6 @@ export default defineComponent({
  timeListDom,
  )
 
-
  const setOutoTime = (time:string)=>{
  resetTimeValue(time)
  }

packages/devui-vue/devui/time-picker/src/components/time-popup/index.scss

@@ -30,4 +30,4 @@
  display: flex;
  justify-content: space-between;
  align-items: center;
-}
+}

packages/devui-vue/devui/time-picker/src/components/time-scroll/index.tsx

@@ -60,6 +60,5 @@ export default defineComponent({
  </>
  )
  }
- 
  }
 })

packages/devui-vue/devui/time-picker/src/composables/use-time-picker.ts

@@ -37,7 +37,6 @@ export default function useTimePicker(
  const mouseInIputFun = ()=>{
  if(firsthandActiveTime.value == '00:00:00'){
 
-
  const vModelValueArr = value.split(':')
  const minTimeValueArr = minTime.split(':')
 
@@ -48,13 +47,11 @@ export default function useTimePicker(
  if( vModeValue.value > minTime ){
  firsthandActiveTime.value = value
  setInputValue(vModelValueArr[0],vModelValueArr[1],vModelValueArr[2])
-
  }else{
  firsthandActiveTime.value = minTime
  setInputValue(minTimeValueArr[0],minTimeValueArr[1],minTimeValueArr[2])
  }
  }
-
  isActive.value = true
  showPopup.value = true
  }

packages/devui-vue/devui/time-picker/src/time-picker-types.ts

@@ -40,5 +40,4 @@ export const timePickerProps = {
  }
 } as const;
 
-
 export type TimePickerProps = ExtractPropTypes<typeof timePickerProps>;

packages/devui-vue/docs/components/time-picker/index.md

@@ -86,29 +86,30 @@
  </div>
  <div>
  <h4 class='my-10'>mm:HH:ss</h4>
- <d-time-picker format='mm:HH:ss' v-model="vModelValues"/>
+ <d-time-picker format='mm:HH:ss' v-model="vModelValueFirst"/>
  </div>
  <div>
  <h4 class='my-10'>hh:mm</h4>
- <d-time-picker format='hh:mm' v-model="vModelValues"/>
+ <d-time-picker format='hh:mm'/>
  </div>
  <div>
  <h4 class='my-10'>MM:ss</h4>
- <d-time-picker format='MM:ss' v-model="vModelValues"/>
+ <d-time-picker format='MM:ss'/>
  </div>
 </template>
 <script>
  import { ref,defineComponent,watch } from 'vue'
  export default defineComponent({
  setup(props,ctx){
- let vModelValues = ref('23:30:20')
+ let vModelValueFirst = ref('23:10:20')
+
 
- watch(vModelValues,(newValue,oldValue)=>{
+ watch(vModelValueFirst,(newValue,oldValue)=>{
  console.log(newValue,oldValue)
  })
 
  return{
- vModelValues
+ vModelValueFirst
  }
  }
  })
@@ -241,6 +242,7 @@ d-time-picker 参数
 |minTime / min-time|string|'00:00:00'|可选，限制最小可选时间|[格式化](#时间区间限制)|
 |maxTime / max-time|string|'23:59:59'|可选，限制最大可选时间|[格式化](#时间区间限制)|
 |customViewTemplate|TemplateRef|--|可选，自定义快捷设置时间或自定义操作区内容|[传入模板](#传入模板)|
+|showAnimation|boolean| true |可选，是否开启动画|✔|
 
 d-time-picker 事件