-
Notifications
You must be signed in to change notification settings - Fork 145
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
chore: add css variables content for api docs
- Loading branch information
Showing
4 changed files
with
274 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,63 @@ | ||
| const fs = require('fs'); | ||
| const path = require('path'); | ||
|
|
||
| const combine = { | ||
| cell: ['cell', 'cell-group'], | ||
| dropdown: ['dropdown-menu', 'dropdown-item'], | ||
| tag: ['tag', 'check-tag'], | ||
| checkbox: ['checkbox', 'checkbox-group'], | ||
| indexes: ['indexes', 'indexes-anchor'], | ||
| steps: ['steps', 'step-item'], | ||
| swiper: ['swiper', 'swiper-nav'], | ||
| tabs: ['tabs', 'tab-panel'], | ||
| 'tab-bar': ['tab-bar', 'tab-bar-item'], | ||
| grid: ['grid', 'grid-item'], | ||
| }; | ||
|
|
||
| function resolveCwd(...args) { | ||
| args.unshift(process.cwd()); | ||
| return path.join(...args); | ||
| } | ||
|
|
||
| const COMPONENT_NAME = process.argv[process.argv.indexOf('--NAME') + 1]; // 在 --NAME 后面 | ||
|
|
||
| const matchReg = /(?<=var).*?(?=\;)/g; | ||
|
|
||
| // 使用 v2 文件夹下变量文件 | ||
| const lessPath = []; | ||
| if (combine[COMPONENT_NAME]) { | ||
| combine[COMPONENT_NAME].map((item, index) => { | ||
| lessPath.push(resolveCwd(`src/_common/style/mobile/components/${item}/v2/_var.less`)); | ||
| }); | ||
| } else { | ||
| lessPath.push(resolveCwd(`src/_common/style/mobile/components/${COMPONENT_NAME}/v2/_var.less`)); | ||
| } | ||
|
|
||
| // 追加到文件 | ||
| const cssVariableHeadContent = `\n\n### CSS 变量\n组件提供了下列 CSS 变量，可用于自定义样式.\n名称 | 默认值 | 描述 \n -- | -- | --\n`; | ||
|
|
||
| fs.appendFileSync(resolveCwd(`src/${COMPONENT_NAME}/${COMPONENT_NAME}.md`), cssVariableHeadContent); | ||
| fs.appendFileSync(resolveCwd(`src/${COMPONENT_NAME}/${COMPONENT_NAME}.en-US.md`), cssVariableHeadContent); | ||
|
|
||
| // 读取 less 文件内容 | ||
| lessPath.map((item, index) => { | ||
| if (fs.existsSync(item)) { | ||
| fs.readFile(item, 'utf8', (err, file) => { | ||
| if (err) { | ||
| console.log('please execute npm run update:css first!', err); | ||
| return; | ||
| } | ||
| const list = file.match(matchReg).sort(); | ||
| let cssVariableBodyContent = ''; | ||
| list.map((item, index) => { | ||
| const temp = item.slice(1, item.length - 1); | ||
| cssVariableBodyContent += `${item.slice(1, temp.indexOf(',') + 1)} | ${item.slice( | ||
| temp.indexOf(',') + 2, | ||
| item.length - 1, | ||
| )} | - \n`; | ||
| }); | ||
| fs.appendFileSync(resolveCwd(`src/${COMPONENT_NAME}/${COMPONENT_NAME}.md`), cssVariableBodyContent); | ||
| fs.appendFileSync(resolveCwd(`src/${COMPONENT_NAME}/${COMPONENT_NAME}.en-US.md`), cssVariableBodyContent); | ||
| }); | ||
| } | ||
| }); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters