vsyswin-ui 0.2.39 → 0.2.43

package/package.json

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

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

@@ -3,6 +3,7 @@
   <div class="syswin-searchbar" v-clickoutside="handleClickOutside">
     <div class="syswin-searchbar-container">
       <el-input class="syswin-searchbar-container__input" v-model="keyword" :placeholder="placeholder" clearable size="small" @clear="handleClearInput">
+        <slot slot="suffix" name="suffix"></slot>
       </el-input>
       <el-button v-if="showFilter" type="text" size="small" class="syswin-searchbar-container__filter" @click="handleToggleFilterList">
         {{ shrinkFilterList ? '收起筛选' : '更多筛选' }}
@@ -261,6 +262,7 @@
                     <el-button size="small" v-if="saveToLocalPosition === 'right'" class="syswin-footer__save" @click="handleSave">保存</el-button>
                 </div> -->
         <save-local
+          v-if="saveToLocal"
           @handleSave="handleSave"
           @handleChangeCondition="handleChangeCondition"
           @handleEditCondition="handleEditCondition"
@@ -295,23 +297,23 @@ export default {
         function clickHandler(e) {
           // 这里判断点击的元素是否是本身，是本身，则返回
           if (el.contains(e.target)) {
-            return false;
+            return false
           }
           // 判断指令中是否绑定了函数
           if (binding.expression) {
             // 如果绑定了函数 则调用那个函数，此处binding.value就是handleClose方法
-            binding.value(e);
+            binding.value(e)
           }
         }
         // 给当前元素绑定个私有变量，方便在unbind中可以解除事件监听
-        el.__vueClickOutside__ = clickHandler;
-        document.addEventListener('click', clickHandler);
+        el.__vueClickOutside__ = clickHandler
+        document.addEventListener('click', clickHandler)
       },
-      update() { },
+      update() {},
       unbind(el, binding) {
         // 解除事件监听
-        document.removeEventListener('click', el.__vueClickOutside__);
-        delete el.__vueClickOutside__;
+        document.removeEventListener('click', el.__vueClickOutside__)
+        delete el.__vueClickOutside__
       }
     }
   },
