@kylexd/vant-extend 0.0.1

package/dist/index.js

@@ -0,0 +1,895 @@
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, inject, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, provide, ref, renderList, renderSlot, resolveComponent, toDisplayString, toRefs, unref, useAttrs, useModel, useTemplateRef, watch, withCtx, withModifiers } from "vue";
+import { showDialog } from "vant";
+import { useElementBounding, useWindowScroll, useWindowSize } from "@vueuse/core";
+import { useGlobalZIndex } from "vant/es/composables/use-global-z-index";
+import dayjs from "dayjs";
+//#endregion
+//#region src/components/BaseTip/index.vue
+var BaseTip_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		size: { default: ".32rem" },
+		text: { default: "" },
+		title: { default: void 0 },
+		confirmButtonColor: { default: "#036af1" }
+	},
+	setup(__props) {
+		const props = __props;
+		function handleClick() {
+			showDialog({
+				message: props.text,
+				title: props.title,
+				theme: "round-button",
+				messageAlign: "left",
+				confirmButtonColor: props.confirmButtonColor
+			});
+		}
+		return (_ctx, _cache) => {
+			const _component_van_icon = resolveComponent("van-icon");
+			return openBlock(), createBlock(_component_van_icon, {
+				name: "question-o",
+				size: __props.size,
+				onClick: handleClick
+			}, null, 8, ["size"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/CuEmpty/index.vue
+var CuEmpty_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		image: { default: void 0 },
+		imageSize: { default: "6.667rem" },
+		description: { default: void 0 }
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			const _component_van_empty = resolveComponent("van-empty");
+			return openBlock(), createBlock(_component_van_empty, {
+				class: "kv-cu-empty",
+				image: props.image,
+				"image-size": props.imageSize,
+				description: __props.description
+			}, createSlots({
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 2
+			}, [_ctx.$slots.image ? {
+				name: "image",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "image")]),
+				key: "0"
+			} : void 0, _ctx.$slots.description ? {
+				name: "description",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "description")]),
+				key: "1"
+			} : void 0]), 1032, [
+				"image",
+				"image-size",
+				"description"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/CuFloatingPanel/index.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$8 = { class: "kv-cu-floating-panel-title-row flex items-center px-[30px]" };
+var _hoisted_2$2 = { class: "kv-cu-floating-panel-title flex-1 text-center text-[34px]/[48px] font-bold" };
+//#endregion
+//#region src/components/CuFloatingPanel/index.vue
+var CuFloatingPanel_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: /*@__PURE__*/ mergeModels({
+		title: { default: "" },
+		zIndex: { default: void 0 },
+		heightPercent: { default: .7 },
+		panelClass: { default: "" }
+	}, {
+		"show-panel": { type: Boolean },
+		"show-panelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["close", "panelChange"], ["update:show-panel"]),
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const props = __props;
+		const showOverlay = useModel(__props, "show-panel");
+		const { height: windowHeight } = useWindowSize();
+		const anchors = computed(() => [0, Math.round(props.heightPercent * windowHeight.value)]);
+		const height = ref(anchors.value[0]);
+		const zIndex = ref(props.zIndex);
+		function handleClose() {
+			height.value = anchors.value[0];
+			showOverlay.value = false;
+			emit("close");
+		}
+		function handleOffsetChange(params) {
+			if (params.height === 0) {
+				showOverlay.value = false;
+				emit("close");
+			}
+		}
+		watch(showOverlay, (value) => {
+			if (value) {
+				zIndex.value = useGlobalZIndex();
+				nextTick(() => {
+					setTimeout(() => {
+						height.value = anchors.value[1];
+					}, 0);
+				});
+			} else height.value = anchors.value[0];
+			emit("panelChange", Boolean(value));
+		});
+		return (_ctx, _cache) => {
+			const _component_van_icon = resolveComponent("van-icon");
+			const _component_van_floating_panel = resolveComponent("van-floating-panel");
+			const _component_van_overlay = resolveComponent("van-overlay");
+			return openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(_component_van_overlay, {
+				show: showOverlay.value,
+				"z-index": zIndex.value,
+				"lock-scroll": false,
+				onClick: handleClose
+			}, {
+				default: withCtx(() => [createVNode(_component_van_floating_panel, {
+					height: height.value,
+					"onUpdate:height": _cache[0] || (_cache[0] = ($event) => height.value = $event),
+					duration: .3,
+					anchors: anchors.value,
+					"content-draggable": false,
+					"safe-area-inset-bottom": true,
+					class: normalizeClass(["kv-cu-floating-panel !left-[50%] max-w-[750px] !translate-x-[-50%] [&::after]:max-w-[750px]", __props.panelClass]),
+					onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"])),
+					onHeightChange: handleOffsetChange
+				}, {
+					header: withCtx(() => [renderSlot(_ctx.$slots, "header", { close: handleClose }, () => [_cache[3] || (_cache[3] = createElementVNode("div", { class: "kv-cu-floating-panel-handle flex h-[50px] items-center justify-center" }, [createElementVNode("span", { class: "kv-cu-floating-panel-handle-bar inline-block h-[10px] w-[70px] rounded-[10px] bg-[#CECECE]" })], -1)), createElementVNode("div", _hoisted_1$8, [
+						_cache[2] || (_cache[2] = createElementVNode("div", { class: "kv-cu-floating-panel-title-left w-[40px]" }, null, -1)),
+						createElementVNode("div", _hoisted_2$2, toDisplayString(__props.title), 1),
+						createElementVNode("div", {
+							class: "kv-cu-floating-panel-close flex w-[40px] items-center justify-center",
+							onClick: handleClose
+						}, [createVNode(_component_van_icon, {
+							name: "cross",
+							size: ".533rem",
+							color: "#1F1F1F"
+						})])
+					])])]),
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 8, [
+					"height",
+					"anchors",
+					"class"
+				])]),
+				_: 3
+			}, 8, ["show", "z-index"])]);
+		};
+	}
+});
+//#endregion
+//#region src/components/CuImage/index.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$7 = ["src"];
+//#endregion
+//#region src/components/CuImage/index.vue
+var CuImage_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		src: { default: "" },
+		fallbackSrc: { default: "" },
+		thumbnail: {
+			type: [Object, Boolean],
+			default: false
+		},
+		formatSrc: {
+			type: Function,
+			default: void 0
+		},
+		noReferrer: {
+			type: Boolean,
+			default: false
+		},
+		noReferrerHosts: { default: () => ["cbu01.alicdn.com"] },
+		loadingSize: { default: 20 }
+	},
+	setup(__props) {
+		const props = __props;
+		const attrs = useAttrs();
+		const imageSrc = computed(() => {
+			if (!props.src) return props.fallbackSrc;
+			if (props.thumbnail && props.formatSrc) return props.formatSrc(props.src, props.thumbnail === true ? void 0 : props.thumbnail);
+			return props.src;
+		});
+		const isNoReferrerImage = computed(() => {
+			if (props.noReferrer) return true;
+			return props.noReferrerHosts.some((host) => props.src?.includes(host));
+		});
+		return (_ctx, _cache) => {
+			const _component_van_loading = resolveComponent("van-loading");
+			const _component_van_image = resolveComponent("van-image");
+			return openBlock(), createBlock(_component_van_image, mergeProps(unref(attrs), {
+				class: "kv-cu-image",
+				src: imageSrc.value,
+				referrerpolicy: isNoReferrerImage.value ? "no-referrer" : void 0
+			}), {
+				loading: withCtx(() => [renderSlot(_ctx.$slots, "loading", {}, () => [createVNode(_component_van_loading, {
+					type: "spinner",
+					size: __props.loadingSize
+				}, null, 8, ["size"])])]),
+				error: withCtx(() => [renderSlot(_ctx.$slots, "error", {}, () => [__props.fallbackSrc ? (openBlock(), createElementBlock("img", {
+					key: 0,
+					src: __props.fallbackSrc,
+					alt: "",
+					class: "kv-cu-image-fallback h-full w-full object-cover"
+				}, null, 8, _hoisted_1$7)) : createCommentVNode("", true)])]),
+				_: 3
+			}, 16, ["src", "referrerpolicy"]);
+		};
+	}
+});
+//#endregion
+//#region src/composables/useDialogRendered.ts
+function useDialogRendered(visible) {
+	const isRendered = ref(false);
+	watch(() => visible.value, (value) => {
+		if (value) isRendered.value = true;
+	}, { immediate: true });
+	function bindClosed() {
+		isRendered.value = false;
+	}
+	return {
+		isRendered,
+		bindClosed
+	};
+}
+//#endregion
+//#region src/components/CuPopup/index.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$6 = { class: "kv-cu-popup-container flex h-full flex-col" };
+var _hoisted_2$1 = { class: "kv-cu-popup-body flex-1 overflow-hidden" };
+var _hoisted_3 = { class: "kv-cu-popup-footer sticky bottom-0 mt-auto" };
+//#endregion
+//#region src/components/CuPopup/index.vue
+var CuPopup_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: /*@__PURE__*/ mergeModels({
+		title: { default: "" },
+		teleport: { default: "body" },
+		position: { default: "bottom" },
+		contentClass: { default: "" },
+		headerClass: { default: "" },
+		popupClass: { default: "" },
+		height: { default: "80%" },
+		closeable: {
+			type: Boolean,
+			default: true
+		},
+		round: {
+			type: Boolean,
+			default: true
+		}
+	}, {
+		"show": { type: Boolean },
+		"showModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["close", "closed"], ["update:show"]),
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const show = useModel(__props, "show");
+		const { isRendered, bindClosed } = useDialogRendered(show);
+		function handleClose() {
+			emit("close");
+		}
+		function handleClosed() {
+			bindClosed();
+			emit("closed");
+		}
+		return (_ctx, _cache) => {
+			const _component_van_popup = resolveComponent("van-popup");
+			return unref(isRendered) ? (openBlock(), createBlock(_component_van_popup, {
+				key: 0,
+				show: show.value,
+				"onUpdate:show": _cache[0] || (_cache[0] = ($event) => show.value = $event),
+				"safe-area-inset-bottom": "",
+				class: normalizeClass(["kv-cu-popup h-[80%] overflow-hidden", __props.popupClass]),
+				style: normalizeStyle({ height: __props.height }),
+				teleport: __props.teleport,
+				position: __props.position,
+				round: __props.round,
+				closeable: __props.closeable,
+				"transition-appear": true,
+				onClosed: handleClosed,
+				onClose: handleClose
+			}, {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$6, [renderSlot(_ctx.$slots, "header", {}, () => [createElementVNode("div", { class: normalizeClass(["kv-cu-popup-header py-[30px] text-center text-[34px]/[48px] font-bold", [__props.popupClass ? "bg-transparent" : "bg-white", __props.headerClass]]) }, toDisplayString(__props.title), 3)]), createElementVNode("div", _hoisted_2$1, [createElementVNode("div", { class: normalizeClass(["kv-cu-popup-content flex h-full flex-col overflow-y-auto", __props.contentClass]) }, [renderSlot(_ctx.$slots, "default"), createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "footer")])], 2)])])]),
+				_: 3
+			}, 8, [
+				"show",
+				"class",
+				"style",
+				"teleport",
+				"position",
+				"round",
+				"closeable"
+			])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+//#region src/components/CuSelect/index.vue
+var CuSelect_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: /*@__PURE__*/ mergeModels({
+		required: { type: Boolean },
+		inputAlign: {},
+		border: { type: Boolean },
+		title: { default: "" },
+		actions: { default: () => [] },
+		placeholder: { default: "Select" },
+		cancelText: { default: "Cancel" },
+		type: { default: "cell" },
+		disabled: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const props = __props;
+		const { title, placeholder, required, border, type, inputAlign, disabled } = toRefs(props);
+		const modelValue = useModel(__props, "modelValue");
+		const show = ref(false);
+		const actionsList = computed(() => props.actions.map((item) => ({
+			name: item.label,
+			value: item.value,
+			disabled: item.disabled
+		})));
+		const actionLabel = computed(() => {
+			return actionsList.value.find((item) => item.value === modelValue.value)?.name;
+		});
+		function handleCancel() {
+			show.value = false;
+		}
+		function handleSelect(item) {
+			modelValue.value = item.value;
+			show.value = false;
+		}
+		function handleOpen() {
+			if (!props.disabled) show.value = true;
+		}
+		return (_ctx, _cache) => {
+			const _component_van_icon = resolveComponent("van-icon");
+			const _component_van_action_sheet = resolveComponent("van-action-sheet");
+			const _component_van_cell = resolveComponent("van-cell");
+			const _component_van_field = resolveComponent("van-field");
+			return openBlock(), createElementBlock(Fragment, null, [unref(type) === "cell" ? (openBlock(), createBlock(_component_van_cell, {
+				key: 0,
+				title: unref(title),
+				border: unref(border),
+				required: unref(required),
+				class: "kv-cu-select-cell rounded-[16px]"
+			}, {
+				value: withCtx(() => [createElementVNode("span", {
+					class: normalizeClass(["kv-cu-select-value", [{
+						"!text-[#1f1f1f]": actionLabel.value && !unref(disabled),
+						"!text-[#999]": unref(disabled)
+					}]]),
+					onClick: handleOpen
+				}, [createTextVNode(toDisplayString(actionLabel.value ?? unref(placeholder)) + " ", 1), createVNode(_component_van_icon, { name: "arrow" })], 2), createVNode(_component_van_action_sheet, {
+					show: show.value,
+					"onUpdate:show": _cache[0] || (_cache[0] = ($event) => show.value = $event),
+					teleport: "body",
+					actions: actionsList.value,
+					"cancel-text": __props.cancelText,
+					"close-on-click-action": "",
+					onCancel: handleCancel,
+					onSelect: handleSelect
+				}, null, 8, [
+					"show",
+					"actions",
+					"cancel-text"
+				])]),
+				_: 1
+			}, 8, [
+				"title",
+				"border",
+				"required"
+			])) : createCommentVNode("", true), unref(type) === "field" ? (openBlock(), createBlock(_component_van_field, {
+				key: 1,
+				label: unref(title),
+				border: unref(border),
+				required: unref(required),
+				class: "kv-cu-select-field rounded-[16px]",
+				"input-align": unref(inputAlign)
+			}, {
+				input: withCtx(() => [createElementVNode("span", {
+					class: normalizeClass(["kv-cu-select-value", [{
+						"!text-[#1f1f1f]": actionLabel.value && !unref(disabled),
+						"!text-[#999]": unref(disabled)
+					}]]),
+					onClick: handleOpen
+				}, [createTextVNode(toDisplayString(actionLabel.value ?? unref(placeholder)) + " ", 1), createVNode(_component_van_icon, { name: "arrow" })], 2), createVNode(_component_van_action_sheet, {
+					show: show.value,
+					"onUpdate:show": _cache[1] || (_cache[1] = ($event) => show.value = $event),
+					teleport: "body",
+					actions: actionsList.value,
+					"cancel-text": __props.cancelText,
+					"close-on-click-action": "",
+					onCancel: handleCancel,
+					onSelect: handleSelect
+				}, null, 8, [
+					"show",
+					"actions",
+					"cancel-text"
+				])]),
+				_: 1
+			}, 8, [
+				"label",
+				"border",
+				"required",
+				"input-align"
+			])) : createCommentVNode("", true)], 64);
+		};
+	}
+});
+//#endregion
+//#region src/components/GridImage/index.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$5 = { class: "kv-grid-image relative overflow-hidden rounded-[20px] bg-[#f8f8f8]" };
+var _hoisted_2 = {
+	key: 0,
+	class: "kv-grid-image-count absolute bottom-0 h-[40px] w-[100%] bg-[rgba(0,0,0,0.2)] text-center text-[20px]/[40px] text-[#ffffff]"
+};
+//#endregion
+//#region src/components/GridImage/index.vue
+var GridImage_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		imageList: {},
+		imageIconSize: { default: 16 },
+		count: { default: void 0 },
+		countText: { default: "Items" },
+		fallbackSrc: { default: "" }
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$5, [createElementVNode("div", { class: normalizeClass(["kv-grid-image-list grid h-[100%]", {
+				"grid-cols-1": __props.imageList.length === 1,
+				"grid-cols-2 grid-rows-2": __props.imageList.length > 1 && __props.imageList.length <= 4,
+				"grid-cols-3 grid-rows-3": __props.imageList.length > 4
+			}]) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.imageList.slice(0, 9), (image) => {
+				return openBlock(), createBlock(CuImage_default, {
+					key: image,
+					class: "kv-grid-image-item",
+					src: image,
+					"fallback-src": __props.fallbackSrc,
+					"icon-size": __props.imageIconSize ?? 16
+				}, null, 8, [
+					"src",
+					"fallback-src",
+					"icon-size"
+				]);
+			}), 128))], 2), __props.count && __props.count > 1 ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(__props.countText) + " " + toDisplayString(__props.count), 1)) : createCommentVNode("", true)]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Headroom/index.vue
+var Headroom_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		basicTop: {},
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const { y } = useWindowScroll();
+		const headroomRef = useTemplateRef("headroomRef");
+		const placeholderRef = useTemplateRef("placeholderRef");
+		const { height } = useElementBounding(headroomRef);
+		const { top } = useElementBounding(placeholderRef);
+		const style = ref({});
+		function hiddenStyle() {
+			return { top: `${-height.value}px` };
+		}
+		function visibleStyle(extra) {
+			return {
+				top: `${props.basicTop ?? 0}px`,
+				...extra
+			};
+		}
+		function updateStyle(isDownWard) {
+			const baseTop = props.basicTop ?? 0;
+			if (isDownWard) style.value = hiddenStyle();
+			else if (top.value <= baseTop) style.value = visibleStyle(top.value === baseTop ? { transition: "none" } : void 0);
+			else if (top.value > baseTop && top.value < height.value + baseTop) style.value = visibleStyle();
+			else style.value = hiddenStyle();
+		}
+		onMounted(() => {
+			nextTick(() => {
+				style.value = hiddenStyle();
+			});
+		});
+		watch(y, (newVal, oldVal) => {
+			updateStyle(newVal > oldVal);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("div", {
+				ref_key: "headroomRef",
+				ref: headroomRef,
+				class: normalizeClass(["kv-headroom sticky z-10 transition-[top] duration-500", props.class]),
+				style: normalizeStyle(style.value)
+			}, [renderSlot(_ctx.$slots, "default")], 6), createElementVNode("div", {
+				ref_key: "placeholderRef",
+				ref: placeholderRef,
+				class: "kv-headroom-placeholder placeholder"
+			}, null, 512)], 64);
+		};
+	}
+});
+//#endregion
+//#region src/components/InputNumber/index.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$4 = { class: "kv-input-number inline-flex h-[48px] w-[147px] items-center rounded-[26px] bg-[#f8f8f8] px-[12px]" };
+//#endregion
+//#region src/components/InputNumber/index.vue
+var InputNumber_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: /*@__PURE__*/ mergeModels({
+		min: { default: 0 },
+		max: { default: Number.POSITIVE_INFINITY },
+		disabled: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["change"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const props = __props;
+		const modelValue = useModel(__props, "modelValue");
+		const minusDisabled = computed(() => props.disabled || (modelValue.value ?? 0) <= props.min);
+		const plusDisabled = computed(() => props.disabled || (modelValue.value ?? 0) >= props.max);
+		function updateValue(value) {
+			modelValue.value = value;
+			emit("change", value);
+		}
+		function normalize(value) {
+			if (Number.isNaN(value)) return void 0;
+			return Math.min(Math.max(value, props.min), props.max);
+		}
+		function handleMinus() {
+			if (minusDisabled.value) return;
+			updateValue(normalize((modelValue.value ?? 0) - 1));
+		}
+		function handlePlus() {
+			if (plusDisabled.value) return;
+			updateValue(normalize((modelValue.value ?? 0) + 1));
+		}
+		function handleChange(value) {
+			updateValue(normalize(Number(value)));
+		}
+		return (_ctx, _cache) => {
+			const _component_van_icon = resolveComponent("van-icon");
+			const _component_van_field = resolveComponent("van-field");
+			return openBlock(), createElementBlock("span", _hoisted_1$4, [
+				createVNode(_component_van_icon, {
+					class: "kv-input-number-minus",
+					name: "minus",
+					size: ".373rem",
+					color: minusDisabled.value ? "rgba(3, 106, 241, 0.16)" : "#036af1",
+					onClick: handleMinus
+				}, null, 8, ["color"]),
+				createVNode(_component_van_field, {
+					"model-value": modelValue.value,
+					type: "number",
+					class: "kv-input-number-field !bg-transparent !p-[0px] [&_.van-field__control]:!text-center",
+					disabled: __props.disabled,
+					"onUpdate:modelValue": handleChange
+				}, null, 8, ["model-value", "disabled"]),
+				createVNode(_component_van_icon, {
+					class: "kv-input-number-plus",
+					name: "plus",
+					size: ".373rem",
+					color: plusDisabled.value ? "rgba(3, 106, 241, 0.16)" : "#036af1",
+					onClick: handlePlus
+				}, null, 8, ["color"])
+			]);
+		};
+	}
+});
+//#endregion
+//#region \0plugin-vue:export-helper
+var _plugin_vue_export_helper_default = (sfc, props) => {
+	const target = sfc.__vccOpts || sfc;
+	for (const [key, val] of props) target[key] = val;
+	return target;
+};
+//#endregion
+//#region src/components/SafeBottom/index.vue
+var _sfc_main = {};
+var _hoisted_1$3 = { class: "kv-safe-bottom h-[env(safe-area-inset-bottom)] transition-[height] duration-300" };
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("div", _hoisted_1$3);
+}
+var SafeBottom_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
+//#region src/components/SelectDateRange/index.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$2 = { class: "kv-date-range flex items-center gap-[30px]" };
+//#endregion
+//#region src/components/SelectDateRange/index.vue
+var SelectDateRange_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: /*@__PURE__*/ mergeModels({
+		minDate: { default: () => dayjs("2024-01-01").toDate() },
+		maxDate: { default: void 0 },
+		startPlaceholder: { default: "Start date" },
+		endPlaceholder: { default: "End date" },
+		dateFormat: { default: "YYYY-MM-DD" },
+		teleport: { default: "body" }
+	}, {
+		"startTime": {},
+		"startTimeModifiers": {},
+		"endTime": {},
+		"endTimeModifiers": {}
+	}),
+	emits: ["update:startTime", "update:endTime"],
+	setup(__props) {
+		const props = __props;
+		const startTime = useModel(__props, "startTime");
+		const endTime = useModel(__props, "endTime");
+		const show = ref(false);
+		const today = dayjs().toDate();
+		const range = computed({
+			set(value) {
+				startTime.value = dayjs(value[0]).format(props.dateFormat);
+				endTime.value = dayjs(value[1]).format(props.dateFormat);
+			},
+			get() {
+				if (startTime.value && endTime.value) return [dayjs(startTime.value).toDate(), dayjs(endTime.value).toDate()];
+				return [today, today];
+			}
+		});
+		function handleShow() {
+			show.value = true;
+		}
+		function onConfirm(date) {
+			range.value = date;
+			show.value = false;
+		}
+		return (_ctx, _cache) => {
+			const _component_van_button = resolveComponent("van-button");
+			const _component_van_calendar = resolveComponent("van-calendar");
+			return openBlock(), createElementBlock("div", _hoisted_1$2, [
+				createVNode(_component_van_button, {
+					size: "small",
+					round: "",
+					plain: "",
+					type: startTime.value ? "primary" : "default",
+					class: normalizeClass(["kv-date-range-start flex-1 !border-[2px]", [startTime.value ? "!bg-[#FFF8F2]" : "!border-[#F8F8F8] !bg-[#F8F8F8]"]]),
+					onClick: handleShow
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(startTime.value || __props.startPlaceholder), 1)]),
+					_: 1
+				}, 8, ["type", "class"]),
+				createVNode(_component_van_button, {
+					size: "small",
+					round: "",
+					plain: "",
+					type: startTime.value ? "primary" : "default",
+					class: normalizeClass(["kv-date-range-end flex-1 !border-[2px]", [startTime.value ? "!bg-[#FFF8F2]" : "!border-[#F8F8F8] !bg-[#F8F8F8]"]]),
+					onClick: handleShow
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(endTime.value || __props.endPlaceholder), 1)]),
+					_: 1
+				}, 8, ["type", "class"]),
+				createVNode(_component_van_calendar, {
+					class: "kv-date-range-calendar",
+					show: show.value,
+					"onUpdate:show": _cache[0] || (_cache[0] = ($event) => show.value = $event),
+					type: "range",
+					"default-date": range.value,
+					"safe-area-inset-bottom": true,
+					"min-date": __props.minDate,
+					"max-date": __props.maxDate,
+					teleport: __props.teleport,
+					onConfirm
+				}, null, 8, [
+					"show",
+					"default-date",
+					"min-date",
+					"max-date",
+					"teleport"
+				])
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/SortGroup/InjectionKey.ts
+var sortGroupKey = Symbol("sortGroup");
+//#endregion
+//#region src/components/SortGroup/index.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = { class: "kv-sort-group sort-group" };
+//#endregion
+//#region src/components/SortGroup/index.vue
+var SortGroup_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		"modelValue": {},
+		"modelModifiers": {},
+		"activeValue": { default: void 0 },
+		"activeValueModifiers": {}
+	},
+	emits: /*@__PURE__*/ mergeModels(["change"], ["update:modelValue", "update:activeValue"]),
+	setup(__props, { emit: __emit }) {
+		const modelValue = useModel(__props, "modelValue");
+		const modelActiveValue = useModel(__props, "activeValue");
+		const emit = __emit;
+		provide(sortGroupKey, {
+			modelValue,
+			modelActiveValue,
+			setGroupModelValue: ({ value, activeValue }) => {
+				modelValue.value = value;
+				modelActiveValue.value = activeValue;
+			},
+			emitChange: ({ value, activeValue }) => {
+				emit("change", {
+					value,
+					activeValue
+				});
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$1, [renderSlot(_ctx.$slots, "default")]);
+		};
+	}
+});
+//#endregion
+//#region src/components/SortItem/index.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "kv-sort-item sort-item inline-flex select-none items-center gap-[10px]" };
+//#endregion
+//#region src/components/SortItem/index.vue
+var SortItem_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: /*@__PURE__*/ mergeModels({
+		title: {},
+		ascValue: { default: "asc" },
+		descValue: { default: "desc" },
+		activeValue: { default: void 0 },
+		sort: { default: void 0 },
+		activeColor: { default: "#036af1" },
+		color: { default: "#333333" },
+		iconColor: { default: "#333333" },
+		loopEmptyValue: {
+			type: Boolean,
+			default: true
+		}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["change"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const { color, iconColor, activeColor } = toRefs(props);
+		const emit = __emit;
+		const modelValue = useModel(__props, "modelValue");
+		const sortGroup = inject(sortGroupKey);
+		const state = computed(() => {
+			const currentValue = sortGroup ? sortGroup.modelValue.value : modelValue.value;
+			const currentActiveValue = sortGroup ? sortGroup.modelActiveValue.value : props.activeValue;
+			return {
+				isAsc: currentValue === props.ascValue && currentActiveValue === props.activeValue,
+				isDesc: currentValue === props.descValue && currentActiveValue === props.activeValue
+			};
+		});
+		const valueList = computed(() => props.loopEmptyValue ? [
+			props.ascValue,
+			props.descValue,
+			void 0
+		] : [props.ascValue, props.descValue]);
+		function handleClick() {
+			const currentValue = sortGroup ? sortGroup.modelValue.value : modelValue.value;
+			const index = sortGroup?.modelActiveValue.value === props.activeValue ? valueList.value.indexOf(currentValue) : -1;
+			const nextIndex = index + 1 >= valueList.value.length ? 0 : index + 1;
+			const nextValue = valueList.value[nextIndex];
+			modelValue.value = nextValue;
+			sortGroup?.setGroupModelValue({
+				value: nextValue,
+				activeValue: nextValue ? props.activeValue : void 0
+			});
+			emit("change", nextValue);
+			sortGroup?.emitChange({
+				value: nextValue,
+				activeValue: nextValue ? props.activeValue : void 0
+			});
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("button", {
+				type: "button",
+				class: "kv-sort-item-title sort-item-title cursor-pointer border-0 bg-transparent p-0 text-[24px]",
+				style: normalizeStyle({ color: state.value.isAsc || state.value.isDesc ? unref(activeColor) : unref(color) }),
+				onClick: handleClick
+			}, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])], 4), renderSlot(_ctx.$slots, "icon", {}, () => [createElementVNode("button", {
+				type: "button",
+				class: "kv-sort-item-icon sort-item-icon flex cursor-pointer flex-col items-center gap-[4px] border-0 bg-transparent p-0",
+				onClick: handleClick
+			}, [__props.sort === "asc" || __props.sort === void 0 ? (openBlock(), createElementBlock("i", {
+				key: 0,
+				class: "kv-sort-item-icon-asc sort-item-icon-asc h-0 w-0 border-x-[10px] border-b-[10px] border-x-transparent",
+				style: normalizeStyle({ borderBottomColor: state.value.isAsc ? unref(activeColor) : unref(iconColor) })
+			}, null, 4)) : createCommentVNode("", true), __props.sort === "desc" || __props.sort === void 0 ? (openBlock(), createElementBlock("i", {
+				key: 1,
+				class: "kv-sort-item-icon-desc sort-item-icon-desc h-0 w-0 border-x-[10px] border-t-[10px] border-x-transparent",
+				style: normalizeStyle({ borderTopColor: state.value.isDesc ? unref(activeColor) : unref(iconColor) })
+			}, null, 4)) : createCommentVNode("", true)])])]);
+		};
+	}
+});
+//#endregion
+//#region src/composables/debounce.ts
+function debounce(fn, wait) {
+	let timer;
+	const debounced = (...args) => {
+		if (timer) clearTimeout(timer);
+		timer = setTimeout(() => {
+			timer = void 0;
+			fn(...args);
+		}, wait);
+	};
+	debounced.cancel = () => {
+		if (timer) {
+			clearTimeout(timer);
+			timer = void 0;
+		}
+	};
+	return debounced;
+}
+//#endregion
+//#region src/components/ViewportBottomLoad/index.vue
+var ViewportBottomLoad_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		distance: { default: 100 },
+		debounceNum: { default: 100 },
+		disabled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["load"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { height } = useWindowSize();
+		const target = useTemplateRef("target");
+		const { top, update } = useElementBounding(target);
+		const locked = ref(false);
+		const isDisabled = computed(() => props.disabled || locked.value);
+		function checkBottomLoad() {
+			update();
+			if (top.value - height.value >= props.distance) return;
+			if (isDisabled.value) return;
+			emit("load");
+		}
+		const debouncedCheckBottomLoad = computed(() => props.debounceNum ? debounce(checkBottomLoad, props.debounceNum) : checkBottomLoad);
+		watch(() => [
+			top.value,
+			height.value,
+			props.disabled,
+			props.distance
+		], () => {
+			debouncedCheckBottomLoad.value();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "target",
+				ref: target,
+				class: "kv-viewport-bottom-load h-[0px] w-[100%]"
+			}, null, 512);
+		};
+	}
+});
+//#endregion
+export { BaseTip_default as BaseTip, CuEmpty_default as CuEmpty, CuFloatingPanel_default as CuFloatingPanel, CuImage_default as CuImage, CuPopup_default as CuPopup, CuSelect_default as CuSelect, GridImage_default as GridImage, Headroom_default as Headroom, InputNumber_default as InputNumber, SafeBottom_default as SafeBottom, SelectDateRange_default as SelectDateRange, SortGroup_default as SortGroup, SortItem_default as SortItem, ViewportBottomLoad_default as ViewportBottomLoad, useDialogRendered };