antdv-next 1.0.0-alpha.4 → 1.0.0-beta.1

package/dist/mentions/index.js

@@ -6,9 +6,10 @@ import { getSlotPropsFnRun, toPropsRefs } from "../_util/tools.js";
 import useCSSVarCls_default from "../config-provider/hooks/useCSSVarCls.js";
 import { useSize } from "../config-provider/hooks/useSize.js";
 import { useDisabledContext } from "../config-provider/DisabledContext.js";
-import { useFormItemInputContext } from "../form/context.js";
+import PurePanel_default from "../_util/PurePanel.js";
 import { getMergedStatus, getStatusClassNames } from "../_util/statusUtils.js";
 import { DefaultRenderEmpty } from "../config-provider/defaultRenderEmpty.js";
+import { useFormItemInputContext } from "../form/context.js";
 import useVariant from "../form/hooks/useVariant.js";
 import getAllowClear_default from "../_util/getAllowClear.js";
 import toList_default from "../_util/toList.js";
@@ -97,7 +98,7 @@ const Mentions = /* @__PURE__ */ defineComponent((props, { slots, emit, expose,
 	};
 	const notFoundContent = computed(() => {
 		if (props.notFoundContent !== void 0) return props.notFoundContent;
-		return renderEmpty?.("Select") || createVNode(DefaultRenderEmpty, { "componentName": "Select" }, null);
+		return renderEmpty?.value?.("Select") || createVNode(DefaultRenderEmpty, { "componentName": "Select" }, null);
 	});
 	const mergedFilterOption = computed(() => props.loading ? loadingFilterOption : props.filterOption);
 	const resolveRenderNode = (key, ctx) => {
@@ -367,6 +368,7 @@ Mentions.getMentions = (value = "", config = {}) => {
 		return null;
 	}).filter((entity) => !!entity && !!entity.value);
 };
+Mentions._InternalPanelDoNotUseOrYouWillBeFired = PurePanel_default(Mentions, void 0, void 0, "mentions");
 var mentions_default = Mentions;
 
 //#endregion

package/dist/mentions/style/index.js

@@ -1,5 +1,5 @@
 import { resetComponent, textEllipsis } from "../../style/index.js";
-import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
+import { genCssVar, genStyleHooks } from "../../theme/util/genStyleUtils.js";
 import { mergeToken } from "../../theme/internal.js";
 import { initComponentToken, initInputToken } from "../../input/style/token.js";
 import { genBorderlessStyle, genDisabledStyle, genFilledStyle, genOutlinedStyle, genUnderlinedStyle } from "../../input/style/variants.js";
@@ -65,20 +65,21 @@ const genDropdownStyle = (token) => {
 };
 const genMentionsStyle = (token) => {
 	const { componentCls, calc, colorText, antCls, colorTextDisabled } = token;
+	const [varName, varRef] = genCssVar(antCls, "cmp-mentions");
 	return { [componentCls]: [
 		resetComponent(token),
 		genBasicInputStyle(token, {
-			largeStyle: { padding: void 0 },
-			smallStyle: { padding: void 0 }
+			largeStyle: { padding: 0 },
+			smallStyle: { padding: 0 }
 		}),
 		genOutlinedStyle(token),
 		genFilledStyle(token),
 		genBorderlessStyle(token),
 		genUnderlinedStyle(token),
 		{
-			"--mentions-padding-inline": token.paddingInline,
-			"--mentions-padding-block": token.paddingBlock,
-			"--mentions-control-height": token.controlHeight,
+			[varName("padding-inline")]: token.paddingInline,
+			[varName("padding-block")]: token.paddingBlock,
+			[varName("control-height")]: token.controlHeight,
 			"display": "flex",
 			"padding": 0,
 			"whiteSpace": "pre-wrap",
@@ -100,9 +101,9 @@ const genMentionsStyle = (token) => {
 				color: colorText,
 				boxSizing: "border-box",
 				margin: 0,
-				minHeight: calc("var(--mentions-control-height)").sub(calc(token.lineWidth).mul(2).equal()).equal(),
-				paddingInline: "var(--mentions-padding-inline)",
-				paddingBlock: "var(--mentions-padding-block)",
+				minHeight: calc(varRef("control-height")).sub(calc(token.lineWidth).mul(2).equal()).equal(),
+				paddingInline: varRef("padding-inline"),
+				paddingBlock: varRef("padding-block"),
 				overflow: "inherit",
 				overflowX: "hidden",
 				overflowY: "auto",
@@ -144,7 +145,7 @@ const genMentionsStyle = (token) => {
 				position: "absolute",
 				top: "50%",
 				transform: "translateY(-50%)",
-				insetInlineEnd: "var(--mentions-padding-inline)",
+				insetInlineEnd: varRef("padding-inline"),
 				columnGap: token.marginXS,
 				[`${componentCls}-clear-icon`]: {
 					"cursor": "pointer",
@@ -161,18 +162,18 @@ const genMentionsStyle = (token) => {
 				}
 			}
 		},
-		{ "&-has-suffix": { "> textarea": { paddingInlineEnd: calc(token.paddingXXS).mul(1.5).add(token.fontSizeIcon).add("var(--mentions-padding-inline)").equal() } } },
+		{ "&-has-suffix": { "> textarea": { paddingInlineEnd: calc(token.paddingXXS).mul(1.5).add(token.fontSizeIcon).add(varRef("padding-inline")).equal() } } },
 		{ "&-disabled": { "> textarea": { ...genDisabledStyle(token) } } },
 		{
 			"&-lg": {
-				"--mentions-padding-inline": token.paddingInlineLG,
-				"--mentions-padding-block": token.paddingBlockLG,
-				"--mentions-control-height": token.controlHeightLG
+				[varName("padding-inline")]: token.paddingInlineLG,
+				[varName("padding-block")]: token.paddingBlockLG,
+				[varName("control-height")]: token.controlHeightLG
 			},
 			"&-sm": {
-				"--mentions-padding-inline": token.paddingInlineSM,
-				"--mentions-padding-block": token.paddingBlockSM,
-				"--mentions-control-height": token.controlHeightSM
+				[varName("padding-inline")]: token.paddingInlineSM,
+				[varName("padding-block")]: token.paddingBlockSM,
+				[varName("control-height")]: token.controlHeightSM
 			}
 		}
 	] };

package/dist/menu/MenuDivider.d.ts

@@ -1,10 +1,10 @@
-import * as vue402 from "vue";
+import * as vue404 from "vue";
 
 //#region src/menu/MenuDivider.d.ts
 interface MenuDividerProps {
   prefixCls?: string;
   dashed?: boolean;
 }
-declare const MenuDivider: vue402.DefineSetupFnComponent<MenuDividerProps, {}, {}, MenuDividerProps & {}, vue402.PublicProps>;
+declare const MenuDivider: vue404.DefineSetupFnComponent<MenuDividerProps, {}, {}, MenuDividerProps & {}, vue404.PublicProps>;
 //#endregion
 export { MenuDivider };

package/dist/menu/MenuItem.d.ts

@@ -1,5 +1,5 @@
 import { EmptyEmit, VueNode } from "../_util/type.js";
-import * as vue404 from "vue";
+import * as vue398 from "vue";
 import { SlotsType } from "vue";
 import { MenuItemType } from "@v-c/menu";
 
@@ -24,8 +24,8 @@ interface MenuItemSlots {
   title: () => any;
   extra: () => any;
 }
-declare const MenuItem: vue404.DefineSetupFnComponent<MenuItemProps$1, EmptyEmit, SlotsType<MenuItemSlots>, MenuItemProps$1 & {
+declare const MenuItem: vue398.DefineSetupFnComponent<MenuItemProps$1, EmptyEmit, SlotsType<MenuItemSlots>, MenuItemProps$1 & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue404.PublicProps>;
+}, vue398.PublicProps>;
 //#endregion
 export { MenuItem, MenuItemProps$1 as MenuItemProps, MenuItemSlots };

package/dist/menu/index.d.ts

@@ -4,7 +4,7 @@ import { ItemType } from "./interface.js";
 import { MenuEmits, MenuProps as MenuProps$1, MenuSlots } from "./menu.js";
 import { SubMenu as SubMenu$1, SubMenuProps } from "./SubMenu.js";
 import { MenuDivider } from "./MenuDivider.js";
-import * as vue147 from "vue";
+import * as vue124 from "vue";
 import { SlotsType } from "vue";
 import { MenuItemGroupProps, MenuRef } from "@v-c/menu";
 
@@ -14,12 +14,12 @@ interface MenuRef$1 {
   menu: MenuRef | null;
   focus: (options?: FocusOptions) => void;
 }
-declare const Menu: vue147.DefineSetupFnComponent<MenuProps$1, MenuEmits, SlotsType<MenuSlots>, MenuProps$1 & {
+declare const Menu: vue124.DefineSetupFnComponent<MenuProps$1, MenuEmits, SlotsType<MenuSlots>, MenuProps$1 & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue147.PublicProps>;
-declare const MenuItem$1: vue147.DefineSetupFnComponent<MenuItemProps$1, EmptyEmit, SlotsType<MenuItemSlots>, MenuItemProps$1 & {
+}, vue124.PublicProps>;
+declare const MenuItem$1: vue124.DefineSetupFnComponent<MenuItemProps$1, EmptyEmit, SlotsType<MenuItemSlots>, MenuItemProps$1 & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue147.PublicProps>;
+}, vue124.PublicProps>;
 declare const _default: typeof Menu & {
   Item: typeof MenuItem;
   SubMenu: typeof SubMenu$1;

package/dist/menu/style/horizontal.js

@@ -23,7 +23,7 @@ const getHorizontalStyle = (token) => {
 		[`> ${componentCls}-item:hover,
         > ${componentCls}-item-active,
         > ${componentCls}-submenu ${componentCls}-submenu-title:hover`]: { backgroundColor: "transparent" },
-		[`${componentCls}-item, ${componentCls}-submenu-title`]: { transition: [`border-color ${motionDurationSlow}`, `background ${motionDurationSlow}`].join(",") },
+		[`${componentCls}-item, ${componentCls}-submenu-title`]: { transition: [`border-color ${motionDurationSlow}`, `background-color ${motionDurationSlow}`].join(",") },
 		[`${componentCls}-submenu-arrow`]: { display: "none" }
 	} };
 };

package/dist/menu/style/index.js

@@ -24,7 +24,7 @@ function genMenuItemStyle(token) {
 			cursor: "pointer",
 			transition: [
 				`border-color ${motionDurationSlow}`,
-				`background ${motionDurationSlow}`,
+				`background-color ${motionDurationSlow}`,
 				`padding calc(${motionDurationSlow} + 0.1s) ${motionEaseInOut}`
 			].join(","),
 			[`${componentCls}-item-icon, ${iconCls}`]: {
@@ -84,7 +84,7 @@ function genSubMenuArrowStyle(token) {
 				backgroundColor: "currentcolor",
 				borderRadius,
 				transition: [
-					`background ${motionDurationSlow} ${motionEaseInOut}`,
+					`background-color ${motionDurationSlow} ${motionEaseInOut}`,
 					`transform ${motionDurationSlow} ${motionEaseInOut}`,
 					`top ${motionDurationSlow} ${motionEaseInOut}`,
 					`color ${motionDurationSlow} ${motionEaseInOut}`
@@ -132,15 +132,15 @@ const getBaseStyle = (token) => {
 				lineHeight: groupTitleLineHeight,
 				transition: `all ${motionDurationSlow}`
 			},
-			[`&-horizontal ${componentCls}-submenu`]: { transition: [`border-color ${motionDurationSlow} ${motionEaseInOut}`, `background ${motionDurationSlow} ${motionEaseInOut}`].join(",") },
+			[`&-horizontal ${componentCls}-submenu`]: { transition: [`border-color ${motionDurationSlow} ${motionEaseInOut}`, `background-color ${motionDurationSlow} ${motionEaseInOut}`].join(",") },
 			[`${componentCls}-submenu, ${componentCls}-submenu-inline`]: { transition: [
 				`border-color ${motionDurationSlow} ${motionEaseInOut}`,
-				`background ${motionDurationSlow} ${motionEaseInOut}`,
+				`background-color ${motionDurationSlow} ${motionEaseInOut}`,
 				`padding ${motionDurationMid} ${motionEaseInOut}`
 			].join(",") },
 			[`${componentCls}-submenu ${componentCls}-sub`]: {
 				cursor: "initial",
-				transition: [`background ${motionDurationSlow} ${motionEaseInOut}`, `padding ${motionDurationSlow} ${motionEaseInOut}`].join(",")
+				transition: [`background-color ${motionDurationSlow} ${motionEaseInOut}`, `padding ${motionDurationSlow} ${motionEaseInOut}`].join(",")
 			},
 			[`${componentCls}-title-content`]: {
 				"transition": `color ${motionDurationSlow}`,

package/dist/message/PurePanel.d.ts

@@ -2,7 +2,7 @@ import { VueNode } from "../_util/type.js";
 import { SemanticClassNames, SemanticStyles } from "../_util/hooks/useMergeSemantic.js";
 import "../_util/hooks/index.js";
 import { ArgsClassNamesType, ArgsStylesType, NoticeType, SemanticName } from "./interface.js";
-import * as vue394 from "vue";
+import * as vue406 from "vue";
 
 //#region src/message/PurePanel.d.ts
 interface PureContentProps {
@@ -31,6 +31,6 @@ interface PurePanelProps extends Omit<PureContentProps, 'prefixCls' | 'children'
   styles?: ArgsStylesType;
 }
 /** @private Internal Component. Do not use in your production. */
-declare const PurePanel: vue394.DefineSetupFnComponent<PurePanelProps, {}, {}, PurePanelProps & {}, vue394.PublicProps>;
+declare const PurePanel: vue406.DefineSetupFnComponent<PurePanelProps, {}, {}, PurePanelProps & {}, vue406.PublicProps>;
 //#endregion
 export { PurePanel };

package/dist/message/useMessage.d.ts

@@ -1,4 +1,5 @@
 import { ConfigOptions, MessageInstance } from "./interface.js";
+import { MaybeRef } from "@v-c/util/dist/type";
 import * as vue_jsx_runtime15 from "vue/jsx-runtime";
 
 //#region src/message/useMessage.d.ts

package/dist/modal/ConfirmDialog.js

@@ -1252,4 +1252,4 @@ const ConfirmDialogWrapper = /* @__PURE__ */ defineComponent((props) => {
 var ConfirmDialog_default = ConfirmDialogWrapper;
 
 //#endregion
-export { ConfirmDialog_default as default };
+export { ConfirmContent, ConfirmDialog_default as default };

package/dist/modal/Modal.d.ts

@@ -1,10 +1,10 @@
 import { ModalEmits, ModalProps, ModalSlots } from "./interface.js";
-import * as vue339 from "vue";
+import * as vue267 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/modal/Modal.d.ts
-declare const Modal: vue339.DefineSetupFnComponent<ModalProps, ModalEmits, SlotsType<ModalSlots>, ModalProps & {
+declare const Modal: vue267.DefineSetupFnComponent<ModalProps, ModalEmits, SlotsType<ModalSlots>, ModalProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue339.PublicProps>;
+}, vue267.PublicProps>;
 //#endregion
 export { Modal };

package/dist/modal/Modal.js

@@ -10,6 +10,7 @@ import useCSSVarCls_default from "../config-provider/hooks/useCSSVarCls.js";
 import { ContextIsolator } from "../_util/ContextIsolator.js";
 import useClosable, { pickClosable } from "../_util/hooks/useClosable.js";
 import { canUseDocElement } from "../_util/styleChecker.js";
+import useFocusable from "../drawer/useFocusable.js";
 import skeleton_default from "../skeleton/index.js";
 import { usePanelRef } from "../watermark/context.js";
 import { Footer, renderCloseIcon } from "./shared.js";
@@ -40,7 +41,7 @@ const Modal = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 		"okButtonProps",
 		"mask"
 	]);
-	const { mask: modalMask, classes, styles, zIndex: customZIndex, width: widthRef, rootClass: rootClassRef, rootStyle: rootStyleRef, panelRef: panelRefRef } = toPropsRefs(props, "mask", "classes", "styles", "zIndex", "width", "rootClass", "rootStyle", "panelRef");
+	const { mask: modalMask, classes, styles, zIndex: customZIndex, width: widthRef, rootClass: rootClassRef, rootStyle: rootStyleRef, panelRef: panelRefRef, focusable, focusTriggerAfterClose } = toPropsRefs(props, "mask", "classes", "styles", "zIndex", "width", "rootClass", "rootStyle", "panelRef", "focusable", "focusTriggerAfterClose");
 	const { modal: modalContext } = useBaseConfig();
 	const modalRenderRef = computed(() => slots.modalRender || props.modalRender);
 	const rootPrefixCls = computed(() => getPrefixCls());
@@ -50,6 +51,7 @@ const Modal = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 		return [closable?.afterClose, closable?.onClose];
 	});
 	const [mergedMask, maskBlurClassName] = useMergedMask(modalMask, contextMask, prefixCls);
+	const mergedFocusable = useFocusable(focusable, mergedMask, focusTriggerAfterClose);
 	const onClose = () => {
 		closableContext.value?.[1]?.();
 	};
@@ -89,7 +91,9 @@ const Modal = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 	const mergedProps = computed(() => ({
 		...props,
 		mask: mergedMask.value,
-		zIndex: zIndex.value
+		zIndex: zIndex.value,
+		focusTriggerAfterClose: mergedFocusable.value?.focusTriggerAfterClose,
+		focusable: mergedFocusable.value
 	}));
 	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes, maskBlurClassName), useToArr(contextStyles, styles), useToProps(mergedProps));
 	const numWidth = computed(() => {
@@ -122,12 +126,12 @@ const Modal = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 			[`${prefixCls.value}-wrap-rtl`]: direction.value === "rtl"
 		});
 		const [rawClosable, mergedCloseIcon, closeBtnIsDisabled, ariaProps] = closableIconContext.value;
-		const [closableAfterclose] = closableContext.value;
+		const [closableAfterClose] = closableContext.value;
 		const mergedClosable = rawClosable ? {
 			disabled: closeBtnIsDisabled,
 			closeIcon: mergedCloseIcon,
 			afterClose: () => {
-				closableAfterclose?.();
+				closableAfterClose?.();
 			},
 			...ariaProps
 		} : false;
@@ -179,7 +183,8 @@ const Modal = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 			"destroyOnClose",
 			"mousePosition",
 			"focusTriggerAfterClose",
-			"panelRef"
+			"panelRef",
+			"focusable"
 		]);
 		const titleNode = getSlotPropsFnRun(slots, props, "title");
 		const mergedClassName = clsx(hashId.value, contextClassName.value, className);
@@ -205,7 +210,8 @@ const Modal = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 			"onClose": handleCancel,
 			"closable": mergedClosable,
 			"closeIcon": mergedCloseIcon,
-			"focusTriggerAfterClose": props.focusTriggerAfterClose ?? true,
+			"focusTriggerAfterClose": mergedFocusable.value?.focusTriggerAfterClose,
+			"focusTrap": mergedFocusable.value?.trap,
 			"transitionName": getTransitionName(rootPrefixCls.value, "zoom", props.transitionName),
 			"maskTransitionName": getTransitionName(rootPrefixCls.value, "fade", props.maskTransitionName),
 			"mask": mergedMask.value,
@@ -443,6 +449,11 @@ const Modal = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 			required: false,
 			default: void 0
 		},
+		focusable: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
 		footer: {
 			type: [
 				Function,

package/dist/modal/PurePanel.js

@@ -0,0 +1,305 @@
+import { useComponentBaseConfig } from "../config-provider/context.js";
+import { getAttrStyleAndClass } from "../_util/hooks/useMergeSemantic.js";
+import "../_util/hooks/index.js";
+import { getSlotPropsFnRun } from "../_util/tools.js";
+import useCSSVarCls_default from "../config-provider/hooks/useCSSVarCls.js";
+import { Footer, renderCloseIcon } from "./shared.js";
+import style_default from "./style/index.js";
+import { ConfirmContent } from "./ConfirmDialog.js";
+import { withPureRenderTheme } from "../_util/PurePanel.js";
+import { computed, createVNode, defineComponent, mergeProps } from "vue";
+import { clsx } from "@v-c/util";
+import { Panel } from "@v-c/dialog";
+
+//#region src/modal/PurePanel.tsx
+const PurePanel = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
+	const { getPrefixCls } = useComponentBaseConfig("modal", props, []);
+	const prefixCls = computed(() => props.prefixCls || getPrefixCls());
+	const rootPrefixCls = computed(() => getPrefixCls(void 0, ""));
+	const rootCls = useCSSVarCls_default(rootPrefixCls);
+	const [hashId, cssVarCls] = style_default(prefixCls, rootCls);
+	const confirmPrefixCls = computed(() => `${prefixCls.value}-confirm`);
+	return () => {
+		const { className: attrClassName, restAttrs } = getAttrStyleAndClass(attrs);
+		const { type, closable, closeIcon, style: attrStyle } = props;
+		const footer = getSlotPropsFnRun(slots, props, "footer", false);
+		const title = getSlotPropsFnRun(slots, props, "title", false);
+		let additionalProps = {};
+		if (type) additionalProps = {
+			closable: closable ?? false,
+			title: "",
+			footer: "",
+			children: createVNode(ConfirmContent, mergeProps(props, {
+				"prefixCls": prefixCls.value,
+				"confirmPrefixCls": confirmPrefixCls.value,
+				"rootPrefixCls": rootPrefixCls.value,
+				"content": slots.default?.()
+			}), null)
+		};
+		else additionalProps = {
+			closable: closable ?? true,
+			title,
+			footer: footer !== null && createVNode(Footer, mergeProps(props, { "footer": footer }), null),
+			children: slots.default?.()
+		};
+		return createVNode(Panel, mergeProps({
+			"prefixCls": prefixCls.value,
+			"className": clsx(hashId.value, `${prefixCls.value}-pure-panel`, type && confirmPrefixCls.value, type && `${confirmPrefixCls.value}-${type}`, attrClassName, cssVarCls.value, rootCls.value, props.rootClass),
+			"animationVisible": true,
+			"style": attrStyle
+		}, restAttrs, {
+			"closeIcon": renderCloseIcon(prefixCls.value, slots.closeIcon || closeIcon),
+			"closable": closable,
+			"visible": true
+		}, additionalProps), { default: () => additionalProps.children });
+	};
+}, {
+	props: {
+		prefixCls: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		rootClass: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		className: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		keyboard: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		style: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		rootStyle: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		mask: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		children: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		afterClose: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		afterOpenChange: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onClose: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		closable: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
+		maskClosable: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		destroyOnHidden: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		mousePosition: {
+			type: [Object, null],
+			required: false,
+			default: void 0
+		},
+		title: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		transitionName: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		maskTransitionName: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		animation: {
+			required: false,
+			default: void 0
+		},
+		maskAnimation: {
+			required: false,
+			default: void 0
+		},
+		wrapStyle: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		bodyStyle: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		maskStyle: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		wrapClassName: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		width: {
+			type: [String, Number],
+			required: false,
+			default: void 0
+		},
+		height: {
+			type: [String, Number],
+			required: false,
+			default: void 0
+		},
+		zIndex: {
+			type: Number,
+			required: false,
+			default: void 0
+		},
+		bodyProps: {
+			required: false,
+			default: void 0
+		},
+		maskProps: {
+			required: false,
+			default: void 0
+		},
+		rootClassName: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		classNames: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		styles: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		wrapProps: {
+			required: false,
+			default: void 0
+		},
+		getContainer: {
+			type: [
+				String,
+				Function,
+				Boolean
+			],
+			required: false,
+			skipCheck: true,
+			default: void 0
+		},
+		closeIcon: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		modalRender: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		forceRender: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		focusTriggerAfterClose: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		focusTrap: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		panelRef: {
+			required: false,
+			default: void 0
+		},
+		type: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		footer: {
+			type: [
+				Function,
+				Boolean,
+				String,
+				Number,
+				null,
+				Object
+			],
+			required: false,
+			default: void 0
+		}
+	},
+	name: "AModalPurePanel",
+	inheritAttrs: false
+});
+var PurePanel_default = withPureRenderTheme(PurePanel);
+
+//#endregion
+export { PurePanel_default as default };

package/dist/modal/index.js

@@ -1,6 +1,7 @@
 import Modal_default from "./Modal.js";
 import destroyFns_default from "./destroyFns.js";
 import confirm, { modalGlobalConfig, withError, withInfo, withSuccess, withWarn } from "./confirm.js";
+import PurePanel_default from "./PurePanel.js";
 import useModal from "./useModal/index.js";
 
 //#region src/modal/index.tsx
@@ -20,6 +21,7 @@ Modal.install = (app) => {
 	app.component(Modal.name, Modal);
 };
 var modal_default = Modal;
+Modal._InternalPanelDoNotUseOrYouWillBeFired = PurePanel_default;
 
 //#endregion
 export { modal_default as default };