@duxweb/dvha-pro 1.0.46 → 1.0.48

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

@@ -1,8 +1,8 @@
-import { defineComponent as H, toRef as v, computed as s, reactive as w, createVNode as e, h as C, mergeProps as Q, isVNode as X } from "vue";
-import { useI18n as Y, useJsonSchema as N, useTabStore as Z } from "@duxweb/dvha-core";
-import { useWindowSize as $ } from "@vueuse/core";
-import { NTabs as ee, NTab as te, NButton as r, NPopselect as oe, NTooltip as p, NProgress as le, NPagination as ie, NModal as ae, NDrawer as R } from "naive-ui";
-import { useAction as re } from "../../hooks/action.js";
+import { defineComponent as Q, toRef as v, computed as u, reactive as w, createVNode as e, h as C, mergeProps as X, isVNode as Y } from "vue";
+import { useI18n as Z, useJsonSchema as N, useTabStore as $ } from "@duxweb/dvha-core";
+import { useWindowSize as ee } from "@vueuse/core";
+import { NTabs as te, NTab as oe, NButton as r, NPopselect as ie, NTooltip as f, NProgress as le, NPagination as ae, NModal as re, NDrawer as S } from "naive-ui";
+import { useAction as ne } 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 ne from "../modal/modalPage.js";
+import se from "../modal/modalPage.js";
 import "jinrishici";
 import "lodash-es";
 import "vue-draggable-plus";
-import { DuxTableFilter as se } from "./filter.js";
-import { DuxFilterLayout as ue } from "./filterLayout.js";
+import { DuxTableFilter as ue } from "./filter.js";
+import { DuxFilterLayout as ce } from "./filterLayout.js";
 import "@vee-validate/i18n";
 import "colorizr";
 import "echarts";
@@ -51,10 +51,10 @@ import "vee-validate";
 import "vue-router";
 import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
-import { DuxPage as ce } from "../../pages/page.js";
+import { DuxPage as me } from "../../pages/page.js";
 import "../../pages/page404.js";
-import { DuxDrawerPage as S } from "../drawer/drawerPage.js";
-import { DuxTableTools as me } from "./tools.js";
+import { DuxDrawerPage as T } from "../drawer/drawerPage.js";
+import { DuxTableTools as de } from "./tools.js";
 import "short-unique-id";
 import "aieditor";
 import "@vue-flow/core";
@@ -66,12 +66,12 @@ import "../posterEditor/elements/index.js";
 import "fabric";
 import "dayjs";
 import "@tanstack/vue-query";
-import { useTable as de } from "../../hooks/table.js";
+import { useTable as pe } from "../../hooks/table.js";
 import "pinia";
