sard 1.0.0 → 1.0.1

package/components/rate/rate.js

@@ -0,0 +1,192 @@
+import { createBem } from "../../utils/bem.js";
+import { usePointerDown } from "../../use/usePointerDown.js";
+import { useRtl } from "../../use/useRtl.js";
+import "../../use/index.js";
+import "../../utils/index.js";
+import { useFormContext, useFormItemContext } from "../form/common.js";
+import { defaultRateProps } from "./common.js";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeDefaults, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useSlots, useTemplateRef, watch, withModifiers } from "vue";
+import { Star, StarFill } from "@sard/icons";
+//#region packages/sard/components/rate/rate.vue
+const _hoisted_1 = ["data-index", "onClick"];
+var rate_default = /*@__PURE__*/ defineComponent({
+	__name: "rate",
+	props: /*@__PURE__*/ mergeDefaults({
+		modelValue: {
+			type: Number,
+			required: false
+		},
+		allowHalf: {
+			type: Boolean,
+			required: false
+		},
+		clearable: {
+			type: Boolean,
+			required: false
+		},
+		count: {
+			type: Number,
+			required: false
+		},
+		size: {
+			type: String,
+			required: false
+		},
+		gap: {
+			type: String,
+			required: false
+		},
+		text: {
+			type: String,
+			required: false
+		},
+		voidText: {
+			type: String,
+			required: false
+		},
+		color: {
+			type: String,
+			required: false
+		},
+		voidColor: {
+			type: String,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		readonly: {
+			type: Boolean,
+			required: false
+		},
+		validateEvent: {
+			type: Boolean,
+			required: false
+		}
+	}, defaultRateProps),
+	emits: ["update:modelValue", "change"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const slots = useSlots();
+		const emit = __emit;
+		const bem = createBem("rate");
+		const formContext = useFormContext();
+		const formItemContext = useFormItemContext();
+		const isDisabled = computed(() => {
+			return formContext?.disabled || props.disabled;
+		});
+		const isReadonly = computed(() => {
+			return formContext?.readonly || props.readonly;
+		});
+		const innerValue = ref(props.modelValue ?? 0);
+		watch(() => props.modelValue, () => {
+			innerValue.value = props.modelValue ?? 0;
+			if (props.validateEvent) formItemContext?.onChange();
+		});
+		const rateRef = useTemplateRef("rate");
+		const itemRefs = useTemplateRef("items");
+		const firstStar = computed(() => {
+			return itemRefs.value?.find((item) => item.dataset.index === "0");
+		});
+		const rateRect = ref();
+		const firstStarRect = ref();
+		const isRtl = useRtl(rateRef);
+		const starList = computed(() => {
+			return Array(props.count).fill(0).map((_, index) => {
+				const diff = index + 1 - innerValue.value;
+				return { width: (diff <= 0 ? 1 : diff > 1 ? 0 : innerValue.value % 1) * 100 + "%" };
+			});
+		});
+		const onClick = (event, index) => {
+			if (isReadonly.value || isDisabled.value) return;
+			let nextValue;
+			if (props.allowHalf) {
+				const { left: rateLeft, width: rateWidth } = rateRef.value.getBoundingClientRect();
+				const starWidth = firstStar.value.getBoundingClientRect().width;
+				const { clientX } = "touches" in event ? event.touches[0] : event;
+				nextValue = index + (clientX - rateLeft - index * (starWidth + (rateWidth - props.count * starWidth) / (props.count - 1)) <= starWidth / 2 ? .5 : 1);
+			} else nextValue = index + 1;
+			if (props.clearable && nextValue === innerValue.value) nextValue = 0;
+			if (nextValue !== void 0 && nextValue !== innerValue.value) {
+				innerValue.value = nextValue;
+				emit("update:modelValue", nextValue);
+				emit("change", nextValue);
+			}
+		};
+		const onTouchStart = () => {
+			if (isReadonly.value || isDisabled.value) return;
+			rateRect.value = rateRef.value.getBoundingClientRect();
+			firstStarRect.value = firstStar.value.getBoundingClientRect();
+		};
+		const onTouchMove = (event) => {
+			if (isReadonly.value || isDisabled.value) return;
+			if (!rateRect.value || !firstStarRect.value) return;
+			const { left: rateLeft, width: rateWidth } = rateRect.value;
+			const { clientX } = event.touches[0];
+			let offsetX = clientX - rateLeft;
+			let nextValue;
+			if (isRtl.value) offsetX = rateWidth - offsetX;
+			if (offsetX < 0) nextValue = 0;
+			else {
+				const { width: starWidth } = firstStarRect.value;
+				const gap = (rateWidth - props.count * starWidth) / (props.count - 1);
+				for (let i = props.count - 1; i >= 0; i--) {
+					const left = i * (gap + starWidth);
+					if (offsetX >= left) {
+						nextValue = i + (props.allowHalf && offsetX <= left + starWidth / 2 ? .5 : 1);
+						break;
+					}
+				}
+			}
+			if (nextValue === 0 && !props.clearable) nextValue = props.allowHalf ? .5 : 1;
+			if (nextValue !== void 0 && nextValue !== innerValue.value) {
+				innerValue.value = nextValue;
+				emit("update:modelValue", nextValue);
+				emit("change", nextValue);
+			}
+		};
+		const onPointerDown = usePointerDown(onTouchStart, onTouchMove);
+		const rateClass = computed(() => {
+			return [
+				bem.b(),
+				bem.m("disabled", isDisabled.value),
+				bem.m("readonly", isReadonly.value)
+			];
+		});
+		const contentStyle = computed(() => {
+			return { gap: props.gap };
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(rateClass.value) }, [createElementVNode("div", {
+				ref: "rate",
+				class: normalizeClass(unref(bem).e("content")),
+				style: normalizeStyle(contentStyle.value),
+				onTouchstart: withModifiers(onTouchStart, ["stop", "prevent"]),
+				onTouchmove: withModifiers(onTouchMove, ["stop", "prevent"]),
+				onPointerdown: _cache[0] || (_cache[0] = (...args) => unref(onPointerDown) && unref(onPointerDown)(...args))
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(starList.value, (item, i) => {
+				return openBlock(), createElementBlock("div", {
+					key: i,
+					ref_for: true,
+					ref: "items",
+					class: normalizeClass(unref(bem).e("item")),
+					"data-index": i,
+					style: normalizeStyle({ fontSize: __props.size }),
+					onClick: ($event) => onClick($event, i)
+				}, [createElementVNode("div", {
+					class: normalizeClass(unref(bem).e("star-void")),
+					style: normalizeStyle({ color: isDisabled.value ? void 0 : __props.voidColor })
+				}, [__props.voidText || slots["void-star"] ? renderSlot(_ctx.$slots, "void-star", { key: 0 }, () => [createTextVNode(toDisplayString(__props.voidText), 1)]) : (openBlock(), createBlock(unref(Star), { key: 1 }))], 6), createElementVNode("div", {
+					class: normalizeClass(unref(bem).e("star")),
+					style: normalizeStyle({
+						color: isDisabled.value ? void 0 : __props.color,
+						width: item.width
+					})
+				}, [__props.text || slots["star"] ? renderSlot(_ctx.$slots, "star", { key: 0 }, () => [createTextVNode(toDisplayString(__props.text), 1)]) : (openBlock(), createBlock(unref(StarFill), { key: 1 }))], 6)], 14, _hoisted_1);
+			}), 128))], 38)], 2);
+		};
+	}
+});
+//#endregion
+export { rate_default as default };

