three-trees-ui 1.0.88 → 1.0.90

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "three-trees-ui",
-  "version": "1.0.88",
+  "version": "1.0.90",
   "publicPath": "/ui",
   "author": "hotent",
   "private": false,
@@ -33,7 +33,9 @@
   ],
   "dependencies": {
     "element-resize-detector": "^1.2.3",
-    "vee-validate": "2.1.7"
+    "v-viewer": "^1.7.4",
+    "vee-validate": "2.1.7",
+    "viewerjs": "^1.11.7"
   },
   "peerDependencies": {
     "axios": "^0.21.1",

package/packages/CustomDialog/src/main.vue

@@ -43,6 +43,7 @@
         </div>
         <div class="el-input el-input--suffix">
           <input
+            ref="inputEl"
             v-model="inputVal"
             v-validate="inputValidate"
             type="text"
@@ -449,7 +450,9 @@
             this.inputSuffixHeight = 30
           }
           // 触发验证
-          this.$validator.validate()
+          if (this.$refs.inputEl) {
+            this.$validator.validate(this.inputName)
+          }
         }, 0)
         this.calacInputSuffixWidth()
       },

package/packages/Date/src/main.vue

@@ -140,7 +140,9 @@
         // element会触发blur事件，且参数为vue实例对象，在veeValidate中会将该对象识别为日期的值导致必填校验失效。
         // 这里再次触发校验，让其对该控件的值再做一次校验。
         setTimeout(() => {
-          this.$validator.validate()
+          if (!this.value) {
+            this.$validator.validate(this.inputName)
+          }
         }, 10)
       },
       // 初始化日期

package/packages/Dictionary/src/main.vue

@@ -146,7 +146,9 @@
         this.valueDesc = data.name
         this.$refs.elSelect.blur()
         setTimeout(() => {
-          this.$validator.validate()
+          if (!this.value) {
+            this.$validator.validate(this.inputName)
+          }
         })
       },
       filterNode(value, data) {

package/packages/Preview/src/FrameViewer.vue

@@ -4,6 +4,7 @@
       <loading v-if="loading" />
       <div
         v-else-if="contentType.indexOf('image') > -1"
+        v-viewer
         class="frame-viewer__img"
       >
         <img
@@ -124,12 +125,12 @@
           return
         }
         if (iframe.attachEvent) {
-          iframe.attachEvent('onload', function() {
+          iframe.attachEvent('onload', function () {
             that.setFrameBody(this.contentWindow.document)
             that.watermarkRender()
           })
         } else {
-          iframe.onload = function() {
+          iframe.onload = function () {
             that.setFrameBody(this.contentWindow.document)
             that.watermarkRender()
           }

package/packages/TimePicker/src/main.vue

@@ -132,7 +132,9 @@
         // element会触发blur事件，且参数为vue实例对象，在veeValidate中会将该对象识别为日期的值导致必填校验失效。
         // 这里再次触发校验，让其对该控件的值再做一次校验。
         setTimeout(() => {
-          this.$validator.validate()
+          if (!this.value) {
+            this.$validator.validate(this.inputName)
+          }
         }, 10)
       },
     },

package/packages/TimeSelect/src/main.vue

@@ -86,7 +86,9 @@
         // element会触发blur事件，且参数为vue实例对象，在veeValidate中会将该对象识别为日期的值导致必填校验失效。
         // 这里再次触发校验，让其对该控件的值再做一次校验。
         setTimeout(() => {
-          this.$validator.validate()
+          if (!this.value) {
+            this.$validator.validate(this.inputName)
+          }
         }, 10)
       },
     },