feat(data-picker): add method onApply

examples/date-picker/demos/date-range.vue

@@ -12,11 +12,13 @@
       style="width: 350px"
       @pick="onPick"
       @change="onChange"
+      @apply="onApply"
     />
   </div>
 </template>
 
 <script setup>
 const onPick = (value, context) => console.log('onPick:', value, context);
 const onChange = (value) => console.log('onChange:', value);
+const onApply = (value) => console.log('onApply:', value);
 </script>

src/date-picker/date-picker.tsx

@@ -332,6 +332,21 @@ export default defineComponent({
       this.submitInput(selectedDates, true);
 
       if (closePicker) {
+        const mode = this.range ? 'range' : this.mode;
+        const { multiSeparator } = this;
+
+        switch (mode) {
+          case 'date':
+          case 'month':
+          case 'year':
+            emitEvent(this, 'apply', selectedDates.join(multiSeparator));
+            break;
+          case 'range':
+            emitEvent(this, 'apply', selectedDates);
+            break;
+          default:
+            break;
+        }
         this.close();
       }
     },

src/date-picker/props.ts

@@ -95,4 +95,6 @@ export default {
   onInput: Function as PropType<TdDatePickerProps['onInput']>,
   /* 选中日期时触发，可能是开始日期，也可能是结束日期，第二个参数可以区分是开始日期或是结束日期 */
   onPick: Function as PropType<TdDateRangePickerProps['onPick']>,
+  /* 选择或点击确定按钮后触发 */
+  onApply: Function as PropType<TdDateRangePickerProps['onApply']>,
 };

src/date-picker/type.ts

@@ -199,6 +199,10 @@ export interface TdDateRangePickerProps {
    * 选中日期时触发，可能是开始日期，也可能是结束日期，第二个参数可以区分是开始日期或是结束日期
    */
   onPick?: (value: DateValue, context: PickContext) => void;
+  /**
+   * 选择或点击确定按钮后触发
+   */
+  onApply?: (value: DateRangeValue) => void;
 }
 
 export type DisableDate = Array<DateValue> | DisableDateObj | ((date: DateValue) => boolean);