@duxweb/dvha-pro 1.0.22 → 1.0.24

package/dist/esm/pages/menu/cmd.js

@@ -1,9 +1,9 @@
-import { defineComponent as M, ref as d, watch as u, computed as w, createVNode as t, Fragment as V, createTextVNode as B } from "vue";
+import { defineComponent as M, ref as c, watch as s, computed as w, createVNode as t, Fragment as V, createTextVNode as B } from "vue";
 import { useRouteStore as D, useTheme as T, useI18n as K } from "@duxweb/dvha-core";
 import { useMagicKeys as R, watchThrottled as j } from "@vueuse/core";
 import { cloneDeep as E } from "lodash-es";
-import { NTag as y, NButton as G } from "naive-ui";
-import { Command as i } from "vue-command-palette";
+import { NTag as k, NButton as G } from "naive-ui";
+import { Command as o } from "vue-command-palette";
 import { useRouter as L } from "vue-router";
 import "@overlastic/vue";
 import "clsx";
@@ -44,71 +44,68 @@ const we = /* @__PURE__ */ M({
   name: "DuxMenuCmd",
   setup() {
     const {
-      cmdVisible: v,
-      setCmdVisible: s
-    } = q(), f = R(), S = f["Meta+K"], c = d(), n = d([]), C = L(), o = D(), {
-      setMode: b
-    } = T(), m = d(""), {
-      t: a
-    } = K(), g = d(), x = (e) => {
-      const l = o.routes.filter((r) => r.parent === e);
-      c.value = e, n.value = l;
+      cmdVisible: h,
+      setCmdVisible: m
+    } = q(), p = R(), y = p["Meta+K"], u = c(), a = c([]), S = L(), n = D(), {
+      setMode: v
+    } = T(), i = c(""), {
+      t: r
+    } = K(), b = c(), g = (e) => {
+      const l = n.routes.filter((I) => I.parent === e);
+      u.value = e, a.value = l;
+    }, C = () => {
+      m(!0);
     }, N = () => {
-      s(!0);
-    }, z = () => {
-      s(!1);
-    }, I = (e) => {
-      e ? n.value = [...E(o.routes).filter((l) => {
-        var r;
-        return (r = l.label) == null ? void 0 : r.includes(e);
-      })] : n.value = o.routes.filter((l) => !l.parent);
+      m(!1);
+    }, z = (e) => {
+      e ? a.value = [...E(n.routes).filter((l) => l.label?.includes(e))] : a.value = n.routes.filter((l) => !l.parent);
     };
-    u(v, (e) => {
-      e ? n.value = o.routes.filter((l) => !l.parent) : n.value = o.routes.filter((l) => !l.parent);
-    }), j(m, () => {
-      I(m.value);
+    s(h, (e) => {
+      e ? a.value = n.routes.filter((l) => !l.parent) : a.value = n.routes.filter((l) => !l.parent);
+    }), j(i, () => {
+      z(i.value);
     }, {
       throttle: 500
     });
-    const k = () => {
-      const e = o.routes.find((l) => l.name === c.value);
-      x(e == null ? void 0 : e.parent);
+    const x = () => {
+      const e = n.routes.find((l) => l.name === u.value);
+      g(e?.parent);
     };
-    u(S, (e) => {
-      e && N();
-    }), u(f.Escape, (e) => {
-      e && s(!1);
-    }), u(f.Backspace, (e) => {
-      e && m.value === "" && c.value && k();
-    }), u(g, (e) => {
+    s(y, (e) => {
+      e && C();
+    }), s(p.Escape, (e) => {
+      e && m(!1);
+    }), s(p.Backspace, (e) => {
+      e && i.value === "" && u.value && x();
+    }), s(b, (e) => {
       e && e.focus();
     });
-    const h = w(() => n.value.filter((e) => e.hidden === void 0 || e.hidden === !1)), p = (e) => t(i.Item, {
-      onSelect: e == null ? void 0 : e.onSelect
+    const d = w(() => a.value.filter((e) => e.hidden === void 0 || e.hidden === !1)), f = (e) => t(o.Item, {
+      onSelect: e?.onSelect
     }, {
       default: () => [t("div", {
         class: "flex items-center justify-between flex-1"
       }, [t("div", {
         class: "flex items-center gap-2"
       }, [t("div", {
-        class: ["size-4", e == null ? void 0 : e.icon]
-      }, null), t("div", null, [e == null ? void 0 : e.label])]), t("div", null, [(e == null ? void 0 : e.keyName) && t(y, {
+        class: ["size-4", e?.icon]
+      }, null), t("div", null, [e?.label])]), t("div", null, [e?.keyName && t(k, {
         size: "small"
       }, {
-        default: () => [e == null ? void 0 : e.keyName]
+        default: () => [e?.keyName]
       })])])]
     });
-    return () => t(i.Dialog, {
-      visible: v.value,
+    return () => t(o.Dialog, {
+      visible: h.value,
       theme: "command-palette"
     }, {
       header: () => t("div", {
         class: "relative"
       }, [t("input", {
-        ref: g,
-        placeholder: a("common.search"),
+        ref: b,
+        placeholder: r("common.search"),
         onInput: (e) => {
-          m.value = e.target.value;
+          i.value = e.target.value;
         },
         class: "w-full h-12 text-base/5 rounded-md border-0 placeholder:text-dimmed outline-0 px-2.5 py-1.5 text-sm gap-1.5 text-highlighted bg-transparent ps-10 pe-10"
       }, null), t("span", {
@@ -118,7 +115,7 @@ const we = /* @__PURE__ */ M({
         "aria-hidden": "true"
       }, null)]), t("span", {
         class: "absolute inset-y-0 end-0 flex items-center gap-2 pe-3"
-      }, [t(y, {
+      }, [t(k, {
         size: "small"
       }, {
         default: () => [B("Esc")]
@@ -126,51 +123,48 @@ const we = /* @__PURE__ */ M({
         quaternary: !0,
         circle: !0,
         size: "small",
-        onClick: () => s(!1)
+        onClick: () => m(!1)
       }, {
         icon: () => t("div", {
           class: "i-tabler:x size-5",
           "aria-hidden": "true"
         }, null)
       })])]),
-      body: () => t(V, null, [h.value.length === 0 && m.value && t("div", {
+      body: () => t(V, null, [d.value.length === 0 && i.value && t("div", {
         class: "flex items-center justify-center h-20 border-t border-muted"
-      }, [a("common.empty")]), h.value.length > 0 && t(i.List, null, {
-        default: () => [t(i.Group, {
-          heading: a("common.menu")
+      }, [r("common.empty")]), d.value.length > 0 && t(o.List, null, {
+        default: () => [t(o.Group, {
+          heading: r("common.menu")
         }, {
-          default: () => {
-            var e;
-            return [(e = h.value) == null ? void 0 : e.map((l, r) => t(i.Item, {
-              key: r,
-              onSelect: () => {
-                l.path ? (C.push(l.path), z()) : x(l.name);
-              }
-            }, {
-              default: () => [t("div", {
-                class: l.path ? "i-tabler:link" : "i-tabler:folder"
-              }, null), l.label]
-            }))];
-          }
-        }), t(i.Separator, null, null), c.value ? t(p, {
+          default: () => [d.value?.map((e, l) => t(o.Item, {
+            key: l,
+            onSelect: () => {
+              e.path ? (S.push(e.path), N()) : g(e.name);
+            }
+          }, {
+            default: () => [t("div", {
+              class: e.path ? "i-tabler:link" : "i-tabler:folder"
+            }, null), e.label]
+          }))]
+        }), t(o.Separator, null, null), u.value ? t(f, {
           icon: "i-tabler:arrow-left",
-          label: a("common.back"),
-          onSelect: k,
+          label: r("common.back"),
+          onSelect: x,
           keyName: "Backspace"
-        }, null) : t(i.Group, {
-          heading: a("common.theme")
+        }, null) : t(o.Group, {
+          heading: r("common.theme")
         }, {
-          default: () => [t(p, {
+          default: () => [t(f, {
             icon: "i-tabler:moon",
-            label: a("common.dark"),
+            label: r("common.dark"),
             onSelect: () => {
-              b("dark");
+              v("dark");
             }
-          }, null), t(p, {
+          }, null), t(f, {
             icon: "i-tabler:sun",
-            label: a("common.light"),
+            label: r("common.light"),
             onSelect: () => {
-              b("light");
+              v("light");
             }
           }, null)]
         })]

package/dist/esm/pages/page.js

@@ -1,6 +1,6 @@
-import { defineComponent as m, ref as p, createVNode as c } from "vue";
-import { NScrollbar as g } from "naive-ui";
-const x = /* @__PURE__ */ m({
+import { defineComponent as d, ref as s, createVNode as o } from "vue";
+import { NScrollbar as i } from "naive-ui";
+const p = /* @__PURE__ */ d({
   name: "DuxPage",
   props: {
     padding: {
@@ -20,35 +20,31 @@ const x = /* @__PURE__ */ m({
       default: !0
     }
   },
-  setup(a, {
-    slots: e
+  setup(e, {
+    slots: l
   }) {
-    const d = p(!1), f = (r) => {
-      const n = r.target;
-      d.value = n.scrollTop > 0;
+    const r = s(!1), c = (t) => {
+      const a = t.target;
+      r.value = a.scrollTop > 0;
     };
     return () => {
-      var t, o, i;
-      const r = a.card ? "bg-default dark:bg-muted rounded shadow-xs lg:dark:border lg:dark:border-muted" : "", n = a.card && a.padding ? "p-3" : "", l = a.scrollbar ? "" : "h-full";
-      return c("div", {
+      const t = e.card ? "bg-default dark:bg-muted rounded shadow-xs lg:dark:border lg:dark:border-muted" : "", a = e.card && e.padding ? "p-3" : "", n = e.scrollbar ? "" : "h-full";
+      return o("div", {
         class: "h-full flex-1 flex gap-2 relative"
-      }, [c("div", {
-        class: `z-1 absolute top-0 left-0 w-full h-10 bg-linear-to-b from-[color-mix(in_oklch,theme(colors.primary.DEFAULT),white_95%)] dark:from-[color-mix(in_oklch,theme(colors.primary.DEFAULT),theme(colors.gray.950)_95%)] to-transparent pointer-events-none transition-opacity duration-300 ${d.value ? "opacity-100" : "opacity-0"}`
-      }, null), (t = e == null ? void 0 : e.sideLeft) == null ? void 0 : t.call(e), a.scrollbar ? c(g, {
-        class: [r, "flex-1 min-w-0"],
-        contentClass: `${n} ${l}`,
-        onScroll: f
+      }, [o("div", {
+        class: `z-1 absolute top-0 left-0 w-full h-10 bg-linear-to-b from-[color-mix(in_oklch,theme(colors.primary.DEFAULT),white_95%)] dark:from-[color-mix(in_oklch,theme(colors.primary.DEFAULT),theme(colors.gray.950)_95%)] to-transparent pointer-events-none transition-opacity duration-300 ${r.value ? "opacity-100" : "opacity-0"}`
+      }, null), l?.sideLeft?.(), e.scrollbar ? o(i, {
+        class: [t, "flex-1 min-w-0"],
+        contentClass: `${a} ${n}`,
+        onScroll: c
       }, {
-        default: () => {
-          var u;
-          return [(u = e.default) == null ? void 0 : u.call(e)];
-        }
-      }) : c("div", {
-        class: `${r} ${n} ${l} flex-1 min-w-0`
-      }, [(o = e.default) == null ? void 0 : o.call(e)]), (i = e == null ? void 0 : e.sideRight) == null ? void 0 : i.call(e)]);
+        default: () => [l.default?.()]
+      }) : o("div", {
+        class: `${t} ${a} ${n} flex-1 min-w-0`
+      }, [l.default?.()]), l?.sideRight?.()]);
     };
   }
 });
 export {
-  x as DuxPage
+  p as DuxPage
 };

package/dist/esm/pages/pageStatus.js

@@ -1,5 +1,5 @@
-import { defineComponent as o, createVNode as i } from "vue";
-import { DuxCard as p } from "../components/card/card.js";
+import { defineComponent as e, createVNode as t } from "vue";
+import { DuxCard as o } from "../components/card/card.js";
 import "clsx";
 import "naive-ui";
 import "vue-echarts";
@@ -41,7 +41,7 @@ import "ace-builds/src-noconflict/theme-tomorrow";
 import "ace-builds/src-noconflict/ext-searchbox";
 import "ace-builds/src-noconflict/ext-language_tools";
 import "ace-builds/src-noconflict/mode-snippets";
-const Y = /* @__PURE__ */ o({
+const W = /* @__PURE__ */ e({
   name: "DuxPageStatus",
   props: {
     title: String,
@@ -51,32 +51,29 @@ const Y = /* @__PURE__ */ o({
       default: !0
     }
   },
-  setup(t, {
-    slots: e
+  setup(r, {
+    slots: i
   }) {
-    return () => i(p, {
+    return () => t(o, {
       class: "size-full flex items-center justify-center",
-      bordered: t.bordered
+      bordered: r.bordered
     }, {
-      default: () => {
-        var r, m;
-        return [i("div", {
-          class: "flex flex-col gap-6 justify-center items-center py-10"
-        }, [i("div", {
-          class: "w-40"
-        }, [(r = e.default) == null ? void 0 : r.call(e)]), i("div", {
-          class: "flex flex-col items-center justify-center gap-2"
-        }, [i("div", {
-          class: "text-lg text-default font-bold"
-        }, [t == null ? void 0 : t.title]), i("div", {
-          class: "text-muted"
-        }, [t == null ? void 0 : t.desc])]), i("div", {
-          class: "flex justify-center items-center gap-4"
-        }, [(m = e.action) == null ? void 0 : m.call(e)])])];
-      }
+      default: () => [t("div", {
+        class: "flex flex-col gap-6 justify-center items-center py-10"
+      }, [t("div", {
+        class: "w-40"
+      }, [i.default?.()]), t("div", {
+        class: "flex flex-col items-center justify-center gap-2"
+      }, [t("div", {
+        class: "text-lg text-default font-bold"
+      }, [r?.title]), t("div", {
+        class: "text-muted"
+      }, [r?.desc])]), t("div", {
+        class: "flex justify-center items-center gap-4"
+      }, [i.action?.()])])]
     });
   }
 });
 export {
-  Y as DuxPageStatus
+  W as DuxPageStatus
 };

package/dist/esm/stores/ui.js

@@ -1,26 +1,26 @@
 import { defineStore as u } from "pinia";
-import { inject as c, ref as r } from "vue";
-function a(e) {
-  const o = c("dux.manage");
-  if (e || (e = (o == null ? void 0 : o.value) || ""), !e)
+import { inject as c, ref as s } from "vue";
+function m(e) {
+  const t = c("dux.manage");
+  if (e || (e = t?.value || ""), !e)
     throw new Error("manage not found");
   return d(e)();
 }
 function d(e) {
   return u(`ui-${e}`, () => {
-    const o = r(!0), s = r(!1), i = (t) => {
-      o.value = t;
-    }, l = (t) => {
-      s.value = t;
-    }, n = r(!1);
+    const t = s(!0), n = s(!1), i = (o) => {
+      t.value = o;
+    }, l = (o) => {
+      n.value = o;
+    }, r = s(!1);
     return {
-      menuCollapsed: o,
+      menuCollapsed: t,
       setMenuCollapsed: i,
-      cmdVisible: n,
-      setCmdVisible: (t) => {
-        n.value = t;
+      cmdVisible: r,
+      setCmdVisible: (o) => {
+        r.value = o;
       },
-      menuMobileCollapsed: s,
+      menuMobileCollapsed: n,
       setMenuMobileCollapsed: l
     };
   }, {
@@ -30,5 +30,5 @@ function d(e) {
   });
 }
 export {
-  a as useUIStore
+  m as useUIStore
 };

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:0;--un-border-style:solid;--un-divide-opacity:100%;--un-divide-x-reverse:0;--un-shadow-opacity:100%;--un-border-opacity:100%;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-to-opacity:100%;--un-fill-opacity:100%;--un-outline-style:solid;}}
+@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-shadow-opacity:100%;--un-ease:initial;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-border-opacity:100%;--un-fill-opacity:100%;--un-to-opacity:100%;--un-outline-style:solid;}}
 @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%;}
@@ -1187,6 +1187,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .min-h-0{min-height:calc(var(--spacing) * 0);}
 .min-h-1{min-height:calc(var(--spacing) * 1);}
 .min-w-0{min-width:calc(var(--spacing) * 0);}
+.min-w-110{min-width:calc(var(--spacing) * 110);}
 .min-w-60{min-width:calc(var(--spacing) * 60);}
 .w-120{width:calc(var(--spacing) * 120);}
 .w-120px{width:120px;}

package/dist/types/components/drawer/drawerPage.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 export declare const DuxDrawerPage: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     onClose: PropType<() => void>;

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

@@ -0,0 +1,104 @@
+import type { IDataProviderError, IDataProviderResponse } from '@duxweb/dvha-core';
+import type { MaybeRef, PropType } from 'vue';
+export declare const DuxDrawerForm: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    id: {
+        type: PropType<string | number>;
+    };
+    action: {
+        type: PropType<"create" | "edit">;
+    };
+    path: {
+        type: PropType<string>;
+    };
+    data: {
+        type: PropType<MaybeRef<Record<string, any>>>;
+    };
+    onClose: {
+        type: PropType<() => void>;
+    };
+    title: {
+        type: PropType<string>;
+    };
+    onSuccess: {
+        type: PropType<(data?: IDataProviderResponse) => void>;
+    };
+    onError: {
+        type: PropType<(error?: IDataProviderError) => void>;
+    };
+    invalidate: {
+        type: PropType<string>;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    labelPlacement: {
+        type: PropType<"left" | "top" | "setting" | "page">;
+        default: string;
+    };
+    labelAlign: {
+        type: PropType<"left" | "right">;
+        default: string;
+    };
+    labelWidth: {
+        type: NumberConstructor;
+    };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    divider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    labelPlacement: {
+        type: PropType<"left" | "top" | "setting" | "page">;
+        default: string;
+    };
+    labelAlign: {
+        type: PropType<"left" | "right">;
+        default: string;
+    };
+    labelWidth: {
+        type: NumberConstructor;
+    };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    divider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    inline: boolean;
+    labelAlign: "left" | "right";
+    labelPlacement: "left" | "top" | "page" | "setting";
+    divider: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: PropType<string | number>;
+    };
+    action: {
+        type: PropType<"create" | "edit">;
+    };
+    path: {
+        type: PropType<string>;
+    };
+    data: {
+        type: PropType<MaybeRef<Record<string, any>>>;
+    };
+    onClose: {
+        type: PropType<() => void>;
+    };
+    title: {
+        type: PropType<string>;
+    };
+    onSuccess: {
+        type: PropType<(data?: IDataProviderResponse) => void>;
+    };
+    onError: {
+        type: PropType<(error?: IDataProviderError) => void>;
+    };
+    invalidate: {
+        type: PropType<string>;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -1,3 +1,4 @@
+export * from './drawerForm';
 export * from './formItem';
 export * from './formLayout';
 export * from './modalForm';

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

@@ -19,6 +19,9 @@ export declare const DuxModalForm: import("vue").DefineComponent<import("vue").E
     title: {
         type: PropType<string>;
     };
+    invalidate: {
+        type: PropType<string>;
+    };
     onSuccess: {
         type: PropType<(data?: IDataProviderResponse) => void>;
     };
@@ -89,6 +92,9 @@ export declare const DuxModalForm: import("vue").DefineComponent<import("vue").E
     title: {
         type: PropType<string>;
     };
+    invalidate: {
+        type: PropType<string>;
+    };
     onSuccess: {
         type: PropType<(data?: IDataProviderResponse) => void>;
     };

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

@@ -29,6 +29,9 @@ export declare const DuxPageForm: import("vue").DefineComponent<import("vue").Ex
         type: PropType<"small" | "medium" | "large">;
         default: string;
     };
+    invalidate: {
+        type: PropType<string>;
+    };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     id: {
         type: PropType<string | number>;
@@ -58,6 +61,9 @@ export declare const DuxPageForm: import("vue").DefineComponent<import("vue").Ex
         type: PropType<"small" | "medium" | "large">;
         default: string;
     };
+    invalidate: {
+        type: PropType<string>;
+    };
 }>> & Readonly<{}>, {
     size: "small" | "medium" | "large";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -31,6 +31,9 @@ export declare const DuxSettingForm: import("vue").DefineComponent<import("vue")
         type: PropType<"small" | "medium" | "large">;
         default: string;
     };
+    invalidate: {
+        type: PropType<string>;
+    };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     id: {
         type: PropType<string | number>;
@@ -62,6 +65,9 @@ export declare const DuxSettingForm: import("vue").DefineComponent<import("vue")
         type: PropType<"small" | "medium" | "large">;
         default: string;
     };
+    invalidate: {
+        type: PropType<string>;
+    };
 }>> & Readonly<{}>, {
     size: "small" | "medium" | "large";
     defaultTab: string;

package/dist/types/components/layout/table.d.ts

@@ -21,6 +21,10 @@ export declare const DuxTableLayout: import("vue").DefineComponent<import("vue")
     filterSchema: {
         type: PropType<JsonSchemaNode[]>;
     };
+    filterNumber: {
+        type: NumberConstructor;
+        default: number;
+    };
     columns: {
         type: PropType<TableColumn[]>;
     };
@@ -63,6 +67,10 @@ export declare const DuxTableLayout: import("vue").DefineComponent<import("vue")
     filterSchema: {
         type: PropType<JsonSchemaNode[]>;
     };
+    filterNumber: {
+        type: NumberConstructor;
+        default: number;
+    };
     columns: {
         type: PropType<TableColumn[]>;
     };
@@ -99,4 +107,5 @@ export declare const DuxTableLayout: import("vue").DefineComponent<import("vue")
     actions: UseActionItem[];
     sideLeftTitle: string;
     sideRightTitle: string;
+    filterNumber: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/components/table/tablePage.d.ts

@@ -16,6 +16,10 @@ export declare const DuxTablePage: import("vue").DefineComponent<import("vue").E
     filterSchema: {
         type: PropType<import("@duxweb/dvha-core").JsonSchemaNode[]>;
     };
+    filterNumber: {
+        type: NumberConstructor;
+        default: number;
+    };
     columns: {
         type: PropType<import("@duxweb/dvha-naiveui").TableColumn[]>;
     };
@@ -58,6 +62,10 @@ export declare const DuxTablePage: import("vue").DefineComponent<import("vue").E
     filterSchema: {
         type: PropType<import("@duxweb/dvha-core").JsonSchemaNode[]>;
     };
+    filterNumber: {
+        type: NumberConstructor;
+        default: number;
+    };
     columns: {
         type: PropType<import("@duxweb/dvha-naiveui").TableColumn[]>;
     };
@@ -94,6 +102,7 @@ export declare const DuxTablePage: import("vue").DefineComponent<import("vue").E
     actions: import("../..").UseActionItem[];
     sideLeftTitle: string;
     sideRightTitle: string;
+    filterNumber: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     tableProps: {
         type: PropType<DataTableProps>;

package/dist/types/hooks/table/color.d.ts

@@ -0,0 +1,13 @@
+export type ColumnColorType = 'success' | 'error' | 'warning' | 'info' | 'default';
+export interface ColumnColorTypeValue {
+    label?: string;
+    icon?: string;
+    value?: any;
+}
+export interface useTableColumnColorProps {
+    key?: string;
+    maps?: Partial<Record<ColumnColorType, ColumnColorTypeValue>>;
+}
+export declare function useTableColumnColor(): {
+    render: (props: useTableColumnColorProps) => (rowData: Record<string, any>, _rowIndex: number) => import("vue/jsx-runtime").JSX.Element | null;
+};