iov-design 2.15.79 → 2.15.81

package/lib/upload.js

@@ -530,16 +530,16 @@ var upload_file_component = Object(componentNormalizer["a" /* default */])(
 )
 
 /* harmony default export */ var upload_file = (upload_file_component.exports);
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/upload-picture.vue?vue&type=template&id=4efcdfee
-var upload_picturevue_type_template_id_4efcdfee_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{class:[
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/upload-picture.vue?vue&type=template&id=5a3aaff1
+var upload_picturevue_type_template_id_5a3aaff1_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{class:[
     'el-upload-list',
     'el-upload-list--' + _vm.listType,
     { 'is-disabled': _vm.disabled }
-  ],attrs:{"tag":"ul","name":"el-list"}},_vm._l((_vm.files),function(file){return _c('li',{key:file.uid,class:['el-upload-list__item', 'el-upload-list__item-' + _vm.size, 'is-' + file.status, _vm.focusing ? 'focusing' : ''],attrs:{"tabindex":"0"},on:{"focus":function($event){_vm.focusing = true},"blur":function($event){_vm.focusing = false},"click":function($event){_vm.focusing = false}}},[_vm._t("default",[_c('div',{staticClass:"el-upload-list__file"},[(file.status === 'success')?_c('div',{staticClass:"el-upload-list__item-name",on:{"click":function($event){_vm.handleClick(file)}}},[_c('span',{staticClass:"el-upload-list__item-thumbnail"},[_c('el-image',{attrs:{"src":file[_vm.fileUrlAlias],"preview-src-list":_vm.handlePreview ? [] : [file[_vm.fileUrlAlias]],"fit":"contain"}},[_c('i',{staticClass:"el-image__placeholder",attrs:{"slot":"placeholder"},slot:"placeholder"}),_c('i',{staticClass:"el-image__error",attrs:{"slot":"error"},slot:"error"})])],1)]):_vm._e(),(file.status === 'uploading')?_c('div',{staticClass:"el-upload-list__item-status-label"},[_c('el-progress',{staticClass:"el-upload-progress",attrs:{"percentage":file.percentage,"stroke-width":2,"show-text":false,"type":"line","color":"#3F57FF","define-back-color":"#F2F3F5"}}),_c('span',{staticClass:"el-upload-progress__text"},[_vm._v("上传中")])],1):_vm._e()]),(file.status === 'success')?_c('span',{staticClass:"el-upload-list__item-actions"},[(_vm.handlePreview)?_c('i',{staticClass:"el-upload-list__item-preview iov-icon-eye",on:{"click":function($event){_vm.handlePreview(file)}}}):_vm._e(),(!_vm.disabled)?_c('i',{staticClass:"el-upload-list__item-delete iov-icon-delete",on:{"click":function($event){$event.stopPropagation();_vm.$emit('remove', file)}}}):_vm._e(),(!_vm.disabled)?_c('i',{staticClass:"el-upload-list__item-update iov-icon-update"}):_vm._e()]):_vm._e()],{file:file})],2)}),0)}
-var upload_picturevue_type_template_id_4efcdfee_staticRenderFns = []
-upload_picturevue_type_template_id_4efcdfee_render._withStripped = true
+  ],attrs:{"tag":"ul","name":"el-list"}},_vm._l((_vm.files),function(file){return _c('li',{key:file.uid,class:['el-upload-list__item', 'el-upload-list__item-' + _vm.size, 'is-' + file.status, _vm.focusing ? 'focusing' : ''],attrs:{"tabindex":"0"},on:{"focus":function($event){_vm.focusing = true},"blur":function($event){_vm.focusing = false},"click":function($event){_vm.focusing = false}}},[_vm._t("default",[_c('div',{staticClass:"el-upload-list__file"},[(file.status === 'success')?_c('div',{staticClass:"el-upload-list__item-name",on:{"click":function($event){_vm.handleClick(file)}}},[_c('span',{staticClass:"el-upload-list__item-thumbnail"},[_c('el-image',{attrs:{"src":file[_vm.fileUrlAlias],"preview-src-list":_vm.handlePreview ? [] : [file[_vm.fileUrlAlias]],"fit":"contain"}},[_c('i',{staticClass:"el-image__placeholder",attrs:{"slot":"placeholder"},slot:"placeholder"}),_c('i',{staticClass:"el-image__error",attrs:{"slot":"error"},slot:"error"})])],1)]):_vm._e(),(file.status === 'uploading')?_c('div',{staticClass:"el-upload-list__item-status-label"},[_c('el-progress',{staticClass:"el-upload-progress",attrs:{"percentage":file.percentage,"stroke-width":2,"show-text":false,"type":"line","color":"#3F57FF","define-back-color":"#F2F3F5"}}),_c('span',{staticClass:"el-upload-progress__text"},[_vm._v("上传中")])],1):_vm._e()]),(file.status === 'success')?_c('span',{staticClass:"el-upload-list__item-actions"},[(_vm.handlePreview)?_c('i',{staticClass:"el-upload-list__item-preview iov-icon-eye",on:{"click":function($event){$event.stopPropagation();_vm.handlePreview(file)}}}):_vm._e(),(!_vm.disabled)?_c('i',{staticClass:"el-upload-list__item-delete iov-icon-delete",on:{"click":function($event){$event.stopPropagation();_vm.$emit('remove', file)}}}):_vm._e(),(!_vm.disabled)?_c('i',{staticClass:"el-upload-list__item-update iov-icon-update"}):_vm._e()]):_vm._e()],{file:file})],2)}),0)}
+var upload_picturevue_type_template_id_5a3aaff1_staticRenderFns = []
+upload_picturevue_type_template_id_5a3aaff1_render._withStripped = true
 
