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

依赖更新 && 构建调整 (#60)

Browse Source 
* upgrade dependencies

* 更改所有 saladcss 写法

* fix: 升级依赖导致的样式错误

* fix: build vant css

* use es module when pack && webpack scope hoisting

* fix: vue module version

* delete unused npm script

* fix: build:vant script not work

* fix: webpack config format

* fix: build minify vant.js

* fix: captain ui relative link
This commit is contained in:
neverland 2017-07-28 11:02:33 +08:00 committed by Yao
parent 31bc31af81
commit 50983ca28e
68 changed files with 3678 additions and 3149 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.babelrc
View File

@ -1,6 +1,9 @@
{ {
"presets": [ "presets": [
"es2015" [
"es2015",
{ "modules": false }
]
], ],
"plugins": [ "plugins": [
"transform-runtime", "transform-runtime",

30
build/bin/build-entry.js
View File

@ -3,18 +3,23 @@ var fs = require('fs');
var render = require('json-templater/string'); var render = require('json-templater/string');
var uppercamelcase = require('uppercamelcase'); var uppercamelcase = require('uppercamelcase');
var path = require('path'); var path = require('path');
var chalk = require('chalk');
var OUTPUT_PATH = path.join(__dirname, '../../src/index.js'); var OUTPUT_PATH = path.join(__dirname, '../../src/index.js');
var IMPORT_TEMPLATE = 'import {{name}} from \'../packages/{{package}}/index.js\';'; var IMPORT_TEMPLATE = 'import {{name}} from \'../packages/{{package}}/index.js\';';
var ISNTALL_COMPONENT_TEMPLATE = ' Vue.component({{name}}.name, {{name}});'; var ISNTALL_COMPONENT_TEMPLATE = ' {{name}}';
var MAIN_TEMPLATE = `{{include}} var MAIN_TEMPLATE = `{{include}}
const version = '{{version}}';
const components = [
{{components}}
];
const install = function(Vue) { const install = function(Vue) {
/* istanbul ignore if */
if (install.installed) return; if (install.installed) return;
{{install}} components.forEach(component => {
Vue.component(component.name, component);
});
}; };
/* istanbul ignore if */ /* istanbul ignore if */
@ -22,9 +27,14 @@ if (typeof window !== 'undefined' && window.Vue) {
install(window.Vue); install(window.Vue);
} }
module.exports = { export {
install, install,
version: '{{version}}', version,
{{list}}
};
export default {
install,
version,
{{list}} {{list}}
}; };
`; `;
@ -66,11 +76,11 @@ ComponentNames.forEach(name => {
var template = render(MAIN_TEMPLATE, { var template = render(MAIN_TEMPLATE, {
include: includeComponentTemplate.join('\n'), include: includeComponentTemplate.join('\n'),
install: installTemplate.join('\n'), list: listTemplate.join(',\n'),
version: process.env.VERSION || require('../../package.json').version, components: installTemplate.join(',\n') || ' ',
list: listTemplate.join(',\n') version: process.env.VERSION || require('../../package.json').version
}); });
fs.writeFileSync(OUTPUT_PATH, template); fs.writeFileSync(OUTPUT_PATH, template);
console.log(chalk.green('[build entry] DONE:' + OUTPUT_PATH)); console.log('[build entry] DONE:' + OUTPUT_PATH);

6
build/genExamples.js
View File

@ -11,8 +11,6 @@ function extract(watch = false) {
}); });
} }
extract(); module.exports = function watch(isProduction) {
extract(!isProduction);
module.exports = function watch() {
extract(true);
}; };

34
build/strip-tags.js
View File

@ -1,34 +0,0 @@
/*!
* strip-tags <https://github.com/jonschlinkert/strip-tags>
*
* Copyright (c) 2015 Jon Schlinkert, contributors.
* Licensed under the MIT license.
*/
'use strict';
var cheerio = require('cheerio');
exports.strip = function(str, tags) {
var $ = cheerio.load(str, {decodeEntities: false});
if (!tags || tags.length === 0) {
return str;
}
tags = !Array.isArray(tags) ? [tags] : tags;
var len = tags.length;
while (len--) {
$(tags[len]).remove();
}
return $.html();
};
exports.fetch = function(str, tag) {
var $ = cheerio.load(str, {decodeEntities: false});
if (!tag) return str;
return $(tag).html();
};

29
build/utils/postcss_pipe.js
View File

@ -1,29 +0,0 @@
var config = {
'bem': {
'shortcuts': {'component': 'b', 'modifier': 'm', 'descendent': 'e'},
'separators': {'descendent': '__', 'modifier': '--'}
}
};
// https://github.com/trysound/postcss-easy-import
var partialImport = require('postcss-easy-import')();
// 这不是bem，虽然名字叫bem，其实它是suit
// https://github.com/saladcss/saladcss-bem
var bem = require('saladcss-bem')(config.bem);
// https://github.com/jonathantneal/precss
var precss = require('precss')();
// https://github.com/postcss/autoprefixer
var autoprefixer = require('autoprefixer')();
module.exports = function (webpack) {
// 顺序很重要
return [
partialImport,
bem,
precss,
autoprefixer
];
};

19
build/webpack.build.js
View File

@ -1,13 +1,13 @@
var webpack = require('webpack'); const webpack = require('webpack');
var getPostcssPlugin = require('./utils/postcss_pipe'); const config = require('./webpack.config.dev.js');
var config = require('./webpack.config.dev.js'); const isMinify = process.argv.indexOf('-p') !== -1;
config.entry = { config.entry = {
'vant': './src/index.js' 'vant': './src/index.js'
}; };
config.output = { config.output = {
filename: './lib/[name].js', filename: isMinify ? './lib/[name].min.js' : './lib/[name].js',
library: 'vant', library: 'vant',
libraryTarget: 'umd', libraryTarget: 'umd',
umdNamedDefine: true umdNamedDefine: true
@ -30,18 +30,13 @@ config.plugins = [
minimize: true, minimize: true,
debug: false, debug: false,
options: { options: {
postcss: getPostcssPlugin,
babel: {
presets: ['es2015'],
plugins: ['transform-runtime', 'transform-vue-jsx']
},
vue: { vue: {
autoprefixer: false, autoprefixer: false,
preserveWhitespace: false, preserveWhitespace: false
postcss: getPostcssPlugin
} }
} }
}) }),
new webpack.optimize.ModuleConcatenationPlugin()
]; ];
delete config.devtool; delete config.devtool;

20
build/webpack.build.min.js vendored
View File

@ -1,20 +0,0 @@
var webpack = require('webpack');
var config = require('./webpack.build.js');
config.entry = {
'index': './src/index.js'
};
config.plugins = config.plugins.concat([
new webpack.optimize.UglifyJsPlugin({
compress: {
warnings: false
},
output: {
comments: false
},
sourceMap: false
})
]);
module.exports = config;

7
build/webpack.components.js
View File

@ -1,6 +1,7 @@
var path = require('path'); const path = require('path');
var Components = require('../components.json'); const Components = require('../components.json');
var config = require('./webpack.build.js'); const config = require('./webpack.build.js');
const webpack = require('webpack');
delete config.devtool; delete config.devtool;

114
build/webpack.config.dev.js
View File

@ -1,44 +1,20 @@
var webpack = require('webpack'); const webpack = require('webpack');
var path = require('path'); const path = require('path');
var slugify = require('transliteration').slugify; const ExtractTextPlugin = require('extract-text-webpack-plugin');
var striptags = require('./strip-tags'); const ProgressBarPlugin = require('progress-bar-webpack-plugin');
var ExtractTextPlugin = require('extract-text-webpack-plugin'); const HtmlWebpackPlugin = require('html-webpack-plugin');
var getPostcssPlugin = require('./utils/postcss_pipe'); const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');
var ProgressBarPlugin = require('progress-bar-webpack-plugin'); const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');
var FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
const isProduction = process.env.NODE_ENV === 'production'; const isProduction = process.env.NODE_ENV === 'production';
const watchExample = require('./genExamples'); const styleLoaders = [
{ loader: 'css-loader' },
if (!isProduction) { { loader: 'postcss-loader', options: { sourceMap: true } }
watchExample(); ];
} require('./genExamples')(isProduction);
var StyleExtractPlugin;
if (process.env.NODE_ENV === 'production') {
StyleExtractPlugin = new ExtractTextPlugin('[name].[hash:8].css');
} else {
StyleExtractPlugin = new ExtractTextPlugin('[name].css');
}
function convert(str) {
str = str.replace(/(&#x)(\w{4});/gi, function($0) {
return String.fromCharCode(parseInt(encodeURIComponent($0).replace(/(%26%23x)(\w{4})(%3B)/g, '$2'), 16));
});
return str;
}
function wrap(render) {
return function() {
return render.apply(this, arguments)
.replace(/\<code v-pre class=\"/, '<code v-pre class="hljs ');
};
};
module.exports = { module.exports = {
entry: { entry: {
'vendor': ['vue', 'vue-router', 'zan-doc'], vendor: ['vue', 'vue-router', 'zan-doc'],
'vant-docs': './docs/src/index.js', 'vant-docs': './docs/src/index.js',
'vant-examples': './docs/src/examples.js' 'vant-examples': './docs/src/examples.js'
}, },
@ -54,37 +30,41 @@ module.exports = {
{ from: /^\/zanui\/vue\/examples/, to: '/examples.html' }, { from: /^\/zanui\/vue\/examples/, to: '/examples.html' },
{ from: /^\/zanui\/vue/, to: '/index.html' } { from: /^\/zanui\/vue/, to: '/index.html' }
] ]
} },
stats: 'errors-only'
}, },
resolve: { resolve: {
modules: [ modules: [path.join(__dirname, '../node_modules'), 'node_modules'],
path.join(__dirname, '../node_modules'),
'node_modules'
],
extensions: ['.js', '.vue', '.css'], extensions: ['.js', '.vue', '.css'],
alias: { alias: {
'vue$': 'vue/dist/vue.runtime.common.js', vue$: 'vue/dist/vue.esm.js',
'src': path.join(__dirname, '../src'), src: path.join(__dirname, '../src'),
'packages': path.join(__dirname, '../packages'), packages: path.join(__dirname, '../packages'),
'lib': path.join(__dirname, '../lib'), lib: path.join(__dirname, '../lib'),
'components': path.join(__dirname, '../docs/src/components') components: path.join(__dirname, '../docs/src/components')
} }
}, },
module: { module: {
loaders: [ loaders: [
{ {
test: /\.vue$/, test: /\.vue$/,
use: [{ use: [
{
loader: 'vue-loader', loader: 'vue-loader',
options: { options: {
loaders: { loaders: {
postcss: ExtractTextPlugin.extract({
use: styleLoaders,
fallback: 'vue-style-loader'
}),
css: ExtractTextPlugin.extract({ css: ExtractTextPlugin.extract({
use: 'css-loader!postcss-loader', use: styleLoaders,
fallback: 'vue-style-loader' fallback: 'vue-style-loader'
}) })
} }
} }
}] }
]
}, },
{ {
test: /\.js$/, test: /\.js$/,
@ -93,9 +73,7 @@ module.exports = {
}, },
{ {
test: /\.css$/, test: /\.css$/,
use: ExtractTextPlugin.extract({ use: ExtractTextPlugin.extract({ use: styleLoaders })
use: 'css-loader!postcss-loader'
})
}, },
{ {
test: /\.md/, test: /\.md/,
@ -113,34 +91,29 @@ module.exports = {
new webpack.LoaderOptionsPlugin({ new webpack.LoaderOptionsPlugin({
minimize: true, minimize: true,
options: { options: {
postcss: getPostcssPlugin,
babel: {
presets: ['es2015'],
plugins: ['transform-runtime', 'transform-vue-jsx']
},
vue: { vue: {
autoprefixer: false, autoprefixer: false
postcss: getPostcssPlugin
}, },
vueMarkdown: { vueMarkdown: {
use: [ use: [
[require('markdown-it-container'), 'demo', { [
require('markdown-it-container'),
'demo',
{
validate: function(params) { validate: function(params) {
return params.trim().match(/^demo\s*(.*)$/); return params.trim().match(/^demo\s*(.*)$/);
}, },
render: function(tokens, idx) { render: function(tokens, idx) {
if (tokens[idx].nesting === 1) { return tokens[idx].nesting === 1
return `<demo-block class="demo-box"><div class="highlight" slot="highlight">`; ? `<demo-block class="demo-box"><div class="highlight" slot="highlight"å>`
:`</div></demo-block>\n`;
} }
return `</div></demo-block>\n`;
} }
}] ]
], ],
preprocess: function(MarkdownIt, source) { preprocess: function(MarkdownIt, source) {
MarkdownIt.renderer.rules.table_open = function() { MarkdownIt.renderer.rules.table_open = () => '<table class="zan-doc-table">';
return '<table class="zan-doc-table">';
};
return source; return source;
} }
} }
@ -160,7 +133,10 @@ module.exports = {
}), }),
new webpack.HotModuleReplacementPlugin(), new webpack.HotModuleReplacementPlugin(),
new OptimizeCssAssetsPlugin(), new OptimizeCssAssetsPlugin(),
StyleExtractPlugin, new ExtractTextPlugin({
filename: isProduction ? '[name].[hash:8].css' : '[name].css',
allChunks: true
}),
new FriendlyErrorsPlugin() new FriendlyErrorsPlugin()
] ]
}; };

4
docs/examples-docs/actionsheet.md
View File

@ -1,6 +1,5 @@
<style> <style>
@component-namespace demo { .demo-actionsheet {
@b actionsheet {
.actionsheet-wx { .actionsheet-wx {
color: #06BF04; color: #06BF04;
} }
@ -13,7 +12,6 @@
padding: 20px; padding: 20px;
} }
} }
}
</style> </style>
<script> <script>

4
docs/examples-docs/badge.md
View File

@ -1,6 +1,5 @@
<style> <style>
@component-namespace demo { .demo-badge {
@b badge {
.badge-group-wrapper { .badge-group-wrapper {
padding: 30px 20px; padding: 30px 20px;
background-color: #fff; background-color: #fff;
@ -10,7 +9,6 @@
margin: 0 auto; margin: 0 auto;
} }
} }
}
</style> </style>
<script> <script>

4
docs/examples-docs/button.md
View File

@ -1,6 +1,5 @@
<style> <style>
@component-namespace demo { .demo-button {
@b button {
.van-button { .van-button {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
user-select: none; user-select: none;
@ -17,7 +16,6 @@
} }
} }
} }
}
</style> </style>
## Button 按钮 ## Button 按钮

4
docs/examples-docs/checkbox.md
View File

@ -1,6 +1,5 @@
<style> <style>
@component-namespace demo { .demo-checkbox {
@b checkbox {
.van-checkbox-wrapper { .van-checkbox-wrapper {
padding: 0 20px; padding: 0 20px;
@ -9,7 +8,6 @@
} }
} }
} }
}
</style> </style>
<script> <script>

4
docs/examples-docs/dialog.md
View File

@ -1,11 +1,9 @@
<style> <style>
@component-namespace demo { .demo-dialog {
@b dialog {
.van-button { .van-button {
margin: 15px; margin: 15px;
} }
} }
}
</style> </style>
<script> <script>

4
docs/examples-docs/field.md
View File

@ -1,11 +1,9 @@
<style> <style>
@component-namespace demo { .demo-field {
@b field {
.van-field-wrapper { .van-field-wrapper {
padding: 0 10px; padding: 0 10px;
} }
} }
}
</style> </style>
<script> <script>

4
docs/examples-docs/icon.md
View File

@ -1,6 +1,5 @@
<style> <style>
@component-namespace demo { .demo-icon {
@b icon {
.examples { .examples {
max-height: none; max-height: none;
} }
@ -16,7 +15,6 @@
margin: 15px 0; margin: 15px 0;
} }
} }
}
</style> </style>
## Icon 图标 ## Icon 图标

