-
Notifications
You must be signed in to change notification settings - Fork 18
/
styleguide.config.js
116 lines (110 loc) · 3.63 KB
/
styleguide.config.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
const path = require('path');
const _ = require('lodash');
const webpack = require('webpack');
const webpackConfig = require('./webpack.config.js');
let components = require('./.styleguide/components.js');
const namePrefix = '❖ ';
const basePath = 'src/components/';
const fileSuffix = '.{jsx,tsx}';
const isProd = process.env.NODE_ENV === 'production';
components = _.map(components, section => {
const { name, sections, ...rest } = section;
return {
name: name,
sections: _.map(sections, section => {
const { name, components, content, ...rest } = section;
const path = basePath + name + '/';
const newSection = {
name: namePrefix + name,
components: components
? components.map(component => path + component + fileSuffix)
: [path + name + fileSuffix],
...rest
};
if (section.content) {
newSection.content = path + content;
}
return newSection;
}),
sectionDepth: 1,
content: `docs/${name.toLowerCase()}.md`,
...rest
};
});
module.exports = {
title: 'UCloud React Components',
template: {
head: {
links: [
{
rel: 'shortcut icon',
href: './favicon.ico',
type: 'image/x-icon'
},
{
href: './style.css',
rel: 'stylesheet'
},
{
href: './style/icon.css',
rel: 'stylesheet'
},
{
href: './style/reset.css',
rel: 'stylesheet'
}
],
scripts: [
{
src: './script/polyfill.min.js'
}
]
}
},
theme: {
baseBackground: '#fdfdfc',
link: '#274e75',
linkHover: '#90a7bf',
border: '#e0d2de',
font: ['Helvetica', 'sans-serif']
},
styleguideComponents: {
LogoRenderer: path.join(__dirname, '.styleguide/components/LogoRenderer'),
StyleGuideRenderer: path.join(__dirname, '.styleguide/components/StyleGuideRenderer'),
ReactComponentRenderer: path.join(__dirname, '.styleguide/components/ReactComponentRenderer'),
Examples: path.join(__dirname, '.styleguide/components/Examples'),
ReactExample: path.join(__dirname, '.styleguide/components/ReactExample'),
ArgumentRenderer: path.join(__dirname, '.styleguide/components/ArgumentRenderer'),
ParaRenderer: path.join(__dirname, '.styleguide/components/ParaRenderer')
},
require: [path.join(__dirname, '.styleguide/setup.js')],
assetsDir: 'static/',
sections: [
{
name: '组件介绍',
content: './README.md'
},
{
name: '开发指南',
content: './DEVELOP.md'
},
{
name: '更新日志',
content: './CHANGELOG.md'
},
...components
],
getExampleFilename(componentPath) {
return componentPath.replace(/\.(j|t)sx?$/, '.md');
},
webpackConfig: {
...webpackConfig,
plugins: (webpackConfig.plugins || []).concat(new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/))
},
pagePerSection: true,
skipComponentsWithoutExample: true,
usageMode: isProd ? 'expand' : 'collapse',
serverPort: 6080,
sortProps: props => props,
styleguideDir: process.env.STYLEGUIDE_BUILD_DIR || 'styleguide-build/default'
};