@ddwl/ddwl-ui 1.0.26 → 1.0.28

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ddwl/ddwl-ui",
-  "version": "1.0.26",
+  "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/form-item/index.vue

@@ -181,10 +181,7 @@ export default {
             }
             this.config.onChange(value, data)
           })
-        }
-
-        // 处理下拉选择器
-        if (this.config.component === 'el-select') {
+        } else if (this.config.component === 'el-select') { // 处理下拉选择器
           data = this.config.options
           if (Array.isArray(value)) {
             data = data.filter(i => value.includes(i.value)) || []
@@ -192,6 +189,8 @@ export default {
             data = data.find(i => value === i.value) || {}
           }
           this.config.onChange(value, data)
+        } else {
+          this.config.onChange(value)
         }
       }
     }

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/search-form/index.vue

@@ -25,7 +25,7 @@
       <el-col :span="submitSpan">
         <div
           :style="{
-            'margin-top': hasSlot && expend && !suffixSlot ? '0px' : '20px'
+            'margin-top': hasSlot && expend && !suffixSlot ? '0px' : '24px'
           }"
           class="d-search-form-btn"
         >

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
@@ -307,7 +308,7 @@ export default {
 
       this.$emit('loaded', this.list)
 
-      // 如果当前页码大于0且当前数据列表为空，自动返回上一页并查询
+      // 如果当前页码大于1且当前数据列表为空，自动返回上一页并查询
       if (this.list.length === 0 && this.pageNum > 1) {
         this.pageNum = this.pageNum - 1
         this.search()
@@ -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 {