agentworkshop 0.5.0 → 0.5.2

package/.output/server/chunks/build/drawer-CVValqoh.mjs

@@ -0,0 +1,836 @@
+import { w as withInstall, d as useConfigInject_default, e as _extends, h as classNames, j as getTransitionProps, H as getTransitionName, i as _objectSpread2, k as genComponentStyleHook, m as merge, P as PropTypes, t as objectType, g as getPropsSlot, y as functionType, a7 as arrayType, p as CloseOutlined } from '../virtual/entry.mjs';
+import { i as initDefaultProps } from './initDefaultProps-DIbWwP4R.mjs';
+import { d as devWarning_default, t as omit, N as NoCompactStyle, P as PortalWrapper_default, K as KeyCode } from './button-BhbX5ACI.mjs';
+import { i as isNumeric } from './isNumeric-CP7q_yhz.mjs';
+import { defineComponent, shallowRef, computed, watch, inject, provide, createVNode, nextTick, ref, Transition, withDirectives, vShow } from 'vue';
+
+//#region node_modules/.pnpm/ant-design-vue@4.2.6_vue@3.5.41_typescript@5.9.3_/node_modules/ant-design-vue/es/vc-drawer/src/IDrawerPropTypes.js
+var props = () => ({
+	prefixCls: String,
+	width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+	height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+	style: {
+		type: Object,
+		default: void 0
+	},
+	class: String,
+	rootClassName: String,
+	rootStyle: objectType(),
+	placement: { type: String },
+	wrapperClassName: String,
+	level: { type: [String, Array] },
+	levelMove: { type: [
+		Number,
+		Function,
+		Array
+	] },
+	duration: String,
+	ease: String,
+	showMask: {
+		type: Boolean,
+		default: void 0
+	},
+	maskClosable: {
+		type: Boolean,
+		default: void 0
+	},
+	maskStyle: {
+		type: Object,
+		default: void 0
+	},
+	afterVisibleChange: Function,
+	keyboard: {
+		type: Boolean,
+		default: void 0
+	},
+	contentWrapperStyle: arrayType(),
+	autofocus: {
+		type: Boolean,
+		default: void 0
+	},
+	open: {
+		type: Boolean,
+		default: void 0
+	},
+	motion: functionType(),
+	maskMotion: objectType()
+});
+var drawerProps$1 = () => _extends(_extends({}, props()), {
+	forceRender: {
+		type: Boolean,
+		default: void 0
+	},
+	getContainer: PropTypes.oneOfType([
+		PropTypes.string,
+		PropTypes.func,
+		PropTypes.object,
+		PropTypes.looseBool
+	])
+});
+var drawerChildProps = () => _extends(_extends({}, props()), {
+	getContainer: Function,
+	getOpenCount: Function,
+	scrollLocker: PropTypes.any,
+	inline: Boolean
+});
+var transitionEndObject = {
+	transition: "transitionend",
+	WebkitTransition: "webkitTransitionEnd",
+	MozTransition: "transitionend",
+	OTransition: "oTransitionEnd otransitionend"
+};
+transitionEndObject[Object.keys(transitionEndObject).filter((key) => {
+	return false;
+})[0]];
+//#endregion
+//#region node_modules/.pnpm/ant-design-vue@4.2.6_vue@3.5.41_typescript@5.9.3_/node_modules/ant-design-vue/es/vc-drawer/src/DrawerChild.js
+var __rest$2 = function(s, e) {
+	var t = {};
+	for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+	if (s != null && typeof Object.getOwnPropertySymbols === "function") {
+		for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+	}
+	return t;
+};
+var DrawerChild = defineComponent({
+	compatConfig: { MODE: 3 },
+	inheritAttrs: false,
+	props: drawerChildProps(),
+	emits: [
+		"close",
+		"handleClick",
+		"change"
+	],
+	setup(props, _ref) {
+		let { emit, slots } = _ref;
+		const contentWrapper = shallowRef();
+		const dom = shallowRef();
+		const maskDom = shallowRef();
+		const handlerDom = shallowRef();
+		const contentDom = shallowRef();
+		`drawer_id_${Number((Date.now() + Math.random()).toString().replace(".", Math.round(Math.random() * 9).toString())).toString(16)}`;
+		watch(() => props.level, () => {
+			getLevelDom(props);
+		}, { flush: "post" });
+		watch(() => props.open, () => {
+			const { open, getContainer, scrollLocker, showMask, autofocus } = props;
+			const container = getContainer === null || getContainer === void 0 ? void 0 : getContainer();
+			if (container && container.parentNode === (void 0).body) ;
+			if (open) {
+				if (autofocus) domFocus();
+				if (showMask) scrollLocker === null || scrollLocker === void 0 || scrollLocker.lock();
+			} else scrollLocker === null || scrollLocker === void 0 || scrollLocker.unLock();
+		}, { flush: "post" });
+		watch(() => props.placement, (val) => {
+			if (val) contentDom.value = null;
+		});
+		const domFocus = () => {
+			var _a, _b;
+			(_b = (_a = dom.value) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 || _b.call(_a);
+		};
+		const onClose = (e) => {
+			emit("close", e);
+		};
+		const onKeyDown = (e) => {
+			if (e.keyCode === KeyCode.ESC) {
+				e.stopPropagation();
+				onClose(e);
+			}
+		};
+		const onAfterVisibleChange = () => {
+			const { open, afterVisibleChange } = props;
+			if (afterVisibleChange) afterVisibleChange(!!open);
+		};
+		const getLevelDom = (_ref2) => {
+			let { level, getContainer } = _ref2;
+		};
+		const onHandleClick = (e) => {
+			emit("handleClick", e);
+		};
+		const canOpen = shallowRef(false);
+		watch(dom, () => {
+			nextTick(() => {
+				canOpen.value = true;
+			});
+		});
+		return () => {
+			var _a, _b;
+			const { width, height, open: $open, prefixCls, placement, level, levelMove, ease, duration, getContainer, onChange, afterVisibleChange, showMask, maskClosable, maskStyle, keyboard, getOpenCount, scrollLocker, contentWrapperStyle, style, class: className, rootClassName, rootStyle, maskMotion, motion, inline } = props, otherProps = __rest$2(props, [
+				"width",
+				"height",
+				"open",
+				"prefixCls",
+				"placement",
+				"level",
+				"levelMove",
+				"ease",
+				"duration",
+				"getContainer",
+				"onChange",
+				"afterVisibleChange",
+				"showMask",
+				"maskClosable",
+				"maskStyle",
+				"keyboard",
+				"getOpenCount",
+				"scrollLocker",
+				"contentWrapperStyle",
+				"style",
+				"class",
+				"rootClassName",
+				"rootStyle",
+				"maskMotion",
+				"motion",
+				"inline"
+			]);
+			const open = $open && canOpen.value;
+			const wrapperClassName = classNames(prefixCls, {
+				[`${prefixCls}-${placement}`]: true,
+				[`${prefixCls}-open`]: open,
+				[`${prefixCls}-inline`]: inline,
+				"no-mask": !showMask,
+				[rootClassName]: true
+			});
+			const motionProps = typeof motion === "function" ? motion(placement) : motion;
+			return createVNode("div", _objectSpread2(_objectSpread2({}, omit(otherProps, ["autofocus"])), {}, {
+				"tabindex": -1,
+				"class": wrapperClassName,
+				"style": rootStyle,
+				"ref": dom,
+				"onKeydown": open && keyboard ? onKeyDown : void 0
+			}), [createVNode(Transition, maskMotion, { default: () => [showMask && withDirectives(createVNode("div", {
+				"class": `${prefixCls}-mask`,
+				"onClick": maskClosable ? onClose : void 0,
+				"style": maskStyle,
+				"ref": maskDom
+			}, null), [[vShow, open]])] }), createVNode(Transition, _objectSpread2(_objectSpread2({}, motionProps), {}, {
+				"onAfterEnter": onAfterVisibleChange,
+				"onAfterLeave": onAfterVisibleChange
+			}), { default: () => [withDirectives(createVNode("div", {
+				"class": `${prefixCls}-content-wrapper`,
+				"style": [contentWrapperStyle],
+				"ref": contentWrapper
+			}, [createVNode("div", {
+				"class": [`${prefixCls}-content`, className],
+				"style": style,
+				"ref": contentDom
+			}, [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)]), slots.handler ? createVNode("div", {
+				"onClick": onHandleClick,
+				"ref": handlerDom
+			}, [(_b = slots.handler) === null || _b === void 0 ? void 0 : _b.call(slots)]) : null]), [[vShow, open]])] })]);
+		};
+	}
+});
+//#endregion
+//#region node_modules/.pnpm/ant-design-vue@4.2.6_vue@3.5.41_typescript@5.9.3_/node_modules/ant-design-vue/es/vc-drawer/src/DrawerWrapper.js
+var __rest$1 = function(s, e) {
+	var t = {};
+	for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+	if (s != null && typeof Object.getOwnPropertySymbols === "function") {
+		for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+	}
+	return t;
+};
+//#endregion
+//#region node_modules/.pnpm/ant-design-vue@4.2.6_vue@3.5.41_typescript@5.9.3_/node_modules/ant-design-vue/es/vc-drawer/index.js
+var vc_drawer_default = defineComponent({
+	compatConfig: { MODE: 3 },
+	inheritAttrs: false,
+	props: initDefaultProps(drawerProps$1(), {
+		prefixCls: "drawer",
+		placement: "left",
+		getContainer: "body",
+		level: "all",
+		duration: ".3s",
+		ease: "cubic-bezier(0.78, 0.14, 0.15, 0.86)",
+		afterVisibleChange: () => {},
+		showMask: true,
+		maskClosable: true,
+		maskStyle: {},
+		wrapperClassName: "",
+		keyboard: true,
+		forceRender: false,
+		autofocus: true
+	}),
+	emits: ["handleClick", "close"],
+	setup(props, _ref) {
+		let { emit, slots } = _ref;
+		const dom = ref(null);
+		const onHandleClick = (e) => {
+			emit("handleClick", e);
+		};
+		const onClose = (e) => {
+			emit("close", e);
+		};
+		return () => {
+			const { getContainer, wrapperClassName, rootClassName, rootStyle, forceRender } = props, otherProps = __rest$1(props, [
+				"getContainer",
+				"wrapperClassName",
+				"rootClassName",
+				"rootStyle",
+				"forceRender"
+			]);
+			let portal = null;
+			if (!getContainer) return createVNode(DrawerChild, _objectSpread2(_objectSpread2({}, otherProps), {}, {
+				"rootClassName": rootClassName,
+				"rootStyle": rootStyle,
+				"open": props.open,
+				"onClose": onClose,
+				"onHandleClick": onHandleClick,
+				"inline": true
+			}), slots);
+			const $forceRender = !!slots.handler || forceRender;
+			if ($forceRender || props.open || dom.value) portal = createVNode(PortalWrapper_default, {
+				"autoLock": true,
+				"visible": props.open,
+				"forceRender": $forceRender,
+				"getContainer": getContainer,
+				"wrapperClassName": wrapperClassName
+			}, { default: (_a) => {
+				var { visible, afterClose } = _a, rest = __rest$1(_a, ["visible", "afterClose"]);
+				return createVNode(DrawerChild, _objectSpread2(_objectSpread2(_objectSpread2({ "ref": dom }, otherProps), rest), {}, {
+					"rootClassName": rootClassName,
+					"rootStyle": rootStyle,
+					"open": visible !== void 0 ? visible : props.open,
+					"afterVisibleChange": afterClose !== void 0 ? afterClose : props.afterVisibleChange,
+					"onClose": onClose,
+					"onHandleClick": onHandleClick
+				}), slots);
+			} });
+			return portal;
+		};
+	}
+});
+//#endregion
+//#region node_modules/.pnpm/ant-design-vue@4.2.6_vue@3.5.41_typescript@5.9.3_/node_modules/ant-design-vue/es/drawer/style/motion.js
+var genMotionStyle = (token) => {
+	const { componentCls, motionDurationSlow } = token;
+	const sharedPanelMotion = { "&-enter, &-appear, &-leave": {
+		"&-start": { transition: "none" },
+		"&-active": { transition: `all ${motionDurationSlow}` }
+	} };
+	return { [componentCls]: {
+		[`${componentCls}-mask-motion`]: {
+			"&-enter, &-appear, &-leave": { "&-active": { transition: `all ${motionDurationSlow}` } },
+			"&-enter, &-appear": {
+				opacity: 0,
+				"&-active": { opacity: 1 }
+			},
+			"&-leave": {
+				opacity: 1,
+				"&-active": { opacity: 0 }
+			}
+		},
+		[`${componentCls}-panel-motion`]: {
+			"&-left": [sharedPanelMotion, {
+				"&-enter, &-appear": {
+					"&-start": { transform: "translateX(-100%) !important" },
+					"&-active": { transform: "translateX(0)" }
+				},
+				"&-leave": {
+					transform: "translateX(0)",
+					"&-active": { transform: "translateX(-100%)" }
+				}
+			}],
+			"&-right": [sharedPanelMotion, {
+				"&-enter, &-appear": {
+					"&-start": { transform: "translateX(100%) !important" },
+					"&-active": { transform: "translateX(0)" }
+				},
+				"&-leave": {
+					transform: "translateX(0)",
+					"&-active": { transform: "translateX(100%)" }
+				}
+			}],
+			"&-top": [sharedPanelMotion, {
+				"&-enter, &-appear": {
+					"&-start": { transform: "translateY(-100%) !important" },
+					"&-active": { transform: "translateY(0)" }
+				},
+				"&-leave": {
+					transform: "translateY(0)",
+					"&-active": { transform: "translateY(-100%)" }
+				}
+			}],
+			"&-bottom": [sharedPanelMotion, {
+				"&-enter, &-appear": {
+					"&-start": { transform: "translateY(100%) !important" },
+					"&-active": { transform: "translateY(0)" }
+				},
+				"&-leave": {
+					transform: "translateY(0)",
+					"&-active": { transform: "translateY(100%)" }
+				}
+			}]
+		}
+	} };
+};
+//#endregion
+//#region node_modules/.pnpm/ant-design-vue@4.2.6_vue@3.5.41_typescript@5.9.3_/node_modules/ant-design-vue/es/drawer/style/index.js
+var genDrawerStyle = (token) => {
+	const { componentCls, zIndexPopup, colorBgMask, colorBgElevated, motionDurationSlow, motionDurationMid, padding, paddingLG, fontSizeLG, lineHeightLG, lineWidth, lineType, colorSplit, marginSM, colorIcon, colorIconHover, colorText, fontWeightStrong, drawerFooterPaddingVertical, drawerFooterPaddingHorizontal } = token;
+	const wrapperCls = `${componentCls}-content-wrapper`;
+	return { [componentCls]: {
+		position: "fixed",
+		inset: 0,
+		zIndex: zIndexPopup,
+		pointerEvents: "none",
+		"&-pure": {
+			position: "relative",
+			background: colorBgElevated,
+			[`&${componentCls}-left`]: { boxShadow: token.boxShadowDrawerLeft },
+			[`&${componentCls}-right`]: { boxShadow: token.boxShadowDrawerRight },
+			[`&${componentCls}-top`]: { boxShadow: token.boxShadowDrawerUp },
+			[`&${componentCls}-bottom`]: { boxShadow: token.boxShadowDrawerDown }
+		},
+		"&-inline": { position: "absolute" },
+		[`${componentCls}-mask`]: {
+			position: "absolute",
+			inset: 0,
+			zIndex: zIndexPopup,
+			background: colorBgMask,
+			pointerEvents: "auto"
+		},
+		[wrapperCls]: {
+			position: "absolute",
+			zIndex: zIndexPopup,
+			transition: `all ${motionDurationSlow}`,
+			"&-hidden": { display: "none" }
+		},
+		[`&-left > ${wrapperCls}`]: {
+			top: 0,
+			bottom: 0,
+			left: {
+				_skip_check_: true,
+				value: 0
+			},
+			boxShadow: token.boxShadowDrawerLeft
+		},
+		[`&-right > ${wrapperCls}`]: {
+			top: 0,
+			right: {
+				_skip_check_: true,
+				value: 0
+			},
+			bottom: 0,
+			boxShadow: token.boxShadowDrawerRight
+		},
+		[`&-top > ${wrapperCls}`]: {
+			top: 0,
+			insetInline: 0,
+			boxShadow: token.boxShadowDrawerUp
+		},
+		[`&-bottom > ${wrapperCls}`]: {
+			bottom: 0,
+			insetInline: 0,
+			boxShadow: token.boxShadowDrawerDown
+		},
+		[`${componentCls}-content`]: {
+			width: "100%",
+			height: "100%",
+			overflow: "auto",
+			background: colorBgElevated,
+			pointerEvents: "auto"
+		},
+		[`${componentCls}-wrapper-body`]: {
+			display: "flex",
+			flexDirection: "column",
+			width: "100%",
+			height: "100%"
+		},
+		[`${componentCls}-header`]: {
+			display: "flex",
+			flex: 0,
+			alignItems: "center",
+			padding: `${padding}px ${paddingLG}px`,
+			fontSize: fontSizeLG,
+			lineHeight: lineHeightLG,
+			borderBottom: `${lineWidth}px ${lineType} ${colorSplit}`,
+			"&-title": {
+				display: "flex",
+				flex: 1,
+				alignItems: "center",
+				minWidth: 0,
+				minHeight: 0
+			}
+		},
+		[`${componentCls}-extra`]: { flex: "none" },
+		[`${componentCls}-close`]: {
+			display: "inline-block",
+			marginInlineEnd: marginSM,
+			color: colorIcon,
+			fontWeight: fontWeightStrong,
+			fontSize: fontSizeLG,
+			fontStyle: "normal",
+			lineHeight: 1,
+			textAlign: "center",
+			textTransform: "none",
+			textDecoration: "none",
+			background: "transparent",
+			border: 0,
+			outline: 0,
+			cursor: "pointer",
+			transition: `color ${motionDurationMid}`,
+			textRendering: "auto",
+			"&:focus, &:hover": {
+				color: colorIconHover,
+				textDecoration: "none"
+			}
+		},
+		[`${componentCls}-title`]: {
+			flex: 1,
+			margin: 0,
+			color: colorText,
+			fontWeight: token.fontWeightStrong,
+			fontSize: fontSizeLG,
+			lineHeight: lineHeightLG
+		},
+		[`${componentCls}-body`]: {
+			flex: 1,
+			minWidth: 0,
+			minHeight: 0,
+			padding: paddingLG,
+			overflow: "auto"
+		},
+		[`${componentCls}-footer`]: {
+			flexShrink: 0,
+			padding: `${drawerFooterPaddingVertical}px ${drawerFooterPaddingHorizontal}px`,
+			borderTop: `${lineWidth}px ${lineType} ${colorSplit}`
+		},
+		"&-rtl": { direction: "rtl" }
+	} };
+};
+var style_default = genComponentStyleHook("Drawer", (token) => {
+	const drawerToken = merge(token, {
+		drawerFooterPaddingVertical: token.paddingXS,
+		drawerFooterPaddingHorizontal: token.padding
+	});
+	return [genDrawerStyle(drawerToken), genMotionStyle(drawerToken)];
+}, (token) => ({ zIndexPopup: token.zIndexPopupBase }));
+//#endregion
+//#region node_modules/.pnpm/ant-design-vue@4.2.6_vue@3.5.41_typescript@5.9.3_/node_modules/ant-design-vue/es/drawer/index.js
+var __rest = function(s, e) {
+	var t = {};
+	for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+	if (s != null && typeof Object.getOwnPropertySymbols === "function") {
+		for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+	}
+	return t;
+};
+var PlacementTypes = [
+	"top",
+	"right",
+	"bottom",
+	"left"
+];
+var defaultPushState = { distance: 180 };
+var drawerProps = () => ({
+	autofocus: {
+		type: Boolean,
+		default: void 0
+	},
+	closable: {
+		type: Boolean,
+		default: void 0
+	},
+	closeIcon: PropTypes.any,
+	destroyOnClose: {
+		type: Boolean,
+		default: void 0
+	},
+	forceRender: {
+		type: Boolean,
+		default: void 0
+	},
+	getContainer: {
+		type: [
+			String,
+			Function,
+			Boolean,
+			Object
+		],
+		default: void 0
+	},
+	maskClosable: {
+		type: Boolean,
+		default: void 0
+	},
+	mask: {
+		type: Boolean,
+		default: void 0
+	},
+	maskStyle: objectType(),
+	rootClassName: String,
+	rootStyle: objectType(),
+	size: { type: String },
+	drawerStyle: objectType(),
+	headerStyle: objectType(),
+	bodyStyle: objectType(),
+	contentWrapperStyle: {
+		type: Object,
+		default: void 0
+	},
+	title: PropTypes.any,
+	/** @deprecated Please use `open` instead */
+	visible: {
+		type: Boolean,
+		default: void 0
+	},
+	open: {
+		type: Boolean,
+		default: void 0
+	},
+	width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+	height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+	zIndex: Number,
+	prefixCls: String,
+	push: PropTypes.oneOfType([PropTypes.looseBool, { type: Object }]),
+	placement: PropTypes.oneOf(PlacementTypes),
+	keyboard: {
+		type: Boolean,
+		default: void 0
+	},
+	extra: PropTypes.any,
+	footer: PropTypes.any,
+	footerStyle: objectType(),
+	level: PropTypes.any,
+	levelMove: { type: [
+		Number,
+		Array,
+		Function
+	] },
+	handle: PropTypes.any,
+	/** @deprecated Use `@afterVisibleChange` instead */
+	afterVisibleChange: Function,
+	/** @deprecated Please use `@afterOpenChange` instead */
+	onAfterVisibleChange: Function,
+	onAfterOpenChange: Function,
+	/** @deprecated Please use `onUpdate:open` instead */
+	"onUpdate:visible": Function,
+	"onUpdate:open": Function,
+	onClose: Function
+});
+var Drawer = defineComponent({
+	compatConfig: { MODE: 3 },
+	name: "ADrawer",
+	inheritAttrs: false,
+	props: initDefaultProps(drawerProps(), {
+		closable: true,
+		placement: "right",
+		maskClosable: true,
+		mask: true,
+		level: null,
+		keyboard: true,
+		push: defaultPushState
+	}),
+	slots: Object,
+	setup(props, _ref) {
+		let { emit, slots, attrs } = _ref;
+		const sPush = shallowRef(false);
+		const destroyClose = shallowRef(false);
+		const vcDrawer = shallowRef(null);
+		const load = shallowRef(false);
+		const visible = shallowRef(false);
+		const mergedOpen = computed(() => {
+			var _a;
+			return (_a = props.open) !== null && _a !== void 0 ? _a : props.visible;
+		});
+		watch(mergedOpen, () => {
+			if (mergedOpen.value) load.value = true;
+			else visible.value = false;
+		}, { immediate: true });
+		watch([mergedOpen, load], () => {
+			if (mergedOpen.value && load.value) visible.value = true;
+		}, { immediate: true });
+		const parentDrawerOpts = inject("parentDrawerOpts", null);
+		const { prefixCls, getPopupContainer, direction } = useConfigInject_default("drawer", props);
+		const [wrapSSR, hashId] = style_default(prefixCls);
+		const getContainer = computed(() => props.getContainer === void 0 && (getPopupContainer === null || getPopupContainer === void 0 ? void 0 : getPopupContainer.value) ? () => getPopupContainer.value((void 0).body) : props.getContainer);
+		devWarning_default(!props.afterVisibleChange, "Drawer", "`afterVisibleChange` prop is deprecated, please use `@afterVisibleChange` event instead");
+		const setPush = () => {
+			sPush.value = true;
+		};
+		const setPull = () => {
+			sPush.value = false;
+			nextTick(() => {
+				domFocus();
+			});
+		};
+		provide("parentDrawerOpts", {
+			setPush,
+			setPull
+		});
+		watch(visible, () => {
+			if (parentDrawerOpts) {
+				if (visible.value) parentDrawerOpts.setPush();
+				else parentDrawerOpts.setPull();
+			}
+		}, { flush: "post" });
+		const domFocus = () => {
+			var _a, _b;
+			(_b = (_a = vcDrawer.value) === null || _a === void 0 ? void 0 : _a.domFocus) === null || _b === void 0 || _b.call(_a);
+		};
+		const close = (e) => {
+			emit("update:visible", false);
+			emit("update:open", false);
+			emit("close", e);
+		};
+		const afterVisibleChange = (open) => {
+			var _a;
+			if (!open) {
+				if (destroyClose.value === false) destroyClose.value = true;
+				if (props.destroyOnClose) load.value = false;
+			}
+			(_a = props.afterVisibleChange) === null || _a === void 0 || _a.call(props, open);
+			emit("afterVisibleChange", open);
+			emit("afterOpenChange", open);
+		};
+		const pushTransform = computed(() => {
+			const { push, placement } = props;
+			let distance;
+			if (typeof push === "boolean") distance = push ? defaultPushState.distance : 0;
+			else distance = push.distance;
+			distance = parseFloat(String(distance || 0));
+			if (placement === "left" || placement === "right") return `translateX(${placement === "left" ? distance : -distance}px)`;
+			if (placement === "top" || placement === "bottom") return `translateY(${placement === "top" ? distance : -distance}px)`;
+			return null;
+		});
+		const mergedWidth = computed(() => {
+			var _a;
+			return (_a = props.width) !== null && _a !== void 0 ? _a : props.size === "large" ? 736 : 378;
+		});
+		const mergedHeight = computed(() => {
+			var _a;
+			return (_a = props.height) !== null && _a !== void 0 ? _a : props.size === "large" ? 736 : 378;
+		});
+		const offsetStyle = computed(() => {
+			const { mask, placement } = props;
+			if (!visible.value && !mask) return {};
+			const val = {};
+			if (placement === "left" || placement === "right") val.width = isNumeric(mergedWidth.value) ? `${mergedWidth.value}px` : mergedWidth.value;
+			else val.height = isNumeric(mergedHeight.value) ? `${mergedHeight.value}px` : mergedHeight.value;
+			return val;
+		});
+		const wrapperStyle = computed(() => {
+			const { zIndex, contentWrapperStyle } = props;
+			const val = offsetStyle.value;
+			return [
+				{
+					zIndex,
+					transform: sPush.value ? pushTransform.value : void 0
+				},
+				_extends({}, contentWrapperStyle),
+				val
+			];
+		});
+		const renderHeader = (prefixCls) => {
+			const { closable, headerStyle } = props;
+			const extra = getPropsSlot(slots, props, "extra");
+			const title = getPropsSlot(slots, props, "title");
+			if (!title && !closable) return null;
+			return createVNode("div", {
+				"class": classNames(`${prefixCls}-header`, { [`${prefixCls}-header-close-only`]: closable && !title && !extra }),
+				"style": headerStyle
+			}, [createVNode("div", { "class": `${prefixCls}-header-title` }, [renderCloseIcon(prefixCls), title && createVNode("div", { "class": `${prefixCls}-title` }, [title])]), extra && createVNode("div", { "class": `${prefixCls}-extra` }, [extra])]);
+		};
+		const renderCloseIcon = (prefixCls) => {
+			var _a;
+			const { closable } = props;
+			const $closeIcon = slots.closeIcon ? (_a = slots.closeIcon) === null || _a === void 0 ? void 0 : _a.call(slots) : props.closeIcon;
+			return closable && createVNode("button", {
+				"key": "closer",
+				"onClick": close,
+				"aria-label": "Close",
+				"class": `${prefixCls}-close`
+			}, [$closeIcon === void 0 ? createVNode(CloseOutlined, null, null) : $closeIcon]);
+		};
+		const renderBody = (prefixCls) => {
+			var _a;
+			if (destroyClose.value && !props.forceRender && !load.value) return null;
+			const { bodyStyle, drawerStyle } = props;
+			return createVNode("div", {
+				"class": `${prefixCls}-wrapper-body`,
+				"style": drawerStyle
+			}, [
+				renderHeader(prefixCls),
+				createVNode("div", {
+					"key": "body",
+					"class": `${prefixCls}-body`,
+					"style": bodyStyle
+				}, [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)]),
+				renderFooter(prefixCls)
+			]);
+		};
+		const renderFooter = (prefixCls) => {
+			const footer = getPropsSlot(slots, props, "footer");
+			if (!footer) return null;
+			const footerClassName = `${prefixCls}-footer`;
+			return createVNode("div", {
+				"class": footerClassName,
+				"style": props.footerStyle
+			}, [footer]);
+		};
+		const drawerClassName = computed(() => classNames({
+			"no-mask": !props.mask,
+			[`${prefixCls.value}-rtl`]: direction.value === "rtl"
+		}, props.rootClassName, hashId.value));
+		const maskMotion = computed(() => {
+			return getTransitionProps(getTransitionName(prefixCls.value, "mask-motion"));
+		});
+		const panelMotion = (motionPlacement) => {
+			return getTransitionProps(getTransitionName(prefixCls.value, `panel-motion-${motionPlacement}`));
+		};
+		return () => {
+			const { width, height, placement, mask, forceRender } = props, rest = __rest(props, [
+				"width",
+				"height",
+				"placement",
+				"mask",
+				"forceRender"
+			]);
+			const vcDrawerProps = _extends(_extends(_extends({}, attrs), omit(rest, [
+				"size",
+				"closeIcon",
+				"closable",
+				"destroyOnClose",
+				"drawerStyle",
+				"headerStyle",
+				"bodyStyle",
+				"title",
+				"push",
+				"onAfterVisibleChange",
+				"onClose",
+				"onUpdate:visible",
+				"onUpdate:open",
+				"visible"
+			])), {
+				forceRender,
+				onClose: close,
+				afterVisibleChange,
+				handler: false,
+				prefixCls: prefixCls.value,
+				open: visible.value,
+				showMask: mask,
+				placement,
+				ref: vcDrawer
+			});
+			return wrapSSR(createVNode(NoCompactStyle, null, { default: () => [createVNode(vc_drawer_default, _objectSpread2(_objectSpread2({}, vcDrawerProps), {}, {
+				"maskMotion": maskMotion.value,
+				"motion": panelMotion,
+				"width": mergedWidth.value,
+				"height": mergedHeight.value,
+				"getContainer": getContainer.value,
+				"rootClassName": drawerClassName.value,
+				"rootStyle": props.rootStyle,
+				"contentWrapperStyle": wrapperStyle.value
+			}), {
+				handler: props.handle ? () => props.handle : slots.handle,
+				default: () => renderBody(prefixCls.value)
+			})] }));
+		};
+	}
+});
+var drawer_default = withInstall(Drawer);
+
+export { drawer_default as d };
+//# sourceMappingURL=drawer-CVValqoh.mjs.map