haiwei-ui 1.2.0 → 1.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "haiwei-ui",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "HaiWei前端组件库",
   "author": "Eric",
   "license": "ISC",

package/packages/components/list/components/querybar/index.vue

@@ -186,6 +186,24 @@
       },
       onExport() {
         this.$parent.triggerExport()
+      },
+      /** 设置输入框宽度 */
+      setInputWidths(formRef) {
+        if (!this.inputWidth || !formRef || !formRef.$el) return
+        
+        let inputs = formRef.$el.querySelectorAll('.el-input__inner')
+        if (inputs) {
+          for (let i = 0; i < inputs.length; i++) {
+            const input = inputs[i] 
+
+            // 检查是否有data-width属性，如果有则使用该值，否则使用inputWidth
+            const customWidth = input.getAttribute('data-width')
+
+            console.log('data-width============>1',customWidth) 
+            input.style.width = customWidth || this.inputWidth 
+            console.log('input.style.width==========>2',input.style.width)
+          }
+        }
       }
     },
     mounted() {
@@ -195,15 +213,19 @@
             this.query()
           }
         })
-        if (this.inputWidth) {
-          let inputs = this.$refs.normalForm.$el.querySelectorAll('.el-input__inner')
-          if (inputs) {
-            for (let i = 0; i < inputs.length; i++) {
-              inputs[i].style.width = this.inputWidth
-            }
-          }
-        }
+        // 设置普通查询栏输入框宽度
+        this.setInputWidths(this.$refs.normalForm)
       })
+    },
+    watch: {
+      showAdvanced(newVal) {
+        if (newVal && this.$refs.advancedForm) {
+          // 高级查询框显示时，设置其中的输入框宽度
+          this.$nextTick(() => {
+            this.setInputWidths(this.$refs.advancedForm)
+          })
+        }
+      }
     }
   }
 </script>