@duxweb/dvha-pro 1.1.3 → 1.1.5

package/dist/esm/components/form/settingForm.js

@@ -1,6 +1,6 @@
 import { defineComponent as s, ref as c, toRef as d, computed as f, createVNode as i } from "vue";
-import { useI18n as g, useInvalidate as x, useExtendForm as y } from "@duxweb/dvha-core";
-import { useMessage as v, NTabs as S } from "naive-ui";
+import { useI18n as g, useInvalidate as y, useExtendForm as x } from "@duxweb/dvha-core";
+import { useMessage as b, NTabs as v } from "naive-ui";
 import "@overlastic/vue";
 import "vue-router";
 import "clsx";
@@ -59,9 +59,9 @@ import "unocss/preset-wind4";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vue-command-palette";
-import { DuxPage as b } from "../../pages/page.js";
+import { DuxPage as S } from "../../pages/page.js";
 import "../../pages/page404.js";
-const Ct = /* @__PURE__ */ s({
+const Ot = /* @__PURE__ */ s({
   name: "DuxSettingForm",
   props: {
     id: {
@@ -76,6 +76,12 @@ const Ct = /* @__PURE__ */ s({
     data: {
       type: Object
     },
+    meta: {
+      type: Object
+    },
+    params: {
+      type: Object
+    },
     onSuccess: {
       type: Function
     },
@@ -99,22 +105,24 @@ const Ct = /* @__PURE__ */ s({
     }
   },
   setup(t, {
-    slots: r
+    slots: o
   }) {
-    const e = c(t.defaultTab), n = d(t, "data", {}), {
-      t: m
-    } = g(), a = v(), {
+    const m = c(t.defaultTab), n = d(t, "data", {}), {
+      t: r
+    } = g(), a = b(), {
       invalidate: u
-    } = x(), p = y({
+    } = y(), p = x({
       id: t.id,
       path: t.path,
       form: n,
+      meta: t.meta,
+      params: t.params,
       action: t.action,
-      onError: (o) => {
-        a.error(o.message || m("components.form.error")), t.onError?.(o);
+      onError: (e) => {
+        a.error(e.message || r("components.form.error")), t.onError?.(e);
       },
-      onSuccess: (o) => {
-        a.success(m("components.form.success")), t.onSuccess?.(o), t.invalidate && u(t.invalidate);
+      onSuccess: (e) => {
+        a.success(r("components.form.success")), t.onSuccess?.(e), t.invalidate && u(t.invalidate);
       }
     }), l = f(() => {
       switch (t.size) {
@@ -127,22 +135,22 @@ const Ct = /* @__PURE__ */ s({
           return "lg:max-w-2xl";
       }
     });
-    return () => i(b, null, {
+    return () => i(S, null, {
       default: () => [i("div", {
         class: `flex flex-col gap-6 w-full ${l.value} mx-auto py-4`
-      }, [t.tabs ? i(S, {
+      }, [t.tabs ? i(v, {
         defaultValue: t.defaultTab,
-        value: e.value,
-        onUpdateValue: (o) => {
-          e.value = o;
+        value: m.value,
+        onUpdateValue: (e) => {
+          m.value = e;
         },
         type: "segment"
       }, {
-        default: () => [r?.default?.(p)]
-      }) : r?.default?.(p)])]
+        default: () => [o?.default?.(p)]
+      }) : o?.default?.(p)])]
     });
   }
 });
 export {
-  Ct as DuxSettingForm
+  Ot as DuxSettingForm
 };

package/dist/esm/components/layout/table.js

@@ -1,8 +1,8 @@
-import { defineComponent as $, toRef as x, reactive as w, computed as d, ref as k, watch as O, nextTick as v, onMounted as ee, createVNode as e, h as te, mergeProps as ae } from "vue";
-import { useI18n as ie, useJsonSchema as le, useTabStore as oe } from "@duxweb/dvha-core";
-import { useWindowSize as re } from "@vueuse/core";
-import { NTabs as ne, NTab as se, NButton as s, NPopselect as ue, NTooltip as h, NProgress as ce, NPagination as pe, NDrawer as j } from "naive-ui";
-import { useAction as de } from "../../hooks/action.js";
+import { defineComponent as te, toRef as O, computed as p, reactive as k, ref as S, watch as N, nextTick as h, onMounted as ae, createVNode as e, h as ie, mergeProps as le } from "vue";
+import { useI18n as oe, useJsonSchema as re, useTabStore as ne } from "@duxweb/dvha-core";
+import { useWindowSize as se } from "@vueuse/core";
+import { NTabs as ue, NTab as ce, NButton as c, NPopselect as de, NTooltip as y, NProgress as pe, NPagination as me, NDrawer as z } from "naive-ui";
+import { useAction as fe } from "../../hooks/action.js";
 import "@overlastic/vue";
 import "clsx";
 import "vue-echarts";
@@ -21,7 +21,7 @@ import "vue-cropper";
 import "jinrishici";
 import "lodash-es";
 import "vue-draggable-plus";
-import { DuxTableFilter as me } from "./filter.js";
+import { DuxTableFilter as be } from "./filter.js";
 import "@vee-validate/i18n";
 import "colorizr";
 import "echarts";
@@ -49,10 +49,10 @@ import "vee-validate";
 import "vue-router";
 import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
-import { DuxPage as fe } from "../../pages/page.js";
+import { DuxPage as ve } from "../../pages/page.js";
 import "../../pages/page404.js";
-import { DuxDrawerPage as P } from "../drawer/drawerPage.js";
-import { DuxTableTools as be } from "./tools.js";
+import { DuxDrawerPage as L } from "../drawer/drawerPage.js";
+import { DuxTableTools as ge } from "./tools.js";
 import "short-unique-id";
 import "aieditor";
 import "@vue-flow/core";
@@ -64,9 +64,9 @@ import "../posterEditor/elements/index.js";
 import "fabric";
 import "dayjs";
 import "@tanstack/vue-query";
-import { useTable as ve } from "../../hooks/table.js";
+import { useTable as he } from "../../hooks/table.js";
 import "pinia";
-const zt = /* @__PURE__ */ $({
+const Jt = /* @__PURE__ */ te({
   name: "DuxTableLayout",
   props: {
     path: {
@@ -79,6 +79,9 @@ const zt = /* @__PURE__ */ $({
     filterSchema: {
       type: Array
     },
+    filterReactive: {
+      type: Object
+    },
     filterNumber: {
       type: Number,
       default: 1
@@ -119,99 +122,107 @@ const zt = /* @__PURE__ */ $({
     }
   },
   setup(a, {
-    slots: l,
-    expose: z
+    slots: o,
+    expose: J
   }) {
-    const r = x(a, "filter", {}), L = x(a, "sorter", {}), B = x(a, "columns", []), {
+    const r = O(a, "filter", {}), U = O(a, "sorter", {}), v = p(() => a.filterReactive || {}), B = O(a, "columns", []), {
       t: n
-    } = ie(), {
-      renderAction: U
-    } = de(), o = w({
+    } = oe(), {
+      renderAction: E
+    } = fe(), l = k({
       ...r.value || {}
-    }), u = ve({
+    }), s = he({
       ...a.hookTableProps,
       path: a.path,
-      filters: o,
-      sorters: L.value,
+      filters: l,
+      sorters: U.value,
       columns: B,
       pagination: a.pagination
     });
-    z(u);
+    J(s);
     const {
-      columns: C,
+      columns: R,
       tablePagination: A,
-      table: R,
+      table: j,
       onUpdateColumnSelected: D,
-      onUpdateChecked: E,
+      onUpdateChecked: F,
       columnSelected: q,
-      autoRefetch: F,
-      autoCountdown: S,
-      onAutoRefetch: I,
-      isExporting: J,
-      isExportingRows: W,
-      isImporting: K,
-      onExport: V,
-      onExportRows: M,
-      onImport: G
-    } = u, H = d(() => C.value.filter((t) => "title" in t && "key" in t).map((t) => ({
+      autoRefetch: I,
+      autoCountdown: C,
+      onAutoRefetch: W,
+      isExporting: K,
+      isExportingRows: V,
+      isImporting: M,
+      onExport: G,
+      onExportRows: H,
+      onImport: Q
+    } = s, X = p(() => R.value.filter((t) => "title" in t && "key" in t).map((t) => ({
       label: t.title,
       value: t.key
     }))), {
-      width: c
-    } = re(), Q = d(() => C.value.reduce((i, p) => i + (Number(p?.width) || Number(p?.minWidth) || 110), 0)), m = w({
+      width: d
+    } = se(), Y = p(() => R.value.reduce((i, u) => i + (Number(u?.width) || Number(u?.minWidth) || 110), 0)), m = k({
       show: !1
-    }), f = w({
+    }), f = k({
       show: !1
-    }), g = k(!1), X = d(() => (a.filterSchema || []).map((t) => {
+    }), x = S(!1), Z = p(() => (a.filterSchema || []).map((t) => {
       const {
         label: i,
-        ...p
+        ...u
       } = t;
       return {
-        tag: me,
+        tag: be,
         attrs: {
           label: i
         },
-        children: p
+        children: u
       };
     })), {
-      render: Y
-    } = le({
-      data: d(() => X.value)
-    }), y = d(() => ({
+      render: _
+    } = re({
+      data: p(() => Z.value)
+    }), w = p(() => ({
       import: !1,
       export: !0,
       refresh: !0,
       ...a.tools
-    })), T = k(0), b = k(null);
-    O(() => a.tabs?.map((t) => t.value), () => {
+    })), T = S(0), b = S(null);
+    N(() => a.tabs?.map((t) => t.value), () => {
       const t = a.tabs?.map((i) => i.value) || [];
       if (r.value?.tab === void 0) {
         const i = t[0];
         i !== void 0 && (r.value.tab = i);
       }
-      v(() => b.value?.syncBarPosition());
+      h(() => b.value?.syncBarPosition());
     }, {
       deep: !0
-    }), O(() => c.value, () => {
-      v(() => {
+    }), N(() => d.value, () => {
+      h(() => {
         b.value?.syncBarPosition();
       });
     });
-    const N = oe(), Z = N.tabs.find((t) => t.path === N.current), _ = d(() => {
-      const t = a.tabs?.map((p) => p.value) || [], i = r.value?.tab;
+    const P = ne(), $ = P.tabs.find((t) => t.path === P.current), ee = p(() => {
+      const t = a.tabs?.map((u) => u.value) || [], i = r.value?.tab;
       return t.includes(i) ? i : t[0];
     });
-    return ee(() => {
-      v(() => {
+    return ae(() => {
+      h(() => {
         b.value?.syncBarPosition();
       });
-    }), () => e(fe, {
+    }), N(() => v.value, (t) => {
+      const i = t || {};
+      Object.keys(i).forEach((u) => {
+        const g = i[u];
+        g == null || g === "" ? delete l[u] : l[u] = g;
+      }), s.onUpdatePage?.(1);
+    }, {
+      deep: !0
+    }), () => e(ve, {
       actions: a.actions,
       scrollbar: !1
     }, {
-      sideLeft: () => l?.sideLeft && c.value >= 1024 ? l?.sideLeft?.() : void 0,
-      sideRight: () => l?.sideRight && c.value >= 1024 ? l?.sideRight?.() : void 0,
+      sideLeft: () => o?.sideLeft && d.value >= 1024 ? o?.sideLeft?.() : void 0,
+      sideRight: () => o?.sideRight && d.value >= 1024 ? o?.sideRight?.() : void 0,
       default: () => e("div", {
         class: "flex flex-col gap-3 h-full relative"
       }, [e("div", {
@@ -220,7 +231,7 @@ const zt = /* @__PURE__ */ $({
         class: "relative top-1.5px"
       }, [!a.tabs && e("div", {
         class: "pt-1 text-base"
-      }, [Z?.label]), a.tabs && e(ne, {
+      }, [$?.label]), a.tabs && e(ue, {
         ref: b,
         type: "bar",
         size: "small",
@@ -229,32 +240,32 @@ const zt = /* @__PURE__ */ $({
           "--n-tab-gap": "20px"
         },
         "default-value": a.tabs?.[0]?.value || "",
-        value: _.value,
+        value: ee.value,
         onUpdateValue: (t) => {
-          r.value.tab = t, o.tab = t, v(() => b.value?.syncBarPosition());
+          r.value.tab = t, l.tab = t, h(() => b.value?.syncBarPosition());
         }
       }, {
-        default: () => [a.tabs?.map((t) => e(se, {
+        default: () => [a.tabs?.map((t) => e(ce, {
           name: t.value,
           tab: t.label
         }, null))]
       })]), e("div", {
         class: "flex gap-2 justify-end pb-2"
-      }, [l.actions?.(), a.actions?.length > 0 && U({
-        type: c.value < 1024 ? "dropdown" : "button",
+      }, [o.actions?.(), a.actions?.length > 0 && E({
+        type: d.value < 1024 ? "dropdown" : "button",
         items: a.actions
       })])]), e("div", {
         class: "flex gap-2 justify-between flex-col-reverse lg:flex-row"
-      }, [(c.value >= 1024 || g.value) && e("div", {
+      }, [(d.value >= 1024 || x.value) && e("div", {
         class: ["flex-1 flex flex-col lg:flex-row gap-2 flex-wrap"]
       }, [e("div", {
         key: T.value,
         class: "contents"
-      }, [te(Y)])]), e("div", {
+      }, [ie(_)])]), e("div", {
         class: "flex justify-between gap-2"
       }, [e("div", {
         class: ["flex gap-2"]
-      }, [l?.sideLeft && c.value < 1024 && e(s, {
+      }, [o?.sideLeft && d.value < 1024 && e(c, {
         class: "flex-none",
         secondary: !0,
         onClick: () => {
@@ -264,7 +275,7 @@ const zt = /* @__PURE__ */ $({
         icon: () => e("div", {
           class: "i-tabler:layout-sidebar-inactive size-4"
         }, null)
-      }), l?.sideRight && c.value < 1024 && e(s, {
+      }), o?.sideRight && d.value < 1024 && e(c, {
         class: "flex-none",
         secondary: !0,
         onClick: () => {
@@ -276,10 +287,10 @@ const zt = /* @__PURE__ */ $({
         }, null)
       }), e("div", {
         class: "flex-none lg:hidden"
-      }, [e(s, {
+      }, [e(c, {
         secondary: !0,
         onClick: () => {
-          g.value = !g.value;
+          x.value = !x.value;
         }
       }, {
         icon: () => e("div", {
@@ -289,13 +300,13 @@ const zt = /* @__PURE__ */ $({
         class: ["flex gap-2 flex-row"]
       }, [e("div", {
         class: "flex lg:hidden"
-      }, [e(s, {
+      }, [e(c, {
         type: "primary",
         secondary: !0,
         onClick: () => {
-          Object.keys(o).forEach((t) => {
-            delete o[t];
-          }), Object.assign(o, JSON.parse(JSON.stringify(r.value || {}))), u.onUpdatePage?.(1);
+          Object.keys(l).forEach((t) => {
+            delete l[t];
+          }), Object.assign(l, JSON.parse(JSON.stringify(r.value || {}))), Object.assign(l, JSON.parse(JSON.stringify(v.value || {}))), s.onUpdatePage?.(1);
         }
       }, {
         icon: () => e("div", {
@@ -303,43 +314,43 @@ const zt = /* @__PURE__ */ $({
         }, null)
       })]), e("div", {
         class: ["hidden lg:flex gap-2"]
-      }, [e(s, {
+      }, [e(c, {
         type: "primary",
         secondary: !0,
         onClick: () => {
-          Object.keys(o).forEach((t) => delete o[t]), Object.assign(o, JSON.parse(JSON.stringify(r.value || {}))), u.onUpdatePage?.(1);
+          Object.keys(l).forEach((t) => delete l[t]), Object.assign(l, JSON.parse(JSON.stringify(r.value || {}))), Object.assign(l, JSON.parse(JSON.stringify(v.value || {}))), s.onUpdatePage?.(1);
         }
       }, {
         icon: () => e("div", {
           class: "i-tabler:search size-4"
         }, null),
         default: () => n("components.button.search")
-      }), e(s, {
+      }), e(c, {
         secondary: !0,
         onClick: () => {
           const t = r.value.tab;
           Object.keys(r.value || {}).forEach((i) => {
             i !== "tab" && delete r.value[i];
-          }), Object.keys(o).forEach((i) => {
-            delete o[i];
-          }), t !== void 0 && (o.tab = t), u.onUpdatePage?.(1), T.value++;
+          }), Object.keys(l).forEach((i) => {
+            delete l[i];
+          }), t !== void 0 && (l.tab = t), Object.assign(l, JSON.parse(JSON.stringify(v.value || {}))), s.onUpdatePage?.(1), T.value++;
         }
       }, {
         icon: () => e("div", {
           class: "i-tabler:arrow-back-up size-4"
         }, null),
         default: () => n("components.button.reset")
-      })])])])]), l?.header?.(), e("div", {
+      })])])])]), o?.header?.(), e("div", {
         class: "flex-1 min-h-0"
-      }, [l?.default?.({
-        ...u,
-        width: Q.value
+      }, [o?.default?.({
+        ...s,
+        width: Y.value
       })]), e("div", {
         class: "flex justify-between"
       }, [e("div", {
         class: "flex items-center gap-0.5"
-      }, [l?.bottom?.(), l?.tools?.(), e(ue, {
-        options: H.value,
+      }, [o?.bottom?.(), o?.tools?.(), e(de, {
+        options: X.value,
         value: q.value,
         onUpdateValue: (t) => {
           D(t);
@@ -348,8 +359,8 @@ const zt = /* @__PURE__ */ $({
         placement: "bottom-start",
         trigger: "click"
       }, {
-        default: () => [e(h, null, {
-          trigger: () => e(s, {
+        default: () => [e(y, null, {
+          trigger: () => e(c, {
             quaternary: !0,
             circle: !0,
             "icon-placement": "right"
@@ -360,103 +371,103 @@ const zt = /* @__PURE__ */ $({
           }),
           default: () => n("components.list.columnSetting")
         })]
-      }), y.value.export && e(h, null, {
-        trigger: () => e(s, {
+      }), w.value.export && e(y, null, {
+        trigger: () => e(c, {
           quaternary: !0,
           circle: !0,
-          loading: J.value,
-          onClick: V
+          loading: K.value,
+          onClick: G
         }, {
           icon: () => e("div", {
             class: "i-tabler:database-export size-4"
           }, null)
         }),
         default: () => n("components.button.export")
-      }), y.value.import && e(h, null, {
-        trigger: () => e(s, {
+      }), w.value.import && e(y, null, {
+        trigger: () => e(c, {
           quaternary: !0,
           circle: !0,
-          loading: K.value,
-          onClick: G
+          loading: M.value,
+          onClick: Q
         }, {
           icon: () => e("div", {
             class: "i-tabler:database-import size-4"
           }, null)
         }),
         default: () => n("components.button.import")
-      }), y.value.refresh && e(h, null, {
-        trigger: () => e(s, {
+      }), w.value.refresh && e(y, null, {
+        trigger: () => e(c, {
           quaternary: !0,
           circle: !0,
-          onClick: I
+          onClick: W
         }, {
-          icon: () => F.value ? e(ce, {
+          icon: () => I.value ? e(pe, {
             class: "size-4",
             type: "circle",
-            percentage: S.value * 10,
+            percentage: C.value * 10,
             strokeWidth: 20,
             color: "rgba(var(--ui-color-primary))"
           }, {
             default: () => [e("span", {
               class: "text-8px"
-            }, [S.value])]
+            }, [C.value])]
           }) : e("div", {
             class: "i-tabler:refresh size-4"
           }, null)
         }),
         default: () => n("components.button.autoRefresh")
-      })]), e("div", null, [a.pagination && e(pe, ae(A.value, {
-        simple: c.value < 768
+      })]), e("div", null, [a.pagination && e(me, le(A.value, {
+        simple: d.value < 768
       }), {
         prefix: () => e("div", null, [n("components.list.total", {
-          total: u.total.value || 0
+          total: s.total.value || 0
         })])
-      })])]), e(be, {
-        isLoading: u.isBatching.value,
-        onBatch: u.onBatch,
-        selecteds: R.value.checkedRowKeys,
-        number: R.value.checkedRowKeys?.length || 0 || 0,
+      })])]), e(ge, {
+        isLoading: s.isBatching.value,
+        onBatch: s.onBatch,
+        selecteds: j.value.checkedRowKeys,
+        number: j.value.checkedRowKeys?.length || 0 || 0,
         group: [[{
           icon: "i-tabler:x",
           onClick: () => {
-            E?.([]);
+            F?.([]);
           }
         }], [{
           label: n("components.button.export"),
           icon: "i-tabler:file-export",
-          loading: W.value,
-          onClick: M
+          loading: V.value,
+          onClick: H
         }, ...a.batchOptions || []]]
-      }, null), e(j, {
+      }, null), e(z, {
         show: m.show,
         onUpdateShow: (t) => m.show = t,
         autoFocus: !1,
         placement: "left"
       }, {
-        default: () => [e(P, {
+        default: () => [e(L, {
           title: a.sideLeftTitle || n("components.button.sideLeft"),
           onClose: () => m.show = !1,
           scrollbar: !1
         }, {
-          default: () => [l?.sideLeft?.()]
+          default: () => [o?.sideLeft?.()]
         })]
-      }), e(j, {
+      }), e(z, {
         show: f.show,
         onUpdateShow: (t) => f.show = t,
         autoFocus: !1,
         placement: "right"
       }, {
-        default: () => [e(P, {
+        default: () => [e(L, {
           title: a.sideRightTitle || n("components.button.sideRight"),
           onClose: () => f.show = !1,
           scrollbar: !1
         }, {
-          default: () => [l?.sideRight?.()]
+          default: () => [o?.sideRight?.()]
         })]
       })])
     });
   }
 });
 export {
-  zt as DuxTableLayout
+  Jt as DuxTableLayout
 };

package/dist/esm/theme/uno.css.js

@@ -1,5 +1,5 @@
 const r = `/* layer: properties */
-@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-text-opacity:100%;--un-bg-opacity:100%;--un-from-opacity:100%;--un-divide-y-reverse:initial;--un-border-style:solid;--un-divide-x-reverse:initial;--un-divide-opacity:100%;--un-border-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-shadow-opacity:100%;--un-ease:initial;--un-to-opacity:100%;--un-outline-style:solid;--un-fill-opacity:100%;--un-space-y-reverse:initial;}}
+@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-text-opacity:100%;--un-bg-opacity:100%;--un-from-opacity:100%;--un-divide-y-reverse:initial;--un-border-style:solid;--un-divide-x-reverse:initial;--un-divide-opacity:100%;--un-ease:initial;--un-border-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-shadow-opacity:100%;--un-to-opacity:100%;--un-outline-style:solid;--un-fill-opacity:100%;--un-space-y-reverse:initial;}}
 @property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
 @property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;}
 @property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}

package/dist/types/components/form/drawerForm.d.ts

@@ -13,6 +13,12 @@ export declare const DuxDrawerForm: import("vue").DefineComponent<import("vue").
     data: {
         type: PropType<MaybeRef<Record<string, any>>>;
     };
+    meta: {
+        type: PropType<MaybeRef<Record<string, any>>>;
+    };
+    params: {
+        type: PropType<MaybeRef<Record<string, any>>>;
+    };
     onClose: {
         type: PropType<() => void>;
     };
@@ -86,6 +92,12 @@ export declare const DuxDrawerForm: import("vue").DefineComponent<import("vue").
     data: {
         type: PropType<MaybeRef<Record<string, any>>>;
     };
+    meta: {
+        type: PropType<MaybeRef<Record<string, any>>>;
+    };
+    params: {
+        type: PropType<MaybeRef<Record<string, any>>>;
+    };
     onClose: {
         type: PropType<() => void>;
     };

package/dist/types/components/form/modalForm.d.ts

@@ -13,6 +13,12 @@ export declare const DuxModalForm: import("vue").DefineComponent<import("vue").E
     data: {
         type: PropType<MaybeRef<Record<string, any>>>;
     };
+    meta: {
+        type: PropType<MaybeRef<Record<string, any>>>;
+    };
+    params: {
+        type: PropType<MaybeRef<Record<string, any>>>;
+    };
     onClose: {
         type: PropType<() => void>;
     };
@@ -86,6 +92,12 @@ export declare const DuxModalForm: import("vue").DefineComponent<import("vue").E
     data: {
         type: PropType<MaybeRef<Record<string, any>>>;
     };
+    meta: {
+        type: PropType<MaybeRef<Record<string, any>>>;
+    };
+    params: {
+        type: PropType<MaybeRef<Record<string, any>>>;
+    };
     onClose: {
         type: PropType<() => void>;
     };