vue-amazing-ui 2.10.1 → 2.12.0

package/README.md

@@ -17,7 +17,7 @@
 ## Features
 
 - The component library is implemented with `Vue@3.5.42`+ `TypeScript@5.9.3` + `Vite@7.3.1` + `Less@4.5.1`.
-- Currently, it includes `69` basic UI components and `22` utility functions, with continuous exploration and updates ongoing...
+- Currently, it includes `70` basic UI components and `22` 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.
 - All the stuff in Vue Amazing UI is written in TypeScript. It can work with your typescript project seamlessly.
@@ -247,30 +247,30 @@ All sponsors will be listed here, thank you very much for your support and spons
 | Countdown       | 倒计时      | DatePicker     | 日期选择器  |
 | Descriptions    | 描述列表    | Dialog         | 对话框      |
 | Divider         | 分割线      | Drawer         | 抽屉        |
-| Ellipsis        | 文本省略    | Empty          | 空状态      |
-| Flex            | 弹性布局    | FloatButton    | 浮动按钮    |
-| GradientText    | 渐变文字    | Grid           | 栅格        |
-| Highlight       | 高亮文本    | Image          | 图片        |
-| Input           | 输入框      | InputNumber    | 数字输入框  |
-| InputSearch     | 搜索框      | List           | 列表        |
-| LoadingBar      | 加载条      | Message        | 全局提示    |
-| Modal           | 模态框      | Notification   | 通知提醒    |
-| NumberAnimation | 数值动画    | Pagination     | 分页        |
-| Popconfirm      | 弹出确认    | Popover        | 气泡卡片    |
-| Progress        | 进度条      | QRCode         | 二维码      |
-| Radio           | 单选框      | Rate           | 评分        |
-| Result          | 结果        | Scrollbar      | 滚动条      |
-| Segmented       | 分段控制器  | Select         | 选择器      |
-| Skeleton        | 骨架屏      | Slider         | 滑动输入条  |
-| Space           | 间距        | Spin           | 加载中      |
-| Statistic       | 统计数值    | Steps          | 步骤条      |
-| Swiper          | 触摸滑动    | Switch         | 开关        |
-| Table           | 表格        | Tabs           | 标签页      |
-| Tag             | 标签        | Textarea       | 文本域      |
-| TextScroll      | 文字滚动    | Timeline       | 时间轴      |
-| Tooltip         | 文字提示    | Upload         | 上传        |
-| Video           | 播放器      | Waterfall      | 瀑布流      |
-| Watermark       | 水印        |                |             |
+| Dropdown        | 下拉菜单    | Ellipsis       | 文本省略    |
+| Empty           | 空状态      | Flex           | 弹性布局    |
+| FloatButton     | 浮动按钮    | GradientText   | 渐变文字    |
+| Grid            | 栅格        | Highlight      | 高亮文本    |
+| Image           | 图片        | Input          | 输入框      |
+| InputNumber     | 数字输入框  | InputSearch    | 搜索框      |
+| List            | 列表        | LoadingBar     | 加载条      |
+| Message         | 全局提示    | Modal          | 模态框      |
+| Notification    | 通知提醒    | NumberAnimation| 数值动画    |
+| Pagination      | 分页        | Popconfirm     | 弹出确认    |
+| Popover         | 气泡卡片    | Progress       | 进度条      |
+| QRCode          | 二维码      | Radio          | 单选框      |
+| Rate            | 评分        | Result         | 结果        |
+| Scrollbar       | 滚动条      | Segmented      | 分段控制器  |
+| Select          | 选择器      | Skeleton       | 骨架屏      |
+| Slider          | 滑动输入条  | Space          | 间距        |
+| Spin            | 加载中      | Statistic      | 统计数值    |
+| Steps           | 步骤条      | Swiper         | 触摸滑动    |
+| Switch          | 开关        | Table          | 表格        |
+| Tabs            | 标签页      | Tag            | 标签        |
+| Textarea        | 文本域      | TextScroll     | 文字滚动    |
+| Timeline        | 时间轴      | Tooltip        | 文字提示    |
+| Upload          | 上传        | Video          | 播放器      |
+| Waterfall       | 瀑布流      | Watermark      | 水印        |
 
 ## Functions
 
@@ -297,4 +297,4 @@ All sponsors will be listed here, thank you very much for your support and spons
 | getAlphaColor | Function to get an alpha color, generally used as a shadow color | (frontColor: string, backgroundColor: string = '#ffffff') => string |
 | getScrollParent | Function to find the nearest scrollable parent element upward | (el: HTMLElement | null) => HTMLElement | null |
 | lockScroll | Function to lock page scrolling and compensate the scrollbar width to prevent horizontal jitter | () => () => void |
