@v-c/tour 0.0.1

package/dist/TourStep/DefaultPanel.cjs

@@ -0,0 +1,175 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+let vue = require("vue");
+let __v_c_util = require("@v-c/util");
+let __v_c_util_dist_pickAttrs = require("@v-c/util/dist/pickAttrs");
+__v_c_util_dist_pickAttrs = require_rolldown_runtime.__toESM(__v_c_util_dist_pickAttrs);
+var DefaultPanel = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs }) => {
+	return () => {
+		const { prefixCls, current, total, title, description, onClose, onPrev, onNext, onFinish, closable, classNames: tourClassNames, styles } = props;
+		const ariaProps = (0, __v_c_util_dist_pickAttrs.default)(closable || {}, true);
+		const closeIcon = closable?.closeIcon ?? (0, vue.createVNode)("span", { "class": `${prefixCls}-close-x` }, [(0, vue.createTextVNode)("×")]);
+		const mergedClosable = !!closable;
+		const className = attrs.class;
+		return (0, vue.createVNode)("div", { "class": (0, __v_c_util.clsx)(`${prefixCls}-panel`, className) }, [(0, vue.createVNode)("div", {
+			"class": (0, __v_c_util.clsx)(`${prefixCls}-section`, tourClassNames?.section),
+			"style": styles?.section
+		}, [
+			mergedClosable && (0, vue.createVNode)("button", (0, vue.mergeProps)({
+				"type": "button",
+				"onClick": onClose,
+				"aria-label": "Close"
+			}, ariaProps, { "class": `${prefixCls}-close` }), [closeIcon]),
+			(0, vue.createVNode)("div", {
+				"class": (0, __v_c_util.clsx)(`${prefixCls}-header`, tourClassNames?.header),
+				"style": styles?.header
+			}, [(0, vue.createVNode)("div", {
+				"class": (0, __v_c_util.clsx)(`${prefixCls}-title`, tourClassNames?.title),
+				"style": styles?.title
+			}, [title])]),
+			(0, vue.createVNode)("div", {
+				"class": (0, __v_c_util.clsx)(`${prefixCls}-description`, tourClassNames?.description),
+				"style": styles?.description
+			}, [description]),
+			(0, vue.createVNode)("div", {
+				"class": (0, __v_c_util.clsx)(`${prefixCls}-footer`, tourClassNames?.footer),
+				"style": styles?.footer
+			}, [(0, vue.createVNode)("div", { "class": `${prefixCls}-sliders` }, [total > 1 ? [...Array.from({ length: total }).keys()].map((item, index) => {
+				return (0, vue.createVNode)("span", {
+					"key": item,
+					"class": index === current ? "active" : ""
+				}, null);
+			}) : null]), (0, vue.createVNode)("div", {
+				"class": (0, __v_c_util.clsx)(`${prefixCls}-actions`, tourClassNames?.actions),
+				"style": styles?.actions
+			}, [current !== 0 ? (0, vue.createVNode)("button", {
+				"class": `${prefixCls}-prev-btn`,
+				"onClick": onPrev
+			}, [(0, vue.createTextVNode)("Prev")]) : null, current === total - 1 ? (0, vue.createVNode)("button", {
+				"class": `${prefixCls}-finish-btn`,
+				"onClick": onFinish
+			}, [(0, vue.createTextVNode)("Finish")]) : (0, vue.createVNode)("button", {
+				"class": `${prefixCls}-next-btn`,
+				"onClick": onNext
+			}, [(0, vue.createTextVNode)("Next")])])])
+		])]);
+	};
+}, {
+	props: {
+		prefixCls: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		total: {
+			type: Number,
+			required: false,
+			default: void 0
+		},
+		current: {
+			type: Number,
+			required: false,
+			default: void 0
+		},
+		onClose: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onFinish: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		renderPanel: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onPrev: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onNext: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		classNames: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		styles: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		arrow: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
+		target: {
+			type: [null, Function],
+			required: false,
+			skipCheck: true,
+			default: void 0
+		},
+		title: {
+			type: null,
+			required: true,
+			default: void 0
+		},
+		description: {
+			type: null,
+			required: false,
+			default: void 0
+		},
+		placement: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		className: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		style: {
+			type: null,
+			required: false,
+			default: void 0
+		},
+		mask: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
+		scrollIntoViewOptions: {
+			type: Boolean,
+			required: false,
+			skipCheck: true,
+			default: void 0
+		},
+		closeIcon: {
+			type: null,
+			required: false,
+			default: void 0
+		},
+		closable: {
+			type: [
+				Boolean,
+				Object,
+				null
+			],
+			required: false,
+			default: void 0
+		}
+	},
+	name: "TourDefaultPanel",
+	inheritAttrs: false
+});
+var DefaultPanel_default = DefaultPanel;
+exports.default = DefaultPanel_default;

