@aplus-frontend/ui 7.19.8 → 7.20.0

package/es/src/business/ag-grid-modal/hooks/use-ag-grid-instance.mjs

@@ -1,50 +1,60 @@
-import { cloneDeep as A } from "lodash-unified";
-import { ref as o, watch as r, defineComponent as h, provide as I, toRef as a, inject as y } from "vue";
-const u = /* @__PURE__ */ Symbol("ag-grid-provider-key");
-function L(n) {
-  const t = o(), c = o(), l = o(0), d = (e) => {
-    t.value = e;
-  }, i = (e) => {
-    l.value = e;
-  }, v = () => t.value, S = (e = "reset") => {
-    t.value && e in t.value && t.value[e]();
-  }, w = (e) => {
-    t.value?.rowSelection.setSelectedRowKeys(e);
-  }, g = () => A(t.value?.rowSelection.selectedRows.value), f = () => t.value?.rowSelection.clearAll(), R = (e) => t.value?.rowSelection.unSelectRows([e]);
-  r(t, (e) => {
-    e && n?.onMounted?.();
-  }), r(
-    () => t.value?.rowSelection.selectedRows.value,
+import { cloneDeep as I } from "lodash-unified";
+import { ref as c, watch as g, defineComponent as D, provide as H, toRef as l, inject as x } from "vue";
+const v = /* @__PURE__ */ Symbol("ag-grid-provider-key");
+function _(s) {
+  const o = c(), r = c(), a = c(0), d = c(0), w = (e) => {
+    o.value = e;
+  }, S = (e) => {
+    a.value = e;
+  }, f = () => o.value, h = (e = "reset") => {
+    o.value && e in o.value && o.value[e]();
+  }, R = (e) => {
+    o.value?.rowSelection.setSelectedRowKeys(e);
+  }, p = () => I(o.value?.rowSelection.selectedRows.value), A = () => o.value?.rowSelection.clearAll(), y = (e) => o.value?.rowSelection.unSelectRows([e]), G = (e) => {
+    if (!e) return;
+    const t = e.getDisplayedRowCount();
+    if (console.log("onAgGridUpdate", t), t > 0) {
+      const n = e.getDisplayedRowAtIndex(t - 1);
+      if (n && n.rowTop && n.rowHeight) {
+        const u = n.rowTop + n.rowHeight;
+        console.log("height", u), d.value = u;
+      }
+    }
+  };
+  g(o, (e) => {
+    e && s?.onMounted?.();
+  }), g(
+    () => o.value?.rowSelection.selectedRows.value,
     (e) => {
-      c.value = e, n?.onSelectedRows?.(e);
+      r.value = e, s?.onSelectedRows?.(e);
     }
   );
-  const s = {
-    setInstance: d,
-    refresh: S,
-    getInstance: v,
-    setSelectedRowKeys: w,
-    getSelectedRows: g,
-    clearAllSelected: f,
-    removeSelected: R,
-    setDataSourceLength: i
-  }, p = h({
-    setup(e, { slots: m }) {
-      return I(u, {
-        ...s,
-        selectedRows: a(() => c.value),
-        dataSourceLength: a(
-          () => l.value
-        )
-      }), () => m.default?.();
+  const i = {
+    setInstance: w,
+    refresh: h,
+    getInstance: f,
+    setSelectedRowKeys: R,
+    getSelectedRows: p,
+    clearAllSelected: A,
+    removeSelected: y,
+    setDataSourceLength: S,
+    onAgGridUpdate: G
+  }, m = D({
+    setup(e, { slots: t }) {
+      return H(v, {
+        ...i,
+        selectedRows: l(() => r.value),
+        dataSourceLength: l(() => a.value),
+        agGridBodyHeight: l(() => d.value)
+      }), () => t.default?.();
     }
   });
-  return [s, p];
+  return [i, m];
 }
-function _() {
-  return y(u);
+function j() {
+  return x(v);
 }
 export {
-  L as useAgGridInstance,
-  _ as useAgGridModalInject
+  _ as useAgGridInstance,
+  j as useAgGridModalInject
 };

package/es/src/business/ag-grid-modal/hooks/use-ag-grid-modal.mjs

@@ -1,28 +1,28 @@
 import { defineComponent as C, ref as P, createVNode as n, mergeProps as H } from "vue";
-import { isFunction as w, isEmpty as g, omitBy as y, isUndefined as I, omit as x } from "lodash-unified";
+import { isFunction as w, isEmpty as g, omitBy as y, isUndefined as A, omit as I } from "lodash-unified";
 import "../../../ag-grid/index.mjs";
-import { ApModal as A } from "../../../ap-modal/index.mjs";
-import { genRequest as M } from "../utils.mjs";
+import { ApModal as M } from "../../../ap-modal/index.mjs";
+import { genRequest as x } from "../utils.mjs";
 import "../wrapper/index.vue.mjs";
-import { useAgGridInstance as _ } from "./use-ag-grid-instance.mjs";
-import q from "../wrapper/index.vue2.mjs";
-import G from "../../../ag-grid/index.vue.mjs";
-function j(r) {
+import { useAgGridInstance as G } from "./use-ag-grid-instance.mjs";
+import _ from "../wrapper/index.vue2.mjs";
+import q from "../../../ag-grid/index.vue.mjs";
+function L(o) {
   let a = null, l = null;
-  const [o, f] = _(), s = M(r.api, r.getRowKey, o.setDataSourceLength), u = (t) => {
+  const [r, f] = G(), s = x(o.api, o.getRowKey, r.setDataSourceLength), u = (t) => {
     const {
       title: e,
       width: i,
       modalProps: v,
-      ...m
-    } = w(t) ? t(r) : t;
-    g(m) || l?.(m);
-    const d = y({
+      ...d
+    } = w(t) ? t(o) : t;
+    g(d) || l?.(d);
+    const m = y({
       title: e,
       width: i,
       modalProps: v
-    }, I);
-    g(d) || a?.update(d);
+    }, A);
+    g(m) || a?.update(m);
   }, c = /* @__PURE__ */ C({
     name: "AgGridModalPreviewContent",
     props: {
@@ -39,16 +39,16 @@ function j(r) {
           ...i
         };
       }, () => n(f, null, {
-        default: () => [n(q, {
+        default: () => [n(_, {
           height: e.value.height,
           rowHeight: e.value.rowHeight,
           minHeight: e.value.minHeight,
           maxHeight: e.value.maxHeight
         }, {
-          default: () => [e.value.renderHeader?.(x(o, "setInstance"), {
+          default: () => [e.value.renderHeader?.(I(r, "setInstance"), {
             updateProps: u
-          }), n(G, H({
-            ref: o.setInstance,
+          }), n(q, H({
+            ref: r.setInstance,
             searchForm: {
               sortable: !1,
               resize: {
@@ -62,26 +62,27 @@ function j(r) {
             },
             rowHeight: e.value.rowHeight,
             columns: e.value.columns,
-            autoHeight: !!e.value.height
-          }, r.gridProps), e.value.gridSlots)]
+            autoHeight: e.value.height === "auto",
+            onModelUpdated: r.onAgGridUpdate
+          }, o.gridProps), e.value.gridSlots)]
         })]
       });
     }
   });
   function h() {
-    a = A.createModal({
-      title: r.title,
-      width: r.width,
+    a = M.createModal({
+      title: o.title,
+      width: o.width,
       destroyOnClose: !0,
       maskClosable: !1,
       footer: null,
       afterOpenChange(t) {
-        t === !1 && (o.setInstance(void 0), o.setDataSourceLength(0), a = null);
+        t === !1 && (r.setInstance(void 0), r.setDataSourceLength(0), a = null);
       },
       content: n(c, {
-        modalConfig: r
+        modalConfig: o
       }, null),
-      ...r.modalProps || {}
+      ...o.modalProps || {}
     });
   }
   function p(t) {
@@ -89,11 +90,11 @@ function j(r) {
   }
   return {
     open: p,
-    refresh: o.refresh,
-    getAgGridInstance: o.getInstance,
+    refresh: r.refresh,
+    getAgGridInstance: r.getInstance,
     updateProps: u
   };
 }
 export {
-  j as useAgGridModal
+  L as useAgGridModal
 };

package/es/src/business/ag-grid-modal/hooks/use-ag-grid-select-modal.mjs

@@ -1,12 +1,12 @@
-import { defineComponent as O, ref as _, createVNode as i, mergeProps as L, onUnmounted as j } from "vue";
-import { message as q } from "@aplus-frontend/antdv";
-import { isFunction as u, cloneDeep as D, isEmpty as b, omitBy as G, isUndefined as T, omit as x } from "lodash-unified";
+import { defineComponent as O, ref as _, createVNode as i, mergeProps as G, onUnmounted as L } from "vue";
+import { message as j } from "@aplus-frontend/antdv";
+import { isFunction as u, cloneDeep as q, isEmpty as b, omitBy as D, isUndefined as T, omit as x } from "lodash-unified";
 import "../../../ag-grid/index.mjs";
-import { ApModal as F } from "../../../ap-modal/index.mjs";
+import { ApModal as U } from "../../../ap-modal/index.mjs";
 import "../../../config-provider/index.mjs";
-import { ROW_KEY as E } from "../constants.mjs";
+import { ROW_KEY as F } from "../constants.mjs";
 import "../modal-layout/index.vue.mjs";
-import { AsyncCallback as U, genRequest as W, delRowKeyField as $, addRowKeyField as z, getModalLayoutConfig as B } from "../utils.mjs";
+import { AsyncCallback as E, genRequest as W, delRowKeyField as $, addRowKeyField as z, getModalLayoutConfig as B } from "../utils.mjs";
 import "../wrapper/index.vue.mjs";
 import { useAgGridInstance as N } from "./use-ag-grid-instance.mjs";
 import { useModalTitle as V } from "./use-modal-title.mjs";
@@ -16,30 +16,30 @@ import Q from "../modal-layout/index.vue2.mjs";
 import X from "../../../ag-grid/index.vue.mjs";
 function we(o) {
   let d, f = null, g = null;
-  const c = new U(), [S, K] = V(), {
-    t: k
-  } = Y(), [s, p] = N({
+  const c = new E(), [S, p] = V(), {
+    t: K
+  } = Y(), [l, k] = N({
     onSelectedRows(e) {
-      K.setCount(e?.length || 0);
+      p.setCount(e?.length || 0);
     }
-  }), w = W(o.api, o.getRowKey, s.setDataSourceLength), y = (e) => {
+  }), w = W(o.api, o.getRowKey, l.setDataSourceLength), y = (e) => {
     const {
       title: t,
-      width: l,
+      width: s,
       modalProps: n,
       ...a
-    } = u(e) ? e(D(o)) : e;
+    } = u(e) ? e(q(o)) : e;
     b(a) || g?.(a);
-    const r = G({
+    const r = D({
       title: t,
-      width: l,
+      width: s,
       modalProps: n
     }, T);
     b(r) || f?.update(r);
   }, m = u(o.getRowKey) ? o.getRowKey : (e) => e[o.getRowKey], P = () => {
-    const e = o.mergeRule || "old", t = s.getSelectedRows() || [];
+    const e = o.mergeRule || "old", t = l.getSelectedRows() || [];
     return {
-      keys: I(t),
+      keys: H(t),
       rows: t.map((a) => {
         const r = m(a);
         return e === "old" && d?.[r] ? d[r] : $(a);
@@ -47,12 +47,12 @@ function we(o) {
     };
   }, h = async () => {
     const e = P(), t = o.maxCount || 1 / 0;
-    return e.keys.length > t ? (q.warning(k("ap.apTableModal.messageMaxCount", {
+    return e.keys.length > t ? (j.warning(K("ap.apTableModal.messageMaxCount", {
       maxCount: t
     })), Promise.reject()) : (await o.beforeOk?.(e), o.finishCallback?.(e), c.resolve(e), e);
-  }, v = () => {
+  }, M = () => {
     c.reject("modal is closed!");
-  }, M = /* @__PURE__ */ O({
+  }, v = /* @__PURE__ */ O({
     name: "AgGridModalSelectContent",
     props: {
       modalConfig: {
@@ -66,32 +66,32 @@ function we(o) {
     },
     setup(e) {
       const t = _(e.modalConfig);
-      return g = (l) => {
+      return g = (s) => {
         t.value = {
           ...t.value,
-          ...l
+          ...s
         };
       }, () => {
-        const l = e.selectedRows?.map((r) => z(r, t.value.getRowKey)), n = t.value, a = B(n.modalLayout);
-        return i(p, null, {
+        const s = e.selectedRows?.map((r) => z(r, t.value.getRowKey)), n = t.value, a = B(n.modalLayout);
+        return i(k, null, {
           default: () => [i(J, {
             height: n.height,
             rowHeight: n.rowHeight,
             minHeight: t.value.minHeight,
             maxHeight: t.value.maxHeight
           }, {
-            default: () => [o.renderHeader?.(x(s, "setInstance"), {
+            default: () => [o.renderHeader?.(x(l, "setInstance"), {
               updateProps: y
             }), i(Q, a.props, {
-              default: () => [i(X, L({
-                ref: s.setInstance,
+              default: () => [i(X, G({
+                ref: l.setInstance,
                 searchForm: {
                   sortable: !1,
                   resize: {
                     target: "form"
                   }
                 },
-                rowKey: u(n.getRowKey) ? E : n.getRowKey,
+                rowKey: u(n.getRowKey) ? F : n.getRowKey,
                 request: w.request,
                 style: {
                   padding: "0px"
@@ -99,17 +99,18 @@ function we(o) {
                 rowHeight: n.rowHeight,
                 columns: n.columns,
                 rowSelection: {
-                  defaultSelectedRows: l,
+                  defaultSelectedRows: s,
                   preserveSelectedRowKeys: !0,
                   type: n.mode || "checkbox",
                   fixed: "left",
                   columnWidth: 38,
                   disabled(r) {
-                    return u(n.disabledCheckbox) ? n.disabledCheckbox(r, x(s, "setInstance")) : n.disabledCheckbox ?? !1;
+                    return u(n.disabledCheckbox) ? n.disabledCheckbox(r, x(l, "setInstance")) : n.disabledCheckbox ?? !1;
                   },
                   ...o.rowSelection
                 },
-                autoHeight: !!t.value.height
+                autoHeight: t.value.height === "auto",
+                onModelUpdated: l.onAgGridUpdate
               }, o.gridProps), n.gridSlots)],
               ...a.slots
             })]
@@ -119,14 +120,14 @@ function we(o) {
     }
   });
   function C(e) {
-    return i(M, {
+    return i(v, {
       modalConfig: o,
       selectedRows: e
     }, null);
   }
-  function H() {
+  function A() {
     const e = Object.values(d || {}), t = C(e);
-    f = F.createModal({
+    f = U.createModal({
       title: i(S, {
         title: o.title,
         maxCount: o.maxCount || 1 / 0,
@@ -136,34 +137,34 @@ function we(o) {
       destroyOnClose: !0,
       maskClosable: !1,
       onOk: h,
-      onCancel: v,
-      afterOpenChange(l) {
-        l === !1 && (s.setInstance(void 0), s.setDataSourceLength(0));
+      onCancel: M,
+      afterOpenChange(s) {
+        s === !1 && (l.setInstance(void 0), l.setDataSourceLength(0));
       },
       content: t,
       ...o.modalProps || {}
     });
   }
-  function I(e) {
+  function H(e) {
     return e?.map(m) || [];
   }
-  function R(e, t, l = !1) {
+  function R(e, t, s = !1) {
     if (d = e?.reduce((n, a) => {
       const r = m(a);
       return n[r] = a, n;
-    }, {}), w.setExtraParams(t?.extraParams), H(), l)
+    }, {}), w.setExtraParams(t?.extraParams), A(), s)
       return c.buildPromise();
   }
-  function A(e, t) {
+  function I(e, t) {
     return R(e, t, !0);
   }
-  return j(() => {
+  return L(() => {
     c.reject("component is Unmounted!");
   }), {
     open: R,
-    asyncOpen: A,
-    refresh: s.refresh,
-    getAgGridInstance: s.getInstance,
+    asyncOpen: I,
+    refresh: l.refresh,
+    getAgGridInstance: l.getInstance,
     genContent: C,
     validate: h,
     updateProps: y

package/es/src/business/ag-grid-modal/interface.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, StyleValue, VNodeChild } from 'vue';
+import { StyleValue, VNodeChild } from 'vue';
 import { AgGridColumnType, AgGridExpose, AgGridProps, AgGridRowSelection, AgGridSlots } from '../../ag-grid';
 import { CreateModalFuncProps } from '../../ap-modal';
 import { Recordable } from '../../type';
@@ -19,9 +19,9 @@ export interface AgGridModalBasicProps<TableRowType = any> {
         updateProps: UpdatePropsFn<TableRowType>;
     }) => VNodeChild;
     rowHeight?: number;
-    height?: CSSProperties['height'];
-    minHeight?: CSSProperties['height'];
-    maxHeight?: CSSProperties['height'];
+    height?: number | string;
+    minHeight?: number;
+    maxHeight?: number | string;
 }
 /** 刷新方式 */
 export type RefreshType = 'reset' | 'submit' | 'submitWith';

package/es/src/business/ag-grid-modal/utils.d.ts

@@ -55,3 +55,5 @@ export declare class AsyncCallback<T = any> {
     /** 拒绝回调 */
     reject(error?: string): void;
 }
+/** 数字类型转像素 */
+export declare function toHeight(val: number | string): string;

package/es/src/business/ag-grid-modal/utils.mjs

@@ -1,39 +1,39 @@
 import { isFunction as p } from "lodash-unified";
-import { ROW_KEY as a } from "./constants.mjs";
-function m(e, t, r) {
+import { ROW_KEY as l } from "./constants.mjs";
+function F(t, e, r) {
   let n = null;
-  return { request: async (s) => {
-    const i = e;
+  return { request: async (o) => {
+    const i = t;
     if (!i)
       return r?.(0), {
         data: [],
         total: 0
       };
-    n && (s = Object.assign(s, n));
-    const { records: l, total: u } = await i(Object.assign({}, s));
-    return r?.(l?.length || 0), {
-      data: l?.map((c) => h(c, t)),
-      total: u
+    n && (o = Object.assign(o, n));
+    const { records: u, total: a } = await i(Object.assign({}, o));
+    return r?.(u?.length || 0), {
+      data: u?.map((c) => h(c, e)),
+      total: a
     };
-  }, setExtraParams: (s) => {
-    n = s || null;
+  }, setExtraParams: (o) => {
+    n = o || null;
   } };
 }
-function h(e, t) {
-  return p(t) ? {
-    ...e,
-    [a]: t(e)
-  } : e;
+function h(t, e) {
+  return p(e) ? {
+    ...t,
+    [l]: e(t)
+  } : t;
 }
-function g(e) {
-  return Reflect.deleteProperty(e, a), e;
+function g(t) {
+  return Reflect.deleteProperty(t, l), t;
 }
-function j(e) {
-  const { renderSelectedItem: t, rightTitle: r, rightBottom: n, ...o } = e || {};
+function j(t) {
+  const { renderSelectedItem: e, rightTitle: r, rightBottom: n, ...s } = t || {};
   return {
-    props: { ...o, layoutType: e && "two-column" },
+    props: { ...s, layoutType: t && "two-column" },
     slots: {
-      renderSelectedItem: t,
+      renderSelectedItem: e,
       rightTitle: r,
       rightBottom: n
     }
@@ -44,10 +44,10 @@ class y {
     this.p = null, this.operateFn = null;
   }
   buildPromise() {
-    return this.operateFn && this.operateFn.reject("Ignored Reject: reuse"), this.p = new Promise((t, r) => {
+    return this.operateFn && this.operateFn.reject("Ignored Reject: reuse"), this.p = new Promise((e, r) => {
       this.operateFn = {
         reject: r,
-        resolve: t
+        resolve: e
       };
     }), this.p;
   }
@@ -55,18 +55,22 @@ class y {
     this.p = null, this.operateFn = null;
   }
   /** 兑现回调 */
-  resolve(t) {
-    this.operateFn && (this.operateFn.resolve(t), this.clear());
+  resolve(e) {
+    this.operateFn && (this.operateFn.resolve(e), this.clear());
   }
   /** 拒绝回调 */
-  reject(t) {
-    this.operateFn && (this.operateFn.reject("Ignored Reject: " + t), this.clear());
+  reject(e) {
+    this.operateFn && (this.operateFn.reject("Ignored Reject: " + e), this.clear());
   }
 }
+function P(t) {
+  return typeof t == "number" && t ? `${t}px` : t.toString();
+}
 export {
   y as AsyncCallback,
   h as addRowKeyField,
   g as delRowKeyField,
-  m as genRequest,
-  j as getModalLayoutConfig
+  F as genRequest,
+  j as getModalLayoutConfig,
+  P as toHeight
 };

package/es/src/business/ag-grid-modal/wrapper/index.vue.d.ts

@@ -1,9 +1,9 @@
-import { CSSProperties, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = {
     rowHeight?: number;
-    height?: CSSProperties['height'];
-    minHeight?: CSSProperties['height'];
-    maxHeight?: CSSProperties['height'];
+    height?: number | string;
+    minHeight?: number;
+    maxHeight?: number | string;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -17,9 +17,9 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    height: import("csstype").Property.Height<string | number>;
-    maxHeight: import("csstype").Property.Height<string | number>;
-    minHeight: import("csstype").Property.Height<string | number>;
+    height: number | string;
+    maxHeight: number | string;
+    minHeight: number;
     rowHeight: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
     wrapperContainer: HTMLDivElement;

package/es/src/business/ag-grid-modal/wrapper/index.vue2.mjs

@@ -1,45 +1,45 @@
-import { defineComponent as c, useTemplateRef as g, computed as s, ref as p, watch as d, onMounted as f, createElementBlock as m, openBlock as H, normalizeStyle as v, renderSlot as y } from "vue";
-import { LARGER_HEIGHT as w, SMALL_HEIGHT as S } from "../constants.mjs";
-import { useAgGridModalInject as _ } from "../hooks/use-ag-grid-instance.mjs";
-const E = /* @__PURE__ */ c({
+import { defineComponent as f, useTemplateRef as p, ref as s, watch as c, createElementBlock as H, openBlock as d, normalizeStyle as y, unref as h, renderSlot as v } from "vue";
+import { LARGER_HEIGHT as w, SMALL_HEIGHT as G } from "../constants.mjs";
+import { useAgGridModalInject as A } from "../hooks/use-ag-grid-instance.mjs";
+import { toHeight as r } from "../utils.mjs";
+const k = /* @__PURE__ */ f({
   __name: "index",
   props: {
     rowHeight: { default: 32 },
     height: { default: void 0 },
-    minHeight: { default: S },
+    minHeight: { default: G },
     maxHeight: { default: w }
   },
-  setup(h) {
-    const t = h, o = g("wrapperContainer"), u = _(), a = s(
-      () => u?.dataSourceLength?.value || 0
-    ), r = p(t.minHeight), l = () => {
-      const e = o.value?.clientHeight, i = o.value?.querySelector(
+  setup(g) {
+    const o = g, n = p("wrapperContainer"), m = A(), a = s(r(o.minHeight)), u = (e) => {
+      const t = n.value?.clientHeight, l = n.value?.querySelector(
         ".ag-body.ag-layout-normal"
       )?.clientHeight;
-      let n = 0;
-      !e || !i ? n = 0 : n = e - i, a.value * t.rowHeight > 480 - n && (r.value = t.maxHeight);
+      let i = 0;
+      !t || !l ? i = 0 : i = t - l, e > o.minHeight - i && (a.value = `min(${e + i}px,${r(o.maxHeight)})`);
     };
-    return d(
-      () => a.value,
-      () => {
-        l();
+    return c(
+      () => m?.agGridBodyHeight?.value,
+      (e, t) => {
+        e && (!t || e > t) && u(e || 0);
+      },
+      {
+        immediate: !0
       }
-    ), f(() => {
-      l();
-    }), (e, i) => (H(), m("div", {
+    ), (e, t) => (d(), H("div", {
       ref_key: "wrapperContainer",
-      ref: o,
-      style: v({
-        minHeight: e.height ? "unset" : t.minHeight,
-        height: e.height ?? r.value,
+      ref: n,
+      style: y({
+        minHeight: e.height === "auto" ? "unset" : h(r)(e.minHeight),
+        height: e.height ? h(r)(e.height) : a.value,
         display: "flex",
         flexDirection: "column"
       })
     }, [
-      y(e.$slots, "default")
+      v(e.$slots, "default")
     ], 4));
   }
 });
 export {
-  E as default
+  k as default
 };

package/es/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "7.19.8";
+declare const _default: "7.20.0";
 export default _default;

package/es/src/version.mjs

@@ -1,4 +1,4 @@
-const e = "7.19.8";
+const e = "7.20.0";
 export {
   e as default
 };