x-next 0.0.0-alpha.42 → 0.0.0-alpha.43
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/dist/components/drawer/index.d.ts +1474 -0
- package/dist/components/drawer/src/Drawer.vue.d.ts +744 -0
- package/dist/components/drawer/src/props.d.ts +75 -0
- package/dist/components/drawer/src/types.d.ts +1 -0
- package/dist/components/index.d.ts +2 -0
- package/dist/components/message/Message.d.ts +1 -1
- package/dist/components/message/MessageVue.vue.d.ts +1 -1
- package/dist/components/message/index.d.ts +3 -3
- package/dist/components/popconfirm/index.d.ts +3 -3
- package/dist/components/popconfirm/src/Popconfirm.d.ts +1 -1
- package/dist/components/scrollbar/index.d.ts +291 -0
- package/dist/components/scrollbar/src/Scrollbar.vue.d.ts +134 -0
- package/dist/components/scrollbar/src/constant.d.ts +1 -0
- package/dist/components/scrollbar/src/scrollbar.d.ts +24 -0
- package/dist/components/scrollbar/src/thumb.d.ts +20 -0
- package/dist/components/scrollbar/src/thumb.vue.d.ts +47 -0
- package/dist/components/scrollbar/{props.d.ts → src/types.d.ts} +2 -0
- package/dist/index.es.js +2444 -1829
- package/dist/index.umd.js +1 -1
- package/dist/style.css +1 -1
- package/dist/types.d.ts +2 -0
- package/package.json +1 -1
- package/volar.d.ts +2 -0
@@ -0,0 +1,75 @@
|
|
1
|
+
import { ExtractPropTypes } from 'vue';
|
2
|
+
import { Placement } from './types';
|
3
|
+
export declare const drawerProps: {
|
4
|
+
disabled: {
|
5
|
+
type: BooleanConstructor;
|
6
|
+
default: boolean;
|
7
|
+
};
|
8
|
+
modelValue: {
|
9
|
+
type: BooleanConstructor;
|
10
|
+
default: boolean;
|
11
|
+
};
|
12
|
+
placement: {
|
13
|
+
type: import('vue').PropType<Placement>;
|
14
|
+
default: string;
|
15
|
+
};
|
16
|
+
title: {
|
17
|
+
type: StringConstructor;
|
18
|
+
default: string;
|
19
|
+
};
|
20
|
+
mask: {
|
21
|
+
type: BooleanConstructor;
|
22
|
+
default: boolean;
|
23
|
+
};
|
24
|
+
showFooter: {
|
25
|
+
type: BooleanConstructor;
|
26
|
+
default: boolean;
|
27
|
+
};
|
28
|
+
maskToClose: {
|
29
|
+
type: BooleanConstructor;
|
30
|
+
default: boolean;
|
31
|
+
};
|
32
|
+
escToClose: {
|
33
|
+
type: BooleanConstructor;
|
34
|
+
default: boolean;
|
35
|
+
};
|
36
|
+
destroyOnClosed: {
|
37
|
+
type: BooleanConstructor;
|
38
|
+
default: boolean;
|
39
|
+
};
|
40
|
+
width: {
|
41
|
+
type: (NumberConstructor | StringConstructor)[];
|
42
|
+
default: number;
|
43
|
+
};
|
44
|
+
height: {
|
45
|
+
type: (NumberConstructor | StringConstructor)[];
|
46
|
+
default: number;
|
47
|
+
};
|
48
|
+
okText: {
|
49
|
+
type: StringConstructor;
|
50
|
+
default: string;
|
51
|
+
};
|
52
|
+
cancelText: {
|
53
|
+
type: StringConstructor;
|
54
|
+
default: string;
|
55
|
+
};
|
56
|
+
onBeforeOk: {
|
57
|
+
type: import('vue').PropType<() => boolean | Promise<boolean>>;
|
58
|
+
};
|
59
|
+
onBeforeCancel: {
|
60
|
+
type: import('vue').PropType<() => boolean | Promise<boolean>>;
|
61
|
+
};
|
62
|
+
renderTo: {
|
63
|
+
type: import('vue').PropType<string | HTMLElement>;
|
64
|
+
default: string;
|
65
|
+
};
|
66
|
+
popupClass: {
|
67
|
+
type: StringConstructor;
|
68
|
+
default: undefined;
|
69
|
+
};
|
70
|
+
showClose: {
|
71
|
+
type: BooleanConstructor;
|
72
|
+
default: boolean;
|
73
|
+
};
|
74
|
+
};
|
75
|
+
export type DrawerProps = ExtractPropTypes<typeof drawerProps>;
|
@@ -0,0 +1 @@
|
|
1
|
+
export type Placement = 'top' | 'right' | 'bottom' | 'left';
|
@@ -1,10 +1,12 @@
|
|
1
1
|
export * from './button';
|
2
2
|
export * from './dialog';
|
3
|
+
export * from './drawer';
|
3
4
|
export * from './message';
|
4
5
|
export * from './message-box';
|
5
6
|
export * from './notification';
|
6
7
|
export * from './popconfirm';
|
7
8
|
export * from './popup';
|
9
|
+
export * from './scrollbar';
|
8
10
|
export * from './space';
|
9
11
|
export * from './timeline';
|
10
12
|
export * from './timeline-item';
|
@@ -101,8 +101,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
101
101
|
popupClass: string;
|
102
102
|
showClose: boolean;
|
103
103
|
onClose: () => void;
|
104
|
-
id: string;
|
105
104
|
duration: number;
|
105
|
+
id: string;
|
106
106
|
useHTML: boolean;
|
107
107
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
108
108
|
export default _default;
|
@@ -109,8 +109,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
109
109
|
popupClass: string;
|
110
110
|
showClose: boolean;
|
111
111
|
onClose: () => void;
|
112
|
-
id: string;
|
113
112
|
duration: number;
|
113
|
+
id: string;
|
114
114
|
useHTML: boolean;
|
115
115
|
}, {}, {
|
116
116
|
CloseCircleFill: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
@@ -55,8 +55,8 @@ export declare const XMessage: {
|
|
55
55
|
popupClass: string;
|
56
56
|
showClose: boolean;
|
57
57
|
onClose: () => void;
|
58
|
-
id: string;
|
59
58
|
duration: number;
|
59
|
+
id: string;
|
60
60
|
useHTML: boolean;
|
61
61
|
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
62
62
|
P: {};
|
@@ -121,8 +121,8 @@ export declare const XMessage: {
|
|
121
121
|
popupClass: string;
|
122
122
|
showClose: boolean;
|
123
123
|
onClose: () => void;
|
124
|
-
id: string;
|
125
124
|
duration: number;
|
125
|
+
id: string;
|
126
126
|
useHTML: boolean;
|
127
127
|
}>;
|
128
128
|
__isFragment?: never;
|
@@ -184,8 +184,8 @@ export declare const XMessage: {
|
|
184
184
|
popupClass: string;
|
185
185
|
showClose: boolean;
|
186
186
|
onClose: () => void;
|
187
|
-
id: string;
|
188
187
|
duration: number;
|
188
|
+
id: string;
|
189
189
|
useHTML: boolean;
|
190
190
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
|
191
191
|
install(app: import('vue').App): void;
|
@@ -43,9 +43,9 @@ export declare const XPopconfirm: {
|
|
43
43
|
popupClass: StringConstructor;
|
44
44
|
}>> & Readonly<{
|
45
45
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
46
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
46
47
|
onCancel?: ((...args: any[]) => any) | undefined;
|
47
48
|
onOk?: ((...args: any[]) => any) | undefined;
|
48
|
-
onChange?: ((...args: any[]) => any) | undefined;
|
49
49
|
}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
50
50
|
[key: string]: any;
|
51
51
|
}>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("cancel" | "change" | "update:modelValue" | "ok")[], import('vue').PublicProps, {
|
@@ -109,9 +109,9 @@ export declare const XPopconfirm: {
|
|
109
109
|
popupClass: StringConstructor;
|
110
110
|
}>> & Readonly<{
|
111
111
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
112
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
112
113
|
onCancel?: ((...args: any[]) => any) | undefined;
|
113
114
|
onOk?: ((...args: any[]) => any) | undefined;
|
114
|
-
onChange?: ((...args: any[]) => any) | undefined;
|
115
115
|
}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
116
116
|
[key: string]: any;
|
117
117
|
}>[] | undefined, {}, {}, {}, {
|
@@ -172,9 +172,9 @@ export declare const XPopconfirm: {
|
|
172
172
|
popupClass: StringConstructor;
|
173
173
|
}>> & Readonly<{
|
174
174
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
175
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
175
176
|
onCancel?: ((...args: any[]) => any) | undefined;
|
176
177
|
onOk?: ((...args: any[]) => any) | undefined;
|
177
|
-
onChange?: ((...args: any[]) => any) | undefined;
|
178
178
|
}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
179
179
|
[key: string]: any;
|
180
180
|
}>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("cancel" | "change" | "update:modelValue" | "ok")[], "cancel" | "change" | "update:modelValue" | "ok", {
|
@@ -87,9 +87,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
87
87
|
popupClass: StringConstructor;
|
88
88
|
}>> & Readonly<{
|
89
89
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
90
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
90
91
|
onCancel?: ((...args: any[]) => any) | undefined;
|
91
92
|
onOk?: ((...args: any[]) => any) | undefined;
|
92
|
-
onChange?: ((...args: any[]) => any) | undefined;
|
93
93
|
}>, {
|
94
94
|
type: import('./types').PopconfirmTypes;
|
95
95
|
disabled: boolean;
|
@@ -0,0 +1,291 @@
|
|
1
|
+
export declare const XScrollbar: {
|
2
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
|
3
|
+
type: {
|
4
|
+
type: import('vue').PropType<"track" | "embed">;
|
5
|
+
default: string;
|
6
|
+
};
|
7
|
+
outerClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
|
8
|
+
outerStyle: {
|
9
|
+
type: import('vue').PropType<import('vue').StyleValue>;
|
10
|
+
};
|
11
|
+
hide: {
|
12
|
+
type: BooleanConstructor;
|
13
|
+
default: boolean;
|
14
|
+
};
|
15
|
+
disableHorizontal: {
|
16
|
+
type: BooleanConstructor;
|
17
|
+
default: boolean;
|
18
|
+
};
|
19
|
+
disableVertical: {
|
20
|
+
type: BooleanConstructor;
|
21
|
+
default: boolean;
|
22
|
+
};
|
23
|
+
}>> & Readonly<{
|
24
|
+
onScroll?: ((...args: any[]) => any) | undefined;
|
25
|
+
}>, {
|
26
|
+
ns: string;
|
27
|
+
className: {
|
28
|
+
block: string;
|
29
|
+
element: (className: string) => string;
|
30
|
+
modifier: (className: string) => string;
|
31
|
+
is: (className: string) => string;
|
32
|
+
};
|
33
|
+
cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | undefined)[]>;
|
34
|
+
style: import('vue').ComputedRef<(string | false | import('vue').CSSProperties | import('vue').StyleValue[])[]>;
|
35
|
+
containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
|
36
|
+
horizontalThumbRef: import('vue').Ref<any, any>;
|
37
|
+
verticalThumbRef: import('vue').Ref<any, any>;
|
38
|
+
horizontalData: import('vue').Ref<import('./src/types').ThumbData | undefined, import('./src/types').ThumbData | undefined>;
|
39
|
+
verticalData: import('vue').Ref<import('./src/types').ThumbData | undefined, import('./src/types').ThumbData | undefined>;
|
40
|
+
isBoth: import('vue').Ref<boolean, boolean>;
|
41
|
+
hasHorizontalScrollbar: import('vue').ComputedRef<boolean>;
|
42
|
+
hasVerticalScrollbar: import('vue').ComputedRef<boolean>;
|
43
|
+
handleScroll: (ev: Event) => void;
|
44
|
+
handleHorizontalScroll: (offset: number) => void;
|
45
|
+
handleVerticalScroll: (offset: number) => void;
|
46
|
+
handleResize: () => void;
|
47
|
+
}, {}, {}, {
|
48
|
+
scrollTo(options?: number | {
|
49
|
+
left?: number;
|
50
|
+
top?: number;
|
51
|
+
}, y?: number): void;
|
52
|
+
scrollTop(top: number): void;
|
53
|
+
scrollLeft(left: number): void;
|
54
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "scroll"[], import('vue').PublicProps, {
|
55
|
+
type: "embed" | "track";
|
56
|
+
hide: boolean;
|
57
|
+
disableHorizontal: boolean;
|
58
|
+
disableVertical: boolean;
|
59
|
+
}, true, {}, {}, {
|
60
|
+
Thumb: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
61
|
+
data: {
|
62
|
+
type: import('vue').PropType<import('./src/types').ThumbData>;
|
63
|
+
};
|
64
|
+
direction: {
|
65
|
+
type: import('vue').PropType<import('./src/types').Direction>;
|
66
|
+
default: string;
|
67
|
+
};
|
68
|
+
alwaysShow: {
|
69
|
+
type: BooleanConstructor;
|
70
|
+
default: boolean;
|
71
|
+
};
|
72
|
+
both: {
|
73
|
+
type: BooleanConstructor;
|
74
|
+
default: boolean;
|
75
|
+
};
|
76
|
+
}>, {
|
77
|
+
setOffset: (_offset: number) => void;
|
78
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
79
|
+
scroll: (...args: any[]) => void;
|
80
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
81
|
+
data: {
|
82
|
+
type: import('vue').PropType<import('./src/types').ThumbData>;
|
83
|
+
};
|
84
|
+
direction: {
|
85
|
+
type: import('vue').PropType<import('./src/types').Direction>;
|
86
|
+
default: string;
|
87
|
+
};
|
88
|
+
alwaysShow: {
|
89
|
+
type: BooleanConstructor;
|
90
|
+
default: boolean;
|
91
|
+
};
|
92
|
+
both: {
|
93
|
+
type: BooleanConstructor;
|
94
|
+
default: boolean;
|
95
|
+
};
|
96
|
+
}>> & Readonly<{
|
97
|
+
onScroll?: ((...args: any[]) => any) | undefined;
|
98
|
+
}>, {
|
99
|
+
direction: "horizontal" | "vertical";
|
100
|
+
both: boolean;
|
101
|
+
alwaysShow: boolean;
|
102
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
103
|
+
trackRef: HTMLDivElement;
|
104
|
+
thumbRef: HTMLDivElement;
|
105
|
+
}, HTMLDivElement>;
|
106
|
+
ResizeObserver: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
107
|
+
[key: string]: any;
|
108
|
+
}>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "resize"[], "resize", import('vue').PublicProps, Readonly<{}> & Readonly<{
|
109
|
+
onResize?: ((...args: any[]) => any) | undefined;
|
110
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
111
|
+
} & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
112
|
+
P: {};
|
113
|
+
B: {};
|
114
|
+
D: {};
|
115
|
+
C: {};
|
116
|
+
M: {};
|
117
|
+
Defaults: {};
|
118
|
+
}, Readonly<import('vue').ExtractPropTypes<{
|
119
|
+
type: {
|
120
|
+
type: import('vue').PropType<"track" | "embed">;
|
121
|
+
default: string;
|
122
|
+
};
|
123
|
+
outerClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
|
124
|
+
outerStyle: {
|
125
|
+
type: import('vue').PropType<import('vue').StyleValue>;
|
126
|
+
};
|
127
|
+
hide: {
|
128
|
+
type: BooleanConstructor;
|
129
|
+
default: boolean;
|
130
|
+
};
|
131
|
+
disableHorizontal: {
|
132
|
+
type: BooleanConstructor;
|
133
|
+
default: boolean;
|
134
|
+
};
|
135
|
+
disableVertical: {
|
136
|
+
type: BooleanConstructor;
|
137
|
+
default: boolean;
|
138
|
+
};
|
139
|
+
}>> & Readonly<{
|
140
|
+
onScroll?: ((...args: any[]) => any) | undefined;
|
141
|
+
}>, {
|
142
|
+
ns: string;
|
143
|
+
className: {
|
144
|
+
block: string;
|
145
|
+
element: (className: string) => string;
|
146
|
+
modifier: (className: string) => string;
|
147
|
+
is: (className: string) => string;
|
148
|
+
};
|
149
|
+
cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | undefined)[]>;
|
150
|
+
style: import('vue').ComputedRef<(string | false | import('vue').CSSProperties | import('vue').StyleValue[])[]>;
|
151
|
+
containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
|
152
|
+
horizontalThumbRef: import('vue').Ref<any, any>;
|
153
|
+
verticalThumbRef: import('vue').Ref<any, any>;
|
154
|
+
horizontalData: import('vue').Ref<import('./src/types').ThumbData | undefined, import('./src/types').ThumbData | undefined>;
|
155
|
+
verticalData: import('vue').Ref<import('./src/types').ThumbData | undefined, import('./src/types').ThumbData | undefined>;
|
156
|
+
isBoth: import('vue').Ref<boolean, boolean>;
|
157
|
+
hasHorizontalScrollbar: import('vue').ComputedRef<boolean>;
|
158
|
+
hasVerticalScrollbar: import('vue').ComputedRef<boolean>;
|
159
|
+
handleScroll: (ev: Event) => void;
|
160
|
+
handleHorizontalScroll: (offset: number) => void;
|
161
|
+
handleVerticalScroll: (offset: number) => void;
|
162
|
+
handleResize: () => void;
|
163
|
+
}, {}, {}, {
|
164
|
+
scrollTo(options?: number | {
|
165
|
+
left?: number;
|
166
|
+
top?: number;
|
167
|
+
}, y?: number): void;
|
168
|
+
scrollTop(top: number): void;
|
169
|
+
scrollLeft(left: number): void;
|
170
|
+
}, {
|
171
|
+
type: "embed" | "track";
|
172
|
+
hide: boolean;
|
173
|
+
disableHorizontal: boolean;
|
174
|
+
disableVertical: boolean;
|
175
|
+
}>;
|
176
|
+
__isFragment?: never;
|
177
|
+
__isTeleport?: never;
|
178
|
+
__isSuspense?: never;
|
179
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
|
180
|
+
type: {
|
181
|
+
type: import('vue').PropType<"track" | "embed">;
|
182
|
+
default: string;
|
183
|
+
};
|
184
|
+
outerClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
|
185
|
+
outerStyle: {
|
186
|
+
type: import('vue').PropType<import('vue').StyleValue>;
|
187
|
+
};
|
188
|
+
hide: {
|
189
|
+
type: BooleanConstructor;
|
190
|
+
default: boolean;
|
191
|
+
};
|
192
|
+
disableHorizontal: {
|
193
|
+
type: BooleanConstructor;
|
194
|
+
default: boolean;
|
195
|
+
};
|
196
|
+
disableVertical: {
|
197
|
+
type: BooleanConstructor;
|
198
|
+
default: boolean;
|
199
|
+
};
|
200
|
+
}>> & Readonly<{
|
201
|
+
onScroll?: ((...args: any[]) => any) | undefined;
|
202
|
+
}>, {
|
203
|
+
ns: string;
|
204
|
+
className: {
|
205
|
+
block: string;
|
206
|
+
element: (className: string) => string;
|
207
|
+
modifier: (className: string) => string;
|
208
|
+
is: (className: string) => string;
|
209
|
+
};
|
210
|
+
cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | undefined)[]>;
|
211
|
+
style: import('vue').ComputedRef<(string | false | import('vue').CSSProperties | import('vue').StyleValue[])[]>;
|
212
|
+
containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
|
213
|
+
horizontalThumbRef: import('vue').Ref<any, any>;
|
214
|
+
verticalThumbRef: import('vue').Ref<any, any>;
|
215
|
+
horizontalData: import('vue').Ref<import('./src/types').ThumbData | undefined, import('./src/types').ThumbData | undefined>;
|
216
|
+
verticalData: import('vue').Ref<import('./src/types').ThumbData | undefined, import('./src/types').ThumbData | undefined>;
|
217
|
+
isBoth: import('vue').Ref<boolean, boolean>;
|
218
|
+
hasHorizontalScrollbar: import('vue').ComputedRef<boolean>;
|
219
|
+
hasVerticalScrollbar: import('vue').ComputedRef<boolean>;
|
220
|
+
handleScroll: (ev: Event) => void;
|
221
|
+
handleHorizontalScroll: (offset: number) => void;
|
222
|
+
handleVerticalScroll: (offset: number) => void;
|
223
|
+
handleResize: () => void;
|
224
|
+
}, {}, {}, {
|
225
|
+
scrollTo(options?: number | {
|
226
|
+
left?: number;
|
227
|
+
top?: number;
|
228
|
+
}, y?: number): void;
|
229
|
+
scrollTop(top: number): void;
|
230
|
+
scrollLeft(left: number): void;
|
231
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "scroll"[], "scroll", {
|
232
|
+
type: "embed" | "track";
|
233
|
+
hide: boolean;
|
234
|
+
disableHorizontal: boolean;
|
235
|
+
disableVertical: boolean;
|
236
|
+
}, {}, string, {}, {
|
237
|
+
Thumb: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
238
|
+
data: {
|
239
|
+
type: import('vue').PropType<import('./src/types').ThumbData>;
|
240
|
+
};
|
241
|
+
direction: {
|
242
|
+
type: import('vue').PropType<import('./src/types').Direction>;
|
243
|
+
default: string;
|
244
|
+
};
|
245
|
+
alwaysShow: {
|
246
|
+
type: BooleanConstructor;
|
247
|
+
default: boolean;
|
248
|
+
};
|
249
|
+
both: {
|
250
|
+
type: BooleanConstructor;
|
251
|
+
default: boolean;
|
252
|
+
};
|
253
|
+
}>, {
|
254
|
+
setOffset: (_offset: number) => void;
|
255
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
256
|
+
scroll: (...args: any[]) => void;
|
257
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
258
|
+
data: {
|
259
|
+
type: import('vue').PropType<import('./src/types').ThumbData>;
|
260
|
+
};
|
261
|
+
direction: {
|
262
|
+
type: import('vue').PropType<import('./src/types').Direction>;
|
263
|
+
default: string;
|
264
|
+
};
|
265
|
+
alwaysShow: {
|
266
|
+
type: BooleanConstructor;
|
267
|
+
default: boolean;
|
268
|
+
};
|
269
|
+
both: {
|
270
|
+
type: BooleanConstructor;
|
271
|
+
default: boolean;
|
272
|
+
};
|
273
|
+
}>> & Readonly<{
|
274
|
+
onScroll?: ((...args: any[]) => any) | undefined;
|
275
|
+
}>, {
|
276
|
+
direction: "horizontal" | "vertical";
|
277
|
+
both: boolean;
|
278
|
+
alwaysShow: boolean;
|
279
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
280
|
+
trackRef: HTMLDivElement;
|
281
|
+
thumbRef: HTMLDivElement;
|
282
|
+
}, HTMLDivElement>;
|
283
|
+
ResizeObserver: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
284
|
+
[key: string]: any;
|
285
|
+
}>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "resize"[], "resize", import('vue').PublicProps, Readonly<{}> & Readonly<{
|
286
|
+
onResize?: ((...args: any[]) => any) | undefined;
|
287
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
288
|
+
} & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
|
289
|
+
install(app: import('vue').App): void;
|
290
|
+
};
|
291
|
+
export { XScrollbar as default };
|
@@ -0,0 +1,134 @@
|
|
1
|
+
import { StyleValue } from 'vue';
|
2
|
+
import { ThumbData } from './types';
|
3
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
4
|
+
type: {
|
5
|
+
type: import('vue').PropType<"track" | "embed">;
|
6
|
+
default: string;
|
7
|
+
};
|
8
|
+
outerClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
|
9
|
+
outerStyle: {
|
10
|
+
type: import('vue').PropType<StyleValue>;
|
11
|
+
};
|
12
|
+
hide: {
|
13
|
+
type: BooleanConstructor;
|
14
|
+
default: boolean;
|
15
|
+
};
|
16
|
+
disableHorizontal: {
|
17
|
+
type: BooleanConstructor;
|
18
|
+
default: boolean;
|
19
|
+
};
|
20
|
+
disableVertical: {
|
21
|
+
type: BooleanConstructor;
|
22
|
+
default: boolean;
|
23
|
+
};
|
24
|
+
}>, {
|
25
|
+
ns: string;
|
26
|
+
className: {
|
27
|
+
block: string;
|
28
|
+
element: (className: string) => string;
|
29
|
+
modifier: (className: string) => string;
|
30
|
+
is: (className: string) => string;
|
31
|
+
};
|
32
|
+
cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | undefined)[]>;
|
33
|
+
style: import('vue').ComputedRef<(string | false | import('vue').CSSProperties | StyleValue[])[]>;
|
34
|
+
containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
|
35
|
+
horizontalThumbRef: import('vue').Ref<any, any>;
|
36
|
+
verticalThumbRef: import('vue').Ref<any, any>;
|
37
|
+
horizontalData: import('vue').Ref<ThumbData | undefined, ThumbData | undefined>;
|
38
|
+
verticalData: import('vue').Ref<ThumbData | undefined, ThumbData | undefined>;
|
39
|
+
isBoth: import('vue').Ref<boolean, boolean>;
|
40
|
+
hasHorizontalScrollbar: import('vue').ComputedRef<boolean>;
|
41
|
+
hasVerticalScrollbar: import('vue').ComputedRef<boolean>;
|
42
|
+
handleScroll: (ev: Event) => void;
|
43
|
+
handleHorizontalScroll: (offset: number) => void;
|
44
|
+
handleVerticalScroll: (offset: number) => void;
|
45
|
+
handleResize: () => void;
|
46
|
+
}, {}, {}, {
|
47
|
+
scrollTo(options?: number | {
|
48
|
+
left?: number;
|
49
|
+
top?: number;
|
50
|
+
}, y?: number): void;
|
51
|
+
scrollTop(top: number): void;
|
52
|
+
scrollLeft(left: number): void;
|
53
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "scroll"[], "scroll", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
54
|
+
type: {
|
55
|
+
type: import('vue').PropType<"track" | "embed">;
|
56
|
+
default: string;
|
57
|
+
};
|
58
|
+
outerClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
|
59
|
+
outerStyle: {
|
60
|
+
type: import('vue').PropType<StyleValue>;
|
61
|
+
};
|
62
|
+
hide: {
|
63
|
+
type: BooleanConstructor;
|
64
|
+
default: boolean;
|
65
|
+
};
|
66
|
+
disableHorizontal: {
|
67
|
+
type: BooleanConstructor;
|
68
|
+
default: boolean;
|
69
|
+
};
|
70
|
+
disableVertical: {
|
71
|
+
type: BooleanConstructor;
|
72
|
+
default: boolean;
|
73
|
+
};
|
74
|
+
}>> & Readonly<{
|
75
|
+
onScroll?: ((...args: any[]) => any) | undefined;
|
76
|
+
}>, {
|
77
|
+
type: "embed" | "track";
|
78
|
+
hide: boolean;
|
79
|
+
disableHorizontal: boolean;
|
80
|
+
disableVertical: boolean;
|
81
|
+
}, {}, {
|
82
|
+
Thumb: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
83
|
+
data: {
|
84
|
+
type: import('vue').PropType<ThumbData>;
|
85
|
+
};
|
86
|
+
direction: {
|
87
|
+
type: import('vue').PropType<import('./types').Direction>;
|
88
|
+
default: string;
|
89
|
+
};
|
90
|
+
alwaysShow: {
|
91
|
+
type: BooleanConstructor;
|
92
|
+
default: boolean;
|
93
|
+
};
|
94
|
+
both: {
|
95
|
+
type: BooleanConstructor;
|
96
|
+
default: boolean;
|
97
|
+
};
|
98
|
+
}>, {
|
99
|
+
setOffset: (_offset: number) => void;
|
100
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
101
|
+
scroll: (...args: any[]) => void;
|
102
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
103
|
+
data: {
|
104
|
+
type: import('vue').PropType<ThumbData>;
|
105
|
+
};
|
106
|
+
direction: {
|
107
|
+
type: import('vue').PropType<import('./types').Direction>;
|
108
|
+
default: string;
|
109
|
+
};
|
110
|
+
alwaysShow: {
|
111
|
+
type: BooleanConstructor;
|
112
|
+
default: boolean;
|
113
|
+
};
|
114
|
+
both: {
|
115
|
+
type: BooleanConstructor;
|
116
|
+
default: boolean;
|
117
|
+
};
|
118
|
+
}>> & Readonly<{
|
119
|
+
onScroll?: ((...args: any[]) => any) | undefined;
|
120
|
+
}>, {
|
121
|
+
direction: "horizontal" | "vertical";
|
122
|
+
both: boolean;
|
123
|
+
alwaysShow: boolean;
|
124
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
125
|
+
trackRef: HTMLDivElement;
|
126
|
+
thumbRef: HTMLDivElement;
|
127
|
+
}, HTMLDivElement>;
|
128
|
+
ResizeObserver: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
129
|
+
[key: string]: any;
|
130
|
+
}>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "resize"[], "resize", import('vue').PublicProps, Readonly<{}> & Readonly<{
|
131
|
+
onResize?: ((...args: any[]) => any) | undefined;
|
132
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
133
|
+
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
134
|
+
export default _default;
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare const TRACK_SIZE = 6;
|
@@ -0,0 +1,24 @@
|
|
1
|
+
import { PropType, StyleValue, ExtractPropTypes } from 'vue';
|
2
|
+
export declare const scrollbarProps: {
|
3
|
+
type: {
|
4
|
+
type: PropType<"track" | "embed">;
|
5
|
+
default: string;
|
6
|
+
};
|
7
|
+
outerClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
|
8
|
+
outerStyle: {
|
9
|
+
type: PropType<StyleValue>;
|
10
|
+
};
|
11
|
+
hide: {
|
12
|
+
type: BooleanConstructor;
|
13
|
+
default: boolean;
|
14
|
+
};
|
15
|
+
disableHorizontal: {
|
16
|
+
type: BooleanConstructor;
|
17
|
+
default: boolean;
|
18
|
+
};
|
19
|
+
disableVertical: {
|
20
|
+
type: BooleanConstructor;
|
21
|
+
default: boolean;
|
22
|
+
};
|
23
|
+
};
|
24
|
+
export type ScrollProps = ExtractPropTypes<typeof scrollbarProps>;
|
@@ -0,0 +1,20 @@
|
|
1
|
+
import { PropType, ExtractPropTypes } from 'vue';
|
2
|
+
import { Direction, ThumbData } from './types';
|
3
|
+
export declare const thumbProps: {
|
4
|
+
data: {
|
5
|
+
type: PropType<ThumbData>;
|
6
|
+
};
|
7
|
+
direction: {
|
8
|
+
type: PropType<Direction>;
|
9
|
+
default: string;
|
10
|
+
};
|
11
|
+
alwaysShow: {
|
12
|
+
type: BooleanConstructor;
|
13
|
+
default: boolean;
|
14
|
+
};
|
15
|
+
both: {
|
16
|
+
type: BooleanConstructor;
|
17
|
+
default: boolean;
|
18
|
+
};
|
19
|
+
};
|
20
|
+
export type ThumbProps = ExtractPropTypes<typeof thumbProps>;
|