chore: release 1.10.5-naruto (#3391)

* fix(DatePicker): panel top arrow doesn't work when using week mode

* fix(table): resolve colspan handling for multi-header (#3372)

* fix(tag-input): prevent backspace event in readonly mode and add test (#3376)

* fix(drawer): fix the issue where the header does not behave as expected (#3385)

* feat(switch): support beforeChange API (#3386)

* feat(DatePicker): support disableTime API (#3324)

* fix(TimePicker): fixed only support hh:mm format

* fix(TimePicker): disabled position only is  start

* fix(Upload): fixed vue error on uploadPastedFiles is false

* docs: add readonly in api

* feat(DatePicker): add disableTime prop

* chore: fix typo and desc (#3388)

* chore: fix typo

* chore: fix descriptions

* fix(color-picker): recentColors delete (#3384)

* fix(color-picker): recentColors delete

* fix(color-picker): format

* feat(cascader): click item to  close panel when trigger is hover (#3389)

* chore: release 1.10.5 (#3390)

* chore: release 1.10.5

* chore: changelog's changes

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

---------

Co-authored-by: 阿菜 Cai <[email protected]>
Co-authored-by: 王洋 <[email protected]>
Co-authored-by: Zhong <[email protected]>
Co-authored-by: centuryPark <[email protected]>
Co-authored-by: myron <[email protected]>
Co-authored-by: wuxx <[email protected]>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

Author: 8 people

CHANGELOG.md

@@ -5,6 +5,19 @@ toc: false
 docClass: timeline
 ---
 
+## 🌈 1.10.5 `2024-11-08` 
+### 🚀 Features
+- `Switch`: 新增 `before-change` API, 用于需要发起异步请求的场景 @centuryPark ([#3386](https://github.com/Tencent/tdesign-vue/pull/3386))
+- `DatePicker`: 新增 `disableTime` API，在日期时间选择器场景下使用 @myronliu347 ([#3324](https://github.com/Tencent/tdesign-vue/pull/3324))
+- `Cascader`: 单选模式下当`trigger`为`hover`时，选中选项后自动关闭面板 @uyarn ([#3389](https://github.com/Tencent/tdesign-vue/pull/3389))
+### 🐞 Bug Fixes
+- `DatePicker`: `DateRangePickerPanel`组件`mode`为`week`时无法通过左右箭头调整月份 @RSS1102 ([#3370](https://github.com/Tencent/tdesign-vue/pull/3370))
+- `Table`: 修复多级表头下的通过`colspan`合并表头的问题 @wangyang0210 ([#3372](https://github.com/Tencent/tdesign-vue/pull/3372))
+- `ColorPicker`: 修复最近使用颜色删除的缺陷，调整为选中才能删除 @superNos ([#3384](https://github.com/Tencent/tdesign-vue/pull/3384))
+- `TagInput`: 修复在`readonly` 模式下仍可以通过`Backspace` 删除已选项的缺陷 @RSS1102 ([#3376](https://github.com/Tencent/tdesign-vue/pull/3376))
+### 🚧 Others
+- `Drawer`: 修复 `live demo` 中头部配置展示异常的问题 @cszhjh  ([#3385](https://github.com/Tencent/tdesign-vue/pull/3385))
+
 ## 🌈 1.10.4 `2024-10-18` 
 ### 🚀 Features
 - `TimePicker`: 新增 `autoSwap` API，支持`1.10.2` 版本之后仍支持保持选定的左右侧时间大小顺序 @uyarn ([#3363](https://github.com/Tencent/tdesign-vue/pull/3363))

package.json

@@ -1,7 +1,7 @@
 {
   "name": "tdesign-vue",
   "purename": "tdesign",
-  "version": "1.10.4-naruto",
+  "version": "1.10.5-naruto",
   "description": "tdesign-vue",
   "title": "tdesign-vue",
   "keywords": [

script/generate-usage/config.js

@@ -624,7 +624,8 @@ module.exports = {
       drawer: `
         <div>
           <t-button @click="handleClick">Open Drawer</t-button>
-          <t-drawer v-bind="configProps" :visible.sync="visible" header="header">
+          <t-drawer v-bind="configProps" :visible.sync="visible">
+            <template #header>header</template>
             <p>This is a Drawer</p>
           </t-drawer>
         </div>

src/cascader/core/effect.ts

@@ -61,7 +61,8 @@ export function expendClickEffect(
     // 非受控状态下更新状态
     setValue(valueType === 'single' ? value : node.getPath().map((item) => item.value), 'check', node.getModel());
 
-    if (!checkStrictly) {
+    // 当 trigger 为 hover 时 ，点击节点一定是关闭 panel 的操作
+    if (!checkStrictly || propsTrigger === 'hover') {
       setVisible(false, {});
     }
   }

src/color-picker/panel/index.tsx

@@ -283,10 +283,10 @@ export default defineComponent({
   },
   render() {
     const {
-      baseClassName, statusClassNames, t, global, recentColors, swatchColors, previewColorStyle, isGradient,
+      baseClassName, statusClassNames, t, global, swatchColors, previewColorStyle, isGradient,
     } = this;
 
-    const showUsedColors = recentColors !== null && recentColors !== false;
+    const showUsedColors = this.recentlyUsedColors !== null && this.recentlyUsedColors !== false;
 
     let systemColors = swatchColors;
     if (systemColors === undefined) {

src/color-picker/panel/swatches.tsx

@@ -69,13 +69,10 @@ export default defineComponent({
      * 移除颜色
      */
     const handleRemoveColor = () => {
-      const colors = [...props.colors];
+      const { colors } = props;
       const selectedIndex = selectedColorIndex.value;
-      if (selectedIndex > -1) {
-        colors.splice(selectedIndex, 1);
-      } else {
-        colors.length = 0;
-      }
+      if (selectedIndex === -1) return;
+      colors.splice(selectedIndex, 1);
       props.handleChange?.(colors);
       setVisiblePopConfirm(false);
     };

src/date-picker/DatePicker.tsx

@@ -237,6 +237,7 @@ export default defineComponent({
       presets: props.presets,
       time: time.value as string,
       disableDate: props.disableDate,
+      disableTime: props.disableTime,
       firstDayOfWeek: props.firstDayOfWeek,
       timePickerProps: props.timePickerProps,
       enableTimePicker: props.enableTimePicker,

src/date-picker/DateRangePicker.tsx

@@ -403,6 +403,7 @@ export default defineComponent({
       presets: props.presets,
       time: time.value,
       disableDate: props.disableDate,
+      disableTime: props.disableTime,
       firstDayOfWeek: props.firstDayOfWeek,
       timePickerProps: props.timePickerProps,
       enableTimePicker: props.enableTimePicker,

src/date-picker/DateRangePickerPanel.tsx

@@ -26,6 +26,7 @@ export default defineComponent({
     defaultValue: dateRangePickerProps.defaultValue,
     disabled: dateRangePickerProps.disabled,
     disableDate: dateRangePickerProps.disableDate,
+    disableTime: dateRangePickerProps.disableTime,
     enableTimePicker: dateRangePickerProps.enableTimePicker,
     firstDayOfWeek: dateRangePickerProps.firstDayOfWeek,
     format: dateRangePickerProps.format,
@@ -135,7 +136,13 @@ export default defineComponent({
         prev: 'arrow-previous',
         next: 'arrow-next',
       };
-      const monthCountMap = { date: 1, month: 12, year: 120 };
+      const monthCountMap = {
+        date: 1,
+        week: 1,
+        month: 12,
+        quarter: 12,
+        year: 120,
+      };
       const monthCount = monthCountMap[props.mode] || 0;
       const current = new Date(year.value[partialIndex], month.value[partialIndex]);
 
@@ -385,6 +392,7 @@ export default defineComponent({
       presets: props.presets,
       time: time.value,
       disableDate: props.disableDate,
+      disableTime: props.disableTime,
       firstDayOfWeek: props.firstDayOfWeek,
       timePickerProps: props.timePickerProps,
       enableTimePicker: props.enableTimePicker,

src/date-picker/_example-composition/disable-date.vue

@@ -23,8 +23,7 @@
       placeholder="禁用日期精确到时间"
       enable-time-picker
       :disable-date="{ before: dayjs().subtract(1, 'day').format() }"
-      :time-picker-props="timePickerProps"
-      @pick="(date) => (pickDate = dayjs(date).format('YYYY-MM-DD'))"
+      :disable-time="disableTime"
     />
     <t-date-range-picker
       placeholder="禁用最近 5 天外的日期"
@@ -37,18 +36,14 @@
 </template>
 
 <script setup>
-import { ref, computed } from 'vue';
 import dayjs from 'dayjs';
 
-const pickDate = ref('');
-const timePickerProps = computed(() => ({
-  disableTime: () => {
-    if (pickDate.value === dayjs().format('YYYY-MM-DD')) {
-      return {
-        hour: [0, 1, 2, 3, 4, 5, 6],
-      };
-    }
-    return {};
-  },
-}));
+const disableTime = (time) => {
+  if (dayjs(time).format('YYYY-MM-DD') === dayjs().format('YYYY-MM-DD')) {
+    return {
+      hour: [0, 1, 2, 3, 4, 5, 6],
+    };
+  }
+  return {};
+};
 </script>