@king-one/antdv 1.0.15 → 1.0.17
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/CHANGELOG.md +12 -0
- package/dist/cdn/index.cdn.js +18 -18
- package/dist/cdn/index.cdn.js.map +1 -1
- package/dist/cdn/index.cdn.mjs +20 -20
- package/dist/cdn/index.cdn.mjs.map +1 -1
- package/dist/cdn/index.css +1 -1
- package/dist/es/components/collapse-transtion/index.d.ts +1 -0
- package/dist/es/components/collapse-transtion/index.mjs +1 -0
- package/dist/es/components/collapse-transtion/index.mjs.map +1 -1
- package/dist/es/components/collapse-transtion/src/collapse-transtion.vue2.mjs.map +1 -1
- package/dist/es/components/scroll-bar/index.d.ts +10 -1
- package/dist/es/components/scroll-bar/src/scroll-bar.d.ts +10 -1
- package/dist/es/components/scroll-bar/src/scroll-bar.mjs +175 -39
- package/dist/es/components/scroll-bar/src/scroll-bar.mjs.map +1 -1
- package/dist/es/components/scroll-bar/src/types.d.ts +1 -0
- package/dist/es/components/scroll-bar/src/types.mjs +2 -1
- package/dist/es/components/scroll-bar/src/types.mjs.map +1 -1
- package/dist/es/components/virtual-list/index.d.ts +33 -3
- package/dist/es/components/virtual-list/src/types.d.ts +1 -0
- package/dist/es/components/virtual-list/src/types.mjs +1 -0
- package/dist/es/components/virtual-list/src/types.mjs.map +1 -1
- package/dist/es/components/virtual-list/src/virtual-list.vue.d.ts +33 -3
- package/dist/es/components/virtual-list/src/virtual-list.vue2.mjs +35 -40
- package/dist/es/components/virtual-list/src/virtual-list.vue2.mjs.map +1 -1
- package/dist/lib/components/collapse-transtion/index.d.ts +1 -0
- package/dist/lib/components/collapse-transtion/index.js +1 -0
- package/dist/lib/components/collapse-transtion/index.js.map +1 -1
- package/dist/lib/components/collapse-transtion/src/collapse-transtion.vue2.js.map +1 -1
- package/dist/lib/components/scroll-bar/index.d.ts +10 -1
- package/dist/lib/components/scroll-bar/src/scroll-bar.d.ts +10 -1
- package/dist/lib/components/scroll-bar/src/scroll-bar.js +175 -39
- package/dist/lib/components/scroll-bar/src/scroll-bar.js.map +1 -1
- package/dist/lib/components/scroll-bar/src/types.d.ts +1 -0
- package/dist/lib/components/scroll-bar/src/types.js +2 -1
- package/dist/lib/components/scroll-bar/src/types.js.map +1 -1
- package/dist/lib/components/virtual-list/index.d.ts +33 -3
- package/dist/lib/components/virtual-list/src/types.d.ts +1 -0
- package/dist/lib/components/virtual-list/src/types.js +1 -0
- package/dist/lib/components/virtual-list/src/types.js.map +1 -1
- package/dist/lib/components/virtual-list/src/virtual-list.vue.d.ts +33 -3
- package/dist/lib/components/virtual-list/src/virtual-list.vue2.js +35 -40
- package/dist/lib/components/virtual-list/src/virtual-list.vue2.js.map +1 -1
- package/dist/theme-chalk/index.css +1 -1
- package/dist/theme-chalk/scroll-bar.css +1 -1
- package/package.json +1 -1
|
@@ -29,11 +29,13 @@ var ScrollBar = /* @__PURE__ */ vue.defineComponent({
|
|
|
29
29
|
const contentRef = vue.ref(null);
|
|
30
30
|
const containerRef = vue.ref(null);
|
|
31
31
|
const yRailRef = vue.ref(null);
|
|
32
|
+
const xRailRef = vue.ref(null);
|
|
32
33
|
const contentHeightRef = vue.ref(null);
|
|
33
34
|
const contentWidthRef = vue.ref(null);
|
|
34
35
|
const containerHeightRef = vue.ref(null);
|
|
35
36
|
const containerWidthRef = vue.ref(null);
|
|
36
37
|
const yRailSizeRef = vue.ref(null);
|
|
38
|
+
const xRailSizeRef = vue.ref(null);
|
|
37
39
|
const mergedContentRef = vue.computed(() => {
|
|
38
40
|
var _a;
|
|
39
41
|
return ((_a = props.content) == null ? void 0 : _a.call(props)) || contentRef.value;
|
|
@@ -43,6 +45,16 @@ var ScrollBar = /* @__PURE__ */ vue.defineComponent({
|
|
|
43
45
|
return ((_a = props.container) == null ? void 0 : _a.call(props)) || containerRef.value;
|
|
44
46
|
});
|
|
45
47
|
const containerScrollTopRef = vue.ref(0);
|
|
48
|
+
const containerScrollLeftRef = vue.ref(0);
|
|
49
|
+
const needYBarRef = vue.computed(() => {
|
|
50
|
+
const {
|
|
51
|
+
value: containerHeight
|
|
52
|
+
} = containerHeightRef;
|
|
53
|
+
const {
|
|
54
|
+
value: contentHeight
|
|
55
|
+
} = contentHeightRef;
|
|
56
|
+
return containerHeight !== null && contentHeight !== null && contentHeight > containerHeight;
|
|
57
|
+
});
|
|
46
58
|
const yBarSizeRef = vue.computed(() => {
|
|
47
59
|
const {
|
|
48
60
|
value: containerHeight
|
|
@@ -59,6 +71,9 @@ var ScrollBar = /* @__PURE__ */ vue.defineComponent({
|
|
|
59
71
|
return Math.min(containerHeight, yRailSize * containerHeight / contentHeight + 5 * 1.5);
|
|
60
72
|
}
|
|
61
73
|
});
|
|
74
|
+
const yBarSizePxRef = vue.computed(() => {
|
|
75
|
+
return `${yBarSizeRef.value}px`;
|
|
76
|
+
});
|
|
62
77
|
const yBarTopRef = vue.computed(() => {
|
|
63
78
|
const {
|
|
64
79
|
value: containerHeight
|
|
@@ -83,46 +98,16 @@ var ScrollBar = /* @__PURE__ */ vue.defineComponent({
|
|
|
83
98
|
const yBarTopPxRef = vue.computed(() => {
|
|
84
99
|
return `${yBarTopRef.value}px`;
|
|
85
100
|
});
|
|
86
|
-
const needYBarRef = vue.computed(() => {
|
|
87
|
-
const {
|
|
88
|
-
value: containerHeight
|
|
89
|
-
} = containerHeightRef;
|
|
90
|
-
const {
|
|
91
|
-
value: contentHeight
|
|
92
|
-
} = contentHeightRef;
|
|
93
|
-
return containerHeight !== null && contentHeight !== null && contentHeight > containerHeight;
|
|
94
|
-
});
|
|
95
|
-
const yBarSizePxRef = vue.computed(() => {
|
|
96
|
-
return `${yBarSizeRef.value}px`;
|
|
97
|
-
});
|
|
98
|
-
const syncPositionState = () => {
|
|
99
|
-
const {
|
|
100
|
-
value: content
|
|
101
|
-
} = mergedContentRef;
|
|
102
|
-
if (content) {
|
|
103
|
-
contentHeightRef.value = content.offsetHeight;
|
|
104
|
-
contentWidthRef.value = content.offsetWidth;
|
|
105
|
-
}
|
|
106
|
-
const {
|
|
107
|
-
value: container
|
|
108
|
-
} = mergedContainerRef;
|
|
109
|
-
if (container) {
|
|
110
|
-
containerHeightRef.value = container.offsetHeight;
|
|
111
|
-
containerWidthRef.value = container.offsetWidth;
|
|
112
|
-
}
|
|
113
|
-
const {
|
|
114
|
-
value: yRailEl
|
|
115
|
-
} = yRailRef;
|
|
116
|
-
if (yRailEl) {
|
|
117
|
-
yRailSizeRef.value = yRailEl.offsetHeight;
|
|
118
|
-
}
|
|
119
|
-
};
|
|
120
101
|
let yBarPressed = false;
|
|
121
102
|
let memoYTop = 0;
|
|
122
103
|
let memoMouseY = 0;
|
|
123
104
|
let yBarVanishTimerId;
|
|
105
|
+
let xBarVanishTimerId;
|
|
124
106
|
const handleYScrollMouseMove = (e) => {
|
|
125
107
|
if (!yBarPressed) return;
|
|
108
|
+
if (xBarVanishTimerId !== void 0) {
|
|
109
|
+
window.clearTimeout(xBarVanishTimerId);
|
|
110
|
+
}
|
|
126
111
|
if (yBarVanishTimerId !== void 0) {
|
|
127
112
|
window.clearTimeout(yBarVanishTimerId);
|
|
128
113
|
}
|
|
@@ -173,14 +158,146 @@ var ScrollBar = /* @__PURE__ */ vue.defineComponent({
|
|
|
173
158
|
if (onScroll) onScroll(e);
|
|
174
159
|
syncScrollState();
|
|
175
160
|
}
|
|
161
|
+
const needXBarRef = vue.computed(() => {
|
|
162
|
+
const {
|
|
163
|
+
value: containerWidth
|
|
164
|
+
} = containerWidthRef;
|
|
165
|
+
const {
|
|
166
|
+
value: contentWidth
|
|
167
|
+
} = contentWidthRef;
|
|
168
|
+
return containerWidth !== null && contentWidth !== null && contentWidth > containerWidth;
|
|
169
|
+
});
|
|
170
|
+
const xBarSizeRef = vue.computed(() => {
|
|
171
|
+
const {
|
|
172
|
+
value: containerWidth
|
|
173
|
+
} = containerWidthRef;
|
|
174
|
+
const {
|
|
175
|
+
value: contentWidth
|
|
176
|
+
} = contentWidthRef;
|
|
177
|
+
const {
|
|
178
|
+
value: xRailSize
|
|
179
|
+
} = xRailSizeRef;
|
|
180
|
+
if (containerWidth === null || contentWidth === null || xRailSize === null) {
|
|
181
|
+
return 0;
|
|
182
|
+
} else {
|
|
183
|
+
return xRailSize * containerWidth / contentWidth + 5 * 1.5;
|
|
184
|
+
}
|
|
185
|
+
});
|
|
186
|
+
const xBarSizePxRef = vue.computed(() => {
|
|
187
|
+
return `${xBarSizeRef.value}px`;
|
|
188
|
+
});
|
|
189
|
+
const xBarLeftRef = vue.computed(() => {
|
|
190
|
+
const {
|
|
191
|
+
value: containerWidth
|
|
192
|
+
} = containerWidthRef;
|
|
193
|
+
const {
|
|
194
|
+
value: containerScrollLeft
|
|
195
|
+
} = containerScrollLeftRef;
|
|
196
|
+
const {
|
|
197
|
+
value: contentWidth
|
|
198
|
+
} = contentWidthRef;
|
|
199
|
+
const {
|
|
200
|
+
value: xRailSize
|
|
201
|
+
} = xRailSizeRef;
|
|
202
|
+
if (containerWidth === null || contentWidth === null || xRailSize === null) {
|
|
203
|
+
return 0;
|
|
204
|
+
} else {
|
|
205
|
+
const widthDiff = contentWidth - containerWidth;
|
|
206
|
+
if (!widthDiff) return 0;
|
|
207
|
+
return containerScrollLeft / widthDiff * (xRailSize - xBarSizeRef.value);
|
|
208
|
+
}
|
|
209
|
+
});
|
|
210
|
+
const xBarLeftPxRef = vue.computed(() => {
|
|
211
|
+
return `${xBarLeftRef.value}px`;
|
|
212
|
+
});
|
|
213
|
+
let xBarPressed = false;
|
|
214
|
+
let memoXLeft = 0;
|
|
215
|
+
let memoMouseX = 0;
|
|
216
|
+
const handleXScrollMouseMove = (e) => {
|
|
217
|
+
if (!xBarPressed) return;
|
|
218
|
+
if (xBarVanishTimerId !== void 0) {
|
|
219
|
+
window.clearTimeout(xBarVanishTimerId);
|
|
220
|
+
}
|
|
221
|
+
if (yBarVanishTimerId !== void 0) {
|
|
222
|
+
window.clearTimeout(yBarVanishTimerId);
|
|
223
|
+
}
|
|
224
|
+
const {
|
|
225
|
+
value: containerWidth
|
|
226
|
+
} = containerWidthRef;
|
|
227
|
+
const {
|
|
228
|
+
value: contentWidth
|
|
229
|
+
} = contentWidthRef;
|
|
230
|
+
const {
|
|
231
|
+
value: xBarSize
|
|
232
|
+
} = xBarSizeRef;
|
|
233
|
+
if (containerWidth === null || contentWidth === null) return;
|
|
234
|
+
const dX = e.clientX - memoMouseX;
|
|
235
|
+
const dScrollLeft = dX * (contentWidth - containerWidth) / (containerWidth - xBarSize);
|
|
236
|
+
const toScrollLeftUpperBound = contentWidth - containerWidth;
|
|
237
|
+
let toScrollLeft = memoXLeft + dScrollLeft;
|
|
238
|
+
toScrollLeft = Math.min(toScrollLeftUpperBound, toScrollLeft);
|
|
239
|
+
toScrollLeft = Math.max(toScrollLeft, 0);
|
|
240
|
+
const {
|
|
241
|
+
value: container
|
|
242
|
+
} = mergedContainerRef;
|
|
243
|
+
if (container) {
|
|
244
|
+
container.scrollLeft = toScrollLeft;
|
|
245
|
+
}
|
|
246
|
+
};
|
|
247
|
+
const handleXScrollMouseUp = (e) => {
|
|
248
|
+
e.preventDefault();
|
|
249
|
+
e.stopPropagation();
|
|
250
|
+
evtd.off("mousemove", window, handleXScrollMouseMove, true);
|
|
251
|
+
evtd.off("mouseup", window, handleXScrollMouseUp, true);
|
|
252
|
+
xBarPressed = false;
|
|
253
|
+
sync();
|
|
254
|
+
};
|
|
255
|
+
function handleXScrollMouseDown(e) {
|
|
256
|
+
e.preventDefault();
|
|
257
|
+
e.stopPropagation();
|
|
258
|
+
xBarPressed = true;
|
|
259
|
+
evtd.on("mousemove", window, handleXScrollMouseMove, true);
|
|
260
|
+
evtd.on("mouseup", window, handleXScrollMouseUp, true);
|
|
261
|
+
memoXLeft = containerScrollLeftRef.value;
|
|
262
|
+
memoMouseX = e.clientX;
|
|
263
|
+
}
|
|
176
264
|
function syncScrollState() {
|
|
177
265
|
const {
|
|
178
266
|
value: container
|
|
179
267
|
} = mergedContainerRef;
|
|
180
268
|
if (container) {
|
|
181
269
|
containerScrollTopRef.value = container.scrollTop;
|
|
270
|
+
containerScrollLeftRef.value = container.scrollLeft;
|
|
182
271
|
}
|
|
183
272
|
}
|
|
273
|
+
const syncPositionState = () => {
|
|
274
|
+
const {
|
|
275
|
+
value: content
|
|
276
|
+
} = mergedContentRef;
|
|
277
|
+
if (content) {
|
|
278
|
+
contentHeightRef.value = content.offsetHeight;
|
|
279
|
+
contentWidthRef.value = content.offsetWidth;
|
|
280
|
+
}
|
|
281
|
+
const {
|
|
282
|
+
value: container
|
|
283
|
+
} = mergedContainerRef;
|
|
284
|
+
if (container) {
|
|
285
|
+
containerHeightRef.value = container.offsetHeight;
|
|
286
|
+
containerWidthRef.value = container.offsetWidth;
|
|
287
|
+
}
|
|
288
|
+
const {
|
|
289
|
+
value: yRailEl
|
|
290
|
+
} = yRailRef;
|
|
291
|
+
if (yRailEl) {
|
|
292
|
+
yRailSizeRef.value = yRailEl.offsetHeight;
|
|
293
|
+
}
|
|
294
|
+
const {
|
|
295
|
+
value: xRailEl
|
|
296
|
+
} = xRailRef;
|
|
297
|
+
if (xRailEl) {
|
|
298
|
+
xRailSizeRef.value = xRailEl.offsetWidth;
|
|
299
|
+
}
|
|
300
|
+
};
|
|
184
301
|
function sync() {
|
|
185
302
|
syncPositionState();
|
|
186
303
|
syncScrollState();
|
|
@@ -191,27 +308,46 @@ var ScrollBar = /* @__PURE__ */ vue.defineComponent({
|
|
|
191
308
|
handleContainerResize,
|
|
192
309
|
contentRef,
|
|
193
310
|
yRailRef,
|
|
311
|
+
xRailRef,
|
|
194
312
|
containerRef,
|
|
195
313
|
contentHeightRef,
|
|
196
314
|
containerHeightRef,
|
|
197
315
|
needYBarRef,
|
|
316
|
+
needXBarRef,
|
|
198
317
|
yBarSizePxRef,
|
|
199
318
|
handleYScrollMouseDown,
|
|
319
|
+
handleXScrollMouseDown,
|
|
200
320
|
yBarTopPxRef,
|
|
201
|
-
handleScroll
|
|
321
|
+
handleScroll,
|
|
322
|
+
xBarSizePxRef,
|
|
323
|
+
xBarLeftPxRef
|
|
202
324
|
};
|
|
203
325
|
},
|
|
204
326
|
render() {
|
|
205
327
|
let _slot;
|
|
206
328
|
const {
|
|
207
|
-
$slots
|
|
329
|
+
$slots,
|
|
330
|
+
xScrollable
|
|
208
331
|
} = this;
|
|
332
|
+
const createXBar = () => {
|
|
333
|
+
return vue.createVNode("div", {
|
|
334
|
+
"class": `${index.defaultNamespace}-scrollbar-rail ${index.defaultNamespace}-scrollbar-rail--horizonta`,
|
|
335
|
+
"ref": "xRailRef"
|
|
336
|
+
}, [this.needXBarRef && vue.createVNode("div", {
|
|
337
|
+
"class": `${index.defaultNamespace}-scrollbar-rail__scrollbar--horizontal`,
|
|
338
|
+
"style": {
|
|
339
|
+
width: this.xBarSizePxRef,
|
|
340
|
+
left: this.xBarLeftPxRef
|
|
341
|
+
},
|
|
342
|
+
"onMousedown": this.handleXScrollMouseDown
|
|
343
|
+
}, null)]);
|
|
344
|
+
};
|
|
209
345
|
const createYBar = () => {
|
|
210
346
|
return vue.createVNode("div", {
|
|
211
|
-
"class": `${index.defaultNamespace}-scrollbar-rail`,
|
|
347
|
+
"class": `${index.defaultNamespace}-scrollbar-rail ${index.defaultNamespace}-scrollbar-rail--vertical`,
|
|
212
348
|
"ref": "yRailRef"
|
|
213
349
|
}, [this.needYBarRef && vue.createVNode("div", {
|
|
214
|
-
"class": `${index.defaultNamespace}-scrollbar-rail__scrollbar`,
|
|
350
|
+
"class": `${index.defaultNamespace}-scrollbar-rail__scrollbar--vertical`,
|
|
215
351
|
"style": {
|
|
216
352
|
height: this.yBarSizePxRef,
|
|
217
353
|
top: this.yBarTopPxRef
|
|
@@ -237,7 +373,7 @@ var ScrollBar = /* @__PURE__ */ vue.defineComponent({
|
|
|
237
373
|
"class": `${index.defaultNamespace}-scrollbar-content`
|
|
238
374
|
}, [(_a2 = $slots.default) == null ? void 0 : _a2.call($slots)])];
|
|
239
375
|
}
|
|
240
|
-
})]), createYBar()]);
|
|
376
|
+
})]), createYBar(), xScrollable && createXBar()]);
|
|
241
377
|
};
|
|
242
378
|
const createBarNode = this.container ? createChildren() : vue.createVNode(vueuc.VResizeObserver, {
|
|
243
379
|
"onResize": this.handleContainerResize
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-bar.js","sources":["../../../../../components/scroll-bar/src/scroll-bar.tsx"],"sourcesContent":["import { computed, defineComponent, onMounted, ref } from 'vue'\nimport { VResizeObserver } from 'vueuc'\nimport { off, on } from 'evtd'\nimport { defaultNamespace } from '@king-one/antdv/hooks/use-namespace'\nimport { scrollbarProps } from './types'\n\nexport default defineComponent({\n name: 'KScrollbar',\n props: scrollbarProps,\n inheritAttrs: false,\n setup(props) {\n onMounted(() => {\n if (props.container)\n return\n sync()\n })\n const handleContentResize = () => {\n sync()\n }\n const handleContainerResize = () => {\n sync()\n }\n const contentRef = ref<HTMLElement | null>(null)\n const containerRef = ref<HTMLElement | null>(null)\n const yRailRef = ref<HTMLElement | null>(null)\n const contentHeightRef = ref<Nullable<number>>(null)\n const contentWidthRef = ref<Nullable<number>>(null)\n const containerHeightRef = ref<Nullable<number>>(null)\n const containerWidthRef = ref<Nullable<number>>(null)\n const yRailSizeRef = ref<Nullable<number>>(null)\n const mergedContentRef = computed(() => props.content?.() || contentRef.value)\n const mergedContainerRef = computed(() => props.container?.() || containerRef.value)\n const containerScrollTopRef = ref(0)\n const yBarSizeRef = computed(() => {\n const { value: containerHeight } = containerHeightRef\n const { value: contentHeight } = contentHeightRef\n const { value: yRailSize } = yRailSizeRef\n if (containerHeight === null || contentHeight === null || yRailSize === null) {\n return 0\n }\n else {\n return Math.min(containerHeight, (yRailSize * containerHeight) / contentHeight + 5 * 1.5)\n }\n })\n const yBarTopRef = computed(() => {\n const { value: containerHeight } = containerHeightRef\n const { value: containerScrollTop } = containerScrollTopRef\n const { value: contentHeight } = contentHeightRef\n const { value: yRailSize } = yRailSizeRef\n if (containerHeight === null || contentHeight === null || yRailSize === null) {\n return 0\n }\n else {\n const heightDiff = contentHeight - containerHeight\n if (!heightDiff)\n return 0\n return (containerScrollTop / heightDiff) * (yRailSize - yBarSizeRef.value)\n }\n })\n const yBarTopPxRef = computed(() => {\n return `${yBarTopRef.value}px`\n })\n const needYBarRef = computed(() => {\n const { value: containerHeight } = containerHeightRef\n const { value: contentHeight } = contentHeightRef\n return containerHeight !== null && contentHeight !== null && contentHeight > containerHeight\n })\n\n const yBarSizePxRef = computed(() => {\n return `${yBarSizeRef.value}px`\n })\n const syncPositionState = () => {\n const { value: content } = mergedContentRef\n if (content) {\n contentHeightRef.value = content.offsetHeight\n contentWidthRef.value = content.offsetWidth\n }\n const { value: container } = mergedContainerRef\n if (container) {\n containerHeightRef.value = container.offsetHeight\n containerWidthRef.value = container.offsetWidth\n }\n const { value: yRailEl } = yRailRef\n if (yRailEl) {\n yRailSizeRef.value = yRailEl.offsetHeight\n }\n }\n let yBarPressed = false\n let memoYTop: number = 0\n let memoMouseY: number = 0\n let yBarVanishTimerId: number | undefined\n\n const handleYScrollMouseMove = (e: MouseEvent) => {\n if (!yBarPressed)\n return\n\n if (yBarVanishTimerId !== undefined) {\n window.clearTimeout(yBarVanishTimerId)\n }\n const { value: containerHeight } = containerHeightRef\n const { value: contentHeight } = contentHeightRef\n const { value: yBarSize } = yBarSizeRef\n if (containerHeight === null || contentHeight === null)\n return\n const dY = e.clientY - memoMouseY\n const dScrollTop = (dY * (contentHeight - containerHeight)) / (containerHeight - yBarSize)\n const toScrollTopUpperBound = contentHeight - containerHeight\n let toScrollTop = memoYTop + dScrollTop\n toScrollTop = Math.min(toScrollTopUpperBound, toScrollTop)\n toScrollTop = Math.max(toScrollTop, 0)\n const { value: container } = mergedContainerRef\n if (container) {\n container.scrollTop = toScrollTop\n }\n }\n const handleYScrollMouseUp = (e: MouseEvent) => {\n e.preventDefault()\n e.stopPropagation()\n off('mousemove', window, handleYScrollMouseMove, true)\n off('mouseup', window, handleYScrollMouseUp, true)\n yBarPressed = false\n sync()\n }\n const handleYScrollMouseDown = (e: MouseEvent) => {\n e.preventDefault()\n e.stopPropagation()\n on('mousemove', window, handleYScrollMouseMove, true)\n on('mouseup', window, handleYScrollMouseUp, true)\n memoYTop = containerScrollTopRef.value\n memoMouseY = e.clientY\n yBarPressed = true\n }\n function handleScroll(e: Event): void {\n const { onScroll } = props\n if (onScroll)\n onScroll(e)\n syncScrollState()\n }\n function syncScrollState(): void {\n // only collect scroll state, do not trigger any dom event\n const { value: container } = mergedContainerRef\n if (container) {\n containerScrollTopRef.value = container.scrollTop\n }\n }\n function sync(): void {\n syncPositionState()\n syncScrollState()\n }\n\n return {\n sync,\n handleContentResize,\n handleContainerResize,\n contentRef,\n yRailRef,\n containerRef,\n contentHeightRef,\n containerHeightRef,\n needYBarRef,\n yBarSizePxRef,\n handleYScrollMouseDown,\n yBarTopPxRef,\n handleScroll\n }\n },\n render() {\n const { $slots } = this\n const createYBar = () => {\n return (\n <div class={`${defaultNamespace}-scrollbar-rail`} ref=\"yRailRef\">\n {this.needYBarRef && (\n <div\n class={`${defaultNamespace}-scrollbar-rail__scrollbar`}\n style={{\n height: this.yBarSizePxRef,\n top: this.yBarTopPxRef\n }}\n onMousedown={this.handleYScrollMouseDown}\n >\n </div>\n )}\n </div>\n )\n }\n\n const createChildren = () => {\n return (\n <div class={`${defaultNamespace}-scrollbar`} {...this.$attrs}>\n {this.container\n ? (\n $slots.default?.()\n )\n : (\n <div class={`${defaultNamespace}-scrollbar-container`} onScroll={this.handleScroll} ref=\"containerRef\">\n <VResizeObserver onResize={this.handleContentResize}>\n <div ref=\"contentRef\" class={`${defaultNamespace}-scrollbar-content`}>\n {$slots.default?.()}\n </div>\n </VResizeObserver>\n </div>\n )}\n\n {createYBar()}\n </div>\n )\n }\n const createBarNode = this.container ? createChildren() : <VResizeObserver onResize={this.handleContainerResize}>{createChildren()}</VResizeObserver>\n return createBarNode\n }\n})\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","scrollbarProps","inheritAttrs","setup","onMounted","container","sync","handleContentResize","handleContainerResize","contentRef","ref","containerRef","yRailRef","contentHeightRef","contentWidthRef","containerHeightRef","containerWidthRef","yRailSizeRef","mergedContentRef","computed","content","value","mergedContainerRef","containerScrollTopRef","yBarSizeRef","containerHeight","contentHeight","yRailSize","Math","min","yBarTopRef","containerScrollTop","heightDiff","yBarTopPxRef","needYBarRef","yBarSizePxRef","syncPositionState","offsetHeight","offsetWidth","yRailEl","yBarPressed","memoYTop","memoMouseY","yBarVanishTimerId","handleYScrollMouseMove","e","undefined","window","clearTimeout","yBarSize","dY","clientY","dScrollTop","toScrollTopUpperBound","toScrollTop","max","scrollTop","handleYScrollMouseUp","preventDefault","stopPropagation","off","handleYScrollMouseDown","on","handleScroll","onScroll","syncScrollState","render","_slot","$slots","createYBar","_createVNode","defaultNamespace","height","top","createChildren","_mergeProps","$attrs","default","VResizeObserver","createBarNode"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"scroll-bar.js","sources":["../../../../../components/scroll-bar/src/scroll-bar.tsx"],"sourcesContent":["import { computed, defineComponent, onMounted, ref } from 'vue'\nimport { VResizeObserver } from 'vueuc'\nimport { off, on } from 'evtd'\nimport { defaultNamespace } from '@king-one/antdv/hooks/use-namespace'\nimport { scrollbarProps } from './types'\n\nexport default defineComponent({\n name: 'KScrollbar',\n props: scrollbarProps,\n inheritAttrs: false,\n setup(props) {\n onMounted(() => {\n if (props.container)\n return\n sync()\n })\n const handleContentResize = () => {\n sync()\n }\n const handleContainerResize = () => {\n sync()\n }\n const contentRef = ref<HTMLElement | null>(null)\n const containerRef = ref<HTMLElement | null>(null)\n const yRailRef = ref<HTMLElement | null>(null)\n const xRailRef = ref<HTMLElement | null>(null)\n const contentHeightRef = ref<Nullable<number>>(null)\n const contentWidthRef = ref<Nullable<number>>(null)\n const containerHeightRef = ref<Nullable<number>>(null)\n const containerWidthRef = ref<Nullable<number>>(null)\n const yRailSizeRef = ref<Nullable<number>>(null)\n const xRailSizeRef = ref<Nullable<number>>(null)\n const mergedContentRef = computed(() => props.content?.() || contentRef.value)\n const mergedContainerRef = computed(() => props.container?.() || containerRef.value)\n const containerScrollTopRef = ref(0)\n const containerScrollLeftRef = ref(0)\n\n /** 竖向滚动条相关逻辑 */\n const needYBarRef = computed(() => {\n const { value: containerHeight } = containerHeightRef\n const { value: contentHeight } = contentHeightRef\n return containerHeight !== null && contentHeight !== null && contentHeight > containerHeight\n })\n /** 竖向滚动条的大小(高度) */\n const yBarSizeRef = computed(() => {\n const { value: containerHeight } = containerHeightRef\n const { value: contentHeight } = contentHeightRef\n const { value: yRailSize } = yRailSizeRef\n if (containerHeight === null || contentHeight === null || yRailSize === null) {\n return 0\n }\n else {\n return Math.min(containerHeight, (yRailSize * containerHeight) / contentHeight + 5 * 1.5)\n }\n })\n\n const yBarSizePxRef = computed(() => {\n return `${yBarSizeRef.value}px`\n })\n /** 竖向滚动条的top */\n const yBarTopRef = computed(() => {\n const { value: containerHeight } = containerHeightRef\n const { value: containerScrollTop } = containerScrollTopRef\n const { value: contentHeight } = contentHeightRef\n const { value: yRailSize } = yRailSizeRef\n if (containerHeight === null || contentHeight === null || yRailSize === null) {\n return 0\n }\n else {\n const heightDiff = contentHeight - containerHeight\n if (!heightDiff)\n return 0\n return (containerScrollTop / heightDiff) * (yRailSize - yBarSizeRef.value)\n }\n })\n const yBarTopPxRef = computed(() => {\n return `${yBarTopRef.value}px`\n })\n\n /** 竖向滚动条的拖拽 */\n let yBarPressed = false\n let memoYTop: number = 0\n let memoMouseY: number = 0\n let yBarVanishTimerId: number | undefined\n let xBarVanishTimerId: number | undefined\n const handleYScrollMouseMove = (e: MouseEvent) => {\n if (!yBarPressed)\n return\n\n if (xBarVanishTimerId !== undefined) {\n window.clearTimeout(xBarVanishTimerId)\n }\n if (yBarVanishTimerId !== undefined) {\n window.clearTimeout(yBarVanishTimerId)\n }\n const { value: containerHeight } = containerHeightRef\n const { value: contentHeight } = contentHeightRef\n const { value: yBarSize } = yBarSizeRef\n if (containerHeight === null || contentHeight === null)\n return\n const dY = e.clientY - memoMouseY\n const dScrollTop = (dY * (contentHeight - containerHeight)) / (containerHeight - yBarSize)\n const toScrollTopUpperBound = contentHeight - containerHeight\n let toScrollTop = memoYTop + dScrollTop\n toScrollTop = Math.min(toScrollTopUpperBound, toScrollTop)\n toScrollTop = Math.max(toScrollTop, 0)\n const { value: container } = mergedContainerRef\n if (container) {\n container.scrollTop = toScrollTop\n }\n }\n const handleYScrollMouseUp = (e: MouseEvent) => {\n e.preventDefault()\n e.stopPropagation()\n off('mousemove', window, handleYScrollMouseMove, true)\n off('mouseup', window, handleYScrollMouseUp, true)\n yBarPressed = false\n sync()\n }\n const handleYScrollMouseDown = (e: MouseEvent) => {\n e.preventDefault()\n e.stopPropagation()\n on('mousemove', window, handleYScrollMouseMove, true)\n on('mouseup', window, handleYScrollMouseUp, true)\n memoYTop = containerScrollTopRef.value\n memoMouseY = e.clientY\n yBarPressed = true\n }\n\n function handleScroll(e: Event): void {\n const { onScroll } = props\n if (onScroll)\n onScroll(e)\n syncScrollState()\n }\n /** =======================================华丽的分割线==================================== */\n\n const needXBarRef = computed(() => {\n const { value: containerWidth } = containerWidthRef\n const { value: contentWidth } = contentWidthRef\n return containerWidth !== null && contentWidth !== null && contentWidth > containerWidth\n })\n // 横向滚动条的大小(width)\n const xBarSizeRef = computed(() => {\n const { value: containerWidth } = containerWidthRef\n const { value: contentWidth } = contentWidthRef\n const { value: xRailSize } = xRailSizeRef\n if (containerWidth === null || contentWidth === null || xRailSize === null) {\n return 0\n }\n else {\n return (xRailSize * containerWidth) / contentWidth + 5 * 1.5\n }\n })\n const xBarSizePxRef = computed(() => {\n return `${xBarSizeRef.value}px`\n })\n // 横向滚动条的Left\n const xBarLeftRef = computed(() => {\n const { value: containerWidth } = containerWidthRef\n const { value: containerScrollLeft } = containerScrollLeftRef\n const { value: contentWidth } = contentWidthRef\n const { value: xRailSize } = xRailSizeRef\n if (containerWidth === null || contentWidth === null || xRailSize === null) {\n return 0\n }\n else {\n const widthDiff = contentWidth - containerWidth\n if (!widthDiff)\n return 0\n return (containerScrollLeft / widthDiff) * (xRailSize - xBarSizeRef.value)\n }\n })\n const xBarLeftPxRef = computed(() => {\n return `${xBarLeftRef.value}px`\n })\n /** 竖向滚动条的拖拽 */\n let xBarPressed = false\n let memoXLeft: number = 0\n let memoMouseX: number = 0\n const handleXScrollMouseMove = (e: MouseEvent) => {\n if (!xBarPressed)\n return\n if (xBarVanishTimerId !== undefined) {\n window.clearTimeout(xBarVanishTimerId)\n }\n if (yBarVanishTimerId !== undefined) {\n window.clearTimeout(yBarVanishTimerId)\n }\n const { value: containerWidth } = containerWidthRef\n const { value: contentWidth } = contentWidthRef\n const { value: xBarSize } = xBarSizeRef\n if (containerWidth === null || contentWidth === null)\n return\n const dX = e.clientX - memoMouseX\n\n const dScrollLeft = (dX * (contentWidth - containerWidth)) / (containerWidth - xBarSize)\n const toScrollLeftUpperBound = contentWidth - containerWidth\n let toScrollLeft = memoXLeft + dScrollLeft\n toScrollLeft = Math.min(toScrollLeftUpperBound, toScrollLeft)\n toScrollLeft = Math.max(toScrollLeft, 0)\n const { value: container } = mergedContainerRef\n if (container) {\n container.scrollLeft = toScrollLeft\n }\n }\n const handleXScrollMouseUp = (e: MouseEvent) => {\n e.preventDefault()\n e.stopPropagation()\n off('mousemove', window, handleXScrollMouseMove, true)\n off('mouseup', window, handleXScrollMouseUp, true)\n xBarPressed = false\n sync()\n }\n function handleXScrollMouseDown(e: MouseEvent): void {\n e.preventDefault()\n e.stopPropagation()\n xBarPressed = true\n on('mousemove', window, handleXScrollMouseMove, true)\n on('mouseup', window, handleXScrollMouseUp, true)\n memoXLeft = containerScrollLeftRef.value\n memoMouseX = e.clientX\n }\n\n /** */\n function syncScrollState(): void {\n // only collect scroll state, do not trigger any dom event\n const { value: container } = mergedContainerRef\n if (container) {\n containerScrollTopRef.value = container.scrollTop\n containerScrollLeftRef.value = container.scrollLeft\n }\n }\n const syncPositionState = () => {\n const { value: content } = mergedContentRef\n if (content) {\n contentHeightRef.value = content.offsetHeight\n contentWidthRef.value = content.offsetWidth\n }\n const { value: container } = mergedContainerRef\n if (container) {\n containerHeightRef.value = container.offsetHeight\n containerWidthRef.value = container.offsetWidth\n }\n const { value: yRailEl } = yRailRef\n if (yRailEl) {\n yRailSizeRef.value = yRailEl.offsetHeight\n }\n const { value: xRailEl } = xRailRef\n if (xRailEl) {\n xRailSizeRef.value = xRailEl.offsetWidth\n }\n }\n\n function sync(): void {\n syncPositionState()\n syncScrollState()\n }\n\n return {\n sync,\n handleContentResize,\n handleContainerResize,\n contentRef,\n yRailRef,\n xRailRef,\n containerRef,\n contentHeightRef,\n containerHeightRef,\n needYBarRef,\n needXBarRef,\n yBarSizePxRef,\n handleYScrollMouseDown,\n handleXScrollMouseDown,\n yBarTopPxRef,\n handleScroll,\n xBarSizePxRef,\n xBarLeftPxRef\n }\n },\n render() {\n const { $slots, xScrollable } = this\n const createXBar = () => {\n return (\n <div class={`${defaultNamespace}-scrollbar-rail ${defaultNamespace}-scrollbar-rail--horizonta`} ref=\"xRailRef\">\n {this.needXBarRef && (\n <div\n class={`${defaultNamespace}-scrollbar-rail__scrollbar--horizontal`}\n style={{\n width: this.xBarSizePxRef,\n left: this.xBarLeftPxRef\n }}\n onMousedown={this.handleXScrollMouseDown}\n >\n </div>\n )}\n </div>\n )\n }\n const createYBar = () => {\n return (\n <div class={`${defaultNamespace}-scrollbar-rail ${defaultNamespace}-scrollbar-rail--vertical`} ref=\"yRailRef\">\n {this.needYBarRef && (\n <div\n class={`${defaultNamespace}-scrollbar-rail__scrollbar--vertical`}\n style={{\n height: this.yBarSizePxRef,\n top: this.yBarTopPxRef\n }}\n onMousedown={this.handleYScrollMouseDown}\n >\n </div>\n )}\n </div>\n )\n }\n\n const createChildren = () => {\n return (\n <div class={`${defaultNamespace}-scrollbar`} {...this.$attrs}>\n {this.container\n ? (\n $slots.default?.()\n )\n : (\n <div class={`${defaultNamespace}-scrollbar-container`} onScroll={this.handleScroll} ref=\"containerRef\">\n <VResizeObserver onResize={this.handleContentResize}>\n <div ref=\"contentRef\" class={`${defaultNamespace}-scrollbar-content`}>\n {$slots.default?.()}\n </div>\n </VResizeObserver>\n </div>\n )}\n\n {createYBar()}\n {xScrollable && createXBar()}\n </div>\n )\n }\n const createBarNode = this.container ? createChildren() : <VResizeObserver onResize={this.handleContainerResize}>{createChildren()}</VResizeObserver>\n return createBarNode\n }\n})\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","scrollbarProps","inheritAttrs","setup","onMounted","container","sync","handleContentResize","handleContainerResize","contentRef","ref","containerRef","yRailRef","xRailRef","contentHeightRef","contentWidthRef","containerHeightRef","containerWidthRef","yRailSizeRef","xRailSizeRef","mergedContentRef","computed","content","value","mergedContainerRef","containerScrollTopRef","containerScrollLeftRef","needYBarRef","containerHeight","contentHeight","yBarSizeRef","yRailSize","Math","min","yBarSizePxRef","yBarTopRef","containerScrollTop","heightDiff","yBarTopPxRef","yBarPressed","memoYTop","memoMouseY","yBarVanishTimerId","xBarVanishTimerId","handleYScrollMouseMove","e","undefined","window","clearTimeout","yBarSize","dY","clientY","dScrollTop","toScrollTopUpperBound","toScrollTop","max","scrollTop","handleYScrollMouseUp","preventDefault","stopPropagation","off","handleYScrollMouseDown","on","handleScroll","onScroll","syncScrollState","needXBarRef","containerWidth","contentWidth","xBarSizeRef","xRailSize","xBarSizePxRef","xBarLeftRef","containerScrollLeft","widthDiff","xBarLeftPxRef","xBarPressed","memoXLeft","memoMouseX","handleXScrollMouseMove","xBarSize","dX","clientX","dScrollLeft","toScrollLeftUpperBound","toScrollLeft","scrollLeft","handleXScrollMouseUp","handleXScrollMouseDown","syncPositionState","offsetHeight","offsetWidth","yRailEl","xRailEl","render","_slot","$slots","xScrollable","createXBar","_createVNode","defaultNamespace","width","left","createYBar","height","top","createChildren","_mergeProps","$attrs","default","VResizeObserver","createBarNode"],"mappings":"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"}
|
|
@@ -3,4 +3,5 @@ export declare const scrollbarProps: {
|
|
|
3
3
|
readonly container: PropType<() => HTMLElement | null | undefined>;
|
|
4
4
|
readonly content: PropType<() => HTMLElement | null | undefined>;
|
|
5
5
|
readonly onScroll: PropType<(e: Event) => void>;
|
|
6
|
+
readonly xScrollable: BooleanConstructor;
|
|
6
7
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sources":["../../../../../components/scroll-bar/src/types.ts"],"sourcesContent":["import type { PropType } from 'vue'\n\nexport const scrollbarProps = {\n container: Function as PropType<() => HTMLElement | null | undefined>,\n content: Function as PropType<() => HTMLElement | null | undefined>,\n onScroll: Function as PropType<(e: Event) => void
|
|
1
|
+
{"version":3,"file":"types.js","sources":["../../../../../components/scroll-bar/src/types.ts"],"sourcesContent":["import type { PropType } from 'vue'\n\nexport const scrollbarProps = {\n container: Function as PropType<() => HTMLElement | null | undefined>,\n content: Function as PropType<() => HTMLElement | null | undefined>,\n onScroll: Function as PropType<(e: Event) => void>,\n xScrollable: Boolean\n} as const\n"],"names":[],"mappings":";;AAEO,MAAM,cAAiB,GAAA;AAAA,EAC5B,SAAW,EAAA,QAAA;AAAA,EACX,OAAS,EAAA,QAAA;AAAA,EACT,QAAU,EAAA,QAAA;AAAA,EACV,WAAa,EAAA,OAAA;AACf;;;;"}
|
|
@@ -21,6 +21,7 @@ export declare const KVirtualList: import("../utils/install").SFCWithInstall<imp
|
|
|
21
21
|
readonly type: StringConstructor;
|
|
22
22
|
readonly default: "key";
|
|
23
23
|
};
|
|
24
|
+
readonly xScrollable: BooleanConstructor;
|
|
24
25
|
readonly onScroll: import("vue").PropType<(params: import("./src/types").InterScrollParams) => void>;
|
|
25
26
|
readonly onWheel: import("vue").PropType<(event: WheelEvent) => void>;
|
|
26
27
|
readonly onResize: import("vue").PropType<(entry: ResizeObserverEntry) => void>;
|
|
@@ -32,6 +33,7 @@ export declare const KVirtualList: import("../utils/install").SFCWithInstall<imp
|
|
|
32
33
|
readonly paddingTop: string | number;
|
|
33
34
|
readonly paddingBottom: string | number;
|
|
34
35
|
readonly keyField: string;
|
|
36
|
+
readonly xScrollable: boolean;
|
|
35
37
|
readonly onScroll?: ((params: import("./src/types").InterScrollParams) => void) | undefined;
|
|
36
38
|
readonly onWheel?: ((event: WheelEvent) => void) | undefined;
|
|
37
39
|
readonly onResize?: ((entry: ResizeObserverEntry) => void) | undefined;
|
|
@@ -49,25 +51,34 @@ export declare const KVirtualList: import("../utils/install").SFCWithInstall<imp
|
|
|
49
51
|
readonly container: import("vue").PropType<() => HTMLElement | null | undefined>;
|
|
50
52
|
readonly content: import("vue").PropType<() => HTMLElement | null | undefined>;
|
|
51
53
|
readonly onScroll: import("vue").PropType<(e: Event) => void>;
|
|
54
|
+
readonly xScrollable: BooleanConstructor;
|
|
52
55
|
}>>, {
|
|
53
56
|
sync: () => void;
|
|
54
57
|
handleContentResize: () => void;
|
|
55
58
|
handleContainerResize: () => void;
|
|
56
59
|
contentRef: import("vue").Ref<HTMLElement | null>;
|
|
57
60
|
yRailRef: import("vue").Ref<HTMLElement | null>;
|
|
61
|
+
xRailRef: import("vue").Ref<HTMLElement | null>;
|
|
58
62
|
containerRef: import("vue").Ref<HTMLElement | null>;
|
|
59
63
|
contentHeightRef: import("vue").Ref<Nullable<number>>;
|
|
60
64
|
containerHeightRef: import("vue").Ref<Nullable<number>>;
|
|
61
65
|
needYBarRef: import("vue").ComputedRef<boolean>;
|
|
66
|
+
needXBarRef: import("vue").ComputedRef<boolean>;
|
|
62
67
|
yBarSizePxRef: import("vue").ComputedRef<string>;
|
|
63
68
|
handleYScrollMouseDown: (e: MouseEvent) => void;
|
|
69
|
+
handleXScrollMouseDown: (e: MouseEvent) => void;
|
|
64
70
|
yBarTopPxRef: import("vue").ComputedRef<string>;
|
|
65
71
|
handleScroll: (e: Event) => void;
|
|
72
|
+
xBarSizePxRef: import("vue").ComputedRef<string>;
|
|
73
|
+
xBarLeftPxRef: import("vue").ComputedRef<string>;
|
|
66
74
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
|
|
67
75
|
readonly container: import("vue").PropType<() => HTMLElement | null | undefined>;
|
|
68
76
|
readonly content: import("vue").PropType<() => HTMLElement | null | undefined>;
|
|
69
77
|
readonly onScroll: import("vue").PropType<(e: Event) => void>;
|
|
70
|
-
|
|
78
|
+
readonly xScrollable: BooleanConstructor;
|
|
79
|
+
}>>, {
|
|
80
|
+
readonly xScrollable: boolean;
|
|
81
|
+
}, true, {}, {}, {
|
|
71
82
|
P: {};
|
|
72
83
|
B: {};
|
|
73
84
|
D: {};
|
|
@@ -78,21 +89,29 @@ export declare const KVirtualList: import("../utils/install").SFCWithInstall<imp
|
|
|
78
89
|
readonly container: import("vue").PropType<() => HTMLElement | null | undefined>;
|
|
79
90
|
readonly content: import("vue").PropType<() => HTMLElement | null | undefined>;
|
|
80
91
|
readonly onScroll: import("vue").PropType<(e: Event) => void>;
|
|
92
|
+
readonly xScrollable: BooleanConstructor;
|
|
81
93
|
}>>, {
|
|
82
94
|
sync: () => void;
|
|
83
95
|
handleContentResize: () => void;
|
|
84
96
|
handleContainerResize: () => void;
|
|
85
97
|
contentRef: import("vue").Ref<HTMLElement | null>;
|
|
86
98
|
yRailRef: import("vue").Ref<HTMLElement | null>;
|
|
99
|
+
xRailRef: import("vue").Ref<HTMLElement | null>;
|
|
87
100
|
containerRef: import("vue").Ref<HTMLElement | null>;
|
|
88
101
|
contentHeightRef: import("vue").Ref<Nullable<number>>;
|
|
89
102
|
containerHeightRef: import("vue").Ref<Nullable<number>>;
|
|
90
103
|
needYBarRef: import("vue").ComputedRef<boolean>;
|
|
104
|
+
needXBarRef: import("vue").ComputedRef<boolean>;
|
|
91
105
|
yBarSizePxRef: import("vue").ComputedRef<string>;
|
|
92
106
|
handleYScrollMouseDown: (e: MouseEvent) => void;
|
|
107
|
+
handleXScrollMouseDown: (e: MouseEvent) => void;
|
|
93
108
|
yBarTopPxRef: import("vue").ComputedRef<string>;
|
|
94
109
|
handleScroll: (e: Event) => void;
|
|
95
|
-
|
|
110
|
+
xBarSizePxRef: import("vue").ComputedRef<string>;
|
|
111
|
+
xBarLeftPxRef: import("vue").ComputedRef<string>;
|
|
112
|
+
}, {}, {}, {}, {
|
|
113
|
+
readonly xScrollable: boolean;
|
|
114
|
+
}> | null>;
|
|
96
115
|
getScrollContainer: () => HTMLElement | null | undefined;
|
|
97
116
|
getScrollContent: () => HTMLElement | null | undefined;
|
|
98
117
|
syncScrollbar: () => void | undefined;
|
|
@@ -227,25 +246,34 @@ export declare const KVirtualList: import("../utils/install").SFCWithInstall<imp
|
|
|
227
246
|
readonly container: import("vue").PropType<() => HTMLElement | null | undefined>;
|
|
228
247
|
readonly content: import("vue").PropType<() => HTMLElement | null | undefined>;
|
|
229
248
|
readonly onScroll: import("vue").PropType<(e: Event) => void>;
|
|
249
|
+
readonly xScrollable: BooleanConstructor;
|
|
230
250
|
}, {
|
|
231
251
|
sync: () => void;
|
|
232
252
|
handleContentResize: () => void;
|
|
233
253
|
handleContainerResize: () => void;
|
|
234
254
|
contentRef: import("vue").Ref<HTMLElement | null>;
|
|
235
255
|
yRailRef: import("vue").Ref<HTMLElement | null>;
|
|
256
|
+
xRailRef: import("vue").Ref<HTMLElement | null>;
|
|
236
257
|
containerRef: import("vue").Ref<HTMLElement | null>;
|
|
237
258
|
contentHeightRef: import("vue").Ref<Nullable<number>>;
|
|
238
259
|
containerHeightRef: import("vue").Ref<Nullable<number>>;
|
|
239
260
|
needYBarRef: import("vue").ComputedRef<boolean>;
|
|
261
|
+
needXBarRef: import("vue").ComputedRef<boolean>;
|
|
240
262
|
yBarSizePxRef: import("vue").ComputedRef<string>;
|
|
241
263
|
handleYScrollMouseDown: (e: MouseEvent) => void;
|
|
264
|
+
handleXScrollMouseDown: (e: MouseEvent) => void;
|
|
242
265
|
yBarTopPxRef: import("vue").ComputedRef<string>;
|
|
243
266
|
handleScroll: (e: Event) => void;
|
|
267
|
+
xBarSizePxRef: import("vue").ComputedRef<string>;
|
|
268
|
+
xBarLeftPxRef: import("vue").ComputedRef<string>;
|
|
244
269
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
245
270
|
readonly container: import("vue").PropType<() => HTMLElement | null | undefined>;
|
|
246
271
|
readonly content: import("vue").PropType<() => HTMLElement | null | undefined>;
|
|
247
272
|
readonly onScroll: import("vue").PropType<(e: Event) => void>;
|
|
248
|
-
|
|
273
|
+
readonly xScrollable: BooleanConstructor;
|
|
274
|
+
}>>, {
|
|
275
|
+
readonly xScrollable: boolean;
|
|
276
|
+
}, {}>>;
|
|
249
277
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
250
278
|
readonly items: {
|
|
251
279
|
readonly type: import("vue").PropType<import("vueuc").VVirtualListItemData[]>;
|
|
@@ -268,6 +296,7 @@ export declare const KVirtualList: import("../utils/install").SFCWithInstall<imp
|
|
|
268
296
|
readonly type: StringConstructor;
|
|
269
297
|
readonly default: "key";
|
|
270
298
|
};
|
|
299
|
+
readonly xScrollable: BooleanConstructor;
|
|
271
300
|
readonly onScroll: import("vue").PropType<(params: import("./src/types").InterScrollParams) => void>;
|
|
272
301
|
readonly onWheel: import("vue").PropType<(event: WheelEvent) => void>;
|
|
273
302
|
readonly onResize: import("vue").PropType<(entry: ResizeObserverEntry) => void>;
|
|
@@ -277,5 +306,6 @@ export declare const KVirtualList: import("../utils/install").SFCWithInstall<imp
|
|
|
277
306
|
readonly paddingTop: string | number;
|
|
278
307
|
readonly paddingBottom: string | number;
|
|
279
308
|
readonly keyField: string;
|
|
309
|
+
readonly xScrollable: boolean;
|
|
280
310
|
}, {}>>;
|
|
281
311
|
export default KVirtualList;
|
|
@@ -26,6 +26,7 @@ export declare const virtualListProps: {
|
|
|
26
26
|
readonly type: StringConstructor;
|
|
27
27
|
readonly default: "key";
|
|
28
28
|
};
|
|
29
|
+
readonly xScrollable: BooleanConstructor;
|
|
29
30
|
readonly onScroll: PropType<(params: InterScrollParams) => void>;
|
|
30
31
|
readonly onWheel: PropType<(event: WheelEvent) => void>;
|
|
31
32
|
readonly onResize: PropType<(entry: ResizeObserverEntry) => void>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sources":["../../../../../components/virtual-list/src/types.ts"],"sourcesContent":["import type { VirtualListInst, VirtualListItemData } from 'vueuc'\nimport type { PropType } from 'vue'\n\nexport interface InterScrollParams {\n viewportItems: any[]\n scrollTop: number\n}\nexport const virtualListProps = {\n items: {\n type: Array as PropType<VirtualListItemData[]>,\n default: () => []\n },\n itemSize: {\n type: Number,\n required: true\n },\n itemResizable: Boolean,\n paddingTop: {\n type: [Number, String] as PropType<number | string>,\n default: 0\n },\n paddingBottom: {\n type: [Number, String] as PropType<number | string>,\n default: 0\n },\n keyField: {\n type: String,\n default: 'key'\n },\n onScroll: Function as PropType<(params: InterScrollParams) => void>,\n onWheel: Function as PropType<(event: WheelEvent) => void>,\n onResize: Function as PropType<(entry: ResizeObserverEntry) => void>\n} as const\nexport interface VirtualListRef extends VirtualListInst {\n viewportItems: any[]\n visibleItemsStyle: {\n transform: string\n }\n}\n"],"names":[],"mappings":";;AAOO,MAAM,gBAAmB,GAAA;AAAA,EAC9B,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,aAAe,EAAA,OAAA;AAAA,EACf,UAAY,EAAA;AAAA,IACV,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA,QAAA;AAAA,EACV,OAAS,EAAA,QAAA;AAAA,EACT,QAAU,EAAA,QAAA;AACZ;;;;"}
|
|
1
|
+
{"version":3,"file":"types.js","sources":["../../../../../components/virtual-list/src/types.ts"],"sourcesContent":["import type { VirtualListInst, VirtualListItemData } from 'vueuc'\nimport type { PropType } from 'vue'\n\nexport interface InterScrollParams {\n viewportItems: any[]\n scrollTop: number\n}\nexport const virtualListProps = {\n items: {\n type: Array as PropType<VirtualListItemData[]>,\n default: () => []\n },\n itemSize: {\n type: Number,\n required: true\n },\n itemResizable: Boolean,\n paddingTop: {\n type: [Number, String] as PropType<number | string>,\n default: 0\n },\n paddingBottom: {\n type: [Number, String] as PropType<number | string>,\n default: 0\n },\n keyField: {\n type: String,\n default: 'key'\n },\n xScrollable: Boolean,\n onScroll: Function as PropType<(params: InterScrollParams) => void>,\n onWheel: Function as PropType<(event: WheelEvent) => void>,\n onResize: Function as PropType<(entry: ResizeObserverEntry) => void>\n} as const\nexport interface VirtualListRef extends VirtualListInst {\n viewportItems: any[]\n visibleItemsStyle: {\n transform: string\n }\n}\n"],"names":[],"mappings":";;AAOO,MAAM,gBAAmB,GAAA;AAAA,EAC9B,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,aAAe,EAAA,OAAA;AAAA,EACf,UAAY,EAAA;AAAA,IACV,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,WAAa,EAAA,OAAA;AAAA,EACb,QAAU,EAAA,QAAA;AAAA,EACV,OAAS,EAAA,QAAA;AAAA,EACT,QAAU,EAAA,QAAA;AACZ;;;;"}
|