@ddwl/ddwl-ui 1.0.27 → 1.0.28

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ddwl/ddwl-ui",
-  "version": "1.0.27",
+  "version": "1.0.28",
   "private": false,
   "main": "src/main.js",
   "style": "lib/theme/index.css",

package/src/packages/file-preview/index.vue

@@ -4,7 +4,7 @@
     class="container"
   >
     <div
-      id="left"
+      ref="leftRef"
       class="left"
     >
       <el-tabs
@@ -115,7 +115,6 @@ export default {
         return this.value
       },
       set (value) {
-        this.removeEventFun()
         this.$emit('change', value)
       }
     }
@@ -148,11 +147,17 @@ export default {
       },
       immediate: true,
       deep: true
+    },
+    visible: {
+      handler (val) {
+        if (val) {
+          this.addEventEventFun()
+        } else {
+          this.removeEventFun()
+        }
+      }
     }
   },
-  mounted () {
-    this.addEventEventFun()
-  },
   methods: {
     deviceSupportUninstall () {
       this.$refs.viewer.deviceSupportUninstall()
@@ -161,14 +166,14 @@ export default {
       this.$refs.viewer.deviceSupportInstall()
     },
     addEventEventFun () {
-      const element = document.getElementById('left')
-      element.addEventListener('mouseenter', this.deviceSupportUninstall)
-      element.addEventListener('mouseleave', this.deviceSupportInstall)
+      const elRef = this.$refs.leftRef
+      elRef.addEventListener('mouseenter', this.deviceSupportUninstall)
+      elRef.addEventListener('mouseleave', this.deviceSupportInstall)
     },
     removeEventFun () {
-      const element = document.getElementById('left')
-      element.removeEventListener('mouseenter', this.deviceSupportUninstall)
-      element.removeEventListener('mouseleave', this.deviceSupportInstall)
+      const elRef = this.$refs.leftRef
+      elRef.removeEventListener('mouseenter', this.deviceSupportUninstall)
+      elRef.removeEventListener('mouseleave', this.deviceSupportInstall)
     },
     close () {
       this.visible = false

package/src/packages/import-file/index.vue

@@ -91,6 +91,10 @@ export default {
     fileSize: {
       default: 5,
       type: Number
+    },
+    token: {
+      required: true,
+      type: String
     }
   },
   data () {
@@ -116,7 +120,7 @@ export default {
   },
   methods: {
     downloadFile () {
-      window.location.href = this.templateUrl
+      window.location.href = `${this.templateUrl}?authToken=${this.token}`
     },
     uploadChange (file, fileList) {
       const isLimit = file.size / 1024 / 1024 < this.fileSize

package/src/packages/table/index.vue

@@ -3,6 +3,7 @@
   <div
     :key="key"
     v-loading="loading"
+    class="d-table"
     :class="draggable && 'drag-query-table'"
   >
     <el-table
@@ -434,6 +435,10 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.d-table {
+  display: flex;
+  flex-direction: column;
+}
 .drag-query-table {
   :deep(.hover-row) {
     td {