iov-design 2.15.48 → 2.15.49

package/lib/upload.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 65);
+/******/ 	return __webpack_require__(__webpack_require__.s = 58);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -210,56 +210,7 @@ module.exports = require("iov-design/lib/progress");
 
 /***/ }),
 
-/***/ 45:
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__.p + "static/zip.e2bfc796.png";
-
-/***/ }),
-
-/***/ 57:
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__.p + "static/img.8229bb3e.png";
-
-/***/ }),
-
 /***/ 58:
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__.p + "static/pdf.f5235ea1.png";
-
-/***/ }),
-
-/***/ 59:
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__.p + "static/excel.dc22a8c4.png";
-
-/***/ }),
-
-/***/ 60:
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__.p + "static/ppt.5eedddef.png";
-
-/***/ }),
-
-/***/ 61:
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__.p + "static/word.5fe9189c.png";
-
-/***/ }),
-
-/***/ 62:
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__.p + "static/file.c0509952.png";
-
-/***/ }),
-
-/***/ 65:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -329,10 +280,10 @@ var upload_listvue_type_template_id_173fedf5_render = function() {
                               "el-image",
                               {
                                 attrs: {
-                                  src: file.url,
+                                  src: file[_vm.fileUrlAlias],
                                   "preview-src-list": _vm.handlePreview
                                     ? []
-                                    : [file.url],
+                                    : [file[_vm.fileUrlAlias]],
                                   fit: "contain"
                                 }
                               },
@@ -355,13 +306,13 @@ var upload_listvue_type_template_id_173fedf5_render = function() {
                       : ["text"].includes(_vm.listType)
                       ? _c("i", {
                           staticClass: "el-upload-list__icon",
-                          style: _vm.iconStyle(file.name)
+                          style: _vm.iconStyle(file[_vm.fileNameAlias])
                         })
                       : _vm._e(),
                     ["text", "picture"].includes(_vm.listType)
                       ? _c("div", { staticClass: "el-upload-list__name" }, [
                           _c("span", { staticClass: "file-name" }, [
-                            _vm._v(_vm._s(file.name))
+                            _vm._v(_vm._s(file[_vm.fileNameAlias]))
                           ])
                         ])
                       : _vm._e()
@@ -485,18 +436,19 @@ var progress_default = /*#__PURE__*/__webpack_require__.n(progress_);
 
 // CONCATENATED MODULE: ./packages/upload/src/utils.js
 var ICON_MAP = {
-  img: __webpack_require__(57),
-  pdf: __webpack_require__(58),
-  excel: __webpack_require__(59),
-  zip: __webpack_require__(45),
-  rar: __webpack_require__(45),
-  '7z': __webpack_require__(45),
-  ppt: __webpack_require__(60),
-  word: __webpack_require__(61),
-  default: __webpack_require__(62)
+  img: '//obs-helf.cucloud.cn/prod-common-public/iov-design/img.png', // require('./assets/img.png'),
+  pdf: '//obs-helf.cucloud.cn/prod-common-public/iov-design/pdf.png', // require('./assets/pdf.png'),
+  excel: '//obs-helf.cucloud.cn/prod-common-public/iov-design/excel.png', // require('./assets/excel.png'),
+  zip: '//obs-helf.cucloud.cn/prod-common-public/iov-design/zip.png', // require('./assets/zip.png'),
+  rar: '//obs-helf.cucloud.cn/prod-common-public/iov-design/zip.png', // require('./assets/zip.png'),
+  '7z': '//obs-helf.cucloud.cn/prod-common-public/iov-design/zip.png', // require('./assets/zip.png'),
+  ppt: '//obs-helf.cucloud.cn/prod-common-public/iov-design/ppt.png', // require('./assets/ppt.png'),
+  word: '//obs-helf.cucloud.cn/prod-common-public/iov-design/word.png', // require('./assets/word.png'),
+  default: '//obs-helf.cucloud.cn/prod-common-public/iov-design/file.png' // require('./assets/file.png')
 };
 
 function iconStyle(fileName) {
+  if (!fileName) return;
   var suffixMap = {
     img: ['png', 'jpg', 'jpeg'],
     word: ['doc', 'docx'],
@@ -620,6 +572,14 @@ function iconStyle(fileName) {
         return [];
       }
     },
+    fileNameAlias: {
+      type: String,
+      default: 'name'
+    },
+    fileUrlAlias: {
+      type: String,
+      default: 'url'
+    },
     disabled: {
       type: Boolean,
       default: false
@@ -721,8 +681,10 @@ var upload_filevue_type_template_id_c998d85a_render = function() {
                                   "el-image",
                                   {
                                     attrs: {
-                                      src: file.url,
-                                      "preview-src-list": [file.url],
+                                      src: file[_vm.fileUrlAlias],
+                                      "preview-src-list": [
+                                        file[_vm.fileUrlAlias]
+                                      ],
                                       fit: "contain"
                                     }
                                   },
@@ -745,7 +707,7 @@ var upload_filevue_type_template_id_c998d85a_render = function() {
                           : ["text"].includes(_vm.listType)
                           ? _c("i", {
                               staticClass: "el-upload-list__icon",
-                              style: _vm.iconStyle(file.name),
+                              style: _vm.iconStyle(file[_vm.fileNameAlias]),
                               on: {
                                 click: function($event) {
                                   _vm.handleClick(file)
@@ -765,7 +727,7 @@ var upload_filevue_type_template_id_c998d85a_render = function() {
                           },
                           [
                             _c("span", { staticClass: "file-name" }, [
-                              _vm._v(_vm._s(file.name))
+                              _vm._v(_vm._s(file[_vm.fileNameAlias]))
                             ])
                           ]
                         ),
@@ -913,6 +875,14 @@ upload_filevue_type_template_id_c998d85a_render._withStripped = true
         return [];
       }
     },
+    fileNameAlias: {
+      type: String,
+      default: 'name'
+    },
+    fileUrlAlias: {
+      type: String,
+      default: 'url'
+    },
     disabled: {
       type: Boolean,
       default: false
@@ -1021,10 +991,10 @@ var upload_picturevue_type_template_id_4be68a77_render = function() {
                               "el-image",
                               {
                                 attrs: {
-                                  src: file.url,
+                                  src: file[_vm.fileUrlAlias],
                                   "preview-src-list": _vm.handlePreview
                                     ? []
-                                    : [file.url],
+                                    : [file[_vm.fileUrlAlias]],
                                   fit: "contain"
                                 }
                               },
@@ -1196,6 +1166,14 @@ upload_picturevue_type_template_id_4be68a77_render._withStripped = true
         return [];
       }
     },
+    fileNameAlias: {
+      type: String,
+      default: 'name'
+    },
+    fileUrlAlias: {
+      type: String,
+      default: 'url'
+    },
     disabled: {
       type: Boolean,
       default: false
@@ -1836,6 +1814,14 @@ function noop() {}
         return [];
       }
     },
+    fileNameAlias: {
+      type: String,
+      name: 'name'
+    },
+    fileUrlAlias: {
+      type: String,
+      name: 'url'
+    },
     autoUpload: {
       type: Boolean,
       default: true
@@ -2032,6 +2018,8 @@ function noop() {}
       upload_file,
       {
         attrs: {
+          fileNameAlias: this.fileNameAlias,
+          fileUrlAlias: this.fileUrlAlias,
           disabled: this.uploadDisabled,
           listType: this.listType,
           files: this.uploadFiles,
@@ -2056,6 +2044,8 @@ function noop() {}
       upload_picture,
       {
         attrs: {
+          fileNameAlias: this.fileNameAlias,
+          fileUrlAlias: this.fileUrlAlias,
           disabled: this.uploadDisabled,
           listType: this.listType,
           files: this.uploadFiles,
@@ -2079,6 +2069,8 @@ function noop() {}
         upload_list,
         {
           attrs: {
+            fileNameAlias: this.fileNameAlias,
+            fileUrlAlias: this.fileUrlAlias,
             disabled: this.uploadDisabled,
             listType: this.listType,
             files: this.uploadFiles,

package/package.json

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

package/packages/dialog/src/component.vue

@@ -241,6 +241,7 @@
           document.body.appendChild(this.$el);
         }
       }
+      this.onDialogOpened();
     },
 
     destroyed() {

package/packages/empty/src/index.vue

@@ -18,16 +18,16 @@
 
 <script>
 const IMG = {
-  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')
+  0: '//obs-helf.cucloud.cn/prod-common-public/iov-design/empty_0.png', // require('./img/0.png'),
+  1: '//obs-helf.cucloud.cn/prod-common-public/iov-design/empty_1.png', // require('./img/1.png'),
+  2: '//obs-helf.cucloud.cn/prod-common-public/iov-design/empty_2.png', // require('./img/2.png'),
+  3: '//obs-helf.cucloud.cn/prod-common-public/iov-design/empty_3.png', // require('./img/4.png'),
+  4: '//obs-helf.cucloud.cn/prod-common-public/iov-design/empty_4.png', // require('./img/4.png'),
+  5: '//obs-helf.cucloud.cn/prod-common-public/iov-design/empty_5.png', // require('./img/5.png'),
+  6: '//obs-helf.cucloud.cn/prod-common-public/iov-design/empty_6.png', // require('./img/6.png'),
+  7: '//obs-helf.cucloud.cn/prod-common-public/iov-design/empty_7.png', // require('./img/7.png'),
+  8: '//obs-helf.cucloud.cn/prod-common-public/iov-design/empty_8.png', // require('./img/8.png'),
+  9: '//obs-helf.cucloud.cn/prod-common-public/iov-design/empty_9.png' // require('./img/9.png')
 };
 import { t } from 'iov-design/src/locale';
 

package/packages/link/src/main.vue

@@ -3,6 +3,7 @@
     :class="[
       'el-link',
       type ? `el-link--${type}` : '',
+      size ? `el-link--${size}` : '',
       disabled && 'is-disabled',
       underline && !disabled && 'is-underline'
     ]"
@@ -37,7 +38,11 @@ export default {
     },
     disabled: Boolean,
     href: String,
-    icon: String
+    icon: String,
+    size: {
+      type: String,
+      default: 'small'
+    }
   },
 
   methods: {

package/packages/radio/src/radio.vue

@@ -42,8 +42,10 @@
       >
     </span>
     <span class="el-radio__label" @keydown.stop>
-      <slot></slot>
-      <template v-if="!$slots.default">{{label}}</template>
+      <span class="el-radio__name">
+        <slot></slot>
+        <template v-if="!$slots.default">{{label}}</template>
+      </span>
       <p v-if="desc" class="el-radio__desc">{{ desc }}</p>
     </span>
   </label>

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" :description="emptyText || t('el.table.emptyText')" :type="1" :image-size="['small','mini'].includes(tableSize) ? 86 : 108"></el-empty>
+            <el-empty ref="emptyText" :description="emptyText || t('el.table.emptyText')" :type="1" :image-size="emptySize"></el-empty>
           </slot>
         </div>
       </div>
@@ -517,6 +517,16 @@
         return this.size || (this.$ELEMENT || {}).size;
       },
 
+      emptySize() {
+        const sizeMap = {
+          mini: 70,
+          small: 86,
+          medium: 86,
+          large: 108
+        };
+        return sizeMap[this.tableSize] || 108;
+      },
+
       bodyWrapper() {
         return this.$refs.bodyWrapper;
       },
@@ -595,7 +605,13 @@
 
       emptyBlockStyle() {
         if (this.data && this.data.length) return null;
-        let height = ['small', 'mini'].includes(this.tableSize) ? '128px' : '150px';
+        const heightMap = {
+          large: '153px',
+          medium: '153px',
+          small: '131px',
+          mini: '99px'
+        };
+        let height = heightMap[this.tableSize] || '153px';
         if (this.layout.appendHeight) {
           height = `calc(100% - ${this.layout.appendHeight}px)`;
         }

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

@@ -231,7 +231,7 @@
     &.el-button--text {
       padding: 0 4px;
       height: 22px;
-      line-height: 22px;
+      line-height: 20px;
     }
     @include when(icon-only) {
       font-size: $--button-icon-only-size;
@@ -242,6 +242,7 @@
     border-color: transparent;
     color: $--color-primary-6;
     background: transparent;
+    font-weight: 400;
 
     &:hover {
       color: $--color-primary-6;

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

@@ -32,6 +32,19 @@ $typeMap: (
     }
   }
 
+  @include m(large) {
+    font-size: 16px;
+  }
+  @include m(medium) {
+    font-size: 14px;
+  }
+  @include m(small) {
+    font-size: 13px;
+  }
+  @include m(mini) {
+    font-size: 12px;
+  }
+
   @include when(disabled) {
     cursor: not-allowed;
   }

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

@@ -5,7 +5,7 @@
   min-width: 204px;
   box-sizing: border-box;
   border-radius: 4px;
-  border: 1px solid $--color-line-2;
+  border: 0.5px solid $--color-line-2;
   position: fixed;
   left: 50%;
   top: 46px;

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

@@ -58,7 +58,7 @@
   }
   @include when(card) {
     margin-right: 12px;
-    padding: 12px;
+    padding: 12px 14px;
     border-radius: $--border-radius-base;
     border: 1px solid $--color-line-2;
     box-sizing: border-box;
@@ -77,16 +77,16 @@
     .el-radio__label {
       font-weight: 600;
       font-size: 13px;
-      line-height: 16px;
-      color: $--color-text-6;
+      line-height: 18px;
+      color: $--color-text-5;
       float: left;
       overflow: hidden;
     }
     .el-radio__desc {
-      margin: 6px 0 0;
+      margin: 4px 0 0;
       font-weight: 400;
       font-size: 12px;
-      line-height: 1;
+      line-height: 17px;
       color: $--color-text-3;
     }
 
@@ -109,7 +109,7 @@
     }
 
     &.is-checked {
-      border-color: $--color-primary-6;
+      border-color: $--color-primary-3;
       background: $--color-primary-1;
       &:after {
         content: '';
@@ -122,7 +122,7 @@
         right: -1px;
       }
       &.is-disabled {
-        border-color: $--color-primary-6;
+        border-color: $--color-primary-3;
         background: $--color-primary-1;
         // &:after {
         //   opacity: .25;

package/packages/theme-chalk/src/table-column.scss

@@ -8,6 +8,7 @@
     .cell {
       padding-left: 14px !important;
       padding-right: 14px !important;
+      text-overflow: initial;
     }
     .el-checkbox__input {
       margin-right: 0;

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

@@ -168,19 +168,27 @@
 
   @include m(medium) {
     .el-table__cell {
-      padding: 12px 0;
+      padding: 10px 0;
     }
   }
 
   @include m(small) {
     .el-table__cell {
-      padding: 10px 0;
+      padding: 7px 0;
     }
   }
 
   @include m(mini) {
+    .el-table__header {
+      th {
+        &.el-table__cell {
+          background: $--color-primary-1;
+        }
+      }
+    }
     .el-table__cell {
-      padding: 8px 0;
+      padding: 7px 0;
+      font-size: 12px;
     }
   }
 

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

@@ -521,11 +521,11 @@
 
   .el-image__placeholder {
     display: inline-block;
-    background: $--color-fill-1 url(./assets/img_placeholder.png) no-repeat center center / 20px 20px;
+    background: $--color-fill-1 url(//obs-helf.cucloud.cn/prod-common-public/iov-design/img_placeholder.png) no-repeat center center / 20px 20px;
   }
   .el-image__error {
     display: inline-block;
-    background: $--color-fill-3 url(./assets/img_fail.png) no-repeat center center / 20px 20px;
+    background: $--color-fill-3 url(//obs-helf.cucloud.cn/prod-common-public/iov-design/img_fail.png) no-repeat center center / 20px 20px;
   }
 
   // 图片列表缩略图

package/packages/upload/src/index.vue

@@ -93,6 +93,14 @@ export default {
         return [];
       }
     },
+    fileNameAlias: {
+      type: String,
+      name: 'name'
+    },
+    fileUrlAlias: {
+      type: String,
+      name: 'url'
+    },
     autoUpload: {
       type: Boolean,
       default: true
@@ -278,6 +286,8 @@ export default {
     let uploadList;
     let uploadFile = (
       <UploadFile
+        fileNameAlias={this.fileNameAlias}
+        fileUrlAlias={this.fileUrlAlias}
         disabled={this.uploadDisabled}
         listType={this.listType}
         files={this.uploadFiles}
@@ -299,6 +309,8 @@ export default {
     );
     let uploadPicture = (
       <UploadPicture
+        fileNameAlias={this.fileNameAlias}
+        fileUrlAlias={this.fileUrlAlias}
         disabled={this.uploadDisabled}
         listType={this.listType}
         files={this.uploadFiles}
@@ -319,6 +331,8 @@ export default {
     if (this.showFileList) {
       uploadList = (
         <UploadList
+          fileNameAlias={this.fileNameAlias}
+          fileUrlAlias={this.fileUrlAlias}
           disabled={this.uploadDisabled}
           listType={this.listType}
           files={this.uploadFiles}

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

@@ -19,14 +19,14 @@
         <div class="el-upload-list__file">
           <div v-if="file.status === 'success'" class="el-upload-list__item-name">
             <span v-if="['picture-card', 'picture'].includes(listType)" class="el-upload-list__item-thumbnail">
-              <el-image :src="file.url" :preview-src-list="[file.url]" fit="contain">
+              <el-image :src="file[fileUrlAlias]" :preview-src-list="[file[fileUrlAlias]]" fit="contain">
                 <i slot="placeholder" class="el-image__placeholder"></i>
                 <i slot="error" class="el-image__error"></i>
               </el-image>
             </span>
-            <i v-else-if="['text'].includes(listType)" class="el-upload-list__icon" @click="handleClick(file)" :style="iconStyle(file.name)"></i>
+            <i v-else-if="['text'].includes(listType)" class="el-upload-list__icon" @click="handleClick(file)" :style="iconStyle(file[fileNameAlias])"></i>
             <div class="el-upload-list__name" @click="handleClick(file)">
-              <span class="file-name">{{file.name}}</span>
+              <span class="file-name">{{file[fileNameAlias]}}</span>
             </div>
             <el-button v-if="size === 'medium'" class="el-upload__btn" round size="small" slot="trigger">重新上传</el-button>
           </div>
@@ -68,6 +68,14 @@
           return [];
         }
       },
+      fileNameAlias: {
+        type: String,
+        default: 'name'
+      },
+      fileUrlAlias: {
+        type: String,
+        default: 'url'
+      },
       disabled: {
         type: Boolean,
         default: false

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

@@ -21,14 +21,14 @@
         <div class="el-upload-list__file">
           <div class="el-upload-list__item-name" @click="handleClick(file)">
             <span v-if="['picture-card', 'picture'].includes(listType)" class="el-upload-list__item-thumbnail">
-              <el-image :src="file.url" :preview-src-list="handlePreview ? [] : [file.url]" fit="contain">
+              <el-image :src="file[fileUrlAlias]" :preview-src-list="handlePreview ? [] : [file[fileUrlAlias]]" fit="contain">
                 <i slot="placeholder" class="el-image__placeholder"></i>
                 <i slot="error" class="el-image__error"></i>
               </el-image>
             </span>
-            <i v-else-if="['text'].includes(listType)" class="el-upload-list__icon" :style="iconStyle(file.name)"></i>
+            <i v-else-if="['text'].includes(listType)" class="el-upload-list__icon" :style="iconStyle(file[fileNameAlias])"></i>
             <div v-if="['text', 'picture'].includes(listType)" class="el-upload-list__name">
-              <span class="file-name">{{file.name}}</span>
+              <span class="file-name">{{file[fileNameAlias]}}</span>
             </div>
           </div>
           <div v-if="['text', 'picture'].includes(listType)" class="el-upload-list__item-status-label">
@@ -87,6 +87,14 @@
           return [];
         }
       },
+      fileNameAlias: {
+        type: String,
+        default: 'name'
+      },
+      fileUrlAlias: {
+        type: String,
+        default: 'url'
+      },
       disabled: {
         type: Boolean,
         default: false

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

@@ -21,7 +21,7 @@
         <div class="el-upload-list__file">
           <div v-if="file.status === 'success'" class="el-upload-list__item-name" @click="handleClick(file)">
             <span class="el-upload-list__item-thumbnail">
-              <el-image :src="file.url" :preview-src-list="handlePreview ? [] : [file.url]" fit="contain">
+              <el-image :src="file[fileUrlAlias]" :preview-src-list="handlePreview ? [] : [file[fileUrlAlias]]" fit="contain">
                 <i slot="placeholder" class="el-image__placeholder"></i>
                 <i slot="error" class="el-image__error"></i>
               </el-image>
@@ -70,6 +70,14 @@
           return [];
         }
       },
+      fileNameAlias: {
+        type: String,
+        default: 'name'
+      },
+      fileUrlAlias: {
+        type: String,
+        default: 'url'
+      },
       disabled: {
         type: Boolean,
         default: false