n20-common-lib 3.0.91 → 3.0.93

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "n20-common-lib",
-  "version": "3.0.91",
+  "version": "3.0.93",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/assets/css/layout.scss

@@ -1,5 +1,5 @@
 // layout
-$--aside-width: 200px;
+$--aside-width: 190px;
 $--aside-height: 40px;
 $--aside-collapse-width: 50px;
 $--header-height: 48px;

package/src/components/AdvancedFilter/formItemRender.vue

@@ -21,6 +21,9 @@ export default {
     InputNumberRange,
     datePickerPor
   },
+  inject: {
+    nFilter: { default: null }
+  },
   props: {
     form: {
       type: Object,
@@ -82,6 +85,15 @@ export default {
         })
         setOptionsMap(this.item.id, list)
         this.$set(this.item, 'options', list)
+        // 同步更新 filterList 中的 options，确保两者一致，
+        // 防止 AdvancedFilter 的 filterList watcher 用旧数据覆盖 reqOptions 结果
+        const nf = this.nFilter
+        if (nf) {
+          const filterItem = nf.filterList.find((f) => f[nf.onlyKey] === this.item[nf.onlyKey])
+          if (filterItem) {
+            this.$set(filterItem, 'options', list)
+          }
+        }
       })
     }
   },

package/src/components/AdvancedFilter/index.vue

@@ -225,6 +225,22 @@ export default {
       handler(val) {
         val && this.getFilterList()
       }
+    },
+    // 当 filterList 中某几项的 options 异步更新后，同步到 GroupData 保证渲染更新
+    filterList: {
+      handler(newList) {
+        if (!this.GroupData || this.GroupData.length === 0) return
+        this.GroupData.forEach((groupItem) => {
+          const filterItem = newList.find((f) => f[this.onlyKey] === groupItem[this.onlyKey])
+          // 仅在 options 引用确实发生变化时才同步，避免：
+          // 1. mackData 排序 filterList 后重复更新 GroupData（两者引用相同）
+          // 2. 用 filterList 中的空数组覆盖 reqOptions 已获取的正确数据
+          if (filterItem && filterItem.options !== undefined && filterItem.options !== groupItem.options) {
+            this.$set(groupItem, 'options', filterItem.options)
+          }
+        })
+      },
+      deep: true
     }
   },
   created() {

package/src/components/ProFilterView/index.vue

@@ -96,7 +96,10 @@
         <slot name="prefix"></slot>
       </div>
       <!-- 使用作用域插槽传递 searchValue -->
-      <template v-for="filter in filterList.filter((item) => item.type === 'slot' && $scopedSlots[item.slotName])" #[filter.slotName]="{ model }">
+      <template
+        v-for="filter in filterList.filter((item) => item.type === 'slot' && $scopedSlots[item.slotName])"
+        #[filter.slotName]="{ model }"
+      >
         <slot
           :name="filter.slotName"
           :model="model"
@@ -145,7 +148,10 @@
           @saveCheckData="saveCheckData"
         >
           <!-- 使用作用域插槽传递 searchValue -->
-          <template v-for="filter in filterList.filter((item) => item.type === 'slot' && $scopedSlots[item.slotName])" #[filter.slotName]="{ model }">
+          <template
+            v-for="filter in filterList.filter((item) => item.type === 'slot' && $scopedSlots[item.slotName])"
+            #[filter.slotName]="{ model }"
+          >
             <slot
               :name="filter.slotName"
               :model="model"
@@ -299,16 +305,27 @@ export default {
   watch: {
     initialValue: {
       handler(newVal) {
-        // 当 initialValue 发生变化时，更新 searchValue
-        // 保留 slot 类型的字段默认值，合并新的 initialValue 值
+        if (!newVal) return
 
-        this.searchValue = { ...this.getInitialSearchValue, ...newVal }
+        // 智能合并：保留用户已手动修改的值
+        // 策略：只有当 searchValue 的值等于初始值时，才用 newVal 更新
+        const mergedValue = { ...this.searchValue }
+
+        Object.keys(newVal || {}).forEach((key) => {
+          // 只有当前值与初始值相同时才更新（说明用户没修改过）
+          // 或者 searchValue 中没有这个字段
+          if (this.searchValue[key] === undefined || this.searchValue[key] === this.getInitialSearchValue[key]) {
+            this.$set(mergedValue, key, newVal[key])
+          }
+          // 否则保留用户已修改的值
+        })
+
+        this.searchValue = mergedValue
       },
       deep: true,
       immediate: false
     }
   },
-  created() {},
   mounted() {
     // 只有在有 bussId 时才获取视图列表
     if (this.bussId) {
@@ -486,6 +503,10 @@ export default {
 
       const hasEmptyValue = this.conditionGroups.some((group) =>
         group.conditions.some((condition) => {
+          // operator 5(为空) 和 6(不为空) 不需要填写 value
+          if (condition.operator === 5 || condition.operator === 6) {
+            return false
+          }
           const val = condition.value
           return val === null || val === undefined || val === '' || (Array.isArray(val) && val.length === 0)
         })

package/src/components/TableSetSize/style.scss

@@ -1,4 +1,4 @@
-@import '@/assets/css/element-variables.scss';
+@import '../../assets/css/element-variables.scss';
 .el-table div.hidden-columns {
   visibility: initial;
   position: initial;

package/src/components/v3/TablePro/index.vue

@@ -159,7 +159,7 @@
         </vxe-colgroup>
         <vxe-column
           v-else-if="item.formatter"
-          :key="'vxe-table-base__column' + i"
+          :key="'vxe-table-base__column_formatter' + i"
           :class-name="`${item.wrap && `vxe-table-custom-wrap`} ${item.bold && `font-w600`}`"
           :formatter="item.formatter ? item.formatter : 'formatName'"
           :filters="item.filters"
@@ -561,6 +561,10 @@ export default {
     exportFn: {
       type: Function,
       default: null
+    },
+    operateColumnWidth: {
+      type: Number,
+      default: 180
     }
   },
   data() {
@@ -637,10 +641,6 @@ export default {
       const hasExpand = this.$attrs.treeConfig || this.$attrs['tree-config']
       const activeCount = [this.showColumn, this.showSetsize, hasExpand].filter(Boolean).length
       return activeCount === 3 ? 112 : 76
-    },
-    // 固定操作列宽度
-    operateColumnWidth() {
-      return 180
     }
   },
   watch: {