@vunk/plus 1.10.0 → 1.10.1
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/components/bubble-list/src/core/index.vue.d.ts +57 -0
- package/components/bubble-list/src/index.vue.d.ts +57 -0
- package/components/chat-independent/src/index.vue.d.ts +57 -0
- package/components/scrollbar/index.mjs +89 -15
- package/components/scrollbar/src/bar.d.ts +4 -0
- package/components/scrollbar/src/bar.vue.d.ts +26 -0
- package/components/scrollbar/src/index.vue.d.ts +57 -0
- package/components/scrollbar/src/thumb.d.ts +4 -0
- package/components/scrollbar/src/thumb.vue.d.ts +13 -0
- package/components/scrollbar/src/types.d.ts +5 -1
- package/components/tables-v1/src/ctx.d.ts +2 -2
- package/components/tables-v1/src/index.vue.d.ts +6 -6
- package/components/tables-v1-checkbox/src/ctx.d.ts +2 -2
- package/components/tables-v1-checkbox/src/index.vue.d.ts +12 -12
- package/components/text/src/ctx.d.ts +1 -1
- package/components/text/src/index.vue.d.ts +2 -2
- package/package.json +1 -1
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { defineComponent, inject, ref, computed, onBeforeUnmount, toRef, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, withModifiers, normalizeStyle, vShow, createElementBlock, Fragment, createVNode, watch, nextTick, provide, reactive, onActivated, onMounted, onUpdated, resolveDynamicComponent, renderSlot, createCommentVNode } from 'vue';
|
|
2
|
-
import { useEventListener, isClient, useResizeObserver, isObject } from '@vueuse/core';
|
|
2
|
+
import { useEventListener, isClient, useResizeObserver, useMutationObserver, isObject } from '@vueuse/core';
|
|
3
3
|
import { VkAsyncTeleport } from '@vunk/core/components/async-teleport';
|
|
4
4
|
import { scrollbarContextKey, useNamespace, BAR_MAP, renderThumbStyle, GAP, SCOPE, scrollbarProps, scrollbarEmits } from 'element-plus';
|
|
5
|
+
import { sleep } from '@vunk/shared/promise';
|
|
5
6
|
import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
|
|
6
7
|
|
|
7
8
|
const barProps = {
|
|
@@ -12,6 +13,10 @@ const barProps = {
|
|
|
12
13
|
minSize: {
|
|
13
14
|
type: Number,
|
|
14
15
|
required: true
|
|
16
|
+
},
|
|
17
|
+
hideAfter: {
|
|
18
|
+
type: Number,
|
|
19
|
+
default: 0
|
|
15
20
|
}
|
|
16
21
|
};
|
|
17
22
|
|
|
@@ -23,7 +28,11 @@ const thumbProps = {
|
|
|
23
28
|
type: Number,
|
|
24
29
|
required: true
|
|
25
30
|
},
|
|
26
|
-
always: Boolean
|
|
31
|
+
always: Boolean,
|
|
32
|
+
hideAfter: {
|
|
33
|
+
type: Number,
|
|
34
|
+
default: 0
|
|
35
|
+
}
|
|
27
36
|
};
|
|
28
37
|
|
|
29
38
|
var _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
@@ -113,8 +122,8 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
113
122
|
document.removeEventListener("mousemove", mouseMoveDocumentHandler);
|
|
114
123
|
document.removeEventListener("mouseup", mouseUpDocumentHandler);
|
|
115
124
|
restoreOnselectstart();
|
|
116
|
-
|
|
117
|
-
|
|
125
|
+
const hidden = () => cursorLeave && (visible.value = false);
|
|
126
|
+
sleep(props.hideAfter).then(hidden);
|
|
118
127
|
}
|
|
119
128
|
function mouseMoveScrollbarHandler() {
|
|
120
129
|
cursorLeave = false;
|
|
@@ -122,7 +131,14 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
122
131
|
}
|
|
123
132
|
function mouseLeaveScrollbarHandler() {
|
|
124
133
|
cursorLeave = true;
|
|
125
|
-
|
|
134
|
+
if (cursorDown) {
|
|
135
|
+
visible.value = true;
|
|
136
|
+
} else {
|
|
137
|
+
sleep(props.hideAfter).then(() => {
|
|
138
|
+
if (cursorLeave)
|
|
139
|
+
visible.value = false;
|
|
140
|
+
});
|
|
141
|
+
}
|
|
126
142
|
}
|
|
127
143
|
onBeforeUnmount(() => {
|
|
128
144
|
restoreOnselectstart();
|
|
@@ -180,6 +196,8 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
180
196
|
ref: "instance",
|
|
181
197
|
class: normalizeClass([$setup.ns.e("bar"), $setup.ns.is($setup.bar.key)]),
|
|
182
198
|
onMousedown: $setup.clickTrackHandler,
|
|
199
|
+
onMousemove: $setup.mouseMoveScrollbarHandler,
|
|
200
|
+
onMouseleave: $setup.mouseLeaveScrollbarHandler,
|
|
183
201
|
onClick: _cache[0] || (_cache[0] = withModifiers(() => {
|
|
184
202
|
}, ["stop"]))
|
|
185
203
|
},
|
|
@@ -263,15 +281,17 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
263
281
|
move: $setup.moveX,
|
|
264
282
|
ratio: $setup.ratioX,
|
|
265
283
|
size: $setup.sizeWidth,
|
|
266
|
-
always: _ctx.always
|
|
267
|
-
|
|
284
|
+
always: _ctx.always,
|
|
285
|
+
"hide-after": _ctx.hideAfter
|
|
286
|
+
}, null, 8, ["move", "ratio", "size", "always", "hide-after"]),
|
|
268
287
|
createVNode($setup["Thumb"], {
|
|
269
288
|
move: $setup.moveY,
|
|
270
289
|
ratio: $setup.ratioY,
|
|
271
290
|
size: $setup.sizeHeight,
|
|
272
291
|
vertical: "",
|
|
273
|
-
always: _ctx.always
|
|
274
|
-
|
|
292
|
+
always: _ctx.always,
|
|
293
|
+
"hide-after": _ctx.hideAfter
|
|
294
|
+
}, null, 8, ["move", "ratio", "size", "always", "hide-after"])
|
|
275
295
|
],
|
|
276
296
|
64
|
|
277
297
|
/* STABLE_FRAGMENT */
|
|
@@ -314,9 +334,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
314
334
|
__name: "index",
|
|
315
335
|
props: {
|
|
316
336
|
...scrollbarProps,
|
|
317
|
-
appendTo: null
|
|
337
|
+
appendTo: null,
|
|
338
|
+
hideAfter: {
|
|
339
|
+
type: Number,
|
|
340
|
+
default: 0
|
|
341
|
+
}
|
|
342
|
+
},
|
|
343
|
+
emits: {
|
|
344
|
+
...scrollbarEmits,
|
|
345
|
+
contentInsufficient: (_) => true
|
|
318
346
|
},
|
|
319
|
-
emits: scrollbarEmits,
|
|
320
347
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
321
348
|
const props = __props;
|
|
322
349
|
const emit = __emit;
|
|
@@ -333,6 +360,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
333
360
|
right: false,
|
|
334
361
|
left: false
|
|
335
362
|
};
|
|
363
|
+
let hasEmittedInsufficient = false;
|
|
364
|
+
let stopContentMutationObserver;
|
|
336
365
|
const scrollbarRef = ref();
|
|
337
366
|
const wrapRef = ref();
|
|
338
367
|
const resizeRef = ref();
|
|
@@ -434,6 +463,27 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
434
463
|
function update() {
|
|
435
464
|
barRef.value?.update();
|
|
436
465
|
distanceScrollState[direction] = false;
|
|
466
|
+
checkContentInsufficient();
|
|
467
|
+
}
|
|
468
|
+
function checkContentInsufficient() {
|
|
469
|
+
if (!wrapRef.value)
|
|
470
|
+
return;
|
|
471
|
+
const verticalInsufficient = wrapRef.value.scrollHeight <= wrapRef.value.clientHeight;
|
|
472
|
+
const horizontalInsufficient = wrapRef.value.scrollWidth <= wrapRef.value.clientWidth;
|
|
473
|
+
const isInsufficient = verticalInsufficient || horizontalInsufficient;
|
|
474
|
+
if (isInsufficient) {
|
|
475
|
+
if (!hasEmittedInsufficient) {
|
|
476
|
+
hasEmittedInsufficient = true;
|
|
477
|
+
nextTick(() => {
|
|
478
|
+
emit("contentInsufficient", {
|
|
479
|
+
vertical: verticalInsufficient,
|
|
480
|
+
horizontal: horizontalInsufficient
|
|
481
|
+
});
|
|
482
|
+
});
|
|
483
|
+
}
|
|
484
|
+
} else {
|
|
485
|
+
hasEmittedInsufficient = false;
|
|
486
|
+
}
|
|
437
487
|
}
|
|
438
488
|
watch(
|
|
439
489
|
() => props.noresize,
|
|
@@ -482,8 +532,23 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
482
532
|
update();
|
|
483
533
|
});
|
|
484
534
|
}
|
|
535
|
+
({ stop: stopContentMutationObserver } = useMutationObserver(
|
|
536
|
+
resizeRef,
|
|
537
|
+
() => {
|
|
538
|
+
hasEmittedInsufficient = false;
|
|
539
|
+
checkContentInsufficient();
|
|
540
|
+
},
|
|
541
|
+
{ childList: true, subtree: true }
|
|
542
|
+
));
|
|
543
|
+
});
|
|
544
|
+
onUpdated(() => {
|
|
545
|
+
nextTick(() => {
|
|
546
|
+
update();
|
|
547
|
+
});
|
|
548
|
+
});
|
|
549
|
+
onBeforeUnmount(() => {
|
|
550
|
+
stopContentMutationObserver?.();
|
|
485
551
|
});
|
|
486
|
-
onUpdated(() => update());
|
|
487
552
|
function scrollToBottom(options) {
|
|
488
553
|
if (!wrapRef.value) {
|
|
489
554
|
return;
|
|
@@ -546,7 +611,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
546
611
|
return direction;
|
|
547
612
|
}, set direction(v) {
|
|
548
613
|
direction = v;
|
|
549
|
-
}, distanceScrollState,
|
|
614
|
+
}, distanceScrollState, get hasEmittedInsufficient() {
|
|
615
|
+
return hasEmittedInsufficient;
|
|
616
|
+
}, set hasEmittedInsufficient(v) {
|
|
617
|
+
hasEmittedInsufficient = v;
|
|
618
|
+
}, get stopContentMutationObserver() {
|
|
619
|
+
return stopContentMutationObserver;
|
|
620
|
+
}, set stopContentMutationObserver(v) {
|
|
621
|
+
stopContentMutationObserver = v;
|
|
622
|
+
}, scrollbarRef, wrapRef, resizeRef, barRef, wrapStyle, wrapKls, resizeKls, shouldSkipDirection, DIRECTION_PAIRS, updateTriggerStatus, handleScroll, scrollTo, setScrollTop, setScrollLeft, update, checkContentInsufficient, scrollToBottom, scrollToTop, get VkAsyncTeleport() {
|
|
550
623
|
return VkAsyncTeleport;
|
|
551
624
|
}, Bar };
|
|
552
625
|
Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
|
|
@@ -595,8 +668,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
595
668
|
createVNode($setup["Bar"], {
|
|
596
669
|
ref: "barRef",
|
|
597
670
|
always: _ctx.always,
|
|
598
|
-
"min-size": _ctx.minSize
|
|
599
|
-
|
|
671
|
+
"min-size": _ctx.minSize,
|
|
672
|
+
"hide-after": $props.hideAfter
|
|
673
|
+
}, null, 8, ["always", "min-size", "hide-after"])
|
|
600
674
|
]),
|
|
601
675
|
_: 1
|
|
602
676
|
/* STABLE */
|
|
@@ -9,6 +9,10 @@ export declare const barProps: {
|
|
|
9
9
|
type: NumberConstructor;
|
|
10
10
|
required: true;
|
|
11
11
|
};
|
|
12
|
+
hideAfter: {
|
|
13
|
+
type: NumberConstructor;
|
|
14
|
+
default: number;
|
|
15
|
+
};
|
|
12
16
|
};
|
|
13
17
|
export type BarProps = ExtractPropTypes<typeof barProps>;
|
|
14
18
|
export type BarInstance = InstanceType<typeof Bar> & unknown;
|
|
@@ -7,6 +7,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
7
7
|
type: NumberConstructor;
|
|
8
8
|
required: true;
|
|
9
9
|
};
|
|
10
|
+
hideAfter: {
|
|
11
|
+
type: NumberConstructor;
|
|
12
|
+
default: number;
|
|
13
|
+
};
|
|
10
14
|
}>, {
|
|
11
15
|
props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
|
|
12
16
|
always: {
|
|
@@ -17,6 +21,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
17
21
|
type: NumberConstructor;
|
|
18
22
|
required: true;
|
|
19
23
|
};
|
|
24
|
+
hideAfter: {
|
|
25
|
+
type: NumberConstructor;
|
|
26
|
+
default: number;
|
|
27
|
+
};
|
|
20
28
|
}>> & Readonly<{}> & {}>;
|
|
21
29
|
scrollbar: import("element-plus").ScrollbarContext | undefined;
|
|
22
30
|
moveX: import("vue").Ref<number, number>;
|
|
@@ -36,6 +44,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
36
44
|
required: true;
|
|
37
45
|
};
|
|
38
46
|
always: BooleanConstructor;
|
|
47
|
+
hideAfter: {
|
|
48
|
+
type: NumberConstructor;
|
|
49
|
+
default: number;
|
|
50
|
+
};
|
|
39
51
|
}>, {
|
|
40
52
|
props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
|
|
41
53
|
vertical: BooleanConstructor;
|
|
@@ -46,6 +58,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
46
58
|
required: true;
|
|
47
59
|
};
|
|
48
60
|
always: BooleanConstructor;
|
|
61
|
+
hideAfter: {
|
|
62
|
+
type: NumberConstructor;
|
|
63
|
+
default: number;
|
|
64
|
+
};
|
|
49
65
|
}>> & Readonly<{}> & {}>;
|
|
50
66
|
scrollbar: import("element-plus").ScrollbarContext;
|
|
51
67
|
ns: {
|
|
@@ -119,9 +135,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
119
135
|
required: true;
|
|
120
136
|
};
|
|
121
137
|
always: BooleanConstructor;
|
|
138
|
+
hideAfter: {
|
|
139
|
+
type: NumberConstructor;
|
|
140
|
+
default: number;
|
|
141
|
+
};
|
|
122
142
|
}>> & Readonly<{}>, {
|
|
123
143
|
vertical: boolean;
|
|
124
144
|
always: boolean;
|
|
145
|
+
hideAfter: number;
|
|
125
146
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
126
147
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
127
148
|
always: {
|
|
@@ -132,7 +153,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
132
153
|
type: NumberConstructor;
|
|
133
154
|
required: true;
|
|
134
155
|
};
|
|
156
|
+
hideAfter: {
|
|
157
|
+
type: NumberConstructor;
|
|
158
|
+
default: number;
|
|
159
|
+
};
|
|
135
160
|
}>> & Readonly<{}>, {
|
|
136
161
|
always: boolean;
|
|
162
|
+
hideAfter: number;
|
|
137
163
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
138
164
|
export default _default;
|
|
@@ -3,6 +3,10 @@ import type { CSSProperties, StyleValue } from 'vue';
|
|
|
3
3
|
import type { BarInstance } from './bar';
|
|
4
4
|
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
5
5
|
appendTo: null;
|
|
6
|
+
hideAfter: {
|
|
7
|
+
type: NumberConstructor;
|
|
8
|
+
default: number;
|
|
9
|
+
};
|
|
6
10
|
ariaLabel: StringConstructor;
|
|
7
11
|
ariaOrientation: {
|
|
8
12
|
readonly type: import("vue").PropType<string>;
|
|
@@ -28,6 +32,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
28
32
|
}>, {
|
|
29
33
|
props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
|
|
30
34
|
appendTo: null;
|
|
35
|
+
hideAfter: {
|
|
36
|
+
type: NumberConstructor;
|
|
37
|
+
default: number;
|
|
38
|
+
};
|
|
31
39
|
ariaLabel: StringConstructor;
|
|
32
40
|
ariaOrientation: {
|
|
33
41
|
readonly type: import("vue").PropType<string>;
|
|
@@ -55,11 +63,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
55
63
|
scrollTop: number;
|
|
56
64
|
scrollLeft: number;
|
|
57
65
|
}) => any) | undefined;
|
|
66
|
+
onContentInsufficient?: ((_: {
|
|
67
|
+
vertical: boolean;
|
|
68
|
+
horizontal: boolean;
|
|
69
|
+
}) => any) | undefined;
|
|
58
70
|
"onEnd-reached"?: ((direction: ScrollbarDirection) => any) | undefined;
|
|
59
71
|
}> & {}>;
|
|
60
72
|
emit: ((event: "scroll", args_0: {
|
|
61
73
|
scrollTop: number;
|
|
62
74
|
scrollLeft: number;
|
|
75
|
+
}) => void) & ((event: "contentInsufficient", _: {
|
|
76
|
+
vertical: boolean;
|
|
77
|
+
horizontal: boolean;
|
|
63
78
|
}) => void) & ((event: "end-reached", direction: ScrollbarDirection) => void);
|
|
64
79
|
COMPONENT_NAME: string;
|
|
65
80
|
ns: {
|
|
@@ -92,6 +107,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
92
107
|
right: boolean;
|
|
93
108
|
left: boolean;
|
|
94
109
|
};
|
|
110
|
+
hasEmittedInsufficient: boolean;
|
|
111
|
+
stopContentMutationObserver: (() => void) | undefined;
|
|
95
112
|
scrollbarRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
|
|
96
113
|
wrapRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
|
|
97
114
|
resizeRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
|
|
@@ -109,6 +126,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
109
126
|
setScrollTop: (value: number) => void;
|
|
110
127
|
setScrollLeft: (value: number) => void;
|
|
111
128
|
update: () => void;
|
|
129
|
+
checkContentInsufficient: () => void;
|
|
112
130
|
scrollToBottom: (options?: ScrollToOptions) => void;
|
|
113
131
|
scrollToTop: (options?: ScrollToOptions) => void;
|
|
114
132
|
readonly VkAsyncTeleport: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
@@ -162,6 +180,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
162
180
|
type: NumberConstructor;
|
|
163
181
|
required: true;
|
|
164
182
|
};
|
|
183
|
+
hideAfter: {
|
|
184
|
+
type: NumberConstructor;
|
|
185
|
+
default: number;
|
|
186
|
+
};
|
|
165
187
|
}>, {
|
|
166
188
|
props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
|
|
167
189
|
always: {
|
|
@@ -172,6 +194,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
172
194
|
type: NumberConstructor;
|
|
173
195
|
required: true;
|
|
174
196
|
};
|
|
197
|
+
hideAfter: {
|
|
198
|
+
type: NumberConstructor;
|
|
199
|
+
default: number;
|
|
200
|
+
};
|
|
175
201
|
}>> & Readonly<{}> & {}>;
|
|
176
202
|
scrollbar: import("element-plus").ScrollbarContext | undefined;
|
|
177
203
|
moveX: import("vue").Ref<number, number>;
|
|
@@ -191,6 +217,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
191
217
|
required: true;
|
|
192
218
|
};
|
|
193
219
|
always: BooleanConstructor;
|
|
220
|
+
hideAfter: {
|
|
221
|
+
type: NumberConstructor;
|
|
222
|
+
default: number;
|
|
223
|
+
};
|
|
194
224
|
}>, {
|
|
195
225
|
props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
|
|
196
226
|
vertical: BooleanConstructor;
|
|
@@ -201,6 +231,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
201
231
|
required: true;
|
|
202
232
|
};
|
|
203
233
|
always: BooleanConstructor;
|
|
234
|
+
hideAfter: {
|
|
235
|
+
type: NumberConstructor;
|
|
236
|
+
default: number;
|
|
237
|
+
};
|
|
204
238
|
}>> & Readonly<{}> & {}>;
|
|
205
239
|
scrollbar: import("element-plus").ScrollbarContext;
|
|
206
240
|
ns: {
|
|
@@ -274,9 +308,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
274
308
|
required: true;
|
|
275
309
|
};
|
|
276
310
|
always: BooleanConstructor;
|
|
311
|
+
hideAfter: {
|
|
312
|
+
type: NumberConstructor;
|
|
313
|
+
default: number;
|
|
314
|
+
};
|
|
277
315
|
}>> & Readonly<{}>, {
|
|
278
316
|
vertical: boolean;
|
|
279
317
|
always: boolean;
|
|
318
|
+
hideAfter: number;
|
|
280
319
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
281
320
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
282
321
|
always: {
|
|
@@ -287,10 +326,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
287
326
|
type: NumberConstructor;
|
|
288
327
|
required: true;
|
|
289
328
|
};
|
|
329
|
+
hideAfter: {
|
|
330
|
+
type: NumberConstructor;
|
|
331
|
+
default: number;
|
|
332
|
+
};
|
|
290
333
|
}>> & Readonly<{}>, {
|
|
291
334
|
always: boolean;
|
|
335
|
+
hideAfter: number;
|
|
292
336
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
293
337
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
338
|
+
contentInsufficient: (_: {
|
|
339
|
+
vertical: boolean;
|
|
340
|
+
horizontal: boolean;
|
|
341
|
+
}) => true;
|
|
294
342
|
'end-reached': (direction: ScrollbarDirection) => boolean;
|
|
295
343
|
scroll: ({ scrollTop, scrollLeft, }: {
|
|
296
344
|
scrollTop: number;
|
|
@@ -298,6 +346,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
298
346
|
}) => boolean;
|
|
299
347
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
300
348
|
appendTo: null;
|
|
349
|
+
hideAfter: {
|
|
350
|
+
type: NumberConstructor;
|
|
351
|
+
default: number;
|
|
352
|
+
};
|
|
301
353
|
ariaLabel: StringConstructor;
|
|
302
354
|
ariaOrientation: {
|
|
303
355
|
readonly type: import("vue").PropType<string>;
|
|
@@ -325,9 +377,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
325
377
|
scrollTop: number;
|
|
326
378
|
scrollLeft: number;
|
|
327
379
|
}) => any) | undefined;
|
|
380
|
+
onContentInsufficient?: ((_: {
|
|
381
|
+
vertical: boolean;
|
|
382
|
+
horizontal: boolean;
|
|
383
|
+
}) => any) | undefined;
|
|
328
384
|
"onEnd-reached"?: ((direction: ScrollbarDirection) => any) | undefined;
|
|
329
385
|
}>, {
|
|
330
386
|
always: boolean;
|
|
387
|
+
hideAfter: number;
|
|
331
388
|
height: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
|
|
332
389
|
minSize: number;
|
|
333
390
|
distance: number;
|
|
@@ -9,6 +9,10 @@ export declare const thumbProps: {
|
|
|
9
9
|
required: true;
|
|
10
10
|
};
|
|
11
11
|
always: BooleanConstructor;
|
|
12
|
+
hideAfter: {
|
|
13
|
+
type: NumberConstructor;
|
|
14
|
+
default: number;
|
|
15
|
+
};
|
|
12
16
|
};
|
|
13
17
|
export type ThumbProps = ExtractPropTypes<typeof thumbProps>;
|
|
14
18
|
export type ThumbInstance = InstanceType<typeof Thumb> & unknown;
|
|
@@ -7,6 +7,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
7
7
|
required: true;
|
|
8
8
|
};
|
|
9
9
|
always: BooleanConstructor;
|
|
10
|
+
hideAfter: {
|
|
11
|
+
type: NumberConstructor;
|
|
12
|
+
default: number;
|
|
13
|
+
};
|
|
10
14
|
}>, {
|
|
11
15
|
props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
|
|
12
16
|
vertical: BooleanConstructor;
|
|
@@ -17,6 +21,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
17
21
|
required: true;
|
|
18
22
|
};
|
|
19
23
|
always: BooleanConstructor;
|
|
24
|
+
hideAfter: {
|
|
25
|
+
type: NumberConstructor;
|
|
26
|
+
default: number;
|
|
27
|
+
};
|
|
20
28
|
}>> & Readonly<{}> & {}>;
|
|
21
29
|
scrollbar: import("element-plus").ScrollbarContext;
|
|
22
30
|
ns: {
|
|
@@ -90,8 +98,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
90
98
|
required: true;
|
|
91
99
|
};
|
|
92
100
|
always: BooleanConstructor;
|
|
101
|
+
hideAfter: {
|
|
102
|
+
type: NumberConstructor;
|
|
103
|
+
default: number;
|
|
104
|
+
};
|
|
93
105
|
}>> & Readonly<{}>, {
|
|
94
106
|
vertical: boolean;
|
|
95
107
|
always: boolean;
|
|
108
|
+
hideAfter: number;
|
|
96
109
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
97
110
|
export default _default;
|
|
@@ -97,7 +97,7 @@ export declare const props: {
|
|
|
97
97
|
type: BooleanConstructor;
|
|
98
98
|
default: boolean;
|
|
99
99
|
};
|
|
100
|
-
showOverflowTooltip: PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "appendTo" | "placement" | "offset" | "transition" | "popperClass" | "showArrow" | "effect" | "enterable" | "popperOptions" | "showAfter"
|
|
100
|
+
showOverflowTooltip: PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "hideAfter" | "appendTo" | "placement" | "offset" | "transition" | "popperClass" | "showArrow" | "effect" | "enterable" | "popperOptions" | "showAfter">> | undefined>;
|
|
101
101
|
rowKey: PropType<string | ((row: any) => string) | undefined>;
|
|
102
102
|
summaryMethod: PropType<import("element-plus").SummaryMethod<any> | undefined>;
|
|
103
103
|
rowClassName: PropType<import("element-plus").ColumnCls<any> | undefined>;
|
|
@@ -110,7 +110,7 @@ export declare const props: {
|
|
|
110
110
|
headerCellStyle: PropType<import("element-plus").CellStyle<any> | undefined>;
|
|
111
111
|
expandRowKeys: PropType<string[] | undefined>;
|
|
112
112
|
defaultSort: PropType<import("element-plus").Sort | undefined>;
|
|
113
|
-
tooltipOptions: PropType<Partial<Pick<import("element-plus").ElTooltipProps, "appendTo" | "placement" | "offset" | "transition" | "popperClass" | "showArrow" | "effect" | "enterable" | "popperOptions" | "showAfter"
|
|
113
|
+
tooltipOptions: PropType<Partial<Pick<import("element-plus").ElTooltipProps, "hideAfter" | "appendTo" | "placement" | "offset" | "transition" | "popperClass" | "showArrow" | "effect" | "enterable" | "popperOptions" | "showAfter">> | undefined>;
|
|
114
114
|
spanMethod: PropType<((data: {
|
|
115
115
|
row: any;
|
|
116
116
|
rowIndex: number;
|
|
@@ -71,7 +71,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
71
71
|
type: BooleanConstructor;
|
|
72
72
|
default: boolean;
|
|
73
73
|
};
|
|
74
|
-
showOverflowTooltip: import("vue").PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "appendTo" | "placement" | "offset" | "transition" | "popperClass" | "showArrow" | "effect" | "enterable" | "popperOptions" | "showAfter"
|
|
74
|
+
showOverflowTooltip: import("vue").PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "hideAfter" | "appendTo" | "placement" | "offset" | "transition" | "popperClass" | "showArrow" | "effect" | "enterable" | "popperOptions" | "showAfter">> | undefined>;
|
|
75
75
|
rowKey: import("vue").PropType<string | ((row: any) => string) | undefined>;
|
|
76
76
|
summaryMethod: import("vue").PropType<import("element-plus").SummaryMethod<any> | undefined>;
|
|
77
77
|
rowClassName: import("vue").PropType<import("element-plus").ColumnCls<any> | undefined>;
|
|
@@ -84,7 +84,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
84
84
|
headerCellStyle: import("vue").PropType<import("element-plus").CellStyle<any> | undefined>;
|
|
85
85
|
expandRowKeys: import("vue").PropType<string[] | undefined>;
|
|
86
86
|
defaultSort: import("vue").PropType<import("element-plus").Sort | undefined>;
|
|
87
|
-
tooltipOptions: import("vue").PropType<Partial<Pick<import("element-plus").ElTooltipProps, "appendTo" | "placement" | "offset" | "transition" | "popperClass" | "showArrow" | "effect" | "enterable" | "popperOptions" | "showAfter"
|
|
87
|
+
tooltipOptions: import("vue").PropType<Partial<Pick<import("element-plus").ElTooltipProps, "hideAfter" | "appendTo" | "placement" | "offset" | "transition" | "popperClass" | "showArrow" | "effect" | "enterable" | "popperOptions" | "showAfter">> | undefined>;
|
|
88
88
|
spanMethod: import("vue").PropType<((data: {
|
|
89
89
|
row: any;
|
|
90
90
|
rowIndex: number;
|
|
@@ -273,7 +273,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
273
273
|
type: BooleanConstructor;
|
|
274
274
|
default: boolean;
|
|
275
275
|
};
|
|
276
|
-
showOverflowTooltip: import("vue").PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "appendTo" | "placement" | "offset" | "transition" | "popperClass" | "showArrow" | "effect" | "enterable" | "popperOptions" | "showAfter"
|
|
276
|
+
showOverflowTooltip: import("vue").PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "hideAfter" | "appendTo" | "placement" | "offset" | "transition" | "popperClass" | "showArrow" | "effect" | "enterable" | "popperOptions" | "showAfter">> | undefined>;
|
|
277
277
|
rowKey: import("vue").PropType<string | ((row: any) => string) | undefined>;
|
|
278
278
|
summaryMethod: import("vue").PropType<import("element-plus").SummaryMethod<any> | undefined>;
|
|
279
279
|
rowClassName: import("vue").PropType<import("element-plus").ColumnCls<any> | undefined>;
|
|
@@ -286,7 +286,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
286
286
|
headerCellStyle: import("vue").PropType<import("element-plus").CellStyle<any> | undefined>;
|
|
287
287
|
expandRowKeys: import("vue").PropType<string[] | undefined>;
|
|
288
288
|
defaultSort: import("vue").PropType<import("element-plus").Sort | undefined>;
|
|
289
|
-
tooltipOptions: import("vue").PropType<Partial<Pick<import("element-plus").ElTooltipProps, "appendTo" | "placement" | "offset" | "transition" | "popperClass" | "showArrow" | "effect" | "enterable" | "popperOptions" | "showAfter"
|
|
289
|
+
tooltipOptions: import("vue").PropType<Partial<Pick<import("element-plus").ElTooltipProps, "hideAfter" | "appendTo" | "placement" | "offset" | "transition" | "popperClass" | "showArrow" | "effect" | "enterable" | "popperOptions" | "showAfter">> | undefined>;
|
|
290
290
|
spanMethod: import("vue").PropType<((data: {
|
|
291
291
|
row: any;
|
|
292
292
|
rowIndex: number;
|
|
@@ -2453,7 +2453,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
2453
2453
|
type: BooleanConstructor;
|
|
2454
2454
|
default: boolean;
|
|
2455
2455
|
};
|
|
2456
|
-
showOverflowTooltip: import("vue").PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "appendTo" | "placement" | "offset" | "transition" | "popperClass" | "showArrow" | "effect" | "enterable" | "popperOptions" | "showAfter"
|
|
2456
|
+
showOverflowTooltip: import("vue").PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "hideAfter" | "appendTo" | "placement" | "offset" | "transition" | "popperClass" | "showArrow" | "effect" | "enterable" | "popperOptions" | "showAfter">> | undefined>;
|
|
2457
2457
|
rowKey: import("vue").PropType<string | ((row: any) => string) | undefined>;
|
|
2458
2458
|
summaryMethod: import("vue").PropType<import("element-plus").SummaryMethod<any> | undefined>;
|
|
2459
2459
|
rowClassName: import("vue").PropType<import("element-plus").ColumnCls<any> | undefined>;
|
|
@@ -2466,7 +2466,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
2466
2466
|
headerCellStyle: import("vue").PropType<import("element-plus").CellStyle<any> | undefined>;
|
|
2467
2467
|
expandRowKeys: import("vue").PropType<string[] | undefined>;
|
|
2468
2468
|
defaultSort: import("vue").PropType<import("element-plus").Sort | undefined>;
|
|
2469
|
-
tooltipOptions: import("vue").PropType<Partial<Pick<import("element-plus").ElTooltipProps, "appendTo" | "placement" | "offset" | "transition" | "popperClass" | "showArrow" | "effect" | "enterable" | "popperOptions" | "showAfter"
|
|
2469
|
+
tooltipOptions: import("vue").PropType<Partial<Pick<import("element-plus").ElTooltipProps, "hideAfter" | "appendTo" | "placement" | "offset" | "transition" | "popperClass" | "showArrow" | "effect" | "enterable" | "popperOptions" | "showAfter">> | undefined>;
|
|
2470
2470
|
spanMethod: import("vue").PropType<((data: {
|
|
2471
2471
|
row: any;
|
|
2472
2472
|
rowIndex: number;
|
|
@@ -129,7 +129,7 @@ export declare const props: {
|
|
|
129
129
|
type: BooleanConstructor;
|
|
130
130
|
default: boolean;
|
|
131
131
|
};
|
|
132
|
-
showOverflowTooltip: PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "appendTo" | "placement" | "offset" | "transition" | "popperClass" | "showArrow" | "effect" | "enterable" | "popperOptions" | "showAfter"
|
|
132
|
+
showOverflowTooltip: PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "hideAfter" | "appendTo" | "placement" | "offset" | "transition" | "popperClass" | "showArrow" | "effect" | "enterable" | "popperOptions" | "showAfter">> | undefined>;
|
|
133
133
|
rowKey: PropType<string | ((row: any) => string) | undefined>;
|
|
134
134
|
summaryMethod: PropType<import("element-plus").SummaryMethod<any> | undefined>;
|
|
135
135
|
rowClassName: PropType<import("element-plus").ColumnCls<any> | undefined>;
|
|
@@ -142,7 +142,7 @@ export declare const props: {
|
|
|
142
142
|
headerCellStyle: PropType<import("element-plus").CellStyle<any> | undefined>;
|
|
143
143
|
expandRowKeys: PropType<string[] | undefined>;
|
|
144
144
|
defaultSort: PropType<import("element-plus").Sort | undefined>;
|
|
145
|
-
tooltipOptions: PropType<Partial<Pick<import("element-plus").ElTooltipProps, "appendTo" | "placement" | "offset" | "transition" | "popperClass" | "showArrow" | "effect" | "enterable" | "popperOptions" | "showAfter"
|
|
145
|
+
tooltipOptions: PropType<Partial<Pick<import("element-plus").ElTooltipProps, "hideAfter" | "appendTo" | "placement" | "offset" | "transition" | "popperClass" | "showArrow" | "effect" | "enterable" | "popperOptions" | "showAfter">> | undefined>;
|
|
146
146
|
spanMethod: PropType<((data: {
|
|
147
147
|
row: any;
|
|
148
148
|
rowIndex: number;
|