package/components/read-more/common.d.ts

@@ -0,0 +1,20 @@
+import { type DefaultProps } from '../config';
+export interface ReadMoreProps {
+    maxHeight?: number;
+    hideClose?: boolean;
+    openText?: string;
+    closeText?: string;
+    visible?: boolean;
+    keepLocation?: boolean;
+}
+export declare const defaultReadMoreProps: DefaultProps<ReadMoreProps>;
+export interface ReadMoreSlots {
+    default?(props: Record<string, never>): any;
+}
+export interface ReadMoreEmits {
+    (e: 'update:visible', visible: boolean): void;
+    (e: 'open'): void;
+    (e: 'close'): void;
+}
+export interface ReadMoreExpose {
+}

package/components/read-more/common.js

@@ -0,0 +1,7 @@
+//#region packages/sard/components/read-more/common.ts
+const defaultReadMoreProps = {
+	maxHeight: 200,
+	keepLocation: true
+};
+//#endregion
+export { defaultReadMoreProps };

package/components/read-more/index.css

@@ -0,0 +1 @@
+:root{--s-read-more-shadow-max-height:80%;--s-read-more-shadow-height:100px;--s-read-more-shadow-bg:linear-gradient(to bottom, rgba(var(--s-bg-color-container-rgb), 0), rgba(var(--s-bg-color-container-rgb), 1) 95%)}.s-read-more__content{position:relative}.s-read-more__shadow{position:absolute;left:0;right:0;bottom:0;max-height:var(--s-read-more-shadow-max-height);height:var(--s-read-more-shadow-height);background:var(--s-read-more-shadow-bg);display:none}.s-read-more__toggle{display:flex;justify-content:center;align-items:center;margin-inline-start:auto;margin-inline-end:auto}.s-read-more__toggle-btn{gap:4px}.s-read-more--close .s-read-more__content{overflow:hidden}.s-read-more--close .s-read-more__shadow{display:block}

