elementui / element-theme Goto Github PK

View Code? Open in Web Editor NEW

492.0 492.0 139.0 226 KB

Theme generator cli tool for Element.

License: MIT License

JavaScript 100.00%

element-theme's People

Contributors

Stargazers

Watchers

Forkers

jxliangby baiyaaaaa hsxiaoma sessionliang helloyou2012 taixw2 trainiac jingsam carlguo2016 jerrysdesign lightworx zerob13 cjhoffice alenqi zeali heartflow devenc imoacs andylei18 dirk88 yysbs18 faker-a ananthachetan tt-52101 sqchenxiyuan yongbolu sunheartgh ldw-sh-cn zhuzhuaicoding zhyt201 ifa6 praveenmunagapati lig-dsktschy vipware nocoolyoyo xswby aaronxie7 davidtsai23 franksoong isnicc luozheao thinklib saelker ilovezy danimal-dan mober-sun pengliangren panmx devlan0126 hawk1102 tutoto kokokele fullofvigour aniude ftt1024 shengnian yuxc2010 terwanerik afunnykitty roojay520 hamishbrindle mantissa23 gaoyt226 fqcto richfuture cathyzhong dxz506 liangguohun demos-platform dbj-fe paperscz ericttfo zhouxuanxian forkrep menglizhi zhenxingshan kylelkh xingximing zjpnode mailxcl bajiaolou zhouxinyong guoyucloud 1361784611 renwu-cool panchao1992 mshineray wsfe johnsonbryant mengyu8941 suniv2017 xpling starletzhong tangguixiang12 mankaichuang shuleijia liuyuchuan scwgit616 panxiangwei melodyjerry

element-theme's Issues

et does not seem to work with node 10.2.1 or higher

升级到 2.0.0失败 upgrade failed: error D:\workspace\gey_copy\node_modules\node-sass: Command failed.

lib/task.js下的一个bug

lib/task.js 34行

fs.writeFileSync(varsPath, fs.readFileSync(path.resolve(process.cwd(), config.config)), 'utf-8')

应该是

fs.writeFileSync(varsPath, fs.readFileSync(path.resolve(process.cwd(), opts.config || config.config)), 'utf-8')

否则 et -c （--config）设置了路径会无效并报错找不到config.config路径文件

Hello
I've figured out how to make et work with laravel by making element_variables.scss generate a folder inside my assets/css folder.
Now I would like 'et' to be started each time I change the element_variables.scss file and I'm using "npm run watch".
Would you have an idea on how to dot it please ?

MessageBox 弹框

在vue项目中会报错$attrs is readonly和$listeners is readonly

build任务下没有兼容config选项导致“no such file or directory open 'K:\gits\test\element-variables.scss' ”

在/lib/task.js中 build任务中，貌似读取覆盖这里，没有考虑到用户的config选项导致读取文件不存在报错，

var varsPath = path.resolve(config.themePath, './src/common/var.scss')
fs.writeFileSync(varsPath, fs.readFileSync(path.resolve(process.cwd(), config.config)), 'utf-8')

是否支持编译的代码只兼容chrome 没有火狐或者ie的前缀

生成出来的index.css，有一堆.el-input__inner样式

执行命令1：et -i
执行命令2：et

生成的文件：theme/index.css
里边有一堆重复的el-input_inner定义
好像和input相关的都重复了一大堆

版本：0.7.1

Doesn't acknowledge config argument

I'm running et -c resources/assets/less/element-variables.scss from the root of my project but the generator seems to be ignoring the argument and looking for element-variables.scss in the working directory.

Error: ENOENT: no such file or directory, open '/Users/richard/Sites/test/element-variables.scss'

If I run it from resources/assets/less it asks me to install element-theme-chalk

2.0.1 has 5 vulnerabilities, needs to upgrade

element-theme has 5 high risk vulnerabilities

when you run npm audit:

无法初始化变量文件

按照官网提示，一步步走到这步，就报错

et 无法在 node v8 版本跑起来

