@antdv-vue/pro-utils 0.0.0-stage → 2.1.1

package/dist/components/DropdownFooter/index.js

@@ -0,0 +1,80 @@
+import style_default from "./style/index.js";
+import { computed, createVNode, defineComponent, isVNode } from "vue";
+import { classNames } from "@v-c/util";
+import { Button } from "antdv-next";
+import { useIntl } from "@antdv-vue/pro-provider";
+import { useConfig as useConfig$1 } from "antdv-next/config-provider/context";
+//#region src/components/DropdownFooter/index.tsx
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const DropdownFooter = /* @__PURE__ */ defineComponent((props) => {
+	const intl = useIntl();
+	const config = useConfig$1();
+	const prefixCls = computed(() => props.prefixCls || config.value.getPrefixCls("pro"));
+	const baseClassName = computed(() => `${prefixCls.value}-core-field-dropdown-footer`);
+	const [hashId, cssVarCls] = style_default(baseClassName);
+	return () => {
+		let _slot, _slot2;
+		const { onClear, onConfirm, disabled, footerRender } = props;
+		const defaultFooter = [createVNode(Button, {
+			"key": "clear",
+			"style": { visibility: onClear ? "visible" : "hidden" },
+			"type": "link",
+			"size": "small",
+			"disabled": disabled,
+			"onClick": (e) => {
+				if (onClear) onClear(e);
+				e.stopPropagation();
+			}
+		}, _isSlot(_slot = intl.value.getMessage({
+			id: "form.lightFilter.clear",
+			defaultMessage: "清除"
+		})) ? _slot : { default: () => [_slot] }), createVNode(Button, {
+			"key": "confirm",
+			"data-type": "confirm",
+			"type": "primary",
+			"size": "small",
+			"onClick": onConfirm,
+			"disabled": disabled
+		}, _isSlot(_slot2 = intl.value.getMessage({
+			id: "form.lightFilter.confirm",
+			defaultMessage: "确认"
+		})) ? _slot2 : { default: () => [_slot2] })];
+		if (footerRender === false || footerRender?.(onConfirm, onClear) === false) return null;
+		const renderDom = footerRender?.(onConfirm, onClear) || defaultFooter;
+		return createVNode("div", {
+			"class": classNames(baseClassName.value, hashId.value, cssVarCls.value),
+			"onClick": (e) => e.target.getAttribute("data-type") !== "confirm" && e.stopPropagation()
+		}, [renderDom]);
+	};
+}, {
+	props: {
+		onClear: {
+			type: Function,
+			required: false
+		},
+		onConfirm: {
+			type: Function,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		prefixCls: {
+			type: String,
+			required: false
+		},
+		footerRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		}
+	},
+	name: "DropdownFooter",
+	inheritAttrs: false
+});
+//#endregion
+export { DropdownFooter as default };

package/dist/components/DropdownFooter/style/index.d.ts

@@ -0,0 +1,8 @@
+import * as _$vue from "vue";
+import { ProAliasCssVarToken } from "@antdv-vue/pro-provider";
+
+//#region src/components/DropdownFooter/style/index.d.ts
+interface ProDropdownFooterToken extends ProAliasCssVarToken {}
+declare const _default: (prefixCls: _$vue.Ref<string>, rootCls?: _$vue.Ref<string | undefined>) => readonly [_$vue.Ref<string, string>, _$vue.ComputedRef<string | undefined>];
+//#endregion
+export { ProDropdownFooterToken, _default as default };

package/dist/components/DropdownFooter/style/index.js

@@ -0,0 +1,18 @@
+import { useStyle } from "@antdv-vue/pro-provider";
+import { mergeToken, unit } from "@antdv-next/cssinjs";
+//#region src/components/DropdownFooter/style/index.ts
+const genProDropdownFooterStyle = (token) => {
+	return { [token.componentCls]: {
+		display: "flex",
+		justifyContent: "space-between",
+		paddingBlock: 8,
+		paddingInlineStart: 8,
+		paddingInlineEnd: 8,
+		borderBlockStart: `${unit(token.lineWidth)} ${token.lineType} ${token.colorSplit}`
+	} };
+};
+var style_default = useStyle("DropdownFooter", (token) => {
+	return [genProDropdownFooterStyle(mergeToken(token, {}))];
+});
+//#endregion
+export { style_default as default };

