upd: v2

src/config.json

@@ -169,16 +169,6 @@
     },
     {
       "version": "1.0.0",
-      "name": "Badge",
-      "sort": "0",
-      "chnName": "徽标",
-      "desc": "出现在图标或文字右上角的红色圆点、数字或者文字，表示有新内容或者待处理的信息",
-      "type": "component",
-      "showDemo": true,
-      "author": "杨磊"
-    },
-    {
-      "version": "1.0.0",
       "name": "Rate",
       "sort": "1",
       "chnName": "评分",
@@ -261,28 +251,6 @@
     },
     {
       "version": "1.0.0",
-      "name": "Scroller",
-      "chnName": "滚动",
-      "desc": "滚动组件",
-      "type": "component",
-      "sort": "0",
-      "star": 5,
-      "showDemo": true,
-      "author": "iris"
-    },
-    {
-      "version": "1.0.0",
-      "name": "InfiniteLoading",
-      "chnName": "无限加载",
-      "desc": "无限加载",
-      "type": "component",
-      "sort": "0",
-      "star": 4,
-      "showDemo": true,
-      "author": "iris"
-    },
-    {
-      "version": "1.0.0",
       "name": "Uploader",
       "chnName": "上传",
       "desc": "文件上传组件",

src/nutui.js

@@ -37,8 +37,6 @@ import Steps from './packages/steps/index.js';
 import './packages/steps/steps.scss';
 import Button from './packages/button/index.js';
 import './packages/button/button.scss';
-import Badge from './packages/badge/index.js';
-import './packages/badge/badge.scss';
 import Rate from './packages/rate/index.js';
 import './packages/rate/rate.scss';
 import Stepper from './packages/stepper/index.js';
@@ -55,10 +53,6 @@ import CheckBox from './packages/checkbox/index.js';
 import './packages/checkbox/checkbox.scss';
 import Skeleton from './packages/skeleton/index.js';
 import './packages/skeleton/skeleton.scss';
-import Scroller from './packages/scroller/index.js';
-import './packages/scroller/scroller.scss';
-import InfiniteLoading from './packages/infiniteloading/index.js';
-import './packages/infiniteloading/infiniteloading.scss';
 import Uploader from './packages/uploader/index.js';
 import './packages/uploader/uploader.scss';
 import TextInput from './packages/textinput/index.js';
@@ -101,7 +95,6 @@ const packages = {
   Row,
   Steps,
   Button,
-  Badge,
   Rate,
   Stepper,
   SearchBar,
@@ -110,8 +103,6 @@ const packages = {
   RadioGroup,
   CheckBox,
   Skeleton,
-  Scroller,
-  InfiniteLoading,
   Uploader,
   TextInput,
   TextBox,

src/packages/badge/__test__/badge.spec.js

@@ -1,38 +0,0 @@
-import { shallowMount, mount } from '@vue/test-utils'
-import Badge from '../badge.vue';
-import Vue from 'vue';
-
-describe('Badge.vue', () => {
-    const wrapper = shallowMount(Badge, {});
-    it('创建结构', () => {
-        wrapper.setProps({ value: '9'});
-        return Vue.nextTick().then(function () {
-            expect(wrapper.contains('sup')).toBe(true);            
-        })
-    });
-    it('字数设置', () => {
-        wrapper.setProps({ value: '9'});
-        return Vue.nextTick().then(function () {
-            expect(wrapper.find('.nut-badge__content').text()).toBe('9');            
-        })
-    });
-
-    it('最大值设置', () => {
-        wrapper.setProps({ value: 200, max: 99 });
-        return Vue.nextTick().then(function () {
-            expect(wrapper.find('.nut-badge__content').text()).toBe('99+');
-        })
-    });
-    it('文字设置',() => {
-        wrapper.setProps({value: 'new'});
-        return Vue.nextTick().then(function() {
-            expect(wrapper.find('.nut-badge__content').text()).toBe('new');
-        })
-    })
-    it('设置为点操作',() => {
-        wrapper.setProps({value: 'new', isDot: true});
-        return Vue.nextTick().then(function() {
-            expect(wrapper.find('.nut-badge__content').text()).toBe('');
-        })
-    })
-});

src/packages/badge/badge.scss

@@ -1,29 +0,0 @@
-.nut-badge {
-  position: relative;
-  display: inline-block;
-  sup {
-    position: absolute;
-    height: 18px;
-    min-width: 8px;
-    line-height: 18px;
-    padding: 0 5px;
-    background-color: #fff;
-    text-align: center;
-    border: 1px solid $primary-color;
-    color: $primary-color;
-    font-size: 10px;
-    border-radius: 10px;
-    z-index: $zindex-mask;
-  }
-  .nut-badge__content {
-    transform: translateY(-50%) translateX(100%);
-  }
-  .is-dot {
-    width: 10px;
-    height: 10px;
-    padding: 0;
-    right: 5px;
-    border-radius: 10px;
-    background: $primary-color;
-  }
-}

src/packages/badge/badge.vue

@@ -1,60 +0,0 @@
-<template>
-  <div class="nut-badge">
-    <slot></slot>
-    <sup v-show="!hidden && (content || isDot)" v-text="content" class="nut-badge__content" :class="{ 'is-dot': isDot }" :style="stl"> </sup>
-  </div>
-</template>
-<script>
-export default {
-  name: 'nut-badge',
-  props: {
-    value: {
-      type: [String, Number]
-    },
-    max: {
-      type: Number,
-      default: 10000
-    },
-    isDot: {
-      type: Boolean,
-      default: false
-    },
-    hidden: {
-      type: Boolean,
-      default: false
-    },
-    top: {
-      type: String,
-      default: '0'
-    },
-    right: {
-      type: String,
-      default: '0'
-    },
-    zIndex: {
-      type: Number,
-      default: 10
-    }
-  },
-  data() {
-    return {
-      stl: {
-        top: this.top,
-        right: this.right,
-        zIndex: this.zIndex
-      }
-    };
-  },
-  computed: {
-    content() {
-      if (this.isDot) return;
-      const value = this.value;
-      const max = this.max;
-      if (typeof value === 'number' && typeof max === 'number') {
-        return max < value ? `${max}+` : value;
-      }
-      return value;
-    }
-  }
-};
-</script>

src/packages/badge/demo.vue

@@ -1,63 +0,0 @@
-<template>
-  <div class="container">
-    <h4>默认用法</h4>
-    <div class="demo-w">
-      <nut-badge :value="9" class="item"><div class="demo-svg"></div></nut-badge>
-      <nut-badge :value="9" class="item">购物车</nut-badge>
-      <nut-badge :value="9" class="item"><nut-button>购物车</nut-button></nut-badge>
-    </div>
-
-    <h4>Max用法</h4>
-    <div class="demo-w">
-      <nut-badge :value="200" :max="99" class="item"><div class="demo-svg"></div></nut-badge>
-      <nut-badge :value="200" :max="99" class="item">购物车</nut-badge>
-      <nut-badge :value="200" :max="99" class="item"><nut-button>购物车</nut-button></nut-badge>
-    </div>
-
-    <h4>文字用法</h4>
-    <div class="demo-w">
-      <nut-badge value="new" class="item"><div class="demo-svg"></div></nut-badge>
-      <nut-badge value="new" class="item">购物车</nut-badge>
-      <nut-badge value="new" :max="99" class="item"><nut-button>购物车</nut-button></nut-badge>
-    </div>
-
-    <h4>小圆点</h4>
-    <div class="demo-w">
-      <nut-badge :isDot="true" class="item"><div class="demo-svg"></div></nut-badge>
-      <nut-badge :isDot="true" class="item">购物车</nut-badge>
-      <nut-badge :isDot="true" :max="99" class="item"><nut-button>购物车</nut-button></nut-badge>
-    </div>
-
-    <h4>自定义位置</h4>
-    <div class="demo-w">
-      <nut-badge :value="200" top="5px" right="10px" class="item"><div class="demo-svg"></div></nut-badge>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {};
-  },
-  created() {},
-  methods: {}
-};
-</script>
-
-<style lang="scss" scoped>
-.item {
-  margin: 10px 20px;
-}
-.demo-w {
-  margin: 20px 0;
-}
-.demo-svg {
-  display: inline-block;
-  height: 30px;
-  width: 35px;
-  background-size: 100% 100%;
-  background-image: url('#{$assetsPath}/img/gift.png');
-  background-repeat: no-repeat;
-}
-</style>

src/packages/badge/doc.md

@@ -1,143 +0,0 @@
-# Badge 徽标
-
-出现在图标或文字右上角的红色圆点、数字或者文字，表示有新内容或者待处理的信息。
-
-## 基本用法
-
-```html
-<nut-badge 
-    :value="9" 
-    class="item"
->
-    <div class="demo-svg"></div>
-</nut-badge>
-
-<nut-badge 
-    :value="9" 
-    class="item"
->
-    购物车
-</nut-badge>
-
-<nut-badge 
-    :value="9" 
-    class="item"
->
-    <nut-button>
-        购物车
-    </nut-button>
-</nut-badge>
-```
-
-## Max用法
-
-```html
-<nut-badge 
-    :value="200" 
-    :max="99" 
-    class="item"
->
-    <div class="demo-svg"></div>
-</nut-badge>
-
-<nut-badge 
-    :value="200" 
-    :max="99" 
-    class="item"
->
-    购物车
-</nut-badge>
-
-<nut-badge 
-    :value="200" 
-    :max="99" 
-    class="item"
->
-    <nut-button>
-        购物车
-    </nut-button>
-</nut-badge>
-```
-
-## 文字用法
-
-```html
-<nut-badge 
-    value="new" 
-    class="item"
->
-    <div class="demo-svg"></div>
-</nut-badge>
-
-<nut-badge 
-    value="new" 
-    class="item"
->
-    购物车
-</nut-badge>
-
-<nut-badge 
-    value="new" 
-    :max="99" 
-    class="item"
->
-    <nut-button>
-        购物车
-    </nut-button>
-</nut-badge>
-```
-
-## 小圆点
-
-```html
-<nut-badge 
-    :isDot="true" 
-    class="item"
->
-    <div class="demo-svg"></div>
-</nut-badge>
-
-<nut-badge 
-    :isDot="true" 
-    class="item"
->
-    文字内容
-</nut-badge>
-
-<nut-badge 
-    :isDot="true" 
-    :max="99" 
-    class="item"
->
-    <nut-button>
-        购物车
-    </nut-button>
-</nut-badge>
-```
-
-## 自定义位置
-
-```html
-<nut-badge 
-    :value="200" 
-    top="5px" 
-    right="10px" 
-    class="item"
->
-    <div class="demo-svg">
-    </div>
-</nut-badge>
-```
-
-
-## Prop
-
-| 字段 | 说明 | 类型 | 默认值
-|----- | ----- | ----- | ----- 
-| value | 显示的内容 | String | -
-| max | value为数值时，最大值 | Number | 10000
-| zIndex | 徽标的z-index值 | Number | 10
-| isDot | 是否为小点 | Boolean | false
-| hidden | 是否隐藏 | Boolean | false
-| top   | 上下偏移量，支持单位设置，可设置为：5px、5rem等 | String | 0
-| left  | 左右偏移量，支持单位设置，可设置为：5px、5rem等 | String | 0

src/packages/badge/index.js

@@ -1,8 +0,0 @@
-import Badge from './badge.vue';
-import './badge.scss';
-
-Badge.install = function(Vue) {
-  Vue.component(Badge.name, Badge);
-};
-
-export default Badge;