iov-design 2.15.26 → 2.15.28

package/lib/upload.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 69);
+/******/ 	return __webpack_require__(__webpack_require__.s = 60);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -217,7 +217,7 @@ module.exports = require("iov-design/lib/mixins/locale");
 
 /***/ }),
 
-/***/ 69:
+/***/ 60:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/package.json

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

package/packages/cascader/src/cascader.vue

@@ -643,7 +643,6 @@ export default {
 
       const tags = $el.querySelector('.el-cascader__tags');
       const groupPrefix = $el.querySelector('.el-input-group--prefix');
-      const prefix = $el.querySelector('.el-input__prefix');
       const prefixLabel = $el.querySelector('.el-input-group__prefix-label');
       let suggestionPanelEl = null;
 
@@ -655,7 +654,7 @@ export default {
       if (tags) {
         const offsetHeight = Math.round(tags.getBoundingClientRect().height);
         const height = Math.max(offsetHeight + 4, inputInitialHeight) + 'px';
-        const inputPaddingLeft = groupPrefix || prefix ? Math.round(window.getComputedStyle(inputInner).paddingLeft.replace(/px/, '')) : 0;
+        const inputPaddingLeft = Math.round(window.getComputedStyle(inputInner).paddingLeft.replace(/px/, '')) || 0;
         const prefixLabelWidth = prefixLabel && Math.round(prefixLabel.getBoundingClientRect().width) || 0;
         if (groupPrefix) {
           groupPrefix.style.height = height;

package/packages/empty/src/index.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="el-empty">
     <div class="el-empty__image" :style="imageStyle">
-      <img v-if="image"  :src="image" @load="onLoad" ondragstart="return false">
+      <img v-if="image" :src="image" ondragstart="return false">
       <slot v-else name="image">
-        <img :src="img" @load="onLoad" ondragstart="return false">
+        <img :src="img" ondragstart="return false">
       </slot>
     </div>
     <div class="el-empty__description">
@@ -18,16 +18,16 @@
 
 <script>
 const IMG = {
-  0: require('./img/0.png'),
-  1: require('./img/1.png'),
-  2: require('./img/2.png'),
-  3: require('./img/4.png'),
-  4: require('./img/4.png'),
-  5: require('./img/5.png'),
-  6: require('./img/6.png'),
-  7: require('./img/7.png'),
-  8: require('./img/8.png'),
-  9: require('./img/9.png')
+  0: '//prod-common-public.obs-helf.cucloud.cn/user/72f51000000000112154360', // require('./img/0.png'),
+  1: '//prod-common-public.obs-helf.cucloud.cn/user/2c951000000000112154402', // require('./img/1.png'),
+  2: '//prod-common-public.obs-helf.cucloud.cn/user/c3301000000000112154439', // require('./img/2.png'),
+  3: '//prod-common-public.obs-helf.cucloud.cn/user/98171000000000112154450', // require('./img/4.png'),
+  4: '//prod-common-public.obs-helf.cucloud.cn/user/ccae1000000000112154463', // require('./img/4.png'),
+  5: '//prod-common-public.obs-helf.cucloud.cn/user/ae811000000000112154481', // require('./img/5.png'),
+  6: '//prod-common-public.obs-helf.cucloud.cn/user/3b9f1000000000112154499', // require('./img/6.png'),
+  7: '//prod-common-public.obs-helf.cucloud.cn/user/3bfc1000000000112154525', // require('./img/7.png'),
+  8: '//prod-common-public.obs-helf.cucloud.cn/user/eb8b1000000000112154533', // require('./img/8.png'),
+  9: '//prod-common-public.obs-helf.cucloud.cn/user/22061000000000112154548' // require('./img/9.png')
 };
 import { t } from 'iov-design/src/locale';
 
@@ -62,11 +62,6 @@ export default {
     img() {
       return IMG[this.type];
     }
-  },
-  methods: {
-    onLoad() {
-      this.$emit('loaded');
-    }
   }
 };
 </script>

package/packages/input/src/input.vue

@@ -73,8 +73,8 @@
                 {{ textLength }}/{{ upperLimit }}
               </span>
             </span>
+            <i class="el-input__icon" v-if="validateState && needStatusIcon" :class="['el-input__validateIcon', validateIcon]"></i>
           </span>
-          <i class="el-input__icon" v-if="validateState" :class="['el-input__validateIcon', validateIcon]"></i>
         </span>
       </div>
       <!-- 后置元素 -->

package/packages/select/src/select.vue

@@ -129,7 +129,7 @@
         </el-scrollbar>
         <template v-if="emptyText && (!allowCreate || loading || (allowCreate && options.length === 0 ))">
           <slot name="empty" v-if="$slots.empty"></slot>
-          <el-empty v-else :description="emptyText" :type="0" image-size="60"></el-empty>
+          <el-empty v-else :description="emptyText" :type="0" :image-size="60"></el-empty>
         </template>
       </el-select-menu>
     </transition>

package/packages/table/src/table.vue

@@ -53,7 +53,7 @@
         :style="emptyBlockStyle">
         <div class="el-table__empty-text" >
           <slot name="empty">
-            <el-empty ref="emptyText" @loaded="onEmptyText" :description="emptyText || t('el.table.emptyText')" :type="1" :image-size="['medium','small','mini'].includes(size) ? 86 : 108"></el-empty>
+            <el-empty ref="emptyText" :description="emptyText || t('el.table.emptyText')" :type="1" :image-size="['small','mini'].includes(tableSize) ? 86 : 108"></el-empty>
           </slot>
         </div>
       </div>
@@ -504,12 +504,7 @@
 
       toggleAllSelection() {
         this.store.commit('toggleAllSelection');
-      },
-
-      onEmptyText() {
-        this.emptyTextHeight = this.$refs.emptyText.$el.offsetHeight;
       }
-
     },
 
     computed: {
@@ -595,7 +590,7 @@
 
       emptyBlockStyle() {
         if (this.data && this.data.length) return null;
-        let height = this.emptyTextHeight + 'px';
+        let height = ['small', 'mini'].includes(this.tableSize) ? '128px' : '150px';
         if (this.layout.appendHeight) {
           height = `calc(100% - ${this.layout.appendHeight}px)`;
         }
@@ -716,9 +711,7 @@
         },
         // 是否拥有多级表头
         isGroup: false,
-        scrollPosition: 'left',
-        // 暂无数据高度
-        emptyTextHeight: 0
+        scrollPosition: 'left'
       };
     }
   };

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

