sard 1.0.0 → 1.0.1

package/components/preview-image/preview-image.js

@@ -0,0 +1,174 @@
+import { createBem } from "../../utils/bem.js";
+import { clamp } from "../../utils/number.js";
+import { useTimeout } from "../../use/useTimeout.js";
+import { usePointerDown } from "../../use/usePointerDown.js";
+import { useInitialVelocity } from "../../use/useInitialVelocity.js";
+import "../../use/index.js";
+import "../../utils/index.js";
+import popup_default from "../popup/popup.js";
+import { defaultPreviewImageProps, previewImageContextKey } from "./common.js";
+import swiper_default from "../swiper/swiper.js";
+import swiper_item_default from "../swiper/swiper-item.js";
+import preview_image_item_default from "./preview-image-item.js";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, isRef, mergeDefaults, normalizeClass, normalizeStyle, openBlock, provide, reactive, ref, renderList, toDisplayString, unref, useModel, watch, withCtx } from "vue";
+//#region packages/sard/components/preview-image/preview-image.vue
+const CLOSE_THRESHOLD = 80;
+const SCALE_THRESHOLD = 300;
+var preview_image_default = /*@__PURE__*/ defineComponent({
+	__name: "preview-image",
+	props: /*@__PURE__*/ mergeDefaults({
+		visible: {
+			type: Boolean,
+			required: false
+		},
+		current: {
+			type: Number,
+			required: false
+		},
+		urls: {
+			type: Array,
+			required: false
+		}
+	}, defaultPreviewImageProps),
+	emits: [
+		"update:visible",
+		"update:current",
+		"before-enter",
+		"enter",
+		"after-enter",
+		"enter-cancelled",
+		"before-leave",
+		"leave",
+		"after-leave",
+		"leave-cancelled",
+		"visible-hook"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		__expose({});
+		const bem = createBem("preview-image");
+		const innerVisible = useModel(props, "visible");
+		const visibleTimer = useTimeout();
+		const visibleSwitching = ref(false);
+		watch(innerVisible, () => {
+			visibleSwitching.value = true;
+			visibleTimer.set(() => {
+				visibleSwitching.value = false;
+			}, 150);
+		});
+		const onVisibleHook = (name, el) => {
+			if (name === "before-enter") resetSlideDown();
+			emit("visible-hook", name, el);
+			emit(name, el);
+		};
+		const close = () => {
+			innerVisible.value = false;
+		};
+		const isImmersive = ref(false);
+		provide(previewImageContextKey, reactive({
+			visibleSwitching,
+			immersive: isImmersive,
+			sceneType: ref(null),
+			close
+		}));
+		let startX = 0;
+		let startY = 0;
+		let lockDirection = "";
+		let downTranslateY = 0;
+		const translateY = ref(0);
+		const movable = ref(false);
+		let canResolveEnd = false;
+		const initVelocity = useInitialVelocity();
+		const resetSlideDown = () => {
+			translateY.value = 0;
+		};
+		const onTouchStart = (event) => {
+			if (isImmersive.value) return;
+			const { clientX, clientY } = event.touches[0];
+			startX = clientX;
+			startY = clientY;
+			initVelocity.start(clientX, clientY);
+			downTranslateY = translateY.value;
+			movable.value = true;
+		};
+		const onTouchMove = (event) => {
+			if (isImmersive.value || !movable.value || lockDirection && lockDirection !== "y") return;
+			const { clientX, clientY } = event.touches[0];
+			const deltaX = clientX - startX;
+			const deltaY = clientY - startY;
+			initVelocity.move(clientX, clientY);
+			if (!lockDirection) lockDirection = Math.abs(deltaX) >= Math.abs(deltaY) ? "x" : "y";
+			if (lockDirection !== "y") return;
+			let nextTranslateY = downTranslateY + deltaY;
+			translateY.value = nextTranslateY;
+			canResolveEnd = true;
+		};
+		const onTouchEnd = () => {
+			if (canResolveEnd) {
+				const velocity = initVelocity.end();
+				const y = translateY.value;
+				const dependsOnSpeed = Math.abs(velocity.y) > .5;
+				if (dependsOnSpeed && velocity.y > 0 || !dependsOnSpeed && y >= CLOSE_THRESHOLD) close();
+				else translateY.value = 0;
+			}
+			movable.value = false;
+			lockDirection = "";
+			canResolveEnd = false;
+		};
+		const onPointerDown = usePointerDown(onTouchStart, onTouchMove, onTouchEnd);
+		const immersiveStyle = computed(() => {
+			const scale = translateY.value === 0 ? 1 : clamp((SCALE_THRESHOLD - translateY.value) / SCALE_THRESHOLD, .1, 1);
+			return {
+				transform: `translate3d(0,${translateY.value}px,0) scale(${scale})`,
+				transition: movable.value ? "none" : `transform 300ms`,
+				opacity: scale
+			};
+		});
+		const current = useModel(props, "current");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(popup_default, {
+				effect: "full-fade",
+				"overlay-class": [
+					unref(bem).e("overlay"),
+					unref(bem).is("preview-image"),
+					unref(bem).is("immersive", isImmersive.value)
+				],
+				visible: unref(innerVisible),
+				onVisibleHook
+			}, {
+				default: withCtx(() => [createElementVNode("div", {
+					class: normalizeClass([unref(bem).b(), unref(bem).is("immersive", isImmersive.value)]),
+					style: normalizeStyle(immersiveStyle.value),
+					onTouchstart: onTouchStart,
+					onTouchmove: onTouchMove,
+					onTouchend: onTouchEnd,
+					onTouchcancel: onTouchEnd,
+					onPointerdown: _cache[1] || (_cache[1] = (...args) => unref(onPointerDown) && unref(onPointerDown)(...args))
+				}, [createVNode(unref(swiper_default), {
+					modelValue: unref(current),
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(current) ? current.value = $event : null),
+					loop: "",
+					duration: visibleSwitching.value ? 0 : 300,
+					"space-between": 20,
+					class: normalizeClass([unref(bem).e("swiper"), unref(bem).is("preview-image")])
+				}, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.urls, (url, index) => {
+						return openBlock(), createBlock(unref(swiper_item_default), { key: index }, {
+							default: withCtx(() => [createVNode(preview_image_item_default, { url }, null, 8, ["url"])]),
+							_: 2
+						}, 1024);
+					}), 128))]),
+					_: 1
+				}, 8, [
+					"modelValue",
+					"duration",
+					"class"
+				])], 38), createElementVNode("div", { class: normalizeClass(unref(bem).e("toolbar")) }, [createElementVNode("div", { class: normalizeClass(unref(bem).e("indicator")) }, toDisplayString(unref(current) + 1) + " / " + toDisplayString(__props.urls.length), 3)], 2)]),
+				_: 1
+			}, 8, ["overlay-class", "visible"]);
+		};
+	}
+});
+//#endregion
+export { preview_image_default as default };

