feat: optimize and fix component library

- Replace mouse events with pointer events in ColorPicker, Scrollbar, Image, Slider
- Optimize Table header sticky scroll effect
- Add touch-action: none to ColorPicker sliders to prevent page scroll on touch devices
- Update dependencies and minor code/docs improvements

Author: deardai

README.md

@@ -16,7 +16,7 @@
 
 ## Features
 
-- The component library is implemented with `Vue@3.5.24`+ `TypeScript@5.9.3` + `Vite@7.2.2` + `Less@4.4.2`.
+- The component library is implemented with `Vue@3.5.29`+ `TypeScript@5.9.3` + `Vite@7.3.1` + `Less@4.5.1`.
 - Currently, it includes `67` basic UI components and `18` utility functions, with continuous exploration and updates ongoing...
 - Theme Customizable, all you need is to provide a theme color, then all the stuffs will be done by me.
 - By the way, they are all treeshakable.

README.zh-CN.md

@@ -16,7 +16,7 @@
 
 ## 特性
 
-- 组件库采用 `Vue@3.5.24`+ `TypeScript@5.9.3` + `Vite@7.2.2` + `Less@4.4.2` 实现
+- 组件库采用 `Vue@3.5.29`+ `TypeScript@5.9.3` + `Vite@7.3.1` + `Less@4.5.1` 实现
 - 目前共包含 `67` 个基础 `UI` 组件以及 `18` 个工具函数，并且持续探索更新中...
 - 主题可调，你只需提供一个主题色，剩下的都交给我
 - 顺便一提，它们全都可以 `treeshaking`

components/datepicker/DatePicker.vue

@@ -7,7 +7,7 @@ export interface Props {
   width?: string | number // 日期选择器宽度，单位 px
   size?: 'small' | 'middle' | 'large' // 日期选择器大小
   mode?: 'time' | 'date' | 'week' | 'month' | 'year' // 选择器模式，可选：时间 time，日期 date，周 week，月 month，年 year
-  // format?: string | ((date: Date) => string) | ((dates: Date[]) => string) // 日期展示格式，(yy: 年, M: 月, d: 天, H: 时, m: 分, s: 秒, w: 周)
+  format?: string | ((date: Date) => string) | ((dates: Date[]) => string) // 日期展示格式，(yy: 年, M: 月, d: 天, H: 时, m: 分, s: 秒, w: 周)
   showTime?: boolean // 是否增加时间选择
   showToday?: boolean // 是否展示”今天“按钮
   range?: boolean // 是否使用范围选择器
@@ -22,13 +22,14 @@ const props = withDefaults(defineProps<Props>(), {
   size: 'middle',
   mode: 'date',
   /* format default
-    Single picker: 'MM/dd/yyyy HH:mm'
+    Date picker: 'MM/dd/yyyy HH:mm'
     Range picker: 'MM/dd/yyyy HH:mm - MM/dd/yyyy HH:mm'
     Month picker: 'MM/yyyy'
     Time picker: 'HH:mm'
     Time picker range: 'HH:mm - HH:mm'
-    Week picker: 'ww-yyyy'
+    Week picker: 'RR-yyyy' | 'ww-yyyy' (depends on week numbering)
   */
+  format: undefined,
   showTime: false,
   showToday: false,
   range: false,
@@ -112,6 +113,7 @@ function maxRangeDisabledDates(date: Date): boolean {
     auto-apply
     text-input
     :model-type="modelType"
+    :formats="{ input: format }"
     :day-names="['一', '二', '三', '四', '五', '六', '七']"
     :disabled-dates="range && maxRange ? maxRangeDisabledDates : []"
     @range-start="rangeStart"

components/modal/Modal.vue

@@ -126,7 +126,7 @@ const modalContentStyle = computed(() => {
   return getComputedValue('contentStyle') as CSSProperties
 })
 const modalBodyClass = computed(() => {
-  return getComputedValue('bodyClass')
+  return getComputedValue('bodyClass') as string
 })
 const modalBodyStyle = computed(() => {
   return getComputedValue('bodyStyle') as CSSProperties

components/utils/resolver.ts

@@ -119,12 +119,12 @@ function getSideEffects(componentName: string, options?: VueAmazingUIResolverOpt
   if (componentName === 'DatePicker') {
     // 特殊处理 DatePicker 组件样式依赖文件
     sideEffects.push(
-      `vue-amazing-ui/${type}/node_modules/.pnpm/@vuepic_vue-datepicker@12.0.4_vue@3.5.24_typescript@5.9.3_/node_modules/@vuepic/vue-datepicker/dist/main.css`
+      `vue-amazing-ui/${type}/node_modules/.pnpm/@vuepic_vue-datepicker@12.1.0_vue@3.5.29_typescript@5.9.3_/node_modules/@vuepic/vue-datepicker/dist/main.css`
     )
   }
   if (componentName === 'Swiper') {
     // 特殊处理 Swiper 组件样式依赖文件
-    sideEffects.push(`vue-amazing-ui/${type}/node_modules/.pnpm/swiper@12.0.3/node_modules/swiper/swiper.css`)
+    sideEffects.push(`vue-amazing-ui/${type}/node_modules/.pnpm/swiper@12.1.2/node_modules/swiper/swiper.css`)
     const swiperModulesStyle = [
       'effect-cards',
       'effect-creative',
@@ -136,7 +136,7 @@ function getSideEffects(componentName: string, options?: VueAmazingUIResolverOpt
     ]
     swiperModulesStyle.forEach((moduleName) => {
       sideEffects.push(
-        `vue-amazing-ui/${type}/node_modules/.pnpm/swiper@12.0.3/node_modules/swiper/modules/${moduleName}.css`
+        `vue-amazing-ui/${type}/node_modules/.pnpm/swiper@12.1.2/node_modules/swiper/modules/${moduleName}.css`
       )
     })
   }