vue-amazing-ui 1.2.0 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +16 -12
- package/dist/style.css +1 -1
- package/dist/vue-amazing-ui.iife.js +12 -12
- package/dist/vue-amazing-ui.js +1213 -1279
- package/dist/vue-amazing-ui.umd.cjs +5 -5
- package/package.json +21 -21
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
*该组件库采用 `Vue@3.4.33`+ `TypeScript@5.5.3` + `Vite@5.3.4` + `Less@4.2.0` 实现！*<br/>
|
|
4
4
|
*所有组件样式 `CSS` 均使用 `box-sizing: border-box;` 模式！*<br/>
|
|
5
|
-
*目前共有 `
|
|
5
|
+
*目前共有 `59` 个常用基础 `UI` 组件，以及 `15` 个常用工具函数，并且持续探索优化更新中...！*<br/>
|
|
6
6
|
*开箱即用！*
|
|
7
7
|
|
|
8
8
|
## Document & Online preview
|
|
@@ -62,7 +62,9 @@ import {
|
|
|
62
62
|
useEventListener,
|
|
63
63
|
useMutationObserver,
|
|
64
64
|
useScrollDirection,
|
|
65
|
-
useFps
|
|
65
|
+
useFps,
|
|
66
|
+
useMediaQuery,
|
|
67
|
+
useResizeObserver
|
|
66
68
|
} from 'vue-amazing-ui'
|
|
67
69
|
</script>
|
|
68
70
|
```
|
|
@@ -118,16 +120,17 @@ Popconfirm | 弹出确认 | Popover | 气泡卡片
|
|
|
118
120
|
Progress | 进度条 | QRCode | 二维码
|
|
119
121
|
Radio | 单选框 | Rate | 评分
|
|
120
122
|
Result | 结果 | Scrollbar | 滚动条
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
123
|
+
Segmented | 分段控制器 | Select | 选择器
|
|
124
|
+
Skeleton | 骨架屏 | Slider | 滑动输入条
|
|
125
|
+
Space | 间距 | Spin | 加载中
|
|
126
|
+
Statistic | 统计数值 | Steps | 步骤条
|
|
127
|
+
Swiper | 触摸滑动插件 | Switch | 开关
|
|
128
|
+
Table | 表格 | Tabs | 标签页
|
|
129
|
+
Tag | 标签 | Textarea | 文本域
|
|
130
|
+
TextScroll | 文字滚动 | Timeline | 时间轴
|
|
131
|
+
Tooltip | 文字提示 | Upload | 上传
|
|
132
|
+
Video | 播放器 | Waterfall | 瀑布流
|
|
133
|
+
Watermark | 水印
|
|
131
134
|
|
|
132
135
|
## Details
|
|
133
136
|
|
|
@@ -150,4 +153,5 @@ useEventListener | 使用 `Vue` 的生命周期钩子添加和移除事件监听
|
|
|
150
153
|
useMutationObserver | 使用 `MutationObserver` 观察 `DOM` 元素的变化 | (target: Ref | Ref[] | HTMLElement | HTMLElement[], callback: MutationCallback, options = {}) => object
|
|
151
154
|
useScrollDirection | 实时监测页面滚动方向 | (throttleDelay: 100) => object
|
|
152
155
|
useFps | 实时监测浏览器刷新率 `FPS` | () => object
|
|
156
|
+
useMediaQuery | 使用媒体查询来判断当前环境是否符合指定的媒体查询条件 | (mediaQuery: string) => object
|
|
153
157
|
useResizeObserver | 使用 `ResizeObserver` 观察 `DOM` 元素尺寸变化 | (target: Ref | Ref[] | HTMLElement | HTMLElement[], callback: ResizeObserverCallback, options = {}) => object
|