package/components/progress-bar/common.d.ts

@@ -0,0 +1,16 @@
+import { type DefaultProps } from '../config';
+export interface ProgressBarProps {
+    percent?: number;
+    inside?: boolean;
+    color?: string;
+    trackColor?: string;
+    thickness?: string;
+    showText?: boolean;
+    striped?: boolean;
+    animated?: boolean;
+    status?: 'success' | 'warning' | 'error';
+}
+export declare const defaultProgressBarProps: DefaultProps<ProgressBarProps>;
+export interface ProgressBarSlots {
+    default?(props: Record<string, never>): any;
+}

package/components/progress-bar/common.js

@@ -0,0 +1,7 @@
+//#region packages/sard/components/progress-bar/common.ts
+const defaultProgressBarProps = {
+	percent: 0,
+	showText: true
+};
+//#endregion
+export { defaultProgressBarProps };

package/components/progress-bar/index.css

@@ -0,0 +1 @@
+:root{--s-progress-bar-height:4px;--s-progress-bar-border-radius:var(--s-border-radius-full);--s-progress-bar-track-bg:var(--s-fill-color-secondary);--s-progress-bar-fill-font-size:var(--s-font-size);--s-progress-bar-fill-color:var(--s-white);--s-progress-bar-fill-bg:var(--s-color-primary);--s-progress-bar-text-font-size:var(--s-font-size);--s-progress-bar-text-margin-start:var(--s-size-xs);--s-progress-bar-text-margin-end:var(--s-size-xs);--s-progress-bar-inside-height:var(--s-size);--s-progress-bar-inside-text-font-size:var(--s-font-size-sm);--s-progress-bar-striped-width:var(--s-size);--s-progress-bar-status-margin-start:var(--s-size-xs);--s-progress-bar-color-success:var(--s-color-success);--s-progress-bar-color-warning:var(--s-color-warning);--s-progress-bar-color-error:var(--s-color-danger)}.s-progress-bar{display:flex;align-items:center}.s-progress-bar__track{flex:1;height:var(--s-progress-bar-height);border-radius:var(--s-progress-bar-border-radius);background:var(--s-progress-bar-track-bg);overflow:hidden}.s-progress-bar__fill{display:flex;align-items:center;height:100%;border-radius:var(--s-progress-bar-border-radius);font-size:var(--s-progress-bar-fill-font-size);color:var(--s-progress-bar-fill-color);background:var(--s-progress-bar-fill-bg);transition:width var(--s-duration-slow)}.s-progress-bar__text{flex:none;font-size:var(--s-progress-bar-text-font-size);margin-inline-start:var(--s-progress-bar-text-margin-start)}.s-progress-bar__status{margin-inline-start:var(--s-progress-bar-status-margin-start);line-height:var(--s-line-height-none)}.s-progress-bar--inside .s-progress-bar__track{height:var(--s-progress-bar-inside-height)}.s-progress-bar--inside .s-progress-bar__text{margin-inline-start:auto;padding-inline-start:var(--s-progress-bar-text-margin-start);margin-inline-end:var(--s-progress-bar-text-margin-end);font-size:var(--s-progress-bar-inside-text-font-size)}.s-progress-bar--striped .s-progress-bar__fill{background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-size:var(--s-progress-bar-striped-width) var(--s-progress-bar-striped-width)}.s-progress-bar--animated .s-progress-bar__fill{animation:1s linear infinite s-progress-bar-stripes}@keyframes s-progress-bar-stripes{0%{background-position-x:var(--s-progress-bar-striped-width)}}.s-progress-bar--success .s-progress-bar__fill{background:var(--s-progress-bar-color-success)}.s-progress-bar--success .s-progress-bar__status{color:var(--s-progress-bar-color-success)}.s-progress-bar--warning .s-progress-bar__fill{background:var(--s-progress-bar-color-warning)}.s-progress-bar--warning .s-progress-bar__status{color:var(--s-progress-bar-color-warning)}.s-progress-bar--error .s-progress-bar__fill{background:var(--s-progress-bar-color-error)}.s-progress-bar--error .s-progress-bar__status{color:var(--s-progress-bar-color-error)}

