base6-ui 1.1.12 → 1.1.13

package/es/components/index.d.ts

@@ -1,9 +1,11 @@
 export * from './AppProvider';
 export * from './BaseButton';
+export * from './BaseCascader';
 export * from './BaseDataTable';
 export * from './BaseDialog';
 export * from './BaseInputNumber';
 export * from './BaseLayout';
+export * from './BaseNavIcon';
 export * from './BaseRadio';
 export * from './BaseProductIntroduction';
 export { default as BaseProgress } from './BaseProgress';

package/es/config/themes/common/dark.d.ts

@@ -0,0 +1,2 @@
+import { GlobalThemeOverrides } from 'naive-ui';
+export declare const commonDark: GlobalThemeOverrides['common'];

package/es/config/themes/common/dark.mjs

@@ -0,0 +1,30 @@
+import { commonBase as r } from "../common.mjs";
+import o from "../color/dark.mjs";
+const i = {
+  heightSmall: r.heightSmall,
+  heightMedium: r.heightMedium,
+  heightLarge: r.heightLarge,
+  infoColor: o["color-gray-3"],
+  infoColorHover: o["color-gray-4"],
+  infoColorPressed: o["color-gray-5"],
+  infoColorSuppl: o["color-gray-4"],
+  primaryColor: o["color-primary-6"],
+  primaryColorHover: o["color-primary-5"],
+  primaryColorPressed: o["color-primary-7"],
+  primaryColorSuppl: o["color-primary-5"],
+  errorColor: o["color-red-6"],
+  errorColorHover: o["color-red-5"],
+  errorColorPressed: o["color-red-7"],
+  errorColorSuppl: o["color-red-5"],
+  successColor: o["color-green-6"],
+  successColorHover: o["color-green-5"],
+  successColorPressed: o["color-green-7"],
+  successColorSuppl: o["color-green-5"],
+  warningColor: o["color-origin-6"],
+  warningColorHover: o["color-origin-5"],
+  warningColorPressed: o["color-origin-7"],
+  warningColorSuppl: o["color-origin-5"]
+};
+export {
+  i as commonDark
+};

package/es/config/themes/components/baseComponent/dark.mjs