-// CONCATENATED MODULE: ./packages/upload/src/upload-picture.vue?vue&type=template&id=4efcdfee
+// CONCATENATED MODULE: ./packages/upload/src/upload-picture.vue?vue&type=template&id=5a3aaff1
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/upload-picture.vue?vue&type=script&lang=js
 //
@@ -652,8 +652,8 @@ upload_picturevue_type_template_id_4efcdfee_render._withStripped = true
 
 var upload_picture_component = Object(componentNormalizer["a" /* default */])(
   src_upload_picturevue_type_script_lang_js,
-  upload_picturevue_type_template_id_4efcdfee_render,
-  upload_picturevue_type_template_id_4efcdfee_staticRenderFns,
+  upload_picturevue_type_template_id_5a3aaff1_render,
+  upload_picturevue_type_template_id_5a3aaff1_staticRenderFns,
   false,
   null,
   null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iov-design",
-  "version": "2.15.79",
+  "version": "2.15.81",
   "description": "A Component Library for Vue.js.",
   "main": "lib/iov-design.common.js",
   "files": [

package/packages/autocomplete/src/autocomplete.vue

@@ -5,6 +5,7 @@
     aria-haspopup="listbox"
     role="combobox"
     :aria-expanded="suggestionVisible"
+    ref="autocomplete"
     :aria-owns="id"
   >
     <el-input
@@ -32,9 +33,15 @@
       <template slot="suffix" v-if="$slots.suffix">
         <slot name="suffix"></slot>
       </template>
+      <template slot="prefixLabel" v-if="$slots.prefixLabel">
+        <slot name="prefixLabel"></slot>
+      </template>
+      <template slot="suffixLabel" v-if="$slots.suffixLabel">
+        <slot name="suffixLabel"></slot>
+      </template>
     </el-input>
     <el-autocomplete-suggestions
-      visible-arrow
+      :visible-arrow="false"
       :class="[popperClass ? popperClass : '']"
       :popper-options="popperOptions"
       :append-to-body="popperAppendToBody"
@@ -155,8 +162,9 @@
     watch: {
       suggestionVisible(val) {
         let $input = this.getInput();
+        const $autocomplete = this.$refs.autocomplete;
         if ($input) {
-          this.broadcast('ElAutocompleteSuggestions', 'visible', [val, $input.offsetWidth]);
+          this.broadcast('ElAutocompleteSuggestions', 'visible', [val, $autocomplete.offsetWidth]);
         }
       }
     },

package/packages/radio/src/radio-group.vue

@@ -34,6 +34,8 @@
       value: {},
       size: String,
       button: Boolean,
+      card: Boolean,
+      radio: Boolean,
       fill: String,
       textColor: String,
       borderColor: String,

package/packages/radio/src/radio.vue

@@ -8,8 +8,8 @@
       { 'is-bordered': border },
       { 'is-button': button || groupButton },
       { 'is-checked': model === label },
-      { 'is-card': card},
-      { 'is-card-radio': card && radio}
+      { 'is-card': card || groupCard},
+      { 'is-card-radio': (card || groupCard) && (radio || groupRadio)}
     ]"
     role="radio"
     :aria-checked="model === label"
@@ -18,7 +18,7 @@
     @keydown.space.stop.prevent="model = isDisabled ? model : label"
   >
     <span class="el-radio__input"
-      :style="{display: border || button || groupButton || card && !radio ? 'none' : ''}"
+      :style="{display: border || button || groupButton || (card || groupCard) && !(radio || groupRadio) ? 'none' : ''}"
       :class="{
         'is-disabled': isDisabled,
         'is-checked': model === label
@@ -126,6 +126,12 @@
       groupButton() {
         return this.isGroup ? this._radioGroup.button : this.button;
       },
+      groupCard() {
+        return this.isGroup ? this._radioGroup.card : this.card;
+      },
+      groupRadio() {
+        return this.isGroup ? this._radioGroup.radio : this.radio;
+      },
       isDisabled() {
         return this.isGroup
           ? this._radioGroup.disabled || this.disabled || (this.elForm || {}).disabled

package/packages/theme-chalk/src/autocomplete.scss

@@ -7,20 +7,21 @@
 
 @include b(autocomplete) {
   position: relative;
-  display: inline-block;
 }
 
 @include b(autocomplete-suggestion) {
-  margin: 5px 0;
-  box-shadow: $--box-shadow-light;
+  position: absolute;
+  z-index: #{$--index-top + 1};
+  border: $--select-dropdown-border;
   border-radius: $--border-radius-base;
-  border: 1px solid $--border-color-light;
+  background-color: $--select-dropdown-background;
+  box-shadow: $--select-dropdown-shadow;
   box-sizing: border-box;
-  background-color: $--color-white;
+  margin: 4px 0;
 
   @include e(wrap) {
-    max-height: 280px;
-    padding: 10px 0;
+    max-height: $--select-dropdown-max-height;
+    padding: $--select-dropdown-padding;
     box-sizing: border-box;
   }
 
@@ -30,16 +31,18 @@
   }
 
   & li {
-    padding: 0 20px;
-    margin: 0;
-    line-height: 34px;
-    cursor: pointer;
-    color: $--color-text-regular;
-    font-size: $--font-size-base;
-    list-style: none;
+    font-size: $--select-font-size;
+    padding: 0 12px;
+    position: relative;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
+    color: $--select-option-color;
+    height: $--select-option-height;
+    border-radius: $--select-option-border-radius;
+    line-height: $--select-option-height;
+    box-sizing: border-box;
+    cursor: pointer;
 
     &:hover {
       background-color: $--select-option-hover-background;

package/packages/upload/src/upload-picture.vue

@@ -41,7 +41,7 @@
           </div>
         </div>
         <span class="el-upload-list__item-actions" v-if="file.status === 'success'">
-          <i v-if="handlePreview" @click="handlePreview(file)" class="el-upload-list__item-preview iov-icon-eye"></i>
+          <i v-if="handlePreview" @click.stop="handlePreview(file)" class="el-upload-list__item-preview iov-icon-eye"></i>
           <i v-if="!disabled" class="el-upload-list__item-delete iov-icon-delete" @click.stop="$emit('remove', file)"></i>
           <i v-if="!disabled" class="el-upload-list__item-update iov-icon-update"></i>
         </span>

package/src/index.js

@@ -212,7 +212,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 
 export default {
-  version: '2.15.79',
+  version: '2.15.81',
   locale: locale.use,
   i18n: locale.i18n,
   install,