package/components/progress-bar/index.d.ts

@@ -0,0 +1,5 @@
+import { type EnhancedComponent } from '../../utils';
+import _ProgressBar from './progress-bar.vue';
+export declare const ProgressBar: EnhancedComponent<typeof _ProgressBar>;
+export default ProgressBar;
+export type { ProgressBarProps, ProgressBarSlots } from './common';

package/components/progress-bar/index.js

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

package/components/progress-bar/progress-bar.d.ts

@@ -0,0 +1,21 @@
+import { type ProgressBarProps, type ProgressBarSlots } from './common';
+type __VLS_Slots = ProgressBarSlots;
+declare const __VLS_base: import("vue").DefineComponent<ProgressBarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProgressBarProps> & Readonly<{}>, {
+    animated: boolean;
+    color: string;
+    status: "success" | "warning" | "error";
+    inside: boolean;
+    percent: number;
+    trackColor: string;
+    thickness: string;
+    showText: boolean;
+    striped: 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/progress-bar/progress-bar.js

@@ -0,0 +1,96 @@
+import { createBem } from "../../utils/bem.js";
+import "../../utils/index.js";
+import { defaultProgressBarProps } from "./common.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeDefaults, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, unref } from "vue";
+import { CheckCircleFill, WarningFill, XCircleFill } from "@sard/icons";
+//#region packages/sard/components/progress-bar/progress-bar.vue
+var progress_bar_default = /*@__PURE__*/ defineComponent({
+	__name: "progress-bar",
+	props: /*@__PURE__*/ mergeDefaults({
+		percent: {
+			type: Number,
+			required: false
+		},
+		inside: {
+			type: Boolean,
+			required: false
+		},
+		color: {
+			type: String,
+			required: false
+		},
+		trackColor: {
+			type: String,
+			required: false
+		},
+		thickness: {
+			type: String,
+			required: false
+		},
+		showText: {
+			type: Boolean,
+			required: false
+		},
+		striped: {
+			type: Boolean,
+			required: false
+		},
+		animated: {
+			type: Boolean,
+			required: false
+		},
+		status: {
+			type: String,
+			required: false
+		}
+	}, defaultProgressBarProps),
+	setup(__props) {
+		const props = __props;
+		const bem = createBem("progress-bar");
+		const progressBarClass = computed(() => {
+			return [
+				bem.b(),
+				bem.m("inside", props.inside),
+				bem.m("striped", props.striped),
+				bem.m("animated", props.animated),
+				bem.m(props.status, props.status)
+			];
+		});
+		const trackStyle = computed(() => {
+			return {
+				height: props.thickness,
+				backgroundColor: props.trackColor
+			};
+		});
+		const fillStyle = computed(() => {
+			return {
+				width: `${props.percent}%`,
+				backgroundColor: props.color
+			};
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(progressBarClass.value) }, [
+				createElementVNode("div", {
+					class: normalizeClass(unref(bem).e("track")),
+					style: normalizeStyle(trackStyle.value)
+				}, [createElementVNode("div", {
+					class: normalizeClass(unref(bem).e("fill")),
+					style: normalizeStyle(fillStyle.value)
+				}, [__props.showText && __props.inside ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(unref(bem).e("text"))
+				}, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.percent) + "%", 1)])], 2)) : createCommentVNode("v-if", true)], 6)], 6),
+				__props.showText && !__props.inside && !__props.status ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(unref(bem).e("text"))
+				}, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.percent) + "%", 1)])], 2)) : createCommentVNode("v-if", true),
+				__props.status ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass(unref(bem).e("status"))
+				}, [__props.status === "success" ? (openBlock(), createBlock(unref(CheckCircleFill), { key: 0 })) : __props.status === "warning" ? (openBlock(), createBlock(unref(WarningFill), { key: 1 })) : __props.status === "error" ? (openBlock(), createBlock(unref(XCircleFill), { key: 2 })) : createCommentVNode("v-if", true)], 2)) : createCommentVNode("v-if", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { progress_bar_default as default };

package/components/progress-circle/common.d.ts

@@ -0,0 +1,13 @@
+import { type DefaultProps } from '../config';
+export interface ProgressCircleProps {
+    percent?: number;
+    color?: string;
+    trackColor?: string;
+    thickness?: number;
+    size?: string;
+    status?: 'success' | 'warning' | 'error';
+}
+export declare const defaultProgressCircleProps: DefaultProps<ProgressCircleProps>;
+export interface ProgressCircleSlots {
+    default?(props: Record<string, never>): any;
+}

package/components/progress-circle/common.js

@@ -0,0 +1,7 @@
+//#region packages/sard/components/progress-circle/common.ts
+const defaultProgressCircleProps = {
+	percent: 0,
+	thickness: 4
+};
+//#endregion
+export { defaultProgressCircleProps };

package/components/progress-circle/index.css

@@ -0,0 +1 @@
+:root{--s-progress-circle-size:100px;--s-progress-circle-track-color:var(--s-fill-color-secondary);--s-progress-circle-fill-color:var(--s-color-primary);--s-progress-circle-text-font-size:var(--s-font-size);--s-progress-circle-status-font-size:18px;--s-progress-circle-color-success:var(--s-color-success);--s-progress-circle-color-warning:var(--s-color-warning);--s-progress-circle-color-error:var(--s-color-danger)}.s-progress-circle{position:relative;display:inline-flex;justify-content:center;align-items:center;width:var(--s-progress-circle-size);height:var(--s-progress-circle-size)}.s-progress-circle__graph{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.s-progress-circle__track{stroke:var(--s-progress-circle-track-color)}.s-progress-circle__fill{stroke:var(--s-progress-circle-fill-color);transition:stroke-dasharray var(--s-duration) ease}.s-progress-circle__text{font-size:var(--s-progress-circle-text-font-size)}.s-progress-circle__status{font-size:var(--s-progress-circle-status-font-size)}.s-progress-circle--success .s-progress-circle__fill{stroke:var(--s-progress-circle-color-success)}.s-progress-circle--success .s-progress-circle__status{color:var(--s-progress-circle-color-success)}.s-progress-circle--warning .s-progress-circle__fill{stroke:var(--s-progress-circle-color-warning)}.s-progress-circle--warning .s-progress-circle__status{color:var(--s-progress-circle-color-warning)}.s-progress-circle--error .s-progress-circle__fill{stroke:var(--s-progress-circle-color-error)}.s-progress-circle--error .s-progress-circle__status{color:var(--s-progress-circle-color-error)}

package/components/progress-circle/index.d.ts

@@ -0,0 +1,5 @@
+import { type EnhancedComponent } from '../../utils';
+import _ProgressCircle from './progress-circle.vue';
+export declare const ProgressCircle: EnhancedComponent<typeof _ProgressCircle>;
+export default ProgressCircle;
+export type { ProgressCircleProps, ProgressCircleSlots } from './common';

package/components/progress-circle/index.js

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

package/components/progress-circle/progress-circle.d.ts

@@ -0,0 +1,18 @@
+import { type ProgressCircleProps, type ProgressCircleSlots } from './common';
+type __VLS_Slots = ProgressCircleSlots;
+declare const __VLS_base: import("vue").DefineComponent<ProgressCircleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProgressCircleProps> & Readonly<{}>, {
+    size: string;
+    color: string;
+    status: "success" | "warning" | "error";
+    percent: number;
+    trackColor: string;
+    thickness: number;
+}, {}, {}, {}, 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/progress-circle/progress-circle.js

@@ -0,0 +1,101 @@
+import { createBem } from "../../utils/bem.js";
+import "../../utils/index.js";
+import { defaultProgressCircleProps } from "./common.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeDefaults, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, unref } from "vue";
+import { CheckCircleFill, WarningFill, XCircleFill } from "@sard/icons";
+//#region packages/sard/components/progress-circle/progress-circle.vue
+const _hoisted_1 = ["stroke-width", "r"];
+const _hoisted_2 = [
+	"stroke-dasharray",
+	"stroke-width",
+	"r"
+];
+var progress_circle_default = /*@__PURE__*/ defineComponent({
+	__name: "progress-circle",
+	props: /*@__PURE__*/ mergeDefaults({
+		percent: {
+			type: Number,
+			required: false
+		},
+		color: {
+			type: String,
+			required: false
+		},
+		trackColor: {
+			type: String,
+			required: false
+		},
+		thickness: {
+			type: Number,
+			required: false
+		},
+		size: {
+			type: String,
+			required: false
+		},
+		status: {
+			type: String,
+			required: false
+		}
+	}, defaultProgressCircleProps),
+	setup(__props) {
+		const props = __props;
+		const bem = createBem("progress-circle");
+		const getRingPercent = (percent, r) => {
+			const perimeter = Math.PI * 2 * r;
+			return percent / 100 * perimeter + " " + perimeter;
+		};
+		const radius = computed(() => {
+			return 50 - props.thickness / 2;
+		});
+		const progressCircleClass = computed(() => {
+			return [bem.b(), bem.m(props.status, props.status)];
+		});
+		const progressCircleStyle = computed(() => {
+			return {
+				width: props.size,
+				height: props.size
+			};
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(progressCircleClass.value),
+				style: normalizeStyle(progressCircleStyle.value)
+			}, [(openBlock(), createElementBlock("svg", {
+				viewBox: "0 0 100 100",
+				class: normalizeClass(unref(bem).e("graph"))
+			}, [createElementVNode("circle", {
+				cx: "50",
+				cy: "50",
+				fill: "none",
+				class: normalizeClass(unref(bem).e("track")),
+				"stroke-width": __props.thickness,
+				r: radius.value,
+				style: normalizeStyle({ stroke: __props.trackColor })
+			}, null, 14, _hoisted_1), createElementVNode("circle", {
+				cx: "50",
+				cy: "50",
+				fill: "none",
+				class: normalizeClass(unref(bem).e("fill")),
+				"stroke-dashoffset": "0",
+				"stroke-linecap": "round",
+				transform: "rotate(-90)",
+				"stroke-dasharray": getRingPercent(__props.percent, radius.value),
+				"stroke-width": __props.thickness,
+				r: radius.value,
+				style: normalizeStyle({
+					transformOrigin: "center",
+					stroke: __props.color
+				})
+			}, null, 14, _hoisted_2)], 2)), renderSlot(_ctx.$slots, "default", {}, () => [!__props.status ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(unref(bem).e("text"))
+			}, toDisplayString(__props.percent) + "%", 3)) : createCommentVNode("v-if", true), __props.status ? (openBlock(), createElementBlock("div", {
+				key: 1,
+				class: normalizeClass(unref(bem).e("status"))
+			}, [__props.status === "success" ? (openBlock(), createBlock(unref(CheckCircleFill), { key: 0 })) : __props.status === "warning" ? (openBlock(), createBlock(unref(WarningFill), { key: 1 })) : __props.status === "error" ? (openBlock(), createBlock(unref(XCircleFill), { key: 2 })) : createCommentVNode("v-if", true)], 2)) : createCommentVNode("v-if", true)])], 6);
+		};
+	}
+});
+//#endregion
+export { progress_circle_default as default };

