@sdata/web-vue 1.9.0 → 1.10.0

package/es/_components/virtual-list-v2/hooks/use-size.js

@@ -1,91 +0,0 @@
-import { computed, onMounted, ref } from "vue";
-//#region components/_components/virtual-list-v2/hooks/use-size.ts
-var useSize = ({ dataKeys, contentRef: _contentRef, fixedSize, estimatedSize, buffer }) => {
-	const firstRangeAverageSize = ref(0);
-	const sizeMap = /* @__PURE__ */ new Map();
-	const total = computed(() => dataKeys.value.length);
-	const start = ref(0);
-	const end = computed(() => {
-		const _end = start.value + buffer.value * 3;
-		if (_end > total.value) return total.value;
-		return _end;
-	});
-	const maxStart = computed(() => {
-		const max = total.value - buffer.value * 3;
-		if (max < 0) return 0;
-		return max;
-	});
-	const setStart = (index) => {
-		if (index < 0) start.value = 0;
-		else if (index > maxStart.value) start.value = maxStart.value;
-		else start.value = index;
-	};
-	const isFixed = ref(fixedSize.value);
-	const _estimatedSize = computed(() => {
-		if (estimatedSize.value !== 30) return estimatedSize.value;
-		return firstRangeAverageSize.value || estimatedSize.value;
-	});
-	const setItemSize = (key, size) => {
-		sizeMap.set(key, size);
-	};
-	const getItemSize = (index) => {
-		var _sizeMap$get;
-		if (isFixed.value) return _estimatedSize.value;
-		const _key = dataKeys.value[index];
-		return (_sizeMap$get = sizeMap.get(_key)) !== null && _sizeMap$get !== void 0 ? _sizeMap$get : _estimatedSize.value;
-	};
-	const hasItemSize = (key) => {
-		return sizeMap.has(key);
-	};
-	onMounted(() => {
-		const firstRangeTotalSize = Array.from(sizeMap.values()).reduce((pre, value) => pre + value, 0);
-		if (firstRangeTotalSize > 0) firstRangeAverageSize.value = firstRangeTotalSize / sizeMap.size;
-	});
-	const getScrollOffset = (index) => {
-		if (isFixed.value) return _estimatedSize.value * index;
-		return getOffset(0, index);
-	};
-	const getOffset = (start, end) => {
-		let offset = 0;
-		for (let i = start; i < end; i++) offset += getItemSize(i);
-		return offset;
-	};
-	const frontPadding = computed(() => {
-		if (isFixed.value) return _estimatedSize.value * start.value;
-		return getOffset(0, start.value);
-	});
-	const getOffsetIndex = (scrollOffset) => {
-		const isForward = scrollOffset >= frontPadding.value;
-		let offset = Math.abs(scrollOffset - frontPadding.value);
-		const _start = isForward ? start.value : start.value - 1;
-		let offsetIndex = 0;
-		while (offset > 0) {
-			offset -= getItemSize(_start + offsetIndex);
-			isForward ? offsetIndex++ : offsetIndex--;
-		}
-		return offsetIndex;
-	};
-	const getStartByScroll = (scrollOffset) => {
-		const offsetIndex = getOffsetIndex(scrollOffset);
-		const _start = start.value + offsetIndex - buffer.value;
-		if (_start < 0) return 0;
-		if (_start > maxStart.value) return maxStart.value;
-		return _start;
-	};
-	return {
-		frontPadding,
-		behindPadding: computed(() => {
-			if (isFixed.value) return _estimatedSize.value * (total.value - end.value);
-			return getOffset(end.value, total.value);
-		}),
-		start,
-		end,
-		getStartByScroll,
-		setItemSize,
-		hasItemSize,
-		setStart,
-		getScrollOffset
-	};
-};
-//#endregion
-export { useSize };

package/es/_components/virtual-list-v2/index.js

@@ -1,5 +0,0 @@
-import virtual_list_default from "./virtual-list.js";
-//#region components/_components/virtual-list-v2/index.ts
-var virtual_list_v2_default = virtual_list_default;
-//#endregion
-export { virtual_list_v2_default as default };

package/es/_components/virtual-list-v2/interface.d.ts

@@ -1,35 +0,0 @@
-import { VNode } from 'vue';
-export type VirtualItemKey = string | number;
-export interface InternalDataItem {
-    key: VirtualItemKey;
-    index: number;
-    item: unknown;
-}
-export type ItemSlot = (props: {
-    item: unknown;
-    index: number;
-}) => VNode[];
-export interface ScrollIntoViewOptions {
-    index?: number;
-    key?: VirtualItemKey;
-    align: 'auto' | 'top' | 'bottom';
-}
-export interface VirtualListProps {
-    height?: number | string;
-    threshold?: number;
-    isStaticItemHeight?: boolean;
-    fixedSize?: boolean;
-    estimatedSize?: number;
-    buffer?: number;
-    data?: unknown[];
-    itemKey?: string | ((item: unknown) => VirtualItemKey);
-    component?: keyof HTMLElementTagNameMap;
-}
-export type ScrollOptions = number | {
-    index?: number;
-    key?: VirtualItemKey;
-    align?: 'auto' | 'top' | 'bottom';
-};
-export interface VirtualListRef {
-    scrollTo: (options: ScrollOptions) => void;
-}