大概是因为在 v6 版本构建的，没办法在 v8 版本运行 et。目前解决方案是 nvm 切换到 v6 版本把theme跑一遍再切换 v8 版本 npm run dev

"Components" option has no any effect

Using this config, CSS for all components is always generated.

const buildOptions =  {
  browsers: ['ie > 10', 'last 2 versions'],
  out: path + 'theme',
  config: path + 'element-variables.scss',
  minimize: false,
  components: ['button', 'input', 'select']
}

[Error - input.scss] Undefined variable: "$--input-clear-hover-color"

Versions

element-theme: 2.0.1
element-ui: 2.0.7
element-theme-chalk: 2.0.7

Problem

When I run et -i, I get the file element-variables.scss. This file doesn't contain the variable $--input-clear-hover-color. And when I run et, I get the following output:

$>et

\ build element theme

events.js:160
      throw er; // Unhandled 'error' event
      ^
Error: node_modules\element-theme-chalk\src\input.scss
Error: Undefined variable: "$--input-clear-hover-color".
        on line 19 of node_modules/element-theme-chalk/src/input.scss
>>       color: $--input-clear-hover-color;
   -------------^

    at Object.module.exports.renderSync (C:\Users\rvanrent080817\AppData\Local\Yarn\config\global\node_modules\node-sass\lib\index
.js:439:16)
    at DestroyableTransform._transform (C:\Users\rvanrent080817\AppData\Local\Yarn\config\global\node_modules\gulp-sass\index.js:1
57:36)
    at DestroyableTransform.Transform._read (C:\Users\rvanrent080817\AppData\Local\Yarn\config\global\node_modules\readable-stream
\lib\_stream_transform.js:182:10)
    at DestroyableTransform.Transform._write (C:\Users\rvanrent080817\AppData\Local\Yarn\config\global\node_modules\readable-strea
m\lib\_stream_transform.js:170:83)
    at doWrite (C:\Users\rvanrent080817\AppData\Local\Yarn\config\global\node_modules\readable-stream\lib\_stream_writable.js:406:
64)
    at writeOrBuffer (C:\Users\rvanrent080817\AppData\Local\Yarn\config\global\node_modules\readable-stream\lib\_stream_writable.j
s:395:5)
    at DestroyableTransform.Writable.write (C:\Users\rvanrent080817\AppData\Local\Yarn\config\global\node_modules\readable-stream\
lib\_stream_writable.js:322:11)
    at write (C:\Users\rvanrent080817\AppData\Local\Yarn\config\global\node_modules\gulp\node_modules\readable-stream\lib\_stream_
readable.js:623:24)
    at flow (C:\Users\rvanrent080817\AppData\Local\Yarn\config\global\node_modules\gulp\node_modules\readable-stream\lib\_stream_r
eadable.js:632:7)
    at DestroyableTransform.pipeOnReadable (C:\Users\rvanrent080817\AppData\Local\Yarn\config\global\node_modules\gulp\node_module
s\readable-stream\lib\_stream_readable.js:664:5)

How am I supposed to fix this?

upgrade to 2.x failed

I tried to upgrade to 2.x

I do uptrade element-theme to "^2.0.1"
and install element-theme-chalk to "^2.0.7"

but when I tried to run "et", still throw Error " please install 'element-theme-default' ", that make me crazy almost

pls help me, thanks!

Error: Undefined variable: "$--checkbox-bordered-height".

工具生成的文件element-variables.scss里面好像缺失了很多变量，开始我以为只是缺一个就手动补上了，没想到补上一个还要一个，我怀疑是工具没有及时的更新

为什么element-variables 文件是css 后缀而不是scss

Variables that use colour() function can't be customised

As I was trying to customise the colours, I found using variables set using the color() function wouldn't inherit from the local scope of variables. So:

  --color-base-black: color(var(--color-black) h(+6) s(33%) l(18%));

Will always use the #000 set to --color-black in theme-default/src/common/vars.css rather than whatever you set it to in your custom element-variables.css file.

layout布局的问题

响应式布局的时候。1200和1920差距很大，这样就导致1400,1600的分辨率的时候误差很大

