feat(select): add font-weight theme variable (#6420)

Co-authored-by: 07akioni <07akioni2@gmail.com>
tusen-ai · Oct 7, 2024 · 28c7ec6 · 28c7ec6
1 parent 57f4504
commit 28c7ec6
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 2 deletions.
diff --git 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
@@ -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
@@ -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 (
-      <div class={`${this.mergedClsPrefix}-select`}>
+      <div
+        class={`${this.mergedClsPrefix}-select`}
+        style={{ '--n-font-weight': this.cssVars?.['--n-font-weight'] }}
+      >
         <VBinder>
           {{
             default: () => [

diff --git 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;