package/es/_components/virtual-list-v2/virtual-list-item.js

@@ -1,37 +0,0 @@
-import { getFirstComponent } from "../../_utils/vue-utils.js";
-import { cloneVNode, defineComponent, getCurrentInstance, onBeforeUnmount, onMounted, ref } from "vue";
-//#region components/_components/virtual-list-v2/virtual-list-item.tsx
-var virtual_list_item_default = /* @__PURE__ */ defineComponent({
-	name: "VirtualListItem",
-	props: {
-		hasItemSize: {
-			type: Function,
-			required: true
-		},
-		setItemSize: {
-			type: Function,
-			required: true
-		}
-	},
-	setup(props, { slots }) {
-		var _getCurrentInstance;
-		const key = (_getCurrentInstance = getCurrentInstance()) === null || _getCurrentInstance === void 0 ? void 0 : _getCurrentInstance.vnode.key;
-		const itemRef = ref();
-		const setItemSize = () => {
-			var _itemRef$value$$el, _itemRef$value, _ele$getBoundingClien, _ele$getBoundingClien2;
-			const ele = (_itemRef$value$$el = (_itemRef$value = itemRef.value) === null || _itemRef$value === void 0 ? void 0 : _itemRef$value.$el) !== null && _itemRef$value$$el !== void 0 ? _itemRef$value$$el : itemRef.value;
-			const height = (_ele$getBoundingClien = ele === null || ele === void 0 || (_ele$getBoundingClien2 = ele.getBoundingClientRect) === null || _ele$getBoundingClien2 === void 0 ? void 0 : _ele$getBoundingClien2.call(ele).height) !== null && _ele$getBoundingClien !== void 0 ? _ele$getBoundingClien : ele === null || ele === void 0 ? void 0 : ele.offsetHeight;
-			if (height) props.setItemSize(key, height);
-		};
-		onMounted(() => setItemSize());
-		onBeforeUnmount(() => setItemSize());
-		return () => {
-			var _slots$default;
-			const child = getFirstComponent((_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots));
-			if (child) return cloneVNode(child, { ref: itemRef }, true);
-			return null;
-		};
-	}
-});
-//#endregion
-export { virtual_list_item_default as default };

package/es/scrollbar/thumb.js

