@duxweb/dvha-pro 1.0.46 → 1.0.48

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

@@ -1,8 +1,8 @@
-import { defineComponent as Y, toRef as z, ref as P, computed as c, reactive as b, watch as Z, onMounted as $, createVNode as e, h as R, mergeProps as ee, isVNode as te } from "vue";
-import { useI18n as le, useExtendList as ie, useJsonSchema as A } from "@duxweb/dvha-core";
-import { useWindowSize as ae } from "@vueuse/core";
-import { NTooltip as f, NCheckbox as F, NTabs as oe, NTab as re, NButton as s, NSpin as ne, NProgress as se, NPagination as ue, NModal as ce, NDrawer as j } from "naive-ui";
-import { useAction as de } from "../../hooks/action.js";
+import { defineComponent as Z, toRef as z, ref as P, computed as c, reactive as b, watch as $, onMounted as ee, createVNode as e, h as R, mergeProps as te, isVNode as le } from "vue";
+import { useI18n as ie, useExtendList as ae, useJsonSchema as A } from "@duxweb/dvha-core";
+import { useWindowSize as oe } from "@vueuse/core";
+import { NTooltip as f, NCheckbox as F, NTabs as re, NTab as ne, NButton as s, NSpin as se, NProgress as ue, NPagination as ce, NModal as de, NDrawer as j } from "naive-ui";
+import { useAction as pe } from "../../hooks/action.js";
 import "@overlastic/vue";
 import "clsx";
 import "vue-echarts";
@@ -18,12 +18,12 @@ 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 pe from "../modal/modalPage.js";
+import me from "../modal/modalPage.js";
 import "jinrishici";
 import "lodash-es";
 import "vue-draggable-plus";
-import { DuxTableFilter as me } from "./filter.js";
-import { DuxFilterLayout as fe } from "./filterLayout.js";
+import { DuxTableFilter as fe } from "./filter.js";
+import { DuxFilterLayout as he } from "./filterLayout.js";
 import "@vee-validate/i18n";
 import "colorizr";
 import "echarts";
@@ -53,9 +53,9 @@ import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
 import { DuxPage as ge } from "../../pages/page.js";
 import "../../pages/page404.js";
-import { DuxPageEmpty as he } from "../../pages/pageEmpty.js";
+import { DuxPageEmpty as ve } from "../../pages/pageEmpty.js";
 import { DuxDrawerPage as N } from "../drawer/drawerPage.js";
-import { DuxTableTools as ve } from "./tools.js";
+import { DuxTableTools as be } from "./tools.js";
 import "short-unique-id";
 import "aieditor";
 import "@vue-flow/core";
@@ -68,10 +68,10 @@ import "fabric";
 import "dayjs";
 import "@tanstack/vue-query";
 import "pinia";
