v-viewer转化成cdn文件,优化包

ui/packages/basic/AiUploader.vue

@@ -89,14 +89,8 @@
 
 <script>
 import {VueCropper} from 'vue-cropper'
-import 'viewerjs/dist/viewer.css'
-import Viewer from 'v-viewer'
 import Vue from "vue";
 
-Viewer.setDefaults({
-  zIndex: 20170
-})
-Vue.use(Viewer)
 export default {
   name: 'AiUploader',
   components: {VueCropper},
@@ -279,7 +273,6 @@ export default {
     },
     handlePictureCardPreview(file) {
       if (this.fileType !== 'img') return
-
       const index = this.imgList.indexOf(file.url)
       const viewer = this.$el.querySelector('.images').$viewer
       viewer.view(index)
@@ -343,7 +336,7 @@ export default {
                 item.id = res.data.file.id
                 item.path = res.data.file.url
                 item.url = res.data.file.url,
-                item.media = res.data.media
+                    item.media = res.data.media
               }
             })
             this.emitChange(this.fileList)
@@ -409,7 +402,7 @@ export default {
         parent.$emit.apply(parent, [eventName].concat(params));
       }
     },
-  }
+  },
 }
 </script>
 
@@ -417,33 +410,33 @@ export default {
 .uploader {
   line-height: 1;
 
-  :deep(.el-upload ){
+  :deep(.el-upload ) {
     width: 100%;
     text-align: start;
   }
 
-  :deep(.validError ){
+  :deep(.validError ) {
     .el-button {
       border-color: #f46;
       color: #f46;
     }
   }
 
-  :deep(.el-upload--picture-card ){
+  :deep(.el-upload--picture-card ) {
     border: none;
   }
 
-  :deep( .el-list-leave-active), :deep( .el-upload-list__item ){
+  :deep( .el-list-leave-active), :deep( .el-upload-list__item ) {
     transition: all 0s !important;
   }
 
-  :deep(.el-upload-list--picture-card .el-upload-list__item ){
+  :deep(.el-upload-list--picture-card .el-upload-list__item ) {
     width: 120px;
     height: 120px;
     border-radius: 4px;
   }
 
-  :deep(.el-upload--picture-card ){
+  :deep(.el-upload--picture-card ) {
     width: auto;
     height: auto;
   }
@@ -453,7 +446,7 @@ export default {
     line-height: 16px;
   }
 
-  :deep(.fileItem ){
+  :deep(.fileItem ) {
     width: 100%;
     height: 60px;
     background: #FFFFFF;

ui/packages/common/AiUserGet/tree/model/node.js

@@ -1,6 +1,6 @@
 import objectAssign from 'element-ui/src/utils/merge';
-import { markNodeData, NODE_KEY } from './util';
-import { arrayFindIndex } from 'element-ui/src/utils/util';
+import {markNodeData, NODE_KEY} from './util';
+import {arrayFindIndex} from 'element-ui/src/utils/util';
 
 export const getChildState = node => {
   let all = true;

ui/packages/common/AiUserGet/tree/model/tree-store.js

@@ -1,5 +1,5 @@
 import Node from './node';
-import { getNodeKey } from './util';
+import {getNodeKey} from './util';
 
 export default class TreeStore {
 	constructor(options) {

ui/packages/common/AiWechatSelecter/tree/model/node.js

@@ -1,6 +1,6 @@
 import objectAssign from 'element-ui/src/utils/merge';
-import { markNodeData, NODE_KEY } from './util';
-import { arrayFindIndex } from 'element-ui/src/utils/util';
+import {markNodeData, NODE_KEY} from './util';
+import {arrayFindIndex} from 'element-ui/src/utils/util';
 
 export const getChildState = node => {
   let all = true;

ui/packages/common/AiWechatSelecter/tree/model/tree-store.js

@@ -1,5 +1,5 @@
 import Node from './node';
-import { getNodeKey } from './util';
+import {getNodeKey} from './util';
 
 export default class TreeStore {
 	constructor(options) {