load config from package.json

{
  "element-theme": {
    "config": "variables/file/path",
    "out": "theme/output/path",
    "minimize": true,
    "browsers": []
  }
}

Feature Request: Configure component files to build

Thanks! This is already working really well.

I'm using components of the entire element-ui library so I don't need to generate a css file for every single component. Just base.css and the components that I'm using. It would cool if there was a way you could tell the cli to only build theme files that are necessary.

"components": [
  "button",
  "select",
  "option"
]

If you are open to the idea I can submit a PR.

Crashed with npm v3.10.9

When I try to make my own theme, it throws error below, can you help me solve this issue?
Thanks.

$ node -v
v6.9.1

$ npm -v
3.10.9

$ et --version
0.2.0

$ et -i

√ Generator variables file

$ et

√ build theme font
- build element theme

events.js:160
      throw er; // Unhandled 'error' event
      ^
Error: ENOENT: no such file or directory, open '\node_modules\element-theme-default\src\vue-popup\lib\popup.css'
    at Error (native)

RTL support?

Any guide for RTL support?

Dont suggest RTL.css for patch 😞

监听代码在首次运行时如何让其不影响其他运行重复反馈

将监听代码加入到框架构建的开发模式（webpack.dev.conf.js）下，为什么启动的时候会有多余重复的命令打印出来

使用方式：

var et = require('element-theme')
// watch mode
et.watch({
  config: './src/assets/varieties.css',
  out: './src/assets/css'
})

以下是控制台打印的重复命令提示：


webpack: wait until bundle finished: /index.html
√ build theme font
webpack built 8995c2f2442cf844547a in 7292ms
Hash: 8995c2f2442cf844547a
Version: webpack 1.14.0
Time: 7292ms
                                 Asset       Size  Chunks             Chunk Names
static/fonts/element-icons.a61be9c.eot    13.5 kB          [emitted]  
static/fonts/element-icons.b02bdc1.ttf    13.2 kB          [emitted]  
  static/img/element-icons.09162bc.svg    17.4 kB          [emitted]  
                                app.js    4.22 MB       0  [emitted]  app
                            index.html  249 bytes          [emitted]  
Child html-webpack-plugin for "index.html":
         Asset     Size  Chunks       Chunk Names
    index.html  1.47 MB       0       
webpack: bundle is now VALID.
webpack: bundle is now INVALID.
webpack: wait until bundle finished: /app.js
webpack building...
webpack built a844ddcd769a07a2993d in 1152ms
Hash: a844ddcd769a07a2993d
Version: webpack 1.14.0
Time: 1152ms
                                 Asset      Size  Chunks             Chunk Names
static/fonts/element-icons.a61be9c.eot   13.5 kB                     
static/fonts/element-icons.b02bdc1.ttf   13.2 kB                     
  static/img/element-icons.09162bc.svg   17.4 kB                     
                                app.js   4.24 MB       0  [emitted]  app
  0.8995c2f2442cf844547a.hot-update.js   25.6 kB       0  [emitted]  app
  8995c2f2442cf844547a.hot-update.json  36 bytes          [emitted]  
Child html-webpack-plugin for "index.html":
         Asset     Size  Chunks       Chunk Names
    index.html  1.47 MB       0       
webpack: bundle is now VALID.
webpack: bundle is now INVALID.
webpack building...
webpack built a844ddcd769a07a2993d in 882ms
Hash: a844ddcd769a07a2993d
Version: webpack 1.14.0
Time: 882ms
                                 Asset     Size  Chunks       Chunk Names
static/fonts/element-icons.a61be9c.eot  13.5 kB               
static/fonts/element-icons.b02bdc1.ttf  13.2 kB               
  static/img/element-icons.09162bc.svg  17.4 kB               
                                app.js  4.24 MB       0       app
Child html-webpack-plugin for "index.html":
         Asset     Size  Chunks       Chunk Names
    index.html  1.47 MB       0       
webpack: bundle is now VALID.
√ watch element theme

