sard 1.0.12 → 1.0.13

package/README.md

@@ -123,13 +123,12 @@ npm run publish
 4. 暂存 `git add .`
 5. 提交 `git commit -m 'fix: '`
 6. 给提交打标签 `npm run tag`
-7. 生成 changelog `npm run changelog`
-8. 暂存、提交 changelog `git commit -a -m 'chore: changelog'`
-9. 打包组件库 `npm run build:sard`
-10. 发布到 npm `npm run publish:sard`
-11. 推送代码和标签 `npm run push`
-12. 打包文档 `npm run build:site`
-13. 部署文档 `npm run deploy`
+7. 生成 changelog 并暂存、提交 `npm run changelog && git commit -a -m 'chore: changelog'`
+8. 打包组件库 `npm run build:sard`
+9. 发布到 npm `npm run publish:sard`
+10. 推送代码和标签 `npm run push`
+11. 打包文档 `npm run build:site`
+12. 部署文档 `npm run deploy`
 
 ## 新增组件流程
 

package/components/action-sheet/action-sheet.vue.d.ts

@@ -33,6 +33,7 @@ declare const __VLS_base: import("vue").DefineComponent<ActionSheetProps, {}, {}
     cancel: string;
     visible: boolean;
     overlayClosable: boolean;
+    closeOnBackPress: boolean;
     description: string;
     itemList: ActionSheetItemProps[];
     showCancel: boolean;

package/components/action-sheet/action-sheet.vue.js

@@ -42,6 +42,10 @@ var action_sheet_default = /*@__PURE__*/ defineComponent({
 		internalContext: {
 			type: Object,
 			required: false
+		},
+		closeOnBackPress: {
+			type: Boolean,
+			required: false
 		}
 	}, defaultActionSheetProps),
 	emits: [
@@ -112,6 +116,10 @@ var action_sheet_default = /*@__PURE__*/ defineComponent({
 				perhapsClose("close");
 			}
 		};
+		const onBackPress = () => {
+			emit("close");
+			perhapsClose("close");
+		};
 		const onSelect = (item, index) => {
 			if (!item.disabled && !item.loading) {
 				item = { ...item };
@@ -135,7 +143,9 @@ var action_sheet_default = /*@__PURE__*/ defineComponent({
 			return openBlock(), createBlock(popup_default, {
 				effect: "slide-bottom",
 				visible: innerVisible.value,
+				"close-on-back-press": __props.closeOnBackPress,
 				onOverlayClick,
+				onBackPress,
 				onVisibleHook
 			}, {
 				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(actionSheetClass.value) }, [
@@ -152,7 +162,7 @@ var action_sheet_default = /*@__PURE__*/ defineComponent({
 					}, [renderSlot(_ctx.$slots, "cancel", {}, () => [createTextVNode(toDisplayString(__props.cancel || unref(t)("cancel")), 1)])], 2)], 64)) : createCommentVNode("v-if", true)
 				], 2)]),
 				_: 3
-			}, 8, ["visible"]);
+			}, 8, ["visible", "close-on-back-press"]);
 		};
 	}
 });

package/components/action-sheet/common.d.ts

@@ -22,6 +22,7 @@ export interface ActionSheetProps {
     overlayClosable?: boolean;
     beforeClose?: ActionSheetBeforeClose;
     internalContext?: UseActionSheetReturn;
+    closeOnBackPress?: boolean;
 }
 export declare const defaultActionSheetProps: DefaultProps<ActionSheetProps>;
 export interface ActionSheetEmits extends MotionEmits {

package/components/action-sheet/common.js

@@ -1,4 +1,7 @@
 //#region packages/sard/components/action-sheet/common.ts
-const defaultActionSheetProps = { overlayClosable: true };
+const defaultActionSheetProps = {
+	overlayClosable: true,
+	closeOnBackPress: true
+};
 //#endregion
 export { defaultActionSheetProps };

package/components/crop-image/common.d.ts

@@ -16,6 +16,7 @@ export interface CropImageProps {
     beforeCrop?: (width: number, height: number) => number;
     cancelText?: string;
     confirmText?: string;
+    closeOnBackPress?: boolean;
 }
 export declare const defaultCropImageProps: DefaultProps<CropImageProps>;
 export interface CropImageSlots {

package/components/crop-image/common.js

@@ -2,7 +2,8 @@
 const defaultCropImageProps = {
 	cropScale: "1:1",
 	type: "image/png",
-	quality: .92
+	quality: .92,
+	closeOnBackPress: true
 };
 //#endregion
 export { defaultCropImageProps };

package/components/crop-image/crop-image.vue.d.ts

@@ -28,6 +28,7 @@ declare const __VLS_base: import("vue").DefineComponent<CropImageProps, CropImag
     cancel: () => void;
     type: string;
     visible: boolean;
+    closeOnBackPress: boolean;
     success: (dataURL: string, info: {
         width: number;
         height: number;

package/components/crop-image/crop-image.vue.js

@@ -68,6 +68,10 @@ var crop_image_default = /*@__PURE__*/ defineComponent({
 		confirmText: {
 			type: String,
 			required: false
+		},
+		closeOnBackPress: {
+			type: Boolean,
+			required: false
 		}
 	}, defaultCropImageProps),
 	emits: [
@@ -95,6 +99,9 @@ var crop_image_default = /*@__PURE__*/ defineComponent({
 			innerVisible.value = false;
 			emit("update:visible", false);
 		};
+		const onBackPress = () => {
+			close();
+		};
 		const onVisibleHook = (name, el) => {
 			emit("visible-hook", name, el);
 			emit(name, el);
@@ -454,6 +461,8 @@ var crop_image_default = /*@__PURE__*/ defineComponent({
 				effect: "full-fade",
 				visible: __props.visible,
 				overlay: false,
+				"close-on-back-press": __props.closeOnBackPress,
+				onBackPress,
 				onVisibleHook
 			}, {
 				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(cropImageClass.value) }, [
@@ -527,7 +536,7 @@ var crop_image_default = /*@__PURE__*/ defineComponent({
 					class: normalizeClass(unref(bem).e("loading"))
 				}, [createVNode(loading_default)], 2)) : createCommentVNode("v-if", true)]),
 				_: 1
-			}, 8, ["visible"]);
+			}, 8, ["visible", "close-on-back-press"]);
 		};
 	}
 });

