iov-design 2.15.75 → 2.15.77

package/packages/theme-chalk/lib/upload.css

@@ -0,0 +1 @@
+@charset "UTF-8";.el-progress-bar,.el-upload--picture-card{-webkit-box-sizing:border-box;vertical-align:middle}.el-progress{position:relative;line-height:1}.el-progress__text{font-size:14px;color:#212026;display:inline-block;vertical-align:middle;margin-left:10px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle,.el-progress--dashboard{display:inline-block}.el-progress--circle .el-progress__text,.el-progress--dashboard .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.el-progress--circle .el-progress__text i,.el-progress--dashboard .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.el-progress.is-success .el-progress-bar__inner{background-color:#23B25D}.el-progress.is-success .el-progress__text{color:#23B25D}.el-progress.is-warning .el-progress-bar__inner{background-color:#FF7D00}.el-progress.is-warning .el-progress__text{color:#FF7D00}.el-progress.is-exception .el-progress-bar__inner{background-color:#F53F3F}.el-progress.is-exception .el-progress__text{color:#F53F3F}.el-progress-bar{padding-right:50px;display:inline-block;width:100%;margin-right:-55px;box-sizing:border-box}.el-progress-bar__outer{height:6px;border-radius:100px;background-color:#EBEEF5;overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:#2F48FF;text-align:right;border-radius:100px;line-height:1;white-space:nowrap;-webkit-transition:width .6s ease;transition:width .6s ease}.el-progress-bar__inner::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-progress-bar__innerText{display:inline-block;vertical-align:middle;color:#FFF;font-size:12px;margin:0 5px}@-webkit-keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}@keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}.el-upload{display:inline-block;text-align:center;cursor:pointer;outline:0}.el-upload__input{display:none}.el-upload__tip{font-size:12px;color:#A2A3AA;margin-top:8px}.el-upload iframe{position:absolute;z-index:-1;top:0;left:0;opacity:0;filter:alpha(opacity=0)}.el-upload--wrap{position:relative}.el-upload--drag{display:block}.el-upload--picture-card .el-upload__picture,.el-upload-dragger{display:-webkit-box;display:-ms-flexbox;-webkit-box-orient:vertical;-webkit-box-direction:normal}.el-upload--drag.el-upload--drag__small{width:112px;background:#F6F7F8}.el-upload--drag.el-upload--drag__small:hover{background:#fff}.el-upload--drag.el-upload--drag__small .el-upload-dragger{padding:0;height:68px}.el-upload--drag.el-upload--drag__small .el-upload-dragger .el-upload-list__item-status-label{left:12px;right:12px}.el-upload--drag.el-upload--drag__small .el-upload-list__file{padding:5px 12px}.el-upload--drag.el-upload--drag__small .el-upload-list__item .el-upload-list__icon{width:24px;height:24px}.el-upload--drag.el-upload--drag__small .el-upload-list__item .el-upload-list__name{margin-top:4px}.el-upload--drag.el-upload--drag__small .el-upload-progress__text{margin-top:8px}.el-upload--drag.el-upload--drag__medium{width:400px}.el-upload--drag.el-upload--drag__medium .el-upload-dragger{padding:0;height:132px}.el-upload--picture-card{border:1px dashed #DCDFE6;border-radius:4px;box-sizing:border-box;cursor:pointer}.el-upload--picture-card:hover{border-color:#6179FF}.el-upload--picture-card:focus{border-color:#3F57FF}.el-upload--picture-card.el-upload--picture-card__no-border{border:0;overflow:hidden}.el-upload--picture-card.el-upload--picture-card__no-border .el-upload-list__item{margin:0}.el-upload--picture-card.el-upload--large{width:106px;height:106px}.el-upload--picture-card.el-upload--medium{width:88px;height:88px}.el-upload--picture-card.el-upload--small{width:68px;height:68px}.el-upload--picture-card .el-upload__picture{height:100%;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-upload--picture-card .el-upload__icon{font-size:24px;color:#ABAFB5;margin:0 auto}.el-upload--picture-card .el-upload__desc{margin:4px auto 0;font-size:12px;color:#A2A3AA}.el-upload-dragger{padding:0 30px;border:1px dashed #DCDFE6;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;height:132px;text-align:center;cursor:pointer;position:relative;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-upload-dragger .el-link{font-size:13px}.el-upload-dragger .el-link [class*=iov-icon-]+span{margin-left:4px}.el-upload-dragger .el-upload__icon{font-size:30px;color:#ABAFB5;margin:0 auto}.el-upload-dragger .el-upload__btn{margin-top:10px;-ms-flex-item-align:center;align-self:center}.el-upload-dragger .el-upload__btn~.el-upload__tip{margin-top:8px}.el-upload-dragger .el-upload__tip{margin:4px auto 0;text-align:center;color:#A2A3AA}.el-upload-dragger .el-upload__remove{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:-5px;right:-5px}.el-upload-dragger .el-upload__remove:before{margin-right:-12px;color:#fff;font-size:10px;position:relative;line-height:1}.el-upload-dragger .el-upload__remove:after{content:'';border-radius:100%;width:14px;height:14px;background:#777D87}.el-upload-dragger .el-upload__remove:hover:before{color:#fff}.el-upload-dragger .el-upload__remove:hover:after{background:#777D87}.el-upload-dragger .el-upload-list__item{position:inherit}.el-upload-dragger .el-upload-list__item:first-child{margin-top:0}.el-upload-dragger .el-upload-list__item .el-upload-list__file{margin-right:0;background:0 0}.el-upload-dragger .el-upload-list__item .el-upload-list__file .el-upload-list__item-name{margin-right:0}.el-upload-dragger .el-upload-list__item .el-upload-list__icon{margin:0 auto;display:block;width:30px;height:30px}.el-upload-dragger .el-upload-list__item .el-upload-list__name{display:block;height:auto;line-height:1;margin-top:8px;width:100%}.el-upload-dragger .el-upload-list__item .el-upload__btn{margin-top:10px}.el-upload-dragger .el-upload-list__item-status-label{left:24px;right:24px}.el-upload-dragger .el-upload-progress__text{margin:12px auto 0;color:#212026;font-size:12px;display:block}.el-upload-dragger .el-upload__text{margin:12px auto 0;color:#212026;font-size:12px;text-align:center}.el-upload-dragger:hover{border-color:#6179FF}.el-upload-dragger:active,.el-upload-dragger:fcous{border-color:#3F57FF}.el-upload-dragger.is-dragover{border-color:#6179FF}.el-upload-bg{padding:12px;background:rgba(246,247,248,.6);border-radius:4px}.el-upload-bg .el-upload-list__file{background:#fff}.el-upload-bg .el-upload-list .iov-icon-delete{color:#494B53}.el-upload-list{margin:0;padding:0;list-style:none}.el-upload-list .iov-icon-delete{display:none;position:absolute;top:50%;right:8px;cursor:pointer;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#777D87}.el-upload-list__file,.el-upload-list__item{-webkit-box-sizing:border-box;position:relative}.el-upload-list .iov-icon-delete:hover{color:#3F57FF}.el-upload-list__item{margin-top:4px;width:100%;box-sizing:border-box}.el-upload-list__item:first-child{margin-top:8px}.el-upload-list__item .el-upload-success{color:#23B25D}.el-upload-list__item:hover .iov-icon-delete{display:inline-block}.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label,.el-upload-list__item.is-success .el-upload-list__item-status-label{display:block}.el-upload-list__item.is-success .el-upload-list__item-name:hover{cursor:pointer}.el-upload-list__icon,.el-upload-list__name{height:20px;display:inline-block;vertical-align:middle}.el-upload-list__file{margin-right:30px;padding:5px 8px;box-sizing:border-box;border-radius:4px;background:#F6F7F8}.el-upload-list__icon{margin-right:4px;width:20px;background-repeat:no-repeat;background-position:center center;background-size:contain}.el-upload-list__name{line-height:20px;font-size:12px;color:#212026;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 50px)}.el-upload-list__name .file-name:hover{color:#3F57FF}.el-upload-list__item-name{color:#212026;display:block}.el-upload-list__item-name [class^=iov-icon]{height:100%;margin-right:4px;line-height:inherit}.el-upload-list__item-status-label{position:absolute;right:8px;top:55%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.el-upload-list__item-delete{position:absolute;right:10px;top:0;font-size:12px;color:#212026;display:none}.el-upload-list__item-delete:hover{color:#2F48FF}.el-upload-list--text .el-upload-list__item-name{margin-right:30px}.el-upload-list--text .el-upload-progress{position:relative;top:2px}.el-upload-list--text .el-upload-progress svg path:nth-child(1){stroke:#E6ECFE}.el-upload-list--text .el-upload-progress svg path:nth-child(2){stroke:#3F57FF}.el-upload-list--picture-card{display:inline}.el-upload-list--picture-card .el-upload-list__item{margin:0 8px 0 0;overflow:hidden;background:#fff;border:1px solid #DCDFE6;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;font-size:0;vertical-align:middle}.el-upload-list--picture-card .el-upload-list__item:first-child{margin-top:0}.el-upload-list--picture-card .el-upload-list__item.el-upload-list__item-large{width:106px;height:106px}.el-upload-list--picture-card .el-upload-list__item.el-upload-list__item-large .el-image__error,.el-upload-list--picture-card .el-upload-list__item.el-upload-list__item-large .el-image__placeholder{background-size:53px 53px}.el-upload-list--picture-card .el-upload-list__item.el-upload-list__item-medium{width:88px;height:88px}.el-upload-list--picture-card .el-upload-list__item.el-upload-list__item-medium .el-image__error,.el-upload-list--picture-card .el-upload-list__item.el-upload-list__item-medium .el-image__placeholder{background-size:44px 44px}.el-upload-list--picture-card .el-upload-list__item.el-upload-list__item-small{width:68px;height:68px}.el-upload-list--picture-card .el-upload-list__item.el-upload-list__item-small .el-image__error,.el-upload-list--picture-card .el-upload-list__item.el-upload-list__item-small .el-image__placeholder{background-size:34px 34px}.el-upload-list--picture-card .el-upload-list__file{margin:0 auto;padding:0;width:100%;height:100%}.el-upload-list--picture-card .el-upload-list__item-name{height:100%}.el-upload-list--picture-card .el-upload-list__item-thumbnail{width:100%;height:100%;display:block}.el-upload-list--picture-card .el-upload-list__item-thumbnail .el-image{width:100%;height:100%}.el-upload-list--picture-card .el-upload-list__item-status-label{left:10px;right:10px}.el-upload-list--picture-card .el-upload-progress__text{margin:8px auto 0;color:#212026;font-size:12px;display:block;text-align:center}.el-upload-list--picture-card .el-upload-list__item-actions{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;text-align:center;color:#fff;opacity:0;background:rgba(0,0,0,.5);-webkit-transition:opacity .3s;transition:opacity .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px}.el-upload-list--picture-card .el-upload-list__item-actions i{display:none;cursor:pointer;font-size:18px;color:#fff;-webkit-box-flex:0;-ms-flex:none;flex:none}.el-upload-list--picture-card .el-upload-list__item-actions .iov-icon-delete{position:relative;top:auto;right:auto;-webkit-transform:none;transform:none}.el-upload-list--picture-card .el-upload-list__item-actions:hover{opacity:1}.el-upload-list--picture-card .el-upload-list__item-actions:hover i{display:inline-block;color:#fff}.el-upload-list .el-image__placeholder{display:inline-block;background:url(//obs-helf.cucloud.cn/prod-common-public/iov-design/img_placeholder.png) center center/20px 20px no-repeat #F6F7F8}.el-upload-list .el-image__error{display:inline-block;background:url(//obs-helf.cucloud.cn/prod-common-public/iov-design/img_fail.png) center center/20px 20px no-repeat #E5E6EB}.el-upload-list--picture .el-upload-list__file{padding:6px 8px}.el-upload-list--picture .el-upload-list__item-thumbnail{margin-right:8px;vertical-align:middle;display:inline-block;position:relative;background:#E5E6EB;border:1px solid #DCDFE6;border-radius:4px;font-size:0}.el-upload-list--picture .el-upload-list__item-thumbnail .el-image{width:40px;height:40px}.el-upload-list--picture .el-upload-list__name{width:calc(100% - 80px)}.el-upload-list--picture .el-upload-progress{position:relative;top:2px}.el-upload-list--picture .el-upload-progress svg path:nth-child(1){stroke:#E6ECFE}.el-upload-list--picture .el-upload-progress svg path:nth-child(2){stroke:#3F57FF}

package/packages/upload/src/utils.js

@@ -1,31 +1,10 @@
-const ICON_MAP = {
-  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')
-};
+import ICON_MAP from 'iov-design/src/utils/file-icon';
 
 export function iconStyle(fileName) {
-  if (!fileName) return;
-  const suffixMap = {
-    img: ['png', 'jpg', 'jpeg'],
-    word: ['doc', 'docx'],
-    excel: ['xls', 'xlsx'],
-    ppt: ['ppt', 'pptx']
-  };
+  if (!fileName) return {};
 
   const ext = fileName.split('.').pop().toLowerCase();
+  const iconUrl = ICON_MAP[ext] || ICON_MAP.default;
 
-  for (const [key, list] of Object.entries(suffixMap)) {
-    if (list.includes(ext)) {
-      return { 'background-image': `url(${ICON_MAP[key]})` };
-    }
-  }
-
-  return { 'background-image': `url(${ICON_MAP[ext] || ICON_MAP.default})` };
+  return { backgroundImage: `url(${iconUrl})` };
 }

package/src/index.js

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

package/src/utils/file-icon.js

@@ -0,0 +1,19 @@
+export default {
+  png: '//obs-helf.cucloud.cn/prod-common-public/iov-design/img.png',
+  jpeg: '//obs-helf.cucloud.cn/prod-common-public/iov-design/img.png',
+  jpg: '//obs-helf.cucloud.cn/prod-common-public/iov-design/img.png',
+  webp: '//obs-helf.cucloud.cn/prod-common-public/iov-design/img.png',
+  gif: '//obs-helf.cucloud.cn/prod-common-public/iov-design/img.png',
+  pdf: '//obs-helf.cucloud.cn/prod-common-public/iov-design/pdf.png',
+  xls: '//obs-helf.cucloud.cn/prod-common-public/iov-design/excel.png',
+  xlsx: '//obs-helf.cucloud.cn/prod-common-public/iov-design/excel.png',
+  ppt: '//obs-helf.cucloud.cn/prod-common-public/iov-design/ppt.png',
+  pptx: '//obs-helf.cucloud.cn/prod-common-public/iov-design/ppt.png',
+  doc: '//obs-helf.cucloud.cn/prod-common-public/iov-design/word.png',
+  docx: '//obs-helf.cucloud.cn/prod-common-public/iov-design/word.png',
+  zip: '//obs-helf.cucloud.cn/prod-common-public/iov-design/zip.png',
+  rar: '//obs-helf.cucloud.cn/prod-common-public/iov-design/zip.png',
+  '7z': '//obs-helf.cucloud.cn/prod-common-public/iov-design/zip.png',
+  eml: '//obs-helf.cucloud.cn/prod-common-public/iov-design/file.png',
+  default: '//obs-helf.cucloud.cn/prod-common-public/iov-design/file.png'
+};

package/packages/theme-chalk/gulpfile.js

@@ -1,25 +0,0 @@
-'use strict';
-
-const { series, src, dest } = require('gulp');
-const sass = require('gulp-sass');
-const autoprefixer = require('gulp-autoprefixer');
-const cssmin = require('gulp-cssmin');
-
-function compile() {
-  return src('./src/*.scss')
-    .pipe(sass.sync())
-    .pipe(autoprefixer({
-      browsers: ['ie > 9', 'last 2 versions'],
-      cascade: false
-    }))
-    .pipe(cssmin())
-    .pipe(dest('./lib'));
-}
-
-function copyfont() {
-  return src('./src/fonts/**')
-    .pipe(cssmin())
-    .pipe(dest('./lib/fonts'));
-}
-
-exports.build = series(compile, copyfont);