antdv-next 1.0.0-alpha.5 → 1.0.0-beta.2

package/dist/popconfirm/PurePanel.mjs

@@ -0,0 +1,319 @@
+import { useComponentBaseConfig, useConfig } from "../config-provider/context.mjs";
+import en_US_default from "../locale/en_US.mjs";
+import useLocale_default from "../locale/useLocale.mjs";
+import button_default from "../button/index.mjs";
+import ActionButton_default from "../_util/ActionButton.mjs";
+import PurePanel_default$1 from "../popover/PurePanel.mjs";
+import style_default from "./style/index.mjs";
+import { computed, createVNode, defineComponent, isVNode, mergeProps } from "vue";
+import { clsx } from "@v-c/util";
+import { ExclamationCircleFilled } from "@antdv-next/icons";
+
+//#region src/popconfirm/PurePanel.tsx
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const Overlay = /* @__PURE__ */ defineComponent((props) => {
+	const config = useConfig();
+	const btnPrefixCls = computed(() => config.value?.getPrefixCls?.("btn") ?? "ant-btn");
+	const [contextLocale] = useLocale_default("Popconfirm", en_US_default.Popconfirm);
+	return () => {
+		const { prefixCls, icon = createVNode(ExclamationCircleFilled, null, null), title, description, cancelText, okText, okType = "primary", okButtonProps, cancelButtonProps, showCancel = true, close, onConfirm, onCancel, onPopupClick, classes, styles } = props;
+		const cancelButtonAttrs = {
+			size: "small",
+			...cancelButtonProps ?? {}
+		};
+		const okButtonAttrs = {
+			size: "small",
+			...okButtonProps ?? {}
+		};
+		const mergedCancelText = cancelText ?? contextLocale?.value?.cancelText;
+		const mergedOkText = okText ?? contextLocale?.value?.okText;
+		const mergedShowCancel = showCancel !== false;
+		const handlePopupClick = (e) => {
+			onPopupClick?.(e);
+		};
+		return createVNode("div", {
+			"class": `${prefixCls}-inner-content`,
+			"onClick": handlePopupClick
+		}, [createVNode("div", { "class": `${prefixCls}-message` }, [icon && createVNode("span", { "class": `${prefixCls}-message-icon` }, [icon]), createVNode("div", { "class": `${prefixCls}-message-text` }, [title && createVNode("div", {
+			"class": clsx(`${prefixCls}-title`, classes?.title),
+			"style": styles?.title
+		}, [title]), description && createVNode("div", {
+			"class": clsx(`${prefixCls}-description`, classes?.content),
+			"style": styles?.content
+		}, [description])])]), createVNode("div", { "class": `${prefixCls}-buttons` }, [mergedShowCancel && createVNode(button_default, mergeProps({ "onClick": onCancel }, cancelButtonAttrs), _isSlot(mergedCancelText) ? mergedCancelText : { default: () => [mergedCancelText] }), createVNode(ActionButton_default, {
+			"type": okType,
+			"actionFn": onConfirm,
+			"close": close,
+			"prefixCls": btnPrefixCls.value,
+			"buttonProps": okButtonAttrs,
+			"emitEvent": true,
+			"quitOnNullishReturnValue": true
+		}, _isSlot(mergedOkText) ? mergedOkText : { default: () => [mergedOkText] })])]);
+	};
+}, {
+	props: {
+		prefixCls: {
+			type: String,
+			required: true,
+			default: void 0
+		},
+		close: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onConfirm: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onCancel: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onPopupClick: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		classes: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		styles: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		icon: {
+			type: [
+				Function,
+				Boolean,
+				String,
+				Number,
+				null,
+				Object
+			],
+			required: false,
+			default: void 0
+		},
+		okButtonProps: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		cancelButtonProps: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		cancelText: {
+			type: [
+				Function,
+				Boolean,
+				String,
+				Number,
+				null,
+				Object
+			],
+			required: false,
+			default: void 0
+		},
+		okText: {
+			type: [
+				Function,
+				Boolean,
+				String,
+				Number,
+				null,
+				Object
+			],
+			required: false,
+			default: void 0
+		},
+		okType: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		showCancel: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		title: {
+			type: [
+				Function,
+				Boolean,
+				String,
+				Number,
+				null,
+				Object
+			],
+			required: false,
+			default: void 0
+		},
+		description: {
+			type: [
+				Function,
+				Boolean,
+				String,
+				Number,
+				null,
+				Object
+			],
+			required: false,
+			default: void 0
+		}
+	},
+	name: "APopconfirmOverlay",
+	inheritAttrs: false
+});
+const PurePanel = /* @__PURE__ */ defineComponent((props) => {
+	const { prefixCls } = useComponentBaseConfig("popconfirm", props);
+	const [hashId, cssVarCls] = style_default(prefixCls);
+	return () => createVNode(PurePanel_default$1, {
+		"placement": props.placement,
+		"class": clsx(prefixCls.value, hashId.value, cssVarCls.value, props.class),
+		"style": props.style,
+		"content": createVNode(Overlay, mergeProps({ "prefixCls": prefixCls.value }, props), null)
+	}, null);
+}, {
+	props: {
+		class: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		style: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		close: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onConfirm: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onCancel: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onPopupClick: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		classes: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		styles: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		icon: {
+			type: [
+				Function,
+				Boolean,
+				String,
+				Number,
+				null,
+				Object
+			],
+			required: false,
+			default: void 0
+		},
+		okButtonProps: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		cancelButtonProps: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		cancelText: {
+			type: [
+				Function,
+				Boolean,
+				String,
+				Number,
+				null,
+				Object
+			],
+			required: false,
+			default: void 0
+		},
+		okText: {
+			type: [
+				Function,
+				Boolean,
+				String,
+				Number,
+				null,
+				Object
+			],
+			required: false,
+			default: void 0
+		},
+		okType: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		showCancel: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		title: {
+			type: [
+				Function,
+				Boolean,
+				String,
+				Number,
+				null,
+				Object
+			],
+			required: false,
+			default: void 0
+		},
+		description: {
+			type: [
+				Function,
+				Boolean,
+				String,
+				Number,
+				null,
+				Object
+			],
+			required: false,
+			default: void 0
+		},
+		placement: {
+			type: String,
+			required: false,
+			default: void 0
+		}
+	},
+	name: "PopconfirmPurePanel",
+	inheritAttrs: false
+});
+var PurePanel_default = PurePanel;
+
+//#endregion
+export { Overlay, PurePanel_default as default };