@@ -1,22 +0,0 @@
-import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
-import thumb_vue_vue_type_script_lang_default from "./thumb.vue_vue_type_script_lang.js";
-import { Transition, createBlock, createElementVNode, normalizeClass, normalizeStyle, openBlock, withCtx, withModifiers } from "vue";
-//#region components/scrollbar/thumb.vue
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	return openBlock(), createBlock(Transition, null, {
-		default: withCtx(() => [createElementVNode("div", {
-			ref: "trackRef",
-			class: normalizeClass([`${_ctx.prefixCls}-track`, `${_ctx.prefixCls}-track-direction-${_ctx.direction}`]),
-			onMousedown: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.handleTrackClick && _ctx.handleTrackClick(...args), ["self"]))
-		}, [createElementVNode("div", {
-			ref: "thumbRef",
-			class: normalizeClass(_ctx.thumbCls),
-			style: normalizeStyle(_ctx.thumbStyle),
-			onMousedown: _cache[0] || (_cache[0] = (...args) => _ctx.handleThumbMouseDown && _ctx.handleThumbMouseDown(...args))
-		}, [createElementVNode("div", { class: normalizeClass(`${_ctx.prefixCls}-thumb-bar`) }, null, 2)], 38)], 34)]),
-		_: 1
-	});
-}
-var thumb_default = /* @__PURE__ */ _plugin_vue_export_helper_default(thumb_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
-//#endregion
-export { thumb_default as default };

package/es/scrollbar/thumb.vue.d.ts

@@ -1,58 +0,0 @@
-import { PropType } from 'vue';
-import { Direction } from '../_utils/constant';
-import { ThumbData } from './interface';
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    data: {
-        type: PropType<ThumbData>;
-    };
-    direction: {
-        type: PropType<Direction>;
-        default: string;
-    };
-    alwaysShow: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    both: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {
-    visible: import("vue").Ref<boolean, boolean>;
-    trackRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
-    thumbRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
-    prefixCls: string;
-    thumbCls: import("vue").ComputedRef<(string | {
-        [x: string]: boolean;
-    })[]>;
-    thumbStyle: import("vue").ComputedRef<{
-        [x: string]: string;
-    }>;
-    handleThumbMouseDown: (ev: MouseEvent) => void;
-    handleTrackClick: (ev: MouseEvent) => void;
-    setOffset: (_offset: number) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "scroll"[], "scroll", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    data: {
-        type: PropType<ThumbData>;
-    };
-    direction: {
-        type: PropType<Direction>;
-        default: string;
-    };
-    alwaysShow: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    both: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
-    onScroll?: ((...args: any[]) => any) | undefined;
-}>, {
-    direction: "horizontal" | "vertical";
-    alwaysShow: boolean;
-    both: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/scrollbar/thumb.vue_vue_type_script_lang.js

@@ -1,116 +0,0 @@
-import { getPrefixCls } from "../_utils/global-config.js";
-import { off, on } from "../_utils/dom.js";
-import { computed, defineComponent, ref } from "vue";
-//#region components/scrollbar/thumb.vue?vue&type=script&lang.ts
-var thumb_vue_vue_type_script_lang_default = defineComponent({
-	name: "Thumb",
-	props: {
-		data: { type: Object },
-		direction: {
-			type: String,
-			default: "horizontal"
-		},
-		alwaysShow: {
-			type: Boolean,
-			default: false
-		},
-		both: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: ["scroll"],
-	setup(props, { emit }) {
-		const prefixCls = getPrefixCls("scrollbar");
-		const visible = ref(false);
-		const trackRef = ref();
-		const thumbRef = ref();
-		const thumbMap = computed(() => {
-			if (props.direction === "horizontal") return {
-				size: "width",
-				direction: "left",
-				offset: "offsetWidth",
-				client: "clientX"
-			};
-			return {
-				size: "height",
-				direction: "top",
-				offset: "offsetHeight",
-				client: "clientY"
-			};
-		});
-		const offset = ref(0);
-		const isDragging = ref(false);
-		const mouseOffset = ref(0);
-		const thumbStyle = computed(() => {
-			var _props$data$thumbSize, _props$data;
-			return {
-				[thumbMap.value.size]: `${(_props$data$thumbSize = (_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.thumbSize) !== null && _props$data$thumbSize !== void 0 ? _props$data$thumbSize : 0}px`,
-				[thumbMap.value.direction]: `${offset.value}px`
-			};
-		});
-		const handleThumbMouseDown = (ev) => {
-			ev.preventDefault();
-			if (thumbRef.value) {
-				mouseOffset.value = ev[thumbMap.value.client] - thumbRef.value.getBoundingClientRect()[thumbMap.value.direction];
-				isDragging.value = true;
-				on(window, "mousemove", handleMouseMove);
-				on(window, "mouseup", handleMouseUp);
-				on(window, "contextmenu", handleMouseUp);
-			}
-		};
-		const handleTrackClick = (ev) => {
-			ev.preventDefault();
-			if (thumbRef.value) {
-				var _props$data$thumbSize2, _props$data2, _props$data$thumbSize3, _props$data3;
-				const _offset = getLegalOffset(ev[thumbMap.value.client] > thumbRef.value.getBoundingClientRect()[thumbMap.value.direction] ? offset.value + ((_props$data$thumbSize2 = (_props$data2 = props.data) === null || _props$data2 === void 0 ? void 0 : _props$data2.thumbSize) !== null && _props$data$thumbSize2 !== void 0 ? _props$data$thumbSize2 : 0) : offset.value - ((_props$data$thumbSize3 = (_props$data3 = props.data) === null || _props$data3 === void 0 ? void 0 : _props$data3.thumbSize) !== null && _props$data$thumbSize3 !== void 0 ? _props$data$thumbSize3 : 0));
-				if (_offset !== offset.value) {
-					offset.value = _offset;
-					emit("scroll", _offset);
-				}
-			}
-		};
-		const getLegalOffset = (offset) => {
-			if (offset < 0) return 0;
-			if (props.data && offset > props.data.max) return props.data.max;
-			return offset;
-		};
-		const handleMouseMove = (ev) => {
-			if (trackRef.value && thumbRef.value) {
-				const _offset = getLegalOffset(ev[thumbMap.value.client] - trackRef.value.getBoundingClientRect()[thumbMap.value.direction] - mouseOffset.value);
-				if (_offset !== offset.value) {
-					offset.value = _offset;
-					emit("scroll", _offset);
-				}
-			}
-		};
-		const handleMouseUp = () => {
-			isDragging.value = false;
-			off(window, "mousemove", handleMouseMove);
-			off(window, "mouseup", handleMouseUp);
-		};
-		const setOffset = (_offset) => {
-			if (!isDragging.value) {
-				_offset = getLegalOffset(_offset);
-				if (_offset !== offset.value) offset.value = _offset;
-			}
-		};
-		return {
-			visible,
-			trackRef,
-			thumbRef,
-			prefixCls,
-			thumbCls: computed(() => [
-				`${prefixCls}-thumb`,
-				`${prefixCls}-thumb-direction-${props.direction}`,
-				{ [`${prefixCls}-thumb-dragging`]: isDragging.value }
-			]),
-			thumbStyle,
-			handleThumbMouseDown,
-			handleTrackClick,
-			setOffset
-		};
-	}
-});
-//#endregion
-export { thumb_vue_vue_type_script_lang_default as default };