按官网手册，在项目中安装et，在node_modules/.bin下执行 et -i 路径问题。

手册地址：http://element.eleme.io/#/zh-CN/component/custom-theme
我执行：
F:\my-work\backstage-admin\node_modules\.bin>et -i
× Pleace install element-theme-default``
最后我修改了一下路径
修改的js文件：
F:\my-work\backstage-admin\node_modules\element-theme\lib\config.js
修改的代码：
`exports.themePath = path.resolve(process.cwd(), '../../node_modules/element-theme-default')`
（原谅我不知道怎么在这里贴图）

编译主题的时候，应该忽略 common/var.scss 或者不要编译自定义生成的变量文件

fs.writeFileSync(varsPath, fs.readFileSync(path.resolve(process.cwd(), opts.config || config.config)), 'utf-8')

stream = gulp.src([opts.config || config.config, path.resolve(config.themePath, './src/' + cssFiles + '.scss')])

第一行这里已经将自定义的变量文件内容拷贝到了 common/var.scss 里面了，为什么在第二行那里还要将自定义的变量文件加到 gulp.src 那里？我的项目有自己的颜色变量，我在生成的变量文件那里引用我项目的变量文件，这个工具这样子处理的话，我引用的路径永远都写不对

Update Element-ui to 2.0.7, theme is messed up, something is wrong with css files.

Update Element-UI to 2.0.7, the theme is messed up, something is wrong with CSS files.

初始化文件成功,但是编译不成功

已经npm update 过了

billsMBP:www bill$ node_modules/.bin/et -i

✔ Generator variables file

billsMBP:www bill$ npm run theme-once

[email protected] theme-once /Users/workplace/www
et -o ./src/assets/theme