package/components/pull-down-refresh/common.d.ts

@@ -0,0 +1,26 @@
+import { type DefaultProps } from '../config';
+export type PullDownRefreshStatus = 'initial' | 'unready' | 'ready' | 'loading' | 'done' | 'recovering';
+export interface PullDownRefreshProps {
+    threshold?: number;
+    headerHeight?: number;
+    loading?: boolean;
+    transitionDuration?: number;
+    doneDuration?: number;
+    disabled?: boolean;
+}
+export declare const defaultPullDownRefreshProps: DefaultProps<PullDownRefreshProps>;
+export interface PullDownRefreshSlots {
+    default?(props: Record<string, never>): any;
+    unready?(props: {
+        progress: number;
+    }): any;
+    ready?(props: Record<string, never>): any;
+    loading?(props: Record<string, never>): any;
+    done?(props: Record<string, never>): any;
+}
+export interface PullDownRefreshEmits {
+    (e: 'refresh'): void;
+}
+export interface PullDownRefreshExpose {
+    enableToRefresh: (canRefresh: boolean) => void;
+}

package/components/pull-down-refresh/common.js

@@ -0,0 +1,11 @@
+//#region packages/sard/components/pull-down-refresh/common.ts
+const defaultPullDownRefreshProps = {
+	threshold: 50,
+	headerHeight: 50,
+	transitionDuration: 300,
+	doneDuration: 0,
+	loading: false,
+	disabled: false
+};
+//#endregion
+export { defaultPullDownRefreshProps };

