chushihua

This commit is contained in:
li
2026-01-26 23:20:48 +08:00
commit 7b5aab0206
22521 changed files with 3300090 additions and 0 deletions
+21
View File
@@ -0,0 +1,21 @@
const pkg = require('../package.json');
const date = {
day: new Date().getDate(),
month: ('January February March April May June July August September October November December').split(' ')[new Date().getMonth()],
year: new Date().getFullYear(),
};
module.exports = `${`
/**
* Swiper ${pkg.version}
* ${pkg.description}
* ${pkg.homepage}
*
* Copyright 2014-${date.year} ${pkg.author}
*
* Released under the ${pkg.license} License
*
* Released on: ${date.month} ${date.day}, ${date.year}
*/
`.trim()}\n`;
+29
View File
@@ -0,0 +1,29 @@
module.exports = {
components: [
'virtual',
'keyboard',
'mousewheel',
'navigation',
'pagination',
'scrollbar',
'parallax',
'zoom',
'lazy',
'controller',
'a11y',
'history',
'hash-navigation',
'autoplay',
'effect-fade',
'effect-cube',
'effect-flip',
'effect-coverflow',
'thumbs',
],
target: 'universal',
themeColor: '#007aff',
colors: {
white: '#ffffff',
black: '#000000',
},
};
+165
View File
@@ -0,0 +1,165 @@
/* eslint import/no-extraneous-dependencies: ["error", {"devDependencies": true}] */
/* eslint no-console: "off" */
const gulp = require('gulp');
const fs = require('fs');
const rollup = require('rollup');
const buble = require('rollup-plugin-buble');
const replace = require('rollup-plugin-replace');
const resolve = require('rollup-plugin-node-resolve');
const header = require('gulp-header');
const uglify = require('gulp-uglify');
const sourcemaps = require('gulp-sourcemaps');
const rename = require('gulp-rename');
const config = require('./build-config.js');
const banner = require('./banner.js');
function es(components, cb) {
const env = process.env.NODE_ENV || 'development';
const target = process.env.TARGET || config.target;
// Bundle
rollup.rollup({
input: './src/swiper.js',
external: ['dom7/dist/dom7.modular', 'ssr-window'],
plugins: [
replace({
delimiters: ['', ''],
'process.env.NODE_ENV': JSON.stringify(env),
'process.env.TARGET': JSON.stringify(target),
'//IMPORT_COMPONENTS': components.map((component) => `import ${component.capitalized} from './components/${component.name}/${component.name}';`).join('\n'),
'//INSTALL_COMPONENTS': components.map((component) => `${component.capitalized}`).join(',\n '),
'//EXPORT': 'export default Swiper',
}),
resolve({ jsnext: true }),
],
}).then((bundle) => bundle.write({
format: 'es',
name: 'Swiper',
strict: true,
sourcemap: env === 'development',
sourcemapFile: `./${env === 'development' ? 'build' : 'dist'}/js/swiper.esm.bundle.js.map`,
banner,
file: `./${env === 'development' ? 'build' : 'dist'}/js/swiper.esm.bundle.js`,
})).then(() => {
if (cb) cb();
}).catch((err) => {
if (cb) cb();
console.error(err.toString());
});
// Modular
rollup.rollup({
input: './src/swiper.js',
external: ['dom7/dist/dom7.modular', 'ssr-window'],
plugins: [
replace({
delimiters: ['', ''],
'process.env.NODE_ENV': JSON.stringify(env),
'process.env.TARGET': JSON.stringify(target),
'//IMPORT_COMPONENTS': components.map((component) => `import ${component.capitalized} from './components/${component.name}/${component.name}';`).join('\n'),
'//INSTALL_COMPONENTS': '',
'//EXPORT': `export { Swiper, ${components.map((component) => component.capitalized).join(', ')} }`,
}),
resolve({ jsnext: true }),
],
}).then((bundle) => bundle.write({
format: 'es',
name: 'Swiper',
strict: true,
banner,
sourcemap: env === 'development',
sourcemapFile: `./${env === 'development' ? 'build' : 'dist'}/js/swiper.esm.js.map`,
file: `./${env === 'development' ? 'build' : 'dist'}/js/swiper.esm.js`,
})).then(() => {
if (cb) cb();
}).catch((err) => {
if (cb) cb();
console.error(err.toString());
});
}
function umd(components, cb) {
const env = process.env.NODE_ENV || 'development';
const target = process.env.TARGET || config.target;
rollup.rollup({
input: './src/swiper.js',
plugins: [
replace({
delimiters: ['', ''],
'process.env.NODE_ENV': JSON.stringify(env),
'process.env.TARGET': JSON.stringify(target),
'//IMPORT_COMPONENTS': components.map((component) => `import ${component.capitalized} from './components/${component.name}/${component.name}';`).join('\n'),
'//INSTALL_COMPONENTS': components.map((component) => `${component.capitalized}`).join(',\n '),
'//EXPORT': 'export default Swiper;',
}),
resolve({ jsnext: true }),
buble(),
],
}).then((bundle) => bundle.write({
format: 'umd',
name: 'Swiper',
strict: true,
sourcemap: env === 'development',
sourcemapFile: `./${env === 'development' ? 'build' : 'dist'}/js/swiper.js.map`,
banner,
file: `./${env === 'development' ? 'build' : 'dist'}/js/swiper.js`,
})).then(() => {
if (env === 'development') {
if (cb) cb();
return;
}
// Minified version
gulp.src('./dist/js/swiper.js')
.pipe(sourcemaps.init())
.pipe(uglify())
.pipe(header(banner))
.pipe(rename((filePath) => {
/* eslint no-param-reassign: ["error", { "props": false }] */
filePath.basename += '.min';
}))
.pipe(sourcemaps.write('./'))
.pipe(gulp.dest('./dist/js/'))
.on('end', () => {
cb();
});
}).catch((err) => {
if (cb) cb();
console.error(err.toString());
});
}
function build(cb) {
const env = process.env.NODE_ENV || 'development';
const components = [];
config.components.forEach((name) => {
// eslint-disable-next-line
const capitalized = name.split('-').map((word) => {
return word.split('').map((char, index) => {
if (index === 0) return char.toUpperCase();
return char;
}).join('');
}).join('');
const jsFilePath = `./src/components/${name}/${name}.js`;
if (fs.existsSync(jsFilePath)) {
components.push({ name, capitalized });
}
});
const expectCbs = env === 'development' ? 1 : 2;
let cbs = 0;
umd(components, () => {
cbs += 1;
if (cbs === expectCbs) cb();
});
if (env !== 'development') {
es(components, () => {
cbs += 1;
if (cbs === expectCbs) cb();
});
}
}
module.exports = build;
+85
View File
@@ -0,0 +1,85 @@
/* eslint import/no-extraneous-dependencies: ["error", {"devDependencies": true}] */
/* eslint no-console: "off" */
const gulp = require('gulp');
const fs = require('fs');
const less = require('gulp-less');
const autoprefixer = require('gulp-autoprefixer');
const header = require('gulp-header');
const rename = require('gulp-rename');
const cleanCSS = require('gulp-clean-css');
const path = require('path');
const config = require('./build-config.js');
const banner = require('./banner.js');
function build(cb) {
const env = process.env.NODE_ENV || 'development';
const components = [];
config.components.forEach((name) => {
const lessFilePath = `./src/components/${name}/${name}.less`;
if (fs.existsSync(lessFilePath)) {
components.push(name);
}
});
const colors = [];
Object.keys(config.colors).forEach((key) => {
colors.push(`${key} ${config.colors[key]}`);
});
let lessContent = fs.readFileSync(path.resolve(__dirname, '../src/swiper.less'), 'utf8');
lessContent = lessContent
.replace('//IMPORT_COMPONENTS', components.map((component) => `@import url('./components/${component}/${component}.less');`).join('\n'))
.replace('$themeColor', config.themeColor)
.replace('$colors', colors.join(', '));
fs.writeFileSync(path.resolve(__dirname, '../src/swiper-temp.less'), lessContent);
gulp.src('./src/swiper-temp.less')
.pipe(less({
javascriptEnabled: true,
}))
.on('error', (err) => {
if (cb) cb();
console.error(err.toString());
})
.pipe(autoprefixer({
cascade: false,
}))
.on('error', (err) => {
if (cb) cb();
console.error(err.toString());
})
.pipe(header(banner))
.pipe(rename((filePath) => {
/* eslint no-param-reassign: ["error", { "props": false }] */
filePath.basename = 'swiper';
}))
.pipe(gulp.dest(`./${env === 'development' ? 'build' : 'dist'}/css/`))
.on('end', () => {
fs.unlinkSync(path.resolve(__dirname, '../src/swiper-temp.less'));
if (env === 'development') {
if (cb) cb();
return;
}
gulp.src('./dist/css/swiper.css')
.pipe(cleanCSS({
advanced: false,
aggressiveMerging: false,
}))
.pipe(header(banner))
.pipe(rename((filePath) => {
/* eslint no-param-reassign: ["error", { "props": false }] */
filePath.basename += '.min';
}))
.pipe(gulp.dest('./dist/css/'))
.on('end', () => {
if (cb) cb();
});
});
}
module.exports = build;
+56
View File
@@ -0,0 +1,56 @@
/* eslint no-console: ["error", { allow: ["log"] }] */
const gulp = require('gulp');
const connect = require('gulp-connect');
const gopen = require('gulp-open');
const fs = require('fs');
const path = require('path');
const buildJs = require('./build-js.js');
const buildLess = require('./build-less.js');
// Tasks
gulp.task('playground', (cb) => {
const env = process.env.NODE_ENV || 'development';
let content = fs.readFileSync(path.resolve(__dirname, '../playground/index.html'), 'utf8');
if (env === 'development') {
content = content
.replace('../dist/css/swiper.min.css', '../build/css/swiper.css')
.replace('../dist/js/swiper.min.js', '../build/js/swiper.js');
} else {
content = content
.replace('../build/css/swiper.css', '../dist/css/swiper.min.css')
.replace('../build/js/swiper.js', '../dist/js/swiper.min.js');
}
fs.writeFileSync(path.resolve(__dirname, '../playground/index.html'), content);
if (cb) cb();
});
gulp.task('js', (cb) => {
buildJs(cb);
});
gulp.task('less', (cb) => {
buildLess(cb);
});
gulp.task('build', gulp.series(['js', 'less']));
gulp.task('watch', () => {
gulp.watch('./src/**/**/*.js', gulp.series('js'));
gulp.watch('./src/**/**/*.less', gulp.series('less'));
});
gulp.task('connect', () => {
connect.server({
root: ['./'],
livereload: true,
port: '3000',
});
});
gulp.task('open', () => {
gulp.src('./playground/index.html').pipe(gopen({ uri: 'http://localhost:3000/playground/' }));
});
gulp.task('server', gulp.parallel(['watch', 'connect', 'open']));
gulp.task('default', gulp.series('server'));