alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

chore(cli): update eslint config and prettier codes

Browse Source
This commit is contained in:
陈嘉涵
2020-01-19 11:42:22 +08:00
parent 633e9cf59d
commit 1691451813
52 changed files with 383 additions and 363 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/vant-cli/site/common/iframe-router.js
+2 -2
View File
@@ -4,7 +4,7 @@
import { iframeReady, isMobile } from '.';
window.syncPath = function () {
window.syncPath = function() {
const router = window.vueRouter;
const isInIframe = window !== window.top;
const currentDir = router.history.current.path;
@@ -21,7 +21,7 @@ window.syncPath = function () {
}
};
window.replacePath = function (path = '') {
window.replacePath = function(path = '') {
// should preserve hash for anchor
if (window.vueRouter.currentRoute.path !== path) {
window.vueRouter.replace(path).catch(() => {});
packages/vant-cli/site/common/index.js
+1 -4
View File
@@ -27,7 +27,4 @@ export function decamelize(str, sep = '-') {
.toLowerCase();
}
export {
isMobile,
iframeReady
};
export { isMobile, iframeReady };
packages/vant-cli/site/common/style/var.less
+1 -1
View File
@@ -4,7 +4,7 @@
@van-doc-fuchsia: #a7419e;
@van-doc-green: #4fc08d;
@van-doc-text-color: #34495e;
@van-doc-text-light-blue: rgba(69, 90, 100, .6);
@van-doc-text-light-blue: rgba(69, 90, 100, 0.6);
@van-doc-background-color: #f7f8fa;
@van-doc-grey: #999;
@van-doc-dark-grey: #666;
packages/vant-cli/site/desktop/App.vue
+7 -7
View File
@@ -19,7 +19,7 @@ import { setLang } from '../common/locales';
export default {
components: {
VanDoc
VanDoc,
},
data() {
@@ -27,7 +27,7 @@ export default {
return {
packageVersion,
simulator: `${path}mobile.html${location.hash}`
simulator: `${path}mobile.html${location.hash}`,
};
},
@@ -41,7 +41,7 @@ export default {
const { locales = {} } = config.site;
return Object.keys(locales).map(key => ({
lang: key,
label: locales[key].langLabel || ''
label: locales[key].langLabel || '',
}));
},
@@ -61,14 +61,14 @@ export default {
}
return null;
}
},
},
watch: {
lang(val) {
setLang(val);
this.setTitle();
}
},
},
created() {
@@ -84,8 +84,8 @@ export default {
}
document.title = title;
}
}
},
},
};
</script>
packages/vant-cli/site/desktop/components/Container.vue
+2 -2
View File
@@ -12,8 +12,8 @@ export default {
name: 'van-doc-container',
props: {
hasSimulator: Boolean
}
hasSimulator: Boolean,
},
};
</script>
packages/vant-cli/site/desktop/components/Content.vue
+2 -2
View File
@@ -15,8 +15,8 @@ export default {
return path.split('/').slice(-1)[0];
}
return this.$route.name;
}
}
},
},
};
</script>
packages/vant-cli/site/desktop/components/Header.vue
+31 -13
View File
@@ -3,21 +3,36 @@
<div class="van-doc-row">
<div class="van-doc-header__top">
<a class="van-doc-header__logo">
<img :src="config.logo">
<img :src="config.logo" />
<span>{{ config.title }}</span>
</a>
<search-input v-if="searchConfig" :lang="lang" :search-config="searchConfig" />
<search-input
v-if="searchConfig"
:lang="lang"
:search-config="searchConfig"
/>
<ul class="van-doc-header__top-nav">
<li v-for="item in config.links" class="van-doc-header__top-nav-item">
<a class="van-doc-header__logo-link" target="_blank" :href="item.url">
<img :src="item.logo">
<a
class="van-doc-header__logo-link"
target="_blank"
:href="item.url"
>
<img :src="item.logo" />
</a>
</li>
<li ref="version" v-if="versions" class="van-doc-header__top-nav-item">
<span class="van-doc-header__cube van-doc-header__version" @click="toggleVersionPop">
<li
ref="version"
v-if="versions"
class="van-doc-header__top-nav-item"
>
<span
class="van-doc-header__cube van-doc-header__version"
@click="toggleVersionPop"
>
{{ versions[0].label }}
<transition name="van-doc-dropdown">
<div v-if="showVersionPop" class="van-doc-header__version-pop">
@@ -49,19 +64,19 @@ export default {
name: 'van-doc-header',
components: {
SearchInput
SearchInput,
},
props: {
lang: String,
config: Object,
versions: Array,
langConfigs: Array
langConfigs: Array,
},
data() {
return {
showVersionPop: false
showVersionPop: false,
};
},
@@ -85,7 +100,7 @@ export default {
searchConfig() {
return this.config.searchConfig;
}
},
},
methods: {
@@ -93,7 +108,10 @@ export default {
const val = !this.showVersionPop;
const action = val ? 'add' : 'remove';
document.body[`${action}EventListener`]('click', this.checkHideVersionPop);
document.body[`${action}EventListener`](
'click',
this.checkHideVersionPop
);
this.showVersionPop = val;
},
@@ -110,8 +128,8 @@ export default {
onSwitchVersion(version) {
location.href = version.link;
}
}
},
},
};
</script>
packages/vant-cli/site/desktop/components/Nav.vue
+7 -7
View File
@@ -28,18 +28,18 @@ export default {
name: 'van-doc-nav',
components: {
[NavLink.name]: NavLink
[NavLink.name]: NavLink,
},
props: {
lang: String,
navConfig: Array
navConfig: Array,
},
data() {
return {
top: 60,
bottom: 0
bottom: 0,
};
},
@@ -47,13 +47,13 @@ export default {
style() {
return {
top: this.top + 'px',
bottom: this.bottom + 'px'
bottom: this.bottom + 'px',
};
},
base() {
return this.lang ? `/${this.lang}/` : '/';
}
},
},
created() {
@@ -65,8 +65,8 @@ export default {
onScroll() {
const { pageYOffset: offset } = window;
this.top = Math.max(0, 60 - offset);
}
}
},
},
};
</script>
packages/vant-cli/site/desktop/components/NavLink.vue
+12 -7
View File
@@ -1,7 +1,12 @@
<template>
<router-link v-if="item.path" :class="{ active }" :to="path" v-html="itemName" />
<router-link
v-if="item.path"
:class="{ active }"
:to="path"
v-html="itemName"
/>
<a v-else-if="item.link" :href="item.link" v-html="itemName" />
<a v-else v-html="itemName " />
<a v-else v-html="itemName" />
</template>
<script>
@@ -10,7 +15,7 @@ export default {
props: {
base: String,
item: Object
item: Object,
},
computed: {
@@ -33,13 +38,13 @@ export default {
}
return false;
}
},
},
watch: {
active() {
this.scrollIntoView();
}
},
},
mounted() {
@@ -51,7 +56,7 @@ export default {
if (this.active && this.$el && this.$el.scrollIntoViewIfNeeded) {
this.$el.scrollIntoViewIfNeeded();
}
}
}
},
},
};
</script>
packages/vant-cli/site/desktop/components/SearchInput.vue
+7 -7
View File
@@ -1,5 +1,5 @@
<template>
<input class="van-doc-search" :placeholder="placeholder">
<input class="van-doc-search" :placeholder="placeholder" />
</template>
<script>
@@ -8,13 +8,13 @@ export default {
props: {
lang: String,
searchConfig: Object
searchConfig: Object,
},
computed: {
placeholder() {
return this.searchConfig.placeholder || 'Search...';
}
},
},
watch: {
@@ -22,7 +22,7 @@ export default {
if (this.docsearchInstance) {
this.docsearchInstance.algoliaOptions.facetFilters = [`lang:${lang}`];
}
}
},
},
mounted() {
@@ -31,11 +31,11 @@ export default {
...this.searchConfig,
inputSelector: '.van-doc-search',
algoliaOptions: {
facetFilters: [`lang:${this.lang}`]
}
facetFilters: [`lang:${this.lang}`],
},
});
}
}
},
};
</script>
packages/vant-cli/site/desktop/components/Simulator.vue
+5 -5
View File
@@ -9,13 +9,13 @@ export default {
name: 'van-doc-simulator',
props: {
src: String
src: String,
},
data() {
return {
scrollTop: window.scrollY,
windowHeight: window.innerHeight
windowHeight: window.innerHeight,
};
},
@@ -27,9 +27,9 @@ export default {
simulatorStyle() {
const height = Math.min(640, this.windowHeight - 90);
return {
height: height + 'px'
height: height + 'px',
};
}
},
},
mounted() {
@@ -39,7 +39,7 @@ export default {
window.addEventListener('resize', () => {
this.windowHeight = window.innerHeight;
});
}
},
};
</script>
packages/vant-cli/site/desktop/components/index.vue
+8 -8
View File
@@ -8,7 +8,7 @@
@switch-version="$emit('switch-version', $event)"
/>
<doc-nav :lang="lang" :nav-config="config.nav" />
<doc-container :has-simulator="!!simulator ">
<doc-container :has-simulator="!!simulator">
<doc-content>
<slot />
</doc-content>
@@ -32,7 +32,7 @@ export default {
DocHeader,
DocContent,
DocContainer,
DocSimulator
DocSimulator,
},
props: {
@@ -42,19 +42,19 @@ export default {
langConfigs: Array,
config: {
type: Object,
required: true
required: true,
},
base: {
type: String,
default: ''
}
default: '',
},
},
watch: {
// eslint-disable-next-line
'$route.path'() {
this.setNav();
}
},
},
created() {
@@ -98,8 +98,8 @@ export default {
break;
}
});
}
}
},
},
};
</script>
packages/vant-cli/site/desktop/index.html
+40 -26
View File
@@ -1,29 +1,43 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title><%= htmlWebpackPlugin.options.title %></title>
<meta name="description" content="<%= htmlWebpackPlugin.options.description %>" />
<link rel="icon" type="image/png" href="<%= htmlWebpackPlugin.options.logo %>" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover">
<meta http-Equiv="Cache-Control" Content="no-cache" />
<meta http-Equiv="Pragma" Content="no-cache" />
<meta http-Equiv="Expires" Content="0" />
<link href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" rel="stylesheet" />
<% if (htmlWebpackPlugin.options.baiduAnalytics) { %>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?<%= htmlWebpackPlugin.options.baiduAnalytics.seed %>";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<% } %>
</head>
<body ontouchstart>
<div id="app"></div>
<script src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
</body>
<head>
<meta charset="UTF-8" />
<title><%= htmlWebpackPlugin.options.title %></title>
<meta
name="description"
content="<%= htmlWebpackPlugin.options.description %>"
/>
<link
rel="icon"
type="image/png"
href="<%= htmlWebpackPlugin.options.logo %>"
/>
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover"
/>
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<link
href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css"
rel="stylesheet"
/>
<% if (htmlWebpackPlugin.options.baiduAnalytics) { %>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement('script');
hm.src =
'https://hm.baidu.com/hm.js?<%= htmlWebpackPlugin.options.baiduAnalytics.seed %>';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<% } %>
</head>
<body ontouchstart>
<div id="app"></div>
<script src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
</body>
</html>
packages/vant-cli/site/desktop/main.js
+1 -1
View File
@@ -15,5 +15,5 @@ new Vue({
}
},
render: h => h(App),
router
router,
});
packages/vant-cli/site/desktop/router.js
+10 -10
View File
@@ -20,13 +20,13 @@ function parseName(name) {
return {
component: `${decamelize(component)}`,
lang: pairs.join('-')
lang: pairs.join('-'),
};
}
return {
component: `${decamelize(name)}`,
lang: ''
lang: '',
};
}
@@ -48,12 +48,12 @@ function getRoutes() {
if (locales) {
routes.push({
path: '*',
redirect: route => `/${getLangFromRoute(route)}/`
redirect: route => `/${getLangFromRoute(route)}/`,
});
} else {
routes.push({
path: '*',
redirect: '/'
redirect: '/',
});
}
@@ -62,7 +62,7 @@ function getRoutes() {
name: lang,
path: `/${lang || ''}`,
component: Home,
meta: { lang }
meta: { lang },
});
}
@@ -80,8 +80,8 @@ function getRoutes() {
component: documents[name],
meta: {
lang,
name: component
}
name: component,
},
});
} else {
routes.push({
@@ -89,8 +89,8 @@ function getRoutes() {
path: `/${component}`,
component: documents[name],
meta: {
name: component
}
name: component,
},
});
}
});
@@ -109,7 +109,7 @@ export const router = new VueRouter({
}
return { x: 0, y: 0 };
}
},
});
router.afterEach(() => {
packages/vant-cli/site/desktop/utils.js
+1 -1
View File
@@ -5,7 +5,7 @@ export function scrollToAnchor(selector) {
const el = document.querySelector(selector);
if (el) {
el.scrollIntoView({
behavior: 'smooth'
behavior: 'smooth',
});
clearInterval(timer);
} else {
packages/vant-cli/site/mobile/App.vue
+1 -1
View File
@@ -11,7 +11,7 @@
import DemoNav from './components/DemoNav';
export default {
components: { DemoNav }
components: { DemoNav },
};
</script>
packages/vant-cli/site/mobile/components/DemoBlock.vue
+2 -2
View File
@@ -10,8 +10,8 @@ export default {
name: 'demo-block',
props: {
title: String
}
title: String,
},
};
</script>
packages/vant-cli/site/mobile/components/DemoHome.vue
+8 -10
View File
@@ -4,16 +4,14 @@
class="demo-home__title"
:class="{ 'demo-home__title--small': smallTitle }"
>
<img :src="config.logo">
<img :src="config.logo" />
<span>{{ config.title }}</span>
</h1>
<h2 v-if="config.description" class="demo-home__desc">{{ config.description }}</h2>
<h2 v-if="config.description" class="demo-home__desc">
{{ config.description }}
</h2>
<template v-for="(group, index) in config.nav">
<demo-home-nav
:group="group"
:lang="lang"
:key="index"
/>
<demo-home-nav :group="group" :lang="lang" :key="index" />
</template>
</div>
</template>
@@ -24,7 +22,7 @@ import DemoHomeNav from './DemoHomeNav';
export default {
components: {
DemoHomeNav
DemoHomeNav,
},
computed: {
@@ -45,8 +43,8 @@ export default {
smallTitle() {
return this.config.title.length >= 8;
}
}
},
},
};
</script>
packages/vant-cli/site/mobile/components/DemoHomeNav.vue
+5 -5
View File
@@ -20,25 +20,25 @@ import ArrowRight from './ArrowRight';
export default {
components: {
ArrowRight
ArrowRight,
},
props: {
lang: String,
group: Object
group: Object,
},
data() {
return {
active: []
active: [],
};
},
computed: {
base() {
return this.lang ? `/${this.lang}` : '';
}
}
},
},
};
</script>
packages/vant-cli/site/mobile/components/DemoNav.vue
+4 -4
View File
@@ -13,7 +13,7 @@ export default {
data() {
return {
path:
'M296.114 508.035c-3.22-13.597.473-28.499 11.079-39.105l333.912-333.912c16.271-16.272 42.653-16.272 58.925 0s16.272 42.654 0 58.926L395.504 498.47l304.574 304.574c16.272 16.272 16.272 42.654 0 58.926s-42.654 16.272-58.926 0L307.241 528.058a41.472 41.472 0 0 1-11.127-20.023z'
'M296.114 508.035c-3.22-13.597.473-28.499 11.079-39.105l333.912-333.912c16.271-16.272 42.653-16.272 58.925 0s16.272 42.654 0 58.926L395.504 498.47l304.574 304.574c16.272 16.272 16.272 42.654 0 58.926s-42.654 16.272-58.926 0L307.241 528.058a41.472 41.472 0 0 1-11.127-20.023z',
};
},
@@ -21,14 +21,14 @@ export default {
title() {
const { name } = this.$route.meta || {};
return name ? name.replace(/-/g, '') : '';
}
},
},
methods: {
onBack() {
history.back();
}
}
},
},
};
</script>
packages/vant-cli/site/mobile/components/DemoSection.vue
+2 -2
View File
@@ -18,8 +18,8 @@ export default {
}
return '';
}
}
},
},
};
</script>
packages/vant-cli/site/mobile/index.html
+38 -27
View File
@@ -1,30 +1,41 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title><%= htmlWebpackPlugin.options.title %></title>
<meta name="description" content="<%= htmlWebpackPlugin.options.description %>" />
<link rel="icon" type="image/png" href="<%= htmlWebpackPlugin.options.logo %>" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover">
<meta http-Equiv="Cache-Control" Content="no-cache" />
<meta http-Equiv="Pragma" Content="no-cache" />
<meta http-Equiv="Expires" Content="0" />
<% if (htmlWebpackPlugin.options.baiduAnalytics) { %>
<script>
// avoid to load analytics in iframe
if (window.top === window) {
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?<%= htmlWebpackPlugin.options.baiduAnalytics.seed %>";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
}
</script>
<% } %>
</head>
<body ontouchstart>
<div id="app"></div>
</body>
<head>
<meta charset="UTF-8" />
<title><%= htmlWebpackPlugin.options.title %></title>
<meta
name="description"
content="<%= htmlWebpackPlugin.options.description %>"
/>
<link
rel="icon"
type="image/png"
href="<%= htmlWebpackPlugin.options.logo %>"
/>
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover"
/>
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<% if (htmlWebpackPlugin.options.baiduAnalytics) { %>
<script>
// avoid to load analytics in iframe
if (window.top === window) {
var _hmt = _hmt || [];
(function() {
var hm = document.createElement('script');
hm.src =
'https://hm.baidu.com/hm.js?<%= htmlWebpackPlugin.options.baiduAnalytics.seed %>';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
}
</script>
<% } %>
</head>
<body ontouchstart>
<div id="app"></div>
</body>
</html>
packages/vant-cli/site/mobile/main.js
+1 -1
View File
@@ -16,6 +16,6 @@ setTimeout(() => {
new Vue({
el: '#app',
render: h => h(App),
router
router,
});
}, 0);
packages/vant-cli/site/mobile/router.js
+9 -9
View File
@@ -29,25 +29,25 @@ function getRoutes() {
if (langs.length) {
routes.push({
path: '*',
redirect: route => `/${getLangFromRoute(route)}/`
redirect: route => `/${getLangFromRoute(route)}/`,
});
langs.forEach(lang => {
routes.push({
path: `/${lang}`,
component: DemoHome,
meta: { lang }
meta: { lang },
});
});
} else {
routes.push({
path: '*',
redirect: () => '/'
redirect: () => '/',
});
routes.push({
path: '/',
component: DemoHome
component: DemoHome,
});
}
@@ -62,8 +62,8 @@ function getRoutes() {
component: demos[name],
meta: {
name,
lang
}
lang,
},
});
});
} else {
@@ -72,8 +72,8 @@ function getRoutes() {
path: `/${component}`,
component: demos[name],
meta: {
name
}
name,
},
});
}
});
@@ -86,7 +86,7 @@ Vue.use(VueRouter);
export const router = new VueRouter({
mode: 'hash',
routes: getRoutes(),
scrollBehavior: (to, from, savedPosition) => savedPosition || { x: 0, y: 0 }
scrollBehavior: (to, from, savedPosition) => savedPosition || { x: 0, y: 0 },
});
router.afterEach(() => {