UNPKG

element-plus

Version:

A Component Library for Vue 3

1 lines 22.2 kB
{"version":3,"file":"build-list.mjs","names":["isClient","Scrollbar"],"sources":["../../../../../../../packages/components/virtual-list/src/builders/build-list.ts"],"sourcesContent":["import {\n Fragment,\n computed,\n defineComponent,\n getCurrentInstance,\n h,\n mergeProps,\n nextTick,\n onActivated,\n onMounted,\n onUpdated,\n ref,\n resolveDynamicComponent,\n unref,\n} from 'vue'\nimport { useEventListener } from '@vueuse/core'\nimport { hasOwn, isClient, isNumber, isString } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useCache } from '../hooks/use-cache'\nimport useWheel from '../hooks/use-wheel'\nimport Scrollbar from '../components/scrollbar'\nimport { getRTLOffsetType, getScrollDir, isHorizontal } from '../utils'\nimport { virtualizedListProps } from '../props'\nimport {\n AUTO_ALIGNMENT,\n BACKWARD,\n FORWARD,\n HORIZONTAL,\n ITEM_RENDER_EVT,\n RTL,\n RTL_OFFSET_NAG,\n RTL_OFFSET_POS_ASC,\n RTL_OFFSET_POS_DESC,\n SCROLL_EVT,\n} from '../defaults'\n\nimport type { CSSProperties, Slot, VNode, VNodeChild } from 'vue'\nimport type { Alignment, ListConstructorProps } from '../types'\nimport type { VirtualizedListProps } from '../props'\n\nconst createList = ({\n name,\n getOffset,\n getItemSize,\n getItemOffset,\n getEstimatedTotalSize,\n getStartIndexForOffset,\n getStopIndexForStartIndex,\n initCache,\n clearCache,\n validateProps,\n}: ListConstructorProps<VirtualizedListProps>) => {\n return defineComponent({\n name: name ?? 'ElVirtualList',\n props: virtualizedListProps,\n emits: [ITEM_RENDER_EVT, SCROLL_EVT],\n setup(props, { emit, expose }) {\n validateProps(props)\n const instance = getCurrentInstance()!\n\n const ns = useNamespace('vl')\n\n const dynamicSizeCache = ref(initCache(props, instance))\n\n const getItemStyleCache = useCache<CSSProperties>()\n // refs\n // here windowRef and innerRef can be type of HTMLElement\n // or user defined component type, depends on the type passed\n // by user\n const windowRef = ref<HTMLElement>()\n const innerRef = ref<HTMLElement>()\n const scrollbarRef = ref()\n const states = ref({\n isScrolling: false,\n scrollDir: 'forward',\n scrollOffset: isNumber(props.initScrollOffset)\n ? props.initScrollOffset\n : 0,\n updateRequested: false,\n isScrollbarDragging: false,\n scrollbarAlwaysOn: props.scrollbarAlwaysOn,\n })\n\n // computed\n const itemsToRender = computed(() => {\n const { total, cache } = props\n const { isScrolling, scrollDir, scrollOffset } = unref(states)\n\n if (total === 0) {\n return [0, 0, 0, 0]\n }\n\n const startIndex = getStartIndexForOffset(\n props,\n scrollOffset,\n unref(dynamicSizeCache)\n )\n const stopIndex = getStopIndexForStartIndex(\n props,\n startIndex,\n scrollOffset,\n unref(dynamicSizeCache)\n )\n\n const cacheBackward =\n !isScrolling || scrollDir === BACKWARD ? Math.max(1, cache) : 1\n const cacheForward =\n !isScrolling || scrollDir === FORWARD ? Math.max(1, cache) : 1\n\n return [\n Math.max(0, startIndex - cacheBackward),\n Math.max(0, Math.min(total! - 1, stopIndex + cacheForward)),\n startIndex,\n stopIndex,\n ]\n })\n\n const estimatedTotalSize = computed(() =>\n getEstimatedTotalSize(props, unref(dynamicSizeCache))\n )\n\n const _isHorizontal = computed(() => isHorizontal(props.layout))\n\n const windowStyle = computed(() => [\n {\n position: 'relative',\n [`overflow-${_isHorizontal.value ? 'x' : 'y'}`]: 'scroll',\n WebkitOverflowScrolling: 'touch',\n willChange: 'transform',\n },\n {\n direction: props.direction,\n height: isNumber(props.height) ? `${props.height}px` : props.height,\n width: isNumber(props.width) ? `${props.width}px` : props.width,\n },\n props.style,\n ])\n\n const innerStyle = computed(() => {\n const size = unref(estimatedTotalSize)\n const horizontal = unref(_isHorizontal)\n return {\n height: horizontal ? '100%' : `${size}px`,\n pointerEvents: unref(states).isScrolling ? 'none' : undefined,\n width: horizontal ? `${size}px` : '100%',\n\n // fix scrolling issues in Firefox.\n margin: 0,\n boxSizing: 'border-box',\n }\n })\n\n const clientSize = computed(() =>\n _isHorizontal.value ? props.width : props.height\n )\n\n // methods\n const { onWheel } = useWheel(\n {\n atStartEdge: computed(() => states.value.scrollOffset <= 0),\n atEndEdge: computed(\n () => states.value.scrollOffset >= estimatedTotalSize.value\n ),\n layout: computed(() => props.layout),\n },\n (offset) => {\n ;(\n scrollbarRef.value as {\n onMouseUp: () => void\n }\n ).onMouseUp?.()\n scrollTo(\n Math.min(\n states.value.scrollOffset + offset,\n estimatedTotalSize.value - (clientSize.value as number)\n )\n )\n }\n )\n\n useEventListener(windowRef, 'wheel', onWheel, {\n passive: false,\n })\n\n const emitEvents = () => {\n const { total } = props\n\n if (total! > 0) {\n const [cacheStart, cacheEnd, visibleStart, visibleEnd] =\n unref(itemsToRender)\n emit(ITEM_RENDER_EVT, cacheStart, cacheEnd, visibleStart, visibleEnd)\n }\n\n const { scrollDir, scrollOffset, updateRequested } = unref(states)\n emit(SCROLL_EVT, scrollDir, scrollOffset, updateRequested)\n }\n\n const scrollVertically = (e: Event) => {\n const { clientHeight, scrollHeight, scrollTop } =\n e.currentTarget as HTMLElement\n const _states = unref(states)\n if (_states.scrollOffset === scrollTop) {\n return\n }\n\n const scrollOffset = Math.max(\n 0,\n Math.min(scrollTop, scrollHeight - clientHeight)\n )\n\n states.value = {\n ..._states,\n isScrolling: true,\n scrollDir: getScrollDir(_states.scrollOffset, scrollOffset),\n scrollOffset,\n updateRequested: false,\n }\n\n nextTick(resetIsScrolling)\n }\n\n const scrollHorizontally = (e: Event) => {\n const { clientWidth, scrollLeft, scrollWidth } =\n e.currentTarget as HTMLElement\n const _states = unref(states)\n\n if (_states.scrollOffset === scrollLeft) {\n return\n }\n\n const { direction } = props\n\n let scrollOffset = scrollLeft\n\n if (direction === RTL) {\n // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n // This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).\n // It's also easier for this component if we convert offsets to the same format as they would be in for ltr.\n // So the simplest solution is to determine which browser behavior we're dealing with, and convert based on it.\n switch (getRTLOffsetType()) {\n case RTL_OFFSET_NAG: {\n scrollOffset = -scrollLeft\n break\n }\n case RTL_OFFSET_POS_DESC: {\n scrollOffset = scrollWidth - clientWidth - scrollLeft\n break\n }\n }\n }\n\n scrollOffset = Math.max(\n 0,\n Math.min(scrollOffset, scrollWidth - clientWidth)\n )\n\n states.value = {\n ..._states,\n isScrolling: true,\n scrollDir: getScrollDir(_states.scrollOffset, scrollOffset),\n scrollOffset,\n updateRequested: false,\n }\n\n nextTick(resetIsScrolling)\n }\n\n const onScroll = (e: Event) => {\n unref(_isHorizontal) ? scrollHorizontally(e) : scrollVertically(e)\n emitEvents()\n }\n\n const onScrollbarScroll = (distanceToGo: number, totalSteps: number) => {\n const offset =\n ((estimatedTotalSize.value - (clientSize.value as number)) /\n totalSteps) *\n distanceToGo\n scrollTo(\n Math.min(\n estimatedTotalSize.value - (clientSize.value as number),\n offset\n )\n )\n }\n\n const scrollTo = (offset: number) => {\n offset = Math.max(offset, 0)\n\n if (offset === unref(states).scrollOffset) {\n return\n }\n\n states.value = {\n ...unref(states),\n scrollOffset: offset,\n scrollDir: getScrollDir(unref(states).scrollOffset, offset),\n updateRequested: true,\n }\n\n nextTick(resetIsScrolling)\n }\n\n const scrollToItem = (\n idx: number,\n alignment: Alignment = AUTO_ALIGNMENT\n ) => {\n const { scrollOffset } = unref(states)\n\n idx = Math.max(0, Math.min(idx, props.total! - 1))\n scrollTo(\n getOffset(\n props,\n idx,\n alignment,\n scrollOffset,\n unref(dynamicSizeCache)\n )\n )\n }\n\n const getItemStyle = (idx: number) => {\n const { direction, itemSize, layout } = props\n\n const itemStyleCache = getItemStyleCache.value(\n clearCache && itemSize,\n clearCache && layout,\n clearCache && direction\n )\n\n let style: CSSProperties\n if (hasOwn(itemStyleCache, String(idx))) {\n style = itemStyleCache[idx]\n } else {\n const offset = getItemOffset(props, idx, unref(dynamicSizeCache))\n const size = getItemSize(props, idx, unref(dynamicSizeCache))\n const horizontal = unref(_isHorizontal)\n\n const isRtl = direction === RTL\n const offsetHorizontal = horizontal ? offset : 0\n itemStyleCache[idx] = style = {\n position: 'absolute',\n left: isRtl ? undefined : `${offsetHorizontal}px`,\n right: isRtl ? `${offsetHorizontal}px` : undefined,\n top: !horizontal ? `${offset}px` : 0,\n height: !horizontal ? `${size}px` : '100%',\n width: horizontal ? `${size}px` : '100%',\n }\n }\n\n return style\n }\n\n // TODO: perf optimization here, reset isScrolling with debounce.\n\n const resetIsScrolling = () => {\n states.value.isScrolling = false\n nextTick(() => {\n getItemStyleCache.value(-1, null, null)\n })\n }\n\n const resetScrollTop = () => {\n const window = windowRef.value\n if (window) {\n window.scrollTop = 0\n }\n }\n\n // life cycles\n onMounted(() => {\n if (!isClient) return\n const { initScrollOffset } = props\n const windowElement = unref(windowRef)\n if (isNumber(initScrollOffset) && windowElement) {\n if (unref(_isHorizontal)) {\n windowElement.scrollLeft = initScrollOffset\n } else {\n windowElement.scrollTop = initScrollOffset\n }\n }\n\n emitEvents()\n })\n\n onUpdated(() => {\n const { direction, layout } = props\n const { scrollOffset, updateRequested } = unref(states)\n const windowElement = unref(windowRef)\n\n if (updateRequested && windowElement) {\n if (layout === HORIZONTAL) {\n if (direction === RTL) {\n // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n // This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).\n // So we need to determine which browser behavior we're dealing with, and mimic it.\n switch (getRTLOffsetType()) {\n case RTL_OFFSET_NAG: {\n windowElement.scrollLeft = -scrollOffset\n break\n }\n case RTL_OFFSET_POS_ASC: {\n windowElement.scrollLeft = scrollOffset\n break\n }\n default: {\n const { clientWidth, scrollWidth } = windowElement\n windowElement.scrollLeft =\n scrollWidth - clientWidth - scrollOffset\n break\n }\n }\n } else {\n windowElement.scrollLeft = scrollOffset\n }\n } else {\n windowElement.scrollTop = scrollOffset\n }\n }\n })\n\n onActivated(() => {\n unref(windowRef)!.scrollTop = unref(states).scrollOffset\n })\n\n const api = {\n ns,\n clientSize,\n estimatedTotalSize,\n windowStyle,\n windowRef,\n innerRef,\n innerStyle,\n itemsToRender,\n scrollbarRef,\n states,\n getItemStyle,\n onScroll,\n onScrollbarScroll,\n onWheel,\n scrollTo,\n scrollToItem,\n resetScrollTop,\n }\n\n expose({\n windowRef,\n innerRef,\n getItemStyleCache,\n scrollTo,\n scrollToItem,\n resetScrollTop,\n states,\n })\n\n return api\n },\n\n render(ctx: any) {\n const {\n $slots,\n className,\n clientSize,\n containerElement,\n data,\n getItemStyle,\n innerElement,\n itemsToRender,\n innerStyle,\n layout,\n total,\n onScroll,\n onScrollbarScroll,\n states,\n useIsScrolling,\n windowStyle,\n ns,\n } = ctx\n\n const [start, end] = itemsToRender\n\n const Container = resolveDynamicComponent(containerElement)\n const Inner = resolveDynamicComponent(innerElement)\n\n const children = [] as VNodeChild[]\n\n if (total > 0) {\n for (let i = start; i <= end; i++) {\n children.push(\n h(\n Fragment,\n { key: i },\n ($slots.default as Slot)?.({\n data,\n index: i,\n isScrolling: useIsScrolling ? states.isScrolling : undefined,\n style: getItemStyle(i),\n })\n )\n )\n }\n }\n\n const InnerNode = [\n h(\n Inner as VNode,\n mergeProps(ctx.innerProps, {\n style: innerStyle,\n ref: 'innerRef',\n }),\n !isString(Inner)\n ? {\n default: () => children,\n }\n : children\n ),\n ]\n\n const scrollbar = h(Scrollbar, {\n ref: 'scrollbarRef',\n clientSize,\n layout,\n onScroll: onScrollbarScroll,\n ratio: (clientSize * 100) / this.estimatedTotalSize,\n scrollFrom:\n states.scrollOffset / (this.estimatedTotalSize - clientSize),\n total,\n alwaysOn: states.scrollbarAlwaysOn,\n })\n\n const listContainer = h(\n Container as VNode,\n {\n class: [ns.e('window'), className],\n style: windowStyle,\n onScroll,\n ref: 'windowRef',\n key: 0,\n },\n !isString(Container) ? { default: () => [InnerNode] } : [InnerNode]\n )\n\n return h(\n 'div',\n {\n key: 0,\n class: [ns.e('wrapper'), states.scrollbarAlwaysOn ? 'always-on' : ''],\n },\n [listContainer, scrollbar]\n )\n },\n })\n}\n\nexport default createList\n"],"mappings":"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"}