package/dist/components/ErrorBoundary/index.d.ts

@@ -0,0 +1,25 @@
+import { VueNode as VueNode$1 } from "../../typing.js";
+import * as _$vue from "vue";
+import { onErrorCaptured } from "vue";
+import { CustomSlotsType } from "@v-c/util/dist/type";
+
+//#region src/components/ErrorBoundary/index.d.ts
+declare const ErrorBoundary: _$vue.DefineSetupFnComponent<{
+  fallback?: (options: {
+    error: Error;
+    info: string;
+  }) => VueNode$1;
+  onError?: (error: Error) => void;
+  onErrorCaptured?: Parameters<typeof onErrorCaptured>[0];
+}, {}, CustomSlotsType<{
+  default?: () => VueNode$1[];
+}>, {
+  fallback?: (options: {
+    error: Error;
+    info: string;
+  }) => VueNode$1;
+  onError?: (error: Error) => void;
+  onErrorCaptured?: Parameters<typeof onErrorCaptured>[0];
+} & {}, _$vue.PublicProps>;
+//#endregion
+export { ErrorBoundary as default };

package/dist/components/ErrorBoundary/index.js

@@ -0,0 +1,65 @@
+import { Fragment, createTextVNode, createVNode, defineComponent, isVNode, onErrorCaptured, ref } from "vue";
+import { Result, TypographyText } from "antdv-next";
+//#region src/components/ErrorBoundary/index.tsx
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const ErrorBoundary = /* @__PURE__ */ defineComponent((props, { slots }) => {
+	const hasError = ref(false);
+	const errorInfo = ref();
+	const $error = ref();
+	onErrorCaptured((error, vm, info) => {
+		console.log("ErrorBoundary captured an error:", error, vm, info);
+		if (!info.includes("render")) return false;
+		hasError.value = true;
+		errorInfo.value = info;
+		$error.value = error;
+		props.onError?.(error);
+		props.onErrorCaptured?.(error, vm, info);
+		return false;
+	});
+	return () => {
+		let _slot;
+		return createVNode(Fragment, null, [hasError.value ? createVNode(Fragment, null, [props.fallback ? createVNode(Fragment, null, [typeof props.fallback === "function" ? props.fallback?.({
+			error: $error.value,
+			info: errorInfo.value
+		}) : props.fallback]) : createVNode(Result, {
+			"status": "error",
+			"title": "Something went wrong.",
+			"style": { zIndex: 1 }
+		}, { default: () => [createVNode("div", { "style": {
+			display: "flex",
+			flexDirection: "column",
+			gap: "12px"
+		} }, [createVNode(TypographyText, null, { default: () => [
+			errorInfo.value,
+			createTextVNode("："),
+			createVNode(TypographyText, null, _isSlot(_slot = $error.value.toString()) ? _slot : { default: () => [_slot] })
+		] }), createVNode("div", { "style": {
+			display: "flex",
+			flexDirection: "column"
+		} }, [($error.value?.stack || "").replace($error.value.toString(), "")?.split("\n").map((stack, i) => createVNode("div", {
+			"key": stack + i,
+			"style": {
+				textAlign: "left",
+				fontSize: "10px"
+			}
+		}, [createVNode(TypographyText, { "type": "secondary" }, _isSlot(stack) ? stack : { default: () => [stack] })])) ?? null])])] })]) : createVNode(Fragment, null, [slots.default?.()])]);
+	};
+}, {
+	props: {
+		fallback: {
+			type: Function,
+			required: false
+		},
+		onError: {
+			type: Function,
+			required: false
+		},
+		onErrorCaptured: { required: false }
+	},
+	name: "ErrorBoundary",
+	inheritAttrs: false
+});
+//#endregion
+export { ErrorBoundary as default };

package/dist/components/FieldLabel/index.d.ts

