lew-ui 2.7.13 → 2.7.14
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/LICENSE +21 -21
- package/dist/{utils → _components}/RenderComponent.vue.d.ts +6 -6
- package/dist/components/data/collapse/src/LewCollapse.vue.d.ts +9 -4
- package/dist/components/data/collapse/src/LewCollapseItem.vue.d.ts +14 -22
- package/dist/components/data/collapse/src/LewCollapseTransition.vue.d.ts +55 -0
- package/dist/components/data/collapse/src/props.d.ts +7 -17
- package/dist/components/data/desc/src/LewDesc.vue.d.ts +27 -61
- package/dist/components/data/desc/src/LewDescItem.vue.d.ts +39 -79
- package/dist/components/data/desc/src/props.d.ts +41 -60
- package/dist/components/data/table/src/LewTable.vue.d.ts +1 -1
- package/dist/components/data/tree/src/props.d.ts +2 -2
- package/dist/components/feedback/alert/src/LewAlert.vue.d.ts +1 -1
- package/dist/components/feedback/drawer/src/LewDrawer.vue.d.ts +2 -2
- package/dist/components/feedback/empty/src/LewEmpty.vue.d.ts +7 -7
- package/dist/components/feedback/modal/src/LewModal.vue.d.ts +2 -2
- package/dist/components/feedback/popok/src/LewPopok.vue.d.ts +91 -145
- package/dist/components/feedback/popover/src/LewPopover.vue.d.ts +2 -2
- package/dist/components/form/cascader/src/LewCascader.vue.d.ts +21 -21
- package/dist/components/form/checkbox/src/LewCheckboxGroup.vue.d.ts +1 -1
- package/dist/components/form/color-picker/src/LewColorPicker.vue.d.ts +1 -1
- package/dist/components/form/date-picker/src/LewDatePicker.vue.d.ts +11 -11
- package/dist/components/form/date-range-picker/src/LewDateRangePicker.vue.d.ts +11 -11
- package/dist/components/form/form/src/LewForm.vue.d.ts +3 -3
- package/dist/components/form/form/src/LewFormItem.vue.d.ts +5 -5
- package/dist/components/form/input/src/LewInput.vue.d.ts +2 -2
- package/dist/components/form/input-number/src/LewInputNumber.vue.d.ts +1 -1
- package/dist/components/form/input-table/src/FormModal.vue.d.ts +6 -6
- package/dist/components/form/input-table/src/LewInputTable.vue.d.ts +13 -13
- package/dist/components/form/input-tag/src/LewInputTag.vue.d.ts +5 -5
- package/dist/components/form/input-tree/src/LewInputTree.vue.d.ts +1 -1
- package/dist/components/form/radio/src/LewRadioGroup.vue.d.ts +1 -1
- package/dist/components/form/select/src/LewSelect.vue.d.ts +21 -21
- package/dist/components/form/select-multiple/src/LewSelectMultiple.vue.d.ts +41 -41
- package/dist/components/form/slider/src/LewSlider.vue.d.ts +1 -1
- package/dist/components/form/slider-range/src/LewSliderRange.vue.d.ts +1 -1
- package/dist/components/form/switch/src/LewSwitch.vue.d.ts +2 -2
- package/dist/components/form/switch/src/props.d.ts +1 -1
- package/dist/components/form/tabs/src/LewTabs.vue.d.ts +1 -1
- package/dist/components/form/textarea/src/LewTextarea.vue.d.ts +6 -6
- package/dist/components/form/tree-select/src/LewTreeSelect.vue.d.ts +22 -22
- package/dist/components/form/upload/src/LewUpload.vue.d.ts +44 -38
- package/dist/components/general/avatar/src/LewAvatar.vue.d.ts +38 -58
- package/dist/components/general/avatar/src/props.d.ts +10 -23
- package/dist/components/general/badge/src/LewBadge.vue.d.ts +27 -38
- package/dist/components/general/badge/src/props.d.ts +12 -17
- package/dist/components/general/button/src/LewButton.vue.d.ts +18 -47
- package/dist/components/general/button/src/props.d.ts +6 -22
- package/dist/components/general/dropdown/src/LewDropdown.vue.d.ts +48 -49
- package/dist/components/general/dropdown/src/props.d.ts +7 -16
- package/dist/components/general/flex/src/LewFlex.vue.d.ts +36 -39
- package/dist/components/general/flex/src/props.d.ts +7 -11
- package/dist/components/general/image/src/LewImage.vue.d.ts +2 -2
- package/dist/components/general/mark/src/LewMark.vue.d.ts +18 -27
- package/dist/components/general/mark/src/props.d.ts +9 -15
- package/dist/components/general/tag/src/LewTag.vue.d.ts +22 -33
- package/dist/components/general/tag/src/props.d.ts +10 -10
- package/dist/components/general/text-trim/src/LewTextTrim.vue.d.ts +35 -42
- package/dist/components/general/text-trim/src/props.d.ts +12 -18
- package/dist/components/general/text-trim/src/text-trim.d.ts +16 -5
- package/dist/components/general/title/src/LewTitle.vue.d.ts +19 -29
- package/dist/components/general/title/src/props.d.ts +9 -13
- package/dist/components/navigation/action-box/src/LewActionBox.vue.d.ts +27 -30
- package/dist/components/navigation/action-box/src/props.d.ts +12 -15
- package/dist/components/navigation/back-top/src/LewBackTop.vue.d.ts +7 -14
- package/dist/components/navigation/back-top/src/props.d.ts +0 -5
- package/dist/components/navigation/breadcrumb/src/LewBreadcrumb.vue.d.ts +15 -18
- package/dist/components/navigation/breadcrumb/src/props.d.ts +4 -7
- package/dist/components/navigation/menu-tree/src/LewMenuTree.vue.d.ts +26 -22
- package/dist/components/navigation/menu-tree/src/LewMenuTreeItem.vue.d.ts +23 -62
- package/dist/components/navigation/menu-tree/src/props.d.ts +16 -29
- package/dist/components/navigation/steps/src/LewSteps.vue.d.ts +10 -10
- package/dist/constants/index.d.ts +3 -1
- package/dist/directives/context-menu/src/index.d.ts +3 -2
- package/dist/hooks/index.d.ts +2 -2
- package/dist/index.css +1 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.js +1862 -1925
- package/dist/index.umd.cjs +12 -6
- package/dist/methods/dialog/src/LewDialog.vue.d.ts +69 -123
- package/dist/methods/dialog/src/index.d.ts +2 -2
- package/dist/types/index.d.ts +8 -1
- package/dist/utils/dragmove.d.ts +16 -0
- package/dist/utils/index.d.ts +1 -16
- package/dist/utils/render.d.ts +5 -4
- package/package.json +2 -1
- package/dist/hooks/src/useDOMCreate.d.ts +0 -1
- package/dist/hooks/src/useEventListener.d.ts +0 -1
- /package/dist/{utils/LewCommonIcon.vue.d.ts → _components/CommonIcon.vue.d.ts} +0 -0
|
@@ -1,46 +1,42 @@
|
|
|
1
|
+
import { Property } from 'csstype';
|
|
1
2
|
import { ExtractPropTypes, PropType } from 'vue';
|
|
2
3
|
export type FlexDirection = 'x' | 'y';
|
|
3
4
|
export type FlexXAlignment = 'start' | 'center' | 'end' | 'left' | 'right';
|
|
4
5
|
export type FlexYAlignment = 'start' | 'center' | 'end' | 'top' | 'bottom';
|
|
5
6
|
export type FlexMode = 'around' | 'between';
|
|
7
|
+
export type FlexGap = Property.Gap | number;
|
|
8
|
+
export type FlexWidth = Property.Width | number;
|
|
6
9
|
export declare const flexProps: {
|
|
7
10
|
direction: {
|
|
8
11
|
type: PropType<FlexDirection>;
|
|
9
12
|
default: string;
|
|
10
|
-
typeDesc: string;
|
|
11
13
|
validator(value: FlexDirection): boolean;
|
|
12
14
|
};
|
|
13
15
|
x: {
|
|
14
16
|
type: PropType<FlexXAlignment>;
|
|
15
17
|
default: string;
|
|
16
|
-
typeDesc: string;
|
|
17
18
|
validator(value: FlexXAlignment): boolean;
|
|
18
19
|
};
|
|
19
20
|
y: {
|
|
20
21
|
type: PropType<FlexYAlignment>;
|
|
21
22
|
default: string;
|
|
22
|
-
typeDesc: string;
|
|
23
23
|
validator(value: FlexYAlignment): boolean;
|
|
24
24
|
};
|
|
25
25
|
mode: {
|
|
26
26
|
type: PropType<FlexMode>;
|
|
27
|
-
default: string;
|
|
28
|
-
typeDesc: string;
|
|
29
27
|
validator(value: FlexMode): boolean;
|
|
30
28
|
};
|
|
31
29
|
wrap: {
|
|
32
30
|
type: BooleanConstructor;
|
|
33
|
-
default: boolean;
|
|
34
31
|
};
|
|
35
32
|
gap: {
|
|
36
|
-
type:
|
|
33
|
+
type: PropType<FlexGap>;
|
|
37
34
|
default: number;
|
|
38
|
-
validator(value:
|
|
35
|
+
validator(value: FlexGap): boolean;
|
|
39
36
|
};
|
|
40
37
|
width: {
|
|
41
|
-
type:
|
|
42
|
-
|
|
43
|
-
validator(value: string | number): boolean;
|
|
38
|
+
type: PropType<FlexWidth>;
|
|
39
|
+
validator(value: FlexWidth): boolean;
|
|
44
40
|
};
|
|
45
41
|
};
|
|
46
42
|
export type FlexProps = ExtractPropTypes<typeof flexProps>;
|
|
@@ -96,10 +96,10 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
|
|
|
96
96
|
validator: (value: string) => boolean;
|
|
97
97
|
};
|
|
98
98
|
}>> & Readonly<{}>, {
|
|
99
|
+
width: string | number;
|
|
100
|
+
title: string;
|
|
99
101
|
loading: boolean;
|
|
100
102
|
lazy: boolean;
|
|
101
|
-
title: string;
|
|
102
|
-
width: string | number;
|
|
103
103
|
height: string | number;
|
|
104
104
|
objectFit: import('../../../..').ObjectFit;
|
|
105
105
|
objectPosition: string;
|
|
@@ -9,55 +9,46 @@ declare function __VLS_template(): {
|
|
|
9
9
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
10
10
|
declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
|
|
11
11
|
color: {
|
|
12
|
-
type: PropType<
|
|
12
|
+
type: PropType<import('../../../..').LewColor>;
|
|
13
13
|
default: string;
|
|
14
|
-
validator
|
|
14
|
+
validator(value: import('../../../..').LewColor): boolean;
|
|
15
15
|
};
|
|
16
16
|
bold: {
|
|
17
|
-
type: PropType<(
|
|
17
|
+
type: PropType<import("csstype").Property.FontWeight>;
|
|
18
18
|
default: number;
|
|
19
|
-
validator
|
|
19
|
+
validator(value: import("csstype").Property.FontWeight): boolean;
|
|
20
|
+
};
|
|
21
|
+
cursor: {
|
|
22
|
+
type: PropType<import("csstype").Property.Cursor>;
|
|
20
23
|
};
|
|
21
24
|
round: {
|
|
22
25
|
type: BooleanConstructor;
|
|
23
|
-
default: boolean;
|
|
24
|
-
};
|
|
25
|
-
cursor: {
|
|
26
|
-
type: PropType<"default" | "text" | "move" | "pointer" | "not-allowed">;
|
|
27
|
-
default: string;
|
|
28
|
-
validator: (value: "default" | "text" | "move" | "pointer" | "not-allowed") => boolean;
|
|
29
|
-
typeDesc: string;
|
|
30
26
|
};
|
|
31
27
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
32
|
-
click: (
|
|
28
|
+
click: (event: MouseEvent) => any;
|
|
33
29
|
}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
|
|
34
30
|
color: {
|
|
35
|
-
type: PropType<
|
|
31
|
+
type: PropType<import('../../../..').LewColor>;
|
|
36
32
|
default: string;
|
|
37
|
-
validator
|
|
33
|
+
validator(value: import('../../../..').LewColor): boolean;
|
|
38
34
|
};
|
|
39
35
|
bold: {
|
|
40
|
-
type: PropType<(
|
|
36
|
+
type: PropType<import("csstype").Property.FontWeight>;
|
|
41
37
|
default: number;
|
|
42
|
-
validator
|
|
38
|
+
validator(value: import("csstype").Property.FontWeight): boolean;
|
|
39
|
+
};
|
|
40
|
+
cursor: {
|
|
41
|
+
type: PropType<import("csstype").Property.Cursor>;
|
|
43
42
|
};
|
|
44
43
|
round: {
|
|
45
44
|
type: BooleanConstructor;
|
|
46
|
-
default: boolean;
|
|
47
|
-
};
|
|
48
|
-
cursor: {
|
|
49
|
-
type: PropType<"default" | "text" | "move" | "pointer" | "not-allowed">;
|
|
50
|
-
default: string;
|
|
51
|
-
validator: (value: "default" | "text" | "move" | "pointer" | "not-allowed") => boolean;
|
|
52
|
-
typeDesc: string;
|
|
53
45
|
};
|
|
54
46
|
}>> & Readonly<{
|
|
55
|
-
onClick?: ((
|
|
47
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
56
48
|
}>, {
|
|
57
|
-
color:
|
|
58
|
-
bold:
|
|
49
|
+
color: import('../../../..').LewColor;
|
|
50
|
+
bold: import("csstype").Property.FontWeight;
|
|
59
51
|
round: boolean;
|
|
60
|
-
cursor: "default" | "text" | "move" | "pointer" | "not-allowed";
|
|
61
52
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLSpanElement>;
|
|
62
53
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
63
54
|
export default _default;
|
|
@@ -1,28 +1,22 @@
|
|
|
1
|
+
import { Property } from 'csstype';
|
|
2
|
+
import { LewColor } from '../../../..';
|
|
1
3
|
import { ExtractPropTypes, PropType } from 'vue';
|
|
2
|
-
type MarkColor = 'red' | 'orange' | 'yellow' | 'green' | 'mint' | 'teal' | 'cyan' | 'blue' | 'indigo' | 'purple' | 'pink' | 'gray' | 'brown';
|
|
3
|
-
type CursorStyle = 'pointer' | 'default' | 'text' | 'move' | 'not-allowed';
|
|
4
|
-
type BoldValue = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
|
|
5
4
|
export declare const markProps: {
|
|
6
5
|
color: {
|
|
7
|
-
type: PropType<
|
|
6
|
+
type: PropType<LewColor>;
|
|
8
7
|
default: string;
|
|
9
|
-
validator
|
|
8
|
+
validator(value: LewColor): boolean;
|
|
10
9
|
};
|
|
11
10
|
bold: {
|
|
12
|
-
type: PropType<
|
|
11
|
+
type: PropType<Property.FontWeight>;
|
|
13
12
|
default: number;
|
|
14
|
-
validator
|
|
13
|
+
validator(value: Property.FontWeight): boolean;
|
|
14
|
+
};
|
|
15
|
+
cursor: {
|
|
16
|
+
type: PropType<Property.Cursor>;
|
|
15
17
|
};
|
|
16
18
|
round: {
|
|
17
19
|
type: BooleanConstructor;
|
|
18
|
-
default: boolean;
|
|
19
|
-
};
|
|
20
|
-
cursor: {
|
|
21
|
-
type: PropType<CursorStyle>;
|
|
22
|
-
default: string;
|
|
23
|
-
validator: (value: CursorStyle) => boolean;
|
|
24
|
-
typeDesc: string;
|
|
25
20
|
};
|
|
26
21
|
};
|
|
27
22
|
export type MarkProps = ExtractPropTypes<typeof markProps>;
|
|
28
|
-
export {};
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import { LewSize } from '../../../..';
|
|
2
|
+
import { TagType } from './props';
|
|
1
3
|
declare function __VLS_template(): {
|
|
2
4
|
attrs: Partial<{}>;
|
|
3
5
|
slots: {
|
|
@@ -12,17 +14,11 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
|
12
14
|
declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
|
|
13
15
|
text: {
|
|
14
16
|
type: StringConstructor;
|
|
15
|
-
default: string;
|
|
16
|
-
};
|
|
17
|
-
oversize: {
|
|
18
|
-
type: BooleanConstructor;
|
|
19
|
-
default: boolean;
|
|
20
17
|
};
|
|
21
18
|
type: {
|
|
22
|
-
type: PropType<
|
|
19
|
+
type: PropType<TagType>;
|
|
23
20
|
default: string;
|
|
24
|
-
|
|
25
|
-
validator(value: import('./props').TagType): boolean;
|
|
21
|
+
validator(value: TagType): boolean;
|
|
26
22
|
};
|
|
27
23
|
color: {
|
|
28
24
|
type: PropType<import('../../../..').LewColor>;
|
|
@@ -30,38 +26,32 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
|
|
|
30
26
|
validator(value: import('../../../..').LewColor): boolean;
|
|
31
27
|
};
|
|
32
28
|
size: {
|
|
33
|
-
type: PropType<
|
|
29
|
+
type: PropType<LewSize>;
|
|
34
30
|
default: string;
|
|
35
|
-
validator(value:
|
|
31
|
+
validator(value: LewSize): boolean;
|
|
36
32
|
};
|
|
37
33
|
round: {
|
|
38
34
|
type: BooleanConstructor;
|
|
39
|
-
default: boolean;
|
|
40
35
|
};
|
|
41
|
-
|
|
36
|
+
oversize: {
|
|
42
37
|
type: BooleanConstructor;
|
|
43
|
-
default: boolean;
|
|
44
38
|
};
|
|
45
39
|
disabled: {
|
|
46
40
|
type: BooleanConstructor;
|
|
47
|
-
|
|
41
|
+
};
|
|
42
|
+
closable: {
|
|
43
|
+
type: BooleanConstructor;
|
|
48
44
|
};
|
|
49
45
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
50
|
-
close: (
|
|
46
|
+
close: () => any;
|
|
51
47
|
}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
|
|
52
48
|
text: {
|
|
53
49
|
type: StringConstructor;
|
|
54
|
-
default: string;
|
|
55
|
-
};
|
|
56
|
-
oversize: {
|
|
57
|
-
type: BooleanConstructor;
|
|
58
|
-
default: boolean;
|
|
59
50
|
};
|
|
60
51
|
type: {
|
|
61
|
-
type: PropType<
|
|
52
|
+
type: PropType<TagType>;
|
|
62
53
|
default: string;
|
|
63
|
-
|
|
64
|
-
validator(value: import('./props').TagType): boolean;
|
|
54
|
+
validator(value: TagType): boolean;
|
|
65
55
|
};
|
|
66
56
|
color: {
|
|
67
57
|
type: PropType<import('../../../..').LewColor>;
|
|
@@ -69,29 +59,28 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
|
|
|
69
59
|
validator(value: import('../../../..').LewColor): boolean;
|
|
70
60
|
};
|
|
71
61
|
size: {
|
|
72
|
-
type: PropType<
|
|
62
|
+
type: PropType<LewSize>;
|
|
73
63
|
default: string;
|
|
74
|
-
validator(value:
|
|
64
|
+
validator(value: LewSize): boolean;
|
|
75
65
|
};
|
|
76
66
|
round: {
|
|
77
67
|
type: BooleanConstructor;
|
|
78
|
-
default: boolean;
|
|
79
68
|
};
|
|
80
|
-
|
|
69
|
+
oversize: {
|
|
81
70
|
type: BooleanConstructor;
|
|
82
|
-
default: boolean;
|
|
83
71
|
};
|
|
84
72
|
disabled: {
|
|
85
73
|
type: BooleanConstructor;
|
|
86
|
-
|
|
74
|
+
};
|
|
75
|
+
closable: {
|
|
76
|
+
type: BooleanConstructor;
|
|
87
77
|
};
|
|
88
78
|
}>> & Readonly<{
|
|
89
|
-
onClose?: ((
|
|
79
|
+
onClose?: (() => any) | undefined;
|
|
90
80
|
}>, {
|
|
91
|
-
type:
|
|
81
|
+
type: TagType;
|
|
92
82
|
color: import('../../../..').LewColor;
|
|
93
|
-
size:
|
|
94
|
-
text: string;
|
|
83
|
+
size: LewSize;
|
|
95
84
|
disabled: boolean;
|
|
96
85
|
round: boolean;
|
|
97
86
|
oversize: boolean;
|
|
@@ -4,16 +4,10 @@ export type TagType = 'fill' | 'light' | 'ghost';
|
|
|
4
4
|
export declare const tagProps: {
|
|
5
5
|
text: {
|
|
6
6
|
type: StringConstructor;
|
|
7
|
-
default: string;
|
|
8
|
-
};
|
|
9
|
-
oversize: {
|
|
10
|
-
type: BooleanConstructor;
|
|
11
|
-
default: boolean;
|
|
12
7
|
};
|
|
13
8
|
type: {
|
|
14
9
|
type: PropType<TagType>;
|
|
15
10
|
default: string;
|
|
16
|
-
typeDesc: string;
|
|
17
11
|
validator(value: TagType): boolean;
|
|
18
12
|
};
|
|
19
13
|
color: {
|
|
@@ -28,15 +22,21 @@ export declare const tagProps: {
|
|
|
28
22
|
};
|
|
29
23
|
round: {
|
|
30
24
|
type: BooleanConstructor;
|
|
31
|
-
default: boolean;
|
|
32
25
|
};
|
|
33
|
-
|
|
26
|
+
oversize: {
|
|
34
27
|
type: BooleanConstructor;
|
|
35
|
-
default: boolean;
|
|
36
28
|
};
|
|
37
29
|
disabled: {
|
|
38
30
|
type: BooleanConstructor;
|
|
39
|
-
|
|
31
|
+
};
|
|
32
|
+
closable: {
|
|
33
|
+
type: BooleanConstructor;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
export declare const model: {
|
|
37
|
+
tag: {
|
|
38
|
+
type: string;
|
|
39
|
+
description: string;
|
|
40
40
|
};
|
|
41
41
|
};
|
|
42
42
|
export type TagProps = ExtractPropTypes<typeof tagProps>;
|
|
@@ -14,94 +14,87 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
|
14
14
|
declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
|
|
15
15
|
text: {
|
|
16
16
|
type: (StringConstructor | NumberConstructor)[];
|
|
17
|
-
|
|
17
|
+
};
|
|
18
|
+
allowHTML: {
|
|
19
|
+
type: BooleanConstructor;
|
|
18
20
|
};
|
|
19
21
|
lineClamp: {
|
|
20
22
|
type: NumberConstructor;
|
|
21
|
-
default: undefined;
|
|
22
23
|
validator(value: number): boolean;
|
|
23
24
|
};
|
|
24
|
-
|
|
25
|
-
type:
|
|
26
|
-
default:
|
|
25
|
+
textAlign: {
|
|
26
|
+
type: PropType<import("csstype").Property.TextAlign>;
|
|
27
|
+
default: string;
|
|
28
|
+
validator(value: import("csstype").Property.TextAlign): boolean;
|
|
27
29
|
};
|
|
28
30
|
placement: {
|
|
29
31
|
type: PropType<import('./props').TextTrimPlacement>;
|
|
30
32
|
default: string;
|
|
31
|
-
typeDesc: string;
|
|
32
33
|
validator(value: import('./props').TextTrimPlacement): boolean;
|
|
33
34
|
};
|
|
34
35
|
offset: {
|
|
35
|
-
type: PropType<number
|
|
36
|
-
default: number[];
|
|
36
|
+
type: PropType<[number, number]>;
|
|
37
|
+
default: () => number[];
|
|
37
38
|
validator(value: [number, number]): boolean;
|
|
38
39
|
};
|
|
39
|
-
textAlign: {
|
|
40
|
-
type: PropType<import('./props').TextTrimAlignment>;
|
|
41
|
-
typeDesc: string;
|
|
42
|
-
default: string;
|
|
43
|
-
validator(value: import('./props').TextTrimAlignment): boolean;
|
|
44
|
-
};
|
|
45
40
|
delay: {
|
|
46
|
-
type: PropType<number
|
|
47
|
-
default: number[];
|
|
41
|
+
type: PropType<[number, number]>;
|
|
42
|
+
default: () => number[];
|
|
48
43
|
validator(value: [number, number]): boolean;
|
|
49
44
|
};
|
|
50
45
|
reserveEnd: {
|
|
51
46
|
type: NumberConstructor;
|
|
52
|
-
default: number;
|
|
53
47
|
validator(value: number): boolean;
|
|
54
48
|
};
|
|
55
|
-
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
49
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
50
|
+
click: (event: MouseEvent) => any;
|
|
51
|
+
mouseenter: () => any;
|
|
52
|
+
mouseleave: () => any;
|
|
53
|
+
}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
|
|
56
54
|
text: {
|
|
57
55
|
type: (StringConstructor | NumberConstructor)[];
|
|
58
|
-
|
|
56
|
+
};
|
|
57
|
+
allowHTML: {
|
|
58
|
+
type: BooleanConstructor;
|
|
59
59
|
};
|
|
60
60
|
lineClamp: {
|
|
61
61
|
type: NumberConstructor;
|
|
62
|
-
default: undefined;
|
|
63
62
|
validator(value: number): boolean;
|
|
64
63
|
};
|
|
65
|
-
|
|
66
|
-
type:
|
|
67
|
-
default:
|
|
64
|
+
textAlign: {
|
|
65
|
+
type: PropType<import("csstype").Property.TextAlign>;
|
|
66
|
+
default: string;
|
|
67
|
+
validator(value: import("csstype").Property.TextAlign): boolean;
|
|
68
68
|
};
|
|
69
69
|
placement: {
|
|
70
70
|
type: PropType<import('./props').TextTrimPlacement>;
|
|
71
71
|
default: string;
|
|
72
|
-
typeDesc: string;
|
|
73
72
|
validator(value: import('./props').TextTrimPlacement): boolean;
|
|
74
73
|
};
|
|
75
74
|
offset: {
|
|
76
|
-
type: PropType<number
|
|
77
|
-
default: number[];
|
|
75
|
+
type: PropType<[number, number]>;
|
|
76
|
+
default: () => number[];
|
|
78
77
|
validator(value: [number, number]): boolean;
|
|
79
78
|
};
|
|
80
|
-
textAlign: {
|
|
81
|
-
type: PropType<import('./props').TextTrimAlignment>;
|
|
82
|
-
typeDesc: string;
|
|
83
|
-
default: string;
|
|
84
|
-
validator(value: import('./props').TextTrimAlignment): boolean;
|
|
85
|
-
};
|
|
86
79
|
delay: {
|
|
87
|
-
type: PropType<number
|
|
88
|
-
default: number[];
|
|
80
|
+
type: PropType<[number, number]>;
|
|
81
|
+
default: () => number[];
|
|
89
82
|
validator(value: [number, number]): boolean;
|
|
90
83
|
};
|
|
91
84
|
reserveEnd: {
|
|
92
85
|
type: NumberConstructor;
|
|
93
|
-
default: number;
|
|
94
86
|
validator(value: number): boolean;
|
|
95
87
|
};
|
|
96
|
-
}>> & Readonly<{
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
88
|
+
}>> & Readonly<{
|
|
89
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
90
|
+
onMouseenter?: (() => any) | undefined;
|
|
91
|
+
onMouseleave?: (() => any) | undefined;
|
|
92
|
+
}>, {
|
|
93
|
+
delay: [number, number];
|
|
94
|
+
offset: [number, number];
|
|
95
|
+
textAlign: import("csstype").Property.TextAlign;
|
|
100
96
|
allowHTML: boolean;
|
|
101
97
|
placement: import('./props').TextTrimPlacement;
|
|
102
|
-
offset: number[];
|
|
103
|
-
textAlign: import('./props').TextTrimAlignment;
|
|
104
|
-
reserveEnd: number;
|
|
105
98
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
|
106
99
|
lewTextTrimRef: HTMLDivElement;
|
|
107
100
|
lewTextTrimPopRef: HTMLDivElement;
|
|
@@ -1,45 +1,39 @@
|
|
|
1
|
+
import { Property } from 'csstype';
|
|
1
2
|
import { ExtractPropTypes, PropType } from 'vue';
|
|
2
3
|
export type TextTrimPlacement = 'top' | 'bottom' | 'left' | 'right';
|
|
3
|
-
export type TextTrimAlignment = 'left' | 'center' | 'right';
|
|
4
4
|
export declare const textTrimProps: {
|
|
5
5
|
text: {
|
|
6
6
|
type: (StringConstructor | NumberConstructor)[];
|
|
7
|
-
|
|
7
|
+
};
|
|
8
|
+
allowHTML: {
|
|
9
|
+
type: BooleanConstructor;
|
|
8
10
|
};
|
|
9
11
|
lineClamp: {
|
|
10
12
|
type: NumberConstructor;
|
|
11
|
-
default: undefined;
|
|
12
13
|
validator(value: number): boolean;
|
|
13
14
|
};
|
|
14
|
-
|
|
15
|
-
type:
|
|
16
|
-
default:
|
|
15
|
+
textAlign: {
|
|
16
|
+
type: PropType<Property.TextAlign>;
|
|
17
|
+
default: string;
|
|
18
|
+
validator(value: Property.TextAlign): boolean;
|
|
17
19
|
};
|
|
18
20
|
placement: {
|
|
19
21
|
type: PropType<TextTrimPlacement>;
|
|
20
22
|
default: string;
|
|
21
|
-
typeDesc: string;
|
|
22
23
|
validator(value: TextTrimPlacement): boolean;
|
|
23
24
|
};
|
|
24
25
|
offset: {
|
|
25
|
-
type: PropType<number
|
|
26
|
-
default: number[];
|
|
26
|
+
type: PropType<[number, number]>;
|
|
27
|
+
default: () => number[];
|
|
27
28
|
validator(value: [number, number]): boolean;
|
|
28
29
|
};
|
|
29
|
-
textAlign: {
|
|
30
|
-
type: PropType<TextTrimAlignment>;
|
|
31
|
-
typeDesc: string;
|
|
32
|
-
default: string;
|
|
33
|
-
validator(value: TextTrimAlignment): boolean;
|
|
34
|
-
};
|
|
35
30
|
delay: {
|
|
36
|
-
type: PropType<number
|
|
37
|
-
default: number[];
|
|
31
|
+
type: PropType<[number, number]>;
|
|
32
|
+
default: () => number[];
|
|
38
33
|
validator(value: [number, number]): boolean;
|
|
39
34
|
};
|
|
40
35
|
reserveEnd: {
|
|
41
36
|
type: NumberConstructor;
|
|
42
|
-
default: number;
|
|
43
37
|
validator(value: number): boolean;
|
|
44
38
|
};
|
|
45
39
|
};
|
|
@@ -1,9 +1,20 @@
|
|
|
1
|
-
|
|
1
|
+
interface DisplayTextResult {
|
|
2
|
+
text: string;
|
|
3
|
+
isEllipsis: boolean;
|
|
4
|
+
}
|
|
5
|
+
interface GetDisplayTextParams {
|
|
2
6
|
text: string;
|
|
3
7
|
reserveEnd: number;
|
|
4
8
|
target: HTMLElement;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* Calculate display text with ellipsis based on container width
|
|
12
|
+
* @param params - Parameters for text calculation
|
|
13
|
+
* @returns Object containing processed text and ellipsis state
|
|
14
|
+
*/
|
|
15
|
+
export declare function getDisplayText(params: GetDisplayTextParams): DisplayTextResult;
|
|
16
|
+
/**
|
|
17
|
+
* Clear measurement cache and cleanup resources
|
|
18
|
+
*/
|
|
9
19
|
export declare function clearMeasureCache(): void;
|
|
20
|
+
export {};
|
|
@@ -10,56 +10,46 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
|
10
10
|
declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
|
|
11
11
|
text: {
|
|
12
12
|
type: StringConstructor;
|
|
13
|
-
default: string;
|
|
14
|
-
description: string;
|
|
15
13
|
};
|
|
16
14
|
size: {
|
|
17
|
-
type:
|
|
15
|
+
type: PropType<number | string>;
|
|
18
16
|
default: number;
|
|
19
|
-
|
|
20
|
-
validator: (value: number | string) => boolean;
|
|
17
|
+
validator(value: number | string): boolean;
|
|
21
18
|
};
|
|
22
19
|
color: {
|
|
23
|
-
type:
|
|
24
|
-
|
|
25
|
-
description: string;
|
|
26
|
-
validator: (value: string) => boolean;
|
|
20
|
+
type: PropType<import('../../../..').LewColor>;
|
|
21
|
+
validator(value: import('../../../..').LewColor): boolean;
|
|
27
22
|
};
|
|
28
23
|
bold: {
|
|
29
|
-
type:
|
|
24
|
+
type: PropType<import("csstype").Property.FontWeight>;
|
|
30
25
|
default: number;
|
|
31
|
-
|
|
32
|
-
validator: (value: number) => boolean;
|
|
26
|
+
validator(value: import("csstype").Property.FontWeight): boolean;
|
|
33
27
|
};
|
|
34
|
-
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
28
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
29
|
+
click: (event: MouseEvent) => any;
|
|
30
|
+
}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
|
|
35
31
|
text: {
|
|
36
32
|
type: StringConstructor;
|
|
37
|
-
default: string;
|
|
38
|
-
description: string;
|
|
39
33
|
};
|
|
40
34
|
size: {
|
|
41
|
-
type:
|
|
35
|
+
type: PropType<number | string>;
|
|
42
36
|
default: number;
|
|
43
|
-
|
|
44
|
-
validator: (value: number | string) => boolean;
|
|
37
|
+
validator(value: number | string): boolean;
|
|
45
38
|
};
|
|
46
39
|
color: {
|
|
47
|
-
type:
|
|
48
|
-
|
|
49
|
-
description: string;
|
|
50
|
-
validator: (value: string) => boolean;
|
|
40
|
+
type: PropType<import('../../../..').LewColor>;
|
|
41
|
+
validator(value: import('../../../..').LewColor): boolean;
|
|
51
42
|
};
|
|
52
43
|
bold: {
|
|
53
|
-
type:
|
|
44
|
+
type: PropType<import("csstype").Property.FontWeight>;
|
|
54
45
|
default: number;
|
|
55
|
-
|
|
56
|
-
validator: (value: number) => boolean;
|
|
46
|
+
validator(value: import("csstype").Property.FontWeight): boolean;
|
|
57
47
|
};
|
|
58
|
-
}>> & Readonly<{
|
|
59
|
-
|
|
48
|
+
}>> & Readonly<{
|
|
49
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
50
|
+
}>, {
|
|
60
51
|
size: string | number;
|
|
61
|
-
|
|
62
|
-
bold: number;
|
|
52
|
+
bold: import("csstype").Property.FontWeight;
|
|
63
53
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
64
54
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
65
55
|
export default _default;
|
|
@@ -1,27 +1,23 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Property } from 'csstype';
|
|
2
|
+
import { LewColor } from '../../../..';
|
|
3
|
+
import { ExtractPropTypes, PropType } from 'vue';
|
|
2
4
|
export declare const titleProps: {
|
|
3
5
|
text: {
|
|
4
6
|
type: StringConstructor;
|
|
5
|
-
default: string;
|
|
6
|
-
description: string;
|
|
7
7
|
};
|
|
8
8
|
size: {
|
|
9
|
-
type:
|
|
9
|
+
type: PropType<number | string>;
|
|
10
10
|
default: number;
|
|
11
|
-
|
|
12
|
-
validator: (value: number | string) => boolean;
|
|
11
|
+
validator(value: number | string): boolean;
|
|
13
12
|
};
|
|
14
13
|
color: {
|
|
15
|
-
type:
|
|
16
|
-
|
|
17
|
-
description: string;
|
|
18
|
-
validator: (value: string) => boolean;
|
|
14
|
+
type: PropType<LewColor>;
|
|
15
|
+
validator(value: LewColor): boolean;
|
|
19
16
|
};
|
|
20
17
|
bold: {
|
|
21
|
-
type:
|
|
18
|
+
type: PropType<Property.FontWeight>;
|
|
22
19
|
default: number;
|
|
23
|
-
|
|
24
|
-
validator: (value: number) => boolean;
|
|
20
|
+
validator(value: Property.FontWeight): boolean;
|
|
25
21
|
};
|
|
26
22
|
};
|
|
27
23
|
export type TitleProps = ExtractPropTypes<typeof titleProps>;
|