@duxweb/dvha-pro 1.0.46 → 1.0.48

package/dist/esm/pages/menu/{main.js → menuMain.js}

@@ -1,12 +1,16 @@
-import { defineComponent as c, createVNode as o, createTextVNode as l } from "vue";
-import { useManage as f, useI18n as v, DuxLogoIcon as x } from "@duxweb/dvha-core";
+import { defineComponent as c, createVNode as e, createTextVNode as l } from "vue";
+import { useManage as f, useI18n as v, DuxLogoIcon as h } from "@duxweb/dvha-core";
 import { useNaiveMenu as g } from "@duxweb/dvha-naiveui";
-import { NTag as p, NScrollbar as h, NMenu as b } from "naive-ui";
+import { NTag as p, NScrollbar as x, NMenu as b } from "naive-ui";
+import y from "./avatar.js";
+import m from "./button.js";
+import "@vueuse/core";
+import "lodash-es";
+import "vue-command-palette";
 import "vue-router";
 import "@overlastic/vue";
 import "clsx";
 import "vue-echarts";
-import "@vueuse/core";
 import "vue3-ace-editor";
 import "ace-builds/src-noconflict/mode-vue";
 import "ace-builds/src-noconflict/mode-javascript";
@@ -20,7 +24,6 @@ import "ace-builds/src-noconflict/ext-language_tools";
 import "ace-builds/src-noconflict/mode-snippets";
 import "vue-cropper";
 import "jinrishici";
-import "lodash-es";
 import "vue-draggable-plus";
 import "@vee-validate/i18n";
 import "colorizr";
@@ -46,9 +49,6 @@ import "unocss/preset-wind4";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vee-validate";
-import M from "./avatar.js";
-import m from "./button.js";
-import "vue-command-palette";
 import "../page404.js";
 import "short-unique-id";
 import "aieditor";
@@ -61,93 +61,98 @@ import "../../components/posterEditor/elements/index.js";
 import "fabric";
 import "dayjs";
 import "@tanstack/vue-query";
