vsyswin-ui 0.2.70 → 0.2.73

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vsyswin-ui",
-    "version": "0.2.70",
+    "version": "0.2.73",
     "main": "lib/vsyswin-ui.umd.min.js",
     "private": false,
     "description": "Vue2.x的应用组件库.",

package/packages/search-bar/src/search-bar.scss

@@ -87,6 +87,10 @@
     z-index: $--zindex-modal;
     overflow: hidden;
 
+    ::v-deep .el-range-editor--small .el-range-separator {
+      line-height: 28px;
+    }
+
     @include e(wrap) {
       border: $--border-base;
       border-bottom: none;

package/packages/search-bar/src/search-bar.vue

@@ -226,6 +226,9 @@
                       <el-option v-for="opt in item.options" :key="opt.id" :label="opt.label" :value="opt.value"></el-option>
                     </el-select>
                   </template>
+                  <template v-else-if="item.type === 'slot'">
+                    <slot :name="item.slot" :item="item">内容为空</slot>
+                  </template>
                 </li>
               </ul>
             </div>
@@ -391,7 +394,10 @@ export default {
         function clickHandler(e) {
           // 这里判断点击的元素是否是本身，是本身，则返回
           if (el.contains(e.target)) {
-            return false
+            const btnsBox = el.querySelector('.syswin-searchbar-container__listBtns') // 点击右侧的按钮时也要隐藏所有条件面板
+            if (!btnsBox.contains(e.target)) {
+              return false
+            }
           }
           // 判断指令中是否绑定了函数
           if (binding.expression) {
@@ -415,7 +421,7 @@ export default {
     saveToLocal: {
       // 搜索条件保存到本地
       type: Boolean,
-      default: true
+      default: false
     },
     searchList: {
       type: Array,
@@ -454,6 +460,10 @@ export default {
       // 自定义条件标签的显示
       type: Boolean,
       default: false
+    },
+    maxConditionLength: {
+      type: Number,
+      default: 4
     }
   },
   data() {
@@ -461,7 +471,6 @@ export default {
       keyword: '',
       currentSearchList: [],
       shrinkFilterList: false,
-      maxConditionLength: 4,
       conditionList: [],
       conditionValue: '',
       currentData: {},
@@ -837,7 +846,7 @@ export default {
         // 先清空所有标签
         currentSearchList.forEach((ele) => {
           ele.itemList.forEach((item) => {
-            item.isActive = (['daterange', 'monthrange'].includes(item.type)) && (item.value = null)
+            item.isActive = ['daterange', 'monthrange'].includes(item.type) && (item.value = null)
           })
         })
 
@@ -854,7 +863,8 @@ export default {
                       v.id === ele.id && ['daterange', 'monthrange'].includes(v.type) && (v.value = ele.value)
                     } else {
                       // 单选
-                      v.isActive = v.id === ele.id && [('daterange', 'monthrange')].includes(v.type) && (v.value = v.id === ele.id ? ele.value : null)
+                      v.isActive = v.id === ele.id
+                      v.id === ele.id && [('daterange', 'monthrange')].includes(v.type) && (v.value = v.id === ele.id ? ele.value : null)
                     }
                   } else if (v.type === 'slot') {
                     v.setValue && v.setValue({ value: ele.value, name: ele.name, ...ele })
@@ -864,10 +874,13 @@ export default {
                     } else {
                       v.value = ele.value
                     }
+                    if (ele.value) v.isActive = true
                   } else if (v.type === 'month' || v.type === 'year') {
                     v.value = ele.value
+                    if (ele.value) v.isActive = true
                   } else if (v.type === 'daterange' || v.type === 'monthrange' || v.type === 'datetimerange') {
                     v.value = ele.value
+                    if (ele.value.length && ele.value[0]) v.isActive = true
                   }
                 })
               }