blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

feat(cli): support resolve static documents

Browse Source
This commit is contained in:
陈嘉涵 2019-11-19 11:37:13 +08:00
parent b7d142322b
commit df213cd1f8
3 changed files with 78 additions and 84 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

93
packages/vant-cli/site/desktop/components/Nav.vue
View File

@ -1,26 +1,20 @@
<template>
<div class="van-doc-nav" :style="style">
<div v-for="(item, index) in navConfig" class="van-doc-nav__item" :key="index">
<van-doc-nav-link :item="item" :base="base" />
<div v-if="item.children">
<div
class="nav-item van-doc-nav__group-title van-doc-nav__group-title"
v-for="(navItem, navIndex) in item.children"
:key="navIndex"
v-for="(group, index) in navConfig"
class="van-doc-nav__group"
:key="index"
>
<van-doc-nav-link :item="navItem" :base="base" />
</div>
</div>
<template v-if="item.groups">
<div v-for="(group, groupIndex) in item.groups" :key="groupIndex">
<div class="van-doc-nav__group-title">{{ group.groupName }}</div>
<div>
<template v-for="(navItem, navItemIndex) in group.list">
<div v-if="!navItem.disabled" :key="navItemIndex" class="van-doc-nav__subitem">
<van-doc-nav-link :item="navItem" :base="base" />
</div>
</template>
<div class="van-doc-nav__title">
{{ group.title }}
</div>
<template v-if="group.items">
<div
v-for="(item, groupIndex) in group.items"
:key="groupIndex"
class="van-doc-nav__item"
>
<van-doc-nav-link :item="item" :base="base" />
</div>
</template>
</div>
@ -86,10 +80,9 @@ export default {
z-index: 1;
min-width: @van-doc-nav-width;
max-width: @van-doc-nav-width;
padding: 25px 0 75px;
padding: 24px 0 72px;
overflow-y: scroll;
background-color: #fff;
border-right: 1px solid @van-doc-border-color;
box-shadow: 0 8px 12px #ebedf0;
@media (min-width: @van-doc-row-max-width) {
@ -112,64 +105,46 @@ export default {
background-color: rgba(69, 90, 100, 0.2);
}
&__item,
&__subitem {
&__group {
margin-bottom: 16px;
}
&__title {
padding: 8px 0 8px @van-doc-padding;
color: #455a64;
font-weight: 500;
font-size: 15px;
line-height: 28px;
}
&__item {
a {
display: block;
margin: 0;
padding: 10px 0 10px @van-doc-padding;
padding: 8px 0 8px @van-doc-padding;
color: #455a64;
font-size: 16px;
line-height: 24px;
font-size: 14px;
line-height: 28px;
transition: all 0.3s;
&:hover {
color: #000;
}
&.active {
color: #000;
font-weight: 500;
font-size: 15px;
}
}
}
&__item {
> a {
font-weight: 500;
}
}
&__subitem {
a {
font-size: 14px;
&:hover {
color: #000;
}
}
span {
font-size: 13px;
}
}
&__group-title {
padding-left: @van-doc-padding;
color: @van-doc-text-light-blue;
font-size: 12px;
line-height: 40px;
}
@media (max-width: 1300px) {
min-width: 220px;
max-width: 220px;
&__item,
&__subitem {
a {
line-height: 22px;
}
}
&__subitem {
&__item {
a {
font-size: 13px;
}

5
packages/vant-cli/src/common/constant.ts
View File

@ -1,10 +1,11 @@
import { join } from 'path';
export const CWD = process.cwd();
export const SRC_DIR = join(CWD, 'src');
export const CONFIG_FILE = join(CWD, 'components.config.js');
export const ES_DIR = join(CWD, 'es');
export const LIB_DIR = join(CWD, 'lib');
export const SRC_DIR = join(CWD, 'src');
export const DOC_DIR = join(CWD, 'doc');
export const CONFIG_FILE = join(CWD, 'components.config.js');
export const DIST_DIR = join(__dirname, '../../dist');
export const CONFIG_DIR = join(__dirname, '../config');
export const MOBILE_CONFIG_FILE = join(DIST_DIR, 'mobile-config.js');

52
packages/vant-cli/src/compiler/gen-desktop-config.ts
View File

@ -1,35 +1,51 @@
import { join, relative } from 'path';
import glob from 'fast-glob';
import { join, parse, relative } from 'path';
import { existsSync, writeFileSync } from 'fs-extra';
import { pascalize, removeExt, getComponents } from '../common';
import {
SRC_DIR,
CONFIG_FILE,
DOC_DIR,
DIST_DIR,
CONFIG_FILE,
DESKTOP_CONFIG_FILE
} from '../common/constant';
function checkDocumentExists(component: string) {
type DocumentItem = {
name: string;
path: string;
};
function resolveDocuments(components: string[]): DocumentItem[] {
const componentDocs = components
.filter(component => {
const absolutePath = join(SRC_DIR, component, 'README.md');
return existsSync(absolutePath);
})
.map(component => ({
name: pascalize(component),
path: join(SRC_DIR, component, 'README.md')
}));
const staticDocs = glob.sync(join(DOC_DIR, '**/*.md')).map(path => ({
name: pascalize(parse(path).name),
path
}));
return [...componentDocs, ...staticDocs];
}
function genImportDocuments(components: string[]) {
return components
.filter(component => checkDocumentExists(component))
.map(component => {
const absolutePath = join(SRC_DIR, component, 'README.md');
const relativePath = relative(DIST_DIR, absolutePath);
return `import ${pascalize(component)} from '${relativePath}';`;
function genImportDocuments(items: DocumentItem[]) {
return items
.map(item => {
const relativePath = relative(DIST_DIR, item.path);
return `import ${item.name} from '${relativePath}';`;
})
.join('\n');
}
function genExportDocuments(components: string[]) {
function genExportDocuments(items: DocumentItem[]) {
return `export const documents = {
${components
.filter(component => checkDocumentExists(component))
.map(component => pascalize(component))
.join(',\n ')}
${items.map(item => item.name).join(',\n ')}
};`;
}
@ -44,11 +60,13 @@ function genExportConfig() {
export function genDesktopConfig() {
const components = getComponents();
const documents = resolveDocuments(components);
const code = `${genImportConfig()}
${genImportDocuments(components)}
${genImportDocuments(documents)}
${genExportConfig()}
${genExportDocuments(components)}
${genExportDocuments(documents)}
`;
writeFileSync(DESKTOP_CONFIG_FILE, code);