npm - @antsoo-lib/components - Versions diffs - 0.1.6 → 0.1.8 - Mend

@antsoo-lib/components 0.1.6 → 0.1.8

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.

Files changed (3673) hide show

package/dist/es/vc-virtual-list/List.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"List.mjs","sources":["../../../src/vc-virtual-list/List.tsx"],"sourcesContent":["import type { CSSProperties, Component, PropType } from 'vue'\nimport {\n computed,\n defineComponent,\n nextTick,\n onBeforeUnmount,\n onMounted,\n onUpdated,\n reactive,\n shallowRef,\n toRaw,\n watch,\n watchEffect,\n} from 'vue'\n\nimport classNames from '../_util/classNames'\nimport supportsPassive from '../_util/supportsPassive'\nimport type { Key } from '../_util/type'\nimport PropTypes from '../_util/vue-types'\nimport Filler from './Filler'\nimport Item from './Item'\nimport ScrollBar from './ScrollBar'\nimport useFrameWheel from './hooks/useFrameWheel'\nimport useHeights from './hooks/useHeights'\nimport useMobileTouchMove from './hooks/useMobileTouchMove'\nimport useOriginScroll from './hooks/useOriginScroll'\nimport useScrollTo from './hooks/useScrollTo'\nimport type { RenderFunc, SharedConfig } from './interface'\n\nconst EMPTY_DATA = []\n\nconst ScrollStyle: CSSProperties = {\n overflowY: 'auto',\n overflowAnchor: 'none',\n}\n\nexport type ScrollAlign = 'top' | 'bottom' | 'auto'\nexport type ScrollConfig =\n | {\n index: number\n align?: ScrollAlign\n offset?: number\n }\n | {\n key: Key\n align?: ScrollAlign\n offset?: number\n }\nexport type ScrollTo = (arg: number | ScrollConfig) => void\n\nfunction renderChildren<T>(\n list: T[],\n startIndex: number,\n endIndex: number,\n setNodeRef: (item: T, element: HTMLElement) => void,\n renderFunc: RenderFunc<T>,\n { getKey }: SharedConfig<T>,\n) {\n return list.slice(startIndex, endIndex + 1).map((item, index) => {\n const eleIndex = startIndex + index\n const node = renderFunc(item, eleIndex, {\n // style: status === 'MEASURE_START' ? { visibility: 'hidden' } : {},\n })\n const key = getKey(item)\n return (\n <Item key={key} setRef={(ele) => setNodeRef(item, ele as HTMLElement)}>\n {node}\n </Item>\n )\n })\n}\n\nexport interface ListState {\n scrollTop: number\n scrollMoving: boolean\n}\n\nconst List = defineComponent({\n compatConfig: { MODE: 3 },\n name: 'List',\n inheritAttrs: false,\n props: {\n prefixCls: String,\n data: PropTypes.array,\n height: Number,\n itemHeight: Number,\n /** If not match virtual scroll condition, Set List still use height of container. */\n fullHeight: { type: Boolean, default: undefined },\n itemKey: {\n type: [String, Number, Function] as PropType<Key | ((item: Record<string, any>) => Key)>,\n required: true,\n },\n component: {\n type: [String, Object] as PropType<string | Component>,\n },\n /** Set `false` will always use real scroll instead of virtual one */\n virtual: { type: Boolean, default: undefined },\n children: Function,\n onScroll: Function,\n onMousedown: Function,\n onMouseenter: Function,\n onVisibleChange: Function as PropType<(visibleList: any[], fullList: any[]) => void>,\n },\n setup(props, { expose }) {\n // ================================= MISC =================================\n const useVirtual = computed(() => {\n const { height, itemHeight, virtual } = props\n return !!(virtual !== false && height && itemHeight)\n })\n const inVirtual = computed(() => {\n const { height, itemHeight, data } = props\n return useVirtual.value && data && itemHeight * data.length > height\n })\n\n const state = reactive<ListState>({\n scrollTop: 0,\n scrollMoving: false,\n })\n const data = computed(() => {\n return props.data || EMPTY_DATA\n })\n const mergedData = shallowRef([])\n watch(\n data,\n () => {\n mergedData.value = toRaw(data.value).slice()\n },\n { immediate: true },\n )\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n const itemKey = shallowRef((_item: Record<string, any>) => undefined)\n watch(\n () => props.itemKey,\n (val) => {\n if (typeof val === 'function') {\n itemKey.value = val\n } else {\n itemKey.value = (item) => item?.[val]\n }\n },\n { immediate: true },\n )\n const componentRef = shallowRef<HTMLDivElement>()\n const fillerInnerRef = shallowRef<HTMLDivElement>()\n const scrollBarRef = shallowRef<any>() // Hack on scrollbar to enable flash call\n // =============================== Item Key ===============================\n const getKey = (item: Record<string, any>) => {\n return itemKey.value(item)\n }\n\n const sharedConfig = {\n getKey,\n }\n\n // ================================ Scroll ================================\n function syncScrollTop(newTop: number | ((prev: number) => number)) {\n let value: number\n if (typeof newTop === 'function') {\n value = newTop(state.scrollTop)\n } else {\n value = newTop\n }\n\n const alignedTop = keepInRange(value)\n\n if (componentRef.value) {\n componentRef.value.scrollTop = alignedTop\n }\n state.scrollTop = alignedTop\n }\n\n // ================================ Height ================================\n const [setInstance, collectHeight, heights, updatedMark] = useHeights(\n mergedData,\n getKey,\n null,\n null,\n )\n\n const calRes = reactive<{\n scrollHeight?: number\n start?: number\n end?: number\n offset?: number\n }>({\n scrollHeight: undefined,\n start: 0,\n end: 0,\n offset: undefined,\n })\n\n const offsetHeight = shallowRef(0)\n onMounted(() => {\n nextTick(() => {\n offsetHeight.value = fillerInnerRef.value?.offsetHeight || 0\n })\n })\n onUpdated(() => {\n nextTick(() => {\n offsetHeight.value = fillerInnerRef.value?.offsetHeight || 0\n })\n })\n watch(\n [useVirtual, mergedData],\n () => {\n if (!useVirtual.value) {\n Object.assign(calRes, {\n scrollHeight: undefined,\n start: 0,\n end: mergedData.value.length - 1,\n offset: undefined,\n })\n }\n },\n { immediate: true },\n )\n watch(\n [useVirtual, mergedData, offsetHeight, inVirtual],\n () => {\n // Always use virtual scroll bar in avoid shaking\n if (useVirtual.value && !inVirtual.value) {\n Object.assign(calRes, {\n scrollHeight: offsetHeight.value,\n start: 0,\n end: mergedData.value.length - 1,\n offset: undefined,\n })\n }\n if (componentRef.value) {\n state.scrollTop = componentRef.value.scrollTop\n }\n },\n {\n immediate: true,\n },\n )\n watch(\n [\n inVirtual,\n useVirtual,\n () => state.scrollTop,\n mergedData,\n updatedMark,\n () => props.height,\n offsetHeight,\n ],\n () => {\n if (!useVirtual.value || !inVirtual.value) {\n return\n }\n\n let itemTop = 0\n let startIndex: number | undefined\n let startOffset: number | undefined\n let endIndex: number | undefined\n const dataLen = mergedData.value.length\n const data = mergedData.value\n const scrollTop = state.scrollTop\n const { itemHeight, height } = props\n const scrollTopHeight = scrollTop + height\n\n for (let i = 0; i < dataLen; i += 1) {\n const item = data[i]\n const key = getKey(item)\n\n let cacheHeight = heights.get(key)\n if (cacheHeight === undefined) {\n cacheHeight = itemHeight\n }\n const currentItemBottom = itemTop + cacheHeight\n\n if (startIndex === undefined && currentItemBottom >= scrollTop) {\n startIndex = i\n startOffset = itemTop\n }\n\n // Check item bottom in the range. We will render additional one item for motion usage\n if (endIndex === undefined && currentItemBottom > scrollTopHeight) {\n endIndex = i\n }\n\n itemTop = currentItemBottom\n }\n\n // When scrollTop at the end but data cut to small count will reach this\n if (startIndex === undefined) {\n startIndex = 0\n startOffset = 0\n endIndex = Math.ceil(height / itemHeight)\n }\n if (endIndex === undefined) {\n endIndex = dataLen - 1\n }\n\n // Give cache to improve scroll experience\n endIndex = Math.min(endIndex + 1, dataLen)\n Object.assign(calRes, {\n scrollHeight: itemTop,\n start: startIndex,\n end: endIndex,\n offset: startOffset,\n })\n },\n { immediate: true },\n )\n\n // =============================== In Range ===============================\n const maxScrollHeight = computed(() => calRes.scrollHeight! - props.height!)\n\n function keepInRange(newScrollTop: number) {\n let newTop = newScrollTop\n if (!Number.isNaN(maxScrollHeight.value)) {\n newTop = Math.min(newTop, maxScrollHeight.value)\n }\n newTop = Math.max(newTop, 0)\n return newTop\n }\n\n const isScrollAtTop = computed(() => state.scrollTop <= 0)\n const isScrollAtBottom = computed(() => state.scrollTop >= maxScrollHeight.value)\n\n const originScroll = useOriginScroll(isScrollAtTop, isScrollAtBottom)\n\n // ================================ Scroll ================================\n function onScrollBar(newScrollTop: number) {\n const newTop = newScrollTop\n syncScrollTop(newTop)\n }\n\n // When data size reduce. It may trigger native scroll event back to fit scroll position\n function onFallbackScroll(e: UIEvent) {\n const { scrollTop: newScrollTop } = e.currentTarget as Element\n if (newScrollTop !== state.scrollTop) {\n syncScrollTop(newScrollTop)\n }\n\n // Trigger origin onScroll\n props.onScroll?.(e)\n }\n\n // Since this added in global,should use ref to keep update\n const [onRawWheel, onFireFoxScroll] = useFrameWheel(\n useVirtual,\n isScrollAtTop,\n isScrollAtBottom,\n (offsetY) => {\n syncScrollTop((top) => {\n const newTop = top + offsetY\n return newTop\n })\n },\n )\n\n // Mobile touch move\n useMobileTouchMove(useVirtual, componentRef, (deltaY, smoothOffset) => {\n if (originScroll(deltaY, smoothOffset)) {\n return false\n }\n\n onRawWheel({ preventDefault() {}, deltaY } as WheelEvent)\n return true\n })\n // Firefox only\n function onMozMousePixelScroll(e: MouseEvent) {\n if (useVirtual.value) {\n e.preventDefault()\n }\n }\n const removeEventListener = () => {\n if (componentRef.value) {\n componentRef.value.removeEventListener(\n 'wheel',\n onRawWheel,\n supportsPassive ? ({ passive: false } as EventListenerOptions) : false,\n )\n componentRef.value.removeEventListener('DOMMouseScroll', onFireFoxScroll as any)\n componentRef.value.removeEventListener('MozMousePixelScroll', onMozMousePixelScroll as any)\n }\n }\n watchEffect(() => {\n nextTick(() => {\n if (componentRef.value) {\n removeEventListener()\n componentRef.value.addEventListener(\n 'wheel',\n onRawWheel,\n supportsPassive ? ({ passive: false } as EventListenerOptions) : false,\n )\n componentRef.value.addEventListener('DOMMouseScroll', onFireFoxScroll as any)\n componentRef.value.addEventListener('MozMousePixelScroll', onMozMousePixelScroll as any)\n }\n })\n })\n\n onBeforeUnmount(() => {\n removeEventListener()\n })\n\n // ================================= Ref ==================================\n const scrollTo = useScrollTo(\n componentRef,\n mergedData,\n heights,\n props,\n getKey,\n collectHeight,\n syncScrollTop,\n () => {\n scrollBarRef.value?.delayHidden()\n },\n )\n\n expose({\n scrollTo,\n })\n\n const componentStyle = computed(() => {\n let cs: CSSProperties | null = null\n if (props.height) {\n cs = { [props.fullHeight ? 'height' : 'maxHeight']: `${props.height}px`, ...ScrollStyle }\n\n if (useVirtual.value) {\n cs!.overflowY = 'hidden'\n\n if (state.scrollMoving) {\n cs!.pointerEvents = 'none'\n }\n }\n }\n return cs\n })\n\n // ================================ Effect ================================\n /** We need told outside that some list not rendered */\n watch(\n [() => calRes.start, () => calRes.end, mergedData],\n () => {\n if (props.onVisibleChange) {\n const renderList = mergedData.value.slice(calRes.start, calRes.end + 1)\n\n props.onVisibleChange(renderList, mergedData.value)\n }\n },\n { flush: 'post' },\n )\n const delayHideScrollBar = () => {\n scrollBarRef.value?.delayHidden()\n }\n return {\n state,\n mergedData,\n componentStyle,\n onFallbackScroll,\n onScrollBar,\n componentRef,\n useVirtual,\n calRes,\n collectHeight,\n setInstance,\n sharedConfig,\n scrollBarRef,\n fillerInnerRef,\n delayHideScrollBar,\n }\n },\n\n render() {\n const {\n prefixCls = 'rc-virtual-list',\n height,\n itemHeight,\n\n fullHeight,\n data,\n itemKey,\n virtual,\n component: Component = 'div',\n onScroll,\n children = this.$slots.default,\n style,\n class: className,\n ...restProps\n } = { ...this.$props, ...this.$attrs } as any\n const mergedClassName = classNames(prefixCls, className)\n const { scrollTop } = this.state\n const { scrollHeight, offset, start, end } = this.calRes\n const {\n componentStyle,\n onFallbackScroll,\n onScrollBar,\n useVirtual,\n collectHeight,\n sharedConfig,\n setInstance,\n mergedData,\n delayHideScrollBar,\n } = this\n return (\n <div\n style={{\n ...style,\n position: 'relative',\n }}\n class={mergedClassName}\n {...restProps}\n >\n <Component\n class={`${prefixCls}-holder`}\n style={componentStyle}\n ref=\"componentRef\"\n onScroll={onFallbackScroll}\n onMouseenter={delayHideScrollBar}\n >\n <Filler\n prefixCls={prefixCls}\n height={scrollHeight}\n offset={offset}\n onInnerResize={collectHeight}\n ref=\"fillerInnerRef\"\n v-slots={{\n default: () =>\n renderChildren(mergedData, start, end, setInstance, children, sharedConfig),\n }}\n ></Filler>\n </Component>\n\n {useVirtual && (\n <ScrollBar\n ref=\"scrollBarRef\"\n prefixCls={prefixCls}\n scrollTop={scrollTop}\n height={height}\n scrollHeight={scrollHeight}\n count={mergedData.length}\n onScroll={onScrollBar}\n onStartMove={() => {\n this.state.scrollMoving = true\n }}\n onStopMove={() => {\n this.state.scrollMoving = false\n }}\n />\n )}\n </div>\n )\n },\n})\n\nexport default List\n"],"names":["EMPTY_DATA","ScrollStyle","overflowY","overflowAnchor","renderChildren","list","startIndex","endIndex","setNodeRef","renderFunc","getKey","slice","map","item","index","eleIndex","node","key","_createVNode","Item","ele","default","List","defineComponent","compatConfig","MODE","name","inheritAttrs","props","prefixCls","String","data","PropTypes","array","height","Number","itemHeight","fullHeight","type","Boolean","undefined","itemKey","Function","required","component","Object","virtual","children","onScroll","onMousedown","onMouseenter","onVisibleChange","setup","expose","useVirtual","computed","inVirtual","value","length","state","reactive","scrollTop","scrollMoving","mergedData","shallowRef","watch","toRaw","immediate","_item","val","componentRef","fillerInnerRef","scrollBarRef","sharedConfig","syncScrollTop","newTop","alignedTop","keepInRange","setInstance","collectHeight","heights","updatedMark","useHeights","calRes","scrollHeight","start","end","offset","offsetHeight","onMounted","nextTick","onUpdated","assign","itemTop","startOffset","dataLen","scrollTopHeight","i","cacheHeight","get","currentItemBottom","Math","ceil","min","maxScrollHeight","newScrollTop","isNaN","max","isScrollAtTop","isScrollAtBottom","originScroll","useOriginScroll","onScrollBar","onFallbackScroll","e","currentTarget","onRawWheel","onFireFoxScroll","useFrameWheel","offsetY","top","useMobileTouchMove","deltaY","smoothOffset","preventDefault","onMozMousePixelScroll","removeEventListener","supportsPassive","passive","watchEffect","addEventListener","onBeforeUnmount","scrollTo","useScrollTo","delayHidden","componentStyle","cs","pointerEvents","renderList","flush","delayHideScrollBar","render","Component","$slots","style","class","className","restProps","$props","$attrs","mergedClassName","classNames","position","Filler","ScrollBar","onStartMove","onStopMove"],"mappings":"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"}