package/dist/popconfirm/index.d.mts

@@ -0,0 +1,52 @@
+import { VueNode } from "../_util/type.mjs";
+import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.mjs";
+import "../_util/hooks/index.mjs";
+import { TooltipEmits } from "../tooltip/index.mjs";
+import { ButtonProps, LegacyButtonType } from "../button/Button.mjs";
+import "../button/index.mjs";
+import { PopoverProps, PopoverSemanticName } from "../popover/index.mjs";
+import { PurePanel } from "./PurePanel.mjs";
+import * as vue130 from "vue";
+import { App, SlotsType } from "vue";
+
+//#region src/popconfirm/index.d.ts
+type PopconfirmClassNamesType = SemanticClassNamesType<PopconfirmProps, PopoverSemanticName>;
+type PopconfirmStylesType = SemanticStylesType<PopconfirmProps, PopoverSemanticName>;
+interface PopconfirmProps extends Omit<PopoverProps, 'title' | 'content' | 'classes' | 'styles'> {
+  title?: VueNode;
+  description?: VueNode;
+  disabled?: boolean;
+  okText?: VueNode;
+  cancelText?: VueNode;
+  okType?: LegacyButtonType;
+  okButtonProps?: ButtonProps;
+  cancelButtonProps?: ButtonProps;
+  showCancel?: boolean;
+  icon?: VueNode;
+  classes?: PopconfirmClassNamesType;
+  styles?: PopconfirmStylesType;
+}
+interface PopconfirmEmits extends TooltipEmits {
+  openChange: (open: boolean, e?: MouseEvent | KeyboardEvent) => void;
+  confirm: (e?: MouseEvent) => void;
+  cancel: (e?: MouseEvent) => void;
+  popupClick: (e: MouseEvent) => void;
+}
+interface PopconfirmSlots {
+  default?: () => any;
+  title?: () => any;
+  description?: () => any;
+  icon?: () => any;
+  okText?: () => any;
+  cancelText?: () => any;
+}
+declare const InternalPopconfirm: vue130.DefineSetupFnComponent<PopconfirmProps, PopconfirmEmits, SlotsType<PopconfirmSlots>, PopconfirmProps & {
+  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, vue130.PublicProps>;
+type PopconfirmType = typeof InternalPopconfirm & {
+  install: (app: App) => void;
+  _InternalPanelDoNotUseOrYouWillBeFired: typeof PurePanel;
+};
+declare const Popconfirm: PopconfirmType;
+//#endregion
+export { Popconfirm, PopconfirmEmits, PopconfirmProps, PopconfirmSlots };

package/dist/popconfirm/index.mjs

@@ -0,0 +1,357 @@
+import { useComponentBaseConfig } from "../config-provider/context.mjs";
+import { useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.mjs";
+import "../_util/hooks/index.mjs";
+import { getSlotPropsFnRun, toPropsRefs } from "../_util/tools.mjs";
+import useMergedArrow_default from "../tooltip/hooks/useMergedArrow.mjs";
+import popover_default from "../popover/index.mjs";
+import style_default from "./style/index.mjs";
+import PurePanel_default, { Overlay } from "./PurePanel.mjs";
+import { computed, createVNode, defineComponent, mergeDefaults, mergeProps, shallowRef, watchEffect } from "vue";
+import { clsx } from "@v-c/util";
+import { removeUndefined } from "@v-c/util/dist/props-util";
+import { ExclamationCircleFilled } from "@antdv-next/icons";
+import { omit } from "es-toolkit";
+
+//#region src/popconfirm/index.tsx
+const OMITTED_PROP_KEYS = [
+	"title",
+	"description",
+	"okText",
+	"cancelText",
+	"okType",
+	"okButtonProps",
+	"cancelButtonProps",
+	"showCancel",
+	"icon",
+	"disabled",
+	"classes",
+	"styles",
+	"prefixCls",
+	"arrow"
+];
+const defaultIcon = createVNode(ExclamationCircleFilled, null, null);
+const Popconfirm = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose, emit }) => {
+	const { class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, arrow: contextArrow, prefixCls } = useComponentBaseConfig("popconfirm", props, ["arrow"]);
+	const { arrow: arrowProp, classes, styles } = toPropsRefs(props, "arrow", "classes", "styles");
+	const [hashId, cssVarCls] = style_default(prefixCls);
+	const mergedArrow = useMergedArrow_default(arrowProp, contextArrow);
+	const popoverRef = shallowRef();
+	const open = shallowRef(props.open ?? props.defaultOpen ?? false);
+	watchEffect(() => {
+		if (props.open !== void 0) open.value = props.open;
+	});
+	const settingOpen = (value, e) => {
+		if (props.open === void 0) open.value = value;
+		emit("openChange", value, e);
+		emit("update:open", value);
+	};
+	const close = (e) => {
+		settingOpen(false, e);
+	};
+	const onConfirm = (e) => {
+		emit("confirm", e);
+	};
+	const onCancel = (e) => {
+		emit("cancel", e);
+		settingOpen(false, e);
+	};
+	const handlePopupClick = (e) => {
+		emit("popupClick", e);
+	};
+	const onInternalOpenChange = (value, e) => {
+		if (props.disabled) return;
+		settingOpen(value, e);
+	};
+	expose({
+		forceAlign: () => popoverRef.value?.forceAlign?.(),
+		nativeElement: computed(() => popoverRef.value?.nativeElement),
+		popupElement: computed(() => popoverRef.value?.popupElement)
+	});
+	const mergedProps = computed(() => ({ ...props }));
+	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, styles), useToProps(mergedProps));
+	const rootClassNames = computed(() => clsx(prefixCls.value, hashId.value, cssVarCls.value, contextClassName.value, mergedClassNames.value.root));
+	return () => {
+		const titleNode = getSlotPropsFnRun(slots, props, "title") ?? props.title;
+		const descriptionNode = getSlotPropsFnRun(slots, props, "description") ?? props.description;
+		const iconNode = getSlotPropsFnRun(slots, props, "icon") ?? props.icon ?? defaultIcon;
+		const okTextNode = getSlotPropsFnRun(slots, props, "okText") ?? props.okText;
+		const cancelTextNode = getSlotPropsFnRun(slots, props, "cancelText") ?? props.cancelText;
+		const restProps = omit(props, OMITTED_PROP_KEYS);
+		const content = createVNode(Overlay, {
+			"prefixCls": prefixCls.value,
+			"title": titleNode,
+			"description": descriptionNode,
+			"icon": iconNode,
+			"okText": okTextNode,
+			"cancelText": cancelTextNode,
+			"okType": props.okType ?? "primary",
+			"showCancel": props.showCancel ?? true,
+			"okButtonProps": props.okButtonProps,
+			"cancelButtonProps": props.cancelButtonProps,
+			"close": close,
+			"onConfirm": onConfirm,
+			"onCancel": onCancel,
+			"onPopupClick": handlePopupClick,
+			"classes": mergedClassNames.value,
+			"styles": mergedStyles.value
+		}, null);
+		return createVNode(popover_default, mergeProps(attrs, removeUndefined(restProps), {
+			"ref": popoverRef,
+			"open": open.value,
+			"arrow": mergedArrow.value,
+			"onOpenChange": onInternalOpenChange,
+			"content": content,
+			"classes": {
+				root: rootClassNames.value,
+				container: mergedClassNames.value.container,
+				arrow: mergedClassNames.value.arrow
+			},
+			"styles": {
+				root: {
+					...mergedStyles.value.root,
+					...contextStyle.value
+				},
+				container: mergedStyles.value.container,
+				arrow: mergedStyles.value.arrow
+			}
+		}), { default: () => [slots.default?.()] });
+	};
+}, {
+	emits: [
+		"openChange",
+		"confirm",
+		"cancel",
+		"popupClick",
+		"update:open"
+	],
+	props: /* @__PURE__ */ mergeDefaults({
+		title: {
+			type: [
+				Function,
+				Boolean,
+				String,
+				Number,
+				null,
+				Object
+			],
+			required: false,
+			default: void 0
+		},
+		description: {
+			type: [
+				Function,
+				Boolean,
+				String,
+				Number,
+				null,
+				Object
+			],
+			required: false,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		okText: {
+			type: [
+				Function,
+				Boolean,
+				String,
+				Number,
+				null,
+				Object
+			],
+			required: false,
+			default: void 0
+		},
+		cancelText: {
+			type: [
+				Function,
+				Boolean,
+				String,
+				Number,
+				null,
+				Object
+			],
+			required: false,
+			default: void 0
+		},
+		okType: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		okButtonProps: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		cancelButtonProps: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		showCancel: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		icon: {
+			type: [
+				Function,
+				Boolean,
+				String,
+				Number,
+				null,
+				Object
+			],
+			required: false,
+			default: void 0
+		},
+		classes: {
+			type: [Object, Function],
+			required: false,
+			default: void 0
+		},
+		styles: {
+			type: [Object, Function],
+			required: false,
+			default: void 0
+		},
+		afterOpenChange: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		builtinPlacements: {
+			required: false,
+			default: void 0
+		},
+		overlay: {
+			type: [
+				Function,
+				Boolean,
+				String,
+				Number,
+				null,
+				Object
+			],
+			required: false,
+			default: void 0
+		},
+		openClass: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		unique: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		align: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		arrow: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
+		autoAdjustOverflow: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
+		color: {
+			required: false,
+			default: void 0
+		},
+		open: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		getPopupContainer: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		destroyOnHidden: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		zIndex: {
+			type: Number,
+			required: false,
+			default: void 0
+		},
+		placement: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		trigger: {
+			type: [String, Array],
+			required: false,
+			default: void 0
+		},
+		fresh: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		mouseEnterDelay: {
+			type: Number,
+			required: false,
+			default: void 0
+		},
+		mouseLeaveDelay: {
+			type: Number,
+			required: false,
+			default: void 0
+		},
+		getTooltipContainer: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		motion: {
+			required: false,
+			default: void 0
+		},
+		rootClass: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		prefixCls: {
+			type: String,
+			required: false,
+			default: void 0
+		}
+	}, {
+		placement: "top",
+		trigger: "click",
+		okType: "primary"
+	}),
+	name: "APopconfirm",
+	inheritAttrs: false
+});
+Popconfirm.install = (app) => {
+	app.component(Popconfirm.name, Popconfirm);
+};
+Popconfirm._InternalPanelDoNotUseOrYouWillBeFired = PurePanel_default;
+var popconfirm_default = Popconfirm;
+
+//#endregion
+export { popconfirm_default as default };