4
docs/examples-docs/image-preview.md
View File

@ -1,11 +1,9 @@
<style> <style>
@component-namespace demo { .demo-image-preview {
@b image-preview {
.van-button { .van-button {
margin-left: 15px; margin-left: 15px;
} }
} }
}
</style> </style>
<script> <script>

4
docs/examples-docs/layout.md
View File

@ -1,6 +1,5 @@
<style> <style>
@component-namespace demo { .demo-layout {
@b layout {
.van-row { .van-row {
padding: 0 20px; padding: 0 20px;
} }
@ -8,7 +7,6 @@
margin-bottom: 10px; margin-bottom: 10px;
} }
} }
}
.gray { .gray {
height: 30px; height: 30px;

4
docs/examples-docs/lazyload.md
View File

@ -1,6 +1,5 @@
<style> <style>
@component-namespace demo { .demo-lazyload {
@b lazyload {
.lazy-img { .lazy-img {
display: block; display: block;
width: 100%; width: 100%;
@ -13,7 +12,6 @@
background-repeat: no-repeat; background-repeat: no-repeat;
} }
} }
}
</style> </style>
<script> <script>

4
docs/examples-docs/loading.md
View File

@ -1,6 +1,5 @@
<style> <style>
@component-namespace demo { .demo-loading {
@b loading {
.van-loading { .van-loading {
margin: 0 auto; margin: 0 auto;
} }
@ -17,7 +16,6 @@
border-radius: 10px; border-radius: 10px;
} }
} }
}
</style> </style>
## Loading 加载 ## Loading 加载

4
docs/examples-docs/panel.md
View File

@ -1,6 +1,5 @@
<style> <style>
@component-namespace demo { .demo-panel {
@b panel {
.van-panel-sum { .van-panel-sum {
background: #fff; background: #fff;
text-align: right; text-align: right;
@ -26,7 +25,6 @@
padding: 20px; padding: 20px;
} }
} }
}
</style> </style>
## Panel 面板 ## Panel 面板

4
docs/examples-docs/popup.md
View File

@ -1,6 +1,5 @@
<style> <style>
@component-namespace demo { .demo-popup {
@b popup {
.van-button { .van-button {
margin: 10px 15px; margin: 10px 15px;
} }
@ -33,7 +32,6 @@
height: 100%; height: 100%;
} }
} }
}
</style> </style>
<script> <script>

6
docs/examples-docs/progress.md
View File

@ -1,12 +1,10 @@
<style> <style>
@component-namespace demo { .demo-progress {
@b progress { &__wrapper {
@e wrapper {
padding: 5px; padding: 5px;
margin: 20px 10px; margin: 20px 10px;
} }
} }
}
</style> </style>

4
docs/examples-docs/quantity.md
View File

@ -1,6 +1,5 @@
<style> <style>
@component-namespace demo { .demo-quantity {
@b quantity {
.van-quantity { .van-quantity {
margin-left: 15px; margin-left: 15px;
} }
@ -9,7 +8,6 @@
margin: 15px; margin: 15px;
} }
} }
}
</style> </style>
<script> <script>

2
docs/examples-docs/quickstart.md
View File

@ -2,7 +2,7 @@
一套基于`Vue.js 2.0`的 Mobile 组件库 一套基于`Vue.js 2.0`的 Mobile 组件库
[查看业务组件库 Captain-UI](https://www.youzanyun.com/zanui/captain/component/quickstart) [查看业务组件库 Captain-UI](/zanui/captain/component/quickstart)
### 安装 ### 安装

4
docs/examples-docs/radio.md
View File

@ -1,6 +1,5 @@
<style> <style>
@component-namespace demo { .demo-radio {
@b radio {
.van-radios { .van-radios {
padding: 0 20px; padding: 0 20px;
@ -9,7 +8,6 @@
} }
} }
} }
}
</style> </style>
<script> <script>

4
docs/examples-docs/steps.md
View File

@ -1,6 +1,5 @@
<style> <style>
@component-namespace demo { .demo-steps {
@b steps {
.steps-success { .steps-success {
color: #06bf04; color: #06bf04;
} }
@ -9,7 +8,6 @@
margin: 15px 0 0 15px; margin: 15px 0 0 15px;
} }
} }
}
</style> </style>
<script> <script>

4
docs/examples-docs/swipe.md
View File

@ -1,6 +1,5 @@
<style> <style>
@component-namespace demo { .demo-swipe {
@b swipe {
.van-swipe { .van-swipe {
height: 200px; height: 200px;
@ -9,7 +8,6 @@
} }
} }
} }
}
</style> </style>
<script> <script>

6
docs/examples-docs/switch.md
View File

@ -1,12 +1,11 @@
<style> <style>
@component-namespace demo { .demo-switch {
@b switch {
.van-switch { .van-switch {
float: left; float: left;
margin: 0 15px; margin: 0 15px;
} }
@e text { &__text {
display: inline-block; display: inline-block;
line-height: 32px; line-height: 32px;
float: left; float: left;
@ -14,7 +13,6 @@
color: #333; color: #333;
} }
} }
}
</style> </style>
<script> <script>

4
docs/examples-docs/tab.md
View File

@ -1,6 +1,5 @@
<style> <style>
@component-namespace demo { .demo-tab {
@b tab {
.van-tab__pane { .van-tab__pane {
background-color: #fff; background-color: #fff;
padding: 20px; padding: 20px;
@ -22,7 +21,6 @@
line-height: 50px; line-height: 50px;
} }
} }
}
</style> </style>
<script> <script>

4
docs/examples-docs/toast.md
View File

@ -1,11 +1,9 @@
<style> <style>
@component-namespace demo { .demo-toast {
@b toast {
.van-button { .van-button {
margin: 15px; margin: 15px;
} }
} }
}
</style> </style>
<script> <script>

4
docs/examples-docs/waterfall.md
View File

@ -66,8 +66,7 @@ export default {
</script> </script>
<style> <style>
@component-namespace demo { .demo-waterfall {
@b waterfall {
.waterfall { .waterfall {
max-height: 360px; max-height: 360px;
overflow: scroll; overflow: scroll;
@ -89,7 +88,6 @@ export default {
margin: 10px auto; margin: 10px auto;
} }
} }
}
</style> </style>
#### 基础用法 #### 基础用法

21
docs/src/components/mobile-nav.vue
View File

@ -62,26 +62,25 @@ export default {
}; };
</script> </script>
<style> <style lang="postcss">
@component-namespace mobile { .mobile-nav-group {
@b nav-group {
border-radius: 2px; border-radius: 2px;
margin-bottom: 15px; margin-bottom: 15px;
background-color: #fff; background-color: #fff;
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.10); box-shadow: 0 1px 1px 0 rgba(0,0,0,0.10);
@e basetitle { &__basetitle {
padding-left: 20px; padding-left: 20px;
} }
@e title { &__title {
font-size: 16px; font-size: 16px;
color: #333; color: #333;
line-height: 56px; line-height: 56px;
position: relative; position: relative;
user-select: none; user-select: none;
@m open { &--open {
color: #999; color: #999;
} }
@ -110,20 +109,20 @@ export default {
} }
} }
@e list-wrapper { &__list-wrapper {
height: 0; height: 0;
overflow: hidden; overflow: hidden;
@m open { &--open {
height: auto; height: auto;
} }
} }
@e list { &__list {
transform: translateY(-50%); transform: translateY(-50%);
transition: transform .2s ease-out; transition: transform .2s ease-out;
@m open { &--open {
transform: translateY(0); transform: translateY(0);
} }
} }
@ -138,6 +137,4 @@ export default {
overflow: hidden; overflow: hidden;
} }
} }
}
</style> </style>

118
package.json
View File

@ -12,16 +12,15 @@
], ],
"scripts": { "scripts": {
"bootstrap": "yarn || npm i", "bootstrap": "yarn || npm i",
"dev": "npm run build:file && webpack-dev-server --inline --hot --config build/webpack.config.dev.js --content-base ./", "dev": "npm run build:file && webpack-dev-server --inline --config build/webpack.config.dev.js --content-base ./",
"build:file": "node build/bin/build-entry.js", "build:file": "node build/bin/build-entry.js",
"build:utils": "cross-env BABEL_ENV=utils babel src --out-dir lib --ignore src/index.js", "build:utils": "cross-env BABEL_ENV=utils babel src --out-dir lib --ignore src/index.js",
"build:vant-css": "gulp build --gulpfile packages/vant-css/gulpfile.js && cp-cli packages/vant-css/lib lib/vant-css", "build:vant-css": "gulp build --gulpfile packages/vant-css/gulpfile.js && cp -R packages/vant-css/lib/ lib/vant-css",
"build:components": "webpack --progress --hide-modules --config build/webpack.components.js", "build:components": "cross-env NODE_ENV=production webpack --progress --hide-modules --config build/webpack.components.js",
"build:vant": "webpack --progress --hide-modules --config build/webpack.build.js && webpack --progress --hide-modules --config build/webpack.build.min.js", "build:vant": "cross-env NODE_ENV=production webpack --progress --hide-modules --config build/webpack.build.js && cross-env NODE_ENV=production webpack -p --progress --hide-modules --config build/webpack.build.js",
"build:example": "node build/genExamples.js",
"deploy": "npm run deploy:docs && npm run deploy:cdn && gh-pages -d docs/dist --remote youzan && rimraf docs/dist", "deploy": "npm run deploy:docs && npm run deploy:cdn && gh-pages -d docs/dist --remote youzan && rimraf docs/dist",
"deploy:cdn": "superman cdn /zanui/vue docs/dist/*.js docs/dist/*.css", "deploy:cdn": "superman cdn /zanui/vue docs/dist/*.js docs/dist/*.css",
"deploy:docs": "rimraf docs/dist && npm run build:example && cross-env NODE_ENV=production webpack --progress --hide-modules --config build/webpack.config.prod.js", "deploy:docs": "rimraf docs/dist && cross-env NODE_ENV=production webpack --progress --hide-modules --config build/webpack.config.prod.js",
"dist": "npm run clean && npm run build:file && npm run lint && npm run build:vant && npm run build:components && npm run build:utils && npm run build:vant-css", "dist": "npm run clean && npm run build:file && npm run lint && npm run build:vant && npm run build:components && npm run build:utils && npm run build:vant-css",
"clean": "rimraf lib && rimraf packages/*/lib", "clean": "rimraf lib && rimraf packages/*/lib",
"lint": "felint lint src/**/*.js packages/**/*.{js,vue} build/**/*.js", "lint": "felint lint src/**/*.js packages/**/*.{js,vue} build/**/*.js",
@ -43,98 +42,79 @@
"license": "ISC", "license": "ISC",
"dependencies": { "dependencies": {
"raf.js": "0.0.4", "raf.js": "0.0.4",
"vue-lazyload": "^1.0.3" "vue-lazyload": "^1.0.6"
}, },
"peerDependencies": { "peerDependencies": {
"vue": "2.3.4" "vue": "2.3.4"
}, },
"devDependencies": { "devDependencies": {
"autoprefixer": "^6.7.5", "autoprefixer": "^7.1.2",
"avoriaz": "^2.0.0", "avoriaz": "2.0.0",
"babel-cli": "^6.14.0", "babel-cli": "^6.14.0",
"babel-core": "^6.17.0", "babel-core": "^6.25.0",
"babel-eslint": "^6.1.2", "babel-loader": "^7.1.1",
"babel-helper-vue-jsx-merge-props": "^2.0.2", "babel-plugin-module-resolver": "^2.7.1",
"babel-loader": "^6.2.5",
"babel-plugin-module-resolver": "^2.2.0",
"babel-plugin-syntax-jsx": "^6.18.0", "babel-plugin-syntax-jsx": "^6.18.0",
"babel-plugin-transform-runtime": "^6.15.0", "babel-plugin-transform-runtime": "^6.15.0",
"babel-plugin-transform-vue-jsx": "^3.3.0", "babel-plugin-transform-vue-jsx": "^3.5.0",
"babel-polyfill": "^6.23.0", "babel-polyfill": "^6.23.0",
"babel-preset-es2015": "^6.16.0", "babel-preset-es2015": "^6.16.0",
"babel-runtime": "^6.11.0", "babel-runtime": "^6.25.0",
"chai": "^3.5.0", "chai": "^4.1.0",
"chalk": "^1.1.3",
"cheerio": "^0.22.0", "cheerio": "^0.22.0",
"codecov": "^2.1.0", "codecov": "^2.2.0",
"copy-webpack-plugin": "^4.0.1", "cross-env": "^5.0.1",
"cp-cli": "^1.0.2", "css-loader": "^0.28.4",
"cross-env": "^3.1.3", "eslint-plugin-vue": "^2.1.0",
"css-loader": "^0.24.0", "extract-text-webpack-plugin": "2.1.2",
"decamelize": "^1.2.0",
"eslint-loader": "^1.7.1",
"eslint-plugin-vue": "^2.0.1",
"extract-text-webpack-plugin": "^2.0.0-beta.5",
"felint": "^0.5.0-alpha.3", "felint": "^0.5.0-alpha.3",
"file-loader": "^0.9.0",
"file-save": "^0.2.0", "file-save": "^0.2.0",
"friendly-errors-webpack-plugin": "^1.6.1", "friendly-errors-webpack-plugin": "^1.6.1",
"gh-pages": "^0.12.0", "gh-pages": "^1.0.0",
"gulp": "^3.9.1", "gulp": "^3.9.1",
"gulp-util": "^3.0.8", "gulp-util": "^3.0.8",
"highlight.js": "^9.8.0", "highlight.js": "^9.12.0",
"html-loader": "^0.4.3", "html-webpack-plugin": "^2.29.0",
"html-webpack-plugin": "^2.22.0",
"inject-loader": "^3.0.0-beta2",
"isparta-loader": "^2.0.0", "isparta-loader": "^2.0.0",
"json-loader": "^0.5.4",
"json-templater": "^1.0.4", "json-templater": "^1.0.4",
"karma": "^1.5.0", "karma": "^1.7.0",
"karma-chrome-launcher": "^2.0.0", "karma-chrome-launcher": "^2.2.0",
"karma-coverage": "^1.1.1", "karma-coverage": "^1.1.1",
"karma-mocha": "^1.3.0", "karma-mocha": "^1.3.0",
"karma-phantomjs-launcher": "^1.0.4", "karma-phantomjs-launcher": "^1.0.4",
"karma-sinon-chai": "^1.2.4", "karma-sinon-chai": "^1.2.4",
"karma-sourcemap-loader": "^0.3.7", "karma-sourcemap-loader": "^0.3.7",
"karma-spec-reporter": "0.0.30", "karma-spec-reporter": "^0.0.31",
"karma-webpack": "^2.0.2", "karma-webpack": "^2.0.4",
"lerna": "2.0.0-beta.31", "lerna": "^2.0.0",
"lolex": "^1.5.1", "markdown-it": "^8.3.1",
"markdown-it": "^6.1.1",
"markdown-it-anchor": "^2.5.0",
"markdown-it-container": "^2.0.0", "markdown-it-container": "^2.0.0",
"mocha": "^3.2.0", "mocha": "^3.4.2",
"optimize-css-assets-webpack-plugin": "^1.3.0", "optimize-css-assets-webpack-plugin": "^3.0.0",
"postcss": "^5.1.2", "postcss": "^6.0.8",
"postcss-easy-import": "^2.0.0", "postcss-easy-import": "^2.1.0",
"postcss-loader": "^1.3.3", "postcss-loader": "^2.0.6",
"precss": "^1.4.0", "precss": "^2.0.0",
"prismjs": "^1.5.1", "progress-bar-webpack-plugin": "^1.10.0",
"progress-bar-webpack-plugin": "^1.9.3",
"rimraf": "^2.5.4", "rimraf": "^2.5.4",
"run-sequence": "^1.2.2", "run-sequence": "^2.1.0",
"saladcss-bem": "^0.0.1", "sinon": "^2.4.1",
"sinon": "^1.17.7", "sinon-chai": "^2.12.0",
"sinon-chai": "^2.8.0", "style-loader": "^0.18.2",
"style-loader": "^0.13.1", "uppercamelcase": "^3.0.0",
"theaterjs": "^3.0.0", "url-loader": "^0.5.9",
"transliteration": "^1.1.11", "vue": "^2.4.2",
"uppercamelcase": "^1.1.0",
"url-loader": "^0.5.7",
"vue": "2.3.4",
"vue-hot-reload-api": "^2.1.0", "vue-hot-reload-api": "^2.1.0",
"vue-html-loader": "^1.2.4", "vue-html-loader": "^1.2.4",
"vue-loader": "^12.0.0", "vue-loader": "^13.0.2",
"vue-markdown-loader": "^1.0.0", "vue-markdown-loader": "^1.0.0",
"vue-router": "^2.5.0", "vue-router": "^2.7.0",
"vue-style-loader": "^3.0.0", "vue-style-loader": "^3.0.0",
"vue-template-compiler": "2.3.4", "vue-template-compiler": "^2.4.2",
"vue-template-es2015-compiler": "^1.4.2", "vue-template-es2015-compiler": "^1.5.3",
"webpack": "^2.2.1", "webpack": "^3.4.1",
"webpack-dev-server": "^1.16.3", "webpack-dev-server": "^2.6.1",
"webpack-merge": "^2.0.0", "webpack-merge": "^4.1.0",
"webpack-node-externals": "^1.5.4",
"webpack-vendor-chunk-plugin": "^1.0.0",
"zan-doc": "^0.1.0" "zan-doc": "^0.1.0"
} }
} }

