antdv-next 1.4.0 → 1.4.2

package/dist/segmented/index.d.ts

@@ -1,9 +1,9 @@
-import { VueNode as VueNode$1 } from "../_util/type.js";
+import { VueNode } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import { Orientation } from "../_util/hooks/useOrientation.js";
 import { SizeType } from "../config-provider/SizeContext.js";
 import { TooltipProps } from "../tooltip/index.js";
-import { App, CSSProperties, SlotsType } from "vue";
+import { App, CSSProperties, PublicProps } from "vue";
 import { SegmentedLabeledOption as SegmentedLabeledOption$1, SegmentedProps as SegmentedProps$1, SegmentedRawOption, SegmentedValue } from "@v-c/segmented";
 
 //#region src/segmented/index.d.ts
@@ -27,15 +27,17 @@ interface SegmentedLabeledOptionWithoutIcon<ValueType = SegmentedValue> extends
 interface SegmentedLabeledOptionWithIcon<ValueType = SegmentedValue> extends Omit<SegmentedLabeledOption$1<ValueType>, 'label'> {
   label?: SegmentedLabeledOption$1['label'];
   /** Set icon for Segmented item */
-  icon?: VueNode$1;
+  icon?: VueNode;
   tooltip?: string | TooltipProps;
 }
 type SegmentedLabeledOption<ValueType = SegmentedValue> = SegmentedLabeledOptionWithIcon<ValueType> | SegmentedLabeledOptionWithoutIcon<ValueType>;
 type SegmentedOptions<T = SegmentedRawOption> = (T | SegmentedLabeledOption<T>)[];
 type SegmentedClassNamesType = SemanticClassNamesType<SegmentedProps, SegmentedSemanticClassNames>;
 type SegmentedStylesType = SemanticStylesType<SegmentedProps, SegmentedSemanticStyles>;
