@v-c/util 0.0.16 → 0.0.18

package/dist/Dom/focus.cjs

@@ -46,8 +46,26 @@ function limitTabRange(node, e) {
 		}
 	}
 }
+function triggerFocus(element, option) {
+	if (!element) return;
+	element.focus(option);
+	const { cursor } = option || {};
+	if (cursor) {
+		const len = element.value.length;
+		switch (cursor) {
+			case "start":
+				element.setSelectionRange(0, 0);
+				break;
+			case "end":
+				element.setSelectionRange(len, len);
+				break;
+			default: element.setSelectionRange(0, len);
+		}
+	}
+}
 exports.backLastFocusNode = backLastFocusNode;
 exports.clearLastFocusNode = clearLastFocusNode;
 exports.getFocusNodeList = getFocusNodeList;
 exports.limitTabRange = limitTabRange;
 exports.saveLastFocusNode = saveLastFocusNode;
+exports.triggerFocus = triggerFocus;

package/dist/Dom/focus.d.ts

@@ -6,3 +6,7 @@ export declare function clearLastFocusNode(): void;
 /** @deprecated Do not use since this may failed when used in async */
 export declare function backLastFocusNode(): void;
 export declare function limitTabRange(node: HTMLElement, e: KeyboardEvent): void;
+export interface InputFocusOptions extends FocusOptions {
+    cursor?: 'start' | 'end' | 'all';
+}
+export declare function triggerFocus(element?: HTMLInputElement | HTMLTextAreaElement, option?: InputFocusOptions): void;

package/dist/Dom/focus.js

@@ -46,4 +46,21 @@ function limitTabRange(node, e) {
 		}
 	}
 }
-export { backLastFocusNode, clearLastFocusNode, getFocusNodeList, limitTabRange, saveLastFocusNode };
+function triggerFocus(element, option) {
+	if (!element) return;
+	element.focus(option);
+	const { cursor } = option || {};
+	if (cursor) {
+		const len = element.value.length;
+		switch (cursor) {
+			case "start":
+				element.setSelectionRange(0, 0);
+				break;
+			case "end":
+				element.setSelectionRange(len, len);
+				break;
+			default: element.setSelectionRange(0, len);
+		}
+	}
+}
+export { backLastFocusNode, clearLastFocusNode, getFocusNodeList, limitTabRange, saveLastFocusNode, triggerFocus };

package/dist/RenderComponent.cjs

@@ -0,0 +1,32 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+const require_index = require("./props-util/index.cjs");
+let vue = require("vue");
+function checkIsBaseType(value) {
+	if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") return true;
+	return typeof value === "undefined" || value === null;
+}
+var RenderComponent_default = (0, vue.defineComponent)((props, { attrs }) => {
+	return () => {
+		const render = props.render;
+		if (render && typeof render === "function") {
+			const _render = render?.();
+			if (Array.isArray(_render)) return require_index.filterEmpty(_render).map((v) => {
+				if ((0, vue.isVNode)(v)) return (0, vue.createVNode)(v, { ...attrs });
+				else return v;
+			});
+			return _render;
+		} else if (Array.isArray(render)) return require_index.filterEmpty(render).map((v) => {
+			if ((0, vue.isVNode)(v)) return (0, vue.createVNode)(v, { ...attrs });
+			return v;
+		});
+		else if (checkIsBaseType(render)) return render;
+		if ((0, vue.isVNode)(render)) return (0, vue.createVNode)(render, { ...attrs });
+		console.log(render, "render");
+		return render;
+	};
+}, {
+	inheritAttrs: false,
+	name: "RenderComponent",
+	props: ["render"]
+});
+exports.default = RenderComponent_default;

package/dist/RenderComponent.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import('vue').DefineSetupFnComponent<{
+    render?: any;
+}, {}, {}, {
+    render?: any;
+} & {}, import('vue').PublicProps>;
+export default _default;

package/dist/RenderComponent.js

@@ -0,0 +1,31 @@
+import { filterEmpty } from "./props-util/index.js";
+import { createVNode, defineComponent, isVNode } from "vue";
+function checkIsBaseType(value) {
+	if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") return true;
+	return typeof value === "undefined" || value === null;
+}
+var RenderComponent_default = defineComponent((props, { attrs }) => {
+	return () => {
+		const render$1 = props.render;
+		if (render$1 && typeof render$1 === "function") {
+			const _render = render$1?.();
+			if (Array.isArray(_render)) return filterEmpty(_render).map((v) => {
+				if (isVNode(v)) return createVNode(v, { ...attrs });
+				else return v;
+			});
+			return _render;
+		} else if (Array.isArray(render$1)) return filterEmpty(render$1).map((v) => {
+			if (isVNode(v)) return createVNode(v, { ...attrs });
+			return v;
+		});
+		else if (checkIsBaseType(render$1)) return render$1;
+		if (isVNode(render$1)) return createVNode(render$1, { ...attrs });
+		console.log(render$1, "render");
+		return render$1;
+	};
+}, {
+	inheritAttrs: false,
+	name: "RenderComponent",
+	props: ["render"]
+});
+export { RenderComponent_default as default };

package/dist/utils/transition.cjs

