n20-common-lib 1.2.37 → 1.2.40

package/src/components/SelectTree/index.vue

@@ -1,205 +1,205 @@
-<template>
-  <el-select
-    ref="select"
-    v-model="valueC"
-    :multiple="multiple"
-    :collapse-tags="collapseTags"
-    :clearable="clearable"
-    :disabled="disabled"
-    :filterable="true"
-    :filter-method="filterFn"
-    :size="size"
-    @visible-change="showOpt"
-  >
-    <slot></slot>
-    <el-option :label="null" :value="null" style="display: none" />
-    <el-option
-      v-for="(item, i) in wCdList"
-      :key="i"
-      :label="item[props.label]"
-      :value="item[props.value]"
-      style="display: none"
-    />
-    <el-tree
-      ref="tree"
-      class="m-r"
-      :data="data"
-      :props="props"
-      :node-key="props.value"
-      :default-expanded-keys="expandedKeys"
-      :highlight-current="!multiple"
-      :show-checkbox="multiple"
-      :expand-on-click-node="multiple"
-      :filter-node-method="filterNode"
-      :size="size"
-      v-bind="$attrs"
-      @node-click="nodeClick"
-      @check="checkChange"
-    />
-  </el-select>
-</template>
-
-<script>
-import forEachs from '../../utils/forEachs'
-
-export default {
-  name: 'SelectTree',
-  props: {
-    // 是否关联
-    relevance: {
-      type: Boolean,
-      default: false
-    },
-    size: {
-      type: String,
-      default: undefined
-    },
-    // 懒加载回显的选项
-    lazyChecked: {
-      type: [Array, Object],
-      default: undefined
-    },
-    /* select */
-    value: {
-      type: [String, Number, Array],
-      default: undefined
-    },
-    multiple: {
-      type: Boolean,
-      default: false
-    },
-    clearable: {
-      type: Boolean,
-      default: true
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    collapseTags: {
-      type: Boolean,
-      default: false
-    },
-    filterMethod: {
-      type: Function,
-      default: undefined
-    },
-    /* tree */
-    data: {
-      type: Array,
-      default: () => []
-    },
-    props: {
-      type: Object,
-      default: () => ({
-        label: 'label',
-        children: 'children',
-        disabled: 'disabled',
-        isLeaf: 'isLeaf',
-        value: 'value'
-      })
-    },
-    lazy: {
-      type: Boolean,
-      default: false
-    },
-    load: {
-      type: Function,
-      default: undefined
-    }
-  },
-  data() {
-    return {
-      wCdList: [], // 监听value得到的选项
-      expandedKeys: []
-    }
-  },
-  computed: {
-    valueC: {
-      get() {
-        return this.value
-      },
-      set(val) {
-        this.$emit('input', val)
-      }
-    }
-  },
-  watch: {
-    value: {
-      handler(val) {
-        if (!val && !this.multiple) {
-          this.wCdList = []
-          this.$refs['tree']?.setCurrentKey(null)
-          return
-        }
-        if (!this.multiple) {
-          if (val === undefined || val === null) {
-            this.wCdList = []
-            this.$refs['tree']?.setCurrentKey(null)
-            return
-          }
-        } else {
-          if (val.length === 0) {
-            this.wCdList = []
-            this.$refs['tree']?.setCurrentKey(null)
-            return
-          }
-        }
-
-        let dataList = []
-        forEachs(this.data, (d) => dataList.push(d), this.props.children)
-
-        if (!this.multiple) {
-          let valueObj = dataList.find((d) => d[this.props.value] === val)
-          this.wCdList = valueObj ? [valueObj] : []
-          this.$refs['tree']?.setCurrentKey(val)
-        } else {
-          this.wCdList = dataList.filter((d) =>
-            val.includes(d[this.props.value])
-          )
-          this.$refs['tree']?.setCheckedKeys(val)
-        }
-      },
-      immediate: true
-    }
-  },
-  methods: {
-    showOpt() {
-      if (this.showd) return
-
-      this.showd = true
-
-      this.expandedKeys = this.multiple ? [...this.value] : [this.value]
-
-      if (!this.multiple) {
-        this.$refs['tree'].setCurrentKey(this.value)
-      } else {
-        this.$refs['tree'].setCheckedKeys(this.value)
-      }
-    },
-    filterFn(val) {
-      this.$refs['tree'].filter(val)
-      this.filterMethod && this.filterMethod(val)
-    },
-    nodeClick(data) {
-      if (!this.multiple) {
-        this.lazy && (this.tCdList = [data])
-
-        let vK = this.props.value
-        this.$emit('input', data[vK])
-        this.$emit('change', data[vK], data)
-        this.$refs['select'].blur()
-      }
-    },
-    checkChange(data, { checkedKeys, checkedNodes }) {
-      this.$emit('input', checkedKeys)
-      this.$emit('change', checkedKeys, checkedNodes)
-    },
-    filterNode(value, data) {
-      if (!value) return true
-      let lK = this.props.label
-      return data[lK].indexOf(value) !== -1
-    }
-  }
-}
-</script>
+<template>
+  <el-select
+    ref="select"
+    v-model="valueC"
+    :multiple="multiple"
+    :collapse-tags="collapseTags"
+    :clearable="clearable"
+    :disabled="disabled"
+    :filterable="true"
+    :filter-method="filterFn"
+    :size="size"
+    @visible-change="showOpt"
+  >
+    <slot></slot>
+    <el-option :label="null" :value="null" style="display: none" />
+    <el-option
+      v-for="(item, i) in wCdList"
+      :key="i"
+      :label="item[props.label]"
+      :value="item[props.value]"
+      style="display: none"
+    />
+    <el-tree
+      ref="tree"
+      class="m-r"
+      :data="data"
+      :props="props"
+      :node-key="props.value"
+      :default-expanded-keys="expandedKeys"
+      :highlight-current="!multiple"
+      :show-checkbox="multiple"
+      :expand-on-click-node="multiple"
+      :filter-node-method="filterNode"
+      :size="size"
+      v-bind="$attrs"
+      @node-click="nodeClick"
+      @check="checkChange"
+    />
+  </el-select>
+</template>
+
+<script>
+import forEachs from '../../utils/forEachs'
+
+export default {
+  name: 'SelectTree',
+  props: {
+    // 是否关联
+    relevance: {
+      type: Boolean,
+      default: false
+    },
+    size: {
+      type: String,
+      default: undefined
+    },
+    // 懒加载回显的选项
+    lazyChecked: {
+      type: [Array, Object],
+      default: undefined
+    },
+    /* select */
+    value: {
+      type: [String, Number, Array],
+      default: undefined
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    clearable: {
+      type: Boolean,
+      default: true
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    collapseTags: {
+      type: Boolean,
+      default: false
+    },
+    filterMethod: {
+      type: Function,
+      default: undefined
+    },
+    /* tree */
+    data: {
+      type: Array,
+      default: () => []
+    },
+    props: {
+      type: Object,
+      default: () => ({
+        label: 'label',
+        children: 'children',
+        disabled: 'disabled',
+        isLeaf: 'isLeaf',
+        value: 'value'
+      })
+    },
+    lazy: {
+      type: Boolean,
+      default: false
+    },
+    load: {
+      type: Function,
+      default: undefined
+    }
+  },
+  data() {
+    return {
+      wCdList: [], // 监听value得到的选项
+      expandedKeys: []
+    }
+  },
+  computed: {
+    valueC: {
+      get() {
+        return this.value
+      },
+      set(val) {
+        this.$emit('input', val)
+      }
+    }
+  },
+  watch: {
+    value: {
+      handler(val) {
+        if (!val && !this.multiple) {
+          this.wCdList = []
+          this.$refs['tree']?.setCurrentKey(null)
+          return
+        }
+        if (!this.multiple) {
+          if (val === undefined || val === null) {
+            this.wCdList = []
+            this.$refs['tree']?.setCurrentKey(null)
+            return
+          }
+        } else {
+          if (val.length === 0) {
+            this.wCdList = []
+            this.$refs['tree']?.setCurrentKey(null)
+            return
+          }
+        }
+
+        let dataList = []
+        forEachs(this.data, (d) => dataList.push(d), this.props.children)
+
+        if (!this.multiple) {
+          let valueObj = dataList.find((d) => d[this.props.value] === val)
+          this.wCdList = valueObj ? [valueObj] : []
+          this.$refs['tree']?.setCurrentKey(val)
+        } else {
+          this.wCdList = dataList.filter((d) =>
+            val.includes(d[this.props.value])
+          )
+          this.$refs['tree']?.setCheckedKeys(val)
+        }
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    showOpt() {
+      if (this.showd) return
+
+      this.showd = true
+
+      this.expandedKeys = this.multiple ? [...this.value] : [this.value]
+
+      if (!this.multiple) {
+        this.$refs['tree'].setCurrentKey(this.value)
+      } else {
+        this.$refs['tree'].setCheckedKeys(this.value)
+      }
+    },
+    filterFn(val) {
+      this.$refs['tree'].filter(val)
+      this.filterMethod && this.filterMethod(val)
+    },
+    nodeClick(data) {
+      if (!this.multiple) {
+        this.lazy && (this.tCdList = [data])
+
+        let vK = this.props.value
+        this.$emit('input', data[vK])
+        this.$emit('change', data[vK], data)
+        this.$refs['select'].blur()
+      }
+    },
+    checkChange(data, { checkedKeys, checkedNodes }) {
+      this.$emit('input', checkedKeys)
+      this.$emit('change', checkedKeys, checkedNodes)
+    },
+    filterNode(value, data) {
+      if (!value) return true
+      let lK = this.props.label
+      return data[lK].indexOf(value) !== -1
+    }
+  }
+}
+</script>