-interface SegmentedProps extends Omit<SegmentedProps$1, 'size' | 'options' | 'itemRender' | 'styles' | 'classNames' | 'onChange'>, SegmentedEmitsProps {
-  options: SegmentedOptions;
+interface SegmentedProps<ValueType extends SegmentedValue = SegmentedValue> extends Omit<SegmentedProps$1, 'size' | 'options' | 'itemRender' | 'styles' | 'classNames' | 'onChange' | 'value' | 'defaultValue'>, SegmentedEmitsProps<ValueType> {
+  value?: ValueType;
+  defaultValue?: ValueType;
+  options: SegmentedOptions<ValueType>;
   rootClass?: string;
   /** Option to fit width to its parent's width */
   block?: boolean;
@@ -46,24 +48,40 @@ interface SegmentedProps extends Omit<SegmentedProps$1, 'size' | 'options' | 'it
   classes?: SegmentedClassNamesType;
   styles?: SegmentedStylesType;
   shape?: 'default' | 'round';
-  iconRender?: (option: SegmentedLabeledOption) => any;
-  labelRender?: (option: SegmentedLabeledOption) => any;
+  iconRender?: (option: SegmentedLabeledOption<ValueType>) => any;
+  labelRender?: (option: SegmentedLabeledOption<ValueType>) => any;
 }
-interface SegmentedEmits {
-  'change': (value: SegmentedValue) => void;
-  'update:value': (value: SegmentedValue) => void;
+interface SegmentedEmits<ValueType extends SegmentedValue = SegmentedValue> {
+  'change': (value: ValueType) => void;
+  'update:value': (value: ValueType) => void;
 }
-interface SegmentedEmitsProps {
-  onChange?: SegmentedEmits['change'];
-  'onUpdate:value'?: SegmentedEmits['update:value'];
+interface SegmentedEmitsProps<ValueType extends SegmentedValue = SegmentedValue> {
+  onChange?: SegmentedEmits<ValueType>['change'];
+  'onUpdate:value'?: SegmentedEmits<ValueType>['update:value'];
 }
-interface SegmentedSlots {
-  iconRender: (option: SegmentedLabeledOption) => any;
-  labelRender: (option: SegmentedLabeledOption) => any;
+interface SegmentedSlots<ValueType extends SegmentedValue = SegmentedValue> {
+  iconRender: (option: SegmentedLabeledOption<ValueType>) => any;
+  labelRender: (option: SegmentedLabeledOption<ValueType>) => any;
 }
-declare const InternalSegmented: import("vue").DefineSetupFnComponent<SegmentedProps, SegmentedEmits, SlotsType<SegmentedSlots>, SegmentedProps, import("vue").PublicProps>;
-declare const Segmented: typeof InternalSegmented & {
+interface SegmentedInstance<ValueType extends SegmentedValue = SegmentedValue> {
+  $props: SegmentedProps<ValueType> & PublicProps;
+  $emit: {
+    (event: 'change', value: ValueType): void;
+    (event: 'update:value', value: ValueType): void;
+  };
+  $slots: SegmentedSlots<ValueType>;
+}
+interface SegmentedConstructor {
+  new <ValueType extends SegmentedValue = SegmentedValue>(props: SegmentedProps<ValueType>): SegmentedInstance<ValueType>;
+  /**
+   * Non-generic fallback signature. TypeScript infers from the last overload,
+   * so this keeps render-function usage like `h(Segmented, props)` resolvable
+   * against Vue's `Constructor<P>` overload of `h` (see #634), while the
+   * generic signature above still drives template/Volar inference.
+   */
+  new (props: SegmentedProps<any>): SegmentedInstance<any>;
   install: (app: App) => void;
-};
+}
+declare const Segmented: SegmentedConstructor;
 //#endregion
-export { SegmentedClassNamesType, SegmentedEmits, SegmentedEmitsProps, SegmentedLabeledOption, SegmentedOptions, SegmentedProps, SegmentedSemanticClassNames, SegmentedSemanticName, SegmentedSemanticStyles, SegmentedSlots, SegmentedStylesType, Segmented as default };
+export { SegmentedClassNamesType, SegmentedConstructor, SegmentedEmits, SegmentedEmitsProps, SegmentedLabeledOption, SegmentedOptions, SegmentedProps, SegmentedSemanticClassNames, SegmentedSemanticName, SegmentedSemanticStyles, SegmentedSlots, SegmentedStylesType, Segmented as default };

package/dist/segmented/index.js

@@ -16,7 +16,7 @@ function _isSlot(s) {
 function isSegmentedLabeledOptionWithIcon(option, iconFromSlot) {
 	return typeof option === "object" && !!(option?.icon || iconFromSlot?.length);
 }
-const Segmented = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots }) => {
+const InternalSegmented = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots }) => {
 	const defaultName = useId();
 	const { prefixCls, direction, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles } = useComponentBaseConfig("segmented");
 	const { classes, styles, size: customSize, orientation, vertical } = toPropsRefs$1(props, "classes", "styles", "size", "orientation", "vertical");
@@ -88,6 +88,8 @@ const Segmented = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots }
 	};
 }, {
 	props: /*@__PURE__*/ mergeDefaults({
+		value: { required: false },
+		defaultValue: { required: false },
 		options: {
 			type: Array,
 			required: true
@@ -134,14 +136,6 @@ const Segmented = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots }
 			type: Function,
 			required: false
 		},
-		defaultValue: {
-			type: [String, Number],
-			required: false
-		},
-		value: {
-			type: [String, Number],
-			required: false
-		},
 		disabled: {
 			type: Boolean,
 			required: false,
@@ -171,8 +165,9 @@ const Segmented = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots }
 	name: "ASegmented",
 	inheritAttrs: false
 });
+const Segmented = InternalSegmented;
 Segmented.install = (app) => {
-	app.component(Segmented.name, Segmented);
+	app.component(InternalSegmented.name, Segmented);
 };
 //#endregion
 export { Segmented as default };

