diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md index a12773eb87e..b83b7070548 100644 --- a/CHANGELOG.en-US.md +++ b/CHANGELOG.en-US.md @@ -13,6 +13,8 @@ - `n-image` adds `error` slot, closes [#5649](https://github.com/tusen-ai/naive-ui/issues/5649) - `n-date-picker` adds `date-format` prop. - `n-progress`'s `color` prop supports gradient config. +- `n-select` adds `font-weight` theme variable + ## 2.40.1 diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md index 5c3f4fc705d..433cf793b32 100644 --- a/CHANGELOG.zh-CN.md +++ b/CHANGELOG.zh-CN.md @@ -13,6 +13,7 @@ - `n-image` 新增 `error` 插槽,关闭 [#5649](https://github.com/tusen-ai/naive-ui/issues/5649) - `n-date-picker` 新增 `date-format` 属性 - `n-progress` 的 `color` 属性支持渐变色配置 +- `n-select` 新增 `font-weight` 主题变量 ## 2.40.1 diff --git a/src/select/src/Select.tsx b/src/select/src/Select.tsx index 2916eb1e251..f5dc0da101d 100644 --- a/src/select/src/Select.tsx +++ b/src/select/src/Select.tsx @@ -871,10 +871,12 @@ export default defineComponent({ } const cssVarsRef = computed(() => { const { + common: { fontWeight }, self: { menuBoxShadow } } = themeRef.value return { - '--n-menu-box-shadow': menuBoxShadow + '--n-menu-box-shadow': menuBoxShadow, + '--n-font-weight': fontWeight } }) const themeClassHandle = inlineThemeDisabled @@ -932,7 +934,10 @@ export default defineComponent({ }, render() { return ( -
+
{{ default: () => [ diff --git a/src/select/src/styles/index.cssr.ts b/src/select/src/styles/index.cssr.ts index c7341a457b1..1245596c8f6 100644 --- a/src/select/src/styles/index.cssr.ts +++ b/src/select/src/styles/index.cssr.ts @@ -8,6 +8,7 @@ export default c([ outline: none; width: 100%; position: relative; + font-weight: var(--n-font-weight); `), cB('select-menu', ` margin: 4px 0;