-function pe(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !X(t);
+function fe(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !Y(t);
 }
-const Pt = /* @__PURE__ */ H({
+const zt = /* @__PURE__ */ Q({
   name: "DuxTableLayout",
   props: {
     path: {
@@ -116,112 +116,118 @@ const Pt = /* @__PURE__ */ H({
       type: String,
       default: ""
     },
+    batchOptions: {
+      type: Array
+    },
     hookTableProps: {
       type: Object
     }
   },
   setup(t, {
-    slots: l
+    slots: i,
+    expose: j
   }) {
-    const f = v(t, "filter", {}), T = v(t, "sorter", {}), j = v(t, "columns", []), {
-      t: i
-    } = Y(), {
-      renderAction: L
-    } = re(), b = de({
+    const b = v(t, "filter", {}), L = v(t, "sorter", {}), P = v(t, "columns", []), {
+      t: l
+    } = Z(), {
+      renderAction: z
+    } = ne(), n = pe({
       ...t.hookTableProps,
       path: t.path,
-      filters: f.value,
-      sorters: T.value,
-      columns: j,
+      filters: b.value,
+      sorters: L.value,
+      columns: P,
       pagination: t.pagination
-    }), {
-      columns: x,
-      tablePagination: P,
-      table: z,
-      onUpdateColumnSelected: D,
-      onUpdateChecked: O,
-      columnSelected: A,
-      autoRefetch: U,
-      autoCountdown: y,
+    });
+    j(n);
+    const {
+      columns: y,
+      tablePagination: D,
+      table: x,
+      onUpdateColumnSelected: O,
+      onUpdateChecked: A,
+      columnSelected: U,
+      autoRefetch: B,
+      autoCountdown: k,
       onAutoRefetch: E,
       isExporting: F,
       isExportingRows: I,
       isImporting: V,
       onExport: W,
-      onExportRows: B,
+      onExportRows: K,
       onImport: M
-    } = b, _ = s(() => x.value.filter((o) => "title" in o && "key" in o).map((o) => ({
+    } = n, _ = u(() => y.value.filter((o) => "title" in o && "key" in o).map((o) => ({
       label: o.title,
       value: o.key
     }))), {
-      width: n
-    } = $(), q = s(() => x.value.reduce((a, d) => a + (Number(d?.width) || Number(d?.minWidth) || 110), 0)), u = w({
-      show: !1
-    }), c = w({
+      width: s
+    } = ee(), q = u(() => y.value.reduce((a, p) => a + (Number(p?.width) || Number(p?.minWidth) || 110), 0)), c = w({
       show: !1
     }), m = w({
       show: !1
-    }), h = s(() => (t.filterSchema || []).map((o) => {
+    }), d = w({
+      show: !1
+    }), h = u(() => (t.filterSchema || []).map((o) => {
       const {
         label: a,
-        ...d
+        ...p
       } = o;
       return {
-        tag: se,
+        tag: ue,
         attrs: {
           label: a
         },
-        children: d
+        children: p
       };
     })), {
       render: J
     } = N({
-      data: s(() => h.value?.slice(t.filterNumber))
+      data: u(() => h.value?.slice(t.filterNumber))
     }), {
-      render: K
+      render: G
     } = N({
-      data: s(() => h.value?.slice(0, t.filterNumber))
-    }), g = s(() => ({
+      data: u(() => h.value?.slice(0, t.filterNumber))
+    }), g = u(() => ({
       import: !1,
       export: !0,
       refresh: !0,
       ...t.tools
-    })), k = Z(), G = k.tabs.find((o) => o.path === k.current);
-    return () => e(ce, {
+    })), R = $(), H = R.tabs.find((o) => o.path === R.current);
+    return () => e(me, {
       actions: t.actions,
       scrollbar: !1
     }, {
-      sideLeft: () => l?.sideLeft && n.value >= 1024 ? l?.sideLeft?.() : void 0,
-      sideRight: () => l?.sideRight && n.value >= 1024 ? l?.sideRight?.() : void 0,
+      sideLeft: () => i?.sideLeft && s.value >= 1024 ? i?.sideLeft?.() : void 0,
+      sideRight: () => i?.sideRight && s.value >= 1024 ? i?.sideRight?.() : void 0,
       default: () => e("div", {
         class: "flex flex-col gap-2 h-full relative"
       }, [e("div", {
         class: "flex gap-2 justify-between flex-col lg:flex-row"
       }, [t.tabs && e("div", {
         class: "flex flex-none"
-      }, [e(ee, {
+      }, [e(te, {
         type: "segment",
         size: "small",
         style: {
           "--n-tab-padding": "4px 10px"
         },
         "default-value": t.tabs?.[0]?.value,
-        value: f.value?.tab,
+        value: b.value?.tab,
         onUpdateValue: (o) => {
-          f.value.tab = o;
+          b.value.tab = o;
         }
       }, {
-        default: () => [t.tabs?.map((o) => e(te, {
+        default: () => [t.tabs?.map((o) => e(oe, {
           name: o.value,
           tab: o.label
         }, null))]
       })]), e("div", {
         class: ["overflow-hidden flex-1 flex gap-2"]
-      }, [l?.sideLeft && n.value < 1024 && e(r, {
+      }, [i?.sideLeft && s.value < 1024 && e(r, {
         class: "flex-none",
         secondary: !0,
         onClick: () => {
-          c.show = !c.show;
+          m.show = !m.show;
         }
       }, {
         icon: () => e("div", {
@@ -231,11 +237,11 @@ const Pt = /* @__PURE__ */ H({
         class: ["flex-1 flex flex-col lg:flex-row gap-2 flex-wrap", t.tabs ? "justify-end" : "justify-start"]
       }, [!t.tabs && !t.filterSchema?.length && e("div", {
         class: "flex flex-none items-center text-base font-medium"
-      }, [G?.label]), C(K)]), l?.sideRight && n.value < 1024 && e(r, {
+      }, [H?.label]), C(G)]), i?.sideRight && s.value < 1024 && e(r, {
         class: "flex-none",
         secondary: !0,
         onClick: () => {
-          m.show = !m.show;
+          d.show = !d.show;
         }
       }, {
         icon: () => e("div", {
@@ -248,24 +254,24 @@ const Pt = /* @__PURE__ */ H({
       }, [h.value.length > t.filterNumber && e(r, {
         iconPlacement: "right",
         onClick: () => {
-          u.show = !u.show;
+          c.show = !c.show;
         }
       }, {
-        default: () => i("components.button.filter"),
+        default: () => l("components.button.filter"),
         icon: () => e("div", {
           class: ["i-tabler:chevrons-down size-4 transition-all"]
         }, null)
-      }), l?.tools?.(), e(oe, {
+      }), i?.tools?.(), e(ie, {
         options: _.value,
-        value: A.value,
+        value: U.value,
         onUpdateValue: (o) => {
-          D(o);
+          O(o);
         },
         multiple: !0,
         placement: "bottom-start",
         trigger: "click"
       }, {
-        default: () => [e(p, null, {
+        default: () => [e(f, null, {
           trigger: () => e(r, {
             secondary: !0,
             "icon-placement": "right"
@@ -274,9 +280,9 @@ const Pt = /* @__PURE__ */ H({
               class: "i-tabler:columns size-4"
             }, null)
           }),
-          default: () => i("components.list.columnSetting")
+          default: () => l("components.list.columnSetting")
         })]
-      }), g.value.export && e(p, null, {
+      }), g.value.export && e(f, null, {
         trigger: () => e(r, {
           secondary: !0,
           loading: F.value,
@@ -286,8 +292,8 @@ const Pt = /* @__PURE__ */ H({
             class: "i-tabler:database-export size-4"
           }, null)
         }),
-        default: () => i("components.button.export")
-      }), g.value.import && e(p, null, {
+        default: () => l("components.button.export")
+      }), g.value.import && e(f, null, {
         trigger: () => e(r, {
           secondary: !0,
           loading: V.value,
@@ -297,115 +303,114 @@ const Pt = /* @__PURE__ */ H({
             class: "i-tabler:database-import size-4"
           }, null)
         }),
-        default: () => i("components.button.import")
-      }), g.value.refresh && e(p, null, {
+        default: () => l("components.button.import")
+      }), g.value.refresh && e(f, null, {
         trigger: () => e(r, {
           secondary: !0,
           onClick: E
         }, {
-          icon: () => U.value ? e(le, {
+          icon: () => B.value ? e(le, {
             class: "size-4",
             type: "circle",
-            percentage: y.value * 10,
+            percentage: k.value * 10,
             strokeWidth: 20,
             color: "rgba(var(--ui-color-primary))"
           }, {
             default: () => [e("span", {
               class: "text-8px"
-            }, [y.value])]
+            }, [k.value])]
           }) : e("div", {
             class: "i-tabler:refresh size-4"
           }, null)
         }),
-        default: () => i("components.button.autoRefresh")
+        default: () => l("components.button.autoRefresh")
       })]), e("div", {
         class: "flex gap-2 justify-end"
-      }, [l.actions?.(), t.actions?.length > 0 && L({
-        type: n.value < 1024 ? "dropdown" : "button",
+      }, [i.actions?.(), t.actions?.length > 0 && z({
+        type: s.value < 1024 ? "dropdown" : "button",
         items: t.actions
-      })])])]), l?.header?.(), e("div", {
+      })])])]), i?.header?.(), e("div", {
         class: "flex-1 min-h-0"
-      }, [l?.default?.({
-        ...b,
+      }, [i?.default?.({
+        ...n,
         width: q.value
       })]), e("div", {
         class: "flex justify-between"
-      }, [e("div", null, [l?.bottom?.()]), e("div", null, [t.pagination && e(ie, Q(P.value, {
-        simple: n.value < 768
+      }, [e("div", null, [i?.bottom?.()]), e("div", null, [t.pagination && e(ae, X(D.value, {
+        simple: s.value < 768
       }), {
-        prefix: () => e("div", null, [i("components.list.total", {
-          total: b.total.value || 0
+        prefix: () => e("div", null, [l("components.list.total", {
+          total: n.total.value || 0
         })])
-      })])]), e(me, {
-        number: z.value.checkedRowKeys?.length || 0 || 0,
+      })])]), e(de, {
+        isLoading: n.isBatching.value,
+        onBatch: n.onBatch,
+        selecteds: x.value.checkedRowKeys,
+        number: x.value.checkedRowKeys?.length || 0 || 0,
         group: [[{
           icon: "i-tabler:x",
           onClick: () => {
-            O?.([]);
+            A?.([]);
           }
         }], [{
-          label: i("components.button.export"),
+          label: l("components.button.export"),
           icon: "i-tabler:file-export",
           loading: I.value,
-          onClick: B
-        }, {
-          label: i("components.button.delete"),
-          type: "error",
-          icon: "i-tabler:trash"
-        }]]
-      }, null), e(ae, {
+          onClick: K
+        }, ...t.batchOptions || []]]
+      }, null), e(re, {
         draggable: !0,
         class: "bg-white rounded dark:shadow-gray-950/80  dark:bg-gray-800/60 backdrop-blur min-w-110",
-        show: u.show,
-        onUpdateShow: (o) => u.show = o
+        show: c.show,
+        onUpdateShow: (o) => c.show = o
       }, {
         default: ({
           draggableClass: o
         }) => {
           let a;
-          return e(ne, {
-            title: i("components.button.filter"),
+          return e(se, {
+            title: l("components.button.filter"),
             handle: o,
-            onClose: () => u.show = !1
+            onClose: () => c.show = !1
           }, {
-            default: () => [e(ue, {
+            default: () => [e(ce, {
               showLabel: !0,
               labelPlacement: "top"
-            }, pe(a = C(J)) ? a : {
+            }, fe(a = C(J)) ? a : {
               default: () => [a]
             })]
           });
         }
-      }), e(R, {
-        show: c.show,
-        onUpdateShow: (o) => c.show = o,
+      }), e(S, {
+        show: m.show,
+        onUpdateShow: (o) => m.show = o,
         autoFocus: !1,
         placement: "left"
       }, {
-        default: () => [e(S, {
-          title: t.sideLeftTitle || i("components.button.sideLeft"),
-          onClose: () => c.show = !1,
+        default: () => [e(T, {
+          title: t.sideLeftTitle || l("components.button.sideLeft"),
+          onClose: () => m.show = !1,
           scrollbar: !1
         }, {
-          default: () => [l?.sideLeft?.()]
+          default: () => [i?.sideLeft?.()]
         })]
-      }), e(R, {
-        show: m.show,
-        onUpdateShow: (o) => m.show = o,
+      }), e(S, {
+        show: d.show,
+        onUpdateShow: (o) => d.show = o,
         autoFocus: !1,
         placement: "right"
       }, {
-        default: () => [e(S, {
-          title: t.sideRightTitle || i("components.button.sideRight"),
-          onClose: () => m.show = !1,
+        default: () => [e(T, {
+          title: t.sideRightTitle || l("components.button.sideRight"),
+          onClose: () => d.show = !1,
           scrollbar: !1
         }, {
-          default: () => [l?.sideRight?.()]
+          default: () => [i?.sideRight?.()]
         })]
       })])
     });
   }
 });
 export {
-  Pt as DuxTableLayout
+  zt as DuxTableLayout
 };

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

@@ -1,9 +1,80 @@
-import { defineComponent as d, computed as o, createVNode as e, Transition as c, Fragment as p } from "vue";
-import { useI18n as m } from "@duxweb/dvha-core";
-import { NButton as r, NDropdown as y } from "naive-ui";
-const v = /* @__PURE__ */ d({
+import { defineComponent as u, computed as a, createVNode as o, Transition as d, Fragment as c } from "vue";
+import { useI18n as f } from "@duxweb/dvha-core";
+import { NButton as l, NDropdown as y } from "naive-ui";
+import "vue-router";
+import { useDialog as g } from "../../hooks/dialog.js";
+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";
+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 "lodash-es";
+import "vue-draggable-plus";
+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 "@duxweb/dvha-naiveui";
+import "../../pages/page404.js";
+import "short-unique-id";
+import "aieditor";
+import "@vue-flow/core";
+import "@vue-flow/background";
+/* empty css                      */
+import "mime";
+import "@iconify-json/tabler/icons.json";
+import "../posterEditor/elements/index.js";
+import "fabric";
+import "dayjs";
+import "@tanstack/vue-query";
+import "pinia";
+const Bt = /* @__PURE__ */ u({
   name: "DuxTableTools",
   props: {
+    selecteds: {
+      type: Array,
+      default: []
+    },
+    isLoading: {
+      type: Boolean,
+      default: !1
+    },
+    onBatch: {
+      type: Function
+    },
     number: {
       type: Number
     },
@@ -19,11 +90,11 @@ const v = /* @__PURE__ */ d({
   },
   setup(t) {
     const {
-      t: s
-    } = m(), n = o(() => t.group ? t.group : [t.options]), u = o(() => t.number && t.number > 0);
-    return () => e("div", {
+      t: r
+    } = f(), i = a(() => t.group ? t.group : [t.options]), m = a(() => t.number && t.number > 0), p = g();
+    return () => o("div", {
       class: "absolute  bottom-0 left-0 right-0 pointer-events-none"
-    }, [e(c, {
+    }, [o(d, {
       name: "slide-up",
       appear: !0,
       enterActiveClass: "transition-all duration-200 ease-out",
@@ -33,36 +104,42 @@ const v = /* @__PURE__ */ d({
       leaveFromClass: "transform translate-y-0 opacity-100",
       leaveToClass: "transform translate-y-full opacity-0"
     }, {
-      default: () => [u.value ? e("div", {
-        class: "flex h-12 px-1 justify-between lg:justify-center gap-2 pointer-events-auto backdrop-blur"
-      }, [n.value?.map((i, l) => e("div", {
-        class: "h-10 mt-1 bg-gray-800 rounded px-4 py-1 shadow-lg flex items-center gap-4"
-      }, [l === n.value.length - 1 && e(p, null, [e("span", {
-        class: "text-gray-300"
-      }, [s("components.list.selectedItems", {
+      default: () => [m.value ? o("div", {
+        class: "flex h-12 px-1 justify-between lg:justify-center gap-2 pointer-events-auto"
+      }, [i.value?.map((s, n) => o("div", {
+        class: "h-10 mt-1 bg-default rounded px-4 py-1 shadow flex items-center gap-4"
+      }, [n === i.value.length - 1 && o(c, null, [o("span", {
+        class: " "
+      }, [r("components.list.selectedItems", {
         num: t.number || 0
-      })]), e("div", {
-        class: "w-px h-4 bg-gray-600"
-      }, null)]), i?.map((a) => e(r, {
+      })]), o("div", {
+        class: "w-px h-4 bg-elevated"
+      }, null)]), s?.map((e) => o(l, {
         text: !0,
-        onClick: a.onClick,
-        class: "text-gray-300",
-        loading: a.loading,
-        disabled: a.disabled,
-        type: a.type
+        onClick: () => {
+          e.onClick ? e.onClick?.(t.selecteds) : e.key && p.confirm({
+            title: r("components.list.batchTitle"),
+            content: r("components.list.batchContent")
+          }).then(() => {
+            t.onBatch?.("delivery");
+          }).catch(() => {
+          });
+        },
+        loading: e.loading || t.isLoading,
+        disabled: e.disabled || e.loading || t.isLoading,
+        type: e.type
       }, {
-        default: () => a.label,
-        icon: () => e("div", {
-          class: a.icon
+        default: () => e.label,
+        icon: () => o("div", {
+          class: e.icon
         }, null)
-      })), l === n.value.length - 1 && t.dropdown && t.dropdown.length > 0 && e(y, {
+      })), n === i.value.length - 1 && t.dropdown && t.dropdown.length > 0 && o(y, {
         options: t.dropdown
       }, {
-        default: () => [e(r, {
-          text: !0,
-          class: "text-gray-300"
+        default: () => [o(l, {
+          text: !0
         }, {
-          icon: () => e("div", {
+          icon: () => o("div", {
             class: "i-tabler:dots-vertical size-4"
           }, null)
         })]
@@ -71,5 +148,5 @@ const v = /* @__PURE__ */ d({
   }
 });
 export {
-  v as DuxTableTools
+  Bt as DuxTableTools
 };