✔ build theme font
[10:04:31] gulp-postcss: autocomplete.css
postcss-custom-properties: /Users/workplace/www/node_modules/element-theme-default/src/input.css:129:7: variable '--color-dark-white' is undefined and used without a fallback
postcss-custom-properties: /Users/workplace/www/node_modules/element-theme-default/src/input.css:130:7: variable '--color-light-silver' is undefined and used without a fallback
postcss-custom-properties: /Users/workplace/www/node_modules/element-theme-default/src/autocomplete.css:35:7: variable '--color-extra-light-black' is undefined and used without a fallback
postcss-custom-properties: /Users/workplace/www/node_modules/element-theme-default/src/autocomplete.css:53:9: variable '--color-base-gray' is undefined and used without a fallback
postcss-custom-properties: /Users/workplace/www/node_modules/element-theme-default/src/autocomplete.css:18:7: variable '--color-base-gray' is undefined and used without a fallback
⠸ build element theme[10:04:31] gulp-postcss: breadcrumb.css
postcss-custom-properties: /Users/workplace/www/node_modules/element-theme-default/src/breadcrumb.css:13:7: variable '--color-extra-light-silver' is undefined and used without a fallback
postcss-custom-properties: /Users/workplace/www/node_modules/element-theme-default/src/breadcrumb.css:34:13: variable '--color-light-silver' is undefined and used without a fallback
postcss-custom-properties: /Users/workplace/www/node_modules/element-theme-default/src/breadcrumb.css:21:11: variable '--color-extra-light-black' is undefined and used without a fallback
⠼ build element theme[10:04:31] gulp-postcss: button.css
postcss-custom-properties: /Users/workplace/www/node_modules/element-theme-default/src/button.css:89:11: variable '--color-base-gray' is undefined and used without a fallback
postcss-custom-properties: /Users/workplace/www/node_modules/element-theme-default/src/button.css:90:11: variable '--color-extra-light-silver' is undefined and used without a fallback
⠴ build element theme[10:04:31] gulp-postcss: cascader.css
postcss-custom-properties: /Users/workplace/www/node_modules/element-theme-default/src/input.css:129:7: variable '--color-dark-white' is undefined and used without a fallback
postcss-custom-properties: /Users/workplace/www/node_modules/element-theme-default/src/input.css:130:7: variable '--color-light-silver' is undefined and used without a fallback
postcss-custom-properties: /Users/workplace/www/node_modules/element-theme-default/src/cascader.css:48:9: variable '--color-light-silver' is undefined and used without a fallback
postcss-custom-properties: /Users/workplace/www/node_modules/element-theme-default/src/cascader.css:127:9: variable '--select-option-disabled-background' is undefined and used without a fallback
⠧ build element theme[10:04:31] gulp-postcss: color-picker.css
postcss-custom-properties: /Users/workplace/www/node_modules/element-theme-default/src/color-picker.css:165:7: variable '--color-base-black' is undefined and used without a fallback
postcss-custom-properties: /Users/workplace/www/node_modules/element-theme-default/src/color-picker.css:260:7: variable '--color-base-gray' is undefined and used without a fallback
⠇ build element theme[10:04:32] gulp-postcss: date-picker.css
postcss-custom-properties: /Users/workplace/www/node_modules/element-theme-default/src/date-picker/picker-panel.css:106:5: variable '--color-dark-white' is undefined and used without a fallback
postcss-custom-properties: /Users/workplace/www/node_modules/element-theme-default/src/date-picker/time-picker.css:78:7: variable '--color-base-silver' is undefined and used without a fallback
postcss-custom-properties: /Users/workplace/www/node_modules/element-theme-default/src/input.css:129:7: variable '--color-dark-white' is undefined and used without a fallback
postcss-custom-properties: /Users/workplace/www/node_modules/element-theme-default/src/input.css:130:7: variable '--color-light-silver' is undefined and used without a fallback
⠏ build element theme[10:04:32] gulp-postcss: dialog.css
postcss-custom-properties: /Users/workplace/www/node_modules/element-theme-default/src/dialog.css:58:7: variable '--color-base-black' is undefined and used without a fallback
postcss-custom-properties: /Users/workplace/www/node_modules/element-theme-default/src/dialog.css:63:7: variable '--color-extra-light-black' is undefined and used without a fallback
[10:04:32] gulp-postcss: dropdown.css
postcss-custom-properties: /Users/workplace/www/node_modules/element-theme-default/src/button.css:89:11: variable '--color-base-gray' is undefined and used without a fallback
postcss-custom-properties: /Users/workplace/www/node_modules/element-theme-default/src/button.css:90:11: variable '--color-extra-light-silver' is undefined and used without a fallback
postcss-custom-properties: /Users/workplace/www/node_modules/element-theme-default/src/dropdown.css:9:5: variable '--color-extra-light-black' is undefined and used without a fallback
postcss-custom-properties: /Users/workplace/www/node_modules/element-theme-default/src/dropdown.css:31:5: variable '--color-base-gray' is undefined and used without a fallback
postcss-custom-properties: /Users/workplace/www/node_modules/element-theme-default/src/dropdown.css:66:9: variable '--color-extra-light-silver' is undefined and used without a fallback
postcss-custom-properties: /Users/workplace/www/node_modules/element-theme-default/src/dropdown.css:54:9: variable '--color-base-gray' is undefined and used without a fallback
⠋ build element theme[10:04:32] gulp-postcss: form.css
postcss-custom-properties: /Users/workplace/www/node_modules/element-theme-default/src/form.css:53:7: variable '--color-extra-light-black' is undefined and used without a fallback
⠼ build element theme

events.js:160
throw er; // Unhandled 'error' event
^
Error: /Users/workplace/www/node_modules/element-theme-default/src/upload.css:73:7: Unable to parse color from string "var(--color-extra-light-silver)"
at /Users/workplace/www/node_modules/element-theme-default/src/upload.css:73:7
at Object.Color (/Users/workplace/www/node_modules/color/index.js:34:10)
at Color (/Users/workplace/www/node_modules/color/index.js:11:10)
at rgba (/Users/workplace/www/node_modules/postcss-sass-color-functions/index.js:19:12)
at handleFunction (/Users/workplace/www/node_modules/postcss-sass-color-functions/index.js:111:25)
at /Users/workplace/www/node_modules/postcss-sass-color-functions/index.js:80:16
at Object.tryCatch [as try] (/Users/workplace/www/node_modules/postcss-message-helpers/index.js:53:12)
at transformDecl (/Users/workplace/www/node_modules/postcss-sass-color-functions/index.js:79:31)
at /Users/workplace/www/node_modules/postcss/lib/container.js:192:28
at /Users/workplace/www/node_modules/postcss/lib/container.js:148:26
at Rule.each (/Users/workplace/www/node_modules/postcss/lib/container.js:114:22)