-| useScrollParent | Composable to query and watch the nearest scrollable parent element and respond to viewport `resize` | (contentRef: Ref\<HTMLElement &#124; null>, onScroll: () => void, options: object = {}) => { scrollTarget: Ref\<HTMLElement &#124; null>, viewportWidth: Ref\<number>, viewportHeight: Ref\<number>, observeScroll: \() => void, cleanup: \() => void } |
+| useScrollParent | Composable to query and watch the nearest scrollable parent element and respond to viewport `resize` | (contentRef: Ref\<HTMLElement &#124; null>, onScroll: () => void, options: ScrollParentOptions = {}) => { scrollTarget: Ref\<HTMLElement &#124; null>, viewportWidth: Ref\<number>, viewportHeight: Ref\<number>, observeScroll: \() => void, cleanup: \() => void } |

package/README.zh-CN.md

@@ -17,7 +17,7 @@
 ## 特性
 
 - 组件库采用 `Vue@3.5.42`+ `TypeScript@5.9.3` + `Vite@7.3.1` + `Less@4.5.1` 实现
-- 目前共包含 `69` 个基础 `UI` 组件以及 `22` 个工具函数，并且持续探索更新中...
+- 目前共包含 `70` 个基础 `UI` 组件以及 `22` 个工具函数，并且持续探索更新中...
 - 主题可调，你只需提供一个主题色，剩下的都交给我
 - 顺便一提，它们全都可以 `treeshaking`
 - `Vue Amazing UI` 全量使用 `TypeScript` 编写，和你的 `TypeScript` 项目无缝衔接
@@ -247,30 +247,30 @@ pnpm docs:dev
 | Countdown       | 倒计时     | DatePicker     | 日期选择器 |
 | Descriptions    | 描述列表   | Dialog         | 对话框     |
 | Divider         | 分割线     | Drawer         | 抽屉       |
-| Ellipsis        | 文本省略   | Empty          | 空状态     |
-| Flex            | 弹性布局   | FloatButton    | 浮动按钮   |
-| GradientText    | 渐变文字   | Grid           | 栅格       |
-| Highlight       | 高亮文本   | Image          | 图片       |
-| Input           | 输入框     | InputNumber    | 数字输入框 |
-| InputSearch     | 搜索框     | List           | 列表       |
-| LoadingBar      | 加载条     | Message        | 全局提示   |
-| Modal           | 模态框     | Notification   | 通知提醒   |
-| NumberAnimation | 数值动画   | Pagination     | 分页       |
-| Popconfirm      | 弹出确认   | Popover        | 气泡卡片   |
-| Progress        | 进度条     | QRCode         | 二维码     |
-| Radio           | 单选框     | Rate           | 评分       |
-| Result          | 结果       | Scrollbar      | 滚动条     |
-| Segmented       | 分段控制器 | Select         | 选择器     |
-| Skeleton        | 骨架屏     | Slider         | 滑动输入条 |
-| Space           | 间距       | Spin           | 加载中     |
-| Statistic       | 统计数值   | Steps          | 步骤条     |
-| Swiper          | 触摸滑动   | Switch         | 开关       |
-| Table           | 表格       | Tabs           | 标签页     |
-| Tag             | 标签       | Textarea       | 文本域     |
-| TextScroll      | 文字滚动   | Timeline       | 时间轴     |
-| Tooltip         | 文字提示   | Upload         | 上传       |
-| Video           | 播放器     | Waterfall      | 瀑布流     |
-| Watermark       | 水印       |                |            |
+| Dropdown        | 下拉菜单   | Ellipsis       | 文本省略   |
+| Empty           | 空状态     | Flex           | 弹性布局   |
+| FloatButton     | 浮动按钮   | GradientText   | 渐变文字   |
+| Grid            | 栅格       | Highlight      | 高亮文本   |
+| Image           | 图片       | Input          | 输入框     |
+| InputNumber     | 数字输入框 | InputSearch    | 搜索框     |
+| List            | 列表       | LoadingBar     | 加载条     |
+| Message         | 全局提示   | Modal          | 模态框     |
+| Notification    | 通知提醒   | NumberAnimation| 数值动画   |
+| Pagination      | 分页       | Popconfirm     | 弹出确认   |
+| Popover         | 气泡卡片   | Progress       | 进度条     |
+| QRCode          | 二维码     | Radio          | 单选框     |
+| Rate            | 评分       | Result         | 结果       |
+| Scrollbar       | 滚动条     | Segmented      | 分段控制器 |
+| Select          | 选择器     | Skeleton       | 骨架屏     |
+| Slider          | 滑动输入条 | Space          | 间距       |
+| Spin            | 加载中     | Statistic      | 统计数值   |
+| Steps           | 步骤条     | Swiper         | 触摸滑动   |
+| Switch          | 开关       | Table          | 表格       |
+| Tabs            | 标签页     | Tag            | 标签       |
+| Textarea        | 文本域     | TextScroll     | 文字滚动   |
+| Timeline        | 时间轴     | Tooltip        | 文字提示   |
+| Upload          | 上传       | Video          | 播放器     |
+| Waterfall       | 瀑布流     | Watermark      | 水印       |
 
 ## 工具函数
 
@@ -297,4 +297,4 @@ pnpm docs:dev
 | getAlphaColor | 获取透明度颜色函数，一般用作阴影色 | (frontColor: string, backgroundColor: string = '#ffffff') => string |
 | getScrollParent | 向上查找元素最近的可滚动父元素函数 | (el: HTMLElement | null) => HTMLElement | null |
 | lockScroll | 锁定页面滚动并补偿滚动条宽度，防止页面横向抖动函数 | () => () => void |
-| useScrollParent | 查询并监听最近可滚动父元素，响应视口 `resize` 的组合式函数 | (contentRef: Ref\<HTMLElement &#124; null>, onScroll: () => void, options: object = {}) => { scrollTarget: Ref\<HTMLElement &#124; null>, viewportWidth: Ref\<number>, viewportHeight: Ref\<number>, observeScroll: \() => void, cleanup: \() => void } |
+| useScrollParent | 查询并监听最近可滚动父元素，响应视口 `resize` 的组合式函数 | (contentRef: Ref\<HTMLElement &#124; null>, onScroll: () => void, options: ScrollParentOptions = {}) => { scrollTarget: Ref\<HTMLElement &#124; null>, viewportWidth: Ref\<number>, viewportHeight: Ref\<number>, observeScroll: \() => void, cleanup: \() => void } |