@duxweb/dvha-pro 1.0.23 → 1.0.24

package/dist/esm/index.js

@@ -4,7 +4,7 @@ import { DuxStatsStore as l, DuxStatsStoreItem as s } from "./components/card/st
 import { DuxCarousel as n } from "./components/carousel/carousel.js";
 import { DuxChart as g } from "./components/chart/echart.js";
 import { DuxImageCrop as h } from "./components/crop/imageCrop.js";
-import { DuxImageCropModal as C } from "./components/crop/imageCropModal.js";
+import { DuxImageCropModal as P } from "./components/crop/imageCropModal.js";
 import { DuxDashboardHello as T } from "./components/dashboard/hello.js";
 import { DuxDashboardHelloBig as M } from "./components/dashboard/helloBig.js";
 import { DuxDashboardQuick as y, DuxDashboardQuickItem as F } from "./components/dashboard/quick.js";
@@ -18,173 +18,174 @@ import { useDialog as H } from "./hooks/dialog.js";
 import { useDownload as Q } from "./hooks/download.js";
 import { useDrawer as z } from "./hooks/drawer.js";
 import { useEchartBar as W, useEchartCommon as j, useEchartFunnel as q, useEchartLine as G, useEchartMap as J, useEchartPie as K, useEchartRadar as X, useEchartRing as Y, useEchartRose as Z, useEchartTreeMap as _, useEchartType as $ } from "./hooks/echart.js";
-import { useImagePreview as or } from "./hooks/image.js";
-import { useLevel as tr } from "./hooks/level.js";
-import { useModal as ur } from "./hooks/modal.js";
-import { useTable as ar } from "./hooks/table.js";
-import { useTableColumn as fr } from "./hooks/table/column.js";
-import { useTableColumnImage as lr } from "./hooks/table/image.js";
-import { useTableColumnMap as ir } from "./hooks/table/map.js";
-import { useTableColumnMedia as dr } from "./hooks/table/media.js";
-import { useTableColumnStatus as cr } from "./hooks/table/status.js";
-import { useTableColumnSwitch as Pr } from "./hooks/table/switch.js";
-import { useUI as br } from "./hooks/ui.js";
-import { DuxModal as Er } from "./components/modal/modal.js";
-import { default as wr } from "./components/modal/modalPage.js";
-import { default as Fr } from "./components/modal/modalTab.js";
-import { default as Sr } from "./components/dialog/dialog.js";
-import { DuxDrawApps as Ir } from "./components/draw/drawApps.js";
-import { DuxDrawAuth as Br } from "./components/draw/drawAuth.js";
-import { DuxDrawEmpty as Ur } from "./components/draw/drawEmpty.js";
-import { DuxDrawEmptyForm as Hr } from "./components/draw/drawEmptyForm.js";
-import { DuxDrawError as Qr } from "./components/draw/drawError.js";
-import { default as zr } from "./components/drawer/drawer.js";
-import { DuxDrawerPage as Wr } from "./components/drawer/drawerPage.js";
-import { DuxAiEditor as qr } from "./components/editor/aiEditor.js";
-import { DuxDrawerForm as Jr } from "./components/form/drawerForm.js";
-import { DuxFormItem as Xr } from "./components/form/formItem.js";
-import { DuxFormLayout as Zr } from "./components/form/formLayout.js";
-import { DuxModalForm as $r } from "./components/form/modalForm.js";
-import { DuxPageForm as oo } from "./components/form/pageForm.js";
-import { DuxSettingForm as to } from "./components/form/settingForm.js";
-import { DuxIconPicker as uo } from "./components/icon/icon.js";
+import { useImagePreview as ro } from "./hooks/image.js";
+import { useLevel as to } from "./hooks/level.js";
+import { useModal as uo } from "./hooks/modal.js";
+import { useTable as ao } from "./hooks/table.js";
+import { useTableColumnColor as fo } from "./hooks/table/color.js";
+import { useTableColumn as lo } from "./hooks/table/column.js";
+import { useTableColumnImage as io } from "./hooks/table/image.js";
+import { useTableColumnMap as go } from "./hooks/table/map.js";
+import { useTableColumnMedia as ho } from "./hooks/table/media.js";
+import { useTableColumnStatus as Po } from "./hooks/table/status.js";
+import { useTableColumnSwitch as To } from "./hooks/table/switch.js";
+import { useUI as Mo } from "./hooks/ui.js";
+import { DuxModal as yo } from "./components/modal/modal.js";
+import { default as Lo } from "./components/modal/modalPage.js";
+import { default as Ao } from "./components/modal/modalTab.js";
+import { default as vo } from "./components/dialog/dialog.js";
+import { DuxDrawApps as Ro } from "./components/draw/drawApps.js";
+import { DuxDrawAuth as ko } from "./components/draw/drawAuth.js";
+import { DuxDrawEmpty as No } from "./components/draw/drawEmpty.js";
+import { DuxDrawEmptyForm as Vo } from "./components/draw/drawEmptyForm.js";
+import { DuxDrawError as Oo } from "./components/draw/drawError.js";
+import { default as jo } from "./components/drawer/drawer.js";
+import { DuxDrawerPage as Go } from "./components/drawer/drawerPage.js";
+import { DuxAiEditor as Ko } from "./components/editor/aiEditor.js";
+import { DuxDrawerForm as Yo } from "./components/form/drawerForm.js";
+import { DuxFormItem as _o } from "./components/form/formItem.js";
+import { DuxFormLayout as or } from "./components/form/formLayout.js";
+import { DuxModalForm as er } from "./components/form/modalForm.js";
+import { DuxPageForm as xr } from "./components/form/pageForm.js";
+import { DuxSettingForm as mr } from "./components/form/settingForm.js";
+import { DuxIconPicker as pr } from "./components/icon/icon.js";
 import "@iconify-json/tabler/icons.json";
 import "@vueuse/core";
-import { DuxTableFilter as ao } from "./components/layout/filter.js";
-import { DuxFilterLayout as fo } from "./components/layout/filterLayout.js";
-import { DuxListLayout as lo } from "./components/layout/list.js";
-import { DuxTableLayout as io } from "./components/layout/table.js";
-import { DuxTableTools as go } from "./components/layout/tools.js";
-import { DuxLevel as ho } from "./components/level/level.js";
-import { DuxCardPage as Co } from "./components/list/card.js";
-import { DuxListPage as To } from "./components/list/list.js";
-import { DuxMedia as Mo } from "./components/media/media.js";
-import { DuxPanelAlert as yo } from "./components/panel/alert.js";
-import { DuxPanelCard as Lo } from "./components/panel/setting.js";
-import { DuxCollapsePanel as Ao } from "./components/panel/collapse.js";
-import { DuxSelectCard as vo } from "./components/select/cardSelect.js";
-import { DuxStatsNumber as Ro } from "./components/stats/number.js";
-import { DuxStatsRealTime as ko } from "./components/stats/realTime.js";
-import { DuxBlockEmpty as No } from "./components/status/blockEmpty.js";
-import { DuxListEmpty as Vo } from "./components/status/listEmpty.js";
-import { DuxTable as Oo } from "./components/table/table.js";
-import { DuxTablePage as jo } from "./components/table/tablePage.js";
-import { DuxTreeFilter as Go } from "./components/tree/treeFilter.js";
-import { DuxFileUpload as Ko } from "./components/upload/file.js";
-import { DuxImageUpload as Yo } from "./components/upload/image.js";
-import { default as _o } from "./components/upload/manager.js";
-import { DuxAvatar as re } from "./components/widget/avatar.js";
-import { DuxWidgetConnect as ee } from "./components/widget/connect.js";
-import { DuxPlaceholder as xe } from "./components/widget/placeholder.js";
-import { DuxCodeEditor as me } from "./components/code/code.js";
-import { DuxAuthLayout as pe } from "./pages/authLayout.js";
-import { DuxLayout as De } from "./pages/layout.js";
-import { DuxLoginPage as se } from "./pages/login.js";
-import { default as ne } from "./pages/menu/avatar.js";
-import { default as ge } from "./pages/menu/button.js";
-import { DuxMenuCmd as he } from "./pages/menu/cmd.js";
-import { DuxMenuMain as Ce } from "./pages/menu/main.js";
-import { DuxMobileMenu as Te } from "./pages/menu/mobile.js";
-import { DuxPage as Me } from "./pages/page.js";
-import { DuxPage403 as ye } from "./pages/page403.js";
-import { DuxPage404 as Le } from "./pages/page404.js";
-import { DuxPage500 as Ae } from "./pages/page500.js";
-import { DuxPageEmpty as ve } from "./pages/pageEmpty.js";
-import { DuxPageLoading as Re } from "./pages/pageLoading.js";
-import { DuxPageStatus as ke } from "./pages/pageStatus.js";
-import { generateRainbowFromColor as Ne, getTheme as Qe } from "./config/echart.js";
-import { config as ze } from "./config/uno.js";
-import { initVeeValidate as We } from "./config/validate.js";
-import { default as qe } from "./langs/en-US.json.js";
-import { default as Je } from "./langs/zh-CN.json.js";
-import { createDuxPro as Xe } from "./main.js";
-import { useUIStore as Ze } from "./stores/ui.js";
-import { themeOverrides as $e } from "./theme/naiveTheme.js";
-import { presetTheme as ot } from "./theme/presetTheme.js";
+import { DuxTableFilter as Dr } from "./components/layout/filter.js";
+import { DuxFilterLayout as sr } from "./components/layout/filterLayout.js";
+import { DuxListLayout as nr } from "./components/layout/list.js";
+import { DuxTableLayout as gr } from "./components/layout/table.js";
+import { DuxTableTools as hr } from "./components/layout/tools.js";
+import { DuxLevel as Pr } from "./components/level/level.js";
+import { DuxCardPage as Tr } from "./components/list/card.js";
+import { DuxListPage as Mr } from "./components/list/list.js";
+import { DuxMedia as yr } from "./components/media/media.js";
+import { DuxPanelAlert as Lr } from "./components/panel/alert.js";
+import { DuxPanelCard as Ar } from "./components/panel/setting.js";
+import { DuxCollapsePanel as vr } from "./components/panel/collapse.js";
+import { DuxSelectCard as Rr } from "./components/select/cardSelect.js";
+import { DuxStatsNumber as kr } from "./components/stats/number.js";
+import { DuxStatsRealTime as Nr } from "./components/stats/realTime.js";
+import { DuxBlockEmpty as Vr } from "./components/status/blockEmpty.js";
+import { DuxListEmpty as Or } from "./components/status/listEmpty.js";
+import { DuxTable as jr } from "./components/table/table.js";
+import { DuxTablePage as Gr } from "./components/table/tablePage.js";
+import { DuxTreeFilter as Kr } from "./components/tree/treeFilter.js";
+import { DuxFileUpload as Yr } from "./components/upload/file.js";
+import { DuxImageUpload as _r } from "./components/upload/image.js";
+import { default as oe } from "./components/upload/manager.js";
+import { DuxAvatar as ee } from "./components/widget/avatar.js";
+import { DuxWidgetConnect as xe } from "./components/widget/connect.js";
+import { DuxPlaceholder as me } from "./components/widget/placeholder.js";
+import { DuxCodeEditor as pe } from "./components/code/code.js";
+import { DuxAuthLayout as De } from "./pages/authLayout.js";
+import { DuxLayout as se } from "./pages/layout.js";
+import { DuxLoginPage as ne } from "./pages/login.js";
+import { default as ge } from "./pages/menu/avatar.js";
+import { default as he } from "./pages/menu/button.js";
+import { DuxMenuCmd as Pe } from "./pages/menu/cmd.js";
+import { DuxMenuMain as Te } from "./pages/menu/main.js";
+import { DuxMobileMenu as Me } from "./pages/menu/mobile.js";
+import { DuxPage as ye } from "./pages/page.js";
+import { DuxPage403 as Le } from "./pages/page403.js";
+import { DuxPage404 as Ae } from "./pages/page404.js";
+import { DuxPage500 as ve } from "./pages/page500.js";
+import { DuxPageEmpty as Re } from "./pages/pageEmpty.js";
+import { DuxPageLoading as ke } from "./pages/pageLoading.js";
+import { DuxPageStatus as Ne } from "./pages/pageStatus.js";
+import { generateRainbowFromColor as Ve, getTheme as ze } from "./config/echart.js";
+import { config as We } from "./config/uno.js";
+import { initVeeValidate as qe } from "./config/validate.js";
+import { default as Je } from "./langs/en-US.json.js";
+import { default as Xe } from "./langs/zh-CN.json.js";
+import { createDuxPro as Ze } from "./main.js";
+import { useUIStore as $e } from "./stores/ui.js";
+import { themeOverrides as rt } from "./theme/naiveTheme.js";
+import { presetTheme as tt } from "./theme/presetTheme.js";
 export {
-  qr as DuxAiEditor,
+  Ko as DuxAiEditor,
   a as DuxApp,
-  pe as DuxAuthLayout,
-  re as DuxAvatar,
-  No as DuxBlockEmpty,
+  De as DuxAuthLayout,
+  ee as DuxAvatar,
+  Vr as DuxBlockEmpty,
   f as DuxCard,
-  Co as DuxCardPage,
+  Tr as DuxCardPage,
   n as DuxCarousel,
   g as DuxChart,
-  me as DuxCodeEditor,
-  Ao as DuxCollapsePanel,
+  pe as DuxCodeEditor,
+  vr as DuxCollapsePanel,
   T as DuxDashboardHello,
   M as DuxDashboardHelloBig,
   y as DuxDashboardQuick,
   F as DuxDashboardQuickItem,
-  Sr as DuxDialog,
-  Ir as DuxDrawApps,
-  Br as DuxDrawAuth,
-  Ur as DuxDrawEmpty,
-  Hr as DuxDrawEmptyForm,
-  Qr as DuxDrawError,
-  zr as DuxDrawer,
-  Jr as DuxDrawerForm,
-  Wr as DuxDrawerPage,
+  vo as DuxDialog,
+  Ro as DuxDrawApps,
+  ko as DuxDrawAuth,
+  No as DuxDrawEmpty,
+  Vo as DuxDrawEmptyForm,
+  Oo as DuxDrawError,
+  jo as DuxDrawer,
+  Yo as DuxDrawerForm,
+  Go as DuxDrawerPage,
   S as DuxDynamicData,
   I as DuxDynamicSelect,
-  _o as DuxFileManage,
-  Ko as DuxFileUpload,
-  fo as DuxFilterLayout,
-  Xr as DuxFormItem,
-  Zr as DuxFormLayout,
-  uo as DuxIconPicker,
+  oe as DuxFileManage,
+  Yr as DuxFileUpload,
+  sr as DuxFilterLayout,
+  _o as DuxFormItem,
+  or as DuxFormLayout,
+  pr as DuxIconPicker,
   h as DuxImageCrop,
-  C as DuxImageCropModal,
-  Yo as DuxImageUpload,
-  De as DuxLayout,
-  ho as DuxLevel,
-  Vo as DuxListEmpty,
-  lo as DuxListLayout,
-  To as DuxListPage,
-  se as DuxLoginPage,
-  Mo as DuxMedia,
-  ne as DuxMenuAvatar,
-  ge as DuxMenuButton,
-  he as DuxMenuCmd,
-  Ce as DuxMenuMain,
-  Te as DuxMobileMenu,
-  Er as DuxModal,
-  $r as DuxModalForm,
-  wr as DuxModalPage,
-  Fr as DuxModalTab,
-  Me as DuxPage,
-  ye as DuxPage403,
-  Le as DuxPage404,
-  Ae as DuxPage500,
-  ve as DuxPageEmpty,
-  oo as DuxPageForm,
-  Re as DuxPageLoading,
-  ke as DuxPageStatus,
-  yo as DuxPanelAlert,
-  Lo as DuxPanelCard,
-  xe as DuxPlaceholder,
-  vo as DuxSelectCard,
-  to as DuxSettingForm,
-  Ro as DuxStatsNumber,
-  ko as DuxStatsRealTime,
+  P as DuxImageCropModal,
+  _r as DuxImageUpload,
+  se as DuxLayout,
+  Pr as DuxLevel,
+  Or as DuxListEmpty,
+  nr as DuxListLayout,
+  Mr as DuxListPage,
+  ne as DuxLoginPage,
+  yr as DuxMedia,
+  ge as DuxMenuAvatar,
+  he as DuxMenuButton,
+  Pe as DuxMenuCmd,
+  Te as DuxMenuMain,
+  Me as DuxMobileMenu,
+  yo as DuxModal,
+  er as DuxModalForm,
+  Lo as DuxModalPage,
+  Ao as DuxModalTab,
+  ye as DuxPage,
+  Le as DuxPage403,
+  Ae as DuxPage404,
+  ve as DuxPage500,
+  Re as DuxPageEmpty,
+  xr as DuxPageForm,
+  ke as DuxPageLoading,
+  Ne as DuxPageStatus,
+  Lr as DuxPanelAlert,
+  Ar as DuxPanelCard,
+  me as DuxPlaceholder,
+  Rr as DuxSelectCard,
+  mr as DuxSettingForm,
+  kr as DuxStatsNumber,
+  Nr as DuxStatsRealTime,
   l as DuxStatsStore,
   s as DuxStatsStoreItem,
-  Oo as DuxTable,
-  ao as DuxTableFilter,
-  io as DuxTableLayout,
-  jo as DuxTablePage,
-  go as DuxTableTools,
-  Go as DuxTreeFilter,
-  ee as DuxWidgetConnect,
-  ze as config,
-  Xe as createDuxPro,
-  qe as enUS,
-  Ne as generateRainbowFromColor,
-  Qe as getTheme,
-  We as initVeeValidate,
-  ot as presetTheme,
-  $e as themeOverrides,
+  jr as DuxTable,
+  Dr as DuxTableFilter,
+  gr as DuxTableLayout,
+  Gr as DuxTablePage,
+  hr as DuxTableTools,
+  Kr as DuxTreeFilter,
+  xe as DuxWidgetConnect,
+  We as config,
+  Ze as createDuxPro,
+  Je as enUS,
+  Ve as generateRainbowFromColor,
+  ze as getTheme,
+  qe as initVeeValidate,
+  tt as presetTheme,
+  rt as themeOverrides,
   B as useAction,
   R as useActionButton,
   U as useActionDropdown,
@@ -202,17 +203,18 @@ export {
   Z as useEchartRose,
   _ as useEchartTreeMap,
   $ as useEchartType,
-  or as useImagePreview,
-  tr as useLevel,
-  ur as useModal,
-  ar as useTable,
-  fr as useTableColumn,
-  lr as useTableColumnImage,
-  ir as useTableColumnMap,
-  dr as useTableColumnMedia,
-  cr as useTableColumnStatus,
-  Pr as useTableColumnSwitch,
-  br as useUI,
-  Ze as useUIStore,
-  Je as zhCN
+  ro as useImagePreview,
+  to as useLevel,
+  uo as useModal,
+  ao as useTable,
+  lo as useTableColumn,
+  fo as useTableColumnColor,
+  io as useTableColumnImage,
+  go as useTableColumnMap,
+  ho as useTableColumnMedia,
+  Po as useTableColumnStatus,
+  To as useTableColumnSwitch,
+  Mo as useUI,
+  $e as useUIStore,
+  Xe as zhCN
 };

package/dist/esm/pages/layout/global.js

@@ -1,4 +1,4 @@
-import { defineComponent as C, inject as T, onBeforeMount as L, computed as i, watch as n, onMounted as y, createVNode as o } from "vue";
+import { defineComponent as C, inject as T, onBeforeMount as L, computed as a, watch as i, onMounted as y, createVNode as o } from "vue";
 import { useTheme as P, useI18n as b } from "@duxweb/dvha-core";
 import { setLocale as k } from "@vee-validate/i18n";
 import { hex2hsl as x } from "colorizr";
@@ -15,31 +15,31 @@ import "vee-validate";
 const ae = /* @__PURE__ */ C({
   name: "DuxGlobalLayout",
   setup(_, {
-    slots: r
+    slots: n
   }) {
     const {
       isDark: t,
       cssInit: l,
       getSceneColor: m
-    } = P(), u = T("pageLoading"), d = M(), {
-      lightTheme: c,
-      darkTheme: s
+    } = P(), u = T("pageLoading"), s = M(), {
+      lightTheme: d,
+      darkTheme: c
     } = Z();
     L(() => {
       l();
     });
     const {
-      getLocale: a
-    } = b(), h = i(() => a() === "zh-CN" ? O : w), f = i(() => a() === "zh-CN" ? z : B);
-    return n(a, (e) => {
+      getLocale: r
+    } = b(), h = a(() => r() === "zh-CN" ? O : w), f = a(() => r() === "zh-CN" ? z : B);
+    return i(r, (e) => {
       k(e);
     }, {
       immediate: !0
     }), y(async () => {
       setTimeout(() => {
-        d.finish(), u.value = !1;
+        s.finish(), u.value = !1;
       }, 500);
-    }), n(t, (e) => {
+    }), i(t, (e) => {
       const p = m("primary"), g = x(p), v = R(g, 10), N = V(v, e);
       D("default", N);
     }, {
@@ -48,16 +48,13 @@ const ae = /* @__PURE__ */ C({
       locale: h.value,
       dateLocale: f.value,
       theme: t.value ? G : I,
-      themeOverrides: t.value ? s.value : c.value
+      themeOverrides: t.value ? c.value : d.value
     }, {
       default: () => [o(U, null, {
         default: () => [o(j, null, {
           default: () => [o(E, null, {
             default: () => [o(F, null, {
-              default: () => {
-                var e;
-                return [(e = r.default) == null ? void 0 : e.call(r)];
-              }
+              default: () => [n.default?.()]
             })]
           })]
         })]

package/dist/esm/pages/layout/tab.js

@@ -1,110 +1,97 @@
-import { defineComponent as g, ref as b, reactive as y, createVNode as t, Fragment as T, mergeProps as C, nextTick as R } from "vue";
-import { useTabStore as N, useI18n as O } from "@duxweb/dvha-core";
-import { useNaiveTab as D } from "@duxweb/dvha-naiveui";
-import { NTabs as L, NTab as P, NDropdown as w } from "naive-ui";
-import { useRouter as S } from "vue-router";
-const X = /* @__PURE__ */ g({
+import { defineComponent as f, ref as i, reactive as d, createVNode as t, Fragment as k, mergeProps as x, nextTick as g } from "vue";
+import { useTabStore as y, useI18n as T } from "@duxweb/dvha-core";
+import { useNaiveTab as C } from "@duxweb/dvha-naiveui";
+import { NTabs as R, NTab as N, NDropdown as O } from "naive-ui";
+import { useRouter as D } from "vue-router";
+const I = /* @__PURE__ */ f({
   name: "DuxPageTab",
-  setup(z) {
+  setup(L) {
     const {
-      tabsProps: m,
-      tabs: u
-    } = D(), v = b(), i = N(), h = S(), {
-      t: p
-    } = O(), l = y({
+      tabsProps: r,
+      tabs: p
+    } = C(), u = i(), s = y(), n = D(), {
+      t: o
+    } = T(), l = d({
       x: 0,
       y: 0,
       visible: !1
-    }), s = b(), f = (o, e) => {
-      o.preventDefault(), l.visible = !1, R().then(() => {
-        l.visible = !0, l.x = o.clientX, l.y = o.clientY, s.value = e;
+    }), a = i(), b = (e, c) => {
+      e.preventDefault(), l.visible = !1, g().then(() => {
+        l.visible = !0, l.x = e.clientX, l.y = e.clientY, a.value = c;
       });
-    }, d = () => {
+    }, h = () => {
       l.visible = !1;
-    }, k = [{
-      label: p("components.tab.lock"),
+    }, m = [{
+      label: o("components.tab.lock"),
       key: "lock"
     }, {
-      label: p("components.tab.closeOther"),
+      label: o("components.tab.closeOther"),
       key: "closeOther"
     }, {
-      label: p("components.tab.closeLeft"),
+      label: o("components.tab.closeLeft"),
       key: "closeLeft"
     }, {
-      label: p("components.tab.closeRight"),
+      label: o("components.tab.closeRight"),
       key: "closeRight"
-    }], x = (o) => {
-      var e, c, a, r;
-      switch (l.visible = !1, o) {
+    }], v = (e) => {
+      switch (l.visible = !1, e) {
         case "lock":
-          i.lockTab(((e = s.value) == null ? void 0 : e.path) || "");
+          s.lockTab(a.value?.path || "");
           break;
         case "closeOther":
-          i.delOther(((c = s.value) == null ? void 0 : c.path) || "", () => {
-            var n;
-            h.push(((n = s.value) == null ? void 0 : n.path) || "");
+          s.delOther(a.value?.path || "", () => {
+            n.push(a.value?.path || "");
           });
           break;
         case "closeLeft":
-          i.delLeft(((a = s.value) == null ? void 0 : a.path) || "", () => {
-            var n;
-            h.push(((n = s.value) == null ? void 0 : n.path) || "");
+          s.delLeft(a.value?.path || "", () => {
+            n.push(a.value?.path || "");
           });
           break;
         case "closeRight":
-          i.delRight(((r = s.value) == null ? void 0 : r.path) || "", () => {
-            var n;
-            h.push(((n = s.value) == null ? void 0 : n.path) || "");
+          s.delRight(a.value?.path || "", () => {
+            n.push(a.value?.path || "");
           });
           break;
       }
     };
-    return () => t(T, null, [t(L, C({
-      ref: v,
+    return () => t(k, null, [t(R, x({
+      ref: u,
       type: "card",
       class: "app-page-tabs",
       barWidth: 100
-    }, m.value), {
-      default: () => {
-        var o;
-        return [(o = u == null ? void 0 : u.value) == null ? void 0 : o.map((e) => t(P, {
-          key: e.path,
-          name: e.path || ""
-        }, {
-          default: () => {
-            var c;
-            return [t("div", {
-              class: "flex items-center gap-2 py-2 px-3",
-              onContextmenu: (a) => f(a, e)
-            }, [t("div", {
-              class: "flex-1"
-            }, [e.label]), t("div", {
-              class: "flex items-center flex-none"
-            }, [(c = e.meta) != null && c.lock ? t("div", {
-              class: "i-tabler:pinned size-4"
-            }, null) : t("div", {
-              onClick: () => {
-                var a, r;
-                return (r = (a = m.value) == null ? void 0 : a.onClose) == null ? void 0 : r.call(a, e.path);
-              },
-              class: "text-muted hover:text-primary cursor-pointer"
-            }, [t("div", {
-              class: "i-tabler:x size-4"
-            }, null)])])])];
-          }
-        }))];
-      }
-    }), t(w, {
+    }, r.value), {
+      default: () => [p?.value?.map((e) => t(N, {
+        key: e.path,
+        name: e.path || ""
+      }, {
+        default: () => [t("div", {
+          class: "flex items-center gap-2 py-2 px-3",
+          onContextmenu: (c) => b(c, e)
+        }, [t("div", {
+          class: "flex-1"
+        }, [e.label]), t("div", {
+          class: "flex items-center flex-none"
+        }, [e.meta?.lock ? t("div", {
+          class: "i-tabler:pinned size-4"
+        }, null) : t("div", {
+          onClick: () => r.value?.onClose?.(e.path),
+          class: "text-muted hover:text-primary cursor-pointer"
+        }, [t("div", {
+          class: "i-tabler:x size-4"
+        }, null)])])])]
+      }))]
+    }), t(O, {
       trigger: "manual",
       x: l.x,
       y: l.y,
       show: l.visible,
-      onClickoutside: d,
-      options: k,
-      onSelect: x
+      onClickoutside: h,
+      options: m,
+      onSelect: v
     }, null)]);
   }
 });
 export {
-  X as DuxPageTab
+  I as DuxPageTab
 };