@duxweb/dvha-pro 1.0.22 → 1.0.24

package/dist/esm/index.js

@@ -4,11 +4,11 @@ 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 L, DuxDashboardQuickItem as S } from "./components/dashboard/quick.js";
-import { DuxDynamicData as F } from "./components/data/dynamicData.js";
+import { DuxDashboardQuick as y, DuxDashboardQuickItem as F } from "./components/dashboard/quick.js";
+import { DuxDynamicData as S } from "./components/data/dynamicData.js";
 import { DuxDynamicSelect as I } from "./components/data/dynamicSelect.js";
 import "vue";
 import "@duxweb/dvha-core";
@@ -22,167 +22,170 @@ 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 { useTableColumn as fo } from "./hooks/table/column.js";
-import { useTableColumnImage as lo } from "./hooks/table/image.js";
-import { useTableColumnMap as io } from "./hooks/table/map.js";
-import { useTableColumnMedia as go } from "./hooks/table/media.js";
-import { useTableColumnStatus as ho } from "./hooks/table/status.js";
-import { useTableColumnSwitch as Co } from "./hooks/table/switch.js";
-import { useUI as To } from "./hooks/ui.js";
-import { DuxModal as Mo } from "./components/modal/modal.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 wo } from "./components/modal/modalTab.js";
-import { default as Ao } from "./components/dialog/dialog.js";
-import { DuxDrawApps as vo } from "./components/draw/drawApps.js";
-import { DuxDrawAuth as Ro } from "./components/draw/drawAuth.js";
-import { DuxDrawEmpty as ko } from "./components/draw/drawEmpty.js";
-import { DuxDrawEmptyForm as No } from "./components/draw/drawEmptyForm.js";
-import { DuxDrawError as Vo } from "./components/draw/drawError.js";
-import { default as Oo } from "./components/drawer/drawer.js";
-import { DuxDrawerPage as jo } from "./components/drawer/drawerPage.js";
-import { DuxAiEditor as Go } from "./components/editor/aiEditor.js";
-import { DuxFormItem as Ko } from "./components/form/formItem.js";
-import { DuxFormLayout as Yo } from "./components/form/formLayout.js";
-import { DuxModalForm as _o } from "./components/form/modalForm.js";
-import { DuxPageForm as or } from "./components/form/pageForm.js";
-import { DuxSettingForm as er } from "./components/form/settingForm.js";
-import { DuxIconPicker as xr } from "./components/icon/icon.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 mr } from "./components/layout/filter.js";
-import { DuxFilterLayout as pr } from "./components/layout/filterLayout.js";
-import { DuxListLayout as Dr } from "./components/layout/list.js";
-import { DuxTableLayout as sr } from "./components/layout/table.js";
-import { DuxTableTools as nr } from "./components/layout/tools.js";
-import { DuxLevel as gr } from "./components/level/level.js";
-import { DuxCardPage as hr } from "./components/list/card.js";
-import { DuxListPage as Cr } from "./components/list/list.js";
-import { DuxMedia as Tr } from "./components/media/media.js";
-import { DuxPanelAlert as Mr } from "./components/panel/alert.js";
-import { DuxPanelCard as Lr } from "./components/panel/setting.js";
-import { DuxCollapsePanel as wr } from "./components/panel/collapse.js";
-import { DuxSelectCard as Ar } from "./components/select/cardSelect.js";
-import { DuxStatsNumber as vr } from "./components/stats/number.js";
-import { DuxStatsRealTime as Rr } from "./components/stats/realTime.js";
-import { DuxBlockEmpty as kr } from "./components/status/blockEmpty.js";
-import { DuxListEmpty as Nr } from "./components/status/listEmpty.js";
-import { DuxTable as Vr } from "./components/table/table.js";
-import { DuxTablePage as Or } from "./components/table/tablePage.js";
-import { DuxTreeFilter as jr } from "./components/tree/treeFilter.js";
-import { DuxFileUpload as Gr } from "./components/upload/file.js";
-import { DuxImageUpload as Kr } from "./components/upload/image.js";
-import { default as Yr } from "./components/upload/manager.js";
-import { DuxAvatar as _r } from "./components/widget/avatar.js";
-import { DuxWidgetConnect as oe } from "./components/widget/connect.js";
-import { DuxPlaceholder as ee } from "./components/widget/placeholder.js";
-import { DuxCodeEditor as xe } from "./components/code/code.js";
-import { DuxAuthLayout as me } from "./pages/authLayout.js";
-import { DuxLayout as pe } from "./pages/layout.js";
-import { DuxLoginPage as De } from "./pages/login.js";
-import { default as se } from "./pages/menu/avatar.js";
-import { default as ne } from "./pages/menu/button.js";
-import { DuxMenuCmd as ge } from "./pages/menu/cmd.js";
-import { DuxMenuMain as he } from "./pages/menu/main.js";
-import { DuxMobileMenu as Ce } from "./pages/menu/mobile.js";
-import { DuxPage as Te } from "./pages/page.js";
-import { DuxPage403 as Me } from "./pages/page403.js";
-import { DuxPage404 as Le } from "./pages/page404.js";
-import { DuxPage500 as we } from "./pages/page500.js";
-import { DuxPageEmpty as Ae } from "./pages/pageEmpty.js";
-import { DuxPageLoading as ve } from "./pages/pageLoading.js";
-import { DuxPageStatus as Re } from "./pages/pageStatus.js";
-import { generateRainbowFromColor as ke, getTheme as He } from "./config/echart.js";
-import { config as Qe } from "./config/uno.js";
-import { initVeeValidate as ze } from "./config/validate.js";
-import { default as We } from "./langs/en-US.json.js";
-import { default as qe } from "./langs/zh-CN.json.js";
-import { createDuxPro as Je } from "./main.js";
-import { useUIStore as Xe } from "./stores/ui.js";
-import { themeOverrides as Ze } from "./theme/naiveTheme.js";
-import { presetTheme as $e } 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 {
-  Go as DuxAiEditor,
+  Ko as DuxAiEditor,
   a as DuxApp,
-  me as DuxAuthLayout,
-  _r as DuxAvatar,
-  kr as DuxBlockEmpty,
+  De as DuxAuthLayout,
+  ee as DuxAvatar,
+  Vr as DuxBlockEmpty,
   f as DuxCard,
-  hr as DuxCardPage,
+  Tr as DuxCardPage,
   n as DuxCarousel,
   g as DuxChart,
-  xe as DuxCodeEditor,
-  wr as DuxCollapsePanel,
+  pe as DuxCodeEditor,
+  vr as DuxCollapsePanel,
   T as DuxDashboardHello,
   M as DuxDashboardHelloBig,
-  L as DuxDashboardQuick,
-  S as DuxDashboardQuickItem,
-  Ao as DuxDialog,
-  vo as DuxDrawApps,
-  Ro as DuxDrawAuth,
-  ko as DuxDrawEmpty,
-  No as DuxDrawEmptyForm,
-  Vo as DuxDrawError,
-  Oo as DuxDrawer,
-  jo as DuxDrawerPage,
-  F as DuxDynamicData,
+  y as DuxDashboardQuick,
+  F as DuxDashboardQuickItem,
+  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,
-  Yr as DuxFileManage,
-  Gr as DuxFileUpload,
-  pr as DuxFilterLayout,
-  Ko as DuxFormItem,
-  Yo as DuxFormLayout,
-  xr 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,
-  Kr as DuxImageUpload,
-  pe as DuxLayout,
-  gr as DuxLevel,
-  Nr as DuxListEmpty,
-  Dr as DuxListLayout,
-  Cr as DuxListPage,
-  De as DuxLoginPage,
-  Tr as DuxMedia,
-  se as DuxMenuAvatar,
-  ne as DuxMenuButton,
-  ge as DuxMenuCmd,
-  he as DuxMenuMain,
-  Ce as DuxMobileMenu,
-  Mo as DuxModal,
-  _o as DuxModalForm,
+  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,
-  wo as DuxModalTab,
-  Te as DuxPage,
-  Me as DuxPage403,
-  Le as DuxPage404,
-  we as DuxPage500,
-  Ae as DuxPageEmpty,
-  or as DuxPageForm,
-  ve as DuxPageLoading,
-  Re as DuxPageStatus,
-  Mr as DuxPanelAlert,
-  Lr as DuxPanelCard,
-  ee as DuxPlaceholder,
-  Ar as DuxSelectCard,
-  er as DuxSettingForm,
-  vr as DuxStatsNumber,
-  Rr as DuxStatsRealTime,
+  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,
-  Vr as DuxTable,
-  mr as DuxTableFilter,
-  sr as DuxTableLayout,
-  Or as DuxTablePage,
-  nr as DuxTableTools,
-  jr as DuxTreeFilter,
-  oe as DuxWidgetConnect,
-  Qe as config,
-  Je as createDuxPro,
-  We as enUS,
-  ke as generateRainbowFromColor,
-  He as getTheme,
-  ze as initVeeValidate,
-  $e as presetTheme,
-  Ze 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,
@@ -204,13 +207,14 @@ export {
   to as useLevel,
   uo as useModal,
   ao as useTable,
-  fo as useTableColumn,
-  lo as useTableColumnImage,
-  io as useTableColumnMap,
-  go as useTableColumnMedia,
-  ho as useTableColumnStatus,
-  Co as useTableColumnSwitch,
-  To as useUI,
-  Xe as useUIStore,
-  qe as zhCN
+  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
 };