@squirrel-cloud/ui-vue 0.2.1 → 0.2.3
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 +0 -74
- package/dist/components/index.d.ts +2 -1
- package/dist/components/popover/SqPopover.d.ts +2 -1
- package/dist/components/progress/SqProgress.d.ts +7 -0
- package/dist/props/index.d.ts +2 -1
- package/dist/props/popover/SqPopover.d.ts +1 -2
- package/dist/props/progress/SqProgress.d.ts +26 -0
- package/dist/squirrel-cloud-ui-vue.js +405 -377
- package/dist/squirrel-cloud-ui-vue.umd.cjs +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -33,77 +33,3 @@ npm install @squirrel-cloud/ui-vue
|
|
|
33
33
|
### custom
|
|
34
34
|
|
|
35
35
|
该层预留便于用户进行样式覆盖
|
|
36
|
-
|
|
37
|
-
## 更新日志
|
|
38
|
-
|
|
39
|
-
### V0.0.1
|
|
40
|
-
|
|
41
|
-
- 初始版本
|
|
42
|
-
|
|
43
|
-
### V0.0.2
|
|
44
|
-
|
|
45
|
-
- 添加图标样式导出
|
|
46
|
-
- 修复类型定义文件未正确生成问题
|
|
47
|
-
|
|
48
|
-
### V0.0.3
|
|
49
|
-
|
|
50
|
-
- 修复类型定义文件未正确导出问题
|
|
51
|
-
|
|
52
|
-
### V0.0.4
|
|
53
|
-
|
|
54
|
-
- 组件统一使用 `Sq` 前缀
|
|
55
|
-
- 样式统一使用 `sq` 前缀
|
|
56
|
-
- 样式统一添加分层
|
|
57
|
-
- 升级图标库至最新版本
|
|
58
|
-
|
|
59
|
-
### V0.0.5
|
|
60
|
-
|
|
61
|
-
- 移除对自身的引用
|
|
62
|
-
- README 内容优化
|
|
63
|
-
|
|
64
|
-
### V0.0.6
|
|
65
|
-
|
|
66
|
-
- README 添加 LOGO
|
|
67
|
-
|
|
68
|
-
### V0.0.7
|
|
69
|
-
|
|
70
|
-
- 升级图标库至最新版本
|
|
71
|
-
|
|
72
|
-
### V0.0.8
|
|
73
|
-
|
|
74
|
-
- 新增 CheckTag 组件
|
|
75
|
-
- Button 组件新增 loading/disabled 属性
|
|
76
|
-
- Input 组件新增 blur/focus 事件
|
|
77
|
-
- Input 组件新增 blur/focus/input/change 回调
|
|
78
|
-
- 部分样式修改优化
|
|
79
|
-
|
|
80
|
-
### V0.0.9
|
|
81
|
-
|
|
82
|
-
- CheckTag 组件 checked 改为可选
|
|
83
|
-
|
|
84
|
-
### V0.1.0
|
|
85
|
-
|
|
86
|
-
- 色彩空间改用 oklch
|
|
87
|
-
- 根据新的色彩空间调整并重命名部分颜色变量
|
|
88
|
-
- Button 组件文本按钮禁用状态样式区分
|
|
89
|
-
- Input 组件添加输入框背景色
|
|
90
|
-
- Input 组件禁用及只读状态样式区分
|
|
91
|
-
- Input 组件获取焦点时隐藏内阴影
|
|
92
|
-
- Input 组件修改输入光标颜色
|
|
93
|
-
- CheckTag 组件默认状态样式调整
|
|
94
|
-
|
|
95
|
-
### V0.1.1
|
|
96
|
-
|
|
97
|
-
- 新增 Popover 组件
|
|
98
|
-
|
|
99
|
-
### V0.2.0
|
|
100
|
-
|
|
101
|
-
- 新增 --sq-projection-dark 投影色变量
|
|
102
|
-
- 新增 --sq-projection-light 投影色变量
|
|
103
|
-
- 新增 lg 投影档位
|
|
104
|
-
- 圆角调整为 sm md lg 三档
|
|
105
|
-
- 缩小 md 档位的投影大小
|
|
106
|
-
|
|
107
|
-
### V0.2.1
|
|
108
|
-
|
|
109
|
-
- 新增 Card 组件
|
|
@@ -2,7 +2,8 @@ import { default as SqButton } from './button/SqButton';
|
|
|
2
2
|
import { default as SqCard } from './card/SqCard';
|
|
3
3
|
import { default as SqInput } from './input/SqInput';
|
|
4
4
|
import { default as SqPopover } from './popover/SqPopover';
|
|
5
|
+
import { default as SqProgress } from './progress/SqProgress';
|
|
5
6
|
import { default as SqTag } from './tag/SqTag';
|
|
6
7
|
import { default as SqCheckTag } from './tag/SqCheckTag';
|
|
7
8
|
import { default as SqText } from './text/SqText';
|
|
8
|
-
export { SqButton, SqCard, SqInput, SqPopover, SqTag, SqCheckTag, SqText };
|
|
9
|
+
export { SqButton, SqCard, SqInput, SqPopover, SqProgress, SqTag, SqCheckTag, SqText, };
|
|
@@ -21,8 +21,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
21
21
|
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
22
22
|
"onUpdate:visible"?: ((value: boolean) => any) | undefined;
|
|
23
23
|
}>, {
|
|
24
|
-
placement:
|
|
24
|
+
placement: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
|
|
25
25
|
offset: number;
|
|
26
|
+
teleported: boolean;
|
|
26
27
|
trigger: "hover" | "click" | "manual";
|
|
27
28
|
showAfter: number;
|
|
28
29
|
hideAfter: number;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ProgressProps } from '../../props';
|
|
2
|
+
declare const _default: import('vue').DefineComponent<ProgressProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ProgressProps> & Readonly<{}>, {
|
|
3
|
+
type: import('../..').ComponentTypeExtend;
|
|
4
|
+
min: number;
|
|
5
|
+
max: number;
|
|
6
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
7
|
+
export default _default;
|
package/dist/props/index.d.ts
CHANGED
|
@@ -2,7 +2,8 @@ import { ButtonProps } from './button/SqButton';
|
|
|
2
2
|
import { CardProps } from './card/SqCard';
|
|
3
3
|
import { InputProps } from './input/SqInput';
|
|
4
4
|
import { PopperProps } from './popover/SqPopover';
|
|
5
|
+
import { ProgressProps } from './progress/SqProgress';
|
|
5
6
|
import { TagProps } from './tag/SqTag';
|
|
6
7
|
import { CheckTagProps } from './tag/SqCheckTag';
|
|
7
8
|
import { TextProps } from './text/SqText';
|
|
8
|
-
export type { ButtonProps, CardProps, InputProps, PopperProps, TagProps, CheckTagProps, TextProps, };
|
|
9
|
+
export type { ButtonProps, CardProps, InputProps, PopperProps, ProgressProps, TagProps, CheckTagProps, TextProps, };
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { Placement } from '@floating-ui/vue';
|
|
2
1
|
/**
|
|
3
2
|
* 气泡框属性
|
|
4
3
|
*/
|
|
@@ -6,7 +5,7 @@ export interface PopperProps {
|
|
|
6
5
|
/**
|
|
7
6
|
* 气泡框位置
|
|
8
7
|
*/
|
|
9
|
-
placement?:
|
|
8
|
+
placement?: 'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end';
|
|
10
9
|
/**
|
|
11
10
|
* 气泡框间距
|
|
12
11
|
*/
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { ComponentTypeExtend } from '../../../typings';
|
|
2
|
+
/**
|
|
3
|
+
* 进度条属性
|
|
4
|
+
*/
|
|
5
|
+
export interface ProgressProps {
|
|
6
|
+
/**
|
|
7
|
+
* 进度
|
|
8
|
+
*/
|
|
9
|
+
value: number;
|
|
10
|
+
/**
|
|
11
|
+
* 最小值
|
|
12
|
+
*/
|
|
13
|
+
min?: number;
|
|
14
|
+
/**
|
|
15
|
+
* 最大值
|
|
16
|
+
*/
|
|
17
|
+
max?: number;
|
|
18
|
+
/**
|
|
19
|
+
* 进度条颜色
|
|
20
|
+
*/
|
|
21
|
+
color?: string | ((percentage: number) => string);
|
|
22
|
+
/**
|
|
23
|
+
* 类型
|
|
24
|
+
*/
|
|
25
|
+
type?: ComponentTypeExtend;
|
|
26
|
+
}
|