-function be(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !te(t);
+function xe(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !le(t);
 }
-const Tt = /* @__PURE__ */ Y({
+const Ot = /* @__PURE__ */ Z({
   name: "DuxListLayout",
   props: {
     rowKey: {
@@ -113,28 +113,34 @@ const Tt = /* @__PURE__ */ Y({
       type: String,
       default: ""
     },
+    batchOptions: {
+      type: Array
+    },
     hookListProps: {
       type: Object
     }
   },
   setup(t, {
-    slots: o
+    slots: o,
+    expose: D
   }) {
-    const D = z(t.filter || {}), {
+    const U = z(t.filter || {}), {
       t: a
-    } = le(), {
-      renderAction: U
-    } = de(), T = z(t.pagination && typeof t.pagination == "object" ? t.pagination : {
+    } = ie(), {
+      renderAction: T
+    } = pe(), O = z(t.pagination && typeof t.pagination == "object" ? t.pagination : {
       page: 1,
       pageSize: 20
-    }), g = P({}), O = () => {
-      Object.assign(g.value, D.value);
-    }, i = ie({
+    }), h = P({}), B = () => {
+      Object.assign(h.value, U.value);
+    }, l = ae({
       path: t.path,
-      filters: g.value,
-      pagination: T.value,
+      filters: h.value,
+      pagination: O.value,
       ...t.hookListProps
-    }), {
+    });
+    D(l);
+    const {
       meta: E,
       list: x,
       isLoading: w,
@@ -145,16 +151,16 @@ const Tt = /* @__PURE__ */ Y({
       isExportingRows: V,
       isImporting: S,
       onExport: W,
-      onExportRows: B,
-      onImport: J
-    } = i, _ = c(() => ({
-      page: i.page.value,
-      pageSize: i.pageSize.value,
-      pageCount: i.pageCount.value,
-      pageSizes: i.pageSizes,
+      onExportRows: J,
+      onImport: _
+    } = l, K = c(() => ({
+      page: l.page.value,
+      pageSize: l.pageSize.value,
+      pageCount: l.pageCount.value,
+      pageSizes: l.pageSizes,
       pageSlot: 5,
-      onUpdatePage: i.onUpdatePage,
-      onUpdatePageSize: i.onUpdatePageSize,
+      onUpdatePage: l.onUpdatePage,
+      onUpdatePageSize: l.onUpdatePageSize,
       showSizePicker: !0,
       showQuickJumper: !0
     })), d = b({
@@ -163,41 +169,41 @@ const Tt = /* @__PURE__ */ Y({
       show: !1
     }), m = b({
       show: !1
-    }), h = P(t.filterSchema?.length || 0), {
+    }), g = P(t.filterSchema?.length || 0), {
       width: r
-    } = ae(), k = () => {
+    } = oe(), k = () => {
       if (!t.filterSchema?.length) return 0;
-      const l = t.filterSchema.length;
-      if (l <= 3)
-        return l;
+      const i = t.filterSchema.length;
+      if (i <= 3)
+        return i;
       const n = r.value || 1024;
       let u = 3;
-      return n >= 1280 ? u = 4 : n >= 1024 ? u = 3 : n >= 768 ? u = 2 : u = 1, Math.min(l, u);
+      return n >= 1280 ? u = 4 : n >= 1024 ? u = 3 : n >= 768 ? u = 2 : u = 1, Math.min(i, u);
     };
-    Z(r, () => {
-      h.value = k();
-    }), $(() => {
-      h.value = k();
+    $(r, () => {
+      g.value = k();
+    }), ee(() => {
+      g.value = k();
     });
-    const K = c(() => (t.filterSchema || []).slice(0, h.value)), C = c(() => (t.filterSchema || []).slice(h.value)), Q = c(() => C.value.length > 0), L = (l) => l.map((n) => {
+    const Q = c(() => (t.filterSchema || []).slice(0, g.value)), C = c(() => (t.filterSchema || []).slice(g.value)), G = c(() => C.value.length > 0), L = (i) => i.map((n) => {
       const {
         title: u,
-        ...X
+        ...Y
       } = n;
       return {
-        tag: me,
+        tag: fe,
         attrs: {
           label: u,
           class: "flex-1 min-w-0"
         },
-        children: X
+        children: Y
       };
     }), {
-      render: G
+      render: H
     } = A({
-      data: c(() => L(K.value))
+      data: c(() => L(Q.value))
     }), {
-      render: H
+      render: X
     } = A({
       data: c(() => L(C.value))
     }), v = c(() => ({
@@ -224,26 +230,26 @@ const Tt = /* @__PURE__ */ Y({
         trigger: () => e("div", {
           class: "flex items-center"
         }, [e(F, {
-          checked: i.isAllChecked.value,
-          indeterminate: i.isIndeterminate.value,
-          onUpdateChecked: i.toggleSelectAll
+          checked: l.isAllChecked.value,
+          indeterminate: l.isIndeterminate.value,
+          onUpdateChecked: l.toggleSelectAll
         }, null)]),
         default: () => a("components.list.selectAll")
-      })]), t.tabs && e("div", null, [e(oe, {
+      })]), t.tabs && e("div", null, [e(re, {
         type: "segment",
         size: "small",
         style: {
           "--n-tab-padding": "4px 10px"
         },
         "default-value": t.tabs?.[0]?.value,
-        value: g.value?.tab,
-        onUpdateValue: (l) => {
-          g.value.tab = l;
+        value: h.value?.tab,
+        onUpdateValue: (i) => {
+          h.value.tab = i;
         }
       }, {
-        default: () => [t.tabs?.map((l) => e(re, {
-          name: l.value,
-          tab: l.label
+        default: () => [t.tabs?.map((i) => e(ne, {
+          name: i.value,
+          tab: i.label
         }, null))]
       })]), e("div", {
         class: "flex gap-2"
@@ -259,10 +265,10 @@ const Tt = /* @__PURE__ */ Y({
         }, null)
       }), e("div", {
         class: "flex flex-wrap gap-2 items-center flex-1 lg:flex-none"
-      }, [R(G)]), e(s, {
+      }, [R(H)]), e(s, {
         type: "primary",
         secondary: !0,
-        onClick: O
+        onClick: B
       }, {
         icon: () => e("div", {
           class: "i-tabler:search size-4"
@@ -278,7 +284,7 @@ const Tt = /* @__PURE__ */ Y({
         icon: () => e("div", {
           class: "i-tabler:layout-sidebar-right-inactive size-4"
         }, null)
-      }), Q.value && e(s, {
+      }), G.value && e(s, {
         iconPlacement: "right",
         onClick: () => {
           d.show = !d.show;
@@ -290,11 +296,11 @@ const Tt = /* @__PURE__ */ Y({
         }, null)
       })])]), e("div", {
         class: "flex gap-2"
-      }, [o.actions?.(), t.actions?.length > 0 && U({
+      }, [o.actions?.(), t.actions?.length > 0 && T({
         type: r.value < 1024 ? "dropdown" : "button",
         text: r.value < 1024,
         items: t.actions
-      })])]), e(ne, {
+      })])]), e(se, {
         show: w.value,
         class: "flex-1 min-h-0",
         contentClass: "h-full"
@@ -303,7 +309,7 @@ const Tt = /* @__PURE__ */ Y({
           class: ["h-full overflow-auto rounded-lg px-3"]
         }, [!w.value && x.value.length === 0 && e("div", {
           class: "flex justify-center items-center h-full"
-        }, [e(he, null, null)]), x.value.length > 0 && o?.default?.(i)])]
+        }, [e(ve, null, null)]), x.value.length > 0 && o?.default?.(l)])]
       }), e("div", {
         class: "flex justify-between px-3 py-2 gap-2"
       }, [e("div", null, [e("div", {
@@ -315,9 +321,9 @@ const Tt = /* @__PURE__ */ Y({
           quaternary: !0
         }, {
           default: () => [e(F, {
-            checked: i.isAllChecked.value,
-            indeterminate: i.isIndeterminate.value,
-            onUpdateChecked: i.toggleSelectAll
+            checked: l.isAllChecked.value,
+            indeterminate: l.isIndeterminate.value,
+            onUpdateChecked: l.toggleSelectAll
           }, null)]
         }),
         default: () => a("components.list.selectAll")
@@ -336,7 +342,7 @@ const Tt = /* @__PURE__ */ Y({
       }), v.value.import && e(f, null, {
         trigger: () => e(s, {
           loading: S.value,
-          onClick: J,
+          onClick: _,
           circle: !0,
           quaternary: !0
         }, {
@@ -351,7 +357,7 @@ const Tt = /* @__PURE__ */ Y({
           circle: !0,
           quaternary: !0
         }, {
-          icon: () => q.value ? e(se, {
+          icon: () => q.value ? e(ue, {
             class: "size-4",
             type: "circle",
             percentage: y.value * 10,
@@ -368,55 +374,58 @@ const Tt = /* @__PURE__ */ Y({
         default: () => a("components.button.autoRefresh")
       })])]), e("div", {
         class: "flex items-center gap-2"
-      }, [o?.bottom?.(), t.pagination && e(ue, ee(_.value, {
+      }, [o?.bottom?.(), t.pagination && e(ce, te(K.value, {
         simple: r.value < 768
       }), {
         prefix: () => e("div", null, [a("components.list.total", {
           total: E?.value?.total || 0
         })])
-      })])]), e(ve, {
-        number: i.checkeds.value.length,
+      })])]), e(be, {
+        isLoading: l.isBatching.value,
+        onBatch: l.onBatch,
+        selecteds: l.checkeds.value,
+        number: l.checkeds.value.length,
         group: [[{
           icon: "i-tabler:x",
           onClick: () => {
-            i.checkeds.value = [], i.onUpdateChecked?.([]);
+            l.checkeds.value = [], l.onUpdateChecked?.([]);
           }
         }], [{
           label: a("components.button.export"),
           icon: "i-tabler:file-export",
           loading: V.value,
-          onClick: B
+          onClick: J
         }, {
           label: a("components.button.delete"),
           type: "error",
           icon: "i-tabler:trash"
         }]]
-      }, null), e(ce, {
+      }, null), e(de, {
         draggable: !0,
         class: "bg-white rounded dark:shadow-gray-950/80  dark:bg-gray-800/60 backdrop-blur",
         show: d.show,
-        onUpdateShow: (l) => d.show = l
+        onUpdateShow: (i) => d.show = i
       }, {
         default: ({
-          draggableClass: l
+          draggableClass: i
         }) => {
           let n;
-          return e(pe, {
+          return e(me, {
             title: a("components.button.filter"),
-            handle: l,
+            handle: i,
             onClose: () => d.show = !1
           }, {
-            default: () => [e(fe, {
+            default: () => [e(he, {
               showLabel: !0,
               labelPlacement: "top"
-            }, be(n = R(H)) ? n : {
+            }, xe(n = R(X)) ? n : {
               default: () => [n]
             })]
           });
         }
       }), e(j, {
         show: p.show,
-        onUpdateShow: (l) => p.show = l,
+        onUpdateShow: (i) => p.show = i,
         autoFocus: !1,
         placement: "left"
       }, {
@@ -429,7 +438,7 @@ const Tt = /* @__PURE__ */ Y({
         })]
       }), e(j, {
         show: m.show,
-        onUpdateShow: (l) => m.show = l,
+        onUpdateShow: (i) => m.show = i,
         autoFocus: !1,
         placement: "right"
       }, {
@@ -445,5 +454,5 @@ const Tt = /* @__PURE__ */ Y({
   }
 });
 export {
-  Tt as DuxListLayout
+  Ot as DuxListLayout
 };