update new.js and init carousel (#1859)

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();`
 
 <script>
 export default {
-  name: 'el-${componentname}'
+  name: 'El${ComponentName}'
 };
 </script>`
   },
@@ -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;
   });
 });

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"
 }

examples/docs/en-US/carousel.md

@@ -0,0 +1 @@
+## carousel

examples/docs/zh-CN/carousel.md

@@ -0,0 +1 @@
+## 走马灯

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"
             }
           ]
         }

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();

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;

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": {}
+}

packages/carousel/src/main.vue

@@ -0,0 +1,9 @@
+<template>
+  <div class="el-carousel"></div>
+</template>
+
+<script>
+export default {
+  name: 'ElCarousel'
+};
+</script>

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;
+  });
+});
+