npm ERR! Darwin 16.4.0
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "run" "theme-once"
npm ERR! node v6.9.1
npm ERR! npm v4.0.3
npm ERR! code ELIFECYCLE
npm ERR! [email protected] theme-once: et -o ./src/assets/theme
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] theme-once script 'et -o ./src/assets/theme'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the www package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! et -o ./src/assets/theme
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs www
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls www
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! /Users/workplace/www/npm-debug.log

不能输出为 less 或者其他预处理器的版本吗

我想在自己编写的less中使用 element-variables.css 中的变量目前有什么方法吗？

bash: et: command not found

Cuando quiero generar un tema con el comando "et --watch ....." me sale este error al ejecutarlo.

et -i , please install `element-theme-chalk`

根据readme提示，安装了

但是在.bin目录：et -i 报错：please install element-theme-chalk
但是在element-theme-chalk/element-theme-chalk是安装成功的
为何？

element-theme/lib/task.js line 34

element-theme/lib/task.js

line 34 s.writeFileSync(varsPath, fs.readFileSync(path.resolve(process.cwd(), config.config)), 'utf-8')
=> s.writeFileSync(varsPath, fs.readFileSync(path.resolve(process.cwd(), opts.config)), 'utf-8')

npm WARN [email protected] requires a peer of element-theme-chalk@* but none is installed. You must install peer dependencies yourself.

若是拿着psd设计稿,应该是怎样的一个工作流

以前做web页面都是拿着psd来切图,按像素来切出一个个小块
现在用到element-ui,
一个实际的问题
Slider 组件,如果我现在想着slider中间的圆滑块改成一个火车头的图片,滑动条改成一个铁轨.
我psd应该是什么尺寸的设计图,
改的步骤又是什么样子的?
是把火车图切下来,比较如30*30px,然后放slider对应的css中作为background-image吗?

.el-submenu__title class cannot set height

.el-submenu__title class cannot set height, can i change it via config element-variables.css?

theme-chalk

How to use with theme-chalk?
Looks like theme-chalk is using scss, and element-theme assumes themes are using css and fails (here).

更新有一些安全隐患的包

运行

$ npm audit

                                                                                
                       === npm audit security report ===                        
                                                                                