@@ -0,0 +1,31 @@
+import { VueNode as VueNode$1 } from "../../typing.js";
+import * as _$vue from "vue";
+import { VNode } from "vue";
+import { SizeType } from "antdv-next";
+import { CustomSlotsType } from "@v-c/util/dist/type";
+
+//#region src/components/FieldLabel/index.d.ts
+interface FieldLabelProps {
+  label?: VueNode$1;
+  value?: VueNode$1;
+  disabled?: boolean;
+  onClear?: () => void;
+  size?: SizeType;
+  ellipsis?: boolean;
+  placeholder?: VueNode$1;
+  formatter?: (value: any) => VueNode$1;
+  variant?: 'outlined' | 'borderless' | 'filled' | 'underlined';
+  allowClear?: boolean;
+  downIcon?: VueNode$1;
+  onClick?: () => void;
+  valueMaxLength?: number;
+  /**
+   * 点击标签的事件，用来唤醒 down menu 状态
+   */
+  onLabelClick?: () => void;
+}
+declare const FieldLabel: _$vue.DefineSetupFnComponent<FieldLabelProps, {}, CustomSlotsType<{
+  default?: () => VNode[];
+}>, FieldLabelProps & {}, _$vue.PublicProps>;
+//#endregion
+export { FieldLabelProps, FieldLabel as default };

package/dist/components/FieldLabel/index.js

@@ -0,0 +1,212 @@
+import style_default from "./style/index.js";
+import { computed, createVNode, defineComponent, shallowRef } from "vue";
+import { classNames } from "@v-c/util";
+import { useConfig } from "antdv-next";
+import { useIntl } from "@antdv-vue/pro-provider";
+import { CloseCircleFilled, DownOutlined } from "@antdv-next/icons";
+import { useConfig as useConfig$1 } from "antdv-next/config-provider/context";
+//#region src/components/FieldLabel/index.tsx
+const FieldLabel = /* @__PURE__ */ defineComponent((props, { expose, attrs }) => {
+	const config = useConfig$1();
+	const { componentSize } = useConfig();
+	const prefixCls = computed(() => config.value.getPrefixCls("pro"));
+	const baseClassName = computed(() => `${prefixCls.value}-core-field-label`);
+	const [hashId, cssVarCls] = style_default(baseClassName);
+	const intl = useIntl();
+	const clearRef = shallowRef(null);
+	const labelRef = shallowRef(null);
+	const wrapElements = (array) => {
+		if (array.every((item) => typeof item === "string")) return array.join(",");
+		return array.map((item, index) => {
+			const comma = index === array.length - 1 ? "" : ",";
+			if (typeof item === "string") return createVNode("span", { "key": index }, [item, comma]);
+			return createVNode("span", {
+				"key": index,
+				"style": { display: "flex" }
+			}, [item, comma]);
+		});
+	};
+	const formatterText = (aValue) => {
+		if (props.formatter) return props.formatter(aValue);
+		return Array.isArray(aValue) ? wrapElements(aValue) : aValue;
+	};
+	const getTextByValue = (aLabel, aValue) => {
+		if (aValue !== void 0 && aValue !== null && aValue !== "" && (!Array.isArray(aValue) || aValue.length)) {
+			const prefix = aLabel ? createVNode("span", {
+				"onClick": () => props.onLabelClick?.(),
+				"class": `${baseClassName.value}-text`
+			}, [aLabel, ": "]) : "";
+			const str = formatterText(aValue);
+			if (!props.ellipsis) return createVNode("span", { "style": {
+				display: "inline-flex",
+				alignItems: "center"
+			} }, [prefix, formatterText(aValue)]);
+			const getText = () => {
+				const isArrayValue = Array.isArray(aValue) && aValue.length > 1;
+				const unitText = intl.value.getMessage({
+					id: "form.lightFilter.itemUnit",
+					defaultMessage: "项"
+				});
+				if (typeof str === "string" && str.length > props.valueMaxLength && isArrayValue) return `...${aValue.length}${unitText}`;
+				return "";
+			};
+			const tail = getText();
+			return createVNode("span", {
+				"title": typeof str === "string" ? str : void 0,
+				"style": {
+					display: "inline-flex",
+					alignItems: "center"
+				}
+			}, [
+				prefix,
+				createVNode("span", { "style": {
+					paddingInlineStart: "4px",
+					display: "flex"
+				} }, [typeof str === "string" ? str?.toString()?.slice?.(0, props.valueMaxLength) : str]),
+				tail
+			]);
+		}
+		return aLabel || props.placeholder;
+	};
+	expose({
+		labelRef,
+		clearRef
+	});
+	return () => {
+		const { label, onClear, value, disabled, variant = "borderless", size: propsSize, downIcon, allowClear = true } = props;
+		const size = componentSize.value ? componentSize.value : "middle";
+		return createVNode("span", {
+			"class": classNames(baseClassName.value, hashId.value, cssVarCls.value, `${baseClassName.value}-${propsSize ?? size ?? "middle"}`, {
+				[`${baseClassName.value}-${variant}-active`]: (Array.isArray(value) ? value.length > 0 : !!value) || value === 0,
+				[`${baseClassName.value}-active`]: (Array.isArray(value) ? value.length > 0 : !!value) || value === 0,
+				[`${baseClassName.value}-disabled`]: disabled,
+				[`${baseClassName.value}-${variant}`]: variant,
+				[`${baseClassName.value}-allow-clear`]: allowClear
+			}, attrs.class),
+			"style": attrs.style,
+			"ref": labelRef,
+			"onClick": () => {
+				props?.onClick?.();
+			}
+		}, [
+			getTextByValue(label, value),
+			(value || value === 0) && allowClear && createVNode("span", {
+				"role": "button",
+				"class": classNames(`${baseClassName.value}-icon`, hashId.value, cssVarCls.value, `${baseClassName.value}-close`),
+				"title": intl.value.getMessage({
+					id: "form.lightFilter.clear",
+					defaultMessage: "清除"
+				}),
+				"onClick": (e) => {
+					if (!disabled) onClear?.();
+					e.stopPropagation();
+				},
+				"ref": clearRef
+			}, [createVNode(CloseCircleFilled, null, null)]),
+			downIcon !== false ? downIcon ?? createVNode(DownOutlined, { "class": classNames(`${baseClassName.value}-icon`, hashId.value, cssVarCls.value, `${baseClassName.value}-arrow`) }, null) : null
+		]);
+	};
+}, {
+	props: {
+		label: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		value: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		onClear: {
+			type: Function,
+			required: false
+		},
+		size: {
+			type: [String, null],
+			required: false
+		},
+		ellipsis: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		placeholder: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		formatter: {
+			type: Function,
+			required: false
+		},
+		variant: {
+			type: String,
+			required: false
+		},
+		allowClear: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		downIcon: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		onClick: {
+			type: Function,
+			required: false
+		},
+		valueMaxLength: {
+			type: Number,
+			required: false,
+			default: 41
+		},
+		onLabelClick: {
+			type: Function,
+			required: false
+		}
+	},
+	name: "FieldLabel",
+	inheritAttrs: false
+});
+//#endregion
+export { FieldLabel as default };