package/components/read-more/index.d.ts

@@ -0,0 +1,5 @@
+import { type EnhancedComponent } from '../../utils';
+import _ReadMore from './read-more.vue';
+export declare const ReadMore: EnhancedComponent<typeof _ReadMore>;
+export default ReadMore;
+export type { ReadMoreProps, ReadMoreSlots, ReadMoreEmits, ReadMoreExpose } from './common';

package/components/read-more/index.js

@@ -0,0 +1,7 @@
+import { enhanceComponent } from "../../utils/component.js";
+import "../../utils/index.js";
+import read_more_default from "./read-more.js";
+//#region packages/sard/components/read-more/index.ts
+const ReadMore = enhanceComponent(read_more_default);
+//#endregion
+export { ReadMore, ReadMore as default };

package/components/read-more/read-more.d.ts

@@ -0,0 +1,26 @@
+import { type ReadMoreProps, type ReadMoreSlots, type ReadMoreExpose } from './common';
+type __VLS_Slots = ReadMoreSlots;
+declare const __VLS_base: import("vue").DefineComponent<ReadMoreProps, ReadMoreExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+    "update:visible": (visible: boolean) => any;
+    open: () => any;
+}, string, import("vue").PublicProps, Readonly<ReadMoreProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    onOpen?: (() => any) | undefined;
+}>, {
+    visible: boolean;
+    maxHeight: number;
+    hideClose: boolean;
+    openText: string;
+    closeText: string;
+    keepLocation: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/read-more/read-more.js

@@ -0,0 +1,121 @@
+import { createBem } from "../../utils/bem.js";
+import { usePointerDown } from "../../use/usePointerDown.js";
+import "../../use/index.js";
+import "../../utils/index.js";
+import { useTranslateWithPrefix } from "../../locale/index.js";
+import button_default from "../button/button.js";
+import { defaultReadMoreProps } from "./common.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeDefaults, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, toDisplayString, unref, useTemplateRef, watch, withCtx } from "vue";
+import { Down, Up } from "@sard/icons";
+//#region packages/sard/components/read-more/read-more.vue
+var read_more_default = /*@__PURE__*/ defineComponent({
+	__name: "read-more",
+	props: /*@__PURE__*/ mergeDefaults({
+		maxHeight: {
+			type: Number,
+			required: false
+		},
+		hideClose: {
+			type: Boolean,
+			required: false
+		},
+		openText: {
+			type: String,
+			required: false
+		},
+		closeText: {
+			type: String,
+			required: false
+		},
+		visible: {
+			type: Boolean,
+			required: false
+		},
+		keepLocation: {
+			type: Boolean,
+			required: false
+		}
+	}, defaultReadMoreProps),
+	emits: [
+		"update:visible",
+		"open",
+		"close"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const bem = createBem("read-more");
+		const { t } = useTranslateWithPrefix("readMore");
+		const innerVisible = ref(props.visible);
+		watch(() => props.visible, () => {
+			innerVisible.value = props.visible;
+		});
+		const handleClick = () => {
+			innerVisible.value = !innerVisible.value;
+			emit("update:visible", innerVisible.value);
+			if (innerVisible.value) emit("open");
+			else {
+				onClose();
+				emit("close");
+			}
+		};
+		const onButtonClick = () => {
+			handleClick();
+		};
+		const toggleText = computed(() => {
+			return innerVisible.value ? props.openText || t("fold") : props.closeText || t("unfold");
+		});
+		const hideToggle = computed(() => {
+			return innerVisible.value && props.hideClose;
+		});
+		const contentRef = useTemplateRef("content");
+		const toggleRef = useTemplateRef("toggle");
+		let scrollTop = 0;
+		const onTouchStart = (event) => {
+			if (props.keepLocation && innerVisible.value) {
+				const { clientY, pageY } = event.touches[0];
+				const contentRect = contentRef.value.getBoundingClientRect();
+				const toggleRect = toggleRef.value.getBoundingClientRect();
+				const closeContentHeight = Math.min(props.maxHeight, contentRect.height);
+				const openContentHeight = contentRect.height;
+				scrollTop = pageY - (clientY - toggleRect.top) - openContentHeight - (toggleRect.top - closeContentHeight);
+			}
+		};
+		const onPointerDown = usePointerDown(onTouchStart, void 0, void 0);
+		const onClose = () => {
+			if (props.keepLocation) window.scrollTo({
+				top: scrollTop,
+				behavior: "instant"
+			});
+		};
+		__expose({});
+		const readMoreClass = computed(() => {
+			return [bem.b(), bem.m("close", !innerVisible.value)];
+		});
+		const contentStyle = computed(() => {
+			return { maxHeight: innerVisible.value ? "none" : props.maxHeight + "px" };
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(readMoreClass.value) }, [createElementVNode("div", {
+				ref: "content",
+				class: normalizeClass(unref(bem).e("content")),
+				style: normalizeStyle(contentStyle.value)
+			}, [renderSlot(_ctx.$slots, "default"), createElementVNode("div", { class: normalizeClass(unref(bem).e("shadow")) }, null, 2)], 6), !hideToggle.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				ref: "toggle",
+				class: normalizeClass(unref(bem).e("toggle")),
+				onTouchstart: onTouchStart,
+				onPointerdown: _cache[0] || (_cache[0] = (...args) => unref(onPointerDown) && unref(onPointerDown)(...args))
+			}, [createVNode(button_default, {
+				class: normalizeClass(unref(bem).e("toggle-btn")),
+				variant: "link",
+				onClick: onButtonClick
+			}, {
+				default: withCtx(() => [createElementVNode("span", null, toDisplayString(toggleText.value), 1), innerVisible.value ? (openBlock(), createBlock(unref(Up), { key: 0 })) : (openBlock(), createBlock(unref(Down), { key: 1 }))]),
+				_: 1
+			}, 8, ["class"])], 34)) : createCommentVNode("v-if", true)], 2);
+		};
+	}
+});
+//#endregion
+export { read_more_default as default };

