fix: 解决格式化后出现undefinde的问题，增加了howAnimation属性

Author: qq154239735

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

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

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

@@ -75,7 +75,7 @@ export default defineComponent({
 
  const TimeUl = (timeList:Array<ArrType>)=>{
  return (
- <div class='time-item' style={{'width':props.format.length>6?'33.333%':'50%'}}>
+ <div class='time-item' style={{'flex':1}}>
  <TimeScroll>
  <ul class='time-ul'>
  {TimeLi(timeList)}

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

@@ -8,7 +8,6 @@
  background-color: $devui-connected-overlay-bg;
  box-shadow: 0 0 2px 2px $devui-shadow;
  border-radius: $devui-border-radius;
- border: 1px solid $devui-line;
  overflow: hidden;
  position: fixed;
  z-index: -1;

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

@@ -1,10 +1,12 @@
 import { defineComponent, onBeforeUnmount, onMounted, onUnmounted } from 'vue'
+import { TimePickerProps, timePickerProps } from '../../time-picker-types'
 import useTimeScroll from './composables/use-time-scroll'
 
 import './index.scss'
 
 export default defineComponent({
  name:'DTimeScroll',
+ props:timePickerProps,
  setup(props,ctx){
  const {
  scrollBoxDom,
@@ -44,7 +46,7 @@ export default defineComponent({
  return (
  <>
  <div ref={scrollBoxDom} class="devui-scroll-box">
- <div ref={scrollContentDom} class={`box-content ${ isDown.value ? 'box-content-behavior-auto':''}`} 
+ <div ref={scrollContentDom} class={`box-content ${ isDown.value || !props.showAnimation ? 'box-content-behavior-auto':''}`} 
  style={{'margin-right': marginRight + 'px'}}>
  {
  ctx.slots.default?.()

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

@@ -37,16 +37,18 @@ export default function useTimePicker(
  const mouseInIputFun = ()=>{
  if(firsthandActiveTime.value == '00:00:00'){
 
- const vModelValueArr = vModeValue.value.split(':')
+
+ const vModelValueArr = value.split(':')
  const minTimeValueArr = minTime.split(':')
 
  vModeValue.value == ''
  ? vModeValue.value = '00:00:00' 
  : ''
 
  if( vModeValue.value > minTime ){
- firsthandActiveTime.value = vModeValue.value
+ firsthandActiveTime.value = value
  setInputValue(vModelValueArr[0],vModelValueArr[1],vModelValueArr[2])
+
  }else{
  firsthandActiveTime.value = minTime
  setInputValue(minTimeValueArr[0],minTimeValueArr[1],minTimeValueArr[2])
@@ -70,6 +72,7 @@ export default function useTimePicker(
 
  const vModelValueArr = vModeValue.value.split(':')
  vModeValue.value && setInputValue(vModelValueArr[0],vModelValueArr[1],vModelValueArr[2])
+ 
  }
 
 

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

@@ -33,6 +33,10 @@ export const timePickerProps = {
  autoOpen:{
  type:Boolean,
  default:false
+ },
+ showAnimation:{
+ type:Boolean,
+ default:true
  }
 } as const;