x-extends / vxe-table

Vxe table 的表格组件
https://vxetable.cn
MIT License
7.66k stars 1.06k forks source link

无法自定义 scss 变量 #2622

Open jinmarcus opened 2 weeks ago

jinmarcus commented 2 weeks ago

可复现的链接(包含复现链接与示例代码):

https://github.com/x-extends/vxe-table/blob/master/styles/variable.scss

问题描述与截图:

使用范例修改变量报错

@use 'vxe-table/styles/variable.scss' with (
     $vxe-ui-font-color: #999999,
     $vxe-ui-font-primary-color: #ff0000
 );
@use 'vxe-table/styles/all.scss';

报错内容如下:

[plugin:vite:css] [sass] This variable was not declared with !default in the @used module.
  ╷
4 │               $vxe-ui-font-color: #999999,
  │               ^^^^^^^^^^^^^^^^^^^^^^^^^^^
  ╵

vite 配置如下

css: {
     preprocessorOptions: {
          scss: {
               api: 'modern-compiler',
                    additionalData: `@use "@/assets/style/variables.scss" as *;`,
               },
          },
}

如果将 vxe-table/styles/variable.scss 中的变量修改成以下,则正常:

$vxe-ui-font-color: #999999 !default;
$vxe-ui-font-primary-color: #ff0000 !default;

期望的结果:

No response

操作系统:

window 10

浏览器版本:

chrome

vue 版本:

3.5.12

vxe-pc-ui 版本:

4.2.37

vxe-table 版本:

4.7.97

是否使用当前最新版本?

wangxuefei95 commented 1 week ago

image image 版本4.8.10 同样的问题