package/components/dialog/common.d.ts

@@ -20,6 +20,7 @@ export interface DialogProps {
     beforeClose?: DialogBeforeClose;
     cancelProps?: ButtonProps;
     confirmProps?: ButtonProps;
+    closeOnBackPress?: boolean;
 }
 export declare const defaultDialogProps: DefaultProps<DialogProps>;
 export interface DialogSlots {

package/components/dialog/common.js

@@ -4,7 +4,8 @@ const defaultDialogProps = {
 	buttonType: "round",
 	showCancel: true,
 	showConfirm: true,
-	overlayClosable: true
+	overlayClosable: true,
+	closeOnBackPress: true
 };
 //#endregion
 export { defaultDialogProps };

package/components/dialog/dialog.vue.d.ts

@@ -34,6 +34,7 @@ declare const __VLS_base: import("vue").DefineComponent<DialogProps, {}, {}, {},
     title: string;
     visible: boolean;
     overlayClosable: boolean;
+    closeOnBackPress: boolean;
     message: string;
     showCancel: boolean;
     beforeClose: import("./common").DialogBeforeClose;

package/components/dialog/dialog.vue.js

@@ -62,6 +62,10 @@ var dialog_default = /*@__PURE__*/ defineComponent({
 		confirmProps: {
 			type: Object,
 			required: false
+		},
+		closeOnBackPress: {
+			type: Boolean,
+			required: false
 		}
 	}, defaultDialogProps),
 	emits: [
@@ -132,6 +136,9 @@ var dialog_default = /*@__PURE__*/ defineComponent({
 		const onOverlayClick = () => {
 			if (props.overlayClosable) perhapsClose("close");
 		};
+		const onBackPress = () => {
+			perhapsClose("close");
+		};
 		const onClose = () => {
 			perhapsClose("close");
 		};
@@ -186,7 +193,9 @@ var dialog_default = /*@__PURE__*/ defineComponent({
 				effect: "zoom",
 				visible: __props.visible,
 				class: normalizeClass(unref(bem).e("popup")),
+				"close-on-back-press": __props.closeOnBackPress,
 				onOverlayClick,
+				onBackPress,
 				onVisibleHook
 			}, {
 				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(dialogClass.value) }, [
@@ -265,7 +274,11 @@ var dialog_default = /*@__PURE__*/ defineComponent({
 					], 2)
 				], 2)]),
 				_: 3
-			}, 8, ["visible", "class"]);
+			}, 8, [
+				"visible",
+				"class",
+				"close-on-back-press"
+			]);
 		};
 	}
 });

package/components/index.js

@@ -1,5 +1,6 @@
 import { useInPopup, usePopupEnter, usePopupVisibleHookProvide } from "./popup/common.js";
 import { Accordion, AccordionItem } from "./accordion/index.js";
+import { popupManager } from "./popup/popup-manager.js";
 import { actionSheet, createActionSheet } from "./action-sheet/imperative.js";
 import { ActionSheet, ActionSheetItem } from "./action-sheet/index.js";
 import { Alert } from "./alert/index.js";
@@ -139,4 +140,4 @@ import { Tree, TreeBranch, TreeNode } from "./tree/index.js";
 import { Upload, UploadPreview } from "./upload/index.js";
 import { Waterfall, WaterfallItem, WaterfallLoad } from "./waterfall/index.js";
 import { Watermark } from "./watermark/index.js";