┌──────────────────────────────────────────────────────────────────────────────┐
│                                Manual Review                                 │
│            Some vulnerabilities require your attention to resolve            │
│                                                                              │
│         Visit https://go.npm.me/audit-guide for additional guidance          │
└──────────────────────────────────────────────────────────────────────────────┘
┌───────────────┬──────────────────────────────────────────────────────────────┐
│ High          │ Regular Expression Denial of Service                         │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Package       │ minimatch                                                    │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Patched in    │ >=3.0.2                                                      │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Dependency of │ element-theme [dev]                                          │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Path          │ element-theme > gulp > vinyl-fs > glob-stream > glob >       │
│               │ minimatch                                                    │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ More info     │ https://nodesecurity.io/advisories/118                       │
└───────────────┴──────────────────────────────────────────────────────────────┘
┌───────────────┬──────────────────────────────────────────────────────────────┐
│ High          │ Regular Expression Denial of Service                         │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Package       │ minimatch                                                    │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Patched in    │ >=3.0.2                                                      │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Dependency of │ element-theme [dev]                                          │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Path          │ element-theme > gulp > vinyl-fs > glob-stream > minimatch    │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ More info     │ https://nodesecurity.io/advisories/118                       │
└───────────────┴──────────────────────────────────────────────────────────────┘
┌───────────────┬──────────────────────────────────────────────────────────────┐
│ High          │ Regular Expression Denial of Service                         │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Package       │ minimatch                                                    │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Patched in    │ >=3.0.2                                                      │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Dependency of │ element-theme [dev]                                          │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Path          │ element-theme > gulp > vinyl-fs > glob-watcher > gaze >      │
│               │ globule > glob > minimatch                                   │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ More info     │ https://nodesecurity.io/advisories/118                       │
└───────────────┴──────────────────────────────────────────────────────────────┘
┌───────────────┬──────────────────────────────────────────────────────────────┐
│ High          │ Regular Expression Denial of Service                         │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Package       │ minimatch                                                    │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Patched in    │ >=3.0.2                                                      │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Dependency of │ element-theme [dev]                                          │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Path          │ element-theme > gulp > vinyl-fs > glob-watcher > gaze >      │
│               │ globule > minimatch                                          │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ More info     │ https://nodesecurity.io/advisories/118                       │
└───────────────┴──────────────────────────────────────────────────────────────┘
┌───────────────┬──────────────────────────────────────────────────────────────┐
│ Low           │ Prototype Pollution                                          │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Package       │ lodash                                                       │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Patched in    │ >=4.17.5                                                     │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Dependency of │ element-theme [dev]                                          │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Path          │ element-theme > gulp > vinyl-fs > glob-watcher > gaze >      │
│               │ globule > lodash                                             │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ More info     │ https://nodesecurity.io/advisories/577                       │
└───────────────┴──────────────────────────────────────────────────────────────┘
found 5 vulnerabilities (1 low, 4 high) in 14731 scanned packages
  5 vulnerabilities require manual review. See the full report for details.

表格头部字体颜色和背景色被编译成一样了

can not output file to the specified path

I have installed the element-variables.css to the specified path, but when I generated the theme, it aways alert Not found variables file, please run "et -i"

You tried to parse SCSS with the standard CSS parser

After upgrading all my dependencies, I get the following error:

$ et -w -c resources/assets/element/element.scss -o resources/assets/element/theme/

⠙ watch element theme

events.js:183
      throw er; // Unhandled 'error' event
      ^
Error: /resources/assets/element/element.scss:407:34: Unknown word
You tried to parse SCSS with the standard CSS parser; try again with the postcss-scss parser

How can I solve this?

How to extend the stylesheet in "element-variables.css"?

I want to change the background color of the table, but neither "table-body-background" nor "table-body-background" works. Does it support to extend the variables defined in "element-variables.css"? Are there any documents?

命令行生成的index.css文件过大原来是因为这个？

el-button相关的样式生成的时候，重复了四次，其他的组件样式或多或少也会有些重复。

button组件的 hover 和 active 颜色是什么变量控制怎么修改

麻烦告知一下

Undefined variable: "$--menu-item-font-size"

通过element-theme 执行et --init报错！

跟踪代码发现，最近有做调整？而通过et --init创建的变量文件未更新！！
https://github.com/ElementUI/theme-chalk/blob/master/src/common/var.scss 600行
新增变量 $--menu-item-font-size: $--font-size-base !default;

https://github.com/ElementUI/theme-chalk/blob/master/src/menu.scss 9行
调用变量 font-size: $--menu-item-font-size;

修改--color-primary，step控件文字和背景颜色不改变

step控件背景色和字体颜色修改前是主色，我认为修改--color-primary后step控件应该要跟随主色，对嘛？

Theme Preview website dont change button:active color

When the button is active the color remains blue (the default color)

按需生成css, 生成结果中没有指定模块的css集合 index.css

var et = require('element-theme')
et.watch({
    browsers: ["ie > 9", "last 2 versions"],
    config: './src/scss/element-variables.css',
    out: './src/scss/element-theme',
    watch: './element-theme.js',
    theme: "element-theme-default",
    minimize: false,
    components: [ "button", "input", "menu", "index" ],
});

最终生成的文件列表