package/dist/TourStep/DefaultPanel.d.ts

@@ -0,0 +1,8 @@
+import { TourStepProps } from '../interface';
+export type DefaultPanelProps = Omit<TourStepProps, 'closable'> & {
+    closable?: Exclude<TourStepProps['closable'], boolean> | null;
+};
+declare const DefaultPanel: import('vue').DefineSetupFnComponent<DefaultPanelProps, {}, {}, Omit<TourStepProps, "closable"> & {
+    closable?: Exclude<TourStepProps["closable"], boolean> | null;
+} & {}, import('vue').PublicProps>;
+export default DefaultPanel;

package/dist/TourStep/DefaultPanel.js

@@ -0,0 +1,171 @@
+import { createTextVNode, createVNode, defineComponent, mergeProps } from "vue";
+import { clsx } from "@v-c/util";
+import pickAttrs from "@v-c/util/dist/pickAttrs";
+var DefaultPanel_default = /* @__PURE__ */ defineComponent((props, { attrs }) => {
+	return () => {
+		const { prefixCls, current, total, title, description, onClose, onPrev, onNext, onFinish, closable, classNames: tourClassNames, styles } = props;
+		const ariaProps = pickAttrs(closable || {}, true);
+		const closeIcon = closable?.closeIcon ?? createVNode("span", { "class": `${prefixCls}-close-x` }, [createTextVNode("×")]);
+		const mergedClosable = !!closable;
+		const className = attrs.class;
+		return createVNode("div", { "class": clsx(`${prefixCls}-panel`, className) }, [createVNode("div", {
+			"class": clsx(`${prefixCls}-section`, tourClassNames?.section),
+			"style": styles?.section
+		}, [
+			mergedClosable && createVNode("button", mergeProps({
+				"type": "button",
+				"onClick": onClose,
+				"aria-label": "Close"
+			}, ariaProps, { "class": `${prefixCls}-close` }), [closeIcon]),
+			createVNode("div", {
+				"class": clsx(`${prefixCls}-header`, tourClassNames?.header),
+				"style": styles?.header
+			}, [createVNode("div", {
+				"class": clsx(`${prefixCls}-title`, tourClassNames?.title),
+				"style": styles?.title
+			}, [title])]),
+			createVNode("div", {
+				"class": clsx(`${prefixCls}-description`, tourClassNames?.description),
+				"style": styles?.description
+			}, [description]),
+			createVNode("div", {
+				"class": clsx(`${prefixCls}-footer`, tourClassNames?.footer),
+				"style": styles?.footer
+			}, [createVNode("div", { "class": `${prefixCls}-sliders` }, [total > 1 ? [...Array.from({ length: total }).keys()].map((item, index) => {
+				return createVNode("span", {
+					"key": item,
+					"class": index === current ? "active" : ""
+				}, null);
+			}) : null]), createVNode("div", {
+				"class": clsx(`${prefixCls}-actions`, tourClassNames?.actions),
+				"style": styles?.actions
+			}, [current !== 0 ? createVNode("button", {
+				"class": `${prefixCls}-prev-btn`,
+				"onClick": onPrev
+			}, [createTextVNode("Prev")]) : null, current === total - 1 ? createVNode("button", {
+				"class": `${prefixCls}-finish-btn`,
+				"onClick": onFinish
+			}, [createTextVNode("Finish")]) : createVNode("button", {
+				"class": `${prefixCls}-next-btn`,
+				"onClick": onNext
+			}, [createTextVNode("Next")])])])
+		])]);
+	};
+}, {
+	props: {
+		prefixCls: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		total: {
+			type: Number,
+			required: false,
+			default: void 0
+		},
+		current: {
+			type: Number,
+			required: false,
+			default: void 0
+		},
+		onClose: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onFinish: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		renderPanel: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onPrev: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onNext: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		classNames: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		styles: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		arrow: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
+		target: {
+			type: [null, Function],
+			required: false,
+			skipCheck: true,
+			default: void 0
+		},
+		title: {
+			type: null,
+			required: true,
+			default: void 0
+		},
+		description: {
+			type: null,
+			required: false,
+			default: void 0
+		},
+		placement: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		className: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		style: {
+			type: null,
+			required: false,
+			default: void 0
+		},
+		mask: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
+		scrollIntoViewOptions: {
+			type: Boolean,
+			required: false,
+			skipCheck: true,
+			default: void 0
+		},
+		closeIcon: {
+			type: null,
+			required: false,
+			default: void 0
+		},
+		closable: {
+			type: [
+				Boolean,
+				Object,
+				null
+			],
+			required: false,
+			default: void 0
+		}
+	},
+	name: "TourDefaultPanel",
+	inheritAttrs: false
+});
+export { DefaultPanel_default as default };