package/dist/select/index.d.ts

@@ -1,4 +1,4 @@
-import { VueNode as VueNode$1 } from "../_util/type.js";
+import { VueNode } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import { SizeType } from "../config-provider/SizeContext.js";
 import { InputStatus } from "../_util/statusUtils.js";
@@ -12,12 +12,12 @@ type RawValue = string | number;
 interface LabeledValue {
   key?: string;
   value: RawValue;
-  label: VueNode$1;
+  label: VueNode;
 }
 type SelectValue = RawValue | RawValue[] | LabeledValue | LabeledValue[] | undefined;
 interface InternalSelectProps extends ComponentBaseProps, Omit<SelectProps$1, 'mode' | 'classNames' | 'className' | 'style' | 'prefix' | 'styles'> {
-  prefix?: VueNode$1;
-  suffixIcon?: VueNode$1;
+  prefix?: VueNode;
+  suffixIcon?: VueNode;
   size?: SizeType;
   disabled?: boolean;
   mode?: 'multiple' | 'tags' | 'SECRET_COMBOBOX_MODE_DO_NOT_USE' | 'combobox';

package/dist/select/style/select-input-customize.js

@@ -20,6 +20,7 @@ const genSelectInputCustomizeStyle = (token) => {
 			padding: 0,
 			"&-value": { display: "none" }
 		},
+		[`&${componentCls}-filled ${componentCls}-content`]: { [`${antCls}-input-filled`]: transparentBackground },
 		[`&${componentCls}-disabled ${componentCls}-content`]: {
 			[disabledCustomizedInputSelector]: transparentBackground,
 			"input[disabled], textarea[disabled]": transparentBackground

package/dist/slider/index.js

@@ -10,7 +10,7 @@ import useRafLock from "./useRafLock.js";
 import { cloneVNode, computed, createVNode, defineComponent, isVNode, mergeProps, onMounted, onUnmounted, shallowRef } from "vue";
 import { clsx } from "@v-c/util";
 import raf from "@v-c/util/dist/raf";
-import { omit } from "es-toolkit";
+import { omit } from "es-toolkit/compat";
 import VcSlider from "@v-c/slider";
 //#region src/slider/index.tsx
 function _isSlot(s) {

package/dist/space/Compact.d.ts

@@ -19,7 +19,7 @@ interface SpaceCompactItemContextType {
 declare function useSpaceCompactItemContext(): Ref<SpaceCompactItemContextType | null, SpaceCompactItemContextType | null>;
 declare function useCompactItemContext(prefixCls: Ref<string>, direction: Ref<DirectionType>): {
   compactSize: import("vue").ComputedRef<SizeType>;
-  compactDirection: import("vue").ComputedRef<"vertical" | "horizontal" | undefined>;
+  compactDirection: import("vue").ComputedRef<"horizontal" | "vertical" | undefined>;
   compactItemClassnames: import("vue").ComputedRef<string>;
 };
 declare const NoCompactStyle: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;

package/dist/space/index.d.ts

@@ -1,4 +1,4 @@
-import { EmptyEmit, VueNode as VueNode$1 } from "../_util/type.js";
+import { EmptyEmit, VueNode } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import { Orientation } from "../_util/hooks/useOrientation.js";
 import { SizeType } from "../config-provider/SizeContext.js";
@@ -29,7 +29,7 @@ interface SpaceProps extends ComponentBaseProps {
   orientation?: Orientation;
   vertical?: boolean;
   align?: 'start' | 'end' | 'center' | 'baseline';
-  separator?: VueNode$1;
+  separator?: VueNode;
   wrap?: boolean;
   classes?: SpaceClassNamesType;
   styles?: SpaceStylesType;

package/dist/spin/index.d.ts

@@ -1,4 +1,4 @@
-import { EmptyEmit, VueNode as VueNode$1 } from "../_util/type.js";
+import { EmptyEmit, VueNode } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import { SizeType } from "../config-provider/SizeContext.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
@@ -39,15 +39,15 @@ interface SpinProps extends ComponentBaseProps {
   size?: SizeType | 'default';
   /** Customize description content when Spin has children */
   /** @deprecated Please use `description` instead */
-  tip?: VueNode$1;
-  description?: VueNode$1;
+  tip?: VueNode;
+  description?: VueNode;
   /** Specifies a delay in milliseconds for loading state (prevent flush) */
   delay?: number;
   /** The className of wrapper when Spin has children */
   /** @deprecated Please use `classes.root` instead */
   wrapperClassName?: string;
   /** React node of the spinning indicator */
-  indicator?: VueNode$1;
+  indicator?: VueNode;
   /** Display a backdrop with the `Spin` component */
   fullscreen?: boolean;
   percent?: number | 'auto';
@@ -63,7 +63,7 @@ interface SpinSlots {
 }
 declare const Spin: import("vue").DefineSetupFnComponent<SpinProps, EmptyEmit, SlotsType<SpinSlots>, SpinProps, import("vue").PublicProps>;
 declare const _default: typeof Spin & {
-  setDefaultIndicator: (indicator: VueNode$1) => void;
+  setDefaultIndicator: (indicator: VueNode) => void;
 };
 //#endregion
 export { SpinClassNamesType, SpinProps, SpinSemanticClassNames, SpinSemanticName, SpinSemanticStyles, SpinSlots, SpinStylesType, _default as default };

package/dist/splitter/SplitBar.js

@@ -215,7 +215,18 @@ const SplitBar = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 			type: Boolean,
 			required: true
 		},
-		draggerIcon: { required: false },
+		draggerIcon: {
+			type: [
+				Function,
+				String,
+				Number,
+				null,
+				Object,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		},
 		collapsibleIcon: {
 			type: Object,
 			required: false

package/dist/splitter/interface.d.ts

@@ -1,4 +1,4 @@
-import { VueNode as VueNode$1 } from "../_util/type.js";
+import { VueNode } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import { Orientation } from "../_util/hooks/useOrientation.js";
 import { ShowCollapsibleIconMode } from "./SplitBar.js";
@@ -44,22 +44,22 @@ interface SplitterProps extends ComponentBaseProps {
   layout?: Orientation;
   orientation?: Orientation;
   vertical?: boolean;
-  draggerIcon?: VueNode$1;
+  draggerIcon?: VueNode;
   /**
    * Collapse configuration. ant-design 6.4.0 PR #57044.
    */
   collapsible?: {
     icon?: {
-      start?: VueNode$1;
-      end?: VueNode$1;
+      start?: VueNode;
+      end?: VueNode;
     };
   };
   /**
    * @deprecated please use `collapsible.icon`
    */
   collapsibleIcon?: {
-    start?: VueNode$1;
-    end?: VueNode$1;
+    start?: VueNode;
+    end?: VueNode;
   };
   onDraggerDoubleClick?: (index: number) => void;
   onResizeStart?: (sizes: number[]) => void;

package/dist/statistic/Statistic.d.ts

@@ -1,4 +1,4 @@
-import { VueNode as VueNode$1 } from "../_util/type.js";
+import { VueNode } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import { FormatConfig, valueType } from "./utils.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
@@ -30,9 +30,9 @@ type StatisticRectProps = FormatConfig & ComponentBaseProps & {
   value?: valueType;
   valueStyle?: CSSProperties;
   valueRender?: (node: any) => VNodeChild;
-  title?: VueNode$1;
-  prefix?: VueNode$1;
-  suffix?: VueNode$1;
+  title?: VueNode;
+  prefix?: VueNode;
+  suffix?: VueNode;
   loading?: boolean;
   classes?: StatisticClassNamesType;
   styles?: StatisticStylesType;

package/dist/steps/index.d.ts

@@ -1,4 +1,4 @@
-import { VueNode as VueNode$1 } from "../_util/type.js";
+import { VueNode } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import { SizeType } from "../config-provider/SizeContext.js";
 import { CSSProperties, SlotsType } from "vue";
@@ -44,14 +44,14 @@ interface StepItem {
   classes?: NonNullable<StepsProps$1['items']>[number]['classNames'];
   styles?: NonNullable<StepsProps$1['items']>[number]['styles'];
   /** @deprecated Please use `content` instead */
-  description?: VueNode$1;
-  content?: VueNode$1;
-  icon?: VueNode$1;
+  description?: VueNode;
+  content?: VueNode;
+  icon?: VueNode;
   onClick?: (e: MouseEvent) => void;
   status?: 'wait' | 'process' | 'finish' | 'error';
   disabled?: boolean;
-  title?: VueNode$1;
-  subTitle?: VueNode$1;
+  title?: VueNode;
+  subTitle?: VueNode;
 }
 type ProgressDotRender = (params: {
   iconDot: any;

package/dist/style/motion/util.js

@@ -1,9 +1,9 @@
 //#region src/style/motion/util.ts
 function genNoMotionStyle() {
-	return { "@media (prefers-reduced-motion: reduce)": {
+	return { "@media (prefers-reduced-motion: reduce)": { "&, &::before, &::after": {
 		transition: "none",
 		animation: "none"
-	} };
+	} } };
 }
 //#endregion
 export { genNoMotionStyle };

package/dist/switch/index.d.ts

@@ -1,4 +1,4 @@
-import { VueNode as VueNode$1 } from "../_util/type.js";
+import { VueNode } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import { SizeType } from "../config-provider/SizeContext.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
@@ -20,7 +20,7 @@ interface SwitchSemanticStyles {
 }
 type SwitchClassNamesType = SemanticClassNamesType<SwitchProps, SwitchSemanticClassNames>;
 type SwitchStylesType = SemanticStylesType<SwitchProps, SwitchSemanticStyles>;
-type CheckedValueType = string | number | boolean | object;
+type CheckedValueType = boolean | string | number | object;
 interface SwitchProps extends ComponentBaseProps, SwitchEmitsProps {
   size?: SwitchSize;
   checked?: CheckedValueType;
@@ -43,8 +43,8 @@ interface SwitchProps extends ComponentBaseProps, SwitchEmitsProps {
    * 非选中时的值
    */
   unCheckedValue?: CheckedValueType;
-  checkedChildren?: VueNode$1;
-  unCheckedChildren?: VueNode$1;
+  checkedChildren?: VueNode;
+  unCheckedChildren?: VueNode;
   disabled?: boolean;
   loading?: boolean;
   autoFocus?: boolean;

package/dist/switch/index.js

@@ -10,7 +10,7 @@ import style_default from "./style/index.js";
 import { computed, createVNode, defineComponent, mergeProps, shallowRef, watch } from "vue";
 import { clsx } from "@v-c/util";
 import { LoadingOutlined } from "@antdv-next/icons";
-import { omit } from "es-toolkit";
+import { omit } from "es-toolkit/compat";
 import VcSwitch from "@v-c/switch";
 //#region src/switch/index.tsx
 const keys = [
@@ -114,9 +114,9 @@ const Switch = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =
 		},
 		checked: {
 			type: [
+				Boolean,
 				String,
 				Number,
-				Boolean,
 				Object
 			],
 			required: false,
@@ -124,9 +124,9 @@ const Switch = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =
 		},
 		defaultChecked: {
 			type: [
+				Boolean,
 				String,
 				Number,
-				Boolean,
 				Object
 			],
 			required: false,
@@ -134,9 +134,9 @@ const Switch = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =
 		},
 		value: {
 			type: [
+				Boolean,
 				String,
 				Number,
-				Boolean,
 				Object
 			],
 			required: false,
@@ -144,9 +144,9 @@ const Switch = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =
 		},
 		defaultValue: {
 			type: [
+				Boolean,
 				String,
 				Number,
-				Boolean,
 				Object
 			],
 			required: false,
@@ -154,9 +154,9 @@ const Switch = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =
 		},
 		checkedValue: {
 			type: [
+				Boolean,
 				String,
 				Number,
-				Boolean,
 				Object
 			],
 			required: false,
@@ -164,9 +164,9 @@ const Switch = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =
 		},
 		unCheckedValue: {
 			type: [
+				Boolean,
 				String,
 				Number,
-				Boolean,
 				Object
 			],
 			required: false,

package/dist/switch/style/index.js

@@ -130,7 +130,9 @@ const genSwitchInnerStyle = (token) => {
 			transition: [`padding-inline-start`, `padding-inline-end`].map((prop) => `${prop} ${switchDuration} ease-in-out`).join(", "),
 			...genNoMotionStyle(),
 			[`${switchInnerCls}-checked, ${switchInnerCls}-unchecked`]: {
-				display: "block",
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "center",
 				color: token.colorTextLightSolid,
 				fontSize: token.fontSizeSM,
 				pointerEvents: "none",

package/dist/table/InternalTable.js

@@ -16,12 +16,15 @@ import Spin from "../spin/index.js";
 import pagination_default from "../pagination/index.js";
 import useSelection from "./hooks/useSelection.js";
 import renderExpandIcon from "./ExpandIcon.js";
+import useColumnTitleProps from "./hooks/useColumnTitleProps.js";
 import useContainerWidth from "./hooks/useContainerWidth.js";
 import useFilledColumns from "./hooks/useFilledColumns.js";
+import { getPaginationSize, normalizePlacement } from "./util.js";
 import useFilter, { collectFilterStates, generateFilterInfo, getFilterData, getMergedFilterStates } from "./hooks/useFilter/index.js";
 import useLazyKVMap from "./hooks/useLazyKVMap.js";
 import usePagination, { getPaginationParam } from "./hooks/usePagination.js";
 import useSorter, { getSortData } from "./hooks/useSorter.js";
+import useSpinProps from "./hooks/useSpinProps.js";
 import useTitleColumns from "./hooks/useTitleColumns.js";
 import style_default from "./style/index.js";
 import { convertColumnsToColumnProps } from "./utils.js";
@@ -261,13 +264,7 @@ const InternalTable = /* @__PURE__ */ defineComponent((props, { slots, emit, att
 			return rootRef.value;
 		}
 	});
-	const spinProps = computed(() => {
-		if (typeof props.loading === "boolean") return { spinning: props.loading };
-		if (typeof props.loading === "object" && props.loading !== null) return {
-			spinning: true,
-			...props.loading
-		};
-	});
+	const spinProps = useSpinProps(computed(() => props.loading));
 	const mergedVirtual = computed(() => props.virtual ?? contextVirtual.value);
 	const TableComponent = computed(() => mergedVirtual.value ? VirtualTable : VcTable);
 	const listItemHeight = computed(() => {
@@ -295,18 +292,9 @@ const InternalTable = /* @__PURE__ */ defineComponent((props, { slots, emit, att
 		}
 		return node;
 	};
+	const columnTitleProps = useColumnTitleProps(sorterTitleProps, filters);
 	return () => {
-		const columnTitlePropsFn = () => {
-			const mergedFilters = {};
-			Object.keys(filters.value).forEach((filterKey) => {
-				if (filters.value[filterKey] !== null) mergedFilters[filterKey] = filters.value[filterKey];
-			});
-			return {
-				...sorterTitleProps.value,
-				filters: mergedFilters
-			};
-		};
-		const [transformTitleColumns] = useTitleColumns(columnTitlePropsFn());
+		const [transformTitleColumns] = useTitleColumns(columnTitleProps.value);
 		const renderExpandedRow = slots.expandedRowRender ? (record, index, indent, expanded) => getSlotPropsFnRun(slots, props, "expandedRowRender", true, {
 			record,
 			index,
@@ -355,8 +343,8 @@ const InternalTable = /* @__PURE__ */ defineComponent((props, { slots, emit, att
 		const renderPagination = (placement = "end") => createVNode(pagination_default, mergeProps(mergedPagination.value, {
 			"classes": mergedClassNames.value.pagination,
 			"styles": mergedStyles.value.pagination,
-			"class": clsx(`${prefixCls.value}-pagination ${prefixCls.value}-pagination-${placement}`, mergedPagination.value.class, mergedPagination.value.className),
-			"size": mergedPagination.value.size || (mergedSize.value === "small" || mergedSize.value === "middle" || mergedSize.value === "medium" ? "small" : void 0)
+			"class": clsx(`${prefixCls.value}-pagination`, `${prefixCls.value}-pagination-${placement}`, mergedPagination.value.class, mergedPagination.value.className),
+			"size": getPaginationSize(mergedPagination.value.size, mergedSize.value)
 		}), null);
 		const paginationNodes = (() => {
 			if (props.pagination === false || !mergedPagination.value.total) return {
@@ -367,11 +355,6 @@ const InternalTable = /* @__PURE__ */ defineComponent((props, { slots, emit, att
 			let bottomPaginationNode = null;
 			const { placement, position } = mergedPagination.value;
 			const mergedPlacement = placement ?? position;
-			const normalizePlacement = (pos) => {
-				const lowerPos = pos.toLowerCase();
-				if (lowerPos.includes("center")) return "center";
-				return lowerPos.includes("left") || lowerPos.includes("start") ? "start" : "end";
-			};
 			if (Array.isArray(mergedPlacement)) {
 				const [topPos, bottomPos] = ["top", "bottom"].map((dir) => mergedPlacement.find((p) => p.includes(dir)));
 				const isDisable = mergedPlacement.every((p) => `${p}` === "none");

package/dist/table/Table.d.ts

@@ -3,21 +3,32 @@ import { SELECTION_ALL, SELECTION_COLUMN, SELECTION_INVERT, SELECTION_NONE } fro
 import { TableEmits, TableExpose, TableProps as TableProps$1, TableSlots } from "./InternalTable.js";
 import Column from "./Column.js";
 import ColumnGroup from "./ColumnGroup.js";
+import { PublicProps } from "vue";
 import { EXPAND_COLUMN, Summary } from "@v-c/table";
 
 //#region src/table/Table.d.ts
 type TableEmitsProps<RecordType = AnyObject> = { [K in keyof TableEmits<RecordType> as `on${Capitalize<string & K>}`]?: TableEmits<RecordType>[K] };
 interface InternalTableProps<RecordType = AnyObject> extends TableProps$1<RecordType>, TableEmitsProps<RecordType> {}
+type TableInstance<RecordType = AnyObject> = {
+  $props: InternalTableProps<RecordType> & PublicProps;
+  $emit: {
+    (event: 'change', ...args: Parameters<TableEmits<RecordType>['change']>): void;
+    (event: 'update:expandedRowKeys', ...args: Parameters<TableEmits<RecordType>['update:expandedRowKeys']>): void;
+    (event: 'scroll', ...args: Parameters<TableEmits<RecordType>['scroll']>): void;
+  };
+  $slots: TableSlots<RecordType>;
+} & TableExpose;
 interface ForwardTableType {
-  new <RecordType = AnyObject>(props: InternalTableProps<RecordType>): {
-    $props: InternalTableProps<RecordType>;
-    $emit: {
-      (event: 'change', ...args: Parameters<TableEmits<RecordType>['change']>): void;
-      (event: 'update:expandedRowKeys', ...args: Parameters<TableEmits<RecordType>['update:expandedRowKeys']>): void;
-      (event: 'scroll', ...args: Parameters<TableEmits<RecordType>['scroll']>): void;
-    };
-    $slots: TableSlots<RecordType>;
-  } & TableExpose;
+  new <RecordType = AnyObject>(props: InternalTableProps<RecordType>): TableInstance<RecordType>;
+  /**
+   * Non-generic fallback signature. TypeScript infers from the last overload,
+   * so this keeps render-function usage like `h(Table, props)` resolvable
+   * against Vue's `Constructor<P>` overload of `h` (see #634), while the
+   * generic signature above still drives template/Volar inference.
+   * `any` (not `AnyObject`) because record callbacks are contravariant:
+   * `TableProps<DataType>` is not assignable to `TableProps<AnyObject>`.
+   */
+  new (props: InternalTableProps<any>): TableInstance<any>;
   displayName?: string;
   SELECTION_COLUMN: typeof SELECTION_COLUMN;
   EXPAND_COLUMN: typeof EXPAND_COLUMN;

package/dist/table/hooks/useColumnTitleProps.d.ts

@@ -0,0 +1,8 @@
+import { AnyObject } from "../../_util/type.js";
+import { ColumnTitleProps, FilterValue } from "../interface.js";
+import { ComputedRef, Ref } from "vue";
+
+//#region src/table/hooks/useColumnTitleProps.d.ts
+declare function useColumnTitleProps<RecordType extends AnyObject = AnyObject>(sorterTitleProps: Ref<ColumnTitleProps<RecordType>>, filters: Ref<Record<string, FilterValue | null>>): ComputedRef<ColumnTitleProps<RecordType>>;
+//#endregion
+export { useColumnTitleProps as default };

package/dist/table/hooks/useColumnTitleProps.js

@@ -0,0 +1,16 @@
+import isNonNullable from "../../_util/isNonNullable.js";
+import { computed } from "vue";
+//#region src/table/hooks/useColumnTitleProps.ts
+function getMergedFilters(filters) {
+	const mergedFilters = {};
+	for (const [key, value] of Object.entries(filters)) if (isNonNullable(value)) mergedFilters[key] = value;
+	return mergedFilters;
+}
+function useColumnTitleProps(sorterTitleProps, filters) {
+	return computed(() => ({
+		...sorterTitleProps.value,
+		filters: getMergedFilters(filters.value)
+	}));
+}
+//#endregion
+export { useColumnTitleProps as default };

package/dist/table/hooks/useFilter/FilterDropdown.js

@@ -108,7 +108,8 @@ const FilterDropdown = /* @__PURE__ */ defineComponent((props, { slots }) => {
 	const onSelectKeys = ({ selectedKeys }) => {
 		setFilteredKeysSync(selectedKeys);
 	};
-	const onCheck = (keys, { node, checked }) => {
+	const onCheck = (keys, info) => {
+		const { node, checked } = info;
 		if (!props.filterMultiple) onSelectKeys({ selectedKeys: checked && node.key ? [node.key] : [] });
 		else onSelectKeys({ selectedKeys: keys });
 	};

package/dist/table/hooks/useSpinProps.d.ts

@@ -0,0 +1,7 @@
+import { SpinProps } from "../../spin/index.js";
+import { ComputedRef, Ref } from "vue";
+
+//#region src/table/hooks/useSpinProps.d.ts
+declare function useSpinProps(loading: Ref<boolean | SpinProps | undefined>): ComputedRef<SpinProps>;
+//#endregion
+export { useSpinProps as default };

package/dist/table/hooks/useSpinProps.js

@@ -0,0 +1,14 @@
+import { computed } from "vue";
+//#region src/table/hooks/useSpinProps.ts
+function useSpinProps(loading) {
+	return computed(() => {
+		if (typeof loading.value === "boolean") return { spinning: loading.value };
+		if (typeof loading.value === "object" && loading.value !== null) return {
+			spinning: true,
+			...loading.value
+		};
+		return {};
+	});
+}
+//#endregion
+export { useSpinProps as default };