├── base.css
├── button.css
├── element-variables.css
├── fonts
│   ├── element-icons.ttf
│   └── element-icons.woff
├── input.css
└── menu.css

能否生成一个指定组件css的集合

element-variables.css is erased after build process

Why does the variable file becomes empty after building the theme ?
Can we fix this please?

Upgrading from 0.7.x to 2.0.1 failed with default chalk theme

Hi, I used to have the following versions work fine with ElementUI 1.4.

   "element-theme": "^0.7.1",
   "element-theme-default": "^1.2.2",

Now I'm trying to upgrade to ElementUI 2.0 with the following theme packages:

    "element-theme": "2.0.1",
    "element-theme-chalk": "2.0.8",

I ran et -i which generated a default chalk theme file, and then et failed with the following error messages:

- build element theme

events.js:160
      throw er; // Unhandled 'error' event
      ^
Error: client\webpack\base\styles\element-variables-chalk.css
Error: Invalid CSS after "...mary) s(99%) l(": expected expression (e.g. 1px
, bold), was "*0.9));"
        on line 17 of client/webpack/base/styles/element-variables-chalk.css

>> dary: color(var(--color-primary) s(99%) l(*0.9));
   ------------------------------------------^

    at Object.module.exports.renderSync (C:\Users\jiaxi\Source\Repos\Toronto
\src\websites\Toronto\Portal.Web\node_modules\node-sass\lib\index.js:439:16)

    at DestroyableTransform._transform (C:\Users\jiaxi\Source\Repos\Toronto\
src\websites\Toronto\Portal.Web\node_modules\gulp-sass\index.js:157:36)
    at DestroyableTransform.Transform._read (C:\Users\jiaxi\Source\Repos\Tor
onto\src\websites\Toronto\Portal.Web\node_modules\through2\node_modules\read
able-stream\lib\_stream_transform.js:182:10)
    at DestroyableTransform.Transform._write (C:\Users\jiaxi\Source\Repos\To
ronto\src\websites\Toronto\Portal.Web\node_modules\through2\node_modules\rea
dable-stream\lib\_stream_transform.js:170:83)
    at doWrite (C:\Users\jiaxi\Source\Repos\Toronto\src\websites\Toronto\Por
tal.Web\node_modules\through2\node_modules\readable-stream\lib\_stream_writa
ble.js:406:64)
    at writeOrBuffer (C:\Users\jiaxi\Source\Repos\Toronto\src\websites\Toron
to\Portal.Web\node_modules\through2\node_modules\readable-stream\lib\_stream
_writable.js:395:5)
    at DestroyableTransform.Writable.write (C:\Users\jiaxi\Source\Repos\Toro
nto\src\websites\Toronto\Portal.Web\node_modules\through2\node_modules\reada
ble-stream\lib\_stream_writable.js:322:11)
    at write (C:\Users\jiaxi\Source\Repos\Toronto\src\websites\Toronto\Porta
l.Web\node_modules\vinyl-fs\node_modules\readable-stream\lib\_stream_readabl
e.js:623:24)
    at flow (C:\Users\jiaxi\Source\Repos\Toronto\src\websites\Toronto\Portal
.Web\node_modules\vinyl-fs\node_modules\readable-stream\lib\_stream_readable
.js:632:7)
    at DestroyableTransform.pipeOnReadable (C:\Users\jiaxi\Source\Repos\Toro
nto\src\websites\Toronto\Portal.Web\node_modules\vinyl-fs\node_modules\reada
ble-stream\lib\_stream_readable.js:664:5)

Line 17 of the default theme file is:

    --color-secondary: color(var(--color-primary) s(99%) l(*0.9));

Any help is appreciated. Thanks!!

Upgrading postcss-salad?

I get npm warnings on deprecating fs-promise:

npm WARN deprecated [email protected]: Use mz or fs-extra^3.0 with Promise Support
npm WARN deprecated [email protected]: Use mz or fs-extra^3.0 with Promise Support

These dependencies come from [email protected], and the most recent version of postcss-salad is 2.0.1. Any plans of upgrading this dependency to remove the deprecation warnings?