package/dist/TourStep/index.cjs

@@ -0,0 +1,128 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+const require_DefaultPanel = require("./DefaultPanel.cjs");
+let vue = require("vue");
+var TourStep = /* @__PURE__ */ (0, vue.defineComponent)((props) => {
+	return () => {
+		const { current, renderPanel } = props;
+		return (0, vue.createVNode)(vue.Fragment, null, [typeof renderPanel === "function" ? renderPanel(props, current) : (0, vue.createVNode)(require_DefaultPanel.default, props, null)]);
+	};
+}, {
+	props: {
+		prefixCls: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		total: {
+			type: Number,
+			required: false,
+			default: void 0
+		},
+		current: {
+			type: Number,
+			required: false,
+			default: void 0
+		},
+		onClose: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onFinish: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		renderPanel: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onPrev: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onNext: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		classNames: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		styles: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		arrow: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
+		target: {
+			type: [null, Function],
+			required: false,
+			skipCheck: true,
+			default: void 0
+		},
+		title: {
+			type: null,
+			required: true,
+			default: void 0
+		},
+		description: {
+			type: null,
+			required: false,
+			default: void 0
+		},
+		placement: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		className: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		style: {
+			type: null,
+			required: false,
+			default: void 0
+		},
+		mask: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
+		scrollIntoViewOptions: {
+			type: Boolean,
+			required: false,
+			skipCheck: true,
+			default: void 0
+		},
+		closeIcon: {
+			type: null,
+			required: false,
+			default: void 0
+		},
+		closable: {
+			type: [
+				Boolean,
+				Object,
+				null
+			],
+			required: false,
+			default: void 0
+		}
+	},
+	name: "TourStep",
+	inheritAttrs: false
+});
+var TourStep_default = TourStep;
+exports.default = TourStep_default;

package/dist/TourStep/index.d.ts

@@ -0,0 +1,5 @@
+import { DefaultPanelProps } from './DefaultPanel.tsx';
+declare const TourStep: import('vue').DefineSetupFnComponent<DefaultPanelProps, {}, {}, Omit<import('../interface.ts').TourStepProps, "closable"> & {
+    closable?: Exclude<import('../interface.ts').TourStepProps["closable"], boolean> | null;
+} & {}, import('vue').PublicProps>;
+export default TourStep;

package/dist/TourStep/index.js