-export { ADD_SWIPER_CONTEXT_KEY, Accordion, AccordionItem, ActionSheet, ActionSheetItem, Alert, Avatar, AvatarGroup, BackTop, Badge, Barcode, Button, Calendar, CalendarInput, CalendarPopout, Card, Cascader, CascaderInput, CascaderPopout, Checkbox, CheckboxGroup, CheckboxInput, CheckboxPopout, Col, Collapse, ColorPicker, ColorPickerInput, ColorPickerPopout, Compact, CoolIcon, CountDown, CountTo, CropImage, DateStrip, DatetimePicker, DatetimePickerInput, DatetimePickerPopout, DatetimeRangePicker, DatetimeRangePickerInput, DatetimeRangePickerPopout, Descriptions, DescriptionsItem, Dialog, Divider, Dnd, DndHandle, DndItem, Dropdown, DropdownItem, Ellipsis, Empty, Fab, FabItem, FloatingBubble, FloatingPanel, Form, FormItem, FormItemPlain, FormPlain, Grid, GridItem, Image, Indexes, IndexesAnchor, IndexesNav, InfiniteList, Input, Keyboard, KeyboardPopout, List, ListItem, LoadMore, Loading, Marquee, Menu, MenuItem, Motion, Navbar, NavbarItem, NavbarPit, NoticeBar, Notify, Overlay, Pagination, PasswordInput, Picker, PickerInput, PickerPopout, PickerView, PickerViewColumn, Popout, PopoutInput, Popover, Popup, PreviewImage, ProgressBar, ProgressCircle, PullDownRefresh, PuzzleVerify, Qrcode, REMOVE_SWIPER_CONTEXT_KEY, Radio, RadioGroup, RadioInput, RadioPopout, Rate, ReadMore, Result, RotateVerify, Row, SWIPER_AUTO_HEIGHT_KEY, ScrollList, ScrollSpy, ScrollSpyAnchor, Search, Segmented, SegmentedItem, Select, SelectInput, SelectOption, SelectOptionGroup, SelectPopout, ShareSheet, ShareSheetIcon, ShareSheetItem, ShareSheetRow, Sidebar, SidebarItem, Signature, Skeleton, SkeletonAvatar, SkeletonBlock, SkeletonParagraph, SkeletonTitle, SlideVerify, Slider, Space, StatusBar, Step, Stepper, Steps, Sticky, StickyBox, SwipeAction, Swiper, SwiperItem, Switch, Tab, Tabbar, TabbarItem, TabbarPit, Table, Tabs, Tag, Text, Timeline, TimelineItem, Toast, Tree, TreeBranch, TreeNode, Upload, UploadPreview, Waterfall, WaterfallItem, WaterfallLoad, Watermark, actionSheet, createActionSheet, createCropImage, createDialog, createNotify, createPreviewImage, createToast, cropImage, dialog, formatTime, getCurrentTime, notify, omitFormPopoutProps, partitionPopoutInputProps, plateEnglishLetterKeys, plateProvinceKeys, plateSuffixKeys, previewImage, safeAreaInsets, spaceSizes, toast, useCountDown, useElementBackTop, useFormContext, useFormItem, useFormItemContext, useFormPopout, useInPopup, useLoadMore, useMotioning, usePageBackTop, usePopoutInput, usePopupEnter, usePopupVisibleHookProvide, windowInfo };
+export { ADD_SWIPER_CONTEXT_KEY, Accordion, AccordionItem, ActionSheet, ActionSheetItem, Alert, Avatar, AvatarGroup, BackTop, Badge, Barcode, Button, Calendar, CalendarInput, CalendarPopout, Card, Cascader, CascaderInput, CascaderPopout, Checkbox, CheckboxGroup, CheckboxInput, CheckboxPopout, Col, Collapse, ColorPicker, ColorPickerInput, ColorPickerPopout, Compact, CoolIcon, CountDown, CountTo, CropImage, DateStrip, DatetimePicker, DatetimePickerInput, DatetimePickerPopout, DatetimeRangePicker, DatetimeRangePickerInput, DatetimeRangePickerPopout, Descriptions, DescriptionsItem, Dialog, Divider, Dnd, DndHandle, DndItem, Dropdown, DropdownItem, Ellipsis, Empty, Fab, FabItem, FloatingBubble, FloatingPanel, Form, FormItem, FormItemPlain, FormPlain, Grid, GridItem, Image, Indexes, IndexesAnchor, IndexesNav, InfiniteList, Input, Keyboard, KeyboardPopout, List, ListItem, LoadMore, Loading, Marquee, Menu, MenuItem, Motion, Navbar, NavbarItem, NavbarPit, NoticeBar, Notify, Overlay, Pagination, PasswordInput, Picker, PickerInput, PickerPopout, PickerView, PickerViewColumn, Popout, PopoutInput, Popover, Popup, PreviewImage, ProgressBar, ProgressCircle, PullDownRefresh, PuzzleVerify, Qrcode, REMOVE_SWIPER_CONTEXT_KEY, Radio, RadioGroup, RadioInput, RadioPopout, Rate, ReadMore, Result, RotateVerify, Row, SWIPER_AUTO_HEIGHT_KEY, ScrollList, ScrollSpy, ScrollSpyAnchor, Search, Segmented, SegmentedItem, Select, SelectInput, SelectOption, SelectOptionGroup, SelectPopout, ShareSheet, ShareSheetIcon, ShareSheetItem, ShareSheetRow, Sidebar, SidebarItem, Signature, Skeleton, SkeletonAvatar, SkeletonBlock, SkeletonParagraph, SkeletonTitle, SlideVerify, Slider, Space, StatusBar, Step, Stepper, Steps, Sticky, StickyBox, SwipeAction, Swiper, SwiperItem, Switch, Tab, Tabbar, TabbarItem, TabbarPit, Table, Tabs, Tag, Text, Timeline, TimelineItem, Toast, Tree, TreeBranch, TreeNode, Upload, UploadPreview, Waterfall, WaterfallItem, WaterfallLoad, Watermark, actionSheet, createActionSheet, createCropImage, createDialog, createNotify, createPreviewImage, createToast, cropImage, dialog, formatTime, getCurrentTime, notify, omitFormPopoutProps, partitionPopoutInputProps, plateEnglishLetterKeys, plateProvinceKeys, plateSuffixKeys, popupManager, previewImage, safeAreaInsets, spaceSizes, toast, useCountDown, useElementBackTop, useFormContext, useFormItem, useFormItemContext, useFormPopout, useInPopup, useLoadMore, useMotioning, usePageBackTop, usePopoutInput, usePopupEnter, usePopupVisibleHookProvide, windowInfo };

package/components/popout/common.d.ts

@@ -26,6 +26,7 @@ export interface PopoutProps {
     showShadow?: boolean;
     destroyOnClose?: boolean;
     lazy?: boolean;
+    closeOnBackPress?: boolean;
 }
 export declare const defaultPopoutProps: DefaultProps<PopoutProps>;
 export interface PopoutSlots {

package/components/popout/common.js

@@ -8,7 +8,8 @@ const defaultPopoutProps = {
 	overlay: true,
 	overlayClosable: true,
 	lazy: void 0,
-	destroyOnClose: void 0
+	destroyOnClose: void 0,
+	closeOnBackPress: true
 };
 //#endregion
 export { defaultPopoutProps };

package/components/popout/popout.vue.d.ts

@@ -41,6 +41,7 @@ declare const __VLS_base: import("vue").DefineComponent<PopoutProps, {}, {}, {},
     overlayClosable: boolean;
     destroyOnClose: boolean;
     lazy: boolean;
+    closeOnBackPress: boolean;
     showCancel: boolean;
     beforeClose: import("./common").PopoutBeforeClose;
     cancelText: string;

package/components/popout/popout.vue.js

@@ -91,6 +91,10 @@ var popout_default = /*@__PURE__*/ defineComponent({
 		lazy: {
 			type: Boolean,
 			required: false
+		},
+		closeOnBackPress: {
+			type: Boolean,
+			required: false
 		}
 	}, defaultPopoutProps),
 	emits: [
@@ -163,6 +167,9 @@ var popout_default = /*@__PURE__*/ defineComponent({
 		const onOverlayClick = () => {
 			if (props.overlayClosable) perhapsClose("close");
 		};
+		const onBackPress = () => {
+			perhapsClose("close");
+		};
 		const onCloseClick = () => {
 			perhapsClose("close");
 		};
@@ -192,7 +199,9 @@ var popout_default = /*@__PURE__*/ defineComponent({
 				transparent: __props.transparent,
 				"destroy-on-close": __props.destroyOnClose,
 				lazy: __props.lazy,
+				"close-on-back-press": __props.closeOnBackPress,
 				onOverlayClick,
+				onBackPress,
 				onVisibleHook
 			}, {
 				default: withCtx(() => [createElementVNode("div", {
@@ -299,7 +308,8 @@ var popout_default = /*@__PURE__*/ defineComponent({
 				"background",
 				"transparent",
 				"destroy-on-close",
-				"lazy"
+				"lazy",
+				"close-on-back-press"
 			]);
 		};
 	}

package/components/popup/common.d.ts

@@ -14,6 +14,7 @@ export interface PopupProps {
     lockScroll?: boolean;
     destroyOnClose?: boolean;
     lazy?: boolean;
+    closeOnBackPress?: boolean;
 }
 export declare const mapEffectMotion: Record<PopupEffect, MotionName>;
 export declare const defaultPopupProps: DefaultProps<PopupProps>;
@@ -33,6 +34,7 @@ export interface TransitionHookCallbacks {
 }
 export interface PopupEmits extends MotionEmits {
     (e: 'overlay-click', event: any): void;
+    (e: 'back-press'): void;
     (e: 'update:visible', visible: boolean): void;
 }
 export interface PopupExpose {

package/components/popup/index.d.ts

@@ -3,3 +3,4 @@ import _Popup from './popup.vue';
 export declare const Popup: EnhancedComponent<typeof _Popup>;
 export default Popup;
 export { type PopupProps, type PopupSlots, type PopupEmits, type PopupExpose, type PopupContext, usePopupVisibleHookProvide, usePopupEnter, useInPopup, } from './common';
+export { type PopupItem, popupManager } from './popup-manager';

package/components/popup/index.js

@@ -1,7 +1,8 @@
 import { enhanceComponent } from "../../utils/component.js";
 import { useInPopup, usePopupEnter, usePopupVisibleHookProvide } from "./common.js";
+import { popupManager } from "./popup-manager.js";
 import popup_default from "./popup.vue.js";
 //#region packages/sard/components/popup/index.ts
 const Popup = enhanceComponent(popup_default);
 //#endregion
-export { Popup, Popup as default, useInPopup, usePopupEnter, usePopupVisibleHookProvide };
+export { Popup, Popup as default, popupManager, useInPopup, usePopupEnter, usePopupVisibleHookProvide };

package/components/popup/popup-manager.d.ts

@@ -0,0 +1,15 @@
+export interface PopupItem {
+    close: () => void;
+}
+export declare function createPopupManager(): {
+    stack: import("vue").Reactive<PopupItem[]>;
+    push: (item: PopupItem) => void;
+    pop: () => void;
+    remove: (item: PopupItem) => void;
+};
+export declare const popupManager: {
+    stack: import("vue").Reactive<PopupItem[]>;
+    push: (item: PopupItem) => void;
+    pop: () => void;
+    remove: (item: PopupItem) => void;
+};

package/components/popup/popup-manager.js

@@ -0,0 +1,25 @@
+import { reactive } from "vue";
+//#region packages/sard/components/popup/popup-manager.ts
+function createPopupManager() {
+	const stack = reactive([]);
+	const push = (item) => {
+		if (!stack.includes(item)) stack.push(item);
+	};
+	const pop = () => {
+		const item = stack.pop();
+		if (item) item.close();
+	};
+	const remove = (item) => {
+		const index = stack.indexOf(item);
+		if (index !== -1) stack.splice(index, 1);
+	};
+	return {
+		stack,
+		push,
+		pop,
+		remove
+	};
+}
+const popupManager = createPopupManager();
+//#endregion
+export { createPopupManager, popupManager };

package/components/popup/popup.vue.d.ts

@@ -12,6 +12,7 @@ declare const __VLS_base: import("vue").DefineComponent<PopupProps, {}, {}, {},
     "leave-cancelled": (el: Element) => any;
     "visible-hook": (name: MotionHookName, el: Element) => any;
     "overlay-click": (event: any) => any;
+    "back-press": () => any;
     "update:visible": (visible: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<PopupProps> & Readonly<{
     "onBefore-enter"?: ((el: Element) => any) | undefined;
@@ -24,6 +25,7 @@ declare const __VLS_base: import("vue").DefineComponent<PopupProps, {}, {}, {},
     "onLeave-cancelled"?: ((el: Element) => any) | undefined;
     "onVisible-hook"?: ((name: MotionHookName, el: Element) => any) | undefined;
     "onOverlay-click"?: ((event: any) => any) | undefined;
+    "onBack-press"?: (() => any) | undefined;
     "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
 }>, {
     background: string;
@@ -37,6 +39,7 @@ declare const __VLS_base: import("vue").DefineComponent<PopupProps, {}, {}, {},
     lockScroll: boolean;
     destroyOnClose: boolean;
     lazy: boolean;
+    closeOnBackPress: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/components/popup/popup.vue.js

@@ -4,7 +4,8 @@ import { defaultPopupProps, mapEffectMotion, usePopupVisibleHookProvide } from "
 import { useLockScroll } from "../../use/useLockScroll.js";
 import motion_default from "../motion/motion.vue.js";
 import overlay_default from "../overlay/overlay.vue.js";
-import { Teleport, computed, createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, mergeDefaults, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, unref, vShow, withCtx, withDirectives } from "vue";
+import { popupManager } from "./popup-manager.js";
+import { Teleport, computed, createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, mergeDefaults, mergeProps, normalizeClass, normalizeStyle, onUnmounted, openBlock, ref, renderSlot, unref, vShow, withCtx, withDirectives } from "vue";
 //#region packages/sard/components/popup/popup.vue
 var popup_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
@@ -67,10 +68,15 @@ var popup_default = /*@__PURE__*/ defineComponent({
 		lazy: {
 			type: Boolean,
 			required: false
+		},
+		closeOnBackPress: {
+			type: Boolean,
+			required: false
 		}
 	}, defaultPopupProps),
 	emits: [
 		"overlay-click",
+		"back-press",
 		"update:visible",
 		"before-enter",
 		"enter",
@@ -96,8 +102,10 @@ var popup_default = /*@__PURE__*/ defineComponent({
 			if (name === "before-enter") {
 				increaseZIndex();
 				rendered.value = true;
+				if (props.closeOnBackPress) popupManager.push(popupItem);
 			} else if (name === "after-leave") {
 				if (props.destroyOnClose) rendered.value = false;
+				popupManager.remove(popupItem);
 			}
 			callVisibleHook(name);
 			emit("visible-hook", name, el);
@@ -108,6 +116,13 @@ var popup_default = /*@__PURE__*/ defineComponent({
 			if (props.overlayClosable) emit("update:visible", false);
 		};
 		useLockScroll(() => props.visible, props.lockScroll);
+		const popupItem = { close: () => {
+			emit("back-press");
+			emit("update:visible", false);
+		} };
+		onUnmounted(() => {
+			popupManager.remove(popupItem);
+		});
 		const popupClass = computed(() => {
 			return [bem.b(), bem.m(props.effect)];
 		});

package/components/preview-image/common.d.ts

@@ -7,6 +7,7 @@ export interface PreviewImageProps {
     current?: number;
     showIndicator?: boolean;
     loop?: boolean;
+    closeOnBackPress?: boolean;
 }
 export declare const defaultPreviewImageProps: DefaultProps<PreviewImageProps>;
 export interface PreviewImageSlots {

package/components/preview-image/common.js

@@ -3,7 +3,8 @@ const defaultPreviewImageProps = {
 	current: 0,
 	showIndicator: true,
 	loop: true,
-	urls: () => []
+	urls: () => [],
+	closeOnBackPress: true
 };
 const previewImageContextKey = Symbol("previewImageContext");
 //#endregion

package/components/preview-image/preview-image.vue.d.ts

@@ -27,6 +27,7 @@ declare const __VLS_base: import("vue").DefineComponent<PreviewImageProps, Previ
     "onUpdate:current"?: ((current: number) => any) | undefined;
 }>, {
     visible: boolean;
+    closeOnBackPress: boolean;
     current: number;
     urls: string[];
     showIndicator: boolean;

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

@@ -34,6 +34,10 @@ var preview_image_default = /*@__PURE__*/ defineComponent({
 		loop: {
 			type: Boolean,
 			required: false
+		},
+		closeOnBackPress: {
+			type: Boolean,
+			required: false
 		}
 	}, defaultPreviewImageProps),
 	emits: [
@@ -62,6 +66,9 @@ var preview_image_default = /*@__PURE__*/ defineComponent({
 				visibleSwitching.value = false;
 			}, 150);
 		});
+		const onBackPress = () => {
+			close();
+		};
 		const onVisibleHook = (name, el) => {
 			if (name === "before-enter") resetSlideDown();
 			emit("visible-hook", name, el);
@@ -141,6 +148,8 @@ var preview_image_default = /*@__PURE__*/ defineComponent({
 					unref(bem).is("immersive", isImmersive.value)
 				],
 				visible: unref(innerVisible),
+				"close-on-back-press": __props.closeOnBackPress,
+				onBackPress,
 				onVisibleHook
 			}, {
 				default: withCtx(() => [createElementVNode("div", {
@@ -176,7 +185,11 @@ var preview_image_default = /*@__PURE__*/ defineComponent({
 					class: normalizeClass(unref(bem).e("indicator"))
 				}, toDisplayString(unref(current) + 1) + " / " + toDisplayString(__props.urls.length), 3)) : createCommentVNode("v-if", true)], 2)]),
 				_: 1
-			}, 8, ["overlay-class", "visible"]);
+			}, 8, [
+				"overlay-class",
+				"visible",
+				"close-on-back-press"
+			]);
 		};
 	}
 });

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

@@ -52,7 +52,7 @@ var pull_down_refresh_default = /*@__PURE__*/ defineComponent({
 			recoveringTimer.clear();
 			initialTimer.clear();
 			status.value = "loading";
-			translateY.value = props.headerHeight;
+			if (!props.disabled) translateY.value = props.headerHeight;
 		};
 		const toRecovering = () => {
 			status.value = "recovering";

package/components/share-sheet/common.d.ts

@@ -11,6 +11,7 @@ export interface ShareSheetProps {
     visible?: boolean;
     overlayClosable?: boolean;
     beforeClose?: ShareSheetbeforeClose;
+    closeOnBackPress?: boolean;
 }
 export declare const defaultShareSheetProps: DefaultProps<ShareSheetProps>;
 export interface ShareSheetEmits extends MotionEmits {

package/components/share-sheet/common.js

@@ -1,5 +1,8 @@
 //#region packages/sard/components/share-sheet/common.ts
-const defaultShareSheetProps = { overlayClosable: true };
+const defaultShareSheetProps = {
+	overlayClosable: true,
+	closeOnBackPress: true
+};
 const defaultShareSheetRowProps = {};
 //#endregion
 export { defaultShareSheetProps, defaultShareSheetRowProps };

package/components/share-sheet/share-sheet.vue.d.ts

@@ -34,6 +34,7 @@ declare const __VLS_base: import("vue").DefineComponent<ShareSheetProps, {}, {},
     cancel: string;
     visible: boolean;
     overlayClosable: boolean;
+    closeOnBackPress: boolean;
     description: string;
     showCancel: boolean;
     beforeClose: import("./common").ShareSheetbeforeClose;

package/components/share-sheet/share-sheet.vue.js

@@ -37,6 +37,10 @@ var share_sheet_default = /*@__PURE__*/ defineComponent({
 		beforeClose: {
 			type: Function,
 			required: false
+		},
+		closeOnBackPress: {
+			type: Boolean,
+			required: false
 		}
 	}, defaultShareSheetProps),
 	emits: [
@@ -86,8 +90,14 @@ var share_sheet_default = /*@__PURE__*/ defineComponent({
 			emit("update:visible", false);
 		};
 		const onOverlayClick = () => {
+			if (props.overlayClosable) {
+				emit("close");
+				perhapsClose("close");
+			}
+		};
+		const onBackPress = () => {
 			emit("close");
-			if (props.overlayClosable) perhapsClose("close");
+			perhapsClose("close");
 		};
 		const onSelect = (item) => {
 			emit("select", { ...item });
@@ -109,7 +119,9 @@ var share_sheet_default = /*@__PURE__*/ defineComponent({
 			return openBlock(), createBlock(popup_default, {
 				effect: "slide-bottom",
 				visible: innerVisible.value,
+				"close-on-back-press": __props.closeOnBackPress,
 				onOverlayClick,
+				onBackPress,
 				onVisibleHook
 			}, {
 				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(shareSheetClass.value) }, [
@@ -130,7 +142,7 @@ var share_sheet_default = /*@__PURE__*/ defineComponent({
 					}, [renderSlot(_ctx.$slots, "cancel", {}, () => [createTextVNode(toDisplayString(__props.cancel || unref(t)("cancel")), 1)])], 2)], 64)) : createCommentVNode("v-if", true)
 				], 2)]),
 				_: 3
-			}, 8, ["visible"]);
+			}, 8, ["visible", "close-on-back-press"]);
 		};
 	}
 });

package/index.js

@@ -61,6 +61,7 @@ import { isColorScheme, provideColorScheme, useColorScheme } from "./use/useColo
 import { withResolvers } from "./utils/polyfill.js";
 import { useScroller } from "./utils/scroller/useScroller.js";
 import { Accordion, AccordionItem } from "./components/accordion/index.js";
+import { popupManager } from "./components/popup/popup-manager.js";
 import { currentLocale, localeContextKey, provideLocale, setLocale, useLocale, useTranslate, useTranslateWithPrefix } from "./locale/index.js";
 import { actionSheet, createActionSheet } from "./components/action-sheet/imperative.js";
 import { ActionSheet, ActionSheetItem } from "./components/action-sheet/index.js";
@@ -216,4 +217,4 @@ function prepareEnvironment() {
 	});
 }
 //#endregion
-export { ADD_SWIPER_CONTEXT_KEY, ALPHANUMERIC_CHARS, Accordion, AccordionItem, ActionSheet, ActionSheetItem, Alert, Avatar, AvatarGroup, BackTop, Badge, Barcode, BarcodeFormatList, BarcodeTextPositionList, Button, Calendar, CalendarInput, CalendarPopout, Card, Cascader, CascaderInput, CascaderPopout, Checkbox, CheckboxGroup, CheckboxInput, CheckboxPopout, Col, Collapse, ColorPicker, ColorPickerInput, ColorPickerPopout, Compact, CoolIcon, CountDown, CountTo, CropImage, DateStrip, DatetimePicker, DatetimePickerInput, DatetimePickerPopout, DatetimeRangePicker, DatetimeRangePickerInput, DatetimeRangePickerPopout, Descriptions, DescriptionsItem, Dialog, Divider, Dnd, DndHandle, DndItem, Dropdown, DropdownItem, ECLList, Ellipsis, Empty, Fab, FabItem, FloatingBubble, FloatingPanel, Form, FormItem, FormItemPlain, FormPlain, Friction, Grid, GridItem, Image, Indexes, IndexesAnchor, IndexesNav, InfiniteList, Input, Keyboard, KeyboardPopout, List, ListItem, LoadMore, Loading, Marquee, Menu, MenuItem, Motion, Navbar, NavbarItem, NavbarPit, NoticeBar, Notify, OnlyChild, Overlay, Pagination, PasswordInput, Picker, PickerInput, PickerPopout, PickerView, PickerViewColumn, Popout, PopoutInput, Popover, Popup, PreviewImage, ProgressBar, ProgressCircle, PullDownRefresh, PuzzleVerify, Qrcode, REMOVE_SWIPER_CONTEXT_KEY, Radio, RadioGroup, RadioInput, RadioPopout, Rate, ReadMore, Result, RotateVerify, Row, SWIPER_AUTO_HEIGHT_KEY, ScrollList, ScrollSpy, ScrollSpyAnchor, Search, Segmented, SegmentedItem, Select, SelectInput, SelectOption, SelectOptionGroup, SelectPopout, ShareSheet, ShareSheetIcon, ShareSheetItem, ShareSheetRow, Sidebar, SidebarItem, Signature, Skeleton, SkeletonAvatar, SkeletonBlock, SkeletonParagraph, SkeletonTitle, SlideVerify, Slider, Space, Spring, StatusBar, Step, Stepper, Steps, Sticky, StickyBox, SwipeAction, Swiper, SwiperItem, Switch, Tab, Tabbar, TabbarItem, TabbarPit, Table, Tabs, Tag, Text, Timeline, TimelineItem, Toast, Tree, TreeBranch, TreeNode, Upload, UploadPreview, Waterfall, WaterfallItem, WaterfallLoad, Watermark, actionSheet, addSeparator, addUnit, arrayEqual, arrayMove, autoUpdate, barcode, baseLunarYear, calculateBarcodeLayout, camelCase, capitalize, chainGet, chainSet, checkRtl, chooseFile, clamp, clipboard, computePosition, createActionSheet, createBem, createBemStruct, createCropImage, createDialog, createInertialAnimate, createNotify, createPreviewImage, createToast, cropImage, cssVar, cssVarName, currentLocale, debounce, deepClone, defaultBemConfig, defaultColorPickerPresets, defaultColorPickerValue, defaultOptionKeys, defineSetupFnComponent, dialog, earthlyBranches, enhanceComponent, extend, flatVNode, formatColor, formatDate, formatNumber, formatTime, getAllImperatives, getAspectFillSize, getAspectFitSize, getAvailableImperative, getCurrentTime, getDampingValue, getDayOfYear, getDaysAfterLastDay, getDaysBeforeFirstDay, getDaysInMonth, getDaysSinceUnixEpoch, getDecimalsLength, getFileName, getFirstDayWeekday, getGridCenterSize, getGridIndex, getGridPrizeCount, getImperatives, getInBoundValue, getLeafNodes, getLunarDayName, getLunarHourName, getLunarLeapMonth, getLunarLeapMonthDays, getLunarMonthDays, getLunarMonthName, getLunarYearDays, getLunarYearName, getNextMonthDate, getNextMonthHeadDays, getNodeLevel, getOverflowRangeInArea, getPageRange, getPrevMonthDate, getPrevMonthTailDays, getPreviewColor, getRectDampingValue, getRotatedRect, getScrollIntoViewValue, getScrollTop, getTouchPoint, getTransformOrigin, getTreeCheckedKeys, getTreeHalfCheckedKeys, getTwoPointsDistance, heavenlyStems, hslToHsv, hslToHwb, hslToRgb, hsvToHsl, hwbToHsl, imageDataToDataURL, inRange, initializeCheckNodes, installer, isBoolean, isColorScheme, isConfigObject, isDate, isEmptyArray, isEmptyBinding, isEmptyValue, isFileUrl, isFunction, isImageFile, isImageUrl, isKorean, isLeapYear, isNoEmptyArray, isNullish, isNumber, isObject, isPlainObject, isPrimitive, isRectEqual, isRenderVisible, isSizeEqual, isString, isUndefined, isVideoFile, isVideoUrl, isVisibleEmpty, kebabCase, loadImage, localeContextKey, logError, looseToNumber, lowerFirst, lunarDayNames, lunarInfo, lunarMonthNames, lunarToSolar, lunarYearNames, mapTreeToGrid, matchScrollVisible, measureTextWidth, minmaxDate, mround, nestedToMulti, noop, normalizeBarcodeOptions, normalizeHsla, normalizeHsva, notify, omit, omitFormPopoutProps, parseColor, parseDate, partition, partitionPopoutInputProps, pascalCase, pick, plateEnglishLetterKeys, plateProvinceKeys, plateSuffixKeys, prepareEnvironment, previewImage, provideColorScheme, provideLocale, qrcode, random, reactiveComputed, readFileContent, rgbToHsl, round, safeAreaInsets, scrollToTarget, setCheckedRecursively, setLocale, shuffle, sleep, snakeCase, solarToLunar, spaceSizes, splitUnit, spreadEach, springFestivals, throttle, toArray, toDate, toDateNumber, toDateString, toMonthNumber, toReactive, toTouchEvent, toast, treeToMap, uniqid, updateAncestorsChecked, upperFirst, useClickOutside, useColorScheme, useComposition, useCountDown, useDragPinch, useElementBackTop, useElementScroll, useFormContext, useFormItem, useFormItemContext, useFormPopout, useImperative, useInPopup, useIndeterminate, useInitialVelocity, useIntersectionObserver, useKeyList, useLoadMore, useLocale, useLockScroll, useLuckyDraw, useLuckyGrid, useLuckyWheel, useMotioning, useOptionKeys, usePageBackTop, usePageScroll, usePointerDown, usePopoutInput, usePopper, usePopupEnter, usePopupVisibleHookProvide, useReachBottom, useResizeObserver, useRtl, useScrollSide, useScrollSpy, useScroller, useSimulatedClick, useSimulatedDblClick, useSimulatedPress, useSingleTask, useSlotMachine, useStopMovedClick, useTimeout, useTimeoutLoading, useTranslate, useTranslateWithPrefix, useWindowResize, useZIndex, walkAncestor, walkDescendant, walkNodes, windowInfo, withResolvers };
+export { ADD_SWIPER_CONTEXT_KEY, ALPHANUMERIC_CHARS, Accordion, AccordionItem, ActionSheet, ActionSheetItem, Alert, Avatar, AvatarGroup, BackTop, Badge, Barcode, BarcodeFormatList, BarcodeTextPositionList, Button, Calendar, CalendarInput, CalendarPopout, Card, Cascader, CascaderInput, CascaderPopout, Checkbox, CheckboxGroup, CheckboxInput, CheckboxPopout, Col, Collapse, ColorPicker, ColorPickerInput, ColorPickerPopout, Compact, CoolIcon, CountDown, CountTo, CropImage, DateStrip, DatetimePicker, DatetimePickerInput, DatetimePickerPopout, DatetimeRangePicker, DatetimeRangePickerInput, DatetimeRangePickerPopout, Descriptions, DescriptionsItem, Dialog, Divider, Dnd, DndHandle, DndItem, Dropdown, DropdownItem, ECLList, Ellipsis, Empty, Fab, FabItem, FloatingBubble, FloatingPanel, Form, FormItem, FormItemPlain, FormPlain, Friction, Grid, GridItem, Image, Indexes, IndexesAnchor, IndexesNav, InfiniteList, Input, Keyboard, KeyboardPopout, List, ListItem, LoadMore, Loading, Marquee, Menu, MenuItem, Motion, Navbar, NavbarItem, NavbarPit, NoticeBar, Notify, OnlyChild, Overlay, Pagination, PasswordInput, Picker, PickerInput, PickerPopout, PickerView, PickerViewColumn, Popout, PopoutInput, Popover, Popup, PreviewImage, ProgressBar, ProgressCircle, PullDownRefresh, PuzzleVerify, Qrcode, REMOVE_SWIPER_CONTEXT_KEY, Radio, RadioGroup, RadioInput, RadioPopout, Rate, ReadMore, Result, RotateVerify, Row, SWIPER_AUTO_HEIGHT_KEY, ScrollList, ScrollSpy, ScrollSpyAnchor, Search, Segmented, SegmentedItem, Select, SelectInput, SelectOption, SelectOptionGroup, SelectPopout, ShareSheet, ShareSheetIcon, ShareSheetItem, ShareSheetRow, Sidebar, SidebarItem, Signature, Skeleton, SkeletonAvatar, SkeletonBlock, SkeletonParagraph, SkeletonTitle, SlideVerify, Slider, Space, Spring, StatusBar, Step, Stepper, Steps, Sticky, StickyBox, SwipeAction, Swiper, SwiperItem, Switch, Tab, Tabbar, TabbarItem, TabbarPit, Table, Tabs, Tag, Text, Timeline, TimelineItem, Toast, Tree, TreeBranch, TreeNode, Upload, UploadPreview, Waterfall, WaterfallItem, WaterfallLoad, Watermark, actionSheet, addSeparator, addUnit, arrayEqual, arrayMove, autoUpdate, barcode, baseLunarYear, calculateBarcodeLayout, camelCase, capitalize, chainGet, chainSet, checkRtl, chooseFile, clamp, clipboard, computePosition, createActionSheet, createBem, createBemStruct, createCropImage, createDialog, createInertialAnimate, createNotify, createPreviewImage, createToast, cropImage, cssVar, cssVarName, currentLocale, debounce, deepClone, defaultBemConfig, defaultColorPickerPresets, defaultColorPickerValue, defaultOptionKeys, defineSetupFnComponent, dialog, earthlyBranches, enhanceComponent, extend, flatVNode, formatColor, formatDate, formatNumber, formatTime, getAllImperatives, getAspectFillSize, getAspectFitSize, getAvailableImperative, getCurrentTime, getDampingValue, getDayOfYear, getDaysAfterLastDay, getDaysBeforeFirstDay, getDaysInMonth, getDaysSinceUnixEpoch, getDecimalsLength, getFileName, getFirstDayWeekday, getGridCenterSize, getGridIndex, getGridPrizeCount, getImperatives, getInBoundValue, getLeafNodes, getLunarDayName, getLunarHourName, getLunarLeapMonth, getLunarLeapMonthDays, getLunarMonthDays, getLunarMonthName, getLunarYearDays, getLunarYearName, getNextMonthDate, getNextMonthHeadDays, getNodeLevel, getOverflowRangeInArea, getPageRange, getPrevMonthDate, getPrevMonthTailDays, getPreviewColor, getRectDampingValue, getRotatedRect, getScrollIntoViewValue, getScrollTop, getTouchPoint, getTransformOrigin, getTreeCheckedKeys, getTreeHalfCheckedKeys, getTwoPointsDistance, heavenlyStems, hslToHsv, hslToHwb, hslToRgb, hsvToHsl, hwbToHsl, imageDataToDataURL, inRange, initializeCheckNodes, installer, isBoolean, isColorScheme, isConfigObject, isDate, isEmptyArray, isEmptyBinding, isEmptyValue, isFileUrl, isFunction, isImageFile, isImageUrl, isKorean, isLeapYear, isNoEmptyArray, isNullish, isNumber, isObject, isPlainObject, isPrimitive, isRectEqual, isRenderVisible, isSizeEqual, isString, isUndefined, isVideoFile, isVideoUrl, isVisibleEmpty, kebabCase, loadImage, localeContextKey, logError, looseToNumber, lowerFirst, lunarDayNames, lunarInfo, lunarMonthNames, lunarToSolar, lunarYearNames, mapTreeToGrid, matchScrollVisible, measureTextWidth, minmaxDate, mround, nestedToMulti, noop, normalizeBarcodeOptions, normalizeHsla, normalizeHsva, notify, omit, omitFormPopoutProps, parseColor, parseDate, partition, partitionPopoutInputProps, pascalCase, pick, plateEnglishLetterKeys, plateProvinceKeys, plateSuffixKeys, popupManager, prepareEnvironment, previewImage, provideColorScheme, provideLocale, qrcode, random, reactiveComputed, readFileContent, rgbToHsl, round, safeAreaInsets, scrollToTarget, setCheckedRecursively, setLocale, shuffle, sleep, snakeCase, solarToLunar, spaceSizes, splitUnit, spreadEach, springFestivals, throttle, toArray, toDate, toDateNumber, toDateString, toMonthNumber, toReactive, toTouchEvent, toast, treeToMap, uniqid, updateAncestorsChecked, upperFirst, useClickOutside, useColorScheme, useComposition, useCountDown, useDragPinch, useElementBackTop, useElementScroll, useFormContext, useFormItem, useFormItemContext, useFormPopout, useImperative, useInPopup, useIndeterminate, useInitialVelocity, useIntersectionObserver, useKeyList, useLoadMore, useLocale, useLockScroll, useLuckyDraw, useLuckyGrid, useLuckyWheel, useMotioning, useOptionKeys, usePageBackTop, usePageScroll, usePointerDown, usePopoutInput, usePopper, usePopupEnter, usePopupVisibleHookProvide, useReachBottom, useResizeObserver, useRtl, useScrollSide, useScrollSpy, useScroller, useSimulatedClick, useSimulatedDblClick, useSimulatedPress, useSingleTask, useSlotMachine, useStopMovedClick, useTimeout, useTimeoutLoading, useTranslate, useTranslateWithPrefix, useWindowResize, useZIndex, walkAncestor, walkDescendant, walkNodes, windowInfo, withResolvers };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sard",
-  "version": "1.0.12",
+  "version": "1.0.13",
   "description": "sard 是基于 Vue3 的 Web 移动端 UI 组件库",
   "keywords": [
     "UI",