4
packages/toast/src/toast.js
View File

@ -1,7 +1,8 @@
import Vue from 'vue'; import Vue from 'vue';
import merge from 'src/utils/merge'; import merge from 'src/utils/merge';
import ToastComponent from './toast.vue';
const ToastConstructor = Vue.extend(require('./toast.vue')); const ToastConstructor = Vue.extend(ToastComponent);
let instance; let instance;
const getInstance = () => { const getInstance = () => {
@ -24,6 +25,7 @@ var Toast = (options = {}) => {
const duration = options.duration || 3000; const duration = options.duration || 3000;
const instance = getInstance(); const instance = getInstance();
instance.closed = false; instance.closed = false;
clearTimeout(instance.timer); clearTimeout(instance.timer);
instance.type = options.type ? options.type : 'text'; instance.type = options.type ? options.type : 'text';

14
packages/toast/src/toast.vue
View File

@ -1,24 +1,18 @@
<template> <template>
<transition name="van-toast-fade"> <transition name="van-toast-fade">
<div class="van-toast-wrapper" v-show="visible"> <div class="van-toast-wrapper" v-show="visible">
<div class="van-toast" :class="['van-toast--' + displayStyle]"> <div :class="['van-toast', 'van-toast--' + displayStyle]">
<!-- 只显示文字 --> <!-- 只显示文字 -->
<template v-if="displayStyle === 'text'" > <div v-if="displayStyle === 'text'" class="van-toast__text">{{ message }}</div>
<div class="van-toast__text">{{message}}</div>
</template>
<!-- 加载中 --> <!-- 加载中 -->
<template v-if="displayStyle === 'loading'"> <van-loading v-if="displayStyle === 'loading' && type === 'loading'" type="gradient-circle" color="white"></van-loading>
<van-loading v-if="type === 'loading'" type="gradient-circle" color="white"></van-loading>
</template>
<!-- 图案加文字 --> <!-- 图案加文字 -->
<template v-if="displayStyle === 'default'"> <template v-if="displayStyle === 'default'">
<van-icon class="van-toast__icon" :name="type"></van-icon> <van-icon class="van-toast__icon" :name="type"></van-icon>
<div class="van-toast__text">{{ message }}</div> <div class="van-toast__text">{{ message }}</div>
</template> </template>
<!-- 传入html --> <!-- 传入html -->
<template v-if="displayStyle === 'html'"> <div v-if="displayStyle === 'html'" class="van-toast__text" v-html="message"></div>
<div class="van-toast__text" v-html="message"></div>
</template>
</div> </div>
<div class="van-toast__overlay" v-if="forbidClick"></div> <div class="van-toast__overlay" v-if="forbidClick"></div>
</div> </div>

3
packages/vant-css/gulpfile.js
View File

@ -1,11 +1,10 @@
var gulp = require('gulp'); var gulp = require('gulp');
var postcss = require('gulp-postcss'); var postcss = require('gulp-postcss');
var cssmin = require('gulp-cssmin'); var cssmin = require('gulp-cssmin');
var postcssPlugin = require('../../build/utils/postcss_pipe')();
gulp.task('compile', function() { gulp.task('compile', function() {
return gulp.src('./src/*.css') return gulp.src('./src/*.css')
.pipe(postcss(postcssPlugin)) .pipe(postcss())
.pipe(cssmin()) .pipe(cssmin())
.pipe(gulp.dest('./lib')); .pipe(gulp.dest('./lib'));
}); });

11
packages/vant-css/package.json
View File

@ -14,13 +14,12 @@
}, },
"license": "MIT", "license": "MIT",
"devDependencies": { "devDependencies": {
"autoprefixer": "^6.7.5", "autoprefixer": "^7.1.2",
"gulp": "^3.9.1", "gulp": "^3.9.1",
"gulp-cssmin": "^0.1.7", "gulp-cssmin": "^0.2.0",
"gulp-postcss": "^6.1.1", "gulp-postcss": "^7.0.0",
"postcss-easy-import": "^2.0.0", "postcss-easy-import": "^2.1.0",
"precss": "^1.4.0", "precss": "^2.0.0"
"saladcss-bem": "^0.0.1"
}, },
"dependencies": {} "dependencies": {}
} }

16
packages/vant-css/src/actionsheet.css
View File

@ -2,8 +2,7 @@
@import './mixins/border_retina.css'; @import './mixins/border_retina.css';
@import './popup.css'; @import './popup.css';
@component-namespace van { .van-actionsheet {
@b actionsheet {
position: fixed; position: fixed;
width: 100%; width: 100%;
top: auto; top: auto;
@ -15,11 +14,11 @@
transition: .2s ease-out; transition: .2s ease-out;
background-color: #e0e0e0; background-color: #e0e0e0;
@m withtitle { &--withtitle {
background-color: $c-white; background-color: $c-white;
} }
@e item { &__item {
line-height: 50px; line-height: 50px;
height: 50px; height: 50px;
text-align: center; text-align: center;
@ -33,17 +32,17 @@
} }
} }
@e subname { &__subname {
color: $c-gray-darker; color: $c-gray-darker;
font-size: 12px; font-size: 12px;
} }
@e loading { &__loading {
margin: 0 auto; margin: 0 auto;
display: inline-block; display: inline-block;
} }
@e button { &__button {
display: block; display: block;
margin-top: 5px; margin-top: 5px;
line-height: 50px; line-height: 50px;
@ -53,7 +52,7 @@
background-color: $c-white; background-color: $c-white;
} }
@e header { &__header {
line-height: 44px; line-height: 44px;
color: $c-black; color: $c-black;
text-align: center; text-align: center;
@ -72,7 +71,6 @@
} }
} }
} }
}
.actionsheet-float-enter, .actionsheet-float-enter,
.actionsheet-float-leave-active { .actionsheet-float-leave-active {

26
packages/vant-css/src/badge.css
View File

@ -1,16 +1,8 @@
@import './common/var.css'; @import './common/var.css';
@import './mixins/border_retina.css'; @import './mixins/border_retina.css';
@component-namespace van { .van-badge {
@b badge-group {
position: relative;
width: 85px;
&::after {
@mixin border-retina (top);
}
}
@b badge {
display: block; display: block;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
@ -23,7 +15,16 @@
text-decoration: none; text-decoration: none;
word-break: break-all; word-break: break-all;
@m select { &-group {
position: relative;
width: 85px;
&::after {
@mixin border-retina (top);
}
}
&--select {
font-weight: bold; font-weight: bold;
color: $c-black; color: $c-black;
background-color: $c-white; background-color: $c-white;
@ -37,7 +38,7 @@
} }
} }
@e active { &__active {
display: none; display: none;
position: absolute; position: absolute;
left: 0; left: 0;
@ -47,7 +48,7 @@
background-color: #FF4444; background-color: #FF4444;
} }
@e info { &__info {
position: absolute; position: absolute;
top: 2px; top: 2px;
right: 2px; right: 2px;
@ -74,4 +75,3 @@
} }
} }
} }
}

28
packages/vant-css/src/button.css
View File

@ -1,8 +1,7 @@
@import './common/var.css'; @import './common/var.css';
@import './loading.css'; @import './loading.css';
@component-namespace van { .van-button {
@b button {
position: relative; position: relative;
padding: 0; padding: 0;
display: inline-block; display: inline-block;
@ -31,14 +30,14 @@
opacity: .3; opacity: .3;
} }
@e icon-loading { &__icon-loading {
display: inline-block; display: inline-block;
width: 16px; width: 16px;
height: 16px; height: 16px;
vertical-align: middle; vertical-align: middle;
} }
@m default { &--default {
color: $button-default-color; color: $button-default-color;
background-color: $button-default-background-color; background-color: $button-default-background-color;
border: 1px solid $button-default-border-color; border: 1px solid $button-default-border-color;
@ -50,7 +49,7 @@
} }
} }
@m primary { &--primary {
color: $button-primary-color; color: $button-primary-color;
background-color: $button-primary-background-color; background-color: $button-primary-background-color;
border: 1px solid $button-primary-border-color; border: 1px solid $button-primary-border-color;
@ -62,7 +61,7 @@
} }
} }
@m danger { &--danger {
color: $button-danger-color; color: $button-danger-color;
background-color: $button-danger-background-color; background-color: $button-danger-background-color;
border: 1px solid $button-danger-border-color; border: 1px solid $button-danger-border-color;
@ -73,19 +72,19 @@
} }
} }
@m large { &--large {
width: 100%; width: 100%;
height: 50px; height: 50px;
line-height: 48px; line-height: 48px;
font-size: 16px; font-size: 16px;
} }
@m normal { &--normal {
padding: 0 15px; padding: 0 15px;
font-size: 14px; font-size: 14px;
} }
@m small { &--small {
min-width: 60px; min-width: 60px;
height: 30px; height: 30px;
line-height: 28px; line-height: 28px;
@ -95,7 +94,7 @@
/* /*
mini图标默认宽度50px，文字不能超过4个 mini图标默认宽度50px，文字不能超过4个
*/ */
@m mini { &--mini {
display: inline-block; display: inline-block;
width: 50px; width: 50px;
height: 22px; height: 22px;
@ -107,24 +106,24 @@
} }
} }
@m disabled { &--disabled {
color: $button-disabled-color; color: $button-disabled-color;
background-color: $button-disabled-background-color; background-color: $button-disabled-background-color;
border: 1px solid $button-disabled-border-color; border: 1px solid $button-disabled-border-color;
} }
@m block { &--block {
display: block; display: block;
width: 100%; width: 100%;
} }
@m loading { &--loading {
.van-button__text { .van-button__text {
display: none; display: none;
} }
} }
@m bottom-action { &--bottom-action {
width: 100%; width: 100%;
height: 50px; height: 50px;
line-height: 50px; line-height: 50px;
@ -151,4 +150,3 @@
} }
} }
} }
}

37
packages/vant-css/src/cell-swipe.css
View File

@ -1,27 +1,30 @@
.van-cell {
.van-cell-swipe .van-cell-wrapper, .van-cell-swipe .van-cell-left, .van-cell-swipe .van-cell-right { &-swipe {
-webkit-transition: -webkit-transform 150ms ease-in-out;
transition: -webkit-transform 150ms ease-in-out;
transition: transform 150ms ease-in-out;
transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
}
.van-cell-swipe{
position: relative; position: relative;
min-height: 48px; min-height: 48px;
overflow: hidden; overflow: hidden;
}
.van-cell-wrapper,
.van-cell-left,
.van-cell-right { .van-cell-right {
position: absolute; transition: transform 150ms ease-in-out;
height: 100%;
right: 0;
top: 0;
transform: translate3d(100%,0,0);
} }
.van-cell-left { }
&-left,
&-right {
position: absolute; position: absolute;
height: 100%; height: 100%;
left: 0;
top: 0; top: 0;
}
&-left {
left: 0;
transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);
} }
&-right {
right: 0;
transform: translate3d(100%, 0, 0);
}
}

38
packages/vant-css/src/cell.css
View File

@ -2,18 +2,7 @@
@import './mixins/border_retina.css'; @import './mixins/border_retina.css';
@import './icon.css'; @import './icon.css';
@component-namespace van { .van-cell {
@b cell-group {
padding-left: 15px;
position: relative;
background-color: #fff;
&::after {
@mixin border-retina (top, bottom);
}
}
@b cell {
width: 100%; width: 100%;
display: table; display: table;
position: relative; position: relative;
@ -36,33 +25,43 @@
} }
} }
@e title { &-group {
padding-left: 15px;
position: relative;
background-color: #fff;
&::after {
@mixin border-retina (top, bottom);
}
}
&__title {
display: table-cell; display: table-cell;
} }
@e label { &__label {
display: block; display: block;
font-size: 12px; font-size: 12px;
line-height: 1.2; line-height: 1.2;
color: $c-gray-darker; color: $c-gray-darker;
} }
@e value { &__value {
display: table-cell; display: table-cell;
text-align: right; text-align: right;
vertical-align: middle; vertical-align: middle;
overflow: hidden; overflow: hidden;
@m link { &--link {
padding-right: 20px; padding-right: 20px;
} }
@m alone { &--alone {
text-align: left; text-align: left;
} }
} }
@m required { &--required {
overflow: visible; overflow: visible;
&::before { &::before {
@ -79,7 +78,7 @@
} }
} }
@e right-icon { &__right-icon {
position: absolute; position: absolute;
top: 50%; top: 50%;
right: 15px; right: 15px;
@ -88,4 +87,3 @@
font-size: 12px; font-size: 12px;
} }
} }
}

64
packages/vant-css/src/checkbox.css
View File

