haiwei-ui 1.1.9 → 1.2.1

package/package.json

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

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

@@ -12,9 +12,6 @@
       <el-form-item v-if="exportEnabled" v-nm-has="exportBtnCode">
         <nm-button type="primary" @click="onExport" icon="export" text="导出" />
       </el-form-item>
-      <el-form-item v-if="importEnabled" v-nm-has="importBtnCode">
-        <nm-button type="primary" @click="onImport" icon="import" text="导入" />
-      </el-form-item>
       <el-form-item v-if="advanced_.enabled">
         <nm-button ref="showAdvnacedBtn" type="warning" @click="onAdvancedClick">
           高级查询
@@ -93,11 +90,7 @@
       /**显示导出按钮 */
       exportEnabled: Boolean,
       /**导出按钮权限编码 */
-      exportBtnCode: String,
-      /**显示导入按钮 */
-      importEnabled: Boolean,
-      /**导入按钮权限编码 */
-      importBtnCode: String
+      exportBtnCode: String
     },
     computed: {
       model_() {
@@ -194,8 +187,19 @@
       onExport() {
         this.$parent.triggerExport()
       },
-      onImport() {
-        this.$parent.triggerImport()
+      /** 设置输入框宽度 */
+      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')
+            input.style.width = customWidth || this.inputWidth
+          }
+        }
       }
     },
     mounted() {
@@ -205,12 +209,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>