@v-c/util 1.0.20 → 1.1.0

package/dist/hooks/useDelayState.d.ts

@@ -0,0 +1,16 @@
+import { Ref } from 'vue';
+export type DelayConfig = {
+    frame: number;
+    ms?: never;
+} | {
+    frame?: never;
+    ms: number;
+};
+export type SetDelayState<T> = (nextValue: T | ((prev: T) => T), 
+/** `true` updates immediately. `false` delays the update by one frame. */
+immediatelyOrDelay?: boolean | DelayConfig) => void;
+/**
+ * Similar to `useState`, but updates on the next frame by default.
+ * Pending updates are always replaced by the latest one.
+ */
+export default function useDelayState<T>(defaultValue: T | (() => T)): [Ref<T>, SetDelayState<T>];

package/dist/hooks/useDelayState.js

@@ -0,0 +1,33 @@
+import wrapperRaf from "../raf.js";
+import { onBeforeUnmount, ref } from "vue";
+//#region src/hooks/useDelayState.ts
+/**
+* Similar to `useState`, but updates on the next frame by default.
+* Pending updates are always replaced by the latest one.
+*/
+function useDelayState(defaultValue) {
+	const value = ref(typeof defaultValue === "function" ? defaultValue() : defaultValue);
+	let delayInfo = null;
+	const cancelPending = () => {
+		if (delayInfo) {
+			const [isRaf, delay] = delayInfo;
+			if (isRaf) wrapperRaf.cancel(delay);
+			else clearTimeout(delay);
+			delayInfo = null;
+		}
+	};
+	const applyValue = (nextValue) => {
+		value.value = typeof nextValue === "function" ? nextValue(value.value) : nextValue;
+	};
+	const setDelayValue = (nextValue, immediatelyOrDelay) => {
+		const delayConfig = immediatelyOrDelay || { frame: 1 };
+		cancelPending();
+		if (delayConfig === true) applyValue(nextValue);
+		else if ("ms" in delayConfig) delayInfo = [false, setTimeout(() => applyValue(nextValue), delayConfig.ms)];
+		else delayInfo = [true, wrapperRaf(() => applyValue(nextValue), delayConfig.frame)];
+	};
+	onBeforeUnmount(cancelPending);
+	return [value, setDelayValue];
+}
+//#endregion
+export { useDelayState as default };

package/dist/pickAttrs.js

@@ -16,7 +16,12 @@ var propList = `accept acceptCharset accessKey action allowFullScreen allowTrans
     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+/);
+    onLoadStart onPause onPlay onPlaying onProgress onRateChange onSeeked onSeeking onStalled onSuspend onTimeUpdate onVolumeChange onWaiting onLoad
+    onPointerDown onPointerMove onPointerUp onPointerCancel onPointerEnter onPointerLeave onPointerOver onPointerOut onGotPointerCapture onLostPointerCapture
+    onAnimationStart onAnimationEnd onAnimationIteration
+    onTransitionEnd onTransitionRun onTransitionStart onTransitionCancel
+    onBeforeInput onReset onInvalid
+    onAuxClick onToggle onBeforeToggle onCancel onClose onResize onScrollEnd`.split(/\s+/);
 var ariaPrefix = "aria-";
 var dataPrefix = "data-";
 function match(key, prefix) {

package/dist/vnode.js

@@ -60,8 +60,9 @@ function resolveToElement(node) {
 	}
 	if (isDOM(exposed?.$el)) return exposed.$el;
 	else if (exposed.$el) {
+		const hasElementContract = exposed.nativeElement != null || exposed.el != null || typeof exposed.getElement === "function";
 		const dom = exposed.$el;
-		if (dom && (dom.nodeType === 3 || dom.nodeType === 8) && dom.nextElementSibling) return dom.nextElementSibling;
+		if (!hasElementContract && (dom.nodeType === 3 || dom.nodeType === 8) && dom.nextElementSibling) return dom.nextElementSibling;
 	}
 	return null;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/util",
   "type": "module",
-  "version": "1.0.20",
+  "version": "1.1.0",
   "description": "Vue3 components utils",
   "license": "MIT",
   "homepage": "https://github.com/antdv-next/vue-components/tree/next/packages/util",