@ -1,40 +1,8 @@
@import './common/var.css'; @import './common/var.css';
@component-namespace van { .van-checkbox {
@b checkbox {
overflow: hidden; overflow: hidden;
@m disabled {
.van-icon {
color: #d1dbe5;
}
}
@e input {
position: relative;
height: 22px;
margin-right: 15px;
float: left;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@e control {
position: absolute;
top: 0;
left: 0;
width: 22px;
height: 22px;
opacity: 0;
margin: 0;
}
@e label {
line-height: 22px;
margin-left: 37px;
display: block;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.van-icon { .van-icon {
font-size: 22px; font-size: 22px;
line-height: 1; line-height: 1;
@ -47,5 +15,35 @@
.van-icon-check { .van-icon-check {
color: $c-gray-dark; color: $c-gray-dark;
} }
&--disabled {
.van-icon {
color: #d1dbe5;
}
}
&__input {
position: relative;
height: 22px;
margin-right: 15px;
float: left;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
&__control {
position: absolute;
top: 0;
left: 0;
width: 22px;
height: 22px;
opacity: 0;
margin: 0;
}
&__label {
line-height: 22px;
margin-left: 37px;
display: block;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} }
} }

53
packages/vant-css/src/col.css
View File

@ -2,51 +2,8 @@
float: left; float: left;
box-sizing: border-box; box-sizing: border-box;
} }
.van-col-1 { width: 4.166666666666667%; }
.van-col-2 { width: 8.333333333333334%; } @for $i from 1 to 24 {
.van-col-3 { width: 12.5%; } .van-col-$i { width: calc($i * 100% / 24); }
.van-col-4 { width: 16.666666666666668%; } .van-col-offset-$i { margin-left: calc($i * 100% / 24); }
.van-col-5 { width: 20.833333333333336%; } }
.van-col-6 { width: 25%; }
.van-col-7 { width: 29.166666666666668%; }
.van-col-8 { width: 33.333333333333336%; }
.van-col-9 { width: 37.5%; }
.van-col-10 { width: 41.66666666666667%; }
.van-col-11 { width: 45.833333333333336%; }
.van-col-12 { width: 50%; }
.van-col-13 { width: 54.16666666666667%; }
.van-col-14 { width: 58.333333333333336%; }
.van-col-15 { width: 62.50000000000001%; }
.van-col-16 { width: 66.66666666666667%; }
.van-col-17 { width: 70.83333333333334%; }
.van-col-18 { width: 75%; }
.van-col-19 { width: 79.16666666666667%; }
.van-col-20 { width: 83.33333333333334%; }
.van-col-21 { width: 87.5%; }
.van-col-22 { width: 91.66666666666667%; }
.van-col-23 { width: 95.83333333333334%; }
.van-col-24 { width: 100%; }
.van-col-offset-1 { margin-left: 4.166666666666667%; }
.van-col-offset-2 { margin-left: 8.333333333333334%; }
.van-col-offset-3 { margin-left: 12.5%; }
.van-col-offset-4 { margin-left: 16.666666666666668%; }
.van-col-offset-5 { margin-left: 20.833333333333336%; }
.van-col-offset-6 { margin-left: 25%; }
.van-col-offset-7 { margin-left: 29.166666666666668%; }
.van-col-offset-8 { margin-left: 33.333333333333336%; }
.van-col-offset-9 { margin-left: 37.5%; }
.van-col-offset-10 { margin-left: 41.66666666666667%; }
.van-col-offset-11 { margin-left: 45.833333333333336%; }
.van-col-offset-12 { margin-left: 50%; }
.van-col-offset-13 { margin-left: 54.16666666666667%; }
.van-col-offset-14 { margin-left: 58.333333333333336%; }
.van-col-offset-15 { margin-left: 62.50000000000001%; }
.van-col-offset-16 { margin-left: 66.66666666666667%; }
.van-col-offset-17 { margin-left: 70.83333333333334%; }
.van-col-offset-18 { margin-left: 75%; }
.van-col-offset-19 { margin-left: 79.16666666666667%; }
.van-col-offset-20 { margin-left: 83.33333333333334%; }
.van-col-offset-21 { margin-left: 87.5%; }
.van-col-offset-22 { margin-left: 91.66666666666667%; }
.van-col-offset-23 { margin-left: 95.83333333333334%; }
.van-col-offset-24 { margin-left: 100%; }

31
packages/vant-css/src/dialog.css
View File

@ -1,12 +1,7 @@
@import './mixins/border_retina.css'; @import './mixins/border_retina.css';
@import './popup.css'; @import './popup.css';
@component-namespace van { .van-dialog {
@b dialog-wrapper {
position: absolute;
}
@b dialog {
position: fixed; position: fixed;
top: 50%; top: 50%;
left: 50%; left: 50%;
@ -19,11 +14,11 @@
backface-visibility: hidden; backface-visibility: hidden;
transition: .2s; transition: .2s;
@e header { &__header {
padding: 15px 0 0; padding: 15px 0 0;
} }
@e content { &__content {
padding: 15px 20px; padding: 15px 20px;
position: relative; position: relative;
@ -32,7 +27,7 @@
} }
} }
@e title { &__title {
text-align: center; text-align: center;
padding-left: 0; padding-left: 0;
margin-bottom: 0; margin-bottom: 0;
@ -40,23 +35,23 @@
color: #333; color: #333;
} }
@e message { &__message {
color: #999; color: #999;
margin: 0; margin: 0;
font-size: 14px; font-size: 14px;
line-height: 1.5; line-height: 1.5;
@m notitle { &--notitle {
color: #333; color: #333;
font-size: 16px; font-size: 16px;
} }
} }
@e footer { &__footer {
font-size: 14px; font-size: 14px;
overflow: hidden; overflow: hidden;
@when twobtn { &.is-twobtn {
.van-dialog__btn { .van-dialog__btn {
width: 50%; width: 50%;
} }
@ -69,7 +64,7 @@
} }
} }
@e btn { &__btn {
font-size: 16px; font-size: 16px;
line-height: 52px; line-height: 52px;
border: 0; border: 0;
@ -81,14 +76,17 @@
position: relative; position: relative;
} }
@e cancel { &__cancel {
color: #333; color: #333;
} }
@e confirm { &__confirm {
color: #00C000; color: #00C000;
width: 100%; width: 100%;
} }
&-wrapper {
position: absolute;
} }
} }
@ -96,6 +94,7 @@
opacity: 0; opacity: 0;
transform: translate3d(-50%, -50%, 0) scale(0.7); transform: translate3d(-50%, -50%, 0) scale(0.7);
} }
.dialog-bounce-leave-active { .dialog-bounce-leave-active {
opacity: 0; opacity: 0;
transform: translate3d(-50%, -50%, 0) scale(0.9); transform: translate3d(-50%, -50%, 0) scale(0.9);

109
packages/vant-css/src/field.css
View File

@ -3,60 +3,10 @@
@import './cell.css'; @import './cell.css';
@import './icon.css'; @import './icon.css';
@component-namespace van { .van-field {
@b field {
width: 100%; width: 100%;
@m hastextarea {
.van-field__control {
min-height: 60px;
}
}
@m nolabel {
.van-cell__title {
display: none;
}
.van-cell__value {
width: 100%;
padding-left: 0;
}
}
@m disabled {
.van-field__control {
color: $c-gray-dark;
}
}
@m error {
.van-field__control {
color: $c-red;
}
}
@m border {
.van-field__control {
padding-left: 10px;
}
&::after {
border-radius: 2px;
@mixin border-retina (top, right, bottom, left);
}
&:last-child::after {
@mixin border-retina (bottom);
}
}
@m autosize {
.van-field__control {
min-height: 0px;
}
}
.van-cell__title, .van-cell__title,
.van-cell__value { .van-cell__value {
float: none; float: none;
@ -75,7 +25,57 @@
padding-left: 90px; padding-left: 90px;
} }
@e control { &--hastextarea {
.van-field__control {
min-height: 60px;
}
}
&--nolabel {
.van-cell__title {
display: none;
}
.van-cell__value {
width: 100%;
padding-left: 0;
}
}
&--disabled {
.van-field__control {
color: $c-gray-dark;
}
}
&--error {
.van-field__control {
color: $c-red;
}
}
&--border {
.van-field__control {
padding-left: 10px;
}
&::after {
border-radius: 2px;
@mixin border-retina (top, right, bottom, left);
}
&:last-child::after {
@mixin border-retina (bottom);
}
}
&--autosize {
.van-field__control {
min-height: 0px;
}
}
&__control {
border: 0; border: 0;
font-size: 14px; font-size: 14px;
line-height: 24px; line-height: 24px;
@ -87,7 +87,7 @@
outline: 0; outline: 0;
} }
@e icon { &__icon {
position: absolute; position: absolute;
right: 0; right: 0;
top: 50%; top: 50%;
@ -95,4 +95,3 @@
padding: 10px; padding: 10px;
} }
} }
}

8
packages/vant-css/src/image_preview.css
View File

@ -1,7 +1,6 @@
@import './swipe.css'; @import './swipe.css';
@component-namespace van { .van-image-preview {
@b image-preview {
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
@ -9,12 +8,12 @@
height: 100%; height: 100%;
overflow: auto; overflow: auto;
@e image { &__image {
display: block; display: block;
position: absolute; position: absolute;
left: 0; left: 0;
@m center { &--center {
width: 100%; width: 100%;
height: auto; height: auto;
top: 50%; top: 50%;
@ -33,4 +32,3 @@
height: 100%; height: 100%;
} }
} }
}

39
packages/vant-css/src/loading.css
View File

File diff suppressed because one or more lines are too long

14
packages/vant-css/src/panel.css
View File

@ -1,7 +1,6 @@
@import './mixins/border_retina.css'; @import './mixins/border_retina.css';
@component-namespace van { .van-panel {
@b panel {
background: #fff; background: #fff;
position: relative; position: relative;
@ -9,7 +8,7 @@
@mixin border-retina (top, bottom); @mixin border-retina (top, bottom);
} }
@e header { &__header {
padding: 10px 15px; padding: 10px 15px;
position: relative; position: relative;
&::after { &::after {
@ -17,17 +16,17 @@
} }
} }
@e title { &__title {
font-size: 14px; font-size: 14px;
color: #333; color: #333;
} }
@e desc { &__desc {
font-size: 12px; font-size: 12px;
color: #666; color: #666;
} }
@e status { &__status {
font-size: 14px; font-size: 14px;
position: absolute; position: absolute;
top: 10px; top: 10px;
@ -35,7 +34,7 @@
color: #FF4444; color: #FF4444;
} }
@e footer { &__footer {
padding: 10px 15px; padding: 10px 15px;
position: relative; position: relative;
@ -44,4 +43,3 @@
} }
} }
} }
}

31
packages/vant-css/src/picker.css
View File

@ -1,11 +1,10 @@
@import './mixins/border_retina.css'; @import './mixins/border_retina.css';
@component-namespace van { .van-picker {
@b picker {
overflow: hidden; overflow: hidden;
background-color: #fff; background-color: #fff;
@e toolbar { &__toolbar {
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
overflow: hidden; overflow: hidden;
@ -17,17 +16,17 @@
} }
} }
@e cancel { &__cancel {
color: #3388FF; color: #3388FF;
float: left; float: left;
} }
@e confirm { &__confirm {
color: #3388FF; color: #3388FF;
float: right; float: right;
} }
@e title { &__title {
height: 40px; height: 40px;
padding: 0 10px; padding: 0 10px;
overflow: hidden; overflow: hidden;
@ -38,41 +37,40 @@
text-align: center; text-align: center;
} }
@e columns { &__columns {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
@m 1 { &--1 {
.van-picker-column { .van-picker-column {
width: 100%; width: 100%;
} }
} }
@m 2 { &--2 {
.van-picker-column { .van-picker-column {
width: 50%; width: 50%;
} }
} }
@m 3 { &--3 {
.van-picker-column { .van-picker-column {
width: 33.333%; width: 33.333%;
} }
} }
@m 4 { &--4 {
.van-picker-column { .van-picker-column {
width: 25%; width: 25%;
} }
} }
@m 5 { &--5 {
.van-picker-column { .van-picker-column {
width: 20%; width: 20%;
} }
} }
} }
}
.van-picker-center-highlight { .van-picker-center-highlight {
box-sizing: border-box; box-sizing: border-box;
@ -92,7 +90,6 @@
width: 100%; width: 100%;
background-color: #eaeaea; background-color: #eaeaea;
display: block; display: block;
van-index: 15;
transform: scaleY(0.5); transform: scaleY(0.5);
} }
@ -110,7 +107,7 @@
top: auto; top: auto;
} }
@b picker-column { &-column {
font-size: 18px; font-size: 18px;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
@ -118,7 +115,7 @@
float: left; float: left;
text-align: center; text-align: center;
@e item { &__item {
height: 44px; height: 44px;
line-height: 44px; line-height: 44px;
padding: 0 10px; padding: 0 10px;
@ -134,7 +131,7 @@
transition-duration: .3s; transition-duration: .3s;
backface-visibility: hidden; backface-visibility: hidden;
@m selected { &--selected {
color: #000; color: #000;
transform: translate3d(0, 0, 0) rotateX(0); transform: translate3d(0, 0, 0) rotateX(0);
} }

14
packages/vant-css/src/popup.css
View File

@ -1,5 +1,5 @@
@component-namespace van { .van {
@b modal { &-modal {
position: fixed; position: fixed;
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -9,7 +9,7 @@
transition: all .5s ease-out; transition: all .5s ease-out;
} }
@b popup { &-popup {
position: fixed; position: fixed;
background-color: #fff; background-color: #fff;
top: 50%; top: 50%;
@ -18,7 +18,7 @@
backface-visibility: hidden; backface-visibility: hidden;
transition: .2s ease-out; transition: .2s ease-out;
@m top { &--top {
width: 100%; width: 100%;
top: 0; top: 0;
right: auto; right: auto;
@ -27,7 +27,7 @@
transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);
} }
@m right { &--right {
top: 50%; top: 50%;
right: 0; right: 0;
bottom: auto; bottom: auto;
@ -35,7 +35,7 @@
transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0);
} }
@m bottom { &--bottom {
width: 100%; width: 100%;
top: auto; top: auto;
bottom: 0; bottom: 0;
@ -44,7 +44,7 @@
transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);
} }
@m left { &--left {
top: 50%; top: 50%;
right: auto; right: auto;
bottom: auto; bottom: auto;

11
packages/vant-css/src/progress.css
View File

@ -1,22 +1,22 @@
@import './common/var.css'; @import './common/var.css';
@component-namespace van { .van-progress {
@b progress { &__bar {
@e bar {
height: 4px; height: 4px;
border-radius: 4.5px; border-radius: 4.5px;
width: 100%; width: 100%;
background: $c-gray-light; background: $c-gray-light;
position: relative; position: relative;
@e finished-portion { &__finished-portion {
border-radius: 4.5px; border-radius: 4.5px;
height: 100%; height: 100%;
position: absolute; position: absolute;
left: 0; left: 0;
display: inline-block; display: inline-block;
} }
@e pivot {
&__pivot {
padding: 2px 0; padding: 2px 0;
font-size: 8px; font-size: 8px;
position: absolute; position: absolute;
@ -30,4 +30,3 @@
} }
} }
} }
}

18
packages/vant-css/src/quantity.css
View File

@ -1,10 +1,9 @@
@import './common/var.css'; @import './common/var.css';
@component-namespace van { .van-quantity {
@b quantity {
font-size: 0; font-size: 0;
@m disabled { &--disabled {
.van-quantity__input, .van-quantity__input,
.van-quantity__minus, .van-quantity__minus,
.van-quantity__plus { .van-quantity__plus {
@ -12,7 +11,7 @@
} }
} }
@e stepper { &__stepper {
width: 40px; width: 40px;
height: 30px; height: 30px;
box-sizing: border-box; box-sizing: border-box;
@ -46,29 +45,29 @@
} }
} }
@e minus { &__minus {
border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px;
&::after { &::after {
display: none; display: none;
} }
@m disabled { &--disabled {
background-color: #f8f8f8; background-color: #f8f8f8;
border-color: #e8e8e8 #999 #e8e8e8 #e8e8e8; border-color: #e8e8e8 #999 #e8e8e8 #e8e8e8;
} }
} }
@e plus { &__plus {
border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0;
@m disabled { &--disabled {
background-color: #f8f8f8; background-color: #f8f8f8;
border-color: #e8e8e8 #e8e8e8 #e8e8e8 #999; border-color: #e8e8e8 #e8e8e8 #e8e8e8 #999;
} }
} }
@e input { &__input {
width: 33px; width: 33px;
height: 26px; height: 26px;
padding: 1px; padding: 1px;
@ -84,4 +83,3 @@
-webkit-appearance: none; -webkit-appearance: none;
} }
} }
}

20
packages/vant-css/src/radio.css
View File

@ -1,23 +1,16 @@
@import "./common/var.css"; @import "./common/var.css";
@component-namespace van { .van-radio {
@b radio {
overflow: hidden; overflow: hidden;
@m disabled { &__input {
.van-icon {
color: #d1dbe5;
}
}
@e input {
position: relative; position: relative;
height: 22px; height: 22px;
float: left; float: left;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} }
@e control { &__control {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
@ -27,7 +20,7 @@
margin: 0; margin: 0;
} }
@e label { &__label {
line-height: 22px; line-height: 22px;
display: block; display: block;
margin-left: 37px; margin-left: 37px;
@ -46,5 +39,10 @@
.van-icon-check { .van-icon-check {
color: $c-gray-dark; color: $c-gray-dark;
} }
&--disabled {
.van-icon {
color: #d1dbe5;
}
} }
} }

14
packages/vant-css/src/search.css
View File

@ -1,18 +1,17 @@
@import './common/var.css'; @import './common/var.css';
@import './icon.css'; @import './icon.css';
@component-namespace van { .van-search {
@b search {
position: relative; position: relative;
box-sizing: border-box; box-sizing: border-box;
padding: 4px 15px; padding: 4px 15px;
background-color: #F2F2F2; background-color: #F2F2F2;
@m focus { &--focus {
padding-right: 50px; padding-right: 50px;
} }
@m showcase { &--showcase {
padding: 10px; padding: 10px;
background-color: #f8f8f8; background-color: #f8f8f8;
@ -21,7 +20,7 @@
} }
} }
@e input-wrap { &__input-wrap {
position: relative; position: relative;
padding: 8px 24px 8px 35px; padding: 8px 24px 8px 35px;
border: 1px solid $c-gray-light; border: 1px solid $c-gray-light;
@ -29,7 +28,7 @@
background-color: $c-white; background-color: $c-white;
} }
@e input { &__input {
display: block; display: block;
width: 100%; width: 100%;
height: 14px; height: 14px;
@ -40,7 +39,7 @@
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} }
@e cancel { &__cancel {
position: absolute; position: absolute;
line-height: 34px; line-height: 34px;
padding: 4px 0; padding: 4px 0;
@ -70,4 +69,3 @@
color: #888; color: #888;
} }
} }
}

26
packages/vant-css/src/steps.css
View File

@ -3,12 +3,11 @@
@import './icon.css'; @import './icon.css';
@import './mixins/border_retina.css'; @import './mixins/border_retina.css';
@component-namespace van { .van-steps {
@b steps {
overflow: hidden; overflow: hidden;
background-color: #fff; background-color: #fff;
@m horizontal { &--horizontal {
padding: 0 10px; padding: 0 10px;
.van-steps__items { .van-steps__items {
@ -23,23 +22,23 @@
} }
} }
@m vertical { &--vertical {
padding: 0 0 0 35px; padding: 0 0 0 35px;
} }
@m 4 { &--4 {
.van-step { .van-step {
width: 33.2%; width: 33.2%;
} }
} }
@m 3 { &--3 {
.van-step { .van-step {
width: 50%; width: 50%;
} }
} }
@e icon { &__icon {
float: left; float: left;
margin-right: 10px; margin-right: 10px;
} }
@ -49,7 +48,7 @@
line-height: 1; line-height: 1;
} }
@e message { &__message {
display: table; display: table;
height: 40px; height: 40px;
margin: 15px 0; margin: 15px 0;
@ -60,12 +59,12 @@
} }
} }
@e title { &__title {
font-size: 14px; font-size: 14px;
color: $c-black; color: $c-black;
} }
@e desc { &__desc {
font-size: 12px; font-size: 12px;
line-height: 1.5; line-height: 1.5;
color: $c-gray-dark; color: $c-gray-dark;
@ -74,12 +73,12 @@
} }
} }
@b step { .van-step {
font-size: 14px; font-size: 14px;
position: relative; position: relative;
color: $c-gray-dark; color: $c-gray-dark;
@m horizontal { &--horizontal {
float: left; float: left;
&:first-child { &:first-child {
@ -167,7 +166,7 @@
border-radius: 50%; border-radius: 50%;
} }
@m vertical { &--vertical {
float: none; float: none;
display: block; display: block;
font-size: 14px; font-size: 14px;
@ -222,4 +221,3 @@
} }
} }
} }
}

14
packages/vant-css/src/swipe.css
View File

@ -1,20 +1,19 @@
@import './common/var.css'; @import './common/var.css';
@component-namespace van { .van-swipe {
@b swipe {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
height: 100%; height: 100%;
@e indicators { &__indicators {
position: absolute; position: absolute;
bottom: 10px; bottom: 10px;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
} }
@e indicator { &__indicator {
width: 5px; width: 5px;
height: 5px; height: 5px;
display: inline-block; display: inline-block;
@ -24,21 +23,20 @@
margin: 0 3px; margin: 0 3px;
z-index: 1; z-index: 1;
@m active { &--active {
background: $c-orange; background: $c-orange;
opacity: 1; opacity: 1;
} }
} }
@e items { &__items {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
height: 100%; height: 100%;
} }
}
@b swipe-item { &-item {
display: none; display: none;
height: 100%; height: 100%;
width: 100%; width: 100%;

14
packages/vant-css/src/switch.css
View File

@ -1,7 +1,6 @@
@import './mixins/border_retina.css'; @import './mixins/border_retina.css';
@component-namespace van { .van-switch {
@b switch {
height: 31px; height: 31px;
width: 51px; width: 51px;
display: inline-block; display: inline-block;
@ -14,7 +13,7 @@
border-radius: 32px; border-radius: 32px;
} }
@e node { &__node {
width: 28px; width: 28px;
height: 28px; height: 28px;
border-radius: 13.5px; border-radius: 13.5px;
@ -31,7 +30,7 @@
} }
} }
@e loading { &__loading {
width: 16px; width: 16px;
height: 16px; height: 16px;
position: relative; position: relative;
@ -41,7 +40,7 @@
margin: 0; margin: 0;
} }
@m on { &--on {
background-color: #44db5e; background-color: #44db5e;
&::after { border-color: #44db5e; } &::after { border-color: #44db5e; }
.van-switch__node { .van-switch__node {
@ -49,13 +48,12 @@
} }
} }
@m off { &--off {
background-color: #fff; background-color: #fff;
border-color: rgba(0, 0, 0, .1); border-color: rgba(0, 0, 0, .1);
} }
@m disabled { &--disabled {
opacity: .4; opacity: .4;
} }
} }
}

24
packages/vant-css/src/tab.css
View File

@ -1,15 +1,14 @@
@import './common/var.css'; @import './common/var.css';
@import './mixins/border_retina.css'; @import './mixins/border_retina.css';
@component-namespace van { .van-tabs {
@b tabs {
position: relative; position: relative;
@e nav-wrap { &__nav-wrap {
overflow: hidden; overflow: hidden;
} }
@e swipe { &__swipe {
user-select: none; user-select: none;
transition: transform ease .3s; transition: transform ease .3s;
@ -22,13 +21,13 @@
} }
} }
@e nav { &__nav {
overflow: hidden; overflow: hidden;
transition: transform .5s cubic-bezier(.645, .045, .355, 1); transition: transform .5s cubic-bezier(.645, .045, .355, 1);
position: relative; position: relative;
display: flex; display: flex;
@m line { &--line {
height: 44px; height: 44px;
.van-tab { .van-tab {
@ -38,7 +37,7 @@
} }
} }
@m card { &--card {
height: 28px; height: 28px;
margin: 0 15px; margin: 0 15px;
background-color: $c-white; background-color: $c-white;
@ -63,7 +62,7 @@
} }
} }
@e nav-bar { &__nav-bar {
z-index: 1; z-index: 1;
position: absolute; position: absolute;
left: 0; left: 0;
@ -75,7 +74,7 @@
} }
} }
@b tab { .van-tab {
position: relative; position: relative;
color: $c-black; color: $c-black;
background-color: $c-white; background-color: $c-white;
@ -87,19 +86,18 @@
flex: 1; flex: 1;
-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: rgba(0,0,0,0);
@m active { &--active {
color: #FF4444; color: #FF4444;
} }
@e pane { &__pane {
display: none; display: none;
@m select { &--select {
display: block; display: block;
} }
} }
} }
}

78
packages/vant-css/src/tag.css
View File

@ -1,8 +1,7 @@
@import './common/var.css'; @import './common/var.css';
@import './mixins/border_retina.css'; @import './mixins/border_retina.css';
@component-namespace van { .van-tag {
@b tag {
position: relative; position: relative;
display: inline-block; display: inline-block;
line-height: 14px; line-height: 14px;
@ -17,53 +16,52 @@
border-radius: 4px; border-radius: 4px;
} }
@m success { &.is-plain {
background: $c-green;
&::after {
border-color: $c-green;
}
@when plain {
color: $c-green;
}
}
@m danger {
background: $button-danger-background-color;
&::after {
border-color: $button-danger-background-color;
}
@when plain {
color: $button-danger-background-color;
}
}
@m primary {
background: $c-blue;
&::after {
border-color: $c-blue;
}
@when plain {
color: $c-blue;
}
}
@when plain {
background: $c-white; background: $c-white;
color: $c-gray; color: $c-gray;
} }
@when mark { &.is-mark {
border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0;
&::after { &::after {
border-radius: 0 16px 16px 0; border-radius: 0 16px 16px 0;
} }
} }
&--success {
background: $c-green;
&::after {
border-color: $c-green;
}
&.is-plain {
color: $c-green;
}
}
&--danger {
background: $button-danger-background-color;
&::after {
border-color: $button-danger-background-color;
}
&.is-plain {
color: $button-danger-background-color;
}
}
&--primary {
background: $c-blue;
&::after {
border-color: $c-blue;
}
&.is-plain {
color: $c-blue;
}
} }
} }

12
packages/vant-css/src/toast.css
View File

@ -1,7 +1,6 @@
@import './common/var.css'; @import './common/var.css';
@component-namespace van { .van-toast {
@b toast {
position: fixed; position: fixed;
z-index: 3001; z-index: 3001;
border-radius: 5px; border-radius: 5px;
@ -15,7 +14,7 @@
text-align: center; text-align: center;
line-height: 12px; line-height: 12px;
@e overlay { &__overlay {
position: fixed; position: fixed;
left: 0; left: 0;
top: 0; top: 0;
@ -25,16 +24,16 @@
z-index: 3000; z-index: 3000;
} }
@m loading { &--loading {
padding: 45px; padding: 45px;
} }
@m text, html { &--text, html {
padding: 12px; padding: 12px;
min-width: 200px; min-width: 200px;
} }
@m default { &--default {
width: 120px; width: 120px;
height: 120px; height: 120px;
@ -50,7 +49,6 @@
} }
} }
} }
}
.van-toast-fade-enter-active, .van-toast-fade-leave-active { .van-toast-fade-enter-active, .van-toast-fade-leave-active {
transition: opacity .2s; transition: opacity .2s;

6
packages/vant-css/src/uploader.css
View File

@ -1,9 +1,8 @@
@component-namespace van { .van-uploader {
@b uploader {
position: relative; position: relative;
display: inline-block; display: inline-block;
@e input { &__input {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
@ -20,4 +19,3 @@
cursor:pointer; cursor:pointer;
} }
} }
}

396
packages/vant-css/yarn.lock
View File

@ -22,7 +22,13 @@ ansi-styles@^2.2.1:
version "2.2.1" version "2.2.1"
resolved "http://registry.npm.qima-inc.com/ansi-styles/download/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe" resolved "http://registry.npm.qima-inc.com/ansi-styles/download/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
any-promise@^0.1.0, any-promise@~0.1.0: ansi-styles@^3.1.0:
version "3.2.0"
resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.0.tgz#c159b8d5be0f9e5a6f346dab94f16ce022161b88"
dependencies:
color-convert "^1.9.0"
any-promise@^0.1.0:
version "0.1.0" version "0.1.0"
resolved "http://registry.npm.qima-inc.com/any-promise/download/any-promise-0.1.0.tgz#830b680aa7e56f33451d4b049f3bd8044498ee27" resolved "http://registry.npm.qima-inc.com/any-promise/download/any-promise-0.1.0.tgz#830b680aa7e56f33451d4b049f3bd8044498ee27"
@ -68,33 +74,29 @@ array-unique@^0.2.1:
version "0.2.1" version "0.2.1"
resolved "http://registry.npm.qima-inc.com/array-unique/download/array-unique-0.2.1.tgz#a1d97ccafcbc2625cc70fadceb36a50c58b01a53" resolved "http://registry.npm.qima-inc.com/array-unique/download/array-unique-0.2.1.tgz#a1d97ccafcbc2625cc70fadceb36a50c58b01a53"
arrify@^1.0.0: autoprefixer@^7.1.2:
version "1.0.1" version "7.1.2"
resolved "http://registry.npm.qima-inc.com/arrify/download/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d" resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-7.1.2.tgz#fbeaf07d48fd878e0682bf7cbeeade728adb2b18"
autoprefixer@^6.7.5:
version "6.7.7"
resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-6.7.7.tgz#1dbd1c835658e35ce3f9984099db00585c782014"
dependencies: dependencies:
browserslist "^1.7.6" browserslist "^2.1.5"
caniuse-db "^1.0.30000634" caniuse-lite "^1.0.30000697"
normalize-range "^0.1.2" normalize-range "^0.1.2"
num2fraction "^1.2.2" num2fraction "^1.2.2"
postcss "^5.2.16" postcss "^6.0.6"
postcss-value-parser "^3.2.3" postcss-value-parser "^3.2.3"
balanced-match@0.1.0: balanced-match@0.1.0:
version "0.1.0" version "0.1.0"
resolved "http://registry.npm.qima-inc.com/balanced-match/download/balanced-match-0.1.0.tgz#b504bd05869b39259dd0c5efc35d843176dccc4a" resolved "http://registry.npm.qima-inc.com/balanced-match/download/balanced-match-0.1.0.tgz#b504bd05869b39259dd0c5efc35d843176dccc4a"
balanced-match@^0.2.0:
version "0.2.1"
resolved "http://registry.npm.qima-inc.com/balanced-match/download/balanced-match-0.2.1.tgz#7bc658b4bed61eee424ad74f75f5c3e2c4df3cc7"
balanced-match@^0.4.1, balanced-match@^0.4.2: balanced-match@^0.4.1, balanced-match@^0.4.2:
version "0.4.2" version "0.4.2"
resolved "http://registry.npm.qima-inc.com/balanced-match/download/balanced-match-0.4.2.tgz#cb3f3e3c732dc0f01ee70b403f302e61d7709838" resolved "http://registry.npm.qima-inc.com/balanced-match/download/balanced-match-0.4.2.tgz#cb3f3e3c732dc0f01ee70b403f302e61d7709838"
balanced-match@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
beeper@^1.0.0: beeper@^1.0.0:
version "1.1.1" version "1.1.1"
resolved "http://registry.npm.qima-inc.com/beeper/download/beeper-1.1.1.tgz#e6d5ea8c5dad001304a70b22638447f69cb2f809" resolved "http://registry.npm.qima-inc.com/beeper/download/beeper-1.1.1.tgz#e6d5ea8c5dad001304a70b22638447f69cb2f809"
@ -114,12 +116,12 @@ braces@^1.8.2:
preserve "^0.2.0" preserve "^0.2.0"
repeat-element "^1.1.2" repeat-element "^1.1.2"
browserslist@^1.7.6: browserslist@^2.1.5:
version "1.7.7" version "2.2.2"
resolved "http://registry.npm.qima-inc.com/browserslist/download/browserslist-1.7.7.tgz#0bd76704258be829b2398bb50e4b62d1a166b0b9" resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-2.2.2.tgz#e9b4618b8a01c193f9786beea09f6fd10dbe31c3"
dependencies: dependencies:
caniuse-db "^1.0.30000639" caniuse-lite "^1.0.30000704"
electron-to-chromium "^1.2.7" electron-to-chromium "^1.3.16"
buffer-shims@~1.0.0: buffer-shims@~1.0.0:
version "1.0.0" version "1.0.0"
@ -129,6 +131,10 @@ builtin-modules@^1.0.0:
version "1.1.1" version "1.1.1"
resolved "http://registry.npm.qima-inc.com/builtin-modules/download/builtin-modules-1.1.1.tgz#270f076c5a72c02f5b65a47df94c5fe3a278892f" resolved "http://registry.npm.qima-inc.com/builtin-modules/download/builtin-modules-1.1.1.tgz#270f076c5a72c02f5b65a47df94c5fe3a278892f"
camelcase-css@^1.0.1:
version "1.0.1"
resolved "https://registry.yarnpkg.com/camelcase-css/-/camelcase-css-1.0.1.tgz#157c4238265f5cf94a1dffde86446552cbf3f705"
camelcase-keys@^2.0.0: camelcase-keys@^2.0.0:
version "2.1.0" version "2.1.0"
resolved "http://registry.npm.qima-inc.com/camelcase-keys/download/camelcase-keys-2.1.0.tgz#308beeaffdf28119051efa1d932213c91b8f92e7" resolved "http://registry.npm.qima-inc.com/camelcase-keys/download/camelcase-keys-2.1.0.tgz#308beeaffdf28119051efa1d932213c91b8f92e7"
@ -140,9 +146,9 @@ camelcase@^2.0.0:
version "2.1.1" version "2.1.1"
resolved "http://registry.npm.qima-inc.com/camelcase/download/camelcase-2.1.1.tgz#7c1d16d679a1bbe59ca02cacecfb011e201f5a1f" resolved "http://registry.npm.qima-inc.com/camelcase/download/camelcase-2.1.1.tgz#7c1d16d679a1bbe59ca02cacecfb011e201f5a1f"
caniuse-db@^1.0.30000634, caniuse-db@^1.0.30000639: caniuse-lite@^1.0.30000697, caniuse-lite@^1.0.30000704:
version "1.0.30000656" version "1.0.30000706"
resolved "http://registry.npm.qima-inc.com/caniuse-db/download/caniuse-db-1.0.30000656.tgz#127c8c6e655e7464e58f039558f1e878fcca3c45" resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000706.tgz#bc59abc41ba7d4a3634dda95befded6114e1f24e"
chalk@^0.5.0: chalk@^0.5.0:
version "0.5.1" version "0.5.1"
@ -164,6 +170,14 @@ chalk@^1.0.0, chalk@^1.1.1, chalk@^1.1.3:
strip-ansi "^3.0.0" strip-ansi "^3.0.0"
supports-color "^2.0.0" supports-color "^2.0.0"
chalk@^2.0.1:
version "2.0.1"
resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.0.1.tgz#dbec49436d2ae15f536114e76d14656cdbc0f44d"
dependencies:
ansi-styles "^3.1.0"
escape-string-regexp "^1.0.5"
supports-color "^4.0.0"
clean-css@^3.1.9: clean-css@^3.1.9:
version "3.4.25" version "3.4.25"
resolved "http://registry.npm.qima-inc.com/clean-css/download/clean-css-3.4.25.tgz#9e9a52d5c1e6bc5123e1b2783fa65fe958946ede" resolved "http://registry.npm.qima-inc.com/clean-css/download/clean-css-3.4.25.tgz#9e9a52d5c1e6bc5123e1b2783fa65fe958946ede"
@ -183,7 +197,7 @@ clone@^1.0.0, clone@^1.0.2:
version "1.0.2" version "1.0.2"
resolved "http://registry.npm.qima-inc.com/clone/download/clone-1.0.2.tgz#260b7a99ebb1edfe247538175f783243cb19d149" resolved "http://registry.npm.qima-inc.com/clone/download/clone-1.0.2.tgz#260b7a99ebb1edfe247538175f783243cb19d149"
color-convert@^1.3.0: color-convert@^1.3.0, color-convert@^1.9.0:
version "1.9.0" version "1.9.0"
resolved "http://registry.npm.qima-inc.com/color-convert/download/color-convert-1.9.0.tgz#1accf97dd739b983bf994d56fec8f95853641b7a" resolved "http://registry.npm.qima-inc.com/color-convert/download/color-convert-1.9.0.tgz#1accf97dd739b983bf994d56fec8f95853641b7a"
dependencies: dependencies:
@ -232,9 +246,9 @@ cosmiconfig@^2.1.0, cosmiconfig@^2.1.1:
parse-json "^2.2.0" parse-json "^2.2.0"
require-from-string "^1.1.0" require-from-string "^1.1.0"
css-color-function@^1.2.0: css-color-function@^1.3.0:
version "1.3.0" version "1.3.0"
resolved "http://registry.npm.qima-inc.com/css-color-function/download/css-color-function-1.3.0.tgz#72c767baf978f01b8a8a94f42f17ba5d22a776fc" resolved "https://registry.yarnpkg.com/css-color-function/-/css-color-function-1.3.0.tgz#72c767baf978f01b8a8a94f42f17ba5d22a776fc"
dependencies: dependencies:
balanced-match "0.1.0" balanced-match "0.1.0"
color "^0.11.0" color "^0.11.0"
@ -288,9 +302,9 @@ duplexer2@0.0.2:
dependencies: dependencies:
readable-stream "~1.1.9" readable-stream "~1.1.9"
electron-to-chromium@^1.2.7: electron-to-chromium@^1.3.16:
version "1.3.4" version "1.3.16"
resolved "http://registry.npm.qima-inc.com/electron-to-chromium/download/electron-to-chromium-1.3.4.tgz#e51769c0cf550e0cf5aedf6aa2b803a264b3a900" resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.16.tgz#d0e026735754770901ae301a21664cba45d92f7d"
end-of-stream@~0.1.5: end-of-stream@~0.1.5:
version "0.1.5" version "0.1.5"
@ -304,7 +318,7 @@ error-ex@^1.2.0:
dependencies: dependencies:
is-arrayish "^0.2.1" is-arrayish "^0.2.1"
escape-string-regexp@^1.0.0, escape-string-regexp@^1.0.2: escape-string-regexp@^1.0.0, escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
version "1.0.5" version "1.0.5"
resolved "http://registry.npm.qima-inc.com/escape-string-regexp/download/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4" resolved "http://registry.npm.qima-inc.com/escape-string-regexp/download/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
@ -405,6 +419,10 @@ flagged-respawn@^0.3.2:
version "0.3.2" version "0.3.2"
resolved "http://registry.npm.qima-inc.com/flagged-respawn/download/flagged-respawn-0.3.2.tgz#ff191eddcd7088a675b2610fffc976be9b8074b5" resolved "http://registry.npm.qima-inc.com/flagged-respawn/download/flagged-respawn-0.3.2.tgz#ff191eddcd7088a675b2610fffc976be9b8074b5"
flatten@^1.0.2:
version "1.0.2"
resolved "https://registry.yarnpkg.com/flatten/-/flatten-1.0.2.tgz#dae46a9d78fbe25292258cc1e780a41d95c03782"
for-in@^1.0.1: for-in@^1.0.1:
version "1.0.2" version "1.0.2"
resolved "http://registry.npm.qima-inc.com/for-in/download/for-in-1.0.2.tgz#81068d295a8142ec0ac726c6e2200c30fb6d5e80" resolved "http://registry.npm.qima-inc.com/for-in/download/for-in-1.0.2.tgz#81068d295a8142ec0ac726c6e2200c30fb6d5e80"
@ -419,21 +437,6 @@ fs-exists-sync@^0.1.0:
version "0.1.0" version "0.1.0"
resolved "http://registry.npm.qima-inc.com/fs-exists-sync/download/fs-exists-sync-0.1.0.tgz#982d6893af918e72d08dec9e8673ff2b5a8d6add" resolved "http://registry.npm.qima-inc.com/fs-exists-sync/download/fs-exists-sync-0.1.0.tgz#982d6893af918e72d08dec9e8673ff2b5a8d6add"
fs-extra@^0.24.0:
version "0.24.0"
resolved "http://registry.npm.qima-inc.com/fs-extra/download/fs-extra-0.24.0.tgz#d4e4342a96675cb7846633a6099249332b539952"
dependencies:
graceful-fs "^4.1.2"
jsonfile "^2.1.0"
path-is-absolute "^1.0.0"
rimraf "^2.2.8"
fs-promise@^0.3.1:
version "0.3.1"
resolved "http://registry.npm.qima-inc.com/fs-promise/download/fs-promise-0.3.1.tgz#bf34050368f24d6dc9dfc6688ab5cead8f86842a"
dependencies:
any-promise "~0.1.0"
fs.realpath@^1.0.0: fs.realpath@^1.0.0:
version "1.0.0" version "1.0.0"
resolved "http://registry.npm.qima-inc.com/fs.realpath/download/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f" resolved "http://registry.npm.qima-inc.com/fs.realpath/download/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
@ -493,17 +496,7 @@ glob@^4.3.1:
minimatch "^2.0.1" minimatch "^2.0.1"
once "^1.3.0" once "^1.3.0"
glob@^5.0.3: glob@^7.0.3, glob@^7.1.1:
version "5.0.15"
resolved "http://registry.npm.qima-inc.com/glob/download/glob-5.0.15.tgz#1bc936b9e02f4a603fcc222ecf7633d30b8b93b1"
dependencies:
inflight "^1.0.4"
inherits "2"
minimatch "2 || 3"
once "^1.3.0"
path-is-absolute "^1.0.0"
glob@^7.0.3, glob@^7.0.5:
version "7.1.1" version "7.1.1"
resolved "http://registry.npm.qima-inc.com/glob/download/glob-7.1.1.tgz#805211df04faaf1c63a3600306cdf5ade50b2ec8" resolved "http://registry.npm.qima-inc.com/glob/download/glob-7.1.1.tgz#805211df04faaf1c63a3600306cdf5ade50b2ec8"
dependencies: dependencies:
@ -538,17 +531,6 @@ global-prefix@^0.1.4:
is-windows "^0.2.0" is-windows "^0.2.0"
which "^1.2.12" which "^1.2.12"
globby@^3.0.1:
version "3.0.1"
resolved "http://registry.npm.qima-inc.com/globby/download/globby-3.0.1.tgz#2094af8421e19152150d5893eb6416b312d9a22f"
dependencies:
array-union "^1.0.1"
arrify "^1.0.0"
glob "^5.0.3"
object-assign "^4.0.1"
pify "^2.0.0"
pinkie-promise "^1.0.0"
globby@^6.1.0: globby@^6.1.0:
version "6.1.0" version "6.1.0"
resolved "https://registry.yarnpkg.com/globby/-/globby-6.1.0.tgz#f5a6d70e8395e21c858fb0489d64df02424d506c" resolved "https://registry.yarnpkg.com/globby/-/globby-6.1.0.tgz#f5a6d70e8395e21c858fb0489d64df02424d506c"
@ -579,7 +561,7 @@ graceful-fs@^3.0.0:
dependencies: dependencies:
natives "^1.1.0" natives "^1.1.0"
graceful-fs@^4.1.2, graceful-fs@^4.1.6: graceful-fs@^4.1.2, graceful-fs@~4.1.4:
version "4.1.11" version "4.1.11"
resolved "http://registry.npm.qima-inc.com/graceful-fs/download/graceful-fs-4.1.11.tgz#0e8bdfe4d1ddb8854d64e04ea7c00e2a026e5658" resolved "http://registry.npm.qima-inc.com/graceful-fs/download/graceful-fs-4.1.11.tgz#0e8bdfe4d1ddb8854d64e04ea7c00e2a026e5658"
@ -595,24 +577,24 @@ graceful-fs@~2.0.0:
version "1.0.1" version "1.0.1"
resolved "http://registry.npm.qima-inc.com/graceful-readlink/download/graceful-readlink-1.0.1.tgz#4cafad76bc62f02fa039b2f94e9a3dd3a391a725" resolved "http://registry.npm.qima-inc.com/graceful-readlink/download/graceful-readlink-1.0.1.tgz#4cafad76bc62f02fa039b2f94e9a3dd3a391a725"
gulp-cssmin@^0.1.7: gulp-cssmin@^0.2.0:
version "0.1.7" version "0.2.0"
resolved "http://registry.npm.qima-inc.com/gulp-cssmin/download/gulp-cssmin-0.1.7.tgz#f576fe5211d107baa9401504249bf87aed1556bd" resolved "https://registry.yarnpkg.com/gulp-cssmin/-/gulp-cssmin-0.2.0.tgz#87ab3c69dd39b20d5d96355c6504ad6a447b1e72"
dependencies: dependencies:
clean-css "^3.1.9" clean-css "^3.1.9"
filesize "~2.0.0" filesize "~2.0.0"
graceful-fs "~2.0.0" graceful-fs "~4.1.4"
gulp-rename "~1.1.0" gulp-rename "~1.1.0"
gulp-util "~2.2.0" gulp-util "~2.2.0"
map-stream "0.0.4" map-stream "0.0.4"
temp-write "~0.1.0" temp-write "~0.1.0"
gulp-postcss@^6.1.1: gulp-postcss@^7.0.0:
version "6.4.0" version "7.0.0"
resolved "http://registry.npm.qima-inc.com/gulp-postcss/download/gulp-postcss-6.4.0.tgz#78a32e3c87aa6cdcec5ae1c905e196d478e8c5d5" resolved "https://registry.yarnpkg.com/gulp-postcss/-/gulp-postcss-7.0.0.tgz#cfb62a19fa947f8be67ce9ecae89ceb959f0cf93"
dependencies: dependencies:
gulp-util "^3.0.8" gulp-util "^3.0.8"
postcss "^5.2.12" postcss "^6.0.0"
postcss-load-config "^1.2.0" postcss-load-config "^1.2.0"
vinyl-sourcemaps-apply "^0.2.1" vinyl-sourcemaps-apply "^0.2.1"
@ -698,6 +680,10 @@ has-flag@^1.0.0:
version "1.0.0" version "1.0.0"
resolved "http://registry.npm.qima-inc.com/has-flag/download/has-flag-1.0.0.tgz#9d9e793165ce017a00f00418c43f942a7b1d11fa" resolved "http://registry.npm.qima-inc.com/has-flag/download/has-flag-1.0.0.tgz#9d9e793165ce017a00f00418c43f942a7b1d11fa"
has-flag@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-2.0.0.tgz#e8207af1cc7b30d446cc70b734b5e8be18f88d51"
has-gulplog@^0.1.0: has-gulplog@^0.1.0:
version "0.1.0" version "0.1.0"
resolved "http://registry.npm.qima-inc.com/has-gulplog/download/has-gulplog-0.1.0.tgz#6414c82913697da51590397dafb12f22967811ce" resolved "http://registry.npm.qima-inc.com/has-gulplog/download/has-gulplog-0.1.0.tgz#6414c82913697da51590397dafb12f22967811ce"
@ -720,6 +706,10 @@ indent-string@^2.1.0:
dependencies: dependencies:
repeating "^2.0.0" repeating "^2.0.0"
indexes-of@^1.0.1:
version "1.0.1"
resolved "https://registry.yarnpkg.com/indexes-of/-/indexes-of-1.0.1.tgz#f30f716c8e2bd346c7b67d3df3915566a7c05607"
inflight@^1.0.4: inflight@^1.0.4:
version "1.0.6" version "1.0.6"
resolved "http://registry.npm.qima-inc.com/inflight/download/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9" resolved "http://registry.npm.qima-inc.com/inflight/download/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
@ -867,12 +857,6 @@ js-yaml@^3.4.3:
argparse "^1.0.7" argparse "^1.0.7"
esprima "^3.1.1" esprima "^3.1.1"
jsonfile@^2.1.0:
version "2.4.0"
resolved "http://registry.npm.qima-inc.com/jsonfile/download/jsonfile-2.4.0.tgz#3736a2b428b87bbda0cc83b53fa3d633a35c2ae8"
optionalDependencies:
graceful-fs "^4.1.6"
kind-of@^3.0.2: kind-of@^3.0.2:
version "3.1.0" version "3.1.0"
resolved "http://registry.npm.qima-inc.com/kind-of/download/kind-of-3.1.0.tgz#475d698a5e49ff5e53d14e3e732429dc8bf4cf47" resolved "http://registry.npm.qima-inc.com/kind-of/download/kind-of-3.1.0.tgz#475d698a5e49ff5e53d14e3e732429dc8bf4cf47"
@ -1341,22 +1325,12 @@ pify@^2.0.0, pify@^2.3.0:
version "2.3.0" version "2.3.0"
resolved "http://registry.npm.qima-inc.com/pify/download/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c" resolved "http://registry.npm.qima-inc.com/pify/download/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
pinkie-promise@^1.0.0:
version "1.0.0"
resolved "http://registry.npm.qima-inc.com/pinkie-promise/download/pinkie-promise-1.0.0.tgz#d1da67f5482563bb7cf57f286ae2822ecfbf3670"
dependencies:
pinkie "^1.0.0"
pinkie-promise@^2.0.0: pinkie-promise@^2.0.0:
version "2.0.1" version "2.0.1"
resolved "http://registry.npm.qima-inc.com/pinkie-promise/download/pinkie-promise-2.0.1.tgz#2135d6dfa7a358c069ac9b178776288228450ffa" resolved "http://registry.npm.qima-inc.com/pinkie-promise/download/pinkie-promise-2.0.1.tgz#2135d6dfa7a358c069ac9b178776288228450ffa"
dependencies: dependencies:
pinkie "^2.0.0" pinkie "^2.0.0"
pinkie@^1.0.0:
version "1.0.0"
resolved "http://registry.npm.qima-inc.com/pinkie/download/pinkie-1.0.0.tgz#5a47f28ba1015d0201bda7bf0f358e47bec8c7e4"
pinkie@^2.0.0: pinkie@^2.0.0:
version "2.0.4" version "2.0.4"
resolved "http://registry.npm.qima-inc.com/pinkie/download/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870" resolved "http://registry.npm.qima-inc.com/pinkie/download/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870"
@ -1367,45 +1341,44 @@ postcss-advanced-variables@1.2.2:
dependencies: dependencies:
postcss "^5.0.10" postcss "^5.0.10"
postcss-atroot@^0.1.2: postcss-atroot@^0.1.3:
version "0.1.3" version "0.1.3"
resolved "http://registry.npm.qima-inc.com/postcss-atroot/download/postcss-atroot-0.1.3.tgz#6752c0230c745140549345b2b0e30ebeda01a405" resolved "https://registry.yarnpkg.com/postcss-atroot/-/postcss-atroot-0.1.3.tgz#6752c0230c745140549345b2b0e30ebeda01a405"
dependencies: dependencies:
postcss "^5.0.5" postcss "^5.0.5"
postcss-color-function@^2.0.0: postcss-color-function@^4.0.0:
version "2.0.1" version "4.0.0"
resolved "http://registry.npm.qima-inc.com/postcss-color-function/download/postcss-color-function-2.0.1.tgz#9ad226f550e8a7c7f8b8a77860545b6dd7f55241" resolved "https://registry.yarnpkg.com/postcss-color-function/-/postcss-color-function-4.0.0.tgz#7e0106f4f6a1ecb1ad5b3a8553ace5e828aae187"
dependencies: dependencies:
css-color-function "^1.2.0" css-color-function "^1.3.0"
postcss "^5.0.4" postcss "^6.0.1"
postcss-message-helpers "^2.0.0" postcss-message-helpers "^2.0.0"
postcss-value-parser "^3.3.0" postcss-value-parser "^3.3.0"
postcss-custom-media@^5.0.0: postcss-custom-media@^6.0.0:
version "5.0.1" version "6.0.0"
resolved "http://registry.npm.qima-inc.com/postcss-custom-media/download/postcss-custom-media-5.0.1.tgz#138d25a184bf2eb54de12d55a6c01c30a9d8bd81" resolved "https://registry.yarnpkg.com/postcss-custom-media/-/postcss-custom-media-6.0.0.tgz#be532784110ecb295044fb5395a18006eb21a737"
dependencies: dependencies:
postcss "^5.0.0" postcss "^6.0.1"
postcss-custom-properties@^5.0.0: postcss-custom-properties@^6.1.0:
version "5.0.2" version "6.1.0"
resolved "http://registry.npm.qima-inc.com/postcss-custom-properties/download/postcss-custom-properties-5.0.2.tgz#9719d78f2da9cf9f53810aebc23d4656130aceb1" resolved "https://registry.yarnpkg.com/postcss-custom-properties/-/postcss-custom-properties-6.1.0.tgz#9caf1151ac41b1e9e64d3a2ff9ece996ca18977d"
dependencies: dependencies:
balanced-match "^0.4.2" balanced-match "^1.0.0"
postcss "^5.0.0" postcss "^6.0.3"
postcss-custom-selectors@^3.0.0: postcss-custom-selectors@^4.0.1:
version "3.0.0" version "4.0.1"
resolved "http://registry.npm.qima-inc.com/postcss-custom-selectors/download/postcss-custom-selectors-3.0.0.tgz#8f81249f5ed07a8d0917cf6a39fe5b056b7f96ac" resolved "https://registry.yarnpkg.com/postcss-custom-selectors/-/postcss-custom-selectors-4.0.1.tgz#781382f94c52e727ef5ca4776ea2adf49a611382"
dependencies: dependencies:
balanced-match "^0.2.0" postcss "^6.0.1"
postcss "^5.0.0" postcss-selector-matches "^3.0.0"
postcss-selector-matches "^2.0.0"
postcss-easy-import@^2.0.0: postcss-easy-import@^2.1.0:
version "2.0.0" version "2.1.0"
resolved "https://registry.yarnpkg.com/postcss-easy-import/-/postcss-easy-import-2.0.0.tgz#a874d4de054b9242545bf553e438c1823c108512" resolved "https://registry.yarnpkg.com/postcss-easy-import/-/postcss-easy-import-2.1.0.tgz#1d49f8a7c404415cfee4e5cb7a15fdf866c13022"
dependencies: dependencies:
globby "^6.1.0" globby "^6.1.0"
is-glob "^3.1.0" is-glob "^3.1.0"
@ -1416,12 +1389,22 @@ postcss-easy-import@^2.0.0:
postcss-import "^9.1.0" postcss-import "^9.1.0"
resolve "^1.1.7" resolve "^1.1.7"
postcss-extend@^1.0.1: postcss-extend@^1.0.5:
version "1.0.5" version "1.0.5"
resolved "http://registry.npm.qima-inc.com/postcss-extend/download/postcss-extend-1.0.5.tgz#5ea98bf787ba3cacf4df4609743f80a833b1d0e7" resolved "https://registry.yarnpkg.com/postcss-extend/-/postcss-extend-1.0.5.tgz#5ea98bf787ba3cacf4df4609743f80a833b1d0e7"
dependencies: dependencies:
postcss "^5.0.4" postcss "^5.0.4"
postcss-import@^10.0.0:
version "10.0.0"
resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-10.0.0.tgz#4c85c97b099136cc5ea0240dc1dfdbfde4e2ebbe"
dependencies:
object-assign "^4.0.1"
postcss "^6.0.1"
postcss-value-parser "^3.2.3"
read-cache "^1.0.0"
resolve "^1.1.7"
postcss-import@^9.1.0: postcss-import@^9.1.0:
version "9.1.0" version "9.1.0"
resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-9.1.0.tgz#95fe9876a1e79af49fbdc3589f01fe5aa7cc1e80" resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-9.1.0.tgz#95fe9876a1e79af49fbdc3589f01fe5aa7cc1e80"
@ -1433,6 +1416,13 @@ postcss-import@^9.1.0:
read-cache "^1.0.0" read-cache "^1.0.0"
resolve "^1.1.7" resolve "^1.1.7"
postcss-js@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-1.0.0.tgz#ccee5aa3b1970dd457008e79438165f66919ba30"
dependencies:
camelcase-css "^1.0.1"
postcss "^6.0.1"
postcss-load-config@^1.2.0: postcss-load-config@^1.2.0:
version "1.2.0" version "1.2.0"
resolved "http://registry.npm.qima-inc.com/postcss-load-config/download/postcss-load-config-1.2.0.tgz#539e9afc9ddc8620121ebf9d8c3673e0ce50d28a" resolved "http://registry.npm.qima-inc.com/postcss-load-config/download/postcss-load-config-1.2.0.tgz#539e9afc9ddc8620121ebf9d8c3673e0ce50d28a"
@ -1456,79 +1446,87 @@ postcss-load-plugins@^2.3.0:
cosmiconfig "^2.1.1" cosmiconfig "^2.1.1"
object-assign "^4.1.0" object-assign "^4.1.0"
postcss-media-minmax@^2.1.0: postcss-media-minmax@^3.0.0:
version "2.1.2" version "3.0.0"
resolved "http://registry.npm.qima-inc.com/postcss-media-minmax/download/postcss-media-minmax-2.1.2.tgz#444c5cf8926ab5e4fd8a2509e9297e751649cdf8" resolved "https://registry.yarnpkg.com/postcss-media-minmax/-/postcss-media-minmax-3.0.0.tgz#675256037a43ef40bc4f0760bfd06d4dc69d48d2"
dependencies: dependencies:
postcss "^5.0.4" postcss "^6.0.1"
postcss-message-helpers@^2.0.0: postcss-message-helpers@^2.0.0:
version "2.0.0" version "2.0.0"
resolved "http://registry.npm.qima-inc.com/postcss-message-helpers/download/postcss-message-helpers-2.0.0.tgz#a4f2f4fab6e4fe002f0aed000478cdf52f9ba60e" resolved "http://registry.npm.qima-inc.com/postcss-message-helpers/download/postcss-message-helpers-2.0.0.tgz#a4f2f4fab6e4fe002f0aed000478cdf52f9ba60e"
postcss-mixins@^2.1.0: postcss-mixins@^6.0.1:
version "2.1.1" version "6.0.1"
resolved "http://registry.npm.qima-inc.com/postcss-mixins/download/postcss-mixins-2.1.1.tgz#b141a0803efa8e2d744867f8d91596890cf9241b" resolved "https://registry.yarnpkg.com/postcss-mixins/-/postcss-mixins-6.0.1.tgz#f5c9726259a6103733b43daa6a8b67dd0ed7aa47"
dependencies: dependencies:
globby "^3.0.1" globby "^6.1.0"
postcss "^5.0.10" postcss "^6.0.3"
postcss-simple-vars "^1.0.1" postcss-js "^1.0.0"
postcss-simple-vars "^4.0.0"
sugarss "^1.0.0"
postcss-nested@^1.0.0: postcss-nested@^2.0.2:
version "1.0.1" version "2.1.0"
resolved "http://registry.npm.qima-inc.com/postcss-nested/download/postcss-nested-1.0.1.tgz#91f28f4e6e23d567241ac154558a0cfab4cc0d8f" resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-2.1.0.tgz#72661d79463f5894a8c4b890479baec689d1c693"
dependencies: dependencies:
postcss "^5.2.17" postcss "^6.0.8"
postcss-selector-parser "^2.2.3"
postcss-nesting@^2.0.6: postcss-nesting@^4.0.1:
version "2.3.1" version "4.0.1"
resolved "http://registry.npm.qima-inc.com/postcss-nesting/download/postcss-nesting-2.3.1.tgz#94a6b6a4ef707fbec20a87fee5c957759b4e01cf" resolved "https://registry.yarnpkg.com/postcss-nesting/-/postcss-nesting-4.0.1.tgz#8fc2ce40cbfcfab7ee24e7b68fb6ebe84b641469"
dependencies: dependencies:
postcss "^5.0.19" postcss "^6.0.1"
postcss-partial-import@^1.3.0: postcss-partial-import@^4.1.0:
version "1.3.0" version "4.1.0"
resolved "http://registry.npm.qima-inc.com/postcss-partial-import/download/postcss-partial-import-1.3.0.tgz#2f4b773a76c7b0a69b389dcf475c4d362d0d2576" resolved "https://registry.yarnpkg.com/postcss-partial-import/-/postcss-partial-import-4.1.0.tgz#f6c3e78e7bbeda4d9dab96d360367b90b353f9a4"
dependencies: dependencies:
fs-extra "^0.24.0" glob "^7.1.1"
fs-promise "^0.3.1" postcss-import "^10.0.0"
object-assign "^4.0.1"
postcss "^5.0.5"
string-hash "^1.1.0"
postcss-property-lookup@^1.1.3: postcss-property-lookup@^1.2.1:
version "1.2.1" version "1.2.1"
resolved "http://registry.npm.qima-inc.com/postcss-property-lookup/download/postcss-property-lookup-1.2.1.tgz#30450a1361b7aae758bbedd5201fbe057bb8270b" resolved "https://registry.yarnpkg.com/postcss-property-lookup/-/postcss-property-lookup-1.2.1.tgz#30450a1361b7aae758bbedd5201fbe057bb8270b"
dependencies: dependencies:
object-assign "^4.0.1" object-assign "^4.0.1"
postcss "^5.0.4" postcss "^5.0.4"
tcomb "^2.5.1" tcomb "^2.5.1"
postcss-selector-matches@^2.0.0: postcss-selector-matches@^3.0.0, postcss-selector-matches@^3.0.1:
version "2.0.5" version "3.0.1"
resolved "http://registry.npm.qima-inc.com/postcss-selector-matches/download/postcss-selector-matches-2.0.5.tgz#fa0f43be57b68e77aa4cd11807023492a131027f" resolved "https://registry.yarnpkg.com/postcss-selector-matches/-/postcss-selector-matches-3.0.1.tgz#e5634011e13950881861bbdd58c2d0111ffc96ab"
dependencies: dependencies:
balanced-match "^0.4.2" balanced-match "^0.4.2"
postcss "^5.0.0" postcss "^6.0.1"
postcss-selector-not@^2.0.0: postcss-selector-not@^3.0.1:
version "2.0.0" version "3.0.1"
resolved "http://registry.npm.qima-inc.com/postcss-selector-not/download/postcss-selector-not-2.0.0.tgz#c73ad21a3f75234bee7fee269e154fd6a869798d" resolved "https://registry.yarnpkg.com/postcss-selector-not/-/postcss-selector-not-3.0.1.tgz#2e4db2f0965336c01e7cec7db6c60dff767335d9"
dependencies: dependencies:
balanced-match "^0.2.0" balanced-match "^0.4.2"
postcss "^5.0.0" postcss "^6.0.1"
postcss-simple-vars@^1.0.1: postcss-selector-parser@^2.2.3:
version "1.2.0" version "2.2.3"
resolved "http://registry.npm.qima-inc.com/postcss-simple-vars/download/postcss-simple-vars-1.2.0.tgz#2e6689921144b74114e765353275a3c32143f150" resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-2.2.3.tgz#f9437788606c3c9acee16ffe8d8b16297f27bb90"
dependencies: dependencies:
postcss "^5.0.13" flatten "^1.0.2"
indexes-of "^1.0.1"
uniq "^1.0.1"
postcss-simple-vars@^4.0.0:
version "4.0.0"
resolved "https://registry.yarnpkg.com/postcss-simple-vars/-/postcss-simple-vars-4.0.0.tgz#d49e082897d9a4824f2268fa91d969d943e2ea76"
dependencies:
postcss "^6.0.1"
postcss-value-parser@^3.2.3, postcss-value-parser@^3.3.0: postcss-value-parser@^3.2.3, postcss-value-parser@^3.3.0:
version "3.3.0" version "3.3.0"
resolved "http://registry.npm.qima-inc.com/postcss-value-parser/download/postcss-value-parser-3.3.0.tgz#87f38f9f18f774a4ab4c8a232f5c5ce8872a9d15" resolved "http://registry.npm.qima-inc.com/postcss-value-parser/download/postcss-value-parser-3.3.0.tgz#87f38f9f18f774a4ab4c8a232f5c5ce8872a9d15"
postcss@^5.0.0, postcss@^5.0.10, postcss@^5.0.13, postcss@^5.0.14, postcss@^5.0.15, postcss@^5.0.19, postcss@^5.0.4, postcss@^5.0.5, postcss@^5.0.8, postcss@^5.2.12, postcss@^5.2.16, postcss@^5.2.17: postcss@^5.0.10, postcss@^5.0.14, postcss@^5.0.15, postcss@^5.0.4, postcss@^5.0.5:
version "5.2.17" version "5.2.17"
resolved "http://registry.npm.qima-inc.com/postcss/download/postcss-5.2.17.tgz#cf4f597b864d65c8a492b2eabe9d706c879c388b" resolved "http://registry.npm.qima-inc.com/postcss/download/postcss-5.2.17.tgz#cf4f597b864d65c8a492b2eabe9d706c879c388b"
dependencies: dependencies:
@ -1537,26 +1535,34 @@ postcss@^5.0.0, postcss@^5.0.10, postcss@^5.0.13, postcss@^5.0.14, postcss@^5.0.
source-map "^0.5.6" source-map "^0.5.6"
supports-color "^3.2.3" supports-color "^3.2.3"
precss@^1.4.0: postcss@^6.0.0, postcss@^6.0.1, postcss@^6.0.3, postcss@^6.0.6, postcss@^6.0.8:
version "1.4.0" version "6.0.8"
resolved "http://registry.npm.qima-inc.com/precss/download/precss-1.4.0.tgz#8d7c3ae70f10a00a3955287f85a66e0f8b31cda3" resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.8.tgz#89067a9ce8b11f8a84cbc5117efc30419a0857b3"
dependencies: dependencies:
postcss "^5.0.10" chalk "^2.0.1"
source-map "^0.5.6"
supports-color "^4.2.0"
precss@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/precss/-/precss-2.0.0.tgz#7f567e3318e06d44c8fdbf9e58452e8358bf4b71"
dependencies:
postcss "^6.0.3"
postcss-advanced-variables "1.2.2" postcss-advanced-variables "1.2.2"
postcss-atroot "^0.1.2" postcss-atroot "^0.1.3"
postcss-color-function "^2.0.0" postcss-color-function "^4.0.0"
postcss-custom-media "^5.0.0" postcss-custom-media "^6.0.0"
postcss-custom-properties "^5.0.0" postcss-custom-properties "^6.1.0"
postcss-custom-selectors "^3.0.0" postcss-custom-selectors "^4.0.1"
postcss-extend "^1.0.1" postcss-extend "^1.0.5"
postcss-media-minmax "^2.1.0" postcss-media-minmax "^3.0.0"
postcss-mixins "^2.1.0" postcss-mixins "^6.0.1"
postcss-nested "^1.0.0" postcss-nested "^2.0.2"
postcss-nesting "^2.0.6" postcss-nesting "^4.0.1"
postcss-partial-import "^1.3.0" postcss-partial-import "^4.1.0"
postcss-property-lookup "^1.1.3" postcss-property-lookup "^1.2.1"
postcss-selector-matches "^2.0.0" postcss-selector-matches "^3.0.1"
postcss-selector-not "^2.0.0" postcss-selector-not "^3.0.1"
preserve@^0.2.0: preserve@^0.2.0:
version "0.2.0" version "0.2.0"
@ -1697,18 +1703,6 @@ rgb@~0.1.0:
version "0.1.0" version "0.1.0"
resolved "http://registry.npm.qima-inc.com/rgb/download/rgb-0.1.0.tgz#be27b291e8feffeac1bd99729721bfa40fc037b5" resolved "http://registry.npm.qima-inc.com/rgb/download/rgb-0.1.0.tgz#be27b291e8feffeac1bd99729721bfa40fc037b5"
rimraf@^2.2.8:
version "2.6.1"
resolved "http://registry.npm.qima-inc.com/rimraf/download/rimraf-2.6.1.tgz#c2338ec643df7a1b7fe5c54fa86f57428a55f33d"
dependencies:
glob "^7.0.5"
saladcss-bem@^0.0.1:
version "0.0.1"
resolved "http://registry.npm.qima-inc.com/saladcss-bem/download/saladcss-bem-0.0.1.tgz#72070014ff3f6a49a6872cfcb3946c7758f40fc2"
dependencies:
postcss "^5.0.8"
"semver@2 || 3 || 4 || 5", semver@^4.1.0: "semver@2 || 3 || 4 || 5", semver@^4.1.0:
version "4.3.6" version "4.3.6"
resolved "http://registry.npm.qima-inc.com/semver/download/semver-4.3.6.tgz#300bc6e0e86374f7ba61068b5b1ecd57fc6532da" resolved "http://registry.npm.qima-inc.com/semver/download/semver-4.3.6.tgz#300bc6e0e86374f7ba61068b5b1ecd57fc6532da"
@ -1761,10 +1755,6 @@ stream-consume@~0.1.0:
version "0.1.0" version "0.1.0"
resolved "http://registry.npm.qima-inc.com/stream-consume/download/stream-consume-0.1.0.tgz#a41ead1a6d6081ceb79f65b061901b6d8f3d1d0f" resolved "http://registry.npm.qima-inc.com/stream-consume/download/stream-consume-0.1.0.tgz#a41ead1a6d6081ceb79f65b061901b6d8f3d1d0f"
string-hash@^1.1.0:
version "1.1.3"
resolved "http://registry.npm.qima-inc.com/string-hash/download/string-hash-1.1.3.tgz#e8aafc0ac1855b4666929ed7dd1275df5d6c811b"
string_decoder@~0.10.x: string_decoder@~0.10.x:
version "0.10.31" version "0.10.31"
resolved "http://registry.npm.qima-inc.com/string_decoder/download/string_decoder-0.10.31.tgz#62e203bc41766c6c28c9fc84301dab1c5310fa94" resolved "http://registry.npm.qima-inc.com/string_decoder/download/string_decoder-0.10.31.tgz#62e203bc41766c6c28c9fc84301dab1c5310fa94"
@ -1806,6 +1796,12 @@ strip-indent@^1.0.1:
dependencies: dependencies:
get-stdin "^4.0.1" get-stdin "^4.0.1"
sugarss@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/sugarss/-/sugarss-1.0.0.tgz#65e51b3958432fb70d5451a68bb33e32d0cf1ef7"
dependencies:
postcss "^6.0.0"
supports-color@^0.2.0: supports-color@^0.2.0:
version "0.2.0" version "0.2.0"
resolved "http://registry.npm.qima-inc.com/supports-color/download/supports-color-0.2.0.tgz#d92de2694eb3f67323973d7ae3d8b55b4c22190a" resolved "http://registry.npm.qima-inc.com/supports-color/download/supports-color-0.2.0.tgz#d92de2694eb3f67323973d7ae3d8b55b4c22190a"
@ -1820,6 +1816,12 @@ supports-color@^3.2.3:
dependencies: dependencies:
has-flag "^1.0.0" has-flag "^1.0.0"
supports-color@^4.0.0, supports-color@^4.2.0:
version "4.2.1"
resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-4.2.1.tgz#65a4bb2631e90e02420dba5554c375a4754bb836"
dependencies:
has-flag "^2.0.0"
tcomb@^2.5.1: tcomb@^2.5.1:
version "2.7.0" version "2.7.0"
resolved "http://registry.npm.qima-inc.com/tcomb/download/tcomb-2.7.0.tgz#10d62958041669a5d53567b9a4ee8cde22b1c2b0" resolved "http://registry.npm.qima-inc.com/tcomb/download/tcomb-2.7.0.tgz#10d62958041669a5d53567b9a4ee8cde22b1c2b0"
@ -1876,6 +1878,10 @@ unc-path-regex@^0.1.0:
version "0.1.2" version "0.1.2"
resolved "http://registry.npm.qima-inc.com/unc-path-regex/download/unc-path-regex-0.1.2.tgz#e73dd3d7b0d7c5ed86fbac6b0ae7d8c6a69d50fa" resolved "http://registry.npm.qima-inc.com/unc-path-regex/download/unc-path-regex-0.1.2.tgz#e73dd3d7b0d7c5ed86fbac6b0ae7d8c6a69d50fa"
uniq@^1.0.1:
version "1.0.1"
resolved "https://registry.yarnpkg.com/uniq/-/uniq-1.0.1.tgz#b31c5ae8254844a3a8281541ce2b04b865a734ff"
unique-stream@^1.0.0: unique-stream@^1.0.0:
version "1.0.0" version "1.0.0"
resolved "http://registry.npm.qima-inc.com/unique-stream/download/unique-stream-1.0.0.tgz#d59a4a75427447d9aa6c91e70263f8d26a4b104b" resolved "http://registry.npm.qima-inc.com/unique-stream/download/unique-stream-1.0.0.tgz#d59a4a75427447d9aa6c91e70263f8d26a4b104b"

11
postcss.config.js Normal file
View File

@ -0,0 +1,11 @@
module.exports = {
plugins: [
require("postcss-easy-import")({
extensions: ['pcss', 'css']
}),
require("precss")(),
require("autoprefixer")({
browsers: ["Android >= 4.0", "iOS >= 7"]
})
]
};

120
src/index.js
View File

@ -37,43 +37,49 @@ import Swipe from '../packages/swipe/index.js';
import SwipeItem from '../packages/swipe-item/index.js'; import SwipeItem from '../packages/swipe-item/index.js';
import DatetimePicker from '../packages/datetime-picker/index.js'; import DatetimePicker from '../packages/datetime-picker/index.js';
const version = '0.6.6';
const components = [
Button,
Switch,
Field,
Radio,
Cell,
Icon,
CellGroup,
CellSwipe,
Popup,
Picker,
RadioGroup,
Loading,
Panel,
Card,
Steps,
Tag,
Checkbox,
CheckboxGroup,
BadgeGroup,
Badge,
Search,
Step,
Tabs,
Tab,
Col,
Row,
Actionsheet,
Quantity,
Progress,
Uploader,
Swipe,
SwipeItem,
DatetimePicker
];
const install = function(Vue) { const install = function(Vue) {
/* istanbul ignore if */
if (install.installed) return; if (install.installed) return;
Vue.component(Button.name, Button); components.forEach(component => {
Vue.component(Switch.name, Switch); Vue.component(component.name, component);
Vue.component(Field.name, Field); });
Vue.component(Radio.name, Radio);
Vue.component(Cell.name, Cell);
Vue.component(Icon.name, Icon);
Vue.component(CellGroup.name, CellGroup);
Vue.component(CellSwipe.name, CellSwipe);
Vue.component(Popup.name, Popup);
Vue.component(Picker.name, Picker);
Vue.component(RadioGroup.name, RadioGroup);
Vue.component(Loading.name, Loading);
Vue.component(Panel.name, Panel);
Vue.component(Card.name, Card);
Vue.component(Steps.name, Steps);
Vue.component(Tag.name, Tag);
Vue.component(Checkbox.name, Checkbox);
Vue.component(CheckboxGroup.name, CheckboxGroup);
Vue.component(BadgeGroup.name, BadgeGroup);
Vue.component(Badge.name, Badge);
Vue.component(Search.name, Search);
Vue.component(Step.name, Step);
Vue.component(Tabs.name, Tabs);
Vue.component(Tab.name, Tab);
Vue.component(Col.name, Col);
Vue.component(Row.name, Row);
Vue.component(Actionsheet.name, Actionsheet);
Vue.component(Quantity.name, Quantity);
Vue.component(Progress.name, Progress);
Vue.component(Uploader.name, Uploader);
Vue.component(Swipe.name, Swipe);
Vue.component(SwipeItem.name, SwipeItem);
Vue.component(DatetimePicker.name, DatetimePicker);
}; };
/* istanbul ignore if */ /* istanbul ignore if */
@ -81,9 +87,51 @@ if (typeof window !== 'undefined' && window.Vue) {
install(window.Vue); install(window.Vue);
} }
module.exports = { export {
install, install,
version: '0.6.6', version,
Button,
Switch,
Field,
Radio,
Cell,
Icon,
CellGroup,
CellSwipe,
Popup,
Dialog,
Picker,
RadioGroup,
Waterfall,
Loading,
Panel,
Card,
Steps,
Tag,
Checkbox,
CheckboxGroup,
BadgeGroup,
Badge,
Search,
Step,
Tabs,
Tab,
Lazyload,
ImagePreview,
Col,
Row,
Actionsheet,
Quantity,
Progress,
Toast,
Uploader,
Swipe,
SwipeItem,
DatetimePicker
};
export default {
install,
version,
Button, Button,
Switch, Switch,
Field, Field,

5
test/unit/get-webpack-conf.js
View File

@ -1,7 +1,6 @@
const path = require('path'); const path = require('path');
const webpack = require('webpack'); const webpack = require('webpack');
const ProgressBarPlugin = require('progress-bar-webpack-plugin'); const ProgressBarPlugin = require('progress-bar-webpack-plugin');
const getPostcssPlugin = require('../../build/utils/postcss_pipe');
const webpackConfig = { const webpackConfig = {
output: { output: {
@ -16,15 +15,13 @@ const webpackConfig = {
new webpack.LoaderOptionsPlugin({ new webpack.LoaderOptionsPlugin({
minimize: true, minimize: true,
options: { options: {
postcss: getPostcssPlugin,
babel: { babel: {
presets: ['es2015'], presets: ['es2015'],
plugins: ['transform-runtime', 'transform-vue-jsx'] plugins: ['transform-runtime', 'transform-vue-jsx']
}, },
vue: { vue: {
autoprefixer: false, autoprefixer: false,
preserveWhitespace: false, preserveWhitespace: false
postcss: getPostcssPlugin
} }
} }
}) })

2383
yarn.lock
View File

File diff suppressed because it is too large Load Diff