fix:修复select多选tag不能关闭问题

docs/atui/introduce.md

@@ -20,7 +20,7 @@ english: AliTelecom UI System
 
 ## 版本
 
-目前最新版本 v0.0.39
+目前最新版本 v0.1.2
 
 ## 浏览器支持
 

package.json

@@ -32,24 +32,24 @@
     "antd": "^1.6.3",
     "antd-tools": "^0.10.0",
     "autoprefixer": "~6.3.6",
+    "babel-cli": "^6.26.0",
     "babel-core": "^6.9.0",
     "babel-eslint": "^6.0.4",
     "babel-loader": "^6.2.4",
     "babel-plugin-coverage": "^1.0.0",
+    "babel-plugin-istanbul": "^3.1.2",
     "babel-plugin-transform-object-assign": "^6.22.0",
     "babel-plugin-transform-runtime": "^6.15.0",
     "babel-preset-es2015": "^6.9.0",
-    "babel-plugin-istanbul": "^3.1.2",
-    "rc-animate": "^2.3.1",
     "bisheng": "^0.7.1",
     "bisheng-plugin-atui": "0.1.1",
     "bisheng-plugin-description": "^0.1.1",
     "bisheng-plugin-toc": "0.2.0",
     "bluebird": "^3.4.1",
     "chai": "~3.5.0",
-    "conventional-changelog": "^1.1.0",
     "classnames": "~2.2.0",
     "codecov": "^1.0.1",
+    "conventional-changelog": "^1.1.0",
     "css-loader": "^0.21.0",
     "dora-plugin-upload": "^0.3.1",
     "enquire.js": "^2.1.1",
@@ -89,11 +89,12 @@
     "lodash": "^4.13.1",
     "marked": "~0.3.5",
     "mocha": "~3.1.2",
+    "phantomjs-prebuilt": "^2.1.14",
     "postcss-loader": "^0.9.1",
     "pre-commit": "~1.1.2",
-    "phantomjs-prebuilt": "^2.1.14",
     "precss": "^1.4.0",
     "prismjs": "^1.3.0",
+    "rc-animate": "^2.3.1",
     "rc-queue-anim": "~0.11.12",
     "rc-scroll-anim": "^0.3.0",
     "rc-tween-one": "~0.6.20",
@@ -132,7 +133,7 @@
     "cover": "NODE_ENV=local karma start build/karma.cover.config.js",
     "codecov": "cat ./coverage/lcov.info | ./node_modules/.bin/codecov",
     "authors": "git log --format='%aN <%aE>' | sort -u | grep -v 'users.noreply.github.com' | grep -v 'gitter.im' | grep -v '.local>' | grep -v 'alibaba-inc.com' > AUTHORS.txt",
-    "start": "webpack-dev-server --config build/webconfig.config.js --host 0.0.0.0 & bisheng start -c ./site/bisheng.config.js",
+    "start": "webpack-dev-server --config build/webconfig.config.js --host 0.0.0.0 --hot & bisheng start -c ./site/bisheng.config.js",
     "ghpages": "bisheng build -c ./site/bisheng.config.js && sh post-site.sh && gh-pages -d _site",
     "changelog": "conventional-changelog -p angular -i CHANGELOG.md -w -r 0",
     "lib": "npm run transform && NODE_ENV=production webpack --config build/webpack.lib.js --progress",

site/theme/static/template.html

@@ -13,7 +13,7 @@
       var vuePath = '/atui/vue.min.js'
       if(~hostname.indexOf('localhost') || ~hostname.indexOf('127.0.0.1') || ~hostname.indexOf('0.0.0.0')){
         env = 'dev'
-        root = '//' + hostname + ':8080/dist/'
+        root = '//' + hostname + ':8080/build/'
         vuePath = '//' + hostname + ':8080/dist/vue.js'
       }
     </script>

site/theme/template/Layout/Footer.jsx

@@ -89,7 +89,7 @@ export default class Footer extends React.Component {
             </div>
           </li>
           <li>
-            <div>©2016 阿里通信</div>
+            <div>©2017 阿里通信</div>
             <div>Powered by <a href="https://github.com/benjycui/bisheng">BiSheng</a></div>
           </li>
         </ul>

src/components/Select/Option.vue

@@ -26,7 +26,8 @@
     },
     computed: {
       chosen () {
-        return this.$parent.$parent.selectedOptions.some((item) => {
+        let me = this
+        return me.$parent.$parent.selectedOptions.some((item) => {
           return item.value === this.value
         })
       },

src/components/Select/Select.vue

@@ -24,7 +24,7 @@
         </template>
         <div v-else @click="focusInput">
           <span :class="[prefixCls + '-select-placeholder']" v-show="showPlaceholder">{{placeholder}}</span>
-          <tag v-for="option in selectedOptions" closable @close="closeTag(option)" v-html="option.label"></tag>
+          <tag v-for="option in selectedOptions" closable @close="closeTag(option)">{{option.label}}</tag>
           <input type="text" ref="searchField" :class="[prefixCls + '-select-search-field']" @input="onInput" @keydown.delete="deleteTag" @blur="createTag" @keydown.enter.prevent="createTag" v-model="searchText" autocomplete="off"/>
         </div>
       </div>

src/components/Tag/Tag.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-show="!closed"
+  <div v-if="!closed"
        :class="[prefixCls + '-tag', color && (prefixCls + '-tag-color')]"
        :style="{'background-color': color}">
     <a :href="href" :target="href ? '_blank' : ''"
@@ -40,7 +40,7 @@ export default {
   },
   methods: {
     closeHandler (e) {
-      this.closed = true
+      // this.closed = true
       this.$emit('close', e)
     }
   },

src/styles/dropdowns.less

@@ -63,8 +63,9 @@
     line-height: 27px;
     color: @dropdown-link-color;
     white-space: nowrap;
+    user-select: none;
 
-    &:hover, &:focus, &.@{prefix-cls-dropdown}-option-active {
+    &:hover, &:focus, &.@{prefix-cls-dropdown}-option-active,&.@{prefix-cls-dropdown}-option-chosen {
       text-decoration: none;
       background-color: @dropdown-link-hover-bg;
     }

src/styles/select.less

@@ -24,7 +24,7 @@
     border-radius: 4px;
     font-size: 12px;
     padding: 0 10px;
-    height: 100%;
+    min-height: 100%;
     overflow: hidden;
 
     &:hover {
@@ -37,13 +37,9 @@
       outline: none;
     }
 
-
-
-
-    .atui-tag {
+    .@{prefix-cls}-tag {
       margin: -4px 5px 0;
       border-radius: 4px;
-      line-height: 1.5;
     }
 
   }