@@ -10,12 +10,12 @@ function getTransitionProps(transitionName, opt = {}) {
 	return transitionName ? {
 		name: transitionName,
 		appear: true,
-		enterFromClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-prepare ${transitionName}-enter-prepare ${transitionName}-enter-start`,
-		enterActiveClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-prepare ${transitionName}-enter-prepare `,
-		enterToClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-active ${transitionName}-enter-active`,
-		leaveFromClass: ` ${transitionName}-leave`,
-		leaveActiveClass: `${transitionName}-leave ${transitionName}-leave-active`,
-		leaveToClass: `${transitionName}-leave ${transitionName}-leave-active`,
+		enterFromClass: `${transitionName} ${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-prepare ${transitionName}-enter-prepare ${transitionName}-enter-start`,
+		enterActiveClass: `${transitionName} ${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-prepare ${transitionName}-enter-prepare `,
+		enterToClass: `${transitionName} ${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-active ${transitionName}-enter-active`,
+		leaveFromClass: `${transitionName} ${transitionName}-leave`,
+		leaveActiveClass: `${transitionName} ${transitionName}-leave ${transitionName}-leave-active`,
+		leaveToClass: `${transitionName} ${transitionName}-leave ${transitionName}-leave-active`,
 		...opt
 	} : {
 		css: false,

package/dist/utils/transition.js

@@ -10,12 +10,12 @@ function getTransitionProps(transitionName, opt = {}) {
 	return transitionName ? {
 		name: transitionName,
 		appear: true,
-		enterFromClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-prepare ${transitionName}-enter-prepare ${transitionName}-enter-start`,
-		enterActiveClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-prepare ${transitionName}-enter-prepare `,
-		enterToClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-active ${transitionName}-enter-active`,
-		leaveFromClass: ` ${transitionName}-leave`,
-		leaveActiveClass: `${transitionName}-leave ${transitionName}-leave-active`,
-		leaveToClass: `${transitionName}-leave ${transitionName}-leave-active`,
+		enterFromClass: `${transitionName} ${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-prepare ${transitionName}-enter-prepare ${transitionName}-enter-start`,
+		enterActiveClass: `${transitionName} ${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-prepare ${transitionName}-enter-prepare `,
+		enterToClass: `${transitionName} ${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-active ${transitionName}-enter-active`,
+		leaveFromClass: `${transitionName} ${transitionName}-leave`,
+		leaveActiveClass: `${transitionName} ${transitionName}-leave ${transitionName}-leave-active`,
+		leaveToClass: `${transitionName} ${transitionName}-leave ${transitionName}-leave-active`,
 		...opt
 	} : {
 		css: false,

package/dist/vnode.cjs

@@ -1,6 +1,6 @@
+const require_index = require("./props-util/index.cjs");
 const require_warning = require("./warning.cjs");
 const require_findDOMNode = require("./Dom/findDOMNode.cjs");
-const require_index = require("./props-util/index.cjs");
 let vue = require("vue");
 function cloneElement(vnode, nodeProps = {}, override = true, mergeRef = false) {
 	let ele = vnode;
@@ -61,5 +61,6 @@ exports.cloneElement = cloneElement;
 exports.cloneVNodes = cloneVNodes;
 exports.customRenderSlot = customRenderSlot;
 exports.deepCloneElement = deepCloneElement;
+exports.ensureValidVNode = ensureValidVNode;
 exports.resolveToElement = resolveToElement;
 exports.triggerVNodeUpdate = triggerVNodeUpdate;

package/dist/vnode.d.ts

@@ -7,6 +7,7 @@ export declare function cloneElement<T, U>(vnode: VNode<T, U> | VNode<T, U>[], n
 export declare function cloneVNodes(vnodes: any, nodeProps?: {}, override?: boolean): any;
 export declare function deepCloneElement<T, U>(vnode: VNode<T, U> | VNode<T, U>[], nodeProps?: NodeProps, override?: boolean, mergeRef?: boolean): any;
 export declare function triggerVNodeUpdate(vm: VNode, attrs: Record<string, any>, dom: any): void;
+export declare function ensureValidVNode<T extends Array<unknown>>(slot: T | null): T;
 export declare function customRenderSlot(slots: Slots, name: string, props: Record<string, unknown>, fallback?: () => VNodeArrayChildren): VNodeArrayChildren;
 export declare function resolveToElement(node: any): any;
 export {};

package/dist/vnode.js

@@ -1,6 +1,6 @@
+import { filterEmpty } from "./props-util/index.js";
 import warning_default from "./warning.js";
 import { isDOM } from "./Dom/findDOMNode.js";
-import { filterEmpty } from "./props-util/index.js";
 import { Comment, Fragment, cloneVNode, isVNode, render } from "vue";
 function cloneElement(vnode, nodeProps = {}, override = true, mergeRef = false) {
 	let ele = vnode;
@@ -57,4 +57,4 @@ function resolveToElement(node) {
 	}
 	return null;
 }
-export { cloneElement, cloneVNodes, customRenderSlot, deepCloneElement, resolveToElement, triggerVNodeUpdate };
+export { cloneElement, cloneVNodes, customRenderSlot, deepCloneElement, ensureValidVNode, resolveToElement, triggerVNodeUpdate };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/util",
   "type": "module",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "description": "Vue3 components utils",
   "publishConfig": {
     "access": "public"