@vue-ui-kit/ant 2.4.4 → 2.4.5

package/dist/es/index.js

@@ -3452,7 +3452,7 @@ function Xa(e, t) {
 	let n = e.getBoundingClientRect(), r = window.innerWidth, i = window.innerHeight, a = Math.max(0, r - n.left - t.right), o = Math.max(0, i - n.top - t.bottom), s = e.parentElement;
 	if (s) {
 		let e = s.getBoundingClientRect();
-		e.width > 0 && (a = Math.min(a, e.width)), e.height > 0 && (o = Math.min(o, e.height));
+		e.width > 0 && (a = Math.min(a, e.width));
 	}
 	e.style.width = `${a}px`, e.style.height = `${o}px`;
 }
@@ -3488,13 +3488,13 @@ function Qa(e, t, n) {
 var $a = { key: 0 }, eo = {
 	key: 1,
 	class: "p-toolbar-wrapper flex items-center w-full justify-between p-theme-bg pt-8px px-16px"
-}, to = { class: "flex items-center flex-1 gap-4px" }, no = { key: 2 }, ro = { class: "flex items-center gap-4px" }, io = { class: "p-grid-table-body flex-1 min-h-0 overflow-hidden" }, ao = {
+}, to = { class: "flex items-center flex-1 gap-4px" }, no = { key: 2 }, ro = { class: "flex items-center gap-4px" }, io = {
 	key: 0,
 	class: "w-full pt-8px px-16px text-slate-5"
-}, oo = {
+}, ao = {
 	key: 1,
 	class: "flex w-full items-center gap-12px pt-8px px-16px"
-}, so = { class: "flex-1 min-w-0 text-slate-5 flex items-center" }, co = /* @__PURE__ */ l({
+}, oo = { class: "flex-1 min-w-0 text-slate-5 flex items-center" }, so = /* @__PURE__ */ l({
 	__name: "PGrid",
 	props: {
 		selectConfig: {},
@@ -3523,7 +3523,11 @@ var $a = { key: 0 }, eo = {
 		},
 		fitHeight: { default: () => ca().fitHeight ?? 30 },
 		fitCanvasHeight: {},
-		renderY: {}
+		renderY: {},
+		fitContent: {
+			type: Boolean,
+			default: !1
+		}
 	},
 	emits: [
 		"toolbarButtonClick",
@@ -3681,6 +3685,11 @@ var $a = { key: 0 }, eo = {
 					le.value = f.renderY;
 					return;
 				}
+				if (f.fitContent) {
+					let e = typeof window < "u" ? window.innerHeight : 800, t = f.fitHeight ?? 30;
+					le.value = Math.max(Math.floor(e * .6) - t, 160);
+					return;
+				}
 				let e = se.value.clientHeight, t = ce.value?.offsetHeight ?? 0, n = Ge(se.value)?.getBoundingClientRect().height ?? 0, r = f.fitHeight ?? 30;
 				le.value = Math.max(e - t - n - r, 100);
 			});
@@ -3736,7 +3745,7 @@ var $a = { key: 0 }, eo = {
 			return b(), i("div", p({
 				ref_key: "boxEl",
 				ref: ie,
-				class: ["p-wrapper flex flex-col gap-8px overflow-y-auto", l.autoBoxSize ? "min-h-0 min-w-0 flex-1 w-full" : "h-full"]
+				class: ["p-wrapper flex flex-col gap-8px", l.fitContent ? "w-full h-auto" : l.autoBoxSize ? "overflow-y-auto min-h-0 min-w-0 flex-1 w-full" : "overflow-y-auto h-full"]
 			}, A(ke)), [Te.value === "bad" ? (b(), i("div", $a, "请检查配置")) : (b(), i(e, { key: 1 }, [
 				A(g)?.items?.some((e) => e.field && e.itemRender) ? (b(), i("div", {
 					key: 0,
@@ -3860,8 +3869,8 @@ var $a = { key: 0 }, eo = {
 				a("div", {
 					ref_key: "tableWrapperEl",
 					ref: se,
-					class: h(`p-pane flex-1 h-0 min-h-0 flex flex-col p-${A(te) ?? "inner"}-scroll`)
-				}, [a("div", io, [(b(), n(A(xe), p({
+					class: h(l.fitContent ? "p-pane" : `p-pane flex-1 h-0 min-h-0 flex flex-col p-${A(te) ?? "inner"}-scroll`)
+				}, [a("div", { class: h(l.fitContent ? "p-grid-table-body" : "p-grid-table-body flex-1 min-h-0 overflow-hidden") }, [(b(), n(A(xe), p({
 					key: ge.value + "_table",
 					"row-key": l.rowKey ?? "id",
 					ref_key: "tableEl",
@@ -3908,11 +3917,11 @@ var $a = { key: 0 }, eo = {
 					"data-source",
 					"loading",
 					"scroll"
-				]))]), a("div", {
+				]))], 2), a("div", {
 					ref_key: "tableFooterEl",
 					ref: ce,
 					class: "flex-shrink-0"
-				}, [Te.value !== "pagination" && De.value ? (b(), i("div", ao, " 已选：" + D(R.value.length), 1)) : Te.value === "pagination" ? (b(), i("div", oo, [a("div", so, [De.value ? (b(), i(e, { key: 0 }, [s(" 已选：" + D(R.value.length), 1)], 64)) : r("", !0)]), c(v, {
+				}, [Te.value !== "pagination" && De.value ? (b(), i("div", io, " 已选：" + D(R.value.length), 1)) : Te.value === "pagination" ? (b(), i("div", ao, [a("div", oo, [De.value ? (b(), i(e, { key: 0 }, [s(" 已选：" + D(R.value.length), 1)], 64)) : r("", !0)]), c(v, {
 					size: "small",
 					responsive: !1,
 					"show-size-changer": !0,
@@ -3930,7 +3939,7 @@ var $a = { key: 0 }, eo = {
 			], 64))], 16);
 		};
 	}
-}), lo = /* @__PURE__ */ Re((/* @__PURE__ */ H(((e, t) => {
+}), co = /* @__PURE__ */ Re((/* @__PURE__ */ H(((e, t) => {
 	(function() {
 		try {
 			if (typeof document < "u") {
@@ -10142,7 +10151,7 @@ var $a = { key: 0 }, eo = {
 		}
 		return $t;
 	});
-})))(), 1), uo = /* @__PURE__ */ l((e, { emit: t }) => {
+})))(), 1), lo = /* @__PURE__ */ l((e, { emit: t }) => {
 	let { cellRender: n, renderTableParams: r } = e, { row: i, field: a } = r;
 	if (a) {
 		let e = S(i[a]);
@@ -10152,7 +10161,7 @@ var $a = { key: 0 }, eo = {
 	name: "RenderEditCell",
 	props: ["cellRender", "renderTableParams"],
 	emits: ["blur"]
-}), fo = /* @__PURE__ */ l({
+}), uo = /* @__PURE__ */ l({
 	__name: "PCanvasTable",
 	props: {
 		columns: {},
@@ -10211,7 +10220,7 @@ var $a = { key: 0 }, eo = {
 			children: e.children?.map((e) => ce(e))
 		});
 		y(() => {
-			D.value && (v = new lo.default(D.value, {
+			D.value && (v = new co.default(D.value, {
 				config: g.value.config,
 				columns: f.columns.map((e) => ce(e)),
 				data: f.data,
@@ -10287,7 +10296,7 @@ var $a = { key: 0 }, eo = {
 						"style",
 						"value",
 						"cell"
-					])) : A(Fa).renders[P.value]?.renderEdit ? (b(), n(A(uo), {
+					])) : A(Fa).renders[P.value]?.renderEdit ? (b(), n(A(lo), {
 						key: 1,
 						"cell-render": ne[M.value.key],
 						class: "ev-editor-wrapper",
@@ -10337,13 +10346,13 @@ var $a = { key: 0 }, eo = {
 			}, 8, ["spinning"]);
 		};
 	}
-}), po = { key: 0 }, mo = {
+}), fo = { key: 0 }, po = {
 	key: 1,
 	class: "p-canvas-toolbar-wrapper flex items-center w-full justify-between p-theme-bg pt-8px px-16px"
-}, ho = { class: "flex items-center flex-1 gap-4px" }, go = { key: 2 }, _o = { class: "flex items-center gap-4px" }, vo = {
+}, mo = { class: "flex items-center flex-1 gap-4px" }, ho = { key: 2 }, go = { class: "flex items-center gap-4px" }, _o = {
 	key: 0,
 	class: "w-full text-slate-5 pl-4"
-}, yo = /* @__PURE__ */ l({
+}, vo = /* @__PURE__ */ l({
 	__name: "PCanvasGrid",
 	props: {
 		staticConfig: {},
@@ -10549,7 +10558,7 @@ var $a = { key: 0 }, eo = {
 				ref_key: "boxEl",
 				ref: _e,
 				class: "h-full p-wrapper flex flex-col gap-8px overflow-y-auto"
-			}, A(_)), [ce.value === "bad" ? (b(), i("div", po, "请检查配置")) : (b(), i(e, { key: 1 }, [
+			}, A(_)), [ce.value === "bad" ? (b(), i("div", fo, "请检查配置")) : (b(), i(e, { key: 1 }, [
 				A(k)?.items?.some((e) => e.field && e.itemRender) ? (b(), i("div", {
 					key: 0,
 					class: "p-pane p-form-wrapper",
@@ -10575,7 +10584,7 @@ var $a = { key: 0 }, eo = {
 					}, 16, ["model"]))]),
 					_: 1
 				}, 8, ["spinning"])], 512)) : r("", !0),
-				A(P) ? (b(), i("div", mo, [a("div", ho, [A(P).buttons && A(P).buttons.length > 0 ? (b(!0), i(e, { key: 0 }, C(A(P).buttons, (t, a) => (b(), i(e, { key: a }, [t.dropdowns && t.dropdowns.length ? (b(), n(v, { key: 0 }, {
+				A(P) ? (b(), i("div", po, [a("div", mo, [A(P).buttons && A(P).buttons.length > 0 ? (b(!0), i(e, { key: 0 }, C(A(P).buttons, (t, a) => (b(), i(e, { key: a }, [t.dropdowns && t.dropdowns.length ? (b(), n(v, { key: 0 }, {
 					overlay: F(() => [c(f, { onClick: je }, {
 						default: F(() => [(b(!0), i(e, null, C(t.dropdowns, (e) => (b(), n(d, { key: e.code }, {
 							default: F(() => [s(D(e.content), 1)]),
@@ -10640,7 +10649,7 @@ var $a = { key: 0 }, eo = {
 					"ghost",
 					"block",
 					"onClick"
-				])) : (b(), i("div", go))], 64))), 128)) : r("", !0)]), a("span", _o, [A(P).tools && A(P).tools.length > 0 ? (b(!0), i(e, { key: 0 }, C(A(P).tools, (e, t) => (b(), n(A(I), {
+				])) : (b(), i("div", ho))], 64))), 128)) : r("", !0)]), a("span", go, [A(P).tools && A(P).tools.length > 0 ? (b(!0), i(e, { key: 0 }, C(A(P).tools, (e, t) => (b(), n(A(I), {
 					key: t,
 					type: e.type,
 					size: e.size ?? "middle",
@@ -10673,8 +10682,8 @@ var $a = { key: 0 }, eo = {
 					ref: be,
 					class: h("p-pane flex-1 h-0 p-inner-scroll")
 				}, [
-					A(L)?.selectable && A(L).showCount ? (b(), i("div", vo, " 已选：" + D(De.value.length), 1)) : r("", !0),
-					c(fo, {
+					A(L)?.selectable && A(L).showCount ? (b(), i("div", _o, " 已选：" + D(De.value.length), 1)) : r("", !0),
+					c(uo, {
 						ref_key: "canvasTableRef",
 						ref: ge,
 						columns: ze.value,
@@ -10711,7 +10720,7 @@ var $a = { key: 0 }, eo = {
 			], 64))], 16);
 		};
 	}
-}), bo = /* @__PURE__ */ l({
+}), yo = /* @__PURE__ */ l({
 	__name: "PGroupBlock",
 	props: {
 		name: {},
@@ -10726,7 +10735,7 @@ var $a = { key: 0 }, eo = {
 			ref: a
 		}, c.value, { data: A(o) }), null, 16, ["name", "data"]));
 	}
-}), xo = /* @__PURE__ */ l({
+}), bo = /* @__PURE__ */ l({
 	__name: "CollapseCard",
 	props: {
 		defaultCollapsed: {
@@ -10775,7 +10784,7 @@ var $a = { key: 0 }, eo = {
 			}))]), 1032, ["title"]));
 		};
 	}
-}), So = /* @__PURE__ */ l({
+}), xo = /* @__PURE__ */ l({
 	__name: "PFormGroup",
 	props: /* @__PURE__ */ f({
 		name: {},
@@ -10913,7 +10922,7 @@ var $a = { key: 0 }, eo = {
 		})));
 		return (t, u) => {
 			let d = T("a-spin");
-			return b(), n(xo, {
+			return b(), n(bo, {
 				ref_key: "rootRef",
 				ref: h,
 				title: l.title,
@@ -10964,7 +10973,7 @@ var $a = { key: 0 }, eo = {
 							default: F(() => [c(A(Ae))]),
 							_: 2
 						}, 1024)) : r("", !0)]),
-						default: F(() => [(b(), n(bo, {
+						default: F(() => [(b(), n(yo, {
 							ref_for: !0,
 							ref_key: "blockInstance",
 							ref: y,
@@ -10996,7 +11005,7 @@ var $a = { key: 0 }, eo = {
 			]);
 		};
 	}
-}), Co = { class: "w-full text-right p-2" }, wo = /* @__PURE__ */ l({
+}), So = { class: "w-full text-right p-2" }, Co = /* @__PURE__ */ l({
 	__name: "PromisePicker",
 	props: {
 		gridSetting: {},
@@ -11013,65 +11022,70 @@ var $a = { key: 0 }, eo = {
 		}
 	},
 	setup(e, { expose: r }) {
-		let i = S(), l = S(!1), u = e, d = t(() => u.gridSetting.selectConfig?.multiple), f, h, g, v = x({ modal: !1 }), C = () => {
+		let i = S(), l = e, u = t(() => l.gridSetting.selectConfig?.multiple), d = t(() => ({
+			fitContent: !0,
+			...l.gridSetting
+		})), f = {
+			display: "flex",
+			flexDirection: "column",
+			minHeight: 0,
+			maxHeight: "min(80dvh, calc(100dvh - 200px))",
+			overflow: "hidden"
+		}, m, h, g, _ = x({ modal: !1 }), v = () => {
 			g && g();
-		}, w = () => {
-			v.modal = !1, g && g();
-		}, T = ({ row: e, field: t }) => {
-			f && !d.value && u.beforePick(e).then(() => {
-				v.modal = !1, f({
+		}, y = () => {
+			_.modal = !1, g && g();
+		}, C = ({ row: e, field: t }) => {
+			m && !u.value && l.beforePick(e).then(() => {
+				_.modal = !1, m({
 					row: e,
 					field: t
 				});
 			});
-		}, E = () => {
+		}, w = () => {
 			let e = i.value?.selectedRecords ?? [];
-			e.length === 0 && !u.multipleAllowEmpty ? Ka("请选择数据") : u.beforePick(e).then(() => {
-				v.modal = !1, h(e);
+			e.length === 0 && !l.multipleAllowEmpty ? Ka("请选择数据") : l.beforePick(e).then(() => {
+				_.modal = !1, h(e);
 			});
 		};
-		return y(() => {}), r({
+		return r({
 			pick: () => new Promise((e, t) => {
-				f = e, g = t, l.value = !1, v.modal = !0, m(() => {
-					l.value = !0;
-				});
+				m = e, g = t, _.modal = !0;
 			}),
 			pickMultiple: () => new Promise((e, t) => {
-				h = e, g = t, l.value = !1, v.modal = !0, m(() => {
-					l.value = !0;
-				});
+				h = e, g = t, _.modal = !0;
 			}),
 			grid: i,
 			hide: () => {
-				v.modal = !1;
+				_.modal = !1;
 			}
 		}), (t, r) => (b(), n(A(ue), {
-			open: v.modal,
-			"onUpdate:open": r[0] ||= (e) => v.modal = e,
+			open: _.modal,
+			"onUpdate:open": r[0] ||= (e) => _.modal = e,
 			"destroy-on-close": "",
 			title: e.title,
 			width: e.width,
-			footer: d.value ? void 0 : null,
-			onCancel: C,
+			footer: u.value ? void 0 : null,
+			onCancel: v,
 			"body-style": e.bodyStyle
 		}, o({
-			default: F(() => [a("div", { style: _({ minHeight: l.value ? "unset" : "642px" }) }, [c(co, p(e.gridSetting, {
+			default: F(() => [a("div", { style: f }, [c(so, p(d.value, {
 				ref_key: "gridEl",
 				ref: i,
-				onPick: T
-			}), null, 16)], 4)]),
+				onPick: C
+			}), null, 16)])]),
 			_: 2
-		}, [d.value ? {
+		}, [u.value ? {
 			name: "footer",
-			fn: F(() => [a("div", Co, [a("span", null, [c(A(I), {
+			fn: F(() => [a("div", So, [a("span", null, [c(A(I), {
 				class: "mr-4",
-				onClick: w
+				onClick: y
 			}, {
 				default: F(() => [...r[1] ||= [s(" 取消 ", -1)]]),
 				_: 1
 			}), c(A(I), {
 				type: "primary",
-				onClick: E
+				onClick: w
 			}, {
 				default: F(() => [...r[2] ||= [s(" 确定 ", -1)]]),
 				_: 1
@@ -11088,16 +11102,16 @@ var $a = { key: 0 }, eo = {
 });
 //#endregion
 //#region src/index.ts
-function To(e) {
+function wo(e) {
 	e && ia(e);
 }
-var Eo = {
+var To = {
 	install(e) {
-		e.component("PForm", Va), e.component("PGrid", co), e.component("PCanvasTable", fo), e.component("PCanvasGrid", yo), e.component("PFormGroup", So), e.component("PGroupBlock", bo), e.component("PromisePicker", wo);
+		e.component("PForm", Va), e.component("PGrid", so), e.component("PCanvasTable", uo), e.component("PCanvasGrid", vo), e.component("PFormGroup", xo), e.component("PGroupBlock", yo), e.component("PromisePicker", Co);
 	},
 	addFormatter: Sa,
 	addRender: Pa,
-	setup: To
+	setup: wo
 };
 //#endregion
-export { yo as PCanvasGrid, fo as PCanvasTable, Va as PForm, So as PFormGroup, co as PGrid, bo as PGroupBlock, wo as PromisePicker, Sa as addFormatter, Pa as addRender, Xa as applyViewportRestSize, da as cleanCol, Qa as createAutoViewportBoxController, Eo as default, fa as defaultItemResponsive, pa as defaultLabelCol, ha as get24rest, _a as getButtonResponsive, aa as getTooltipRenderer, oa as getUIKitConfig, ma as labelColDict, Ja as parseAutoViewportBoxOffset, ua as resetUIKitConfig, ia as setUIKitConfig, To as setup, va as watchPreviousDeep };
+export { vo as PCanvasGrid, uo as PCanvasTable, Va as PForm, xo as PFormGroup, so as PGrid, yo as PGroupBlock, Co as PromisePicker, Sa as addFormatter, Pa as addRender, Xa as applyViewportRestSize, da as cleanCol, Qa as createAutoViewportBoxController, To as default, fa as defaultItemResponsive, pa as defaultLabelCol, ha as get24rest, _a as getButtonResponsive, aa as getTooltipRenderer, oa as getUIKitConfig, ma as labelColDict, Ja as parseAutoViewportBoxOffset, ua as resetUIKitConfig, ia as setUIKitConfig, wo as setup, va as watchPreviousDeep };

package/dist/index.d.ts

@@ -59,8 +59,15 @@ export declare interface AjaxConfig<F extends Recordable = Recordable> {
 declare type Align = 'left' | 'center' | 'right';
 
 /**
- * 宽/高先按「视口内从元素左上角到右/下边缘」计算，再与**直接父元素**布局框取较小值，
- * 避免嵌套在侧栏 + flex 列等窄容器里仍按整屏宽度赋值，从而撑出页面级横向滚动条。
+ * 宽/高先按「视口内从元素左上角到右/下边缘」计算。
+ *
+ * 宽度会再与**直接父元素**布局框取较小值，避免嵌套在侧栏 + flex 列等窄容器里仍按整屏宽度赋值，
+ * 从而撑出页面级横向滚动条。
+ *
+ * 高度不做 parent 截断：autoBoxSize 的语义就是「一直撑到视口底」。若对 parent 取 min，
+ * 遇到「父容器没有明确高度、靠子元素内容撑开」的常见布局（外层未写死高度，p-grid 根节点
+ * 自身决定可视高度），会形成循环依赖（子依赖父、父又靠子撑开），导致高度被截成极小值，
+ * 反映到 PGrid 上就是表体下方出现大面积空白。
  */
 export declare function applyViewportRestSize(el: HTMLElement, offset: AutoViewportBoxOffset): void;
 
@@ -2574,6 +2581,15 @@ export declare type PGridProps<D extends Recordable = Recordable, F extends Reco
      * 虚拟列表 Y区计算高度
      */
     renderY?: number;
+    /**
+     * 适应「外层高度由内容撑开」的布局（典型如弹窗 `PromisePicker`）。
+     *
+     * 开启后：
+     * - 根容器/表体宿主不再 `flex:1` 强行撑满（避免父无固定高度时塌陷到 0）；
+     * - `a-table` 的纵向 `scroll.y` 作为「最多滚动到多少」的上限，由 `renderY` 显式指定；
+     *   若不传 `renderY`，使用基于视口的默认值。内容少时不会出现行区域下方的大片空白。
+     */
+    fitContent?: boolean;
 };
 
 export declare const PGroupBlock: <F extends Recordable = Recordable>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal_4<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-ui-kit/ant",
-  "version": "2.4.4",
+  "version": "2.4.5",
   "description": "Vue3 UI Kit based on Ant Design",
   "type": "module",
   "main": "./dist/cjs/index.js",

package/src/declarations/antProxy.ts

@@ -256,6 +256,15 @@ export type PGridProps<D extends Recordable = Recordable, F extends Recordable =
    * 虚拟列表 Y区计算高度
    */
   renderY?: number;
+  /**
+   * 适应「外层高度由内容撑开」的布局（典型如弹窗 `PromisePicker`）。
+   *
+   * 开启后：
+   * - 根容器/表体宿主不再 `flex:1` 强行撑满（避免父无固定高度时塌陷到 0）；
+   * - `a-table` 的纵向 `scroll.y` 作为「最多滚动到多少」的上限，由 `renderY` 显式指定；
+   *   若不传 `renderY`，使用基于视口的默认值。内容少时不会出现行区域下方的大片空白。
+   */
+  fitContent?: boolean;
 };
 
 export interface RenderOptions {

package/src/packages/components/PGrid.vue

@@ -62,6 +62,7 @@
     fitHeight: () => getGridDefaults().fitHeight ?? 30,
     striped: () => getGridDefaults().striped ?? false,
     autoBoxSize: false,
+    fitContent: false,
   });
 
   const {
@@ -484,6 +485,13 @@
         renderHeight.value = props.renderY as number;
         return;
       }
+      // 内容撑开模式（弹窗等）：scroll.y 作为上限，内容不足时 a-table-body 按自然高度展示。
+      if (props.fitContent) {
+        const vh = typeof window !== 'undefined' ? window.innerHeight : 800;
+        const reserve = props.fitHeight ?? 30;
+        renderHeight.value = Math.max(Math.floor(vh * 0.6) - reserve, 160);
+        return;
+      }
       const wrapperH = tableWrapperEl.value.clientHeight;
       const footerH = tableFooterEl.value?.offsetHeight ?? 0;
       const tableHeaderEl = resolveTableHeaderEl(tableWrapperEl.value);
@@ -605,8 +613,12 @@
   <div
     ref="boxEl"
     :class="[
-      'p-wrapper flex flex-col gap-8px overflow-y-auto',
-      autoBoxSize ? 'min-h-0 min-w-0 flex-1 w-full' : 'h-full',
+      'p-wrapper flex flex-col gap-8px',
+      fitContent
+        ? 'w-full h-auto'
+        : autoBoxSize
+          ? 'overflow-y-auto min-h-0 min-w-0 flex-1 w-full'
+          : 'overflow-y-auto h-full',
     ]"
     v-bind="attrs"
   >
@@ -722,9 +734,17 @@
       </div>
       <div
         ref="tableWrapperEl"
-        :class="`p-pane flex-1 h-0 min-h-0 flex flex-col p-${scrollMode ?? 'inner'}-scroll`"
+        :class="
+          fitContent
+            ? 'p-pane'
+            : `p-pane flex-1 h-0 min-h-0 flex flex-col p-${scrollMode ?? 'inner'}-scroll`
+        "
       >
-        <div class="p-grid-table-body flex-1 min-h-0 overflow-hidden">
+        <div
+          :class="
+            fitContent ? 'p-grid-table-body' : 'p-grid-table-body flex-1 min-h-0 overflow-hidden'
+          "
+        >
           <a-table
             :key="renderTableKey + '_table'"
             :row-key="rowKey ?? 'id'"

package/src/packages/components/PromisePicker.vue

@@ -4,15 +4,14 @@
   name="PromisePicker"
   generic="D extends Recordable = Recordable, F extends Recordable = Recordable"
 >
-  import { reactive, ref, computed, onMounted, nextTick } from 'vue';
-  import { PGridInstance, PromisePickerProps } from '#/antProxy';
+  import { PGridInstance, PGridProps, PromisePickerProps } from '#/antProxy';
   import PGrid from '@/components/PGrid.vue';
   import { $warning } from '@/hooks/useMessage';
   import { Button as AButton, Modal as AModal } from 'ant-design-vue';
+  import { computed, reactive, ref } from 'vue';
 
   const gridEl = ref<PGridInstance<D>>();
 
-  const rendered = ref(false);
   const props = withDefaults(defineProps<PromisePickerProps<D, F>>(), {
     title: '数据选择',
     width: '70%',
@@ -21,6 +20,24 @@
     beforePick: () => Promise.resolve(),
   });
   const isMultiple = computed(() => props.gridSetting.selectConfig?.multiple);
+  /**
+   * 合并内置的 `fitContent: true`：
+   * - 弹窗容器由内容撑开，外层不写死高度；
+   * - 数据少时按内容自然高显示，避免出现大面积空白；
+   * - 数据多时由外层 `max-height` 限制总高度，表格内部 `scroll.y` 作为上限滚动。
+   * 用户在 `gridSetting` 中若显式传入 `fitContent`/`renderY` 可覆盖。
+   */
+  const mergedGridSetting = computed<PGridProps<D, F>>(() => ({
+    fitContent: true,
+    ...props.gridSetting,
+  }));
+  const pickerBodyStyle = {
+    display: 'flex',
+    flexDirection: 'column',
+    minHeight: 0,
+    maxHeight: 'min(80dvh, calc(100dvh - 200px))',
+    overflow: 'hidden',
+  } as const;
   let resolvePromise: (
     value: { row: D; field?: string } | PromiseLike<{ row: D; field?: string }>,
   ) => void;
@@ -61,27 +78,18 @@
       });
     }
   };
-  onMounted(() => {});
   defineExpose({
     pick: () =>
       new Promise<{ row: D; field?: string } | D[]>((resolve, reject) => {
         resolvePromise = resolve;
         rejectPromise = reject;
-        rendered.value = false;
         visible.modal = true;
-        nextTick(() => {
-          rendered.value = true;
-        });
       }),
     pickMultiple: () =>
       new Promise<{ row: D; field?: string } | D[]>((resolve, reject) => {
         multipleResolver = resolve;
         rejectPromise = reject;
-        rendered.value = false;
         visible.modal = true;
-        nextTick(() => {
-          rendered.value = true;
-        });
       }),
     grid: gridEl,
     hide: () => {
@@ -99,8 +107,8 @@
     @cancel="handleCancel"
     :body-style="bodyStyle"
   >
-    <div :style="{ minHeight: rendered ? 'unset' : '642px' }">
-      <p-grid v-bind="gridSetting" ref="gridEl" @pick="selectRow" />
+    <div :style="pickerBodyStyle">
+      <p-grid v-bind="mergedGridSetting" ref="gridEl" @pick="selectRow" />
     </div>
     <template v-if="isMultiple" #footer>
       <div class="w-full text-right p-2">

package/src/packages/utils/autoViewportBox.ts

@@ -58,8 +58,15 @@ function findResizeAncestor(start: Element | null): Element {
 }
 
 /**
- * 宽/高先按「视口内从元素左上角到右/下边缘」计算，再与**直接父元素**布局框取较小值，
- * 避免嵌套在侧栏 + flex 列等窄容器里仍按整屏宽度赋值，从而撑出页面级横向滚动条。
+ * 宽/高先按「视口内从元素左上角到右/下边缘」计算。
+ *
+ * 宽度会再与**直接父元素**布局框取较小值，避免嵌套在侧栏 + flex 列等窄容器里仍按整屏宽度赋值，
+ * 从而撑出页面级横向滚动条。
+ *
+ * 高度不做 parent 截断：autoBoxSize 的语义就是「一直撑到视口底」。若对 parent 取 min，
+ * 遇到「父容器没有明确高度、靠子元素内容撑开」的常见布局（外层未写死高度，p-grid 根节点
+ * 自身决定可视高度），会形成循环依赖（子依赖父、父又靠子撑开），导致高度被截成极小值，
+ * 反映到 PGrid 上就是表体下方出现大面积空白。
  */
 export function applyViewportRestSize(el: HTMLElement, offset: AutoViewportBoxOffset): void {
   const rect = el.getBoundingClientRect();
@@ -67,7 +74,7 @@ export function applyViewportRestSize(el: HTMLElement, offset: AutoViewportBoxOf
   const vh = window.innerHeight;
 
   let targetW = Math.max(0, vw - rect.left - offset.right);
-  let targetH = Math.max(0, vh - rect.top - offset.bottom);
+  const targetH = Math.max(0, vh - rect.top - offset.bottom);
 
   const parent = el.parentElement;
   if (parent) {
@@ -75,9 +82,6 @@ export function applyViewportRestSize(el: HTMLElement, offset: AutoViewportBoxOf
     if (pr.width > 0) {
       targetW = Math.min(targetW, pr.width);
     }
-    if (pr.height > 0) {
-      targetH = Math.min(targetH, pr.height);
-    }
   }
 
   el.style.width = `${targetW}px`;