package/components/pull-down-refresh/index.css

@@ -0,0 +1 @@
+:root{--s-pull-down-refresh-header-font-size:var(--s-font-size-sm);--s-pull-down-refresh-header-color:var(--s-text-color-tertiary);--s-pull-down-refresh-loading-font-size:18px}.s-pull-down-refresh{transition-property:transform}.s-pull-down-refresh__header{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:center;align-items:center;transform:translateY(-100%);font-size:var(--s-pull-down-refresh-header-font-size);color:var(--s-pull-down-refresh-header-color)}.s-pull-down-refresh__loading{font-size:var(--s-pull-down-refresh-loading-font-size)}

package/components/pull-down-refresh/index.d.ts

@@ -0,0 +1,5 @@
+import { type EnhancedComponent } from '../../utils';
+import _PullDownRefresh from './pull-down-refresh.vue';
+export declare const PullDownRefresh: EnhancedComponent<typeof _PullDownRefresh>;
+export default PullDownRefresh;
+export type { PullDownRefreshStatus, PullDownRefreshProps, PullDownRefreshSlots, PullDownRefreshEmits, PullDownRefreshExpose, } from './common';

package/components/pull-down-refresh/index.js

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

package/components/pull-down-refresh/pull-down-refresh.d.ts

@@ -0,0 +1,22 @@
+import { type PullDownRefreshProps, type PullDownRefreshSlots, type PullDownRefreshExpose } from './common';
+type __VLS_Slots = PullDownRefreshSlots;
+declare const __VLS_base: import("vue").DefineComponent<PullDownRefreshProps, PullDownRefreshExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    refresh: () => any;
+}, string, import("vue").PublicProps, Readonly<PullDownRefreshProps> & Readonly<{
+    onRefresh?: (() => any) | undefined;
+}>, {
+    loading: boolean;
+    threshold: number;
+    disabled: boolean;
+    transitionDuration: number;
+    headerHeight: number;
+    doneDuration: number;
+}, {}, {}, {}, 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;
+    };
+};