@@ -0,0 +1,125 @@
+import DefaultPanel_default from "./DefaultPanel.js";
+import { Fragment, createVNode, defineComponent } from "vue";
+var TourStep_default = /* @__PURE__ */ defineComponent((props) => {
+	return () => {
+		const { current, renderPanel } = props;
+		return createVNode(Fragment, null, [typeof renderPanel === "function" ? renderPanel(props, current) : createVNode(DefaultPanel_default, props, null)]);
+	};
+}, {
+	props: {
+		prefixCls: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		total: {
+			type: Number,
+			required: false,
+			default: void 0
+		},
+		current: {
+			type: Number,
+			required: false,
+			default: void 0
+		},
+		onClose: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onFinish: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		renderPanel: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onPrev: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onNext: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		classNames: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		styles: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		arrow: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
+		target: {
+			type: [null, Function],
+			required: false,
+			skipCheck: true,
+			default: void 0
+		},
+		title: {
+			type: null,
+			required: true,
+			default: void 0
+		},
+		description: {
+			type: null,
+			required: false,
+			default: void 0
+		},
+		placement: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		className: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		style: {
+			type: null,
+			required: false,
+			default: void 0
+		},
+		mask: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
+		scrollIntoViewOptions: {
+			type: Boolean,
+			required: false,
+			skipCheck: true,
+			default: void 0
+		},
+		closeIcon: {
+			type: null,
+			required: false,
+			default: void 0
+		},
+		closable: {
+			type: [
+				Boolean,
+				Object,
+				null
+			],
+			required: false,
+			default: void 0
+		}
+	},
+	name: "TourStep",
+	inheritAttrs: false
+});
+export { TourStep_default as default };

package/dist/_virtual/rolldown_runtime.cjs

@@ -0,0 +1,21 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+exports.__toESM = __toESM;

package/dist/hooks/useClosable.cjs

@@ -0,0 +1,23 @@
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+let vue = require("vue");
+function isConfigObj(closable) {
+	return closable !== null && typeof closable === "object";
+}
+function getClosableConfig(closable, closeIcon, preset) {
+	if (closable === false || closeIcon === false && (!isConfigObj(closable) || !closable?.closeIcon)) return null;
+	const mergedCloseIcon = typeof closeIcon !== "boolean" ? closeIcon : void 0;
+	if (isConfigObj(closable)) return {
+		...closable,
+		closeIcon: closable?.closeIcon ?? mergedCloseIcon
+	};
+	return preset || closable || closeIcon ? { closeIcon: mergedCloseIcon } : "empty";
+}
+function useClosable(stepClosable, stepCloseIcon, closable, closeIcon) {
+	return (0, vue.computed)(() => {
+		const stepClosableConfig = getClosableConfig(stepClosable.value, stepCloseIcon.value, false);
+		const rootCloseableConfig = getClosableConfig(closable.value, closeIcon.value, true);
+		if (stepClosableConfig !== "empty") return stepClosableConfig;
+		return rootCloseableConfig;
+	});
+}
+exports.useClosable = useClosable;

package/dist/hooks/useClosable.d.ts

@@ -0,0 +1,5 @@
+import { Ref } from 'vue';
+import { TourProps, TourStepInfo } from '../interface';
+type ClosableConfig = Exclude<TourStepInfo['closable'], boolean> | null;
+export declare function useClosable(stepClosable: Ref<TourStepInfo['closable']>, stepCloseIcon: Ref<TourStepInfo['closeIcon']>, closable: Ref<TourProps['closable']>, closeIcon: Ref<TourProps['closeIcon']>): import('vue').ComputedRef<ClosableConfig>;
+export {};

package/dist/hooks/useClosable.js

@@ -0,0 +1,22 @@
+import { computed } from "vue";
+function isConfigObj(closable) {
+	return closable !== null && typeof closable === "object";
+}
+function getClosableConfig(closable, closeIcon, preset) {
+	if (closable === false || closeIcon === false && (!isConfigObj(closable) || !closable?.closeIcon)) return null;
+	const mergedCloseIcon = typeof closeIcon !== "boolean" ? closeIcon : void 0;
+	if (isConfigObj(closable)) return {
+		...closable,
+		closeIcon: closable?.closeIcon ?? mergedCloseIcon
+	};
+	return preset || closable || closeIcon ? { closeIcon: mergedCloseIcon } : "empty";
+}
+function useClosable(stepClosable, stepCloseIcon, closable, closeIcon) {
+	return computed(() => {
+		const stepClosableConfig = getClosableConfig(stepClosable.value, stepCloseIcon.value, false);
+		const rootCloseableConfig = getClosableConfig(closable.value, closeIcon.value, true);
+		if (stepClosableConfig !== "empty") return stepClosableConfig;
+		return rootCloseableConfig;
+	});
+}
+export { useClosable };