-import { useUI as y } from "../../hooks/ui.js";
-const To = /* @__PURE__ */ c({
+import { useUI as M } from "../../hooks/ui.js";
+const Se = /* @__PURE__ */ c({
   name: "DuxMenuMain",
   props: {
     collapsed: {
       type: Boolean,
       default: !1
+    },
+    mobile: {
+      type: Boolean,
+      default: !1
     }
   },
-  setup(e) {
+  setup(t) {
     const {
       options: a,
       active: s
     } = g({}), {
-      menuCollapsed: t,
+      menuCollapsed: o,
       setCmdVisible: d,
       menuMobileCollapsed: r,
       setMenuCollapsed: n
-    } = y(), {
+    } = M(), {
       config: i
     } = f(), {
       t: u
     } = v();
-    return () => o("div", {
-      class: "flex flex-col h-screen px-1"
-    }, [o("div", {
+    return () => e("div", {
+      class: ["flex flex-col h-screen px-1"]
+    }, [e("div", {
       class: "h-13 px-2 hidden lg:flex justify-center items-center"
-    }, [o(m, {
-      onClick: () => n(!t.value),
-      collapsed: e.collapsed
+    }, [e(m, {
+      onClick: () => n(!o.value),
+      collapsed: t.collapsed
     }, {
-      icon: () => o("div", {
+      icon: () => e("div", {
         class: "bg-white dark:bg-primary-950 rounded-full p-2 shadow group-hover:shadow-lg"
-      }, [i.theme?.appLogo ? o("img", {
+      }, [i.theme?.appLogo ? e("img", {
         class: "size-4",
         src: i.theme?.appLogo
-      }, null) : o(x, {
+      }, null) : e(h, {
         highlight: "fill-primary",
         class: "size-4"
       }, null)]),
-      default: () => o("div", null, [i.title])
-    })]), o("div", {
+      default: () => e("div", null, [i.title])
+    })]), e("div", {
       class: "px-2 py-1 hidden lg:block"
-    }, [o(m, {
-      collapsed: e.collapsed,
-      inverted: !0,
-      class: "relative py-1.5 px-3",
+    }, [e(m, {
+      collapsed: t.collapsed,
+      class: "relative py-1.5 px-3 rounded-full bg-inverted/5 hover:bg-default hover:shadow-sm  transition-all",
       onClick: () => d(!0)
     }, {
-      icon: () => o("div", {
+      icon: () => e("div", {
         class: "i-tabler:search size-4 icon-gradient"
       }, null),
-      default: () => o("div", {
+      default: () => e("div", {
         class: "text-muted text-sm"
-      }, [u("common.search"), !t.value && o("div", {
+      }, [u("common.search"), !o.value && e("div", {
         class: "flex items-center gap-1 absolute right-2.5 top-1.3"
-      }, [o(p, {
+      }, [e(p, {
         size: "small",
         bordered: !1,
         type: "primary"
       }, {
         default: () => [l("⌘")]
-      }), o(p, {
+      }), e(p, {
         size: "small",
         bordered: !1,
         type: "primary"
       }, {
         default: () => [l("K")]
       })])])
-    })]), o("div", {
+    })]), e("div", {
       class: ["flex-1 min-h-0", r.value ? "border-t border-muted" : ""]
-    }, [o(h, null, {
-      default: () => [o(b, {
+    }, [e(x, null, {
+      default: () => [e(b, {
+        class: "app-menu",
         options: a.value,
         value: s.value,
-        collapsed: t.value && !r.value,
+        collapsed: o.value && !r.value,
         indent: 20,
         collapsedWidth: 60,
         collapsedIconSize: 20
       }, null)]
-    })]), o("div", {
+    })]), e("div", {
       class: "flex-none hidden lg:flex flex-col items-center gap-2 p-2 border-t border-muted/50"
-    }, [o(M, {
-      collapsed: e.collapsed
+    }, [e(y, {
+      btnClass: o.value ? "relative rounded-md hover:bg-default hover:shadow-sm  transition-all" : "",
+      collapsed: t.collapsed
     }, null)])]);
   }
 });
 export {
-  To as DuxMenuMain
+  Se as DuxMenuMain
 };

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

@@ -1,5 +1,5 @@
-import { defineComponent as p, createVNode as r } from "vue";
-import { NDrawer as m } from "naive-ui";
+import { defineComponent as p, createVNode as o } from "vue";
+import { NDrawer as i } from "naive-ui";
 import "@duxweb/dvha-core";
 import "vue-router";
 import "@overlastic/vue";
@@ -46,7 +46,7 @@ import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vee-validate";
 import "vue-command-palette";
-import { DuxMenuMain as i } from "./main.js";
+import { DuxMenuMain as m } from "./menuMain.js";
 import "@duxweb/dvha-naiveui";
 import "../page404.js";
 import "short-unique-id";
@@ -61,25 +61,28 @@ import "fabric";
 import "dayjs";
 import "@tanstack/vue-query";
 import { useUI as e } from "../../hooks/ui.js";
-const Do = /* @__PURE__ */ p({
+const wo = /* @__PURE__ */ p({
   name: "DuxMobileMenu",
   props: {},
   setup(l) {
     const {
-      menuMobileCollapsed: o
+      menuMobileCollapsed: t
     } = e();
-    return () => r(m, {
-      show: o.value,
-      onUpdateShow: (t) => o.value = t,
-      width: 250,
+    return () => o(i, {
+      show: t.value,
+      onUpdateShow: (r) => t.value = r,
+      width: 200,
       placement: "left"
     }, {
-      default: () => [r(i, {
-        collapsed: !1
-      }, null)]
+      default: () => [o("div", {
+        class: ["flex-none transition-all"]
+      }, [o(m, {
+        collapsed: !1,
+        mobile: !0
+      }, null)])]
     });
   }
 });
 export {
-  Do as DuxMobileMenu
+  wo as DuxMobileMenu
 };

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

@@ -0,0 +1,205 @@
+import { defineComponent as b, computed as c, ref as w, createVNode as t, Fragment as k, isVNode as C } from "vue";
+import { useI18n as S, useManage as F, useList as _, useCustomMutation as z } from "@duxweb/dvha-core";
+import { NPopover as B, NButton as d, NSpin as M, NTooltip as D, NBadge as R } from "naive-ui";
+import { useRouter as j } from "vue-router";
+import { DuxCard as A } from "../../components/card/card.js";
+import "clsx";
+import "vue-echarts";
+import "@overlastic/vue";
+import "dayjs";
+import "mime";
+import "lodash-es";
+import "@tanstack/vue-query";
+import "@duxweb/dvha-naiveui";
+import "@vueuse/core";
+import "pinia";
+import "vue3-ace-editor";
+import "ace-builds/src-noconflict/mode-vue";
+import "ace-builds/src-noconflict/mode-javascript";
+import "ace-builds/src-noconflict/mode-html";
+import "ace-builds/src-noconflict/mode-json";
+import "ace-builds/src-noconflict/mode-json5";
+import "ace-builds/src-noconflict/theme-tomorrow_night";
+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";
+import "vue-cropper";
+import "jinrishici";
+import "vue-draggable-plus";
+import { DuxBlockEmpty as L } from "../../components/status/blockEmpty.js";
+import "@vee-validate/i18n";
+import "colorizr";
+import "echarts";
+import "highlight.js/lib/core";
+import "highlight.js/lib/languages/bash";
+import "highlight.js/lib/languages/css";
+import "highlight.js/lib/languages/go";
+import "highlight.js/lib/languages/java";
+import "highlight.js/lib/languages/javascript";
+import "highlight.js/lib/languages/json";
+import "highlight.js/lib/languages/markdown";
+import "highlight.js/lib/languages/php";
+import "highlight.js/lib/languages/python";
+import "highlight.js/lib/languages/shell";
+import "highlight.js/lib/languages/sql";
+import "highlight.js/lib/languages/typescript";
+import "highlight.js/lib/languages/xml";
+import "@ant-design/colors";
+import "@unocss/preset-icons/browser";
+import "@unocss/preset-typography";
+import "unocss/preset-wind4";
+import "@vee-validate/i18n/dist/locale/en.json";
+import "@vee-validate/i18n/dist/locale/zh_CN.json";
+import "vee-validate";
+import "vue-command-palette";
+import "../page404.js";
+import "short-unique-id";
+import "aieditor";
+import "@vue-flow/core";
+import "@vue-flow/background";
+/* empty css                                    */
+import "@iconify-json/tabler/icons.json";
+import "../../components/posterEditor/elements/index.js";
+import "fabric";
+function O(o) {
+  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !C(o);
+}
+const Ht = /* @__PURE__ */ b({
+  name: "DuxMenuNotice",
+  props: {
+    collapsed: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup() {
+    const {
+      t: o
+    } = S(), {
+      config: r
+    } = F(), a = j(), {
+      data: u,
+      isLoading: f,
+      refetch: v
+    } = _({
+      path: r.notice?.path || "notice",
+      pagination: {
+        page: 1,
+        pageSize: 10
+      }
+    }), {
+      mutate: n
+    } = z({
+      path: `${r.notice?.path || "notice"}`,
+      method: "POST",
+      onSuccess: () => {
+        v();
+      }
+    }), l = c(() => u.value?.data || []), p = c(() => l.value.some((e) => !e[r.notice?.readField || "read"])), i = w(!1), h = (e) => {
+      n({
+        payload: {
+          type: "all_read",
+          id: e.id
+        }
+      }), i.value = !1;
+    }, g = () => {
+      n({
+        payload: {
+          type: "all_read"
+        }
+      }), i.value = !1;
+    };
+    return () => t(B, {
+      trigger: "click",
+      arrowClass: "ml-2.5",
+      placement: "bottom-start",
+      style: "padding: 0",
+      width: 260,
+      show: i.value,
+      onClickoutside: () => i.value = !1
+    }, {
+      trigger: () => t(D, {
+        trigger: "hover",
+        placement: "right"
+      }, {
+        default: () => o("components.menu.notice", "Notice"),
+        trigger: () => t(d, {
+          onClick: () => i.value = !0,
+          quaternary: !0
+        }, {
+          icon: () => t(R, {
+            dot: p.value,
+            offset: [-8, 8]
+          }, {
+            default: () => [t("div", {
+              class: "transition-all text-muted p-2 hover:text-white"
+            }, [t("div", {
+              class: "i-tabler:bell size-5"
+            }, null)])]
+          })
+        })
+      }),
+      default: () => t(A, {
+        headerBordered: !0,
+        headerClass: "text-sm",
+        headerSize: "small",
+        contentSize: "none",
+        title: o("components.menu.notice", "Notice")
+      }, {
+        default: () => t(k, null, [t(M, {
+          show: f.value
+        }, {
+          default: () => [l.value.length > 0 ? t("div", {
+            class: "p-2"
+          }, [l.value?.map((e, x) => {
+            const m = e[r.notice?.action?.url || "action_url"], s = r.notice?.readField || "read", y = r.notice?.descField || "desc", N = r.notice?.titleField || "title";
+            return t("div", {
+              key: x,
+              class: "flex flex-col p-2 hover:bg-elevated rounded cursor-pointer",
+              onClick: () => {
+                m?.startsWith("http") ? window.open(m, "_blank") : a.push(r.notice?.path || "notice"), e[s] = !0, h(e);
+              }
+            }, [t("div", {
+              class: "flex items-center gap-2"
+            }, [e[s] ? t("div", {
+              class: "w-2 h-2 bg-elevated rounded-full"
+            }, null) : t("div", {
+              class: "w-2 h-2 bg-error rounded-full"
+            }, null), t("div", {
+              class: "flex-1 min-w-0 text-sm font-medium truncate"
+            }, [e[N]])]), t("div", {
+              class: "pl-4 text-xs text-muted line-clamp-2"
+            }, [e[y]])]);
+          })]) : t("div", {
+            class: "p-4"
+          }, [t(L, {
+            text: o("components.menu.noNotice", "No notices"),
+            simple: !0
+          }, null)])]
+        }), t("div", {
+          class: "border-t border-muted p-2"
+        }, [t("div", {
+          class: "text-center text-sm text-primary hover:text-primary-hover cursor-pointer py-1",
+          onClick: () => {
+            a.push(r.notice?.path || "notice"), i.value = !1;
+          }
+        }, [o("components.menu.viewAllNotices", "View all notices")])])]),
+        headerExtra: () => {
+          let e;
+          return t(d, {
+            size: "tiny",
+            quaternary: !0,
+            disabled: !p.value,
+            onClick: g
+          }, O(e = o("components.menu.markAllRead", "Mark all read")) ? e : {
+            default: () => [e]
+          });
+        }
+      })
+    });
+  }
+});
+export {
+  Ht as default
+};

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

@@ -927,6 +927,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .i-tabler\\:arrow-right{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14m-6 6l6-6m-6-6l6 6'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:arrows-move{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m18 9l3 3l-3 3m-3-3h6M6 9l-3 3l3 3m-3-3h6m0 6l3 3l3-3m-3-3v6m3-15l-3-3l-3 3m3-3v6'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:at{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M8 12a4 4 0 1 0 8 0a4 4 0 1 0-8 0'/%3E%3Cpath d='M16 12v1.5a2.5 2.5 0 0 0 5 0V12a9 9 0 1 0-5.5 8.28'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
+.i-tabler\\:bell{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3H4a4 4 0 0 0 2-3v-3a7 7 0 0 1 4-6M9 17v1a3 3 0 0 0 6 0v-1'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:binary-tree{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 20a2 2 0 1 0-4 0a2 2 0 0 0 4 0M16 4a2 2 0 1 0-4 0a2 2 0 0 0 4 0m0 16a2 2 0 1 0-4 0a2 2 0 0 0 4 0m-5-8a2 2 0 1 0-4 0a2 2 0 0 0 4 0m10 0a2 2 0 1 0-4 0a2 2 0 0 0 4 0M5.058 18.306l2.88-4.606m2.123-3.397l2.877-4.604m-2.873 8.006l2.876 4.6M15.063 5.7l2.881 4.61'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:box{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 3l8 4.5v9L12 21l-8-4.5v-9zm0 9l8-4.5M12 12v9m0-9L4 7.5'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:brightness-half{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 9a3 3 0 0 0 0 6z'/%3E%3Cpath d='M6 6h3.5L12 3.5L14.5 6H18v3.5l2.5 2.5l-2.5 2.5V18h-3.5L12 20.5L9.5 18H6v-3.5L3.5 12L6 9.5z'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
@@ -944,6 +945,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .i-tabler\\:cursor-text{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 12h4M9 4a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3m6-16a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:database-export{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 6c0 1.657 3.582 3 8 3s8-1.343 8-3s-3.582-3-8-3s-8 1.343-8 3'/%3E%3Cpath d='M4 6v6c0 1.657 3.582 3 8 3c1.118 0 2.183-.086 3.15-.241M20 12V6'/%3E%3Cpath d='M4 12v6c0 1.657 3.582 3 8 3q.235 0 .466-.005M16 19h6m-3-3l3 3l-3 3'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:database-import{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 6c0 1.657 3.582 3 8 3s8-1.343 8-3s-3.582-3-8-3s-8 1.343-8 3'/%3E%3Cpath d='M4 6v6c0 1.657 3.582 3 8 3c.856 0 1.68-.05 2.454-.144M20 12V6'/%3E%3Cpath d='M4 12v6c0 1.657 3.582 3 8 3q.256 0 .51-.006M19 22v-6m3 3l-3-3l-3 3'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
+.i-tabler\\:device-desktop{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 5a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm4 15h10m-8-4v4m6-4v4'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:device-desktop-up{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13.5 16H4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v7.5M19 22v-6m3 3l-3-3l-3 3m-9 1h5m-3-4v4'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:device-floppy{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6 4h10l4 4v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2'/%3E%3Cpath d='M10 14a2 2 0 1 0 4 0a2 2 0 1 0-4 0m4-10v4H8V4'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:directions{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 21v-4m0-4V9m0-4V3m-2 18h4M8 5v4h11l2-2l-2-2zm6 8v4H6l-2-2l2-2z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
@@ -1048,7 +1050,6 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .text-xs{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));}
 .text-blue-600{color:color-mix(in srgb, var(--colors-blue-600) var(--un-text-opacity), transparent) /* rgb(var(--base-color-blue-600)) */;}
 .text-error{color:color-mix(in srgb, var(--colors-error-DEFAULT) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-error)) var(--un-text-opacity, 100%), transparent) */;}
-.text-gray-300{color:color-mix(in srgb, var(--colors-gray-300) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-300)) var(--un-text-opacity, 100%), transparent) */;}
 .text-gray-500{color:color-mix(in srgb, var(--colors-gray-500) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-500)) var(--un-text-opacity, 100%), transparent) */;}
 .text-info{color:color-mix(in srgb, var(--colors-info-DEFAULT) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-info)) var(--un-text-opacity, 100%), transparent) */;}
 .text-primary{color:color-mix(in srgb, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
@@ -1056,7 +1057,9 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .text-warning{color:color-mix(in srgb, var(--colors-warning-DEFAULT) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-warning)) var(--un-text-opacity, 100%), transparent) */;}
 .text-white{color:color-mix(in srgb, var(--colors-white-DEFAULT) var(--un-text-opacity), transparent) /* rgb(var(--ui-color-white)) */;}
 .text-white\\/90{color:color-mix(in srgb, var(--colors-white-DEFAULT) 90%, transparent) /* rgb(var(--ui-color-white)) */;}
+.hover\\:text-primary-hover:hover{color:color-mix(in srgb, var(--colors-primary-hover) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary-hover)) var(--un-text-opacity, 100%), transparent) */;}
 .hover\\:text-primary:hover{color:color-mix(in srgb, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
+.hover\\:text-white:hover{color:color-mix(in srgb, var(--colors-white-DEFAULT) var(--un-text-opacity), transparent) /* rgb(var(--ui-color-white)) */;}
 .font-bold{--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);}
 .font-medium{--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);}
 .font-mono{font-family:var(--font-mono);}
@@ -1078,6 +1081,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .my-6{margin-block:calc(var(--spacing) * 6);}
 .mb-2{margin-bottom:calc(var(--spacing) * 2);}
 .ml-2{margin-left:calc(var(--spacing) * 2);}
+.ml-2\\.5{margin-left:calc(var(--spacing) * 2.5);}
 .mr-2{margin-right:calc(var(--spacing) * 2);}
 .mt-1{margin-top:calc(var(--spacing) * 1);}
 .mt-2{margin-top:calc(var(--spacing) * 2);}
@@ -1168,11 +1172,11 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .bg-error{background-color:color-mix(in srgb, var(--colors-error-DEFAULT) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-error)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-gray-100{background-color:color-mix(in srgb, var(--colors-gray-100) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-100)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-gray-500{background-color:color-mix(in srgb, var(--colors-gray-500) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-500)) var(--un-text-opacity, 100%), transparent) */;}
-.bg-gray-600{background-color:color-mix(in srgb, var(--colors-gray-600) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-600)) var(--un-text-opacity, 100%), transparent) */;}
-.bg-gray-800{background-color:color-mix(in srgb, var(--colors-gray-800) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-800)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-gray-900\\/30{background-color:color-mix(in srgb, var(--colors-gray-900) 30%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-900)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-gray\\/5{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 5%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-primary{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
+.bg-primary-950,
+.dark .dark\\:bg-primary-950{background-color:color-mix(in srgb, var(--colors-primary-950) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary-950)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-primary\\/10{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-primary\\/5{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 5%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-red{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-bg-opacity), transparent) /* oklch(70.4% 0.191 22.216) */;}
@@ -1185,7 +1189,6 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .dark .dark\\:bg-gray-800\\/50{background-color:color-mix(in srgb, var(--colors-gray-800) 50%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-800)) var(--un-text-opacity, 100%), transparent) */;}
 .dark .dark\\:bg-gray-800\\/60{background-color:color-mix(in srgb, var(--colors-gray-800) 60%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-800)) var(--un-text-opacity, 100%), transparent) */;}
 .dark .dark\\:bg-gray-900\\/70{background-color:color-mix(in srgb, var(--colors-gray-900) 70%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-900)) var(--un-text-opacity, 100%), transparent) */;}
-.dark .dark\\:bg-primary-950{background-color:color-mix(in srgb, var(--colors-primary-950) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary-950)) var(--un-text-opacity, 100%), transparent) */;}
 .hover\\:bg-black\\/5:hover{background-color:color-mix(in srgb, var(--colors-black-DEFAULT) 5%, transparent) /* rgb(var(--ui-color-black)) */;}
 .hover\\:bg-primary-hover:hover{background-color:color-mix(in srgb, var(--colors-primary-hover) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary-hover)) var(--un-text-opacity, 100%), transparent) */;}
 .hover\\:bg-primary\\/10:hover{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
@@ -1253,6 +1256,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .h-12{height:calc(var(--spacing) * 12);}
 .h-13{height:calc(var(--spacing) * 13);}
 .h-16{height:calc(var(--spacing) * 16);}
+.h-2{height:calc(var(--spacing) * 2);}
 .h-20{height:calc(var(--spacing) * 20);}
 .h-30{height:calc(var(--spacing) * 30);}
 .h-4{height:calc(var(--spacing) * 4);}
@@ -1282,7 +1286,10 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .w-120{width:calc(var(--spacing) * 120);}
 .w-120px{width:120px;}
 .w-15{width:calc(var(--spacing) * 15);}
+.w-16{width:calc(var(--spacing) * 16);}
+.w-160px{width:160px;}
 .w-180px{width:180px;}
+.w-2{width:calc(var(--spacing) * 2);}
 .w-200px{width:200px;}
 .w-220px{width:220px;}
 .w-26{width:calc(var(--spacing) * 26);}
@@ -1328,8 +1335,10 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .shadow-xl{--un-shadow:0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
 .shadow-xs{--un-shadow:0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
 .hover\\:shadow-md:hover{--un-shadow:0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
-.hover\\:shadow-xs:hover{--un-shadow:0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
-.-translate-x-1\\/2{--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);}
+.hover\\:shadow-sm:hover{--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
+.-translate-x-1\\/2,
+.translate-x-\\[-50\\%\\]{--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);}
+.translate-x-0{--un-translate-x:calc(var(--spacing) * 0);translate:var(--un-translate-x) var(--un-translate-y);}
 .translate-y-0{--un-translate-y:calc(var(--spacing) * 0);translate:var(--un-translate-x) var(--un-translate-y);}
 .translate-y-full{--un-translate-y:100%;translate:var(--un-translate-x) var(--un-translate-y);}
 .rotate-180{rotate:180deg;}
@@ -1409,6 +1418,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .backdrop-blur{--un-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}
 .filter{filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}
 .backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}
+.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
 .table{display:table;}
 .border-collapse{border-collapse:collapse;}
 .table-fixed{table-layout:fixed;}
@@ -1460,7 +1470,6 @@ input:where([type='button'], [type='reset'], [type='submit']),
 @supports (color: color-mix(in lab, red, red)){
 .text-blue-600{color:color-mix(in oklab, var(--colors-blue-600) var(--un-text-opacity), transparent) /* rgb(var(--base-color-blue-600)) */;}
 .text-error{color:color-mix(in oklab, var(--colors-error-DEFAULT) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-error)) var(--un-text-opacity, 100%), transparent) */;}
-.text-gray-300{color:color-mix(in oklab, var(--colors-gray-300) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-300)) var(--un-text-opacity, 100%), transparent) */;}
 .text-gray-500{color:color-mix(in oklab, var(--colors-gray-500) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-500)) var(--un-text-opacity, 100%), transparent) */;}
 .text-info{color:color-mix(in oklab, var(--colors-info-DEFAULT) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-info)) var(--un-text-opacity, 100%), transparent) */;}
 .text-primary{color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
@@ -1468,7 +1477,9 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .text-warning{color:color-mix(in oklab, var(--colors-warning-DEFAULT) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-warning)) var(--un-text-opacity, 100%), transparent) */;}
 .text-white{color:color-mix(in oklab, var(--colors-white-DEFAULT) var(--un-text-opacity), transparent) /* rgb(var(--ui-color-white)) */;}
 .text-white\\/90{color:color-mix(in oklab, var(--colors-white-DEFAULT) 90%, transparent) /* rgb(var(--ui-color-white)) */;}
+.hover\\:text-primary-hover:hover{color:color-mix(in oklab, var(--colors-primary-hover) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary-hover)) var(--un-text-opacity, 100%), transparent) */;}
 .hover\\:text-primary:hover{color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
+.hover\\:text-white:hover{color:color-mix(in oklab, var(--colors-white-DEFAULT) var(--un-text-opacity), transparent) /* rgb(var(--ui-color-white)) */;}
 .\\!border-white{border-color:color-mix(in oklab, var(--colors-white-DEFAULT) var(--un-border-opacity), transparent) /* rgb(var(--ui-color-white)) */ !important;}
 .border-blue-200{border-color:color-mix(in oklab, var(--colors-blue-200) var(--un-border-opacity), transparent) /* rgb(var(--base-color-blue-200)) */;}
 .border-blue-400{border-color:color-mix(in oklab, var(--colors-blue-400) var(--un-border-opacity), transparent) /* rgb(var(--base-color-blue-400)) */;}
@@ -1485,11 +1496,10 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .bg-error{background-color:color-mix(in oklab, var(--colors-error-DEFAULT) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-error)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-gray-100{background-color:color-mix(in oklab, var(--colors-gray-100) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-100)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-gray-500{background-color:color-mix(in oklab, var(--colors-gray-500) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-500)) var(--un-text-opacity, 100%), transparent) */;}
-.bg-gray-600{background-color:color-mix(in oklab, var(--colors-gray-600) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-600)) var(--un-text-opacity, 100%), transparent) */;}
-.bg-gray-800{background-color:color-mix(in oklab, var(--colors-gray-800) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-800)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-gray-900\\/30{background-color:color-mix(in oklab, var(--colors-gray-900) 30%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-900)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-gray\\/5{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 5%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-primary{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
+.bg-primary-950{background-color:color-mix(in oklab, var(--colors-primary-950) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary-950)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-primary\\/10{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-primary\\/5{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 5%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-red{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-bg-opacity), transparent) /* oklch(70.4% 0.191 22.216) */;}

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

@@ -1,6 +1,7 @@
 import type { JsonSchemaNode, UseExtendListProps } from '@duxweb/dvha-core';
 import type { PropType } from 'vue';
 import type { UseActionItem } from '../../hooks';
+import type { DuxToolOptionItem } from './';
 export interface TablePagination {
     page: number;
     pageSize: number;
@@ -53,6 +54,9 @@ export declare const DuxListLayout: import("vue").DefineComponent<import("vue").
         type: StringConstructor;
         default: string;
     };
+    batchOptions: {
+        type: PropType<DuxToolOptionItem[]>;
+    };
     hookListProps: {
         type: PropType<UseExtendListProps>;
     };
@@ -99,6 +103,9 @@ export declare const DuxListLayout: import("vue").DefineComponent<import("vue").
         type: StringConstructor;
         default: string;
     };
+    batchOptions: {
+        type: PropType<DuxToolOptionItem[]>;
+    };
     hookListProps: {
         type: PropType<UseExtendListProps>;
     };

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

@@ -2,6 +2,7 @@ import type { JsonSchemaNode } from '@duxweb/dvha-core';
 import type { TableColumn, TablePagination, UseNaiveTableReturn, UseTableProps } from '@duxweb/dvha-naiveui';
 import type { PropType } from 'vue';
 import type { UseActionItem } from '../../hooks';
+import type { DuxToolOptionItem } from './tools';
 export interface TablePageTools {
     import?: boolean;
     export?: boolean;
@@ -56,6 +57,9 @@ export declare const DuxTableLayout: import("vue").DefineComponent<import("vue")
         type: StringConstructor;
         default: string;
     };
+    batchOptions: {
+        type: PropType<DuxToolOptionItem[]>;
+    };
     hookTableProps: {
         type: PropType<Partial<UseTableProps>>;
     };
@@ -105,6 +109,9 @@ export declare const DuxTableLayout: import("vue").DefineComponent<import("vue")
         type: StringConstructor;
         default: string;
     };
+    batchOptions: {
+        type: PropType<DuxToolOptionItem[]>;
+    };
     hookTableProps: {
         type: PropType<Partial<UseTableProps>>;
     };