vsyswin-ui 0.2.88 → 0.2.90

package/package.json

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

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

@@ -123,6 +123,12 @@
                       <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 === 'cascade'">
+                    <span class="syswin-filter-item__name" v-if="item.name && !item.hideName">{{ item.name }}</span>
+                    <el-cascader size="small" v-model="item.value" :placeholder="`请选择${item.name}`" :style="{
+                        width: item.width ? item.width : '200px'
+                      }" :options="item.options" :props="{ multiple: !!item.multiple, checkStrictly: !!item.checkStrictly }" collapse-tags clearable @change="handleChangeDateragne(idx, index)"></el-cascader>
+                  </template>
                   <template v-else-if="item.type === 'slot'">
                     <slot :name="item.slot" :item="item">内容为空</slot>
                   </template>
@@ -230,6 +236,12 @@
                       <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 === 'cascade'">
+                    <span class="syswin-filter-item__name" v-if="item.name && !item.hideName">{{ item.name }}</span>
+                    <el-cascader size="small" v-model="item.value" :placeholder="`请选择${item.name}`" :style="{
+                        width: item.width ? item.width : '200px'
+                      }" :options="item.options" :props="{ multiple: !!item.multiple, checkStrictly: !!item.checkStrictly }" collapse-tags clearable @change="handleChangeDateragne(idx, index)"></el-cascader>
+                  </template>
                   <template v-else-if="item.type === 'slot'">
                     <slot :name="item.slot" :item="item">内容为空</slot>
                   </template>
@@ -324,6 +336,12 @@
                           <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 === 'cascade'">
+                        <span class="syswin-filter-item__name" v-if="item.name && !item.hideName">{{ item.name }}</span>
+                        <el-cascader size="small" v-model="item.value" :placeholder="`请选择${item.name}`" :style="{
+                            width: item.width ? item.width : '200px'
+                          }" :options="item.options" :props="{ multiple: !!item.multiple, checkStrictly: !!item.checkStrictly }" collapse-tags clearable @change="handleChangeDateragne(idx, index + maxConditionLength)"></el-cascader>
+                      </template>
                       <template v-else-if="item.type === 'slot'">
                         <slot :name="item.slot" :item="item">内容为空</slot>
                       </template>
@@ -386,6 +404,31 @@ function deepCopyFunction(arr1, arr2) {
     }
   }
 }
+function findTree(allData, fn) {
+  function loopFn(arr, pNode) {
+    for (let i = 0; i < arr.length; i++) {
+      // debugger
+      let result = null
+      const item = arr[i]
+      item.nodes = [item]
+      if (pNode) {
+        item.nodes = [...pNode.nodes, item]
+      }
+      // findTree(item.options, tItem => tItem.value === lastValue)
+      const flag = fn(item)
+      if (flag) {
+        result = item
+        if (result) return result
+      }
+      if (item.children) {
+        result = loopFn(item.children, item)
+      }
+      if (result) return result
+    }
+  }
+  const res = loopFn(allData)
+  return res
+}
 
 export default {
   name: 'SySearchbar',
@@ -601,6 +644,25 @@ export default {
                 } else {
                   obj.name = item.options.find((x) => x.value === item.value).label
                 }
+              } else if (item.type === 'cascade') {
+                if (!item.value) return
+                if (item.multiple) {
+                  if (!item.value.length) {
+                    return
+                  }
+                  // const valueOptions = item.value.map((x) => item.options.find((f) => f.value === x))
+                  const valueOptions = item.value.map((x) => {
+                    // console.log('xxxxxxxxxxxxx', x) // 这里的x是个数组
+                    const lastValue = x[x.length - 1]
+                    const find = findTree(item.options, tItem => tItem.value === lastValue)
+                    return find
+                  })
+                  obj.name = valueOptions.map((x) => x.nodes.map(y => y.label).join('/')).join(',')
+                } else {
+                  const lastValue = item.value[item.value.length - 1]
+                  const find = findTree(item.options, tItem => tItem.value === lastValue)
+                  obj.name = find ? find.nodes.map(y => y.label).join('/') : ''
+                }
               } else if (item.type === 'slot') {
                 if (!item.getValue) return
                 const info = item.getValue() // 这里不能直接调，因为是深拷贝过来的
@@ -687,6 +749,9 @@ export default {
             if (item.type === 'select') {
               item.value = item.multiple ? [] : null
             }
+            if (item.type === 'cascade') {
+              item.value = item.multiple ? [] : null
+            }
             if (item.type === 'slot') {
               item.setValue({ name: '', value: '' })
             }
@@ -719,6 +784,9 @@ export default {
               if (item.type === 'select') {
                 item.value = item.multiple ? [] : null
               }
+              if (item.type === 'cascade') {
+                item.value = item.multiple ? [] : null
+              }
               if (item.type === 'slot') {
                 item.setValue({ name: '', value: '' })
               }
@@ -758,6 +826,13 @@ export default {
               item.value = null
             }
           }
+          if (item.type === 'cascade') {
+            if (item.multiple) {
+              item.value = []
+            } else {
+              item.value = null
+            }
+          }
           item.type === 'slot' && item.setValue({ value: '', name: '' })
         })
       })
@@ -840,6 +915,9 @@ export default {
           if (item.type === 'select') {
             item.value = item.multiple ? [] : null
           }
+          if (item.type === 'cascade') {
+            item.value = item.multiple ? [] : null
+          }
         }
       })
       this.$set(this.currentSearchList, parentIndex, parentItem)
@@ -920,6 +998,9 @@ export default {
                       v.value = ele.value
                     }
                     if (ele.value) v.isActive = true
+                  } else if (v.type === 'cascade') {
+                    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