@@ -350,11 +352,12 @@ export default {
     saveToLocalPosition: {
       type: String,
       default: 'right',
-      validator: function(value) {
+      validator: function (value) {
         return ['left', 'right'].indexOf(value) !== -1
       }
     },
-    customTagList: { // 自定义条件标签的显示
+    customTagList: {
+      // 自定义条件标签的显示
       type: Boolean,
       default: false
     }
@@ -405,8 +408,8 @@ export default {
     createTagList() {
       const list = []
       this.currentSearchList.length &&
-        this.currentSearchList.forEach(ele => {
-          ele.itemList.forEach(item => {
+        this.currentSearchList.forEach((ele) => {
+          ele.itemList.forEach((item) => {
             if (item.isActive || item.type === 'slot') {
               let obj = {
                 pId: ele.id,
@@ -436,10 +439,10 @@ export default {
               } else if (item.type === 'select') {
                 if (!item.value) return
                 if (item.multiple) {
-                  const valueOptions = item.value.map(x => item.options.find(f => f.value === x))
-                  obj.name = valueOptions.map(x => x.label).join(',')
+                  const valueOptions = item.value.map((x) => item.options.find((f) => f.value === x))
+                  obj.name = valueOptions.map((x) => x.label).join(',')
                 } else {
-                  obj.name = item.options.find(x => x.value === item.value).label
+                  obj.name = item.options.find((x) => x.value === item.value).label
                 }
               } else if (item.type === 'slot') {
                 const info = item.getValue()
@@ -482,7 +485,8 @@ export default {
       if (this.shrinkFilterList) {
         const old = JSON.stringify(this.tagList)
         const now = JSON.stringify(this.createTagList())
-        if (old !== now) { // 条件改变后才去执行查询
+        if (old !== now) {
+          // 条件改变后才去执行查询
           this.handleSearch(true)
         }
       }
@@ -500,8 +504,8 @@ export default {
       this.keyword = ''
 
       const currentSearchList = _.cloneDeep(this.currentSearchList)
-      currentSearchList.forEach(ele => {
-        ele.itemList.forEach(item => {
+      currentSearchList.forEach((ele) => {
+        ele.itemList.forEach((item) => {
           item.isActive = !!item.default
           item.type === 'daterange' && (item.value = null)
           item.type === 'datetimerange' && (item.value = null)
@@ -515,8 +519,8 @@ export default {
     setDefaultTagList() {
       const list = []
       if (this.currentSearchList) {
-        this.currentSearchList.forEach(ele => {
-          ele.itemList.forEach(item => {
+        this.currentSearchList.forEach((ele) => {
+          ele.itemList.forEach((item) => {
             if (item.default) {
               // 如果是默认值
               const obj = {
@@ -546,10 +550,10 @@ export default {
               } else if (item.type === 'select') {
                 if (!item.defaultValue) return
                 if (item.multiple) {
-                  const valueOptions = item.defaultValue.map(x => item.options.find(f => f.value === x))
-                  obj.name = valueOptions.map(x => x.label).join(',')
+                  const valueOptions = item.defaultValue.map((x) => item.options.find((f) => f.value === x))
+                  obj.name = valueOptions.map((x) => x.label).join(',')
                 } else {
-                  obj.name = item.options.find(x => x.value === item.defaultValue).label
+                  obj.name = item.options.find((x) => x.value === item.defaultValue).label
                 }
               } else if (item.type === 'slot') {
                 // slot选项不设置默认值
@@ -570,7 +574,7 @@ export default {
           index === childIndex && (item.isActive = !childItem.isActive)
         } else {
           // 单选
-          item.isActive = (index === childIndex ? !childItem.isActive : false)
+          item.isActive = index === childIndex ? !childItem.isActive : false
           ;(item.type === 'daterange' || item.type === 'datetimerange') && (item.value = null)
           if (item.type === 'select') {
             item.value = item.multiple ? [] : null
@@ -616,15 +620,15 @@ export default {
     // 切换保存过滤条件的下拉框
     handleChangeCondition(value) {
       this.conditionValue = value
-      const list = this.conditionList.filter(item => item.value === value)
+      const list = this.conditionList.filter((item) => item.value === value)
       if (list.length) {
         const currentSearchList = _.cloneDeep(this.currentSearchList)
         const { keyword = '', filterList = [] } = list[0]
         this.keyword = keyword
 
         // 先清空所有标签
-        currentSearchList.forEach(ele => {
-          ele.itemList.forEach(item => {
+        currentSearchList.forEach((ele) => {
+          ele.itemList.forEach((item) => {
             item.isActive = false
             item.type === 'daterange' && (item.value = null)
           })
@@ -632,10 +636,10 @@ export default {
 
         // 设置选中的标签
         if (filterList && filterList.length) {
-          filterList.forEach(ele => {
-            currentSearchList.forEach(item => {
+          filterList.forEach((ele) => {
+            currentSearchList.forEach((item) => {
               if (ele.pId === item.id) {
-                item.itemList.forEach(v => {
+                item.itemList.forEach((v) => {
                   if (v.type === 'slot') {
                     v.setValue({ value: ele.value, name: ele.name, ...ele })
                   }
@@ -672,7 +676,7 @@ export default {
       let localList = localStorage.getItem(`syswin${this.storageName}`)
       if (!['', undefined, null].includes(localList)) {
         localList = JSON.parse(localList)
-        const idx = localList.findIndex(ele => ele.value === item.value)
+        const idx = localList.findIndex((ele) => ele.value === item.value)
         idx > -1 && localList.splice(idx, 1)
         localList.length > 0
           ? localStorage.setItem(`syswin${this.storageName}`, JSON.stringify(localList))
@@ -693,7 +697,7 @@ export default {
         this.conditionValue = momentValue
       } else {
         // 编辑
-        const index = this.conditionList.findIndex(ele => ele.value === this.currentData.value)
+        const index = this.conditionList.findIndex((ele) => ele.value === this.currentData.value)
         const item = this.conditionList[index]
         item.label = label
         this.$set(this.conditionList, index, item)
@@ -703,13 +707,14 @@ export default {
     handleClickOutside(e) {
       // console.log(e)
       const target = e.target
-      if (target.classList.contains('el-dialog__wrapper')) { // 点击弹窗遮罩时不隐藏
+      if (target.classList.contains('el-dialog__wrapper')) {
+        // 点击弹窗遮罩时不隐藏
         return false
       }
       const conditionDialog = document.querySelector('.syswin-searchbar-dialog') // 条件设置的弹窗
       const deleteConfirm = document.querySelector('.el-message-box.syswin-searchbar-confirm') // 条件设置的删除弹窗
       if (conditionDialog && conditionDialog.contains(target)) {
-          return false
+        return false
       }
       if (deleteConfirm && deleteConfirm.contains(target)) {
         return false

package/packages/search-tree/src/zTree.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="ztree-box">
-    <div class="ztree-search" v-if="!searchable">
+    <div class="ztree-search" v-if="searchable">
       <div class="ztree-search-wrapper" :class="searchClass">
         <div class="icon"></div>
         <div class="input-box">
@@ -76,7 +76,7 @@ export default {
     searchable: {
       type: Boolean,
       required: false,
-      default: false
+      default: true
     },
     placeholder: {
       type: String,