@@ -20,6 +20,7 @@
   margin: 0;
   transition: all ease .3s;
   font-weight: $--button-font-weight;
+  font-family: inherit;
   @include utils-user-select(none);
   & + & {
     margin-left: 10px;

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

@@ -118,13 +118,14 @@
     text-align: left;
     box-sizing: border-box;
     z-index: 3;
-    pointer-events: none;
+    align-items: center;
+    // pointer-events: none;
 
     .el-tag {
       display: inline-flex;
       align-items: center;
       max-width: 100%;
-      margin: 2px 0 2px 6px;
+      margin: 2px 6px 2px 0;
       text-overflow: ellipsis;
       color: $--color-text-6;
       pointer-events: auto;
@@ -198,7 +199,7 @@
     flex: 1;
     height: 24px;
     min-width: 60px;
-    margin: 2px 0 2px 12px;
+    margin: 2px 0;
     padding: 0;
     color: $--cascader-menu-font-color;
     border: none;

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

@@ -136,8 +136,11 @@
     @include pseudo('not(.is-no-asterisk)') {
       & > .el-form-item__label:before,
       & .el-form-item__label-wrap > .el-form-item__label:before {
-        content: '*';
-        color: $--color-danger-6;
+        content: '';
+        width: 8px;
+        height: 9px;
+        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAYlJREFUOE+lk79KA0EQxr+5pDB3EUEEG7HSJqiFERGj2YtJZWGhYPAZBK0sfAILKwWfQWIRECxNzF6IoBgElTRio5WFATF3WoQb2SPCaf4occuZ+X6z880u4Z+HOumrqVSfyvefnr62q+sIcITIK6Eu5UJXAFuIshIaUka7BVyAmQ3LmvkVUEsmB8O53LO/0Bai1ADM+eP+Ws+D90RCuK5bYOCemDMu82FvsVipCSEVIGxZ5tv8fEQjWmOiNAGjmqaZobMz6QE4GtUdw9gG0TKASKPbLYABlQbwAmC8Ea+AOavb9g6Vy07TFj5Mc8RlXmIgDWC6IbokIKMFAsc9+fyDf5y2a7SFyAJYBKBqTgwpV1oZ2RLgCLHBwB4TbSkRMe8SsKlLuf8T0gSwTXMKzCUCzkNSJj2ThcgxMAuimFEoXLUdwTMzHL5Tr1er1ydCpdKjB4jFht1g8AZAVa/VxpR5X5BvN3BMc4iZr4l5XbesI38nJx5fZaIDYp7ULeupJaCbj9nxM/0F+Am9YZgRY0EaYwAAAABJRU5ErkJggg==") no-repeat 0 -1px / 8px 8px;
+        display: inline-block;
         margin-right: 4px;
       }
     }

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

@@ -1,8 +1,8 @@
 @font-face {
   font-family: 'iovfont';  /* Project id 4466910 */
-  src: url('//at.alicdn.com/t/c/font_4466910_g5asesa45u.woff2?t=1735024618979') format('woff2'),
-       url('//at.alicdn.com/t/c/font_4466910_g5asesa45u.woff?t=1735024618979') format('woff'),
-       url('//at.alicdn.com/t/c/font_4466910_g5asesa45u.ttf?t=1735024618979') format('truetype');
+  src: url('//at.alicdn.com/t/c/font_4466910_10l1o7mf8v2.woff2?t=1738981991512') format('woff2'),
+       url('//at.alicdn.com/t/c/font_4466910_10l1o7mf8v2.woff?t=1738981991512') format('woff'),
+       url('//at.alicdn.com/t/c/font_4466910_10l1o7mf8v2.ttf?t=1738981991512') format('truetype');
 }
 
 [class^="iov-icon-"], [class*=" iov-icon-"] {

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

@@ -75,7 +75,7 @@
       }
     }
     .el-radio__label {
-      font-weight: 500;
+      font-weight: 600;
       font-size: 13px;
       line-height: 16px;
       color: $--color-text-6;

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

@@ -35,6 +35,10 @@
   .el-input {
     .el-input__suffix {
       right: 8px;
+      .el-input__validateIcon {
+        margin-left: 4px;
+        padding-right: 0;
+      }
     }
     & .el-select__caret {
       padding-right: 0;

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

@@ -190,15 +190,6 @@
 }
 
 @include b(tag) {
-  @include genTheme($--color-primary-1, $--color-primary-2, $--color-primary-6, $--color-primary-7, $--color-primary-2);
-  @include genThemeInfo($--color-fill-2, $--color-line-2, $--color-text-3, $--color-text-4, $--color-fill-2);
-  @include genThemeSuccess($--color-success-1, $--color-success-2, $--color-success-6, $--color-success-7, $--color-success-1);
-  @include genThemeWarning($--color-warning-1, $--color-warning-2, $--color-warning-6, $--color-warning-7, $--color-warning-1);
-  @include genThemeDanger($--color-danger-1, $--color-danger-2, $--color-danger-6, $--color-danger-7, $--color-danger-1);
-  @include genThemeGold($--color-gold-1, $--color-gold-2, $--color-gold-6, $--color-gold-7, $--color-gold-1);
-  @include genThemeBlue($--color-blue-1, $--color-blue-2, $--color-blue-6, $--color-blue-7, $--color-blue-1);
-  @include genThemePurple($--color-purple-1, $--color-purple-2, $--color-purple-6, $--color-purple-7, $--color-purple-1);
-  @include genThemePink($--color-pink-1, $--color-pink-2, $--color-pink-6, $--color-pink-7, $--color-pink-1);
   display: inline-block;
   height: 32px;
   line-height: 32px;
@@ -211,6 +202,15 @@
   border-radius: $--tag-border-radius;
   box-sizing: border-box;
   white-space: nowrap;
+  @include genTheme($--color-primary-1, $--color-primary-2, $--color-primary-6, $--color-primary-7, $--color-primary-1);
+  @include genThemeInfo($--color-fill-2, $--color-line-2, $--color-text-3, $--color-text-4, $--color-fill-2);
+  @include genThemeSuccess($--color-success-1, $--color-success-2, $--color-success-6, $--color-success-7, $--color-success-1);
+  @include genThemeWarning($--color-warning-1, $--color-warning-2, $--color-warning-6, $--color-warning-7, $--color-warning-1);
+  @include genThemeDanger($--color-danger-1, $--color-danger-2, $--color-danger-6, $--color-danger-7, $--color-danger-1);
+  @include genThemeGold($--color-gold-1, $--color-gold-2, $--color-gold-6, $--color-gold-7, $--color-gold-1);
+  @include genThemeBlue($--color-blue-1, $--color-blue-2, $--color-blue-6, $--color-blue-7, $--color-blue-1);
+  @include genThemePurple($--color-purple-1, $--color-purple-2, $--color-purple-6, $--color-purple-7, $--color-purple-1);
+  @include genThemePink($--color-pink-1, $--color-pink-2, $--color-pink-6, $--color-pink-7, $--color-pink-1);
 
 
   @include when(dot) {
@@ -218,6 +218,9 @@
     background: none;
     border: 0 none;
     color: $--color-text-6;
+    font-size: 14px;
+    height: auto;
+    line-height: 1;
     .el-tag__text {
       display: flex;
       align-items: center;
@@ -288,7 +291,10 @@
     font-size: $--tag-font-size;
     height: 30px;
     border-radius: $--tag-border-radius;
-    line-height: 28px;
+    line-height: 30px;
+    &.is-dot {
+      font-size: 14px;
+    }
 
     .el-tag-icon {
       font-size: 16px;
@@ -302,7 +308,10 @@
     font-size: $--tag-small-font-size;
     height: 26px;
     border-radius: 4px;
-    line-height: 24px;
+    line-height: 26px;
+    &.is-dot {
+      font-size: 13px;
+    }
 
     .el-tag-icon {
       font-size: 12px;
@@ -317,7 +326,10 @@
     font-size: $--tag-small-font-size;
     height: 22px;
     border-radius: 4px;
-    line-height: 20px;
+    line-height: 22px;
+    &.is-dot {
+      font-size: 12px;
+    }
 
     .el-tag-icon {
       font-size: 12px;

package/src/index.js

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