base6-ui 2.0.32 → 2.0.35

package/es/components/input-number/src/input-number.vue2.mjs

@@ -0,0 +1,144 @@
+import { NButton as w, NInputNumber as N } from "naive-ui";
+import { defineComponent as S, shallowRef as k, ref as $, computed as p, watch as R, resolveComponent as D, createElementBlock as c, openBlock as t, normalizeStyle as M, normalizeClass as b, createBlock as d, createCommentVNode as u, createVNode as r, mergeProps as f, withCtx as a, createSlots as F, Fragment as A, renderSlot as x, createElementVNode as B } from "vue";
+import { useNaiveConfigProvideContext as H } from "../../../_mixins/use-boden-config-provide-context.mjs";
+const L = {
+  key: 1,
+  class: "inner-controls"
+}, T = /* @__PURE__ */ S({
+  name: "BodenInputNumber",
+  __name: "input-number",
+  props: {
+    style: {},
+    prefixIcon: { default: "" },
+    suffixIcon: { default: "" },
+    addIcon: { default: "" },
+    minusIcon: { default: "" },
+    controlsInner: { type: Boolean },
+    disabled: { type: Boolean },
+    min: {},
+    max: {},
+    size: { default: "medium" }
+  },
+  setup(n) {
+    const v = n, { mergedThemeOverridesRef: I } = H(), C = k({}), m = k({}), o = $(), l = p(() => v.disabled || !o.value?.addable), s = p(() => v.disabled || !o.value?.minusable), h = () => {
+      !o.value || l.value || o.value.handleAddClick();
+    }, g = () => {
+      !o.value || s.value || o.value.handleMinusClick();
+    };
+    return R(
+      () => I?.value?.InputNumber,
+      (e) => {
+        C.value = {
+          "--n-input-number-controls-color": e.controlsFontColor,
+          "--n-input-number-controls-color-disabled": e.controlFontColorDisabled,
+          "--n-input-number-inner-controls-width-large": e.innerControlsLargeWidth,
+          "--n-input-number-inner-controls-width-medium": e.innerControlsMediumWidth,
+          "--n-input-number-inner-controls-width-small": e.innerControlsSmallWidth,
+          "--n-input-number-inner-controls-height-large": e.innerControlsLargeHeight,
+          "--n-input-number-inner-controls-height-medium": e.innerControlsMediumHeight,
+          "--n-input-number-inner-controls-height-small": e.innerControlsSmallHeight,
+          "--n-input-number-inner-controls-background": e.innerControlsBackground,
+          "--n-input-number-inner-controls-background-disabled": e.innerControlsDisabledBackground,
+          "--n-input-number-inner-controls-border-radius-large": e.innerControlsLargeBorderRadius,
+          "--n-input-number-inner-controls-border-radius-medium": e.innerControlsMediumBorderRadius,
+          "--n-input-number-inner-controls-border-radius-small": e.innerControlsSmallBorderRadius
+        }, m.value = {
+          "--n-border": e.outerControlsBorderStyle,
+          "--n-border-disabled": e.outerControlsBorderStyleDisabled,
+          "--n-text-color": e.controlsFontColor,
+          "--n-text-color-disabled": e.controlFontColorDisabled,
+          "--n-color": e.outerControlsBackground,
+          "--n-color-disabled": e.outerControlsBackgroundDisabled,
+          "--n-opacity-disabled": e.outerControlsOpacityDisabled
+        };
+      },
+      {
+        immediate: !0
+      }
+    ), (e, W) => {
+      const i = D("svg-icon"), y = w, z = N;
+      return t(), c("div", {
+        class: b(["boden-input-number w-full", [`boden-input-number--${n.size}`]]),
+        style: M([C.value, n.style])
+      }, [
+        n.controlsInner ? u("", !0) : (t(), d(y, f({
+          key: 0,
+          style: m.value,
+          ghost: !s.value,
+          class: "outer-controls minus-btn"
+        }, e.$attrs, {
+          disabled: s.value,
+          size: n.size,
+          onClick: g
+        }), {
+          default: a(() => [
+            r(i, { icon: "operate-minus" })
+          ]),
+          _: 1
+        }, 16, ["style", "ghost", "disabled", "size"])),
+        r(z, f({ class: "flex-1" }, e.$attrs, {
+          ref_key: "inputNumberRef",
+          ref: o,
+          "show-button": !1,
+          size: n.size,
+          disabled: n.disabled,
+          min: n.min,
+          max: n.max
+        }), F({
+          suffix: a(() => [
+            e.$slots.suffix || n.suffixIcon ? (t(), c(A, { key: 0 }, [
+              e.$slots.suffix ? x(e.$slots, "suffix", { key: 0 }, void 0, !0) : (t(), d(i, {
+                key: 1,
+                icon: n.suffixIcon
+              }, null, 8, ["icon"]))
+            ], 64)) : u("", !0),
+            n.controlsInner ? (t(), c("div", L, [
+              B("div", {
+                class: b(["add", [l.value ? "is-disabled" : ""]]),
+                onClick: h
+              }, [
+                r(i, { icon: "arrow-top" })
+              ], 2),
+              B("div", {
+                class: b(["minus", [s.value ? "is-disabled" : ""]]),
+                onClick: g
+              }, [
+                r(i, { icon: "arrow-down" })
+              ], 2)
+            ])) : u("", !0)
+          ]),
+          _: 2
+        }, [
+          e.$slots.prefix || n.prefixIcon ? {
+            name: "prefix",
+            fn: a(() => [
+              e.$slots.prefix ? x(e.$slots, "prefix", { key: 0 }, void 0, !0) : (t(), d(i, {
+                key: 1,
+                icon: n.prefixIcon
+              }, null, 8, ["icon"]))
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["size", "disabled", "min", "max"]),
+        n.controlsInner ? u("", !0) : (t(), d(y, f({
+          key: 1,
+          size: n.size,
+          ghost: !l.value,
+          style: m.value,
+          class: "outer-controls add-btn"
+        }, e.$attrs, {
+          disabled: l.value,
+          onClick: h
+        }), {
+          default: a(() => [
+            r(i, { icon: "operate-add" })
+          ]),
+          _: 1
+        }, 16, ["size", "ghost", "style", "disabled"]))
+      ], 6);
+    };
+  }
+});
+export {
+  T as default
+};

package/es/components/input-number/styles/_common.d.ts

@@ -0,0 +1,3 @@
+import { InputNumberProps } from 'naive-ui';
+import { ExtendInputNumber } from '../../../types/themes/extendThemes';
+export declare const BodenInputNumberCommon: InputNumberProps['themeOverrides'] & ExtendInputNumber;

package/es/components/input-number/styles/_common.mjs

@@ -0,0 +1,14 @@
+const n = {
+  innerControlsLargeWidth: "24px",
+  innerControlsMediumWidth: "24px",
+  innerControlsSmallWidth: "16px",
+  innerControlsLargeHeight: "12px",
+  innerControlsMediumHeight: "12px",
+  innerControlsSmallHeight: "8px",
+  innerControlsLargeBorderRadius: "4px",
+  innerControlsMediumBorderRadius: "4px",
+  innerControlsSmallBorderRadius: "2.67px"
+};
+export {
+  n as BodenInputNumberCommon
+};

package/es/components/input-number/styles/dark.d.ts

@@ -0,0 +1,3 @@
+import { InputNumberProps } from 'naive-ui';
+import { ExtendInputNumber } from '../../../types/themes/extendThemes';
+export declare const BodenInputNumberDark: InputNumberProps['themeOverrides'] & ExtendInputNumber;

package/es/components/input-number/styles/dark.mjs

@@ -0,0 +1,22 @@
+import r from "../../../_styles/vars/base/dark.mjs";
+import o from "../../../_styles/vars/colors/dark.mjs";
+import "../../../_styles/vars/colors/light.mjs";
+import { BodenInputNumberCommon as l } from "./_common.mjs";
+const i = {
+  ...l,
+  innerControlsBackground: o["fill-color-2"],
+  innerControlsDisabledBackground: o["fill-color-2"],
+  innerControlsLargeBorderRadius: "4px",
+  innerControlsMediumBorderRadius: "4px",
+  innerControlsSmallBorderRadius: "2.67px",
+  controlsFontColor: o["color-text-1"],
+  controlFontColorDisabled: o["color-text-4"],
+  outerControlsBorderStyle: `1px solid  ${r["color-gray-4"]}`,
+  outerControlsBackground: o["bg-color-3"],
+  outerControlsBorderStyleDisabled: "none",
+  outerControlsBackgroundDisabled: o["fill-color-1"],
+  outerControlsOpacityDisabled: 1
+};
+export {
+  i as BodenInputNumberDark
+};

package/es/components/input-number/styles/index.d.ts

@@ -0,0 +1,2 @@
+export { BodenInputNumberDark } from './dark';
+export { BodenInputNumberLight } from './light';

package/es/components/input-number/styles/light.d.ts

@@ -0,0 +1,3 @@
+import { InputNumberProps } from 'naive-ui';
+import { ExtendInputNumber } from '../../../types/themes/extendThemes';
+export declare const BodenInputNumberLight: InputNumberProps['themeOverrides'] & ExtendInputNumber;

package/es/components/input-number/styles/light.mjs

@@ -0,0 +1,19 @@
+import o from "../../../_styles/vars/base/light.mjs";
+import "../../../_styles/vars/colors/dark.mjs";
+import r from "../../../_styles/vars/colors/light.mjs";
+import { BodenInputNumberCommon as l } from "./_common.mjs";
+const a = {
+  ...l,
+  innerControlsBackground: o["color-gray-3"],
+  innerControlsDisabledBackground: o["color-gray-3"],
+  outerControlsBorderStyle: `1px solid ${o["color-gray-4"]}`,
+  outerControlsBackground: r["bg-color-3"],
+  outerControlsBorderStyleDisabled: `1px solid ${o["color-gray-2"]}`,
+  outerControlsBackgroundDisabled: o["color-gray-2"],
+  controlFontColorDisabled: o["color-gray-4"],
+  controlsFontColor: o["color-gray-10"],
+  outerControlsOpacityDisabled: 1
+};
+export {
+  a as BodenInputNumberLight
+};

package/es/components/layout/aside/index.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./index.vue2.mjs";
 /* empty css            */
 import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e5bac619"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-800fa035"]]);
 export {
   m as default
 };

package/es/components/layout/aside/index.vue2.mjs

@@ -1,7 +1,8 @@
 import { defineComponent as u, computed as r, createElementBlock as m, openBlock as f, mergeProps as c, createElementVNode as s, renderSlot as t, normalizeStyle as a, normalizeClass as d } from "vue";
-import y from "../../../hooks/useNaiveConfigProvideContext.mjs";
-import { LayoutThemeLight as g } from "../../../config/themes/components/layout/light.mjs";
-const p = /* @__PURE__ */ u({
+import { useNaiveConfigProvideContext as y } from "../../../_mixins/use-boden-config-provide-context.mjs";
+import "../styles/dark.mjs";
+import { BodenLayoutLight as g } from "../styles/light.mjs";
+const k = /* @__PURE__ */ u({
   name: "BodenLayoutAside",
   __name: "index",
   props: {
@@ -40,5 +41,5 @@ const p = /* @__PURE__ */ u({
   }
 });
 export {
-  p as default
+  k as default
 };

package/es/components/layout/aside-menu/aside-menu.d.ts

@@ -1378,21 +1378,21 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>> & Readonly<{}>, {
     readonly iconSize: number;
     readonly disabled: boolean;
+    readonly inverted: boolean;
     readonly options: import('naive-ui/es/menu/src/interface').MenuMixedOption[];
-    readonly defaultValue: import('treemate').Key | null;
-    readonly show: boolean;
     readonly labelField: string;
+    readonly keyField: string;
     readonly childrenField: string;
-    readonly responsive: boolean;
+    readonly show: boolean;
+    readonly defaultValue: import('treemate').Key | null;
     readonly disabledField: string;
+    readonly responsive: boolean;
     readonly defaultExpandAll: boolean;
     readonly indent: number;
-    readonly inverted: boolean;
-    readonly keyField: string;
+    readonly mode: "horizontal" | "vertical";
     readonly collapsed: boolean | undefined;
     readonly collapsedWidth: number;
     readonly collapsedIconSize: number;
-    readonly mode: "vertical" | "horizontal";
     readonly watchProps: ("defaultValue" | "defaultExpandedKeys")[];
     readonly accordion: boolean;
     readonly dropdownPlacement: import('naive-ui').PopoverPlacement;

package/es/components/layout/styles/dark.d.ts

@@ -0,0 +1,6 @@
+export declare const BodenLayoutDark: {
+    headerColor: string;
+    siderColor: string;
+    siderIconColor: string;
+    siderFooterIconBgColor: string;
+};

package/es/components/layout/styles/dark.mjs

@@ -0,0 +1,12 @@
+import r from "../../../_styles/vars/base/dark.mjs";
+import o from "../../../_styles/vars/colors/dark.mjs";
+import "../../../_styles/vars/colors/light.mjs";
+const a = {
+  headerColor: o["bg-color-4"],
+  siderColor: o["bg-color-4"],
+  siderIconColor: r["color-primary-6"],
+  siderFooterIconBgColor: o["fill-color-3"]
+};
+export {
+  a as BodenLayoutDark
+};

package/es/components/layout/styles/index.d.ts

@@ -0,0 +1,2 @@
+export { BodenLayoutDark } from './dark';
+export { BodenLayoutLight } from './light';

package/es/components/layout/styles/light.d.ts

@@ -0,0 +1,6 @@
+export declare const BodenLayoutLight: {
+    headerColor: string;
+    siderColor: string;
+    siderIconColor: string;
+    siderFooterIconBgColor: string;
+};

package/es/components/layout/styles/light.mjs

@@ -0,0 +1,13 @@
+import o from "../../../_styles/vars/base/light.mjs";
+import "../../../_styles/vars/colors/dark.mjs";
+import r from "../../../_styles/vars/colors/light.mjs";
+const e = {
+  headerColor: r["bg-color-4"],
+  siderColor: r["bg-color-4"],
+  // 自定义
+  siderIconColor: o["color-primary-6"],
+  siderFooterIconBgColor: o["color-gray-4"]
+};
+export {
+  e as BodenLayoutLight
+};

package/es/components/layout/types.d.ts

@@ -1,5 +1,5 @@
 import { VNode } from 'vue';
-import { KebabCase } from '../../types/utils';
+import { KebabCase } from '../../_types/utils';
 interface LayoutHeaderConfig {
     headerVisible?: boolean;
     headerClass?: string;

package/es/components/menu/styles/dark.d.ts

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

package/es/components/menu/styles/dark.mjs

@@ -0,0 +1,34 @@
+import t from "../../../_styles/vars/base/dark.mjs";
+import o from "../../../_styles/vars/colors/dark.mjs";
+import "../../../_styles/vars/colors/light.mjs";
+const i = {
+  arrowColor: o["color-text-2"],
+  arrowColorActive: o["color-text-1"],
+  arrowColorChildActive: o["color-text-1"],
+  arrowColorChildActiveHover: o["color-text-1"],
+  borderRadius: "10px",
+  itemColorActive: o["bg-color-2"],
+  itemColorActiveHover: o["bg-color-2"],
+  itemColorActiveCollapsed: o["fill-color-5"],
+  itemColorHover: "#0000",
+  itemIconColor: o["color-text-2"],
+  itemIconColorCollapsed: o["color-text-2"],
+  itemIconColorActive: o["color-text-1"],
+  itemIconColorHover: o["color-text-1"],
+  itemIconColorActiveHover: o["color-text-1"],
+  itemIconColorChildActive: o["color-text-1"],
+  itemIconColorChildActiveHover: o["color-text-1"],
+  itemTextColor: o["color-text-2"],
+  itemTextColorActive: o["color-text-1"],
+  itemTextColorHover: o["color-text-1"],
+  itemTextColorActiveHover: o["color-text-1"],
+  itemTextColorChildActive: t["color-primary-6"],
+  itemTextColorChildActiveHover: t["color-primary-5"],
+  itemTextColorHorizontal: o["color-text-2"],
+  itemTextColorActiveHorizontal: o["color-text-1"],
+  itemTextColorActiveHoverHorizontal: o["color-text-1"],
+  itemTextColorHoverHorizontal: o["color-text-1"]
+};
+export {
+  i as BodenMenuDark
+};

package/es/components/menu/styles/index.d.ts

@@ -0,0 +1,2 @@
+export { BodenMenuDark } from './dark';
+export { BodenMenuLight } from './light';

package/es/components/menu/styles/light.d.ts

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

package/es/components/menu/styles/light.mjs

@@ -0,0 +1,33 @@
+import o from "../../../_styles/vars/base/light.mjs";
+import "../../../_styles/vars/colors/dark.mjs";
+import "../../../_styles/vars/colors/light.mjs";
+const i = {
+  arrowColor: o["color-gray-8"],
+  arrowColorActive: o["color-gray-10"],
+  arrowColorChildActive: o["color-gray-10"],
+  arrowColorChildActiveHover: o["color-gray-10"],
+  borderRadius: "10px",
+  itemColorActive: o["color-gray-1"],
+  itemColorActiveHover: o["color-gray-1"],
+  itemColorActiveCollapsed: o["color-gray-1"],
+  itemColorHover: "#0000",
+  itemIconColor: o["color-gray-8"],
+  itemIconColorCollapsed: o["color-gray-8"],
+  itemIconColorActive: o["color-gray-10"],
+  itemIconColorHover: o["color-gray-10"],
+  itemIconColorActiveHover: o["color-gray-10"],
+  itemIconColorChildActive: o["color-gray-10"],
+  itemIconColorChildActiveHover: o["color-gray-10"],
+  itemTextColor: o["color-gray-8"],
+  itemTextColorActive: o["color-gray-10"],
+  itemTextColorHover: o["color-gray-10"],
+  itemTextColorActiveHover: o["color-gray-10"],
+  itemTextColorChildActive: o["color-primary-6"],
+  itemTextColorChildActiveHover: o["color-primary-5"],
+  itemTextColorHorizontal: o["color-gray-8"],
+  itemTextColorActiveHorizontal: o["color-primary-6"],
+  itemTextColorHoverHorizontal: o["color-primary-6"]
+};
+export {
+  i as BodenMenuLight
+};

package/es/components/nav-icon/cssVar.mjs

@@ -1,60 +1,9 @@
-import r from "../../config/themes/token/dark.mjs";
-import "../../config/themes/token/light.mjs";
-import t from "../../config/themes/color/light.mjs";
-import "../../config/themes/components/alert/light.mjs";
-import "../../config/themes/components/button/light.mjs";
-import "../../config/themes/components/card/light.mjs";
-import "../../config/themes/components/cascader/light.mjs";
-import "../../config/themes/components/dataTable/light.mjs";
-import "../../config/themes/components/datePicker/light.mjs";
-import "../../config/themes/components/checkbox/light.mjs";
-import "../../config/themes/components/divider/light.mjs";
-import "../../config/themes/components/dialog/light.mjs";
-import "../../config/themes/components/dropdown/light.mjs";
-import "../../config/themes/components/form/light.mjs";
-import "../../config/themes/components/input/light.mjs";
-import "../../config/themes/components/inputNumber/light.mjs";
-import "../../config/themes/components/layout/light.mjs";
-import "../../config/themes/components/menu/light.mjs";
-import "../../config/themes/components/popover/light.mjs";
-import "../../config/themes/components/progress/light.mjs";
-import "../../config/themes/components/radio/light.mjs";
-import "../../config/themes/components/select/light.mjs";
-import "../../config/themes/components/slider/light.mjs";
-import "../../config/themes/components/switch/light.mjs";
-import "../../config/themes/components/tag/light.mjs";
-import "../../config/themes/components/transfer/light.mjs";
-import "../../config/themes/components/baseComponent/light.mjs";
-import "../../config/themes/common/light.mjs";
-import "../../config/themes/components/alert/dark.mjs";
-import "../../config/themes/components/button/dark.mjs";
-import "../../config/themes/components/card/dark.mjs";
-import "../../config/themes/components/cascader/dark.mjs";
-import "../../config/themes/components/checkbox/dark.mjs";
-import "../../config/themes/components/dataTable/dark.mjs";
-import "../../config/themes/components/datePicker/dark.mjs";
-import "../../config/themes/components/dialog/dark.mjs";
-import "../../config/themes/components/dropdown/dark.mjs";
-import "../../config/themes/components/form/dark.mjs";
-import "../../config/themes/components/input/dark.mjs";
-import "../../config/themes/components/inputNumber/dark.mjs";
-import "../../config/themes/components/layout/dark.mjs";
-import "../../config/themes/components/menu/dark.mjs";
-import "../../config/themes/components/popover/dark.mjs";
-import "../../config/themes/components/progress/dark.mjs";
-import "../../config/themes/components/radio/dark.mjs";
-import "../../config/themes/components/select/dark.mjs";
-import "../../config/themes/components/slider/dark.mjs";
-import "../../config/themes/components/switch/dark.mjs";
-import "../../config/themes/components/tag/dark.mjs";
-import "../../config/themes/components/transfer/dark.mjs";
-import "../../config/themes/components/baseComponent/dark.mjs";
-import "../../config/themes/common/dark.mjs";
-import "../../config/themes/components/charts/dark.mjs";
-import "../../config/themes/components/charts/light.mjs";
-const io = (o) => ({
-  "--base-icon-color": o ? r["color-text-2"] : t["color-gray-8"]
+import r from "../../_styles/vars/base/light.mjs";
+import t from "../../_styles/vars/colors/dark.mjs";
+import "../../_styles/vars/colors/light.mjs";
+const c = (o) => ({
+  "--base-icon-color": o ? t["color-text-2"] : r["color-gray-8"]
 });
 export {
-  io as getNavIconStyleCssVar
+  c as getNavIconStyleCssVar
 };

package/es/components/nav-icon/index.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./index.vue2.mjs";
 /* empty css            */
-import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b2c44205"]]);
+import a from "../../_virtual/_plugin-vue_export-helper.mjs";
+const p = /* @__PURE__ */ a(o, [["__scopeId", "data-v-bab3d845"]]);
 export {
-  m as default
+  p as default
 };

package/es/components/nav-icon/index.vue2.mjs

@@ -1,5 +1,5 @@
 import { defineComponent as v, ref as g, computed as s, createElementBlock as n, openBlock as o, normalizeStyle as k, normalizeClass as y, Fragment as C, renderList as b } from "vue";
-import h from "../../hooks/useNaiveConfigProvideContext.mjs";
+import { useNaiveConfigProvideContext as h } from "../../_mixins/use-boden-config-provide-context.mjs";
 import { getNavIconStyleCssVar as x } from "./cssVar.mjs";
 const z = /* @__PURE__ */ v({
   __name: "index",

package/es/components/pagination/styles/_common.d.ts

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

package/es/components/pagination/styles/_common.mjs

@@ -0,0 +1,14 @@
+const e = {
+  itemBorderRadius: "10px",
+  itemSizeMedium: "32px",
+  // 修改默认高度
+  itemFontSizeMedium: "14px",
+  // 修改默认字体
+  itemPaddingMedium: "0 10px",
+  // 修改默认内边距
+  itemColorDisabled: "transparent"
+  /* 禁用页码背景颜色 */
+};
+export {
+  e as BodenPaginationCommon
+};

package/es/components/pagination/styles/dark.d.ts

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

package/es/components/pagination/styles/dark.mjs

@@ -0,0 +1,33 @@
+import r from "../../../_styles/vars/base/dark.mjs";
+import o from "../../../_styles/vars/colors/dark.mjs";
+import "../../../_styles/vars/colors/light.mjs";
+import { BodenPaginationCommon as t } from "./_common.mjs";
+const m = {
+  ...t,
+  buttonBorderHover: "0px solid transparent",
+  buttonBorderPressed: "0px solid transparent",
+  itemTextColorHover: o["color-text-6"],
+  itemTextColorPressed: o["color-text-6"],
+  itemColorActive: r["color-primary-6"],
+  itemColorActiveHover: r["color-primary-6"],
+  itemBorderDisabled: "0px solid transparent",
+  buttonBorder: r["color-gray-3"],
+  // // 按钮相关样式（上一页/下一页按钮）
+  buttonIconColor: o["color-text-6"],
+  /* 按钮图标颜色 */
+  buttonIconColorPressed: o["color-text-6"],
+  buttonIconColorHover: o["color-text-6"],
+  itemTextColorDisabled: o["color-text-6"],
+  /* 禁用页码文字颜色 */
+  /* 文字颜色 */
+  itemTextColor: o["color-text-6"],
+  // itemTextColorPressed: 'red', /* 按下页码文字颜色 */
+  itemTextColorActive: o["color-text-5"],
+  /* 当前页码文字颜色 */
+  /** 跳转文字*/
+  jumperTextColor: o["color-text-6"]
+  // 修改跳转文字颜色
+};
+export {
+  m as BodenPaginationDark
+};

package/es/components/pagination/styles/index.d.ts

@@ -0,0 +1,2 @@
+export { BodenPaginationDark } from './dark';
+export { BodenPaginationLight } from './light';

package/es/components/pagination/styles/light.d.ts

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

package/es/components/pagination/styles/light.mjs

@@ -0,0 +1,51 @@
+import o from "../../../_styles/vars/base/light.mjs";
+import "../../../_styles/vars/colors/dark.mjs";
+import r from "../../../_styles/vars/colors/light.mjs";
+import { BodenPaginationCommon as t } from "./_common.mjs";
+const c = {
+  ...t,
+  // itemBorderDisabled: '0px solid transparent',
+  // itemBorderRadius: commonBase.borderRadiusMedium,
+  // itemTextColor: lightColors['color-text-1'],
+  // itemTextColorHover: lightColors['color-text-6'],
+  // itemTextColorPressed: lightColors['color-text-6'],
+  // itemTextColorActive: lightColors['color-text-6'],
+  // buttonIconColor: lightColors['color-text-1'],
+  // buttonIconColorPressed: lightColors['color-text-1'],
+  // buttonIconColorHover: lightColors['color-text-1'],
+  // itemTextColorDisabled: lightColors['color-text-1'],
+  // jumperTextColor: lightColors['color-text-1'],
+  // itemTextColor: lightColors['color-text-1'],
+  // itemTextColorHover: lightColors['color-text-1'],
+  // itemTextColorPressed: lightColors['color-text-1'],
+  // itemTextColorActive: lightColors['color-text-1'],
+  // itemColorActive: lightBaseColors['color-primary-6'],
+  // itemColorActiveHover: lightBaseColors['color-primary-6'],
+  // 以上修改
+  // 按钮相关样式（上一页/下一页按钮）
+  buttonIconColor: o["color-gray-10"],
+  /* 按钮图标颜色 */
+  buttonIconColorPressed: o["color-gray-10"],
+  buttonIconColorHover: o["color-gray-10"],
+  itemTextColorDisabled: o["color-gray-10"],
+  /* 禁用页码文字颜色 */
+  itemBorderActive: "1px solid #0000",
+  /* 文字颜色 */
+  itemTextColor: o["color-gray-10"],
+  // itemTextColorPressed: 'red', /* 按下页码文字颜色 */
+  itemTextColorActive: r["color-text-5"],
+  /* 当前页码文字颜色 */
+  /* 背景颜色 */
+  itemColorActive: o["color-primary-6"],
+  /* 当前页码背景色 */
+  itemColorPressed: o["color-primary-6"],
+  /* 按下页码背景色 */
+  itemColorActiveHover: o["color-primary-6"],
+  /* 当前页码悬停背景色 */
+  /** 跳转文字*/
+  jumperTextColor: o["color-gray-10"]
+  // 修改跳转文字颜色
+};
+export {
+  c as BodenPaginationLight
+};