@weitutech/by-components 1.0.27 → 1.0.30

package/src/components/form/comps/select.vue

@@ -1,127 +1,127 @@
-<template>
-  <el-select
-    v-bind="$props"
-    :value="value"
-    ref="selection"
-    :placeholder="config.placeholder || '请选择'"
-    @change="change"
-    @visible-change="visibleChange"
-    @remove-tag="removeTag"
-    @clear="clear"
-    @blur="blur"
-    @focus="focus"
-  >
-    <template v-if="config.mode === 'group'">
-      <el-option-group
-        v-for="group in item.options"
-        :key="group[config.optionValue || 'value']"
-        :label="group[config.optionLabel || 'label']"
-      >
-        <el-option
-          v-for="gItem in group.options"
-          :key="gItem[config.optionValue || 'value']"
-          :label="gItem[config.optionLabel || 'label']"
-          :value="gItem[config.optionValue || 'value']"
-        />
-      </el-option-group>
-    </template>
-    <template v-else>
-      <el-option
-        v-for="(item) in filterData"
-        :key="item[config.optionValue || 'value'] +'-' +item[config.optionLabel || 'label']"
-        :label="item[config.optionLabel || 'label']"
-        :value="item[config.optionValue || 'value']"
-      />
-      </template>
-  </el-select>
-</template>
-<script>
-import { Select } from 'element-ui'
-export default {
-  name: 'BYSelect',
-  props: {
-    ...Select.props,
-    value: {
-      type: [String, Number, Array],
-    },
-    // 下拉框数据
-    placeholder: {
-      type: String,
-      default: '请选择'
-    },
-    // 下拉框数据
-    options: {
-      type: Array,
-      default: () => {
-        return []
-      }
-    },
-    //当前配置
-    config: {
-      type: Object,
-      default: null
-    }
-  },
-  data() {
-    return {
-      searchVal: '',
-      filterData: []
-    }
-  },
-  watch: {
-    options: {
-      handler() {
-        this.filterData = this.options
-      },
-      deep: true,
-      immediate: true
-    }
-  },
-  methods: {
-    change(e) {
-      this.$emit('change', arguments.length === 1 ? e : arguments)
-      this.$emit("input", e)
-    },
-    input(e) {
-      this.$emit('change', arguments.length === 1 ? e : arguments)
-      this.$emit("input", e)
-    },
-    visibleChange(e) {
-      this.$emit('visible-change', arguments.length === 1 ? e : arguments)
-    },
-    removeTag(e) {
-      this.$emit('remove-tag', arguments.length === 1 ? e : arguments)
-    },
-    clear(e) {
-      this.$emit('clear', arguments.length === 1 ? e : arguments)
-    },
-    blur(e) {
-      this.$emit('blur', arguments.length === 1 ? e : arguments)
-    },
-    focus(e) {
-      // 如果是多选模式 则做处理
-      if (this.multiple) {
-        this.searchNoReset()
-      }
-      this.$emit('blur', arguments.length === 1 ? e : arguments)
-    },
-    // 解决多选时选择后下拉数据会重置问题
-    searchNoReset() {
-      // 离开时重置数据
-      this.$refs.selection.$refs.input.blur = () => {
-        this.filterData = this.options
-      }
-
-      //   根据数据筛选数据
-      this.$refs.selection.$refs.input.onkeyup = () => {
-        this.filterData = this.options
-        this.searchVal = this.$refs.selection.$refs.input.value
-        this.filterData = this.options.filter(
-          (item) => item[this.config.optionLabel].indexOf(this.searchVal) !== -1
-        )
-      }
-    }
-  }
-}
-</script>
-
+<template>
+  <el-select
+    v-bind="$props"
+    :value="value"
+    ref="selection"
+    :placeholder="config.placeholder || '请选择'"
+    @change="change"
+    @visible-change="visibleChange"
+    @remove-tag="removeTag"
+    @clear="clear"
+    @blur="blur"
+    @focus="focus"
+  >
+    <template v-if="config.mode === 'group'">
+      <el-option-group
+        v-for="group in item.options"
+        :key="group[config.optionValue || 'value']"
+        :label="group[config.optionLabel || 'label']"
+      >
+        <el-option
+          v-for="gItem in group.options"
+          :key="gItem[config.optionValue || 'value']"
+          :label="gItem[config.optionLabel || 'label']"
+          :value="gItem[config.optionValue || 'value']"
+        />
+      </el-option-group>
+    </template>
+    <template v-else>
+      <el-option
+        v-for="(item) in filterData"
+        :key="item[config.optionValue || 'value'] +'-' +item[config.optionLabel || 'label']"
+        :label="item[config.optionLabel || 'label']"
+        :value="item[config.optionValue || 'value']"
+      />
+      </template>
+  </el-select>
+</template>
+<script>
+import { Select } from 'element-ui'
+export default {
+  name: 'BYSelect',
+  props: {
+    ...Select.props,
+    value: {
+      type: [String, Number, Array],
+    },
+    // 下拉框数据
+    placeholder: {
+      type: String,
+      default: '请选择'
+    },
+    // 下拉框数据
+    options: {
+      type: Array,
+      default: () => {
+        return []
+      }
+    },
+    //当前配置
+    config: {
+      type: Object,
+      default: null
+    }
+  },
+  data() {
+    return {
+      searchVal: '',
+      filterData: []
+    }
+  },
+  watch: {
+    options: {
+      handler() {
+        this.filterData = this.options
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  methods: {
+    change(e) {
+      this.$emit('change', arguments.length === 1 ? e : arguments)
+      this.$emit("input", e)
+    },
+    input(e) {
+      this.$emit('change', arguments.length === 1 ? e : arguments)
+      this.$emit("input", e)
+    },
+    visibleChange(e) {
+      this.$emit('visible-change', arguments.length === 1 ? e : arguments)
+    },
+    removeTag(e) {
+      this.$emit('remove-tag', arguments.length === 1 ? e : arguments)
+    },
+    clear(e) {
+      this.$emit('clear', arguments.length === 1 ? e : arguments)
+    },
+    blur(e) {
+      this.$emit('blur', arguments.length === 1 ? e : arguments)
+    },
+    focus(e) {
+      // 如果是多选模式 则做处理
+      if (this.multiple) {
+        this.searchNoReset()
+      }
+      this.$emit('blur', arguments.length === 1 ? e : arguments)
+    },
+    // 解决多选时选择后下拉数据会重置问题
+    searchNoReset() {
+      // 离开时重置数据
+      this.$refs.selection.$refs.input.blur = () => {
+        this.filterData = this.options
+      }
+
+      //   根据数据筛选数据
+      this.$refs.selection.$refs.input.onkeyup = () => {
+        this.filterData = this.options
+        this.searchVal = this.$refs.selection.$refs.input.value
+        this.filterData = this.options.filter(
+          (item) => item[this.config.optionLabel].indexOf(this.searchVal) !== -1
+        )
+      }
+    }
+  }
+}
+</script>
+