@v-c/image 1.0.9 → 1.0.11

package/dist/hooks/useImageTransform.js

@@ -1,7 +1,8 @@
 import { getClientSize } from "../util.js";
-import { isEqual_default } from "../util/dist/isEqual.js";
-import { raf_default } from "../util/dist/raf.js";
 import { ref, shallowRef } from "vue";
+import isEqual from "@v-c/util/dist/isEqual";
+import raf from "@v-c/util/dist/raf";
+//#region src/hooks/useImageTransform.ts
 var initialTransform = {
 	x: 0,
 	y: 0,
@@ -17,15 +18,16 @@ function useImageTransform(imgRef, minScale, maxScale, onTransform) {
 	const resetTransform = (action) => {
 		const oldTransform = transform.value;
 		transform.value = initialTransform;
-		if (!isEqual_default(initialTransform, oldTransform)) onTransform?.({
+		if (!isEqual(initialTransform, oldTransform)) onTransform?.({
 			transform: initialTransform,
 			action
 		});
 	};
+	/** Direct update transform */
 	const updateTransform = (newTransform, action) => {
 		if (frame.value === null) {
 			queue.value = [];
-			frame.value = raf_default(() => {
+			frame.value = raf(() => {
 				let memoState = transform.value;
 				queue.value.forEach((queueState) => {
 					memoState = {
@@ -46,6 +48,7 @@ function useImageTransform(imgRef, minScale, maxScale, onTransform) {
 			...newTransform
 		});
 	};
+	/** Scale according to the position of centerX and centerY */
 	const dispatchZoomChange = (ratio, action, centerX, centerY, isTouch) => {
 		if (!imgRef.value) return;
 		const { width, height, offsetWidth, offsetHeight, offsetLeft, offsetTop } = imgRef.value;
@@ -61,15 +64,23 @@ function useImageTransform(imgRef, minScale, maxScale, onTransform) {
 			newScale = isTouch ? newScale : _minScale;
 			newRatio = newScale / _transform.scale;
 		}
+		/** Default center point scaling */
 		const mergedCenterX = centerX ?? innerWidth / 2;
 		const mergedCenterY = centerY ?? innerHeight / 2;
 		const diffRatio = newRatio - 1;
+		/** Deviation calculated from image size */
 		const diffImgX = diffRatio * width * .5;
 		const diffImgY = diffRatio * height * .5;
+		/** The difference between the click position and the edge of the document */
 		const diffOffsetLeft = diffRatio * (mergedCenterX - _transform.x - offsetLeft);
 		const diffOffsetTop = diffRatio * (mergedCenterY - _transform.y - offsetTop);
+		/** Final positioning */
 		let newX = _transform.x - (diffOffsetLeft - diffImgX);
 		let newY = _transform.y - (diffOffsetTop - diffImgY);
+		/**
+		* When zooming the image
+		* When the image size is smaller than the width and height of the window, the position is initialized
+		*/
 		if (ratio < 1 && newScale === 1) {
 			const mergedWidth = offsetWidth * newScale;
 			const mergedHeight = offsetHeight * newScale;
@@ -92,4 +103,5 @@ function useImageTransform(imgRef, minScale, maxScale, onTransform) {
 		dispatchZoomChange
 	};
 }
+//#endregion
 export { useImageTransform as default };

package/dist/hooks/useMouseEvent.js

@@ -1,8 +1,9 @@
-import { canUseDom } from "../util/dist/Dom/canUseDom.js";
 import getFixScaleEleTransPosition from "../getFixScaleEleTransPosition.js";
-import { BASE_SCALE_RATIO, WHEEL_MAX_SCALE_RATIO } from "../previewConfig.js";
+import "../previewConfig.js";
 import { shallowRef, watch } from "vue";
 import { warning } from "@v-c/util";
+import canUseDom from "@v-c/util/dist/Dom/canUseDom";
+//#region src/hooks/useMouseEvent.ts
 function useMouseEvent(imgRef, movable, open, scaleStep, transform, updateTransform, dispatchZoomChange) {
 	const isMoving = shallowRef(false);
 	const startPositionInfo = shallowRef({
@@ -34,6 +35,7 @@ function useMouseEvent(imgRef, movable, open, scaleStep, transform, updateTransf
 		if (open.value && isMoving.value) {
 			const { x, y, scale, rotate } = transform.value;
 			isMoving.value = false;
+			/** No need to restore the position when the picture is not moved, So as not to interfere with the click */
 			const { transformX, transformY } = startPositionInfo.value;
 			if (!(x !== transformX && y !== transformY)) return;
 			if (!imgRef.value) return;
@@ -88,4 +90,5 @@ function useMouseEvent(imgRef, movable, open, scaleStep, transform, updateTransf
 		onWheel
 	};
 }
+//#endregion
 export { useMouseEvent as default };

package/dist/hooks/usePreviewItems.js

@@ -1,5 +1,9 @@
 import { COMMON_PROPS } from "../common.js";
 import { computed, shallowRef, watchEffect } from "vue";
+//#region src/hooks/usePreviewItems.ts
+/**
+* Merge props provided `items` or context collected images
+*/
 function usePreviewItems(items) {
 	const images = shallowRef({});
 	const registerImage = (id, data) => {
@@ -41,4 +45,5 @@ function usePreviewItems(items) {
 		computed(() => !!items?.value)
 	];
 }
+//#endregion
 export { usePreviewItems as default };

package/dist/hooks/useRegisterImage.js

@@ -1,5 +1,6 @@
 import { usePreviewGroupContext } from "../context.js";
 import { onBeforeUnmount, onMounted, shallowRef, watch } from "vue";
+//#region src/hooks/useRegisterImage.ts
 var uid = 0;
 function useRegisterImage(canPreview, data) {
 	uid += 1;
@@ -21,4 +22,5 @@ function useRegisterImage(canPreview, data) {
 	});
 	return id.value;
 }
+//#endregion
 export { useRegisterImage as default };

package/dist/hooks/useStatus.js

@@ -1,5 +1,6 @@
 import { isImageValid } from "../util.js";
 import { computed, shallowRef, watch, watchEffect } from "vue";
+//#region src/hooks/useStatus.ts
 function useStatus(options) {
 	const { src, isCustomPlaceholder, fallback } = options;
 	const status = shallowRef(isCustomPlaceholder?.value ? "loading" : "normal");
@@ -42,4 +43,5 @@ function useStatus(options) {
 		status
 	];
 }
+//#endregion
 export { useStatus as default };

package/dist/hooks/useTouchEvent.js

@@ -1,6 +1,7 @@
-import { canUseDom } from "../util/dist/Dom/canUseDom.js";
 import getFixScaleEleTransPosition from "../getFixScaleEleTransPosition.js";
 import { shallowRef, watchEffect } from "vue";
+import canUseDom from "@v-c/util/dist/Dom/canUseDom";
+//#region src/hooks/useTouchEvent.ts
 function getDistance(a, b) {
 	const x = a.x - b.x;
 	const y = a.y - b.y;
@@ -89,7 +90,9 @@ function useTouchEvent(imgRef, movable, open, minScale, transform, updateTransfo
 		if (isTouching.value) isTouching.value = false;
 		updateTouchPointInfo({ eventType: "none" });
 		const { rotate, scale } = transform.value;
-		if (minScale.value > scale) return updateTransform({
+		if (minScale.value > scale)
+ /** When the scaling ratio is less than the minimum scaling ratio, reset the scaling ratio */
+		return updateTransform({
 			x: 0,
 			y: 0,
 			scale: minScale.value
@@ -118,4 +121,5 @@ function useTouchEvent(imgRef, movable, open, minScale, transform, updateTransfo
 		onTouchEnd
 	};
 }
+//#endregion
 export { useTouchEvent as default };

package/dist/index.js

@@ -1,6 +1,7 @@
-import Image_default from "./Image.js";
-import PreviewGroup_default from "./PreviewGroup.js";
-var ExportImage = Image_default;
-ExportImage.PreviewGroup = PreviewGroup_default;
-var src_default = ExportImage;
-export { PreviewGroup_default as PreviewGroup, src_default as default };
+import Image from "./Image.js";
+import PreviewGroup from "./PreviewGroup.js";
+//#region src/index.ts
+var ExportImage = Image;
+ExportImage.PreviewGroup = PreviewGroup;
+//#endregion
+export { PreviewGroup, ExportImage as default };

package/dist/previewConfig.js

@@ -1,3 +1,7 @@
-const BASE_SCALE_RATIO = 1;
-const WHEEL_MAX_SCALE_RATIO = 1;
+//#region src/previewConfig.ts
+/** Scale the ratio base */
+var BASE_SCALE_RATIO = 1;
+/** The maximum zoom ratio when the mouse zooms in, adjustable */
+var WHEEL_MAX_SCALE_RATIO = 1;
+//#endregion
 export { BASE_SCALE_RATIO, WHEEL_MAX_SCALE_RATIO };

package/dist/util.js

@@ -1,3 +1,4 @@
+//#region src/util.ts
 function isImageValid(src) {
 	return new Promise((resolve) => {
 		if (!src) {
@@ -26,4 +27,5 @@ function getClientSize() {
 		height: window.innerHeight || document.documentElement.clientHeight
 	};
 }
+//#endregion
 export { getClientSize, isImageValid };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/image",
   "type": "module",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "description": "image component",
   "author": "",
   "license": "MIT",

package/dist/util/dist/Dom/canUseDom.js

@@ -1,4 +0,0 @@
-function canUseDom() {
-	return !!(typeof window !== "undefined" && window.document && window.document.createElement);
-}
-export { canUseDom };

package/dist/util/dist/Dom/findDOMNode.js

@@ -1,20 +0,0 @@
-import { canUseDom } from "./canUseDom.js";
-import { unref } from "vue";
-function isDOM(node) {
-	return node instanceof HTMLElement || node instanceof SVGElement;
-}
-function getDOM(elementRef) {
-	const unrefElementRef = unref(elementRef);
-	if (!canUseDom()) return unrefElementRef;
-	const dom = findDOMNode(unrefElementRef) || (unrefElementRef && typeof unrefElementRef === "object" ? findDOMNode(unrefElementRef.nativeElement) : null);
-	if (dom && (dom.nodeType === 3 || dom.nodeType === 8) && dom.nextElementSibling) return dom.nextElementSibling;
-	return dom;
-}
-function findDOMNode(_node) {
-	const node = unref(_node);
-	if (!canUseDom()) return node;
-	if (isDOM(node)) return node;
-	else if (node && "$el" in node) return node.$el;
-	return null;
-}
-export { getDOM };

package/dist/util/dist/Dom/focus.js

@@ -1,129 +0,0 @@
-import { useId_default } from "../hooks/useId.js";
-import { getDOM } from "./findDOMNode.js";
-import { isVisible_default } from "./isVisible.js";
-import { watch } from "vue";
-function focusable(node, includePositive = false) {
-	if (isVisible_default(node)) {
-		const nodeName = node.nodeName.toLowerCase();
-		const isFocusableElement = [
-			"input",
-			"select",
-			"textarea",
-			"button"
-		].includes(nodeName) || node.isContentEditable || nodeName === "a" && !!node.getAttribute("href");
-		const tabIndexAttr = node.getAttribute("tabindex");
-		const tabIndexNum = Number(tabIndexAttr);
-		let tabIndex = null;
-		if (tabIndexAttr && !Number.isNaN(tabIndexNum)) tabIndex = tabIndexNum;
-		else if (isFocusableElement && tabIndex === null) tabIndex = 0;
-		if (isFocusableElement && node.disabled) tabIndex = null;
-		return tabIndex !== null && (tabIndex >= 0 || includePositive && tabIndex < 0);
-	}
-	return false;
-}
-function getFocusNodeList(node, includePositive = false) {
-	const res = [...node.querySelectorAll("*")].filter((child) => {
-		return focusable(child, includePositive);
-	});
-	if (focusable(node, includePositive)) res.unshift(node);
-	return res;
-}
-var lastFocusElement = null;
-var focusElements = [];
-var idToElementMap = /* @__PURE__ */ new Map();
-var ignoredElementMap = /* @__PURE__ */ new Map();
-var allowedElementMap = /* @__PURE__ */ new Map();
-function getLastElement() {
-	return focusElements[focusElements.length - 1];
-}
-function getLastLockId() {
-	const lastElement = getLastElement();
-	if (!lastElement) return void 0;
-	for (const [id, ele] of idToElementMap.entries()) if (ele === lastElement) return id;
-}
-function isIgnoredElement(element) {
-	const lockId = getLastLockId();
-	if (!lockId || !element) return false;
-	const ignoredEle = ignoredElementMap.get(lockId);
-	return !!ignoredEle && (ignoredEle === element || ignoredEle.contains(element));
-}
-function isAllowedElement(element) {
-	const lockId = getLastLockId();
-	if (!lockId || !element) return false;
-	const allowedElements = allowedElementMap.get(lockId);
-	if (!allowedElements?.size) return false;
-	for (const allowedElement of allowedElements) if (allowedElement === element || allowedElement.contains(element)) return true;
-	return false;
-}
-function hasFocus(element) {
-	const { activeElement } = document;
-	return element === activeElement || element.contains(activeElement);
-}
-function syncFocus() {
-	const lastElement = getLastElement();
-	const { activeElement } = document;
-	if (isIgnoredElement(activeElement) || isAllowedElement(activeElement)) return;
-	if (lastElement && !hasFocus(lastElement)) {
-		const focusableList = getFocusNodeList(lastElement);
-		(focusableList.includes(lastFocusElement) ? lastFocusElement : focusableList[0])?.focus({ preventScroll: true });
-	} else lastFocusElement = activeElement;
-}
-function onWindowKeyDown(e) {
-	if (e.key === "Tab") {
-		const { activeElement } = document;
-		const focusableList = getFocusNodeList(getLastElement());
-		const last = focusableList[focusableList.length - 1];
-		if (e.shiftKey && activeElement === focusableList[0]) lastFocusElement = last;
-		else if (!e.shiftKey && activeElement === last) lastFocusElement = focusableList[0];
-	}
-}
-function lockFocus(element, id) {
-	if (element) {
-		idToElementMap.set(id, element);
-		focusElements = focusElements.filter((ele) => ele !== element);
-		focusElements.push(element);
-		window.addEventListener("focusin", syncFocus);
-		window.addEventListener("keydown", onWindowKeyDown, true);
-		syncFocus();
-	}
-	return () => {
-		lastFocusElement = null;
-		focusElements = focusElements.filter((ele) => ele !== element);
-		idToElementMap.delete(id);
-		ignoredElementMap.delete(id);
-		allowedElementMap.delete(id);
-		if (focusElements.length === 0) {
-			window.removeEventListener("focusin", syncFocus);
-			window.removeEventListener("keydown", onWindowKeyDown, true);
-		}
-	};
-}
-function useLockFocus(lock, getElement) {
-	const id = useId_default();
-	watch([lock, () => getElement()], ([nextLock, element], _o, onCleanup) => {
-		element = getDOM(element);
-		if (nextLock && element) onCleanup(lockFocus(element, id));
-	}, {
-		flush: "post",
-		immediate: true
-	});
-	const ignoreElement = (ele) => {
-		if (ele) ignoredElementMap.set(id, ele);
-	};
-	const registerAllowedElement = (ele) => {
-		if (!ele) return () => {};
-		let allowedElements = allowedElementMap.get(id);
-		if (!allowedElements) {
-			allowedElements = /* @__PURE__ */ new Set();
-			allowedElementMap.set(id, allowedElements);
-		}
-		allowedElements.add(ele);
-		return () => {
-			const nextAllowedElements = allowedElementMap.get(id);
-			nextAllowedElements?.delete(ele);
-			if (!nextAllowedElements?.size) allowedElementMap.delete(id);
-		};
-	};
-	return [ignoreElement, registerAllowedElement];
-}
-export { useLockFocus };

package/dist/util/dist/Dom/isVisible.js

@@ -1,16 +0,0 @@
-var isVisible_default = (element) => {
-	if (!element) return false;
-	if (element instanceof Element) {
-		if (element.offsetParent) return true;
-		if (element.getBBox) {
-			const { width, height } = element.getBBox();
-			if (width || height) return true;
-		}
-		if (element.getBoundingClientRect) {
-			const { width, height } = element.getBoundingClientRect();
-			if (width || height) return true;
-		}
-	}
-	return false;
-};
-export { isVisible_default };

package/dist/util/dist/KeyCode.js

@@ -1,81 +0,0 @@
-var KeyCodeStr = {
-	Enter: "Enter",
-	Backspace: "Backspace",
-	Tab: "Tab",
-	Space: " ",
-	Escape: "Escape",
-	Shift: "Shift",
-	Control: "Control",
-	Alt: "Alt",
-	Meta: "Meta",
-	ArrowLeft: "ArrowLeft",
-	ArrowUp: "ArrowUp",
-	ArrowRight: "ArrowRight",
-	ArrowDown: "ArrowDown",
-	Home: "Home",
-	End: "End",
-	PageUp: "PageUp",
-	PageDown: "PageDown",
-	Insert: "Insert",
-	Delete: "Delete",
-	F1: "F1",
-	F2: "F2",
-	F3: "F3",
-	F4: "F4",
-	F5: "F5",
-	F6: "F6",
-	F7: "F7",
-	F8: "F8",
-	F9: "F9",
-	F10: "F10",
-	F11: "F11",
-	F12: "F12",
-	Digit0: "0",
-	Digit1: "1",
-	Digit2: "2",
-	Digit3: "3",
-	Digit4: "4",
-	Digit5: "5",
-	Digit6: "6",
-	Digit7: "7",
-	Digit8: "8",
-	Digit9: "9",
-	KeyA: "a",
-	KeyB: "b",
-	KeyC: "c",
-	KeyD: "d",
-	KeyE: "e",
-	KeyF: "f",
-	KeyG: "g",
-	KeyH: "h",
-	KeyI: "i",
-	KeyJ: "j",
-	KeyK: "k",
-	KeyL: "l",
-	KeyM: "m",
-	KeyN: "n",
-	KeyO: "o",
-	KeyP: "p",
-	KeyQ: "q",
-	KeyR: "r",
-	KeyS: "s",
-	KeyT: "t",
-	KeyU: "u",
-	KeyV: "v",
-	KeyW: "w",
-	KeyX: "x",
-	KeyY: "y",
-	KeyZ: "z",
-	Semicolon: ";",
-	Equal: "=",
-	Comma: ",",
-	Minus: "-",
-	Period: ".",
-	Slash: "/",
-	Backquote: "`",
-	BracketLeft: "[",
-	Backslash: "\\",
-	BracketRight: "]",
-	Quote: "'"
-};
-export { KeyCodeStr };

package/dist/util/dist/hooks/useId.js

@@ -1,12 +0,0 @@
-import { useId } from "vue";
-function getUseId() {
-	return useId;
-}
-var useOriginalId = getUseId();
-function useId_default(id) {
-	const vueId = useOriginalId();
-	if (id) return id;
-	if (process.env.NODE_ENV === "test") return "test-id";
-	return vueId;
-}
-export { useId_default };

package/dist/util/dist/hooks/useMergedState.js

@@ -1,24 +0,0 @@
-import { ref, toRaw, unref, watch, watchEffect } from "vue";
-function useMergedState(defaultStateValue, option) {
-	const { defaultValue, value = ref() } = option || {};
-	let initValue = typeof defaultStateValue === "function" ? defaultStateValue() : defaultStateValue;
-	if (value.value !== void 0) initValue = unref(value);
-	if (defaultValue !== void 0) initValue = typeof defaultValue === "function" ? defaultValue() : defaultValue;
-	const innerValue = ref(initValue);
-	const mergedValue = ref(initValue);
-	watchEffect(() => {
-		let val = value.value !== void 0 ? value.value : innerValue.value;
-		if (option?.postState) val = option.postState(val);
-		mergedValue.value = val;
-	});
-	function triggerChange(newValue) {
-		const preVal = mergedValue.value;
-		innerValue.value = newValue;
-		if (toRaw(mergedValue.value) !== newValue && option?.onChange) option.onChange(newValue, preVal);
-	}
-	watch(value, () => {
-		innerValue.value = value.value;
-	});
-	return [mergedValue, triggerChange];
-}
-export { useMergedState };

package/dist/util/dist/isEqual.js

@@ -1,27 +0,0 @@
-import { warning_default } from "./warning.js";
-function isEqual(obj1, obj2, shallow = false) {
-	const refSet = /* @__PURE__ */ new Set();
-	function deepEqual(a, b, level = 1) {
-		const circular = refSet.has(a);
-		warning_default(!circular, "Warning: There may be circular references");
-		if (circular) return false;
-		if (a === b) return true;
-		if (shallow && level > 1) return false;
-		refSet.add(a);
-		const newLevel = level + 1;
-		if (Array.isArray(a)) {
-			if (!Array.isArray(b) || a.length !== b.length) return false;
-			for (let i = 0; i < a.length; i++) if (!deepEqual(a[i], b[i], newLevel)) return false;
-			return true;
-		}
-		if (a && b && typeof a === "object" && typeof b === "object") {
-			const keys = Object.keys(a);
-			if (keys.length !== Object.keys(b).length) return false;
-			return keys.every((key) => deepEqual(a[key], b[key], newLevel));
-		}
-		return false;
-	}
-	return deepEqual(obj1, obj2);
-}
-var isEqual_default = isEqual;
-export { isEqual_default };

package/dist/util/dist/omit.js

@@ -1,8 +0,0 @@
-function omit(obj, fields) {
-	const clone = { ...obj };
-	if (Array.isArray(fields)) fields.forEach((key) => {
-		delete clone[key];
-	});
-	return clone;
-}
-export { omit };

package/dist/util/dist/pickAttrs.js

@@ -1,39 +0,0 @@
-var propList = `accept acceptCharset accessKey action allowFullScreen allowTransparency
-    alt async autoComplete autoFocus autoPlay capture cellPadding cellSpacing challenge
-    charSet checked classID className colSpan cols content contentEditable contextMenu
-    controls coords crossOrigin data dateTime default defer dir disabled download draggable
-    encType form formAction formEncType formMethod formNoValidate formTarget frameBorder
-    headers height hidden high href hrefLang htmlFor httpEquiv icon id inputMode integrity
-    is keyParams keyType kind label lang list loop low manifest marginHeight marginWidth max maxLength media
-    mediaGroup method min minLength multiple muted name noValidate nonce open
-    optimum pattern placeholder poster preload radioGroup readOnly rel required
-    reversed role rowSpan rows sandbox scope scoped scrolling seamless selected
-    shape size sizes span spellCheck src srcDoc srcLang srcSet start step style
-    summary tabIndex target title type useMap value width wmode wrap onCopy onCut onPaste onCompositionEnd onCompositionStart onCompositionUpdate onKeyDown
-    onKeyPress onKeyUp onFocus onBlur onChange onInput onSubmit onClick onContextMenu onDoubleClick
-    onDrag onDragEnd onDragEnter onDragExit onDragLeave onDragOver onDragStart onDrop onMouseDown
-    onMouseEnter onMouseLeave onMouseMove onMouseOut onMouseOver onMouseUp onSelect onTouchCancel
-    onTouchEnd onTouchMove onTouchStart onScroll onWheel onAbort onCanPlay onCanPlayThrough
-    onDurationChange onEmptied onEncrypted onEnded onError onLoadedData onLoadedMetadata
-    onLoadStart onPause onPlay onPlaying onProgress onRateChange onSeeked onSeeking onStalled onSuspend onTimeUpdate onVolumeChange onWaiting onLoad onError`.split(/\s+/);
-var ariaPrefix = "aria-";
-var dataPrefix = "data-";
-function match(key, prefix) {
-	return key.indexOf(prefix) === 0;
-}
-function pickAttrs(props, ariaOnly = false) {
-	let mergedConfig;
-	if (ariaOnly === false) mergedConfig = {
-		aria: true,
-		data: true,
-		attr: true
-	};
-	else if (ariaOnly === true) mergedConfig = { aria: true };
-	else mergedConfig = { ...ariaOnly };
-	const attrs = {};
-	Object.keys(props).forEach((key) => {
-		if (mergedConfig.aria && (key === "role" || match(key, ariaPrefix)) || mergedConfig.data && match(key, dataPrefix) || mergedConfig.attr && propList.includes(key)) attrs[key] = props[key];
-	});
-	return attrs;
-}
-export { pickAttrs };

package/dist/util/dist/props-util/index.js

@@ -1,32 +0,0 @@
-import { omit } from "../omit.js";
-import { Fragment, toRef } from "vue";
-var defaultOptions = {
-	class: true,
-	style: true
-};
-function pureAttrs(attrs, options = defaultOptions) {
-	const enableClass = options.class ?? defaultOptions.class;
-	const enableStyle = options.style ?? defaultOptions.style;
-	const newAttrs = { ...attrs };
-	if (enableClass) delete newAttrs.class;
-	if (enableStyle) delete newAttrs.style;
-	if (options.omits && options.omits.length > 0) return omit(newAttrs, options.omits);
-	return newAttrs;
-}
-function getAttrStyleAndClass(attrs, options) {
-	return {
-		className: attrs.class,
-		style: attrs.style,
-		restAttrs: pureAttrs(attrs, options)
-	};
-}
-function getStylePxValue(value) {
-	if (typeof value === "number") return `${value}px`;
-	else if (typeof value === "string") {
-		const trimed = value.trim();
-		if (Number.isNaN(Number(trimed))) return trimed;
-		else return `${Number(trimed)}px`;
-	}
-	return value;
-}
-export { getAttrStyleAndClass, getStylePxValue };

package/dist/util/dist/raf.js

@@ -1,36 +0,0 @@
-var raf = (callback) => +setTimeout(callback, 16);
-var caf = (num) => clearTimeout(num);
-if (typeof window !== "undefined" && "requestAnimationFrame" in window) {
-	raf = (callback) => window.requestAnimationFrame(callback);
-	caf = (handle) => window.cancelAnimationFrame(handle);
-}
-var rafUUID = 0;
-var rafIds = /* @__PURE__ */ new Map();
-function cleanup(id) {
-	rafIds.delete(id);
-}
-function wrapperRaf(callback, times = 1) {
-	rafUUID += 1;
-	const id = rafUUID;
-	function callRef(leftTimes) {
-		if (leftTimes === 0) {
-			cleanup(id);
-			callback();
-		} else {
-			const realId = raf(() => {
-				callRef(leftTimes - 1);
-			});
-			rafIds.set(id, realId);
-		}
-	}
-	callRef(times);
-	return id;
-}
-wrapperRaf.cancel = (id) => {
-	const realId = rafIds.get(id);
-	cleanup(id);
-	return caf(realId);
-};
-if (process.env.NODE_ENV !== "production") wrapperRaf.ids = () => rafIds;
-var raf_default = wrapperRaf;
-export { raf_default };

package/dist/util/dist/type.js

@@ -1,2 +0,0 @@
-var tuple = (...args) => args;
-export { tuple };