package/dist/components/FieldLabel/style/index.d.ts

@@ -0,0 +1,8 @@
+import * as _$vue from "vue";
+import { ProAliasCssVarToken } from "@antdv-vue/pro-provider";
+
+//#region src/components/FieldLabel/style/index.d.ts
+interface ProFieldLabelToken extends ProAliasCssVarToken {}
+declare const _default: (prefixCls: _$vue.Ref<string>, rootCls?: _$vue.Ref<string | undefined>) => readonly [_$vue.Ref<string, string>, _$vue.ComputedRef<string | undefined>];
+//#endregion
+export { ProFieldLabelToken, _default as default };

package/dist/components/FieldLabel/style/index.js

@@ -0,0 +1,146 @@
+import { useStyle } from "@antdv-vue/pro-provider";
+import { mergeToken, unit } from "@antdv-next/cssinjs";
+//#region src/components/FieldLabel/style/index.ts
+const genProStyle = (token) => {
+	return { [token.componentCls]: {
+		boxSizing: "border-box",
+		display: "inline-flex",
+		gap: token.marginXXS,
+		alignItems: "center",
+		height: 30,
+		paddingBlock: 0,
+		paddingInline: token.paddingXS,
+		fontSize: token.fontSize,
+		lineHeight: token.lineHeight,
+		borderRadius: token.borderRadius,
+		cursor: "pointer",
+		"&:hover": { backgroundColor: token.colorBgTextHover },
+		"&-active": {
+			paddingBlock: 0,
+			paddingInline: 8,
+			[`&${token.componentCls}-allow-clear:hover:not(${token.componentCls}-disabled)`]: {
+				[`${token.componentCls}-arrow`]: { display: "none" },
+				[`${token.componentCls}-close`]: { display: "inline-flex" }
+			}
+		},
+		[`${token.antCls}-select`]: { [`${token.antCls}-select-clear`]: { borderRadius: "50%" } },
+		[`${token.antCls}-picker`]: { [`${token.antCls}-picker-clear`]: { borderRadius: "50%" } },
+		"&-icon": {
+			color: token.colorIcon,
+			transition: `color ${token.motionDurationSlow}`,
+			fontSize: token.fontSizeIcon,
+			verticalAlign: "middle",
+			[`&${token.componentCls}-close`]: {
+				display: "none",
+				fontSize: token.fontSizeIcon,
+				alignItems: "center",
+				justifyContent: "center",
+				color: token.colorTextQuaternary,
+				borderRadius: "50%"
+			},
+			"&:hover": { color: token.colorIconHover }
+		},
+		"&-disabled": {
+			color: token.colorTextPlaceholder,
+			cursor: "not-allowed",
+			[`${token.componentCls}-icon`]: { color: token.colorTextPlaceholder }
+		},
+		"&-outlined": {
+			height: 34,
+			lineHeight: "34px",
+			paddingBlock: 0,
+			paddingInline: 8,
+			border: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorder}`,
+			borderRadius: token.borderRadius,
+			"&:hover": {
+				backgroundColor: "transparent",
+				borderColor: token.colorPrimary
+			},
+			"&-active": {
+				backgroundColor: "transparent",
+				"&:focus-visible,&:has(input:focus-visible)": {
+					outline: `${unit(token.lineWidth)} ${token.lineType} ${token.colorPrimary}`,
+					outlineOffset: token.calc(token.lineWidth).mul(-1).equal({ unit: false }),
+					transition: "outline-offset 0s, outline 0s"
+				}
+			},
+			[`${token.antCls}-picker`]: { [`&${token.antCls}-picker-borderless:focus-visible,&${token.antCls}-picker-borderless:has(input:focus-visible),&${token.antCls}-picker-borderless:has(textarea:focus-visible)`]: { outline: "none" } },
+			[`${token.antCls}-select`]: { [`&${token.antCls}-select-borderless:not(&${token.antCls}-select-disabled):has(input:focus-visible)`]: { outline: "none" } }
+		},
+		"&-borderless": {
+			height: 30,
+			lineHeight: "34px",
+			boxSizing: "border-box",
+			border: `${unit(token.lineWidth)} ${token.lineType} transparent`,
+			"&:hover": {
+				backgroundColor: "transparent",
+				borderColor: token.colorPrimary
+			},
+			"&-active": { "&:focus-visible,&:has(input:focus-visible)": {
+				outline: `${unit(token.lineWidth)} ${token.lineType} ${token.colorPrimary}`,
+				outlineOffset: token.calc(token.lineWidth).mul(-1).equal({ unit: false }),
+				transition: "outline-offset 0s, outline 0s"
+			} },
+			[`${token.antCls}-select`]: { [`&${token.antCls}-select-borderless:not(&${token.antCls}-select-disabled):has(input:focus-visible)`]: { outline: "none" } },
+			[`${token.antCls}-picker`]: { [`&${token.antCls}-picker-borderless:focus-visible,&${token.antCls}-picker-borderless:has(input:focus-visible)`]: { outline: "none" } }
+		},
+		"&-filled": {
+			height: 34,
+			lineHeight: "34px",
+			backgroundColor: token.colorBgTextHover,
+			border: `${unit(token.lineWidth)} ${token.lineType} transparent`,
+			"&:hover": {
+				border: `${unit(token.lineWidth)} ${token.lineType} ${token.colorPrimary}`,
+				backgroundColor: token.colorBgTextHover
+			},
+			[`${token.antCls}-picker`]: { [`&${token.antCls}-picker-borderless:focus-visible,&${token.antCls}-picker-borderless:has(input:focus-visible),&${token.antCls}-picker-borderless:has(textarea:focus-visible)`]: { outline: "none" } },
+			[`${token.antCls}-select`]: { [`&${token.antCls}-select-borderless:not(&${token.antCls}-select-disabled):has(input:focus-visible)`]: { outline: "none" } }
+		},
+		"&-underlined": {
+			height: 34,
+			lineHeight: "34px",
+			borderRadius: 0,
+			borderBottom: `${unit(token.lineWidth)} ${token.lineType} ${token.colorSplit}`,
+			"&:hover": {
+				borderBottom: `${unit(token.lineWidth)} ${token.lineType} ${token.colorPrimary}`,
+				backgroundColor: token.colorBgTextHover
+			},
+			[`${token.antCls}-picker`]: { [`&${token.antCls}-picker-borderless:focus-visible,&${token.antCls}-picker-borderless:has(input:focus-visible),&${token.antCls}-picker-borderless:has(textarea:focus-visible)`]: { outline: "none" } },
+			[`${token.antCls}-select`]: { [`&${token.antCls}-select-borderless:not(&${token.antCls}-select-disabled):has(input:focus-visible)`]: { outline: "none" } }
+		},
+		"&-bordered&-small": {
+			height: 24,
+			lineHeight: "24px",
+			paddingBlock: 0,
+			paddingInline: 8
+		},
+		"&-bordered&-active": { backgroundColor: token.colorBgContainer },
+		"&-small": {
+			height: 24,
+			lineHeight: "24px",
+			paddingBlock: 0,
+			paddingInline: 4,
+			fontSize: token.fontSizeSM,
+			[`${token.antCls}-select-borderless`]: { paddingBlock: 0 },
+			[`${token.antCls}-picker-borderless`]: { paddingBlock: 0 },
+			[`&${token.componentCls}-active`]: {
+				paddingBlock: 0,
+				paddingInline: 8
+			},
+			[`${token.componentCls}-icon`]: {
+				paddingBlock: 0,
+				paddingInline: 0
+			},
+			[`${token.componentCls}-close`]: {
+				marginBlockStart: -2,
+				paddingBlock: 4,
+				paddingInline: 4
+			}
+		}
+	} };
+};
+var style_default = useStyle("FieldLabel", (token) => {
+	return [genProStyle(mergeToken(token, {}))];
+});
+//#endregion
+export { style_default as default };

package/dist/components/FilterDropdown/index.d.ts

@@ -0,0 +1,38 @@
+import { VueNode as VueNode$1 } from "../../typing.js";
+import { DropdownFooterProps } from "../DropdownFooter/index.js";
+import * as _$vue from "vue";
+import { CSSProperties } from "vue";
+import { PopoverProps, TooltipPlacement } from "antdv-next";
+import { CustomSlotsType } from "@v-c/util/dist/type";
+
+//#region src/components/FilterDropdown/index.d.ts
+type FooterRender = ((onConfirm?: (e?: MouseEvent) => void, onClear?: (e?: MouseEvent) => void) => VueNode$1) | false;
+interface FilterDropdownProps {
+  label?: VueNode$1;
+  footer?: DropdownFooterProps;
+  footerRender?: FooterRender;
+  padding?: number;
+  disabled?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  open?: boolean;
+  placement?: TooltipPlacement;
+  /**
+   * @name 透传给 Popover 的属性
+   *
+   * @description
+   * 用于给弹层（portal 到 body 的容器）设置自定义类名/样式等，例如通过 classNames.root 控制样式范围。
+   *
+   * @example
+   * popoverProps={{ classNames: { root: 'my-lightfilter-popover' } } }
+   */
+  popoverProps?: Omit<PopoverProps, 'content' | 'trigger' | 'styles' | 'open' | 'onOpenChange' | 'placement'> & {
+    styles?: PopoverProps['styles'] & {
+      container?: CSSProperties;
+    };
+  };
+}
+declare const FilterDropdown: _$vue.DefineSetupFnComponent<FilterDropdownProps, {}, CustomSlotsType<{
+  default?: () => VueNode$1;
+}>, FilterDropdownProps & {}, _$vue.PublicProps>;
+//#endregion
+export { FilterDropdownProps, FooterRender, FilterDropdown as default };