package/components/result/common.d.ts

@@ -0,0 +1,13 @@
+import { type DefaultProps } from '../config';
+export interface ResultProps {
+    status?: 'success' | 'info' | 'warning' | 'error' | 'question';
+    title?: string;
+    description?: string;
+}
+export declare const defaultResultProps: DefaultProps<ResultProps>;
+export interface ResultSlots {
+    default?(props: Record<string, never>): any;
+    title?(props: Record<string, never>): any;
+    description?(props: Record<string, never>): any;
+    icon?(props: Record<string, never>): any;
+}

package/components/result/common.js

@@ -0,0 +1,4 @@
+//#region packages/sard/components/result/common.ts
+const defaultResultProps = { status: "info" };
+//#endregion
+export { defaultResultProps };

package/components/result/index.css

@@ -0,0 +1 @@
+:root{--s-result-icon-font-size:var(--s-size-4xl);--s-result-color-success:var(--s-color-success);--s-result-color-info:var(--s-color-primary);--s-result-color-warning:var(--s-color-warning);--s-result-color-error:var(--s-color-danger);--s-result-color-question:var(--s-color-primary);--s-result-title-margin-top:var(--s-size);--s-result-title-font-size:var(--s-font-size-xl);--s-result-description-margin-top:var(--s-size-2xs);--s-result-description-font-size:var(--s-font-size);--s-result-description-color:var(--s-text-color-tertiary);--s-result-extra-margin-top:var(--s-size)}.s-result{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.s-result__icon{display:flex;font-size:var(--s-result-icon-font-size);line-height:var(--s-line-height-none);text-align:center}.s-result__icon--success{color:var(--s-result-color-success)}.s-result__icon--info{color:var(--s-result-color-info)}.s-result__icon--warning{color:var(--s-result-color-warning)}.s-result__icon--error{color:var(--s-result-color-error)}.s-result__icon--question{color:var(--s-result-color-question)}.s-result__title{margin-top:var(--s-result-title-margin-top);font-size:var(--s-result-title-font-size);text-align:center}.s-result__description{margin-top:var(--s-result-description-margin-top);font-size:var(--s-result-description-font-size);color:var(--s-result-description-color);text-align:center}.s-result__extra{margin-top:var(--s-result-extra-margin-top)}

package/components/result/index.d.ts

@@ -0,0 +1,5 @@
+import { type EnhancedComponent } from '../../utils';
+import _Result from './result.vue';
+export declare const Result: EnhancedComponent<typeof _Result>;
+export default Result;
+export type { ResultProps, ResultSlots } from './common';

package/components/result/index.js

@@ -0,0 +1,7 @@
+import { enhanceComponent } from "../../utils/component.js";
+import "../../utils/index.js";
+import result_default from "./result.js";
+//#region packages/sard/components/result/index.ts
+const Result = enhanceComponent(result_default);
+//#endregion
+export { Result, Result as default };

package/components/result/result.d.ts

@@ -0,0 +1,15 @@
+import { type ResultProps, type ResultSlots } from './common';
+type __VLS_Slots = ResultSlots;
+declare const __VLS_base: import("vue").DefineComponent<ResultProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ResultProps> & Readonly<{}>, {
+    title: string;
+    description: string;
+    status: "success" | "info" | "warning" | "error" | "question";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/result/result.js

@@ -0,0 +1,50 @@
+import { createBem } from "../../utils/bem.js";
+import "../../utils/index.js";
+import { defaultResultProps } from "./common.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeDefaults, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useSlots } from "vue";
+import { CheckCircleFill, InfoCircleFill, QuestionCircleFill, WarningFill, XOctagonFill } from "@sard/icons";
+//#region packages/sard/components/result/result.vue
+var result_default = /*@__PURE__*/ defineComponent({
+	__name: "result",
+	props: /*@__PURE__*/ mergeDefaults({
+		status: {
+			type: String,
+			required: false
+		},
+		title: {
+			type: String,
+			required: false
+		},
+		description: {
+			type: String,
+			required: false
+		}
+	}, defaultResultProps),
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		const bem = createBem("result");
+		const iconClass = computed(() => {
+			return [bem.e("icon"), bem.em("icon", props.status)];
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(bem).b()) }, [
+				createElementVNode("div", { class: normalizeClass(iconClass.value) }, [renderSlot(_ctx.$slots, "icon", {}, () => [__props.status === "success" ? (openBlock(), createBlock(unref(CheckCircleFill), { key: 0 })) : __props.status === "info" ? (openBlock(), createBlock(unref(InfoCircleFill), { key: 1 })) : __props.status === "warning" ? (openBlock(), createBlock(unref(WarningFill), { key: 2 })) : __props.status === "error" ? (openBlock(), createBlock(unref(XOctagonFill), { key: 3 })) : __props.status === "question" ? (openBlock(), createBlock(unref(QuestionCircleFill), { key: 4 })) : createCommentVNode("v-if", true)])], 2),
+				__props.title ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(unref(bem).e("title"))
+				}, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])], 2)) : createCommentVNode("v-if", true),
+				__props.description ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass(unref(bem).e("description"))
+				}, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(__props.description), 1)])], 2)) : createCommentVNode("v-if", true),
+				slots.default ? (openBlock(), createElementBlock("div", {
+					key: 2,
+					class: normalizeClass(unref(bem).e("extra"))
+				}, [renderSlot(_ctx.$slots, "default")], 2)) : createCommentVNode("v-if", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { result_default as default };

package/components/rotate-verify/common.d.ts

@@ -0,0 +1,12 @@
+import { type DefaultProps } from '../config';
+import { type SlideVerifySlots, type SlideVerifyProps, type SlideVerifyExpose, type SlideVerifyEmits } from '../slide-verify/common';
+export interface RotateVerifyProps extends SlideVerifyProps {
+    src?: string;
+}
+export declare const defaultRotateVerifyProps: DefaultProps<RotateVerifyProps>;
+export interface RotateVerifySlots extends SlideVerifySlots {
+}
+export interface RotateVerifyEmits extends SlideVerifyEmits {
+}
+export interface RotateVerifyExpose extends SlideVerifyExpose {
+}

package/components/rotate-verify/common.js

@@ -0,0 +1,4 @@
+//#region packages/sard/components/rotate-verify/common.ts
+const defaultRotateVerifyProps = { resetWhenError: true };
+//#endregion
+export { defaultRotateVerifyProps };

package/components/rotate-verify/index.css

@@ -0,0 +1 @@
+:root{--s-rotate-verify-image-size:128px;--s-rotate-verify-image-margin-bottom:var(--s-size-lg)}.s-rotate-verify__image{display:flex;width:var(--s-rotate-verify-image-size);height:var(--s-rotate-verify-image-size);margin:0 auto var(--s-rotate-verify-image-margin-bottom);border-radius:50%;overflow:hidden;object-fit:cover}

package/components/rotate-verify/index.d.ts

@@ -0,0 +1,5 @@
+import { type EnhancedComponent } from '../../utils';
+import _RotateVerify from './rotate-verify.vue';
+export declare const RotateVerify: EnhancedComponent<typeof _RotateVerify>;
+export default RotateVerify;
+export type { RotateVerifyProps, RotateVerifySlots, RotateVerifyEmits, RotateVerifyExpose, } from './common';

package/components/rotate-verify/index.js

@@ -0,0 +1,7 @@
+import { enhanceComponent } from "../../utils/component.js";
+import "../../utils/index.js";
+import rotate_verify_default from "./rotate-verify.js";
+//#region packages/sard/components/rotate-verify/index.ts
+const RotateVerify = enhanceComponent(rotate_verify_default);
+//#endregion
+export { RotateVerify, RotateVerify as default };

package/components/rotate-verify/rotate-verify.d.ts

@@ -0,0 +1,31 @@
+import { type RotateVerifyProps, type RotateVerifySlots, type RotateVerifyExpose } from './common';
+type __VLS_Slots = RotateVerifySlots;
+declare const __VLS_base: import("vue").DefineComponent<RotateVerifyProps, RotateVerifyExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    start: (event: any) => any;
+    end: (event: any) => any;
+    change: (percent: number) => any;
+    move: (event: any) => any;
+}, string, import("vue").PublicProps, Readonly<RotateVerifyProps> & Readonly<{
+    onStart?: ((event: any) => any) | undefined;
+    onEnd?: ((event: any) => any) | undefined;
+    onChange?: ((percent: number) => any) | undefined;
+    onMove?: ((event: any) => any) | undefined;
+}>, {
+    text: string;
+    disabled: boolean;
+    src: string;
+    errorText: string;
+    targetPos: number;
+    successText: string;
+    resetWhenError: boolean;
+    showTarget: boolean;
+    verify: (result: import("../index.ts").SlideVerifyResult) => Promise<boolean> | boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};