@duxweb/dvha-pro 1.1.21 → 1.1.23

package/dist/esm/components/drawer/drawer.js

@@ -1,7 +1,7 @@
-import { defineComponent as r, defineAsyncComponent as s, createVNode as t, Suspense as m } from "vue";
-import { useDisclosure as u } from "@overlastic/vue";
-import { NDrawer as f, NSpin as d } from "naive-ui";
-const w = /* @__PURE__ */ r({
+import { defineComponent as f, ref as s, defineAsyncComponent as h, createVNode as t, Suspense as w } from "vue";
+import { useDisclosure as p } from "@overlastic/vue";
+import { NDrawer as v, NSpin as W } from "naive-ui";
+const y = /* @__PURE__ */ f({
   name: "DuxDrawer",
   props: {
     title: String,
@@ -19,27 +19,30 @@ const w = /* @__PURE__ */ r({
   },
   setup(e) {
     const {
-      visible: a,
+      visible: u,
       confirm: o,
       cancel: l,
-      vanish: i
-    } = u({
+      vanish: r
+    } = p({
       duration: 1e3
-    }), n = e?.componentProps || {};
-    n.title = e.title, n.onConfirm = o, n.onClose = l;
-    const c = typeof e.component == "function" ? s(e.component) : e.component;
-    return () => t(f, {
+    }), n = s(typeof window > "u" ? void 0 : window.innerWidth), d = () => n.value ? e?.maxWidth ? Math.min(e.maxWidth, n.value) : n.value : e?.maxWidth ?? 800, c = () => {
+      const a = e?.width || 400;
+      return typeof a == "number" && n.value ? Math.min(a, n.value) : a;
+    }, i = e?.componentProps || {};
+    i.title = e.title, i.onConfirm = o, i.onClose = l;
+    const m = typeof e.component == "function" ? h(e.component) : e.component;
+    return () => t(v, {
       closeOnEsc: !1,
       maskClosable: !1,
       minWidth: 200,
-      maxWidth: e?.maxWidth || 800,
-      defaultWidth: e?.width || 400,
+      maxWidth: d(),
+      defaultWidth: c(),
       resizable: !0,
       placement: e.placement,
-      show: a.value,
+      show: u.value,
       onUpdateShow: () => o(),
       onAfterLeave: () => {
-        i();
+        r();
       },
       onEsc: () => {
         l();
@@ -48,9 +51,9 @@ const w = /* @__PURE__ */ r({
     }, {
       default: () => [t("div", {
         class: "h-full"
-      }, [t(m, null, {
-        default: () => t(c, n, null),
-        fallback: () => t(d, {
+      }, [t(w, null, {
+        default: () => t(m, i, null),
+        fallback: () => t(W, {
           show: !0,
           class: "h-full"
         }, {
@@ -63,5 +66,5 @@ const w = /* @__PURE__ */ r({
   }
 });
 export {
-  w as default
+  y as default
 };

package/dist/esm/components/flowEditor/components/setting.js

@@ -6,8 +6,8 @@ import x from "lodash-es/cloneDeep";
 import { useMessage as H, NScrollbar as L, NButton as c, NRadioGroup as W, NRadio as h } from "naive-ui";
 import "vue-router";
 import "@overlastic/vue";
-import "vue-echarts";
 import "@vueuse/core";
+import "vue-echarts";
 import "vue3-ace-editor";
 import "ace-builds/src-noconflict/mode-vue";
 import "ace-builds/src-noconflict/mode-javascript";

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

@@ -1,6 +1,7 @@
 import { defineComponent as S, computed as v, toRef as C, createVNode as i, Fragment as F, mergeProps as x, isVNode as D } from "vue";
 import { useI18n as j, useInvalidate as E, useExtendForm as N } from "@duxweb/dvha-core";
 import { useMessage as O, NButton as p, NScrollbar as h } from "naive-ui";
+import "@vueuse/core";
 import "clsx";
 import "vue-echarts";
 import "vue-router";
@@ -9,7 +10,6 @@ import "dayjs";
 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";

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

@@ -59,7 +59,7 @@ const T = /* @__PURE__ */ h({
       return typeof r == "number" && (r = `${r}px`), t.value !== "left" ? "auto" : r;
     }), b = i(() => a.divider.value || t.value === "page");
     return () => l("div", {
-      class: [t.value !== "top" ? "md:flex-row gap-2 lg:items-start" : "gap-1", b.value ? "py-6" : "", t.value === "setting" ? "md:justify-between md:items-start md:gap-4" : "", t.value === "page" ? "grid grid-cols-1 lg:grid-cols-4 px-4" : "flex flex-col"]
+      class: [t.value !== "top" ? "md:flex-row gap-4 lg:items-start" : "gap-1", b.value ? "py-6" : "", t.value === "setting" ? "md:justify-between md:items-start md:gap-4" : "", t.value === "page" ? "grid grid-cols-1 lg:grid-cols-4 px-4" : "flex flex-col"]
     }, [e.label && l("div", {
       class: [t.value === "left" ? "flex lg:items-center lg:pt-1.5" : "md:mb-1", t.value === "left" && a.labelAlign.value === "right" ? "justify-end" : ""],
       style: {

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

@@ -1,6 +1,7 @@
 import { defineComponent as S, computed as b, toRef as C, createVNode as r, Fragment as v, isVNode as F } from "vue";
 import { useI18n as x, useInvalidate as j, useExtendForm as E } from "@duxweb/dvha-core";
 import { useMessage as O, NButton as n } from "naive-ui";
+import "@vueuse/core";
 import "clsx";
 import "vue-echarts";
 import "vue-router";
@@ -9,7 +10,6 @@ import "dayjs";
 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";

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

@@ -4,9 +4,9 @@ import { useMessage as v, NButton as p, NScrollbar as h } from "naive-ui";
 import { useRouter as E } from "vue-router";
 import "@overlastic/vue";
 import { DuxCard as F } from "../card/card.js";
+import "@vueuse/core";
 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";

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

@@ -4,9 +4,9 @@ import { useMessage as x, NTabs as S, NButton as n } from "naive-ui";
 import { useRouter as h } from "vue-router";
 import "@overlastic/vue";
 import { DuxCard as T } from "../card/card.js";
+import "@vueuse/core";
 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";

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

@@ -3,9 +3,9 @@ import { useI18n as g, useInvalidate as y, useExtendForm as x } from "@duxweb/dv
 import { useMessage as b, NTabs as v } from "naive-ui";
 import "@overlastic/vue";
 import "vue-router";
+import "@vueuse/core";
 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";

package/dist/esm/components/formEditor/components/imageUpload.js

@@ -58,12 +58,12 @@ import { DuxFormEditorItem as c, DuxFormEditorRule as s } from "../base/base.js"
 import { WidgetEditorSettingCard as f } from "../../designEditor/editor/setting.js";
 import "mime";
 import { DuxImageUpload as g } from "../../upload/image.js";
+import "vue-draggable-plus";
 import "@iconify-json/tabler/icons.json";
 import "../../posterEditor/elements/index.js";
 import "fabric";
 import "../../schemaEditor/schemaEditor.js";
 import "dayjs";
-import "vue-draggable-plus";
 import "@tanstack/vue-query";
 import "pinia";
 const v = /* @__PURE__ */ n({

package/dist/esm/components/formEditor/editor.js

@@ -3,9 +3,9 @@ import { useI18n as F } from "@duxweb/dvha-core";
 import { NButton as a } from "naive-ui";
 import "vue-router";
 import "@overlastic/vue";
+import "@vueuse/core";
 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";

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

@@ -1,8 +1,8 @@
-import { defineComponent as Re, toRef as O, computed as c, reactive as A, ref as P, unref as Ce, createVNode as e, watch as F, nextTick as w, onMounted as Se, h as M, mergeProps as Te, toRaw as N } from "vue";
+import { defineComponent as Re, toRef as O, computed as u, reactive as A, ref as P, unref as Ce, createVNode as e, watch as F, nextTick as w, onMounted as Se, h as M, mergeProps as Te, toRaw as N } from "vue";
 import { useI18n as je, useJsonSchema as I, useTabStore as ze } from "@duxweb/dvha-core";
 import { useWindowSize as Oe } from "@vueuse/core";
 import { cloneDeep as W, isEqual as Ae } from "lodash-es";
-import { NButton as n, NTabs as Pe, NTab as Fe, NPopselect as Ne, NTooltip as k, NProgress as Le, NPagination as De, NDrawer as K } from "naive-ui";
+import { NButton as s, NTabs as Pe, NTab as Fe, NPopselect as Ne, NTooltip as k, NProgress as Le, NPagination as De, NDrawer as K } from "naive-ui";
 import { useAction as Be } from "../../hooks/action.js";
 import "@overlastic/vue";
 import "clsx";
@@ -131,13 +131,13 @@ const la = /* @__PURE__ */ Re({
     slots: r,
     expose: $
   }) {
-    const u = O(l, "filter", {}), J = O(l, "sorter", {}), g = c(() => l.filterReactive || {}), G = O(l, "columns", []), {
-      t: s
+    const d = O(l, "filter", {}), J = O(l, "sorter", {}), g = u(() => l.filterReactive || {}), G = O(l, "columns", []), {
+      t: n
     } = je(), {
       renderAction: H
     } = Be(), o = A({
-      ...u.value || {}
-    }), d = Me({
+      ...d.value || {}
+    }), c = Me({
       ...l.hookTableProps,
       path: l.path,
       filters: o,
@@ -145,7 +145,7 @@ const la = /* @__PURE__ */ Re({
       columns: G,
       pagination: l.pagination
     });
-    $(d);
+    $(c);
     const {
       columns: L,
       tablePagination: Q,
@@ -162,19 +162,19 @@ const la = /* @__PURE__ */ Re({
       onExport: ie,
       onExportRows: re,
       onImport: oe
-    } = d, se = c(() => L.value.filter((t) => "title" in t && "key" in t).map((t) => ({
+    } = c, se = u(() => L.value.filter((t) => "title" in t && "key" in t).map((t) => ({
       label: t.title,
       value: t.key
     }))), {
       width: p
-    } = Oe(), ne = c(() => L.value.reduce((a, i) => a + (Number(i?.width) || Number(i?.minWidth) || 110), 0)), v = A({
+    } = Oe(), ne = u(() => L.value.reduce((a, i) => a + (Number(i?.width) || Number(i?.minWidth) || 110), 0)), v = A({
       show: !1
     }), b = A({
       show: !1
-    }), x = P(!1), ce = c(() => {
+    }), x = P(!1), ce = u(() => {
       const t = Ce(l.filterSchema);
       return Array.isArray(t) ? t : [];
-    }), E = c(() => ce.value.map((t, a) => {
+    }), E = u(() => ce.value.map((t, a) => {
       const m = (Array.isArray(t) ? t : [t]).map((f, ye) => {
         const {
           label: we,
@@ -190,7 +190,7 @@ const la = /* @__PURE__ */ Re({
         key: `filter-row-${a}`,
         nodes: m
       };
-    })), ue = c(() => E.value.flatMap((t) => t.nodes.map((a) => ({
+    })), ue = u(() => E.value.flatMap((t) => t.nodes.map((a) => ({
       tag: Ee,
       attrs: {
         label: a.label
@@ -199,8 +199,8 @@ const la = /* @__PURE__ */ Re({
     })))), {
       render: de
     } = I({
-      data: c(() => ue.value)
-    }), R = c(() => ({
+      data: u(() => ue.value)
+    }), R = u(() => ({
       import: !1,
       export: !0,
       refresh: !0,
@@ -212,21 +212,21 @@ const la = /* @__PURE__ */ Re({
       return !Ae(a, i);
     }, j = (t) => {
       if (t) {
-        d.page?.value !== 1 ? d.onUpdatePage?.(1) : d.onRefresh?.();
+        c.page?.value !== 1 && c.onUpdatePage?.(1);
         return;
       }
-      d.onRefresh?.();
+      c.onRefresh?.();
     }, y = () => {
       const t = T(() => {
         Object.keys(o).forEach((a) => {
           delete o[a];
-        }), Object.assign(o, S(u.value)), Object.assign(o, S(g.value));
+        }), Object.assign(o, S(d.value)), Object.assign(o, S(g.value));
       });
       j(t);
     }, z = () => {
-      const t = u.value?.tab;
-      Object.keys(u.value || {}).forEach((i) => {
-        i !== "tab" && delete u.value[i];
+      const t = d.value?.tab;
+      Object.keys(d.value || {}).forEach((i) => {
+        i !== "tab" && delete d.value[i];
       });
       const a = T(() => {
         Object.keys(o).forEach((i) => {
@@ -234,7 +234,7 @@ const la = /* @__PURE__ */ Re({
         }), t !== void 0 && (o.tab = t), Object.assign(o, S(g.value));
       });
       j(a), C.value++;
-    }, fe = c(() => ({
+    }, fe = u(() => ({
       tag: "div",
       attrs: {
         class: "flex flex-wrap gap-2 items-center w-full"
@@ -250,7 +250,7 @@ const la = /* @__PURE__ */ Re({
           class: "flex flex-wrap gap-2 flex-1"
         },
         children: [{
-          tag: n,
+          tag: s,
           attrs: {
             type: "primary",
             secondary: !0,
@@ -260,10 +260,10 @@ const la = /* @__PURE__ */ Re({
             icon: () => e("div", {
               class: "i-tabler:search size-4"
             }, null),
-            default: () => s("components.button.search")
+            default: () => n("components.button.search")
           }
         }, {
-          tag: n,
+          tag: s,
           attrs: {
             secondary: !0,
             onClick: z
@@ -272,11 +272,22 @@ const la = /* @__PURE__ */ Re({
             icon: () => e("div", {
               class: "i-tabler:arrow-back-up size-4"
             }, null),
-            default: () => s("components.button.reset")
+            default: () => n("components.button.reset")
+          }
+        }, {
+          tag: s,
+          attrs: {
+            secondary: !0,
+            onClick: () => c.onRefresh?.()
+          },
+          slots: {
+            icon: () => e("div", {
+              class: "i-tabler:refresh size-4"
+            }, null)
           }
         }]
       }]
-    })), me = c(() => {
+    })), me = u(() => {
       const t = E.value.map((a) => {
         const i = a.nodes.length > 1;
         return {
@@ -321,7 +332,7 @@ const la = /* @__PURE__ */ Re({
       data: me
     }), be = () => e("div", {
       class: ["flex gap-2"]
-    }, [r?.sideLeft && p.value < 1024 && e(n, {
+    }, [r?.sideLeft && p.value < 1024 && e(s, {
       class: "flex-none",
       secondary: !0,
       onClick: () => {
@@ -331,7 +342,7 @@ const la = /* @__PURE__ */ Re({
       icon: () => e("div", {
         class: "i-tabler:layout-sidebar-inactive size-4"
       }, null)
-    }), r?.sideRight && p.value < 1024 && e(n, {
+    }), r?.sideRight && p.value < 1024 && e(s, {
       class: "flex-none",
       secondary: !0,
       onClick: () => {
@@ -343,7 +354,7 @@ const la = /* @__PURE__ */ Re({
       }, null)
     }), e("div", {
       class: "flex-none lg:hidden"
-    }, [e(n, {
+    }, [e(s, {
       secondary: !0,
       onClick: () => {
         x.value = !x.value;
@@ -356,7 +367,7 @@ const la = /* @__PURE__ */ Re({
       class: ["flex gap-2 flex-row"]
     }, [e("div", {
       class: "flex lg:hidden"
-    }, [e(n, {
+    }, [e(s, {
       type: "primary",
       secondary: !0,
       onClick: y
@@ -366,7 +377,7 @@ const la = /* @__PURE__ */ Re({
       }, null)
     })]), e("div", {
       class: ["hidden lg:flex gap-2"]
-    }, [e(n, {
+    }, [e(s, {
       type: "primary",
       secondary: !0,
       onClick: y
@@ -374,15 +385,22 @@ const la = /* @__PURE__ */ Re({
       icon: () => e("div", {
         class: "i-tabler:search size-4"
       }, null),
-      default: () => s("components.button.search")
-    }), e(n, {
+      default: () => n("components.button.search")
+    }), e(s, {
       secondary: !0,
       onClick: z
     }, {
       icon: () => e("div", {
         class: "i-tabler:arrow-back-up size-4"
       }, null),
-      default: () => s("components.button.reset")
+      default: () => n("components.button.reset")
+    }), e(s, {
+      secondary: !0,
+      onClick: () => c.onRefresh?.()
+    }, {
+      icon: () => e("div", {
+        class: "i-tabler:refresh size-4"
+      }, null)
     })])]), U = (t) => e("div", {
       class: "flex justify-between gap-2"
     }, [be(), t ? he() : e("div", {
@@ -390,9 +408,9 @@ const la = /* @__PURE__ */ Re({
     }, null)]);
     F(() => l.tabs?.map((t) => t.value), () => {
       const t = l.tabs?.map((a) => a.value) || [];
-      if (u.value?.tab === void 0) {
+      if (d.value?.tab === void 0) {
         const a = t[0];
-        a !== void 0 && (u.value.tab = a);
+        a !== void 0 && (d.value.tab = a);
       }
       w(() => h.value?.syncBarPosition());
     }, {
@@ -402,8 +420,8 @@ const la = /* @__PURE__ */ Re({
         h.value?.syncBarPosition();
       });
     });
-    const q = ze(), ge = q.tabs.find((t) => t.path === q.current), xe = c(() => {
-      const t = l.tabs?.map((i) => i.value) || [], a = u.value?.tab;
+    const q = ze(), ge = q.tabs.find((t) => t.path === q.current), xe = u(() => {
+      const t = l.tabs?.map((i) => i.value) || [], a = d.value?.tab;
       return t.includes(a) ? a : t[0];
     });
     return Se(() => {
@@ -445,7 +463,7 @@ const la = /* @__PURE__ */ Re({
         "default-value": l.tabs?.[0]?.value || "",
         value: xe.value,
         onUpdateValue: (t) => {
-          u.value.tab = t, o.tab = t, w(() => h.value?.syncBarPosition());
+          d.value.tab = t, o.tab = t, w(() => h.value?.syncBarPosition());
         }
       }, {
         default: () => [l.tabs?.map((t) => e(Fe, {
@@ -458,7 +476,7 @@ const la = /* @__PURE__ */ Re({
         type: p.value < 1024 ? "dropdown" : "button",
         items: l.actions
       })])]), r.filter ? r.filter({
-        filter: u.value,
+        filter: d.value,
         filterReactive: g.value,
         onSearch: y,
         onReset: z
@@ -479,7 +497,7 @@ const la = /* @__PURE__ */ Re({
       }, [M(de)])]), U(!0)]), r?.header?.(), e("div", {
         class: "flex-1 min-h-0"
       }, [r?.default?.({
-        ...d,
+        ...c,
         width: ne.value
       })]), e("div", {
         class: "flex justify-between"
@@ -496,7 +514,7 @@ const la = /* @__PURE__ */ Re({
         trigger: "click"
       }, {
         default: () => [e(k, null, {
-          trigger: () => e(n, {
+          trigger: () => e(s, {
             quaternary: !0,
             circle: !0,
             "icon-placement": "right"
@@ -505,10 +523,10 @@ const la = /* @__PURE__ */ Re({
               class: "i-tabler:columns size-4"
             }, null)
           }),
-          default: () => s("components.list.columnSetting")
+          default: () => n("components.list.columnSetting")
         })]
       }), R.value.export && e(k, null, {
-        trigger: () => e(n, {
+        trigger: () => e(s, {
           quaternary: !0,
           circle: !0,
           loading: te.value,
@@ -518,9 +536,9 @@ const la = /* @__PURE__ */ Re({
             class: "i-tabler:database-export size-4"
           }, null)
         }),
-        default: () => s("components.button.export")
+        default: () => n("components.button.export")
       }), R.value.import && e(k, null, {
-        trigger: () => e(n, {
+        trigger: () => e(s, {
           quaternary: !0,
           circle: !0,
           loading: le.value,
@@ -530,9 +548,9 @@ const la = /* @__PURE__ */ Re({
             class: "i-tabler:database-import size-4"
           }, null)
         }),
-        default: () => s("components.button.import")
+        default: () => n("components.button.import")
       }), R.value.refresh && e(k, null, {
-        trigger: () => e(n, {
+        trigger: () => e(s, {
           quaternary: !0,
           circle: !0,
           onClick: ee
@@ -551,16 +569,16 @@ const la = /* @__PURE__ */ Re({
             class: "i-tabler:refresh size-4"
           }, null)
         }),
-        default: () => s("components.button.autoRefresh")
+        default: () => n("components.button.autoRefresh")
       })]), e("div", null, [l.pagination && e(De, Te(Q.value, {
         simple: p.value < 768
       }), {
-        prefix: () => e("div", null, [s("components.list.total", {
-          total: d.total.value || 0
+        prefix: () => e("div", null, [n("components.list.total", {
+          total: c.total.value || 0
         })])
       })])]), e(qe, {
-        isLoading: d.isBatching.value,
-        onBatch: d.onBatch,
+        isLoading: c.isBatching.value,
+        onBatch: c.onBatch,
         selecteds: D.value.checkedRowKeys,
         number: D.value.checkedRowKeys?.length || 0 || 0,
         group: [[{
@@ -569,7 +587,7 @@ const la = /* @__PURE__ */ Re({
             Y?.([]);
           }
         }], [{
-          label: s("components.button.export"),
+          label: n("components.button.export"),
           icon: "i-tabler:file-export",
           loading: ae.value,
           onClick: re
@@ -581,7 +599,7 @@ const la = /* @__PURE__ */ Re({
         placement: "left"
       }, {
         default: () => [e(V, {
-          title: l.sideLeftTitle || s("components.button.sideLeft"),
+          title: l.sideLeftTitle || n("components.button.sideLeft"),
           onClose: () => v.show = !1,
           scrollbar: !1
         }, {
@@ -594,7 +612,7 @@ const la = /* @__PURE__ */ Re({
         placement: "right"
       }, {
         default: () => [e(V, {
-          title: l.sideRightTitle || s("components.button.sideRight"),
+          title: l.sideRightTitle || n("components.button.sideRight"),
           onClose: () => b.show = !1,
           scrollbar: !1
         }, {

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

@@ -1,12 +1,12 @@
 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 { NButton as m, NDropdown as y } from "naive-ui";
 import "vue-router";
 import { useDialog as g } from "../../hooks/dialog.js";
 import "@overlastic/vue";
+import "@vueuse/core";
 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";
@@ -93,7 +93,7 @@ const Ft = /* @__PURE__ */ u({
   setup(t) {
     const {
       t: e
-    } = f(), i = a(() => t.group ? t.group : [t.options]), m = a(() => t.number && t.number > 0), p = g();
+    } = f(), i = a(() => t.group ? t.group : [t.options]), p = a(() => t.number && t.number > 0), l = g();
     return () => o("div", {
       class: "absolute  bottom-0 left-0 right-0 pointer-events-none"
     }, [o(d, {
@@ -106,8 +106,8 @@ const Ft = /* @__PURE__ */ u({
       leaveFromClass: "transform translate-y-0 opacity-100",
       leaveToClass: "transform translate-y-full opacity-0"
     }, {
-      default: () => [m.value ? o("div", {
-        class: "flex h-10 px-1 justify-between lg:justify-center gap-2 pointer-events-auto"
+      default: () => [p.value ? o("div", {
+        class: "flex h-10 px-1 justify-between md: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", {
@@ -116,10 +116,10 @@ const Ft = /* @__PURE__ */ u({
         num: t.number || 0
       })]), o("div", {
         class: "w-px h-4 bg-elevated"
-      }, null)]), s?.map((r) => o(l, {
+      }, null)]), s?.map((r) => o(m, {
         text: !0,
         onClick: () => {
-          r.onClick ? r.onClick?.(t.selecteds) : r.key && p.confirm({
+          r.onClick ? r.onClick?.(t.selecteds) : r.key && l.confirm({
             title: e("components.list.batchTitle"),
             content: e("components.list.batchContent")
           }).then(() => {
@@ -138,7 +138,7 @@ const Ft = /* @__PURE__ */ u({
       })), n === i.value.length - 1 && t.dropdown && t.dropdown.length > 0 && o(y, {
         options: t.dropdown
       }, {
-        default: () => [o(l, {
+        default: () => [o(m, {
           text: !0
         }, {
           icon: () => o("div", {