lew-ui 2.4.2 → 2.4.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 +46 -46
- package/README.zh-CN.md +48 -48
- package/dist/components/collapse/src/LewCollapse.vue.d.ts +10 -10
- package/dist/components/collapse/src/LewCollapseItem.vue.d.ts +6 -20
- package/dist/components/collapse/src/props.d.ts +6 -12
- package/dist/components/empty/src/LewEmpty.vue.d.ts +5 -5
- package/dist/components/empty/src/props.d.ts +2 -2
- package/dist/components/form/src/LewFormItem.vue.d.ts +1 -1
- package/dist/components/popok/src/LewPopok.vue.d.ts +4 -18
- package/dist/components/popok/src/props.d.ts +2 -9
- package/dist/index.mjs +540 -369
- package/dist/index.umd.js +4 -4
- package/dist/style.css +1 -1
- package/dist/utils/index.d.ts +10 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,46 +1,46 @@
|
|
|
1
|
-
# Lew UI
|
|
2
|
-
|
|
3
|
-
A Component Library for Vue3. Doc address: https://lew.kamtao.com
|
|
4
|
-
|
|
5
|
-
English | [中文](./README.zh-CN.md)
|
|
6
|
-
|
|
7
|
-
## Install
|
|
8
|
-
|
|
9
|
-
```bash
|
|
10
|
-
npm install lew-ui
|
|
11
|
-
```
|
|
12
|
-
|
|
13
|
-
## How to use
|
|
14
|
-
|
|
15
|
-
```js
|
|
16
|
-
// main.ts
|
|
17
|
-
import 'lew-ui/style'
|
|
18
|
-
```
|
|
19
|
-
|
|
20
|
-
```vue
|
|
21
|
-
<script setup lang="ts">
|
|
22
|
-
// page.vue
|
|
23
|
-
import { LewButton } from 'lew-ui'
|
|
24
|
-
</script>
|
|
25
|
-
|
|
26
|
-
<template>
|
|
27
|
-
<lew-button text="Submit" />
|
|
28
|
-
</template>
|
|
29
|
-
```
|
|
30
|
-
|
|
31
|
-
## Open Source Libraries
|
|
32
|
-
|
|
33
|
-
Lew UI uses the following open source libraries:
|
|
34
|
-
|
|
35
|
-
- [tippy.js](https://atomiks.github.io/tippyjs/): For creating tooltips and popovers
|
|
36
|
-
- [Lucide](https://github.com/lucide-icons/lucide): Provides a clean and beautiful icon set
|
|
37
|
-
- [fancyapps](https://fancyapps.com/): For creating image galleries and carousels
|
|
38
|
-
- [VueUse](https://vueuse.org/): Collection of Vue Composition API utilities
|
|
39
|
-
- [Day.js](https://day.js.org/): Lightweight library for date manipulation
|
|
40
|
-
- [Yup](https://github.com/jquense/yup): Object schema validation library
|
|
41
|
-
|
|
42
|
-
We are grateful for the support these excellent open source projects provide to Lew UI.
|
|
43
|
-
|
|
44
|
-
## License
|
|
45
|
-
|
|
46
|
-
Lew UI is open source software licensed as MIT.
|
|
1
|
+
# Lew UI
|
|
2
|
+
|
|
3
|
+
A Component Library for Vue3. Doc address: https://lew.kamtao.com
|
|
4
|
+
|
|
5
|
+
English | [中文](./README.zh-CN.md)
|
|
6
|
+
|
|
7
|
+
## Install
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm install lew-ui
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
## How to use
|
|
14
|
+
|
|
15
|
+
```js
|
|
16
|
+
// main.ts
|
|
17
|
+
import 'lew-ui/style'
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
```vue
|
|
21
|
+
<script setup lang="ts">
|
|
22
|
+
// page.vue
|
|
23
|
+
import { LewButton } from 'lew-ui'
|
|
24
|
+
</script>
|
|
25
|
+
|
|
26
|
+
<template>
|
|
27
|
+
<lew-button text="Submit" />
|
|
28
|
+
</template>
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
## Open Source Libraries
|
|
32
|
+
|
|
33
|
+
Lew UI uses the following open source libraries:
|
|
34
|
+
|
|
35
|
+
- [tippy.js](https://atomiks.github.io/tippyjs/): For creating tooltips and popovers
|
|
36
|
+
- [Lucide](https://github.com/lucide-icons/lucide): Provides a clean and beautiful icon set
|
|
37
|
+
- [fancyapps](https://fancyapps.com/): For creating image galleries and carousels
|
|
38
|
+
- [VueUse](https://vueuse.org/): Collection of Vue Composition API utilities
|
|
39
|
+
- [Day.js](https://day.js.org/): Lightweight library for date manipulation
|
|
40
|
+
- [Yup](https://github.com/jquense/yup): Object schema validation library
|
|
41
|
+
|
|
42
|
+
We are grateful for the support these excellent open source projects provide to Lew UI.
|
|
43
|
+
|
|
44
|
+
## License
|
|
45
|
+
|
|
46
|
+
Lew UI is open source software licensed as MIT.
|
package/README.zh-CN.md
CHANGED
|
@@ -1,48 +1,48 @@
|
|
|
1
|
-
# Lew UI
|
|
2
|
-
|
|
3
|
-
一个用于 Vue3 的组件库。文档地址:https://lew.kamtao.com
|
|
4
|
-
|
|
5
|
-
[英文](./README.md) | 中文
|
|
6
|
-
|
|
7
|
-
## 安装
|
|
8
|
-
|
|
9
|
-
```bash
|
|
10
|
-
npm install lew-ui
|
|
11
|
-
```
|
|
12
|
-
|
|
13
|
-
## 如何使用
|
|
14
|
-
|
|
15
|
-
main.ts
|
|
16
|
-
|
|
17
|
-
```js
|
|
18
|
-
// main.ts
|
|
19
|
-
import 'lew-ui/style'
|
|
20
|
-
```
|
|
21
|
-
|
|
22
|
-
```vue
|
|
23
|
-
<script setup lang="ts">
|
|
24
|
-
// page.vue
|
|
25
|
-
import { LewButton } from 'lew-ui'
|
|
26
|
-
</script>
|
|
27
|
-
|
|
28
|
-
<template>
|
|
29
|
-
<lew-button text="提交" />
|
|
30
|
-
</template>
|
|
31
|
-
```
|
|
32
|
-
|
|
33
|
-
## 开源库声明
|
|
34
|
-
|
|
35
|
-
Lew UI 使用了以下开源库:
|
|
36
|
-
|
|
37
|
-
- [tippy.js](https://atomiks.github.io/tippyjs/): 用于创建工具提示和弹出框
|
|
38
|
-
- [Lucide](https://github.com/lucide-icons/lucide): 提供简洁美观的图标集
|
|
39
|
-
- [fancyapps](https://fancyapps.com/): 用于创建图片画廊和轮播
|
|
40
|
-
- [VueUse](https://vueuse.org/): Vue Composition API 实用工具集合
|
|
41
|
-
- [Day.js](https://day.js.org/): 轻量级日期处理库
|
|
42
|
-
- [Yup](https://github.com/jquense/yup): 对象模式验证库
|
|
43
|
-
|
|
44
|
-
我们感谢这些优秀的开源项目为 Lew UI 提供的支持。
|
|
45
|
-
|
|
46
|
-
## 许可证
|
|
47
|
-
|
|
48
|
-
Lew UI 是根据 MIT 许可证的开源软件。
|
|
1
|
+
# Lew UI
|
|
2
|
+
|
|
3
|
+
一个用于 Vue3 的组件库。文档地址:https://lew.kamtao.com
|
|
4
|
+
|
|
5
|
+
[英文](./README.md) | 中文
|
|
6
|
+
|
|
7
|
+
## 安装
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm install lew-ui
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
## 如何使用
|
|
14
|
+
|
|
15
|
+
main.ts
|
|
16
|
+
|
|
17
|
+
```js
|
|
18
|
+
// main.ts
|
|
19
|
+
import 'lew-ui/style'
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
```vue
|
|
23
|
+
<script setup lang="ts">
|
|
24
|
+
// page.vue
|
|
25
|
+
import { LewButton } from 'lew-ui'
|
|
26
|
+
</script>
|
|
27
|
+
|
|
28
|
+
<template>
|
|
29
|
+
<lew-button text="提交" />
|
|
30
|
+
</template>
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
## 开源库声明
|
|
34
|
+
|
|
35
|
+
Lew UI 使用了以下开源库:
|
|
36
|
+
|
|
37
|
+
- [tippy.js](https://atomiks.github.io/tippyjs/): 用于创建工具提示和弹出框
|
|
38
|
+
- [Lucide](https://github.com/lucide-icons/lucide): 提供简洁美观的图标集
|
|
39
|
+
- [fancyapps](https://fancyapps.com/): 用于创建图片画廊和轮播
|
|
40
|
+
- [VueUse](https://vueuse.org/): Vue Composition API 实用工具集合
|
|
41
|
+
- [Day.js](https://day.js.org/): 轻量级日期处理库
|
|
42
|
+
- [Yup](https://github.com/jquense/yup): 对象模式验证库
|
|
43
|
+
|
|
44
|
+
我们感谢这些优秀的开源项目为 Lew UI 提供的支持。
|
|
45
|
+
|
|
46
|
+
## 许可证
|
|
47
|
+
|
|
48
|
+
Lew UI 是根据 MIT 许可证的开源软件。
|
|
@@ -4,34 +4,34 @@ declare function __VLS_template(): {
|
|
|
4
4
|
declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
|
|
5
5
|
modelValue: import('vue').PropType<any>;
|
|
6
6
|
width: {
|
|
7
|
-
type: StringConstructor;
|
|
7
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
8
8
|
default: string;
|
|
9
9
|
description: string;
|
|
10
|
-
validator(value: string): boolean;
|
|
10
|
+
validator(value: string | number): boolean;
|
|
11
11
|
};
|
|
12
12
|
gap: {
|
|
13
|
-
type: StringConstructor;
|
|
13
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
14
14
|
default: string;
|
|
15
15
|
description: string;
|
|
16
|
-
validator(value: string): boolean;
|
|
16
|
+
validator(value: string | number): boolean;
|
|
17
17
|
};
|
|
18
18
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
|
|
19
19
|
modelValue: import('vue').PropType<any>;
|
|
20
20
|
width: {
|
|
21
|
-
type: StringConstructor;
|
|
21
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
22
22
|
default: string;
|
|
23
23
|
description: string;
|
|
24
|
-
validator(value: string): boolean;
|
|
24
|
+
validator(value: string | number): boolean;
|
|
25
25
|
};
|
|
26
26
|
gap: {
|
|
27
|
-
type: StringConstructor;
|
|
27
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
28
28
|
default: string;
|
|
29
29
|
description: string;
|
|
30
|
-
validator(value: string): boolean;
|
|
30
|
+
validator(value: string | number): boolean;
|
|
31
31
|
};
|
|
32
32
|
}>> & Readonly<{}>, {
|
|
33
|
-
gap: string;
|
|
34
|
-
width: string;
|
|
33
|
+
gap: string | number;
|
|
34
|
+
width: string | number;
|
|
35
35
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
36
36
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
37
37
|
export default _default;
|
|
@@ -2,9 +2,8 @@ declare function __VLS_template(): {
|
|
|
2
2
|
title?(_: {
|
|
3
3
|
props: {
|
|
4
4
|
readonly title: string;
|
|
5
|
-
readonly padding: string;
|
|
6
5
|
readonly collapseKey: string | number;
|
|
7
|
-
readonly radius: string;
|
|
6
|
+
readonly radius: string | number;
|
|
8
7
|
};
|
|
9
8
|
}): any;
|
|
10
9
|
default?(_: {}): any;
|
|
@@ -23,16 +22,10 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
|
|
|
23
22
|
description: string;
|
|
24
23
|
};
|
|
25
24
|
radius: {
|
|
26
|
-
type: StringConstructor;
|
|
27
|
-
default: string;
|
|
28
|
-
description: string;
|
|
29
|
-
validator(value: string): boolean;
|
|
30
|
-
};
|
|
31
|
-
padding: {
|
|
32
|
-
type: StringConstructor;
|
|
25
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
33
26
|
default: string;
|
|
34
27
|
description: string;
|
|
35
|
-
validator(value: string): boolean;
|
|
28
|
+
validator(value: string | number): boolean;
|
|
36
29
|
};
|
|
37
30
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
|
|
38
31
|
modelValue: import('vue').PropType<any>;
|
|
@@ -48,22 +41,15 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
|
|
|
48
41
|
description: string;
|
|
49
42
|
};
|
|
50
43
|
radius: {
|
|
51
|
-
type: StringConstructor;
|
|
52
|
-
default: string;
|
|
53
|
-
description: string;
|
|
54
|
-
validator(value: string): boolean;
|
|
55
|
-
};
|
|
56
|
-
padding: {
|
|
57
|
-
type: StringConstructor;
|
|
44
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
58
45
|
default: string;
|
|
59
46
|
description: string;
|
|
60
|
-
validator(value: string): boolean;
|
|
47
|
+
validator(value: string | number): boolean;
|
|
61
48
|
};
|
|
62
49
|
}>> & Readonly<{}>, {
|
|
63
50
|
title: string;
|
|
64
|
-
padding: string;
|
|
65
51
|
collapseKey: string | number;
|
|
66
|
-
radius: string;
|
|
52
|
+
radius: string | number;
|
|
67
53
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
68
54
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
69
55
|
export default _default;
|
|
@@ -17,16 +17,16 @@ export declare const collapseItemModel: {
|
|
|
17
17
|
};
|
|
18
18
|
export declare const collapseProps: {
|
|
19
19
|
width: {
|
|
20
|
-
type: StringConstructor;
|
|
20
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
21
21
|
default: string;
|
|
22
22
|
description: string;
|
|
23
|
-
validator(value: string): boolean;
|
|
23
|
+
validator(value: string | number): boolean;
|
|
24
24
|
};
|
|
25
25
|
gap: {
|
|
26
|
-
type: StringConstructor;
|
|
26
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
27
27
|
default: string;
|
|
28
28
|
description: string;
|
|
29
|
-
validator(value: string): boolean;
|
|
29
|
+
validator(value: string | number): boolean;
|
|
30
30
|
};
|
|
31
31
|
};
|
|
32
32
|
export declare const collapseItemProps: {
|
|
@@ -42,16 +42,10 @@ export declare const collapseItemProps: {
|
|
|
42
42
|
description: string;
|
|
43
43
|
};
|
|
44
44
|
radius: {
|
|
45
|
-
type: StringConstructor;
|
|
46
|
-
default: string;
|
|
47
|
-
description: string;
|
|
48
|
-
validator(value: string): boolean;
|
|
49
|
-
};
|
|
50
|
-
padding: {
|
|
51
|
-
type: StringConstructor;
|
|
45
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
52
46
|
default: string;
|
|
53
47
|
description: string;
|
|
54
|
-
validator(value: string): boolean;
|
|
48
|
+
validator(value: string | number): boolean;
|
|
55
49
|
};
|
|
56
50
|
};
|
|
57
51
|
export type CollapseProps = ExtractPropTypes<typeof collapseProps>;
|
|
@@ -24,9 +24,9 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
|
|
|
24
24
|
description: string;
|
|
25
25
|
};
|
|
26
26
|
width: {
|
|
27
|
-
type: StringConstructor;
|
|
27
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
28
28
|
default: string;
|
|
29
|
-
validator: (value: string) => boolean;
|
|
29
|
+
validator: (value: string | number) => boolean;
|
|
30
30
|
description: string;
|
|
31
31
|
};
|
|
32
32
|
height: {
|
|
@@ -61,9 +61,9 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
|
|
|
61
61
|
description: string;
|
|
62
62
|
};
|
|
63
63
|
width: {
|
|
64
|
-
type: StringConstructor;
|
|
64
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
65
65
|
default: string;
|
|
66
|
-
validator: (value: string) => boolean;
|
|
66
|
+
validator: (value: string | number) => boolean;
|
|
67
67
|
description: string;
|
|
68
68
|
};
|
|
69
69
|
height: {
|
|
@@ -75,7 +75,7 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
|
|
|
75
75
|
}>> & Readonly<{}>, {
|
|
76
76
|
type: "search" | "address" | "article" | "404" | "goods" | "likes" | "car" | "comment" | "network" | "order";
|
|
77
77
|
title: string;
|
|
78
|
-
width: string;
|
|
78
|
+
width: string | number;
|
|
79
79
|
height: string;
|
|
80
80
|
fontSize: string | number;
|
|
81
81
|
padding: string;
|
|
@@ -27,9 +27,9 @@ export declare const emptyProps: {
|
|
|
27
27
|
description: string;
|
|
28
28
|
};
|
|
29
29
|
width: {
|
|
30
|
-
type: StringConstructor;
|
|
30
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
31
31
|
default: string;
|
|
32
|
-
validator: (value: string) => boolean;
|
|
32
|
+
validator: (value: string | number) => boolean;
|
|
33
33
|
description: string;
|
|
34
34
|
};
|
|
35
35
|
height: {
|
|
@@ -191,6 +191,7 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
|
|
|
191
191
|
size: import('../../..').LewSize;
|
|
192
192
|
props: Record<string, any>;
|
|
193
193
|
tips: string;
|
|
194
|
+
field: string;
|
|
194
195
|
label: string;
|
|
195
196
|
between: boolean;
|
|
196
197
|
direction: import('../../..').FormDirection;
|
|
@@ -200,7 +201,6 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
|
|
|
200
201
|
required: boolean;
|
|
201
202
|
labelWidth: string | number;
|
|
202
203
|
id: string;
|
|
203
|
-
field: string;
|
|
204
204
|
as: string;
|
|
205
205
|
errMessage: string;
|
|
206
206
|
gridArea: string;
|
|
@@ -27,19 +27,12 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
|
|
|
27
27
|
};
|
|
28
28
|
okProps: {
|
|
29
29
|
type: PropType<import('../../..').ButtonProps>;
|
|
30
|
-
default: () => {
|
|
31
|
-
text: string;
|
|
32
|
-
color: string;
|
|
33
|
-
};
|
|
30
|
+
default: () => {};
|
|
34
31
|
description: string;
|
|
35
32
|
};
|
|
36
33
|
cancelProps: {
|
|
37
34
|
type: PropType<import('../../..').ButtonProps>;
|
|
38
|
-
default: () => {
|
|
39
|
-
type: string;
|
|
40
|
-
text: string;
|
|
41
|
-
color: string;
|
|
42
|
-
};
|
|
35
|
+
default: () => {};
|
|
43
36
|
description: string;
|
|
44
37
|
};
|
|
45
38
|
content: {
|
|
@@ -85,19 +78,12 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
|
|
|
85
78
|
};
|
|
86
79
|
okProps: {
|
|
87
80
|
type: PropType<import('../../..').ButtonProps>;
|
|
88
|
-
default: () => {
|
|
89
|
-
text: string;
|
|
90
|
-
color: string;
|
|
91
|
-
};
|
|
81
|
+
default: () => {};
|
|
92
82
|
description: string;
|
|
93
83
|
};
|
|
94
84
|
cancelProps: {
|
|
95
85
|
type: PropType<import('../../..').ButtonProps>;
|
|
96
|
-
default: () => {
|
|
97
|
-
type: string;
|
|
98
|
-
text: string;
|
|
99
|
-
color: string;
|
|
100
|
-
};
|
|
86
|
+
default: () => {};
|
|
101
87
|
description: string;
|
|
102
88
|
};
|
|
103
89
|
content: {
|
|
@@ -27,19 +27,12 @@ export declare const popokProps: {
|
|
|
27
27
|
};
|
|
28
28
|
okProps: {
|
|
29
29
|
type: PropType<ButtonProps>;
|
|
30
|
-
default: () => {
|
|
31
|
-
text: string;
|
|
32
|
-
color: string;
|
|
33
|
-
};
|
|
30
|
+
default: () => {};
|
|
34
31
|
description: string;
|
|
35
32
|
};
|
|
36
33
|
cancelProps: {
|
|
37
34
|
type: PropType<ButtonProps>;
|
|
38
|
-
default: () => {
|
|
39
|
-
type: string;
|
|
40
|
-
text: string;
|
|
41
|
-
color: string;
|
|
42
|
-
};
|
|
35
|
+
default: () => {};
|
|
43
36
|
description: string;
|
|
44
37
|
};
|
|
45
38
|
content: {
|