package/dist/es/vc-virtual-list/ScrollBar.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{defineComponent as b,createVNode as c,reactive as d}from"vue";import u from"../_util/classNames.mjs";import p from"../_util/createRef.mjs";import l from"../_util/raf.mjs";import s from"../_util/supportsPassive.mjs";const M=20;function g(e){return"touches"in e?e.touches[0].pageY:e.pageY}const H=b({compatConfig:{MODE:3},name:"ScrollBar",inheritAttrs:!1,props:{prefixCls:String,scrollTop:Number,scrollHeight:Number,height:Number,count:Number,onScroll:{type:Function},onStartMove:{type:Function},onStopMove:{type:Function}},setup(){return{moveRaf:null,scrollbarRef:p(),thumbRef:p(),visibleTimeout:null,state:d({dragging:!1,pageY:null,startTop:null,visible:!1})}},watch:{scrollTop:{handler(){this.delayHidden()},flush:"post"}},mounted(){this.scrollbarRef.current?.addEventListener("touchstart",this.onScrollbarTouchStart,s?{passive:!1}:!1),this.thumbRef.current?.addEventListener("touchstart",this.onMouseDown,s?{passive:!1}:!1)},beforeUnmount(){this.removeEvents(),clearTimeout(this.visibleTimeout)},methods:{delayHidden(){clearTimeout(this.visibleTimeout),this.state.visible=!0,this.visibleTimeout=setTimeout(()=>{this.state.visible=!1},2e3)},onScrollbarTouchStart(e){e.preventDefault()},onContainerMouseDown(e){e.stopPropagation(),e.preventDefault()},patchEvents(){window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("mouseup",this.onMouseUp),this.thumbRef.current.addEventListener("touchmove",this.onMouseMove,s?{passive:!1}:!1),this.thumbRef.current.addEventListener("touchend",this.onMouseUp)},removeEvents(){window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("mouseup",this.onMouseUp),this.scrollbarRef.current.removeEventListener("touchstart",this.onScrollbarTouchStart,s?{passive:!1}:!1),this.thumbRef.current&&(this.thumbRef.current.removeEventListener("touchstart",this.onMouseDown,s?{passive:!1}:!1),this.thumbRef.current.removeEventListener("touchmove",this.onMouseMove,s?{passive:!1}:!1),this.thumbRef.current.removeEventListener("touchend",this.onMouseUp)),l.cancel(this.moveRaf)},onMouseDown(e){const{onStartMove:t}=this.$props;Object.assign(this.state,{dragging:!0,pageY:g(e),startTop:this.getTop()}),t(),this.patchEvents(),e.stopPropagation(),e.preventDefault()},onMouseMove(e){const{dragging:t,pageY:o,startTop:n}=this.state,{onScroll:r}=this.$props;if(l.cancel(this.moveRaf),t){const i=g(e)-o,a=n+i,m=this.getEnableScrollRange(),h=this.getEnableHeightRange(),v=h?a/h:0,f=Math.ceil(vm);this.moveRaf=l(()=>{r(f)})}},onMouseUp(){const{onStopMove:e}=this.$props;this.state.dragging=!1,e(),this.removeEvents()},getSpinHeight(){const{height:e,scrollHeight:t}=this.$props;let o=e/t100;return o=Math.max(o,M),o=Math.min(o,e/2),Math.floor(o)},getEnableScrollRange(){const{scrollHeight:e,height:t}=this.$props;return e-t\|\|0},getEnableHeightRange(){const{height:e}=this.$props,t=this.getSpinHeight();return e-t\|\|0},getTop(){const{scrollTop:e}=this.$props,t=this.getEnableScrollRange(),o=this.getEnableHeightRange();return e===0\|\|t===0?0:e/t*o},showScroll(){const{height:e,scrollHeight:t}=this.$props;return t>e}},render(){const{dragging:e,visible:t}=this.state,{prefixCls:o}=this.$props,n=`${this.getSpinHeight()}px`,r=`${this.getTop()}px`,i=this.showScroll(),a=i&&t;return c("div",{ref:this.scrollbarRef,class:u(`${o}-scrollbar`,{[`${o}-scrollbar-show`]:i}),style:{width:"8px",top:0,bottom:0,right:0,position:"absolute",display:a?void 0:"none"},onMousedown:this.onContainerMouseDown,onMousemove:this.delayHidden},[c("div",{ref:this.thumbRef,class:u(`${o}-scrollbar-thumb`,{[`${o}-scrollbar-thumb-moving`]:e}),style:{width:"100%",height:n,top:r,left:0,position:"absolute",background:"rgba(0, 0, 0, 0.5)",borderRadius:"99px",cursor:"pointer",userSelect:"none"},onMousedown:this.onMouseDown},null)])}});export{H as default};
2	+ //# sourceMappingURL=ScrollBar.mjs.map

package/dist/es/vc-virtual-list/ScrollBar.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ScrollBar.mjs","sources":["../../../src/vc-virtual-list/ScrollBar.tsx"],"sourcesContent":["import { defineComponent, reactive } from 'vue'\nimport type { PropType } from 'vue'\n\nimport classNames from '../_util/classNames'\nimport createRef from '../_util/createRef'\nimport raf from '../_util/raf'\nimport supportsPassive from '../_util/supportsPassive'\n\nconst MIN_SIZE = 20\n\ninterface ScrollBarState {\n dragging: boolean\n pageY: number | null\n startTop: number | null\n visible: boolean\n}\n\nfunction getPageY(e: MouseEvent | TouchEvent) {\n return 'touches' in e ? e.touches[0].pageY : e.pageY\n}\n\nexport default defineComponent({\n compatConfig: { MODE: 3 },\n name: 'ScrollBar',\n inheritAttrs: false,\n props: {\n prefixCls: String,\n scrollTop: Number,\n scrollHeight: Number,\n height: Number,\n count: Number,\n onScroll: {\n type: Function as PropType<(scrollTop: number) => void>,\n },\n onStartMove: {\n type: Function as PropType<() => void>,\n },\n onStopMove: {\n type: Function as PropType<() => void>,\n },\n },\n setup() {\n return {\n moveRaf: null,\n scrollbarRef: createRef(),\n thumbRef: createRef(),\n visibleTimeout: null,\n state: reactive<ScrollBarState>({\n dragging: false,\n pageY: null,\n startTop: null,\n visible: false,\n }),\n }\n },\n watch: {\n scrollTop: {\n handler() {\n this.delayHidden()\n },\n flush: 'post',\n },\n },\n\n mounted() {\n this.scrollbarRef.current?.addEventListener(\n 'touchstart',\n this.onScrollbarTouchStart,\n supportsPassive ? ({ passive: false } as EventListenerOptions) : false,\n )\n this.thumbRef.current?.addEventListener(\n 'touchstart',\n this.onMouseDown,\n supportsPassive ? ({ passive: false } as EventListenerOptions) : false,\n )\n },\n\n beforeUnmount() {\n this.removeEvents()\n clearTimeout(this.visibleTimeout)\n },\n methods: {\n delayHidden() {\n clearTimeout(this.visibleTimeout)\n this.state.visible = true\n\n this.visibleTimeout = setTimeout(() => {\n this.state.visible = false\n }, 2000)\n },\n\n onScrollbarTouchStart(e: TouchEvent) {\n e.preventDefault()\n },\n\n onContainerMouseDown(e: MouseEvent) {\n e.stopPropagation()\n e.preventDefault()\n },\n\n // ======================= Clean =======================\n patchEvents() {\n window.addEventListener('mousemove', this.onMouseMove)\n window.addEventListener('mouseup', this.onMouseUp)\n\n this.thumbRef.current.addEventListener(\n 'touchmove',\n this.onMouseMove,\n supportsPassive ? ({ passive: false } as EventListenerOptions) : false,\n )\n this.thumbRef.current.addEventListener('touchend', this.onMouseUp)\n },\n\n removeEvents() {\n window.removeEventListener('mousemove', this.onMouseMove)\n window.removeEventListener('mouseup', this.onMouseUp)\n\n this.scrollbarRef.current.removeEventListener(\n 'touchstart',\n this.onScrollbarTouchStart,\n supportsPassive ? ({ passive: false } as EventListenerOptions) : false,\n )\n if (this.thumbRef.current) {\n this.thumbRef.current.removeEventListener(\n 'touchstart',\n this.onMouseDown,\n supportsPassive ? ({ passive: false } as EventListenerOptions) : false,\n )\n this.thumbRef.current.removeEventListener(\n 'touchmove',\n this.onMouseMove,\n supportsPassive ? ({ passive: false } as EventListenerOptions) : false,\n )\n this.thumbRef.current.removeEventListener('touchend', this.onMouseUp)\n }\n raf.cancel(this.moveRaf)\n },\n\n // ======================= Thumb =======================\n onMouseDown(e: MouseEvent | TouchEvent) {\n const { onStartMove } = this.$props\n\n Object.assign(this.state, {\n dragging: true,\n pageY: getPageY(e),\n startTop: this.getTop(),\n })\n\n onStartMove()\n this.patchEvents()\n e.stopPropagation()\n e.preventDefault()\n },\n\n onMouseMove(e: MouseEvent | TouchEvent) {\n const { dragging, pageY, startTop } = this.state\n const { onScroll } = this.$props\n\n raf.cancel(this.moveRaf)\n\n if (dragging) {\n const offsetY = getPageY(e) - pageY\n const newTop = startTop + offsetY\n\n const enableScrollRange = this.getEnableScrollRange()\n const enableHeightRange = this.getEnableHeightRange()\n\n const ptg = enableHeightRange ? newTop / enableHeightRange : 0\n const newScrollTop = Math.ceil(ptg * enableScrollRange)\n this.moveRaf = raf(() => {\n onScroll(newScrollTop)\n })\n }\n },\n\n onMouseUp() {\n const { onStopMove } = this.$props\n this.state.dragging = false\n\n onStopMove()\n this.removeEvents()\n },\n\n // ===================== Calculate =====================\n getSpinHeight() {\n const { height, scrollHeight } = this.$props\n let baseHeight = (height / scrollHeight) * 100\n baseHeight = Math.max(baseHeight, MIN_SIZE)\n baseHeight = Math.min(baseHeight, height / 2)\n return Math.floor(baseHeight)\n },\n\n getEnableScrollRange() {\n const { scrollHeight, height } = this.$props\n return scrollHeight - height || 0\n },\n\n getEnableHeightRange() {\n const { height } = this.$props\n const spinHeight = this.getSpinHeight()\n return height - spinHeight || 0\n },\n\n getTop() {\n const { scrollTop } = this.$props\n const enableScrollRange = this.getEnableScrollRange()\n const enableHeightRange = this.getEnableHeightRange()\n if (scrollTop === 0 || enableScrollRange === 0) {\n return 0\n }\n const ptg = scrollTop / enableScrollRange\n return ptg * enableHeightRange\n },\n // Not show scrollbar when height is large than scrollHeight\n showScroll() {\n const { height, scrollHeight } = this.$props\n return scrollHeight > height\n },\n },\n\n render() {\n const { dragging, visible } = this.state\n const { prefixCls } = this.$props\n const spinHeight = `${this.getSpinHeight()}px`\n const top = `${this.getTop()}px`\n const canScroll = this.showScroll()\n const mergedVisible = canScroll && visible\n return (\n <div\n ref={this.scrollbarRef}\n class={classNames(`${prefixCls}-scrollbar`, {\n [`${prefixCls}-scrollbar-show`]: canScroll,\n })}\n style={{\n width: '8px',\n top: 0,\n bottom: 0,\n right: 0,\n position: 'absolute',\n display: mergedVisible ? undefined : 'none',\n }}\n onMousedown={this.onContainerMouseDown}\n onMousemove={this.delayHidden}\n >\n <div\n ref={this.thumbRef}\n class={classNames(`${prefixCls}-scrollbar-thumb`, {\n [`${prefixCls}-scrollbar-thumb-moving`]: dragging,\n })}\n style={{\n width: '100%',\n height: spinHeight,\n top,\n left: 0,\n position: 'absolute',\n background: 'rgba(0, 0, 0, 0.5)',\n borderRadius: '99px',\n cursor: 'pointer',\n userSelect: 'none',\n }}\n onMousedown={this.onMouseDown}\n />\n </div>\n )\n },\n})\n"],"names":["MIN_SIZE","getPageY","e","touches","pageY","ScrollBar","compatConfig","MODE","name","inheritAttrs","props","prefixCls","String","scrollTop","Number","scrollHeight","height","count","onScroll","type","Function","onStartMove","onStopMove","setup","moveRaf","scrollbarRef","createRef","thumbRef","visibleTimeout","state","reactive","dragging","startTop","visible","watch","handler","delayHidden","flush","mounted","current","addEventListener","onScrollbarTouchStart","supportsPassive","passive","onMouseDown","beforeUnmount","removeEvents","clearTimeout","methods","setTimeout","preventDefault","onContainerMouseDown","stopPropagation","patchEvents","window","onMouseMove","onMouseUp","removeEventListener","raf","cancel","$props","Object","assign","getTop","offsetY","newTop","enableScrollRange","getEnableScrollRange","enableHeightRange","getEnableHeightRange","ptg","newScrollTop","Math","ceil","getSpinHeight","baseHeight","max","min","floor","spinHeight","showScroll","render","top","canScroll","mergedVisible","_createVNode","classNames","width","bottom","right","position","display","undefined","left","background","borderRadius","cursor","userSelect"],"mappings":"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"}

package/dist/es/vc-virtual-list/hooks/useFrameWheel.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import u from"../../_util/raf.mjs";import F from"../utils/isFirefox.mjs";import h from"./useOriginScroll.mjs";function g(r,f,a,c){let l=0,o=null,n=null,i=!1;const p=h(f,a);function s(e){if(!r.value)return;u.cancel(o);const{deltaY:t}=e;l+=t,n=t,!p(t)&&(F\|\|e.preventDefault(),o=u(()=>{c(l*(i?10:1)),l=0}))}function m(e){r.value&&(i=e.detail===n)}return[s,m]}export{g as default};
2	+ //# sourceMappingURL=useFrameWheel.mjs.map

package/dist/es/vc-virtual-list/hooks/useFrameWheel.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useFrameWheel.mjs","sources":["../../../../src/vc-virtual-list/hooks/useFrameWheel.ts"],"sourcesContent":["import type { Ref } from 'vue'\n\nimport raf from '../../_util/raf'\nimport isFF from '../utils/isFirefox'\nimport useOriginScroll from './useOriginScroll'\n\ninterface FireFoxDOMMouseScrollEvent {\n detail: number\n preventDefault: Function\n}\n\nexport default function useFrameWheel(\n inVirtual: Ref<boolean>,\n isScrollAtTop: Ref<boolean>,\n isScrollAtBottom: Ref<boolean>,\n onWheelDelta: (offset: number) => void,\n): [(e: WheelEvent) => void, (e: FireFoxDOMMouseScrollEvent) => void] {\n let offsetRef = 0\n let nextFrame: number = null\n\n // Firefox patch\n let wheelValue = null\n let isMouseScroll = false\n\n // Scroll status sync\n const originScroll = useOriginScroll(isScrollAtTop, isScrollAtBottom)\n\n function onWheel(event: { preventDefault?: any; deltaY?: any }) {\n if (!inVirtual.value) return\n\n raf.cancel(nextFrame!)\n\n const { deltaY } = event\n offsetRef += deltaY\n wheelValue = deltaY\n\n // Do nothing when scroll at the edge, Skip check when is in scroll\n if (originScroll(deltaY)) return\n\n // Proxy of scroll events\n if (!isFF) {\n event.preventDefault()\n }\n\n nextFrame = raf(() => {\n // Patch a multiple for Firefox to fix wheel number too small\n // ref: https://github.com/ant-design/ant-design/issues/26372#issuecomment-679460266\n const patchMultiple = isMouseScroll ? 10 : 1\n onWheelDelta(offsetRef * patchMultiple)\n offsetRef = 0\n })\n }\n\n // A patch for firefox\n function onFireFoxScroll(event: { detail: any }) {\n if (!inVirtual.value) return\n\n isMouseScroll = event.detail === wheelValue\n }\n\n return [onWheel, onFireFoxScroll]\n}\n"],"names":["useFrameWheel","inVirtual","isScrollAtTop","isScrollAtBottom","onWheelDelta","offsetRef","nextFrame","wheelValue","isMouseScroll","originScroll","useOriginScroll","onWheel","event","raf","deltaY","isFF","onFireFoxScroll"],"mappings":"8GAWA,SAAwBA,EACtBC,EACAC,EACAC,EACAC,EACoE,CACpE,IAAIC,EAAY,EACZC,EAAoB,KAGpBC,EAAa,KACbC,EAAgB,GAGpB,MAAMC,EAAeC,EAAgBR,EAAeC,CAAgB,EAEpE,SAASQ,EAAQC,EAA+C,CAC9D,GAAI,CAACX,EAAU,MAAO,OAEtBY,EAAI,OAAOP,CAAU,EAErB,KAAM,CAAE,OAAAQ,GAAWF,EACnBP,GAAaS,EACbP,EAAaO,EAGT,CAAAL,EAAaK,CAAM,IAGlBC,GACHH,EAAM,eAAA,EAGRN,EAAYO,EAAI,IAAM,CAIpBT,EAAaC,GADSG,EAAgB,GAAK,EACL,EACtCH,EAAY,CACd,CAAC,EACH,CAGA,SAASW,EAAgBJ,EAAwB,CAC1CX,EAAU,QAEfO,EAAgBI,EAAM,SAAWL,EACnC,CAEA,MAAO,CAACI,EAASK,CAAe,CAClC"}

package/dist/es/vc-virtual-list/hooks/useHeights.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{ref as d,watch as h,onUnmounted as m}from"vue";import i from"../../_util/raf.mjs";function b(l,r,g,w){const n=new Map,a=new Map,c=d(Symbol("update"));h(l,()=>{c.value=Symbol("update")});let f;function s(){i.cancel(f)}function u(){s(),f=i(()=>{n.forEach((t,e)=>{if(t&&t.offsetParent){const{offsetHeight:o}=t;a.get(e)!==o&&(c.value=Symbol("update"),a.set(e,t.offsetHeight))}})})}function p(t,e){const o=r(t);n.get(o),e?(n.set(o,e.$el\|\|e),u()):n.delete(o)}return m(()=>{s()}),[p,u,a,c]}export{b as default};
2	+ //# sourceMappingURL=useHeights.mjs.map

package/dist/es/vc-virtual-list/hooks/useHeights.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useHeights.mjs","sources":["../../../../src/vc-virtual-list/hooks/useHeights.tsx"],"sourcesContent":["import type { Ref, ShallowRef, VNodeProps } from 'vue'\nimport { onUnmounted, ref, watch } from 'vue'\n\nimport wrapperRaf from '../../_util/raf'\nimport type { GetKey } from '../interface'\n\nexport type CacheMap = Map<any, number>\n\nexport default function useHeights<T>(\n mergedData: ShallowRef<any[]>,\n getKey: GetKey<T>,\n onItemAdd?: ((item: T) => void) | null,\n onItemRemove?: ((item: T) => void) | null,\n): [(item: T, instance: HTMLElement) => void, () => void, CacheMap, Ref<symbol>] {\n const instance = new Map<VNodeProps['key'], HTMLElement>()\n const heights = new Map()\n const updatedMark = ref(Symbol('update'))\n watch(mergedData, () => {\n updatedMark.value = Symbol('update')\n })\n let collectRaf: number\n\n function cancelRaf() {\n wrapperRaf.cancel(collectRaf)\n }\n function collectHeight() {\n cancelRaf()\n collectRaf = wrapperRaf(() => {\n instance.forEach((element, key) => {\n if (element && element.offsetParent) {\n const { offsetHeight } = element\n if (heights.get(key) !== offsetHeight) {\n //changed = true;\n updatedMark.value = Symbol('update')\n heights.set(key, element.offsetHeight)\n }\n }\n })\n })\n }\n\n function setInstance(item: T, ins: HTMLElement) {\n const key = getKey(item)\n const origin = instance.get(key)\n\n if (ins) {\n instance.set(key, (ins as any).$el || ins)\n collectHeight()\n } else {\n instance.delete(key)\n }\n\n // Instance changed\n if (!origin !== !ins) {\n if (ins) {\n onItemAdd?.(item)\n } else {\n onItemRemove?.(item)\n }\n }\n }\n onUnmounted(() => {\n cancelRaf()\n })\n\n return [setInstance, collectHeight, heights, updatedMark]\n}\n"],"names":["useHeights","mergedData","getKey","onItemAdd","onItemRemove","instance","Map","heights","updatedMark","ref","Symbol","watch","value","collectRaf","cancelRaf","wrapperRaf","cancel","collectHeight","forEach","element","key","offsetParent","offsetHeight","get","set","setInstance","item","ins","$el","delete","onUnmounted"],"mappings":"yFAQe,SAASA,EACtBC,EACAC,EACAC,EACAC,EAC+E,CAC/E,MAAMC,EAAW,IAAIC,IACfC,EAAU,IAAID,IACdE,EAAcC,EAAIC,OAAO,QAAQ,CAAC,EACxCC,EAAMV,EAAY,IAAM,CACtBO,EAAYI,MAAQF,OAAO,QAAQ,CACrC,CAAC,EACD,IAAIG,EAEJ,SAASC,GAAY,CACnBC,EAAWC,OAAOH,CAAU,CAC9B,CACA,SAASI,GAAgB,CACvBH,EAAS,EACTD,EAAaE,EAAW,IAAM,CAC5BV,EAASa,QAAQ,CAACC,EAASC,IAAQ,CACjC,GAAID,GAAWA,EAAQE,aAAc,CACnC,KAAM,CAAEC,aAAAA,CAAa,EAAIH,EACrBZ,EAAQgB,IAAIH,CAAG,IAAME,IAEvBd,EAAYI,MAAQF,OAAO,QAAQ,EACnCH,EAAQiB,IAAIJ,EAAKD,EAAQG,YAAY,EAEzC,CACF,CAAC,CACH,CAAC,CACH,CAEA,SAASG,EAAYC,EAASC,EAAkB,CAC9C,MAAMP,EAAMlB,EAAOwB,CAAI,EACRrB,EAASkB,IAAIH,CAAG,EAE3BO,GACFtB,EAASmB,IAAIJ,EAAMO,EAAYC,KAAOD,CAAG,EACzCV,EAAa,GAEbZ,EAASwB,OAAOT,CAAG,CAWvB,CACAU,OAAAA,EAAY,IAAM,CAChBhB,EAAS,CACX,CAAC,EAEM,CAACW,EAAaR,EAAeV,EAASC,CAAW,CAC1D"}

package/dist/es/vc-virtual-list/hooks/useMobileTouchMove.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{onMounted as m,watch as p,onBeforeUnmount as E}from"vue";const L=14/15;function T(f,c,u){let n=!1,s=0,t=null,o=null;const r=()=>{t&&(t.removeEventListener("touchmove",v),t.removeEventListener("touchend",l))},v=e=>{if(n){const d=Math.ceil(e.touches[0].pageY);let a=s-d;s=d,u(a)&&e.preventDefault(),clearInterval(o),o=setInterval(()=>{a*=L,(!u(a,!0)\|\|Math.abs(a)<=.1)&&clearInterval(o)},16)}},l=()=>{n=!1,r()},i=e=>{r(),e.touches.length===1&&!n&&(n=!0,s=Math.ceil(e.touches[0].pageY),t=e.target,t.addEventListener("touchmove",v,{passive:!1}),t.addEventListener("touchend",l))},h=()=>{};m(()=>{document.addEventListener("touchmove",h,{passive:!1}),p(f,e=>{c.value.removeEventListener("touchstart",i),r(),clearInterval(o),e&&c.value.addEventListener("touchstart",i,{passive:!1})},{immediate:!0})}),E(()=>{document.removeEventListener("touchmove",h)})}export{T as default};
2	+ //# sourceMappingURL=useMobileTouchMove.mjs.map

package/dist/es/vc-virtual-list/hooks/useMobileTouchMove.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useMobileTouchMove.mjs","sources":["../../../../src/vc-virtual-list/hooks/useMobileTouchMove.ts"],"sourcesContent":["import type { Ref } from 'vue'\nimport { onBeforeUnmount, onMounted, watch } from 'vue'\n\nconst SMOOTH_PTG = 14 / 15\nexport default function useMobileTouchMove(\n inVirtual: Ref<boolean>,\n listRef: Ref<HTMLDivElement | undefined>,\n callback: (offsetY: number, smoothOffset?: boolean) => boolean,\n) {\n let touched = false\n let touchY = 0\n\n let element: HTMLElement | null = null\n\n // Smooth scroll\n let interval: any = null\n\n const cleanUpEvents = () => {\n if (element) {\n element.removeEventListener('touchmove', onTouchMove)\n element.removeEventListener('touchend', onTouchEnd)\n }\n }\n\n const onTouchMove = (e: TouchEvent) => {\n if (touched) {\n const currentY = Math.ceil(e.touches[0].pageY)\n let offsetY = touchY - currentY\n touchY = currentY\n\n if (callback(offsetY)) {\n e.preventDefault()\n }\n\n // Smooth interval\n clearInterval(interval)\n interval = setInterval(() => {\n offsetY *= SMOOTH_PTG\n\n if (!callback(offsetY, true) || Math.abs(offsetY) <= 0.1) {\n clearInterval(interval)\n }\n }, 16)\n }\n }\n\n const onTouchEnd = () => {\n touched = false\n\n cleanUpEvents()\n }\n\n const onTouchStart = (e: TouchEvent) => {\n cleanUpEvents()\n\n if (e.touches.length === 1 && !touched) {\n touched = true\n touchY = Math.ceil(e.touches[0].pageY)\n\n element = e.target as HTMLElement\n element!.addEventListener('touchmove', onTouchMove, { passive: false })\n element!.addEventListener('touchend', onTouchEnd)\n }\n }\n const noop = () => {}\n\n onMounted(() => {\n document.addEventListener('touchmove', noop, { passive: false })\n watch(\n inVirtual,\n (val) => {\n listRef.value.removeEventListener('touchstart', onTouchStart)\n cleanUpEvents()\n clearInterval(interval)\n if (val) {\n listRef.value.addEventListener('touchstart', onTouchStart, { passive: false })\n }\n },\n { immediate: true },\n )\n })\n onBeforeUnmount(() => {\n document.removeEventListener('touchmove', noop)\n })\n}\n"],"names":["SMOOTH_PTG","useMobileTouchMove","inVirtual","listRef","callback","touched","touchY","element","interval","cleanUpEvents","onTouchMove","onTouchEnd","currentY","offsetY","onTouchStart","noop","onMounted","watch","val","onBeforeUnmount"],"mappings":"gEAGA,MAAMA,EAAa,GAAK,GACxB,SAAwBC,EACtBC,EACAC,EACAC,EACA,CACA,IAAIC,EAAU,GACVC,EAAS,EAETC,EAA8B,KAG9BC,EAAgB,KAEpB,MAAMC,EAAgB,IAAM,CACtBF,IACFA,EAAQ,oBAAoB,YAAaG,CAAW,EACpDH,EAAQ,oBAAoB,WAAYI,CAAU,EAEtD,EAEMD,EAAe,GAAkB,CACrC,GAAIL,EAAS,CACX,MAAMO,EAAW,KAAK,KAAK,EAAE,QAAQ,CAAC,EAAE,KAAK,EAC7C,IAAIC,EAAUP,EAASM,EACvBN,EAASM,EAELR,EAASS,CAAO,GAClB,EAAE,eAAA,EAIJ,cAAcL,CAAQ,EACtBA,EAAW,YAAY,IAAM,CAC3BK,GAAWb,GAEP,CAACI,EAASS,EAAS,EAAI,GAAK,KAAK,IAAIA,CAAO,GAAK,KACnD,cAAcL,CAAQ,CAE1B,EAAG,EAAE,CACP,CACF,EAEMG,EAAa,IAAM,CACvBN,EAAU,GAEVI,EAAA,CACF,EAEMK,EAAgB,GAAkB,CACtCL,EAAA,EAEI,EAAE,QAAQ,SAAW,GAAK,CAACJ,IAC7BA,EAAU,GACVC,EAAS,KAAK,KAAK,EAAE,QAAQ,CAAC,EAAE,KAAK,EAErCC,EAAU,EAAE,OACZA,EAAS,iBAAiB,YAAaG,EAAa,CAAE,QAAS,GAAO,EACtEH,EAAS,iBAAiB,WAAYI,CAAU,EAEpD,EACMI,EAAO,IAAM,CAAC,EAEpBC,EAAU,IAAM,CACd,SAAS,iBAAiB,YAAaD,EAAM,CAAE,QAAS,GAAO,EAC/DE,EACEf,EACCgB,GAAQ,CACPf,EAAQ,MAAM,oBAAoB,aAAcW,CAAY,EAC5DL,EAAA,EACA,cAAcD,CAAQ,EAClBU,GACFf,EAAQ,MAAM,iBAAiB,aAAcW,EAAc,CAAE,QAAS,GAAO,CAEjF,EACA,CAAE,UAAW,EAAA,CAAK,CAEtB,CAAC,EACDK,EAAgB,IAAM,CACpB,SAAS,oBAAoB,YAAaJ,CAAI,CAChD,CAAC,CACH"}

package/dist/es/vc-virtual-list/hooks/useOriginScroll.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const s=(r,u)=>{let e=!1,l=null;function c(){clearTimeout(l),e=!0,l=setTimeout(()=>{e=!1},50)}return(t,i=!1)=>{const o=t<0&&r.value\|\|t>0&&u.value;return i&&o?(clearTimeout(l),e=!1):(!o\|\|e)&&c(),!e&&o}};export{s as default};
2	+ //# sourceMappingURL=useOriginScroll.mjs.map

package/dist/es/vc-virtual-list/hooks/useOriginScroll.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useOriginScroll.mjs","sources":["../../../../src/vc-virtual-list/hooks/useOriginScroll.ts"],"sourcesContent":["import type { Ref } from 'vue'\n\nexport default (isScrollAtTop: Ref<boolean>, isScrollAtBottom: Ref<boolean>) => {\n // Do lock for a wheel when scrolling\n let lock = false\n let lockTimeout: any = null\n function lockScroll() {\n clearTimeout(lockTimeout)\n\n lock = true\n\n lockTimeout = setTimeout(() => {\n lock = false\n }, 50)\n }\n return (deltaY: number, smoothOffset = false) => {\n const originScroll =\n // Pass origin wheel when on the top\n (deltaY < 0 && isScrollAtTop.value) ||\n // Pass origin wheel when on the bottom\n (deltaY > 0 && isScrollAtBottom.value)\n\n if (smoothOffset && originScroll) {\n // No need lock anymore when it's smooth offset from touchMove interval\n clearTimeout(lockTimeout)\n lock = false\n } else if (!originScroll || lock) {\n lockScroll()\n }\n\n return !lock && originScroll\n }\n}\n"],"names":["useOriginScroll","isScrollAtTop","isScrollAtBottom","lock","lockTimeout","lockScroll","deltaY","smoothOffset","originScroll"],"mappings":"AAEA,MAAAA,EAAe,CAACC,EAA6BC,IAAmC,CAE9E,IAAIC,EAAO,GACPC,EAAmB,KACvB,SAASC,GAAa,CACpB,aAAaD,CAAW,EAExBD,EAAO,GAEPC,EAAc,WAAW,IAAM,CAC7BD,EAAO,EACT,EAAG,EAAE,CACP,CACA,MAAO,CAACG,EAAgBC,EAAe,KAAU,CAC/C,MAAMC,EAEHF,EAAS,GAAKL,EAAc,OAE5BK,EAAS,GAAKJ,EAAiB,MAElC,OAAIK,GAAgBC,GAElB,aAAaJ,CAAW,EACxBD,EAAO,KACE,CAACK,GAAgBL,IAC1BE,EAAA,EAGK,CAACF,GAAQK,CAClB,CACF"}

package/dist/es/vc-virtual-list/hooks/useScrollTo.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import v from"../../_util/raf.mjs";function q(s,w,y,B,a,g,h,j){let r;return e=>{if(e==null){j();return}v.cancel(r);const f=w.value,A=B.itemHeight;if(typeof e=="number")h(e);else if(e&&typeof e=="object"){let o;const{align:C}=e;"index"in e?{index:o}=e:o=f.findIndex(n=>a(n)===e.key);const{offset:b=0}=e,T=(n,k)=>{if(n<0\|\|!s.value)return;const u=s.value.clientHeight;let x=!1,d=k;if(u){const I=k\|\|C;let H=0,i=0,c=0;const L=Math.min(f.length,o);for(let t=0;t<=L;t+=1){const M=a(f[t]);i=H;const p=y.get(M);c=i+(p===void 0?A:p),H=c,t===o&&p===void 0&&(x=!0)}const m=s.value.scrollTop;let l=null;switch(I){case"top":l=i-b;break;case"bottom":l=c-u+b;break;default:{const t=m+u;i<m?d="top":c>t&&(d="bottom")}}l!==null&&l!==m&&h(l)}r=v(()=>{x&&g(),T(n-1,d)},2)};T(5)}}}export{q as default};
2	+ //# sourceMappingURL=useScrollTo.mjs.map

package/dist/es/vc-virtual-list/hooks/useScrollTo.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useScrollTo.mjs","sources":["../../../../src/vc-virtual-list/hooks/useScrollTo.tsx"],"sourcesContent":["import type { Ref, ShallowRef } from 'vue'\n\nimport raf from '../../_util/raf'\nimport type { GetKey } from '../interface'\nimport type { CacheMap } from './useHeights'\n\nexport default function useScrollTo(\n containerRef: Ref<Element | undefined>,\n mergedData: ShallowRef<any[]>,\n heights: CacheMap,\n props,\n getKey: GetKey,\n collectHeight: () => void,\n syncScrollTop: (newTop: number) => void,\n triggerFlash: () => void,\n) {\n let scroll: number\n\n return (arg?: any) => {\n // When not argument provided, we think dev may want to show the scrollbar\n if (arg === null || arg === undefined) {\n triggerFlash()\n return\n }\n\n // Normal scroll logic\n raf.cancel(scroll!)\n const data = mergedData.value\n const itemHeight = props.itemHeight\n if (typeof arg === 'number') {\n syncScrollTop(arg)\n } else if (arg && typeof arg === 'object') {\n let index: number\n const { align } = arg\n\n if ('index' in arg) {\n ;({ index } = arg)\n } else {\n index = data.findIndex((item: object) => getKey(item) === arg.key)\n }\n\n const { offset = 0 } = arg\n\n // We will retry 3 times in case dynamic height shaking\n const syncScroll = (times: number, targetAlign?: 'top' | 'bottom') => {\n if (times < 0 || !containerRef.value) return\n\n const height = containerRef.value.clientHeight\n let needCollectHeight = false\n let newTargetAlign = targetAlign\n\n // Go to next frame if height not exist\n if (height) {\n const mergedAlign = targetAlign || align\n\n // Get top & bottom\n let stackTop = 0\n let itemTop = 0\n let itemBottom = 0\n\n const maxLen = Math.min(data.length, index)\n for (let i = 0; i <= maxLen; i += 1) {\n const key = getKey(data[i])\n itemTop = stackTop\n const cacheHeight = heights.get(key)\n itemBottom = itemTop + (cacheHeight === undefined ? itemHeight : cacheHeight)\n\n stackTop = itemBottom\n\n if (i === index && cacheHeight === undefined) {\n needCollectHeight = true\n }\n }\n const scrollTop = containerRef.value.scrollTop\n // Scroll to\n let targetTop: number | null = null\n\n switch (mergedAlign) {\n case 'top':\n targetTop = itemTop - offset\n break\n case 'bottom':\n targetTop = itemBottom - height + offset\n break\n\n default: {\n const scrollBottom = scrollTop + height\n if (itemTop < scrollTop) {\n newTargetAlign = 'top'\n } else if (itemBottom > scrollBottom) {\n newTargetAlign = 'bottom'\n }\n }\n }\n\n if (targetTop !== null && targetTop !== scrollTop) {\n syncScrollTop(targetTop)\n }\n }\n\n // We will retry since element may not sync height as it described\n scroll = raf(() => {\n if (needCollectHeight) {\n collectHeight()\n }\n syncScroll(times - 1, newTargetAlign)\n }, 2)\n }\n\n syncScroll(5)\n }\n }\n}\n"],"names":["useScrollTo","containerRef","mergedData","heights","props","getKey","collectHeight","syncScrollTop","triggerFlash","scroll","arg","raf","cancel","data","value","itemHeight","index","align","findIndex","item","key","offset","syncScroll","times","targetAlign","height","clientHeight","needCollectHeight","newTargetAlign","mergedAlign","stackTop","itemTop","itemBottom","maxLen","Math","min","length","i","cacheHeight","get","undefined","scrollTop","targetTop","scrollBottom"],"mappings":"mCAMe,SAASA,EACtBC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACA,CACA,IAAIC,EAEJ,OAAQC,GAAc,CAEpB,GAAIA,GAAQ,KAA2B,CACrCF,EAAY,EACZ,MACF,CAGAG,EAAIC,OAAOH,CAAO,EAClB,MAAMI,EAAOX,EAAWY,MAClBC,EAAaX,EAAMW,WACzB,GAAI,OAAOL,GAAQ,SACjBH,EAAcG,CAAG,UACRA,GAAO,OAAOA,GAAQ,SAAU,CACzC,IAAIM,EACJ,KAAM,CAAEC,MAAAA,CAAM,EAAIP,EAEd,UAAWA,EACX,CAAEM,MAAAA,CAAM,EAAIN,EAEdM,EAAQH,EAAKK,UAAWC,GAAiBd,EAAOc,CAAI,IAAMT,EAAIU,GAAG,EAGnE,KAAM,CAAEC,OAAAA,EAAS,CAAE,EAAIX,EAGjBY,EAAaA,CAACC,EAAeC,IAAmC,CACpE,GAAID,EAAQ,GAAK,CAACtB,EAAaa,MAAO,OAEtC,MAAMW,EAASxB,EAAaa,MAAMY,aAClC,IAAIC,EAAoB,GACpBC,EAAiBJ,EAGrB,GAAIC,EAAQ,CACV,MAAMI,EAAcL,GAAeP,EAGnC,IAAIa,EAAW,EACXC,EAAU,EACVC,EAAa,EAEjB,MAAMC,EAASC,KAAKC,IAAItB,EAAKuB,OAAQpB,CAAK,EAC1C,QAASqB,EAAI,EAAGA,GAAKJ,EAAQI,GAAK,EAAG,CACnC,MAAMjB,EAAMf,EAAOQ,EAAKwB,CAAC,CAAC,EAC1BN,EAAUD,EACV,MAAMQ,EAAcnC,EAAQoC,IAAInB,CAAG,EACnCY,EAAaD,GAAWO,IAAgBE,OAAYzB,EAAauB,GAEjER,EAAWE,EAEPK,IAAMrB,GAASsB,IAAgBE,SACjCb,EAAoB,GAExB,CACA,MAAMc,EAAYxC,EAAaa,MAAM2B,UAErC,IAAIC,EAA2B,KAE/B,OAAQb,EAAW,CACjB,IAAK,MACHa,EAAYX,EAAUV,EACtB,MACF,IAAK,SACHqB,EAAYV,EAAaP,EAASJ,EAClC,MAEF,QAAS,CACP,MAAMsB,EAAeF,EAAYhB,EAC7BM,EAAUU,EACZb,EAAiB,MACRI,EAAaW,IACtBf,EAAiB,SAErB,CACF,CAEIc,IAAc,MAAQA,IAAcD,GACtClC,EAAcmC,CAAS,CAE3B,CAGAjC,EAASE,EAAI,IAAM,CACbgB,GACFrB,EAAa,EAEfgB,EAAWC,EAAQ,EAAGK,CAAc,CACtC,EAAG,CAAC,CACN,EAEAN,EAAW,CAAC,CACd,CACF,CACF"}

package/dist/es/vc-virtual-list/index.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import o from"./List.mjs";export{o as default};
2	+ //# sourceMappingURL=index.mjs.map

package/dist/es/vc-virtual-list/index.mjs.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/es/vc-virtual-list/utils/isFirefox.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const t=typeof navigator=="object"&&/Firefox/i.test(navigator.userAgent);export{t as default};
2	+ //# sourceMappingURL=isFirefox.mjs.map

package/dist/es/vc-virtual-list/utils/isFirefox.mjs.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"isFirefox.mjs","sources":["../../../../src/vc-virtual-list/utils/isFirefox.ts"],"sourcesContent":["const isFF = typeof navigator === 'object' && /Firefox/i.test(navigator.userAgent)\n\nexport default isFF\n"],"names":["isFF"],"mappings":"AAAA,MAAMA,EAAO,OAAO,WAAc,UAAY,WAAW,KAAK,UAAU,SAAS"}

package/dist/es/watermark/index.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{defineComponent as Q,shallowRef as z,computed as r,onMounted as Z,watch as _,onBeforeUnmount as tt,createVNode as et}from"vue";import{useMutationObserver as at}from"../_util/hooks/_vueuse/useMutationObserver.mjs";import nt from"../_util/props-util/initDefaultProps.mjs";import{withInstall as ot,arrayType as P,objectType as rt,someType as lt}from"../_util/type.mjs";import{useToken as st}from"../theme/internal.mjs";import{rotateWatermark as W,getStyleStr as it,getPixelRatio as H,reRendering as ct}from"./utils.mjs";const A=2,B=3,ut=()=>({zIndex:Number,rotate:Number,width:Number,height:Number,image:String,content:lt([String,Array]),font:rt(),rootClassName:String,gap:P(),offset:P()}),ft=Q({name:"AWatermark",inheritAttrs:!1,props:nt(ut(),{zIndex:9,rotate:-22,font:{},gap:[100,100]}),setup(a,{slots:G,attrs:x}){const[,p]=st(),w=z(),s=z(),k=z(!1),d=r(()=>a.gap?.[0]??100),b=r(()=>a.gap?.[1]??100),T=r(()=>d.value/2),N=r(()=>b.value/2),O=r(()=>a.offset?.[0]??T.value),U=r(()=>a.offset?.[1]??N.value),S=r(()=>a.font?.fontSize??p.value.fontSizeLG),j=r(()=>a.font?.fontWeight??"normal"),V=r(()=>a.font?.fontStyle??"normal"),R=r(()=>a.font?.fontFamily??"sans-serif"),q=r(()=>a.font?.color??p.value.colorFill),J=r(()=>{const t={zIndex:a.zIndex??9,position:"absolute",left:0,top:0,width:"100%",height:"100%",pointerEvents:"none",backgroundRepeat:"repeat"};let e=O.value-T.value,n=U.value-N.value;return e>0&&(t.left=`${e}px`,t.width=`calc(100% - ${e}px)`,e=0),n>0&&(t.top=`${n}px`,t.height=`calc(100% - ${n}px)`,n=0),t.backgroundPosition=`${e}px ${n}px`,t}),I=()=>{s.value&&(s.value.remove(),s.value=void 0)},F=(t,e)=>{w.value&&s.value&&(k.value=!0,s.value.setAttribute("style",it({...J.value,backgroundImage:`url('${t}')`,backgroundSize:`${(d.value+e)A}px`})),w.value?.append(s.value),setTimeout(()=>{k.value=!1}))},K=t=>{let e=120,n=64;const i=a.content,o=a.image,c=a.width,u=a.height;if(!o&&t.measureText){t.font=`${Number(S.value)}px ${R.value}`;const l=Array.isArray(i)?i:[i],m=l.map(f=>t.measureText(f).width);e=Math.ceil(Math.max(...m)),n=Number(S.value)l.length+(l.length-1)B}return[c??e,u??n]},L=(t,e,n,i,o)=>{const c=H(),u=a.content,l=Number(S.value)c;t.font=`${V.value} normal ${j.value} ${l}px/${o}px ${R.value}`,t.fillStyle=q.value,t.textAlign="center",t.textBaseline="top",t.translate(i/2,0),(Array.isArray(u)?u:[u])?.forEach((f,g)=>{t.fillText(f??"",e,n+g(l+Bc))})},$=()=>{const t=document.createElement("canvas"),e=t.getContext("2d"),n=a.image,i=a.rotate??-22;if(e){s.value\|\|(s.value=document.createElement("div"));const o=H(),[c,u]=K(e),l=(d.value+c)o,m=(b.value+u)o;t.setAttribute("width",`${lA}px`),t.setAttribute("height",`${mA}px`);const f=d.valueo/2,g=b.valueo/2,h=co,y=uo,M=(h+d.valueo)/2,C=(y+b.valueo)/2,X=f+l,Y=g+m,D=M+l,E=C+m;if(e.save(),W(e,M,C,i),n){const v=new Image;v.onload=()=>{e.drawImage(v,f,g,h,y),e.restore(),W(e,D,E,i),e.drawImage(v,X,Y,h,y),F(t.toDataURL(),c)},v.crossOrigin="anonymous",v.referrerPolicy="no-referrer",v.src=n}else L(e,f,g,h,y),e.restore(),W(e,D,E,i),L(e,X,Y,h,y),F(t.toDataURL(),c)}};return Z(()=>{$()}),_(()=>[a,p.value.colorFill,p.value.fontSizeLG],()=>{$()},{deep:!0,flush:"post"}),tt(()=>{I()}),at(w,t=>{k.value\|\|t.forEach(e=>{ct(e,s.value)&&(I(),$())})},{attributes:!0,subtree:!0,childList:!0,attributeFilter:["style","class"]}),()=>et("div",{...x,ref:w,class:[x.class,a.rootClassName],style:[{position:"relative"},x.style]},[G.default?.()])}}),wt=ot(ft);export{wt as default,ut as watermarkProps};
2	+ //# sourceMappingURL=index.mjs.map

package/dist/es/watermark/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.mjs","sources":["../../../src/watermark/index.tsx"],"sourcesContent":["import type { CSSProperties, ExtractPropTypes } from 'vue'\nimport { computed, defineComponent, onBeforeUnmount, onMounted, shallowRef, watch } from 'vue'\n\nimport { useMutationObserver } from '../_util/hooks/_vueuse/useMutationObserver'\nimport { initDefaultProps } from '../_util/props-util'\nimport { arrayType, objectType, someType, withInstall } from '../_util/type'\nimport { useToken } from '../theme/internal'\nimport { getPixelRatio, getStyleStr, reRendering, rotateWatermark } from './utils'\n\n/**\n * Base size of the canvas, 1 for parallel layout and 2 for alternate layout\n * Only alternate layout is currently supported\n */\nconst BaseSize = 2\nconst FontGap = 3\n\nexport interface WatermarkFontType {\n color?: string\n fontSize?: number | string\n fontWeight?: 'normal' | 'light' | 'weight' | number\n fontStyle?: 'none' | 'normal' | 'italic' | 'oblique'\n fontFamily?: string\n}\nexport const watermarkProps = () => ({\n zIndex: Number,\n rotate: Number,\n width: Number,\n height: Number,\n image: String,\n content: someType<string | string[]>([String, Array]),\n font: objectType<WatermarkFontType>(),\n rootClassName: String,\n gap: arrayType<[number, number]>(),\n offset: arrayType<[number, number]>(),\n})\nexport type WatermarkProps = Partial<ExtractPropTypes<ReturnType<typeof watermarkProps>>>\nconst Watermark = defineComponent({\n name: 'AWatermark',\n inheritAttrs: false,\n props: initDefaultProps(watermarkProps(), {\n zIndex: 9,\n rotate: -22,\n font: {},\n gap: [100, 100],\n }),\n setup(props, { slots, attrs }) {\n const [, token] = useToken()\n const containerRef = shallowRef<HTMLDivElement>()\n const watermarkRef = shallowRef<HTMLDivElement>()\n const stopObservation = shallowRef(false)\n const gapX = computed(() => props.gap?.[0] ?? 100)\n const gapY = computed(() => props.gap?.[1] ?? 100)\n const gapXCenter = computed(() => gapX.value / 2)\n const gapYCenter = computed(() => gapY.value / 2)\n const offsetLeft = computed(() => props.offset?.[0] ?? gapXCenter.value)\n const offsetTop = computed(() => props.offset?.[1] ?? gapYCenter.value)\n const fontSize = computed(() => props.font?.fontSize ?? token.value.fontSizeLG)\n const fontWeight = computed(() => props.font?.fontWeight ?? 'normal')\n const fontStyle = computed(() => props.font?.fontStyle ?? 'normal')\n const fontFamily = computed(() => props.font?.fontFamily ?? 'sans-serif')\n const color = computed(() => props.font?.color ?? token.value.colorFill)\n const markStyle = computed(() => {\n const markStyle: CSSProperties = {\n zIndex: props.zIndex ?? 9,\n position: 'absolute',\n left: 0,\n top: 0,\n width: '100%',\n height: '100%',\n pointerEvents: 'none',\n backgroundRepeat: 'repeat',\n }\n\n /** Calculate the style of the offset */\n let positionLeft = offsetLeft.value - gapXCenter.value\n let positionTop = offsetTop.value - gapYCenter.value\n if (positionLeft > 0) {\n markStyle.left = `${positionLeft}px`\n markStyle.width = `calc(100% - ${positionLeft}px)`\n positionLeft = 0\n }\n if (positionTop > 0) {\n markStyle.top = `${positionTop}px`\n markStyle.height = `calc(100% - ${positionTop}px)`\n positionTop = 0\n }\n markStyle.backgroundPosition = `${positionLeft}px ${positionTop}px`\n\n return markStyle\n })\n const destroyWatermark = () => {\n if (watermarkRef.value) {\n watermarkRef.value.remove()\n watermarkRef.value = undefined\n }\n }\n\n const appendWatermark = (base64Url: string, markWidth: number) => {\n if (containerRef.value && watermarkRef.value) {\n stopObservation.value = true\n watermarkRef.value.setAttribute(\n 'style',\n getStyleStr({\n ...markStyle.value,\n backgroundImage: `url('${base64Url}')`,\n backgroundSize: `${(gapX.value + markWidth) * BaseSize}px`,\n }),\n )\n containerRef.value?.append(watermarkRef.value)\n // Delayed execution\n setTimeout(() => {\n stopObservation.value = false\n })\n }\n }\n /**\n * Get the width and height of the watermark. The default values are as follows\n * Image: [120, 64]; Content: It's calculated by content;\n */\n const getMarkSize = (ctx: CanvasRenderingContext2D) => {\n let defaultWidth = 120\n let defaultHeight = 64\n const content = props.content\n const image = props.image\n const width = props.width\n const height = props.height\n if (!image && ctx.measureText) {\n ctx.font = `${Number(fontSize.value)}px ${fontFamily.value}`\n const contents = Array.isArray(content) ? content : [content]\n const widths = contents.map((item) => ctx.measureText(item!).width)\n defaultWidth = Math.ceil(Math.max(...widths))\n defaultHeight = Number(fontSize.value) * contents.length + (contents.length - 1) * FontGap\n }\n return [width ?? defaultWidth, height ?? defaultHeight] as const\n }\n const fillTexts = (\n ctx: CanvasRenderingContext2D,\n drawX: number,\n drawY: number,\n drawWidth: number,\n drawHeight: number,\n ) => {\n const ratio = getPixelRatio()\n const content = props.content\n const mergedFontSize = Number(fontSize.value) * ratio\n ctx.font = `${fontStyle.value} normal ${fontWeight.value} ${mergedFontSize}px/${drawHeight}px ${fontFamily.value}`\n ctx.fillStyle = color.value\n ctx.textAlign = 'center'\n ctx.textBaseline = 'top'\n ctx.translate(drawWidth / 2, 0)\n const contents = Array.isArray(content) ? content : [content]\n contents?.forEach((item, index) => {\n ctx.fillText(item ?? '', drawX, drawY + index * (mergedFontSize + FontGap * ratio))\n })\n }\n const renderWatermark = () => {\n const canvas = document.createElement('canvas')\n const ctx = canvas.getContext('2d')\n const image = props.image\n const rotate = props.rotate ?? -22\n\n if (ctx) {\n if (!watermarkRef.value) {\n watermarkRef.value = document.createElement('div')\n }\n\n const ratio = getPixelRatio()\n const [markWidth, markHeight] = getMarkSize(ctx)\n const canvasWidth = (gapX.value + markWidth) * ratio\n const canvasHeight = (gapY.value + markHeight) * ratio\n canvas.setAttribute('width', `${canvasWidth * BaseSize}px`)\n canvas.setAttribute('height', `${canvasHeight * BaseSize}px`)\n\n const drawX = (gapX.value * ratio) / 2\n const drawY = (gapY.value * ratio) / 2\n const drawWidth = markWidth * ratio\n const drawHeight = markHeight * ratio\n const rotateX = (drawWidth + gapX.value * ratio) / 2\n const rotateY = (drawHeight + gapY.value * ratio) / 2\n /** Alternate drawing parameters */\n const alternateDrawX = drawX + canvasWidth\n const alternateDrawY = drawY + canvasHeight\n const alternateRotateX = rotateX + canvasWidth\n const alternateRotateY = rotateY + canvasHeight\n\n ctx.save()\n rotateWatermark(ctx, rotateX, rotateY, rotate)\n\n if (image) {\n const img = new Image()\n img.onload = () => {\n ctx.drawImage(img, drawX, drawY, drawWidth, drawHeight)\n /** Draw interleaved pictures after rotation */\n ctx.restore()\n rotateWatermark(ctx, alternateRotateX, alternateRotateY, rotate)\n ctx.drawImage(img, alternateDrawX, alternateDrawY, drawWidth, drawHeight)\n appendWatermark(canvas.toDataURL(), markWidth)\n }\n img.crossOrigin = 'anonymous'\n img.referrerPolicy = 'no-referrer'\n img.src = image\n } else {\n fillTexts(ctx, drawX, drawY, drawWidth, drawHeight)\n /** Fill the interleaved text after rotation */\n ctx.restore()\n rotateWatermark(ctx, alternateRotateX, alternateRotateY, rotate)\n fillTexts(ctx, alternateDrawX, alternateDrawY, drawWidth, drawHeight)\n appendWatermark(canvas.toDataURL(), markWidth)\n }\n }\n }\n onMounted(() => {\n renderWatermark()\n })\n watch(\n () => [props, token.value.colorFill, token.value.fontSizeLG],\n () => {\n renderWatermark()\n },\n {\n deep: true,\n flush: 'post',\n },\n )\n onBeforeUnmount(() => {\n destroyWatermark()\n })\n const onMutate = (mutations: MutationRecord[]) => {\n if (stopObservation.value) {\n return\n }\n mutations.forEach((mutation) => {\n if (reRendering(mutation, watermarkRef.value)) {\n destroyWatermark()\n renderWatermark()\n }\n })\n }\n useMutationObserver(containerRef, onMutate, {\n attributes: true,\n subtree: true,\n childList: true,\n attributeFilter: ['style', 'class'],\n })\n return () => {\n return (\n <div\n {...attrs}\n ref={containerRef}\n class={[attrs.class, props.rootClassName]}\n style={[{ position: 'relative' }, attrs.style as CSSProperties]}\n >\n {slots.default?.()}\n </div>\n )\n }\n },\n})\n\nexport default withInstall(Watermark)\n"],"names":["BaseSize","FontGap","watermarkProps","zIndex","Number","rotate","width","height","image","String","content","someType","Array","font","objectType","rootClassName","gap","arrayType","offset","Watermark","defineComponent","name","inheritAttrs","props","initDefaultProps","setup","slots","attrs","token","useToken","containerRef","shallowRef","watermarkRef","stopObservation","gapX","computed","gapY","gapXCenter","value","gapYCenter","offsetLeft","offsetTop","fontSize","fontSizeLG","fontWeight","fontStyle","fontFamily","color","colorFill","markStyle","position","left","top","pointerEvents","backgroundRepeat","positionLeft","positionTop","backgroundPosition","destroyWatermark","remove","undefined","appendWatermark","base64Url","markWidth","setAttribute","getStyleStr","backgroundImage","backgroundSize","append","setTimeout","getMarkSize","ctx","defaultWidth","defaultHeight","measureText","contents","isArray","widths","map","item","Math","ceil","max","length","fillTexts","drawX","drawY","drawWidth","drawHeight","ratio","getPixelRatio","mergedFontSize","fillStyle","textAlign","textBaseline","translate","forEach","index","fillText","renderWatermark","canvas","document","createElement","getContext","markHeight","canvasWidth","canvasHeight","rotateX","rotateY","alternateDrawX","alternateDrawY","alternateRotateX","alternateRotateY","save","rotateWatermark","img","Image","onload","drawImage","restore","toDataURL","crossOrigin","referrerPolicy","src","onMounted","watch","deep","flush","onBeforeUnmount","useMutationObserver","mutations","mutation","reRendering","attributes","subtree","childList","attributeFilter","_createVNode","class","style","default","withInstall"],"mappings":"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"}

package/dist/es/watermark/utils.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ function o(e){return e.replace(/([A-Z])/g,"-$1").toLowerCase()}function a(e){return Object.keys(e).map(r=>`${o(r)}: ${e[r]};`).join(" ")}function i(){return window.devicePixelRatio\|\|1}function s(e,r,t,n){e.translate(r,t),e.rotate(Math.PI/180*Number(n)),e.translate(-r,-t)}const f=(e,r)=>{let t=!1;return e.removedNodes.length&&(t=Array.from(e.removedNodes).includes(r)),e.type==="attributes"&&e.target===r&&(t=!0),t};export{i as getPixelRatio,a as getStyleStr,f as reRendering,s as rotateWatermark,o as toLowercaseSeparator};
2	+ //# sourceMappingURL=utils.mjs.map

package/dist/es/watermark/utils.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"utils.mjs","sources":["../../../src/watermark/utils.ts"],"sourcesContent":["import type { CSSProperties } from 'vue'\n\n/** converting camel-cased strings to be lowercase and link it with Separato */\nexport function toLowercaseSeparator(key: string) {\n return key.replace(/([A-Z])/g, '-$1').toLowerCase()\n}\n\nexport function getStyleStr(style: CSSProperties): string {\n return Object.keys(style)\n .map((key: keyof CSSProperties) => `${toLowercaseSeparator(key)}: ${style[key]};`)\n .join(' ')\n}\n\n/** Returns the ratio of the device's physical pixel resolution to the css pixel resolution */\nexport function getPixelRatio() {\n return window.devicePixelRatio || 1\n}\n\n/** Rotate with the watermark as the center point */\nexport function rotateWatermark(\n ctx: CanvasRenderingContext2D,\n rotateX: number,\n rotateY: number,\n rotate: number,\n) {\n ctx.translate(rotateX, rotateY)\n ctx.rotate((Math.PI / 180) * Number(rotate))\n ctx.translate(-rotateX, -rotateY)\n}\n\n/** Whether to re-render the watermark */\nexport const reRendering = (mutation: MutationRecord, watermarkElement?: HTMLElement) => {\n let flag = false\n // Whether to delete the watermark node\n if (mutation.removedNodes.length) {\n flag = Array.from(mutation.removedNodes).includes(watermarkElement)\n }\n // Whether the watermark dom property value has been modified\n if (mutation.type === 'attributes' && mutation.target === watermarkElement) {\n flag = true\n }\n return flag\n}\n"],"names":["toLowercaseSeparator","key","getStyleStr","style","getPixelRatio","rotateWatermark","ctx","rotateX","rotateY","rotate","reRendering","mutation","watermarkElement","flag"],"mappings":"AAGO,SAASA,EAAqBC,EAAa,CAChD,OAAOA,EAAI,QAAQ,WAAY,KAAK,EAAE,YAAA,CACxC,CAEO,SAASC,EAAYC,EAA8B,CACxD,OAAO,OAAO,KAAKA,CAAK,EACrB,IAAKF,GAA6B,GAAGD,EAAqBC,CAAG,CAAC,KAAKE,EAAMF,CAAG,CAAC,GAAG,EAChF,KAAK,GAAG,CACb,CAGO,SAASG,GAAgB,CAC9B,OAAO,OAAO,kBAAoB,CACpC,CAGO,SAASC,EACdC,EACAC,EACAC,EACAC,EACA,CACAH,EAAI,UAAUC,EAASC,CAAO,EAC9BF,EAAI,OAAQ,KAAK,GAAK,IAAO,OAAOG,CAAM,CAAC,EAC3CH,EAAI,UAAU,CAACC,EAAS,CAACC,CAAO,CAClC,CAGO,MAAME,EAAc,CAACC,EAA0BC,IAAmC,CACvF,IAAIC,EAAO,GAEX,OAAIF,EAAS,aAAa,SACxBE,EAAO,MAAM,KAAKF,EAAS,YAAY,EAAE,SAASC,CAAgB,GAGhED,EAAS,OAAS,cAAgBA,EAAS,SAAWC,IACxDC,EAAO,IAEFA,CACT"}