From c20f5e944283d1c0927ebf9daccafb325dd86b63 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9D=A8=E5=A5=95?= Date: Tue, 20 Dec 2016 14:43:59 +0800 Subject: [PATCH] update new.js and init carousel (#1859) --- build/bin/new.js | 11 ++++++----- components.json | 3 ++- examples/docs/en-US/carousel.md | 1 + examples/docs/zh-CN/carousel.md | 1 + examples/nav.config.json | 8 ++++++++ packages/carousel/cooking.conf.js | 18 ++++++++++++++++++ packages/carousel/index.js | 8 ++++++++ packages/carousel/package.json | 15 +++++++++++++++ packages/carousel/src/main.vue | 9 +++++++++ test/unit/specs/carousel.spec.js | 15 +++++++++++++++ 10 files changed, 83 insertions(+), 6 deletions(-) create mode 100644 examples/docs/en-US/carousel.md create mode 100644 examples/docs/zh-CN/carousel.md create mode 100644 packages/carousel/cooking.conf.js create mode 100644 packages/carousel/index.js create mode 100644 packages/carousel/package.json create mode 100644 packages/carousel/src/main.vue create mode 100644 test/unit/specs/carousel.spec.js diff --git a/build/bin/new.js b/build/bin/new.js index 47f3c9f9e..adcd8ceed 100644 --- a/build/bin/new.js +++ b/build/bin/new.js @@ -33,6 +33,7 @@ export default ${ComponentName};` filename: 'cooking.conf.js', content: `var cooking = require('cooking'); var path = require('path'); +var config = require('../../build/config'); cooking.set({ entry: { @@ -52,7 +53,7 @@ module.exports = cooking.resolve();` { filename: 'package.json', content: `{ - "name": "el-${componentname}", + "name": "element-${componentname}", "version": "0.0.0", "description": "A ${componentname} component for Vue.js.", "keywords": [ @@ -75,7 +76,7 @@ module.exports = cooking.resolve();` ` }, @@ -90,16 +91,16 @@ export default { { filename: path.join('../../test/unit/specs', `${componentname}.spec.js`), content: `import { createTest, destroyVM } from '../util'; -import Alert from 'packages/{{componentname}}'; +import ${ComponentName} from 'packages/${componentname}'; -describe('{{ComponentName}}', () => { +describe('${ComponentName}', () => { let vm; afterEach(() => { destroyVM(vm); }); it('create', () => { - vm = createTest({{ComponentName}}, true); + vm = createTest(${ComponentName}, true); expect(vm.$el).to.exist; }); }); diff --git a/components.json b/components.json index 520de1f3d..959dfd86f 100644 --- a/components.json +++ b/components.json @@ -53,5 +53,6 @@ "card": "./packages/card/index.js", "rate": "./packages/rate/index.js", "steps": "./packages/steps/index.js", - "step": "./packages/step/index.js" + "step": "./packages/step/index.js", + "carousel": "./packages/carousel/index.js" } diff --git a/examples/docs/en-US/carousel.md b/examples/docs/en-US/carousel.md new file mode 100644 index 000000000..c3ae9fd53 --- /dev/null +++ b/examples/docs/en-US/carousel.md @@ -0,0 +1 @@ +## carousel diff --git a/examples/docs/zh-CN/carousel.md b/examples/docs/zh-CN/carousel.md new file mode 100644 index 000000000..b75a3f816 --- /dev/null +++ b/examples/docs/zh-CN/carousel.md @@ -0,0 +1 @@ +## 走马灯 diff --git a/examples/nav.config.json b/examples/nav.config.json index f8f127b8f..d697bf31f 100644 --- a/examples/nav.config.json +++ b/examples/nav.config.json @@ -207,6 +207,10 @@ { "path": "/card", "title": "Card 卡片" + }, + { + "path": "/carousel", + "title": "Carousel 走马灯" } ] } @@ -421,6 +425,10 @@ { "path": "/card", "title": "Card" + }, + { + "path": "/carousel", + "title": "Carousel" } ] } diff --git a/packages/carousel/cooking.conf.js b/packages/carousel/cooking.conf.js new file mode 100644 index 000000000..e94a6f5ec --- /dev/null +++ b/packages/carousel/cooking.conf.js @@ -0,0 +1,18 @@ +var cooking = require('cooking'); +var path = require('path'); +var config = require('../../build/config'); + +cooking.set({ + entry: { + index: path.join(__dirname, 'index.js') + }, + dist: path.join(__dirname, 'lib'), + template: false, + format: 'umd', + moduleName: 'ElCarousel', + extends: ['vue2'], + alias: config.alias, + externals: { vue: config.vue } +}); + +module.exports = cooking.resolve(); diff --git a/packages/carousel/index.js b/packages/carousel/index.js new file mode 100644 index 000000000..4987e33c9 --- /dev/null +++ b/packages/carousel/index.js @@ -0,0 +1,8 @@ +import Carousel from './src/main'; + +/* istanbul ignore next */ +Carousel.install = function(Vue) { + Vue.component(Carousel.name, Carousel); +}; + +export default Carousel; diff --git a/packages/carousel/package.json b/packages/carousel/package.json new file mode 100644 index 000000000..f0807c623 --- /dev/null +++ b/packages/carousel/package.json @@ -0,0 +1,15 @@ +{ + "name": "element-carousel", + "version": "0.0.0", + "description": "A carousel component for Vue.js.", + "keywords": [ + "element", + "vue", + "component" + ], + "main": "./lib/index.js", + "repository": "https://github.com/ElemeFE/element/tree/master/packages/carousel", + "author": "elemefe", + "license": "MIT", + "dependencies": {} +} diff --git a/packages/carousel/src/main.vue b/packages/carousel/src/main.vue new file mode 100644 index 000000000..75067e46b --- /dev/null +++ b/packages/carousel/src/main.vue @@ -0,0 +1,9 @@ + + + diff --git a/test/unit/specs/carousel.spec.js b/test/unit/specs/carousel.spec.js new file mode 100644 index 000000000..66c711bb1 --- /dev/null +++ b/test/unit/specs/carousel.spec.js @@ -0,0 +1,15 @@ +import { createTest, destroyVM } from '../util'; +import Carousel from 'packages/carousel'; + +describe('Carousel', () => { + let vm; + afterEach(() => { + destroyVM(vm); + }); + + it('create', () => { + vm = createTest(Carousel, true); + expect(vm.$el).to.exist; + }); +}); +