@@ -120,9 +120,9 @@ const l = {
   /* 悬停状态文字颜色 */
   tabTextColorDisabledSegment: o["color-text-4"],
   /* 禁用状态文字颜色 */
-  tabPaddingSmallSegment: "7xp 16px",
+  tabPaddingSmallSegment: "4px 12px",
   tabPaddingMediumSegment: "6px 12px",
-  tabPaddingLargeSegment: "4px 12px",
+  tabPaddingLargeSegment: "7px 16px",
   tabGapSmallSegment: "12px",
   tabGapMediumSegment: "12px ",
   tabGapLargeSegment: "12px ",

package/es/config/themes/components/baseComponent/light.mjs

@@ -218,9 +218,9 @@ const l = {
   /* 悬停状态文字颜色 */
   tabTextColorDisabledSegment: o["color-gray-4"],
   /* 禁用状态文字颜色 */
-  tabPaddingSmallSegment: "7xp 16px",
+  tabPaddingSmallSegment: "4px 12px",
   tabPaddingMediumSegment: "6px 12px",
-  tabPaddingLargeSegment: "4px 12px",
+  tabPaddingLargeSegment: "7px 16px",
   tabGapSmallSegment: "12px",
   tabGapMediumSegment: "12px ",
   tabGapLargeSegment: "12px ",

package/es/config/themes/components/button/dark.mjs

@@ -62,6 +62,7 @@ const d = {
   textColorPrimary: r["color-text-5"],
   textColorSuccess: r["color-text-5"],
   textColorWarning: r["color-text-5"],
+  textColorText: "#FFFFFF",
   textColorDisabled: "rgba(255, 255, 255, 0.75)",
   textColorDisabledError: "rgba(255, 255, 255, 0.75)",
   textColorDisabledPrimary: "rgba(255, 255, 255, 0.75)",

package/es/config/themes/components/button/light.mjs

@@ -58,6 +58,7 @@ const c = {
   textColorFocus: o["color-gray-8"],
   textColorHover: o["color-gray-8"],
   textColorPressed: o["color-gray-8"],
+  textColorText: o["color-gray-10"],
   textColorGhost: o["color-gray-8"],
   textColorGhostError: o["color-red-6"],
   textColorGhostPrimary: o["color-primary-6"],

package/es/config/themes/components/card/dark.mjs

@@ -1,14 +1,16 @@
 import r from "../../color/dark.mjs";
 import o from "../../token/dark.mjs";
-const d = {
-  color: o["bg-color-2"],
+const l = {
+  color: o["bg-color-3"],
   paddingMedium: "16px 24px",
   borderColor: r["color-gray-3"],
-  textColor: o["color-text-1"],
+  textColor: o["color-text-3"],
+  titleTextColor: o["color-text-1"],
   closeIconColor: o["color-text-1"],
   titleFontSizeMedium: "20px",
-  borderRadius: "10px"
+  borderRadius: "10px",
+  colorModal: o["bg-color-3"]
 };
 export {
-  d as CardThemeDark
+  l as CardThemeDark
 };

package/es/config/themes/components/card/light.mjs

@@ -1,13 +1,15 @@
 import o from "../../color/light.mjs";
 import r from "../../token/light.mjs";
 const t = {
-  color: r["bg-color-2"],
+  color: r["bg-color-3"],
   paddingMedium: "16px 24px",
   borderColor: o["color-gray-3"],
-  textColor: o["color-gray-10"],
+  textColor: o["color-gray-6"],
+  titleTextColor: o["color-gray-10"],
   closeIconColor: o["color-gray-10"],
   titleFontSizeMedium: "20px",
-  borderRadius: "10px"
+  borderRadius: "10px",
+  colorModal: r["bg-color-3"]
 };
 export {
   t as CardThemeLight

package/es/config/themes/components/cascader/common.d.ts

@@ -0,0 +1,2 @@
+import { CascaderProps } from 'naive-ui';
+export declare const CascaderThemeCommon: CascaderProps['themeOverrides'];

package/es/config/themes/components/cascader/common.mjs

@@ -0,0 +1,8 @@
+import { commonBase as o } from "../../common.mjs";
+const m = {
+  menuBorderRadius: "10px",
+  optionHeight: o.heightMedium
+};
+export {
+  m as CascaderThemeCommon
+};

package/es/config/themes/components/cascader/dark.d.ts

@@ -0,0 +1,2 @@
+import { CascaderProps } from 'naive-ui';
+export declare const CascaderThemeDark: CascaderProps['themeOverrides'];

package/es/config/themes/components/cascader/dark.mjs

@@ -0,0 +1,19 @@
+import o from "../../color/dark.mjs";
+import r from "../../token/dark.mjs";
+import { SelectThemeDark as e } from "../select/dark.mjs";
+import { CascaderThemeCommon as t } from "./common.mjs";
+const n = {
+  ...t,
+  optionColorHover: o["color-primary-1"],
+  optionTextColorActive: o["color-primary-6"],
+  optionTextColorDisabled: r["color-text-4"],
+  menuColor: r["bg-color-3"],
+  peers: {
+    InternalSelection: {
+      ...e?.peers?.InternalSelection
+    }
+  }
+};
+export {
+  n as CascaderThemeDark
+};

package/es/config/themes/components/cascader/light.d.ts

@@ -0,0 +1,2 @@
+import { CascaderProps } from 'naive-ui';
+export declare const CascaderThemeLight: CascaderProps['themeOverrides'];

package/es/config/themes/components/cascader/light.mjs

@@ -0,0 +1,17 @@
+import o from "../../color/light.mjs";
+import { SelectThemeLight as e } from "../select/light.mjs";
+import { CascaderThemeCommon as r } from "./common.mjs";
+const m = {
+  ...r,
+  optionColorHover: o["color-primary-1"],
+  optionTextColorActive: o["color-primary-6"],
+  optionTextColorDisabled: o["color-gray-4"],
+  peers: {
+    InternalSelection: {
+      ...e?.peers?.InternalSelection
+    }
+  }
+};
+export {
+  m as CascaderThemeLight
+};

package/es/config/themes/components/dialog/common.d.ts

@@ -5,4 +5,5 @@ export declare const DialogThemeCommon: {
     titleFontSize: string;
     iconMargin: string;
     iconSize: string;
+    borderRadius: string;
 };

package/es/config/themes/components/dialog/common.mjs

@@ -1,11 +1,12 @@
-const n = {
+const p = {
   closeMargin: "29px 24px 0 0",
   contentMargin: "24px 0",
   padding: "24px 24px 16px",
   titleFontSize: "24px",
   iconMargin: "0 6px 0 0",
-  iconSize: "24px"
+  iconSize: "24px",
+  borderRadius: "10px"
 };
 export {
-  n as DialogThemeCommon
+  p as DialogThemeCommon
 };

package/es/config/themes/components/dialog/dark.d.ts

@@ -12,4 +12,5 @@ export declare const DialogThemeDark: {
     titleFontSize: string;
     iconMargin: string;
     iconSize: string;
+    borderRadius: string;
 };

package/es/config/themes/components/dialog/light.d.ts

@@ -12,4 +12,5 @@ export declare const DialogThemeLight: {
     titleFontSize: string;
     iconMargin: string;
     iconSize: string;
+    borderRadius: string;
 };

package/es/config/themes/components/input/dark.mjs

@@ -1,24 +1,29 @@
-import o from "../../color/dark.mjs";
-import r from "../../token/dark.mjs";
+import r from "../../color/dark.mjs";
+import o from "../../token/dark.mjs";
 import { InputThemeCommon as l } from "./common.mjs";
-const a = {
+const d = {
   ...l,
-  border: `1px solid ${o["color-gray-4"]}`,
+  border: `1px solid ${r["color-gray-4"]}`,
   borderDisabled: "1px solid #0000",
-  borderError: `1px solid ${o["color-red-6"]}`,
-  borderFocus: `1.5px solid ${o["color-primary-6"]}`,
-  borderHover: `1px solid ${o["color-primary-5"]}`,
-  color: r["bg-color-3"],
-  colorDisabled: r["fill-color-1"],
-  colorFocus: r["bg-color-2"],
-  groupLabelBorder: `1px solid ${o["color-gray-4"]}`,
-  groupLabelColor: r["bg-color-3"],
-  groupLabelTextColor: r["color-text-1"],
-  placeholderColor: o["color-gray-6"],
-  placeholderColorDisabled: r["color-text-4"],
-  textColor: o["color-gray-10"],
-  textColorDisabled: r["color-text-4"]
+  borderError: `1px solid ${r["color-red-6"]}`,
+  borderFocus: `1.5px solid ${r["color-primary-6"]}`,
+  borderHover: `1px solid ${r["color-primary-5"]}`,
+  color: o["bg-color-3"],
+  colorDisabled: o["fill-color-1"],
+  colorFocus: o["bg-color-2"],
+  groupLabelBorder: `1px solid ${r["color-gray-4"]}`,
+  groupLabelColor: o["bg-color-3"],
+  groupLabelTextColor: o["color-text-1"],
+  suffixTextColor: r["color-gray-6"],
+  iconColor: r["color-gray-6"],
+  iconColorDisabled: o["color-text-4"],
+  iconColorHover: o["color-text-1"],
+  iconColorPressed: o["color-text-1"],
+  placeholderColor: r["color-gray-6"],
+  placeholderColorDisabled: o["color-text-4"],
+  textColor: r["color-gray-10"],
+  textColorDisabled: o["color-text-4"]
 };
 export {
-  a as InputThemeDark
+  d as InputThemeDark
 };

package/es/config/themes/components/input/light.mjs

@@ -11,6 +11,11 @@ const a = {
   groupLabelBorder: `1px solid ${o["color-gray-4"]}`,
   groupLabelColor: o["color-gray-2"],
   groupLabelTextColor: o["color-gray-10"],
+  suffixTextColor: o["color-gray-6"],
+  iconColor: o["color-gray-6"],
+  iconColorDisabled: o["color-gray-4"],
+  iconColorHover: o["color-gray-10"],
+  iconColorPressed: o["color-gray-10"],
   placeholderColor: o["color-gray-6"],
   placeholderColorDisabled: o["color-gray-4"],
   textColor: o["color-gray-10"],

package/es/config/themes/dark.mjs

@@ -1,53 +1,57 @@
 import { AlertThemeDark as r } from "./components/alert/dark.mjs";
 import { ButtonThemeDark as e } from "./components/button/dark.mjs";
 import { CardThemeDark as m } from "./components/card/dark.mjs";
-import { CheckboxThemeDark as o } from "./components/checkbox/dark.mjs";
-import { DataTableThemeDark as a } from "./components/dataTable/dark.mjs";
-import { DatePickerThemeDark as t } from "./components/datePicker/dark.mjs";
-import { DialogThemeDark as i } from "./components/dialog/dark.mjs";
-import { DropdownThemeDark as T } from "./components/dropdown/dark.mjs";
-import { FormThemeDark as D } from "./components/form/dark.mjs";
-import { InputThemeDark as p } from "./components/input/dark.mjs";
+import { CascaderThemeDark as o } from "./components/cascader/dark.mjs";
+import { CheckboxThemeDark as a } from "./components/checkbox/dark.mjs";
+import { DataTableThemeDark as t } from "./components/dataTable/dark.mjs";
+import { DatePickerThemeDark as i } from "./components/datePicker/dark.mjs";
+import { DialogThemeDark as T } from "./components/dialog/dark.mjs";
+import { DropdownThemeDark as D } from "./components/dropdown/dark.mjs";
+import { FormThemeDark as p } from "./components/form/dark.mjs";
+import { InputThemeDark as k } from "./components/input/dark.mjs";
 import { InputNumberThemeDark as h } from "./components/inputNumber/dark.mjs";
-import { LayoutThemeDark as k } from "./components/layout/dark.mjs";
-import { MenuThemeDark as f } from "./components/menu/dark.mjs";
-import { ProgressThemeDark as n } from "./components/progress/dark.mjs";
-import { RadioThemeDark as u } from "./components/radio/dark.mjs";
-import { SelectThemeDark as c } from "./components/select/dark.mjs";
-import { SliderThemeDark as d } from "./components/slider/dark.mjs";
+import { LayoutThemeDark as f } from "./components/layout/dark.mjs";
+import { MenuThemeDark as n } from "./components/menu/dark.mjs";
+import { ProgressThemeDark as c } from "./components/progress/dark.mjs";
+import { RadioThemeDark as d } from "./components/radio/dark.mjs";
+import { SelectThemeDark as s } from "./components/select/dark.mjs";
+import { SliderThemeDark as u } from "./components/slider/dark.mjs";
 import { SwitchThemeDark as l } from "./components/switch/dark.mjs";
-import { TagThemeDark as s } from "./components/tag/dark.mjs";
-import { TransferThemeDark as b } from "./components/transfer/dark.mjs";
-import { TreeThemeDark as g, TooltipThemeDark as P, TabsThemeDark as S, StepsThemeDark as w, PopconfirmThemeDark as B, PaginationThemeDark as C, BreadcrumbThemeDark as I } from "./components/baseComponent/dark.mjs";
-const W = {
+import { TagThemeDark as b } from "./components/tag/dark.mjs";
+import { TransferThemeDark as g } from "./components/transfer/dark.mjs";
+import { TreeThemeDark as P, TooltipThemeDark as S, TabsThemeDark as C, StepsThemeDark as w, PopconfirmThemeDark as B, PaginationThemeDark as I, BreadcrumbThemeDark as x } from "./components/baseComponent/dark.mjs";
+import { commonDark as y } from "./common/dark.mjs";
+const _ = {
+  common: y,
   Alert: r,
-  Breadcrumb: I,
+  Breadcrumb: x,
   Button: e,
   Card: m,
-  Checkbox: o,
-  DataTable: a,
-  DatePicker: t,
-  Dialog: i,
-  Dropdown: T,
-  Form: D,
-  Input: p,
+  Cascader: o,
+  Checkbox: a,
+  DataTable: t,
+  DatePicker: i,
+  Dialog: T,
+  Dropdown: D,
+  Form: p,
+  Input: k,
   InputNumber: h,
-  Layout: k,
-  Menu: f,
-  Pagination: C,
-  Progress: n,
+  Layout: f,
+  Menu: n,
+  Pagination: I,
+  Progress: c,
   Popconfirm: B,
-  Radio: u,
-  Select: c,
-  Slider: d,
+  Radio: d,
+  Select: s,
+  Slider: u,
   Steps: w,
   Switch: l,
-  Tabs: S,
-  Tag: s,
-  Transfer: b,
-  Tooltip: P,
-  Tree: g
+  Tabs: C,
+  Tag: b,
+  Transfer: g,
+  Tooltip: S,
+  Tree: P
 };
 export {
-  W as darkThemeOverrides
+  _ as darkThemeOverrides
 };

package/es/config/themes/index.mjs

@@ -1,6 +1,7 @@
 import "./components/alert/light.mjs";
 import "./components/button/light.mjs";
 import "./components/card/light.mjs";
+import "./components/cascader/light.mjs";
 import "./components/dataTable/light.mjs";
 import "./components/datePicker/light.mjs";
 import "./components/checkbox/light.mjs";
@@ -24,6 +25,7 @@ import "./common/light.mjs";
 import "./components/alert/dark.mjs";
 import "./components/button/dark.mjs";
 import "./components/card/dark.mjs";
+import "./components/cascader/dark.mjs";
 import "./components/checkbox/dark.mjs";
 import "./components/dataTable/dark.mjs";
 import "./components/datePicker/dark.mjs";
@@ -42,11 +44,12 @@ import "./components/switch/dark.mjs";
 import "./components/tag/dark.mjs";
 import "./components/transfer/dark.mjs";
 import "./components/baseComponent/dark.mjs";
-import { ChartsThemeDark as V } from "./components/charts/dark.mjs";
-import { ChartsThemeLight as X } from "./components/charts/light.mjs";
-const R = "n-config-provider";
+import "./common/dark.mjs";
+import { ChartsThemeDark as Y } from "./components/charts/dark.mjs";
+import { ChartsThemeLight as _ } from "./components/charts/light.mjs";
+const V = "n-config-provider";
 export {
-  V as ChartsThemeDark,
-  X as ChartsThemeLight,
-  R as configProviderInjectionKey
+  Y as ChartsThemeDark,
+  _ as ChartsThemeLight,
+  V as configProviderInjectionKey
 };

package/es/config/themes/light.mjs

@@ -1,57 +1,59 @@
 import { AlertThemeLight as e } from "./components/alert/light.mjs";
 import { ButtonThemeLight as m } from "./components/button/light.mjs";
 import { CardThemeLight as r } from "./components/card/light.mjs";
-import { DataTableThemeLight as t } from "./components/dataTable/light.mjs";
-import { DatePickerThemeLight as o } from "./components/datePicker/light.mjs";
-import { CheckboxThemeLight as i } from "./components/checkbox/light.mjs";
-import { DividerThemeLight as h } from "./components/divider/light.mjs";
-import { DialogThemeLight as T } from "./components/dialog/light.mjs";
-import { DropdownThemeLight as g } from "./components/dropdown/light.mjs";
-import { FormThemeLight as p } from "./components/form/light.mjs";
+import { CascaderThemeLight as t } from "./components/cascader/light.mjs";
+import { DataTableThemeLight as o } from "./components/dataTable/light.mjs";
+import { DatePickerThemeLight as i } from "./components/datePicker/light.mjs";
+import { CheckboxThemeLight as h } from "./components/checkbox/light.mjs";
+import { DividerThemeLight as T } from "./components/divider/light.mjs";
+import { DialogThemeLight as g } from "./components/dialog/light.mjs";
+import { DropdownThemeLight as p } from "./components/dropdown/light.mjs";
+import { FormThemeLight as a } from "./components/form/light.mjs";
 import { InputThemeLight as L } from "./components/input/light.mjs";
-import { InputNumberThemeLight as a } from "./components/inputNumber/light.mjs";
-import { LayoutThemeLight as f } from "./components/layout/light.mjs";
-import { MenuThemeLight as n } from "./components/menu/light.mjs";
-import { ProgressThemeLight as c } from "./components/progress/light.mjs";
-import { RadioThemeLight as u } from "./components/radio/light.mjs";
-import { SelectThemeLight as d } from "./components/select/light.mjs";
+import { InputNumberThemeLight as f } from "./components/inputNumber/light.mjs";
+import { LayoutThemeLight as n } from "./components/layout/light.mjs";
+import { MenuThemeLight as c } from "./components/menu/light.mjs";
+import { ProgressThemeLight as d } from "./components/progress/light.mjs";
+import { RadioThemeLight as s } from "./components/radio/light.mjs";
+import { SelectThemeLight as u } from "./components/select/light.mjs";
 import { SliderThemeLight as l } from "./components/slider/light.mjs";
-import { SwitchThemeLight as s } from "./components/switch/light.mjs";
-import { TagThemeLight as b } from "./components/tag/light.mjs";
-import { TransferThemeLight as D } from "./components/transfer/light.mjs";
-import { TreeThemeLight as P, TooltipThemeLight as S, TabsThemeLight as k, StepsThemeLight as w, PopconfirmThemeLight as B, PaginationThemeLight as C, BreadcrumbThemeLight as I } from "./components/baseComponent/light.mjs";
-import { commonLight as v } from "./common/light.mjs";
-const _ = {
-  common: v,
+import { SwitchThemeLight as b } from "./components/switch/light.mjs";
+import { TagThemeLight as D } from "./components/tag/light.mjs";
+import { TransferThemeLight as P } from "./components/transfer/light.mjs";
+import { TreeThemeLight as S, TooltipThemeLight as C, TabsThemeLight as k, StepsThemeLight as w, PopconfirmThemeLight as B, PaginationThemeLight as I, BreadcrumbThemeLight as v } from "./components/baseComponent/light.mjs";
+import { commonLight as x } from "./common/light.mjs";
+const ee = {
+  common: x,
   Alert: e,
-  Breadcrumb: I,
+  Breadcrumb: v,
   Button: m,
   Card: r,
-  Checkbox: i,
-  DataTable: t,
-  DatePicker: o,
-  Divider: h,
-  Dialog: T,
-  Dropdown: g,
-  Form: p,
+  Cascader: t,
+  Checkbox: h,
+  DataTable: o,
+  DatePicker: i,
+  Divider: T,
+  Dialog: g,
+  Dropdown: p,
+  Form: a,
   Input: L,
-  InputNumber: a,
-  Layout: f,
-  Menu: n,
-  Pagination: C,
-  Progress: c,
+  InputNumber: f,
+  Layout: n,
+  Menu: c,
+  Pagination: I,
+  Progress: d,
   Popconfirm: B,
-  Radio: u,
-  Select: d,
+  Radio: s,
+  Select: u,
   Slider: l,
   Steps: w,
-  Switch: s,
+  Switch: b,
   Tabs: k,
-  Tag: b,
-  Transfer: D,
-  Tooltip: S,
-  Tree: P
+  Tag: D,
+  Transfer: P,
+  Tooltip: C,
+  Tree: S
 };
 export {
-  _ as lightThemeOverrides
+  ee as lightThemeOverrides
 };

package/es/globalMethods/modules/confirmTip.d.ts

@@ -1,2 +1,3 @@
+import { VNodeChild } from 'vue';
 import { DialogOptions, DialogReactive } from 'naive-ui';
-export default function confirmTip(content: string, title?: string, options?: DialogOptions): Promise<DialogReactive>;
+export default function confirmTip(content: string | (() => VNodeChild), title?: string | (() => VNodeChild), options?: DialogOptions): Promise<DialogReactive>;

package/es/globalMethods/modules/confirmTip.mjs

@@ -1,13 +1,14 @@
 import { h as a } from "vue";
-function l(e) {
+import { merge as p } from "../../node_modules/.pnpm/es-toolkit@1.41.0/node_modules/es-toolkit/dist/object/merge.mjs";
+function u(e) {
   return a("span", {}, e || "Tip");
 }
-const p = {
+const f = {
   closeOnEsc: !1,
   closable: !0,
   maskClosable: !1,
-  positiveText: "Confirm",
-  negativeText: "Cancel",
+  positiveText: "确定",
+  negativeText: "取消",
   negativeButtonProps: {
     round: !0,
     ghost: !1
@@ -24,22 +25,22 @@ const p = {
     justifyContent: "center"
   }
 };
-function c(e, t, n) {
-  return new Promise((o, i) => {
+function m(e, t, n) {
+  return new Promise((o, r) => {
     if (!window.$dialog) return;
-    const r = Object.assign(p, n), s = window.$dialog.warning({
-      ...r,
+    const i = p(f, n || {}), s = window.$dialog.warning({
+      ...i,
       content: e,
-      title: () => l(t),
+      title: () => typeof t == "function" ? t() : u(t),
       onPositiveClick: () => {
         o(s);
       },
       onNegativeClick: () => {
-        i(new Error());
+        r(new Error());
       }
     });
   });
 }
 export {
-  c as default
+  m as default
 };

package/es/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useAnimationHook } from './useAnimationHook';

package/es/hooks/useAnimationHook.d.ts

@@ -0,0 +1,3 @@
+export declare const useAnimationHook: () => {
+    toggleAnimationByClipCircle: (dom: MouseEvent, isDark: boolean, callback: () => void) => Promise<unknown>;
+};

package/es/hooks/useAnimationHook.mjs

@@ -0,0 +1,34 @@
+const u = () => ({
+  toggleAnimationByClipCircle: (a, i, e) => new Promise((o) => {
+    if (!document.startViewTransition) {
+      e(), o(!0);
+      return;
+    }
+    document.startViewTransition(() => {
+      e(), o(!0);
+    }).ready.then(() => {
+      const { clientX: t, clientY: n } = a, s = Math.hypot(
+        Math.max(t, innerWidth - t),
+        Math.max(n, innerHeight - n)
+      ), r = [
+        `circle(0% at ${t}px ${n}px)`,
+        `circle(${s}px at ${t}px ${n}px)`
+      ];
+      document.documentElement.animate(
+        {
+          // 如果要切换到暗色主题，我们在过渡的时候从半径 100% 的圆开始，到 0% 的圆结束
+          clipPath: i ? [...r].reverse() : r
+        },
+        {
+          duration: 400,
+          easing: "ease-in",
+          // 如果要切换到暗色主题，我们应该裁剪 view-transition-old(root) 的内容
+          pseudoElement: i ? "::view-transition-old(root)" : "::view-transition-new(root)"
+        }
+      );
+    });
+  })
+});
+export {
+  u as useAnimationHook
+};