eoss-mobiles 0.4.0 → 0.4.2

package/packages/selector/src/main.vue

@@ -1,186 +1,186 @@
-<template>
-  <div class="em-selector" @click="handleClick">
-    <selector-field
-      v-if="!this.$scopedSlots.input && !this.$slots.input && !showTree"
-      v-bind="$attrs"
-      :input-value="inputValue"
-      :data="selectList"
-      @change="handleChangeSel"
-      @click="handleSelector"
-    />
-    <slot v-else name="input" :click="handleSelector" />
-    <em-selector-tree
-      v-if="(showSelectorTree || showTree) && typeof value !== 'string'"
-      v-bind="$attrs"
-      v-on="$listeners"
-      :showTree="showTree"
-      :showMore="$listeners['left-icon'] == undefined"
-      :isTreeIcon="$scopedSlots['tree-icon'] != undefined"
-      :selectList="selectList"
-      @dispose="handleDispose"
-      @close="handleDispose()"
-    >
-      <template
-        v-if="$scopedSlots['tree-icon']"
-        slot="tree-icon"
-        slot-scope="{ value }"
-      >
-        <slot
-          v-if="$scopedSlots['tree-icon']"
-          name="tree-icon"
-          :value="value"
-        ></slot>
-      </template>
-    </em-selector-tree>
-    <div v-if="typeof value === 'string'">
-      <em-selector-tree
-        v-show="showSelectorTree || showTree"
-        v-bind="$attrs"
-        v-on="$listeners"
-        :showTree="showTree"
-        :showMore="$listeners['left-icon'] == undefined"
-        :isTreeIcon="$scopedSlots['tree-icon'] != undefined"
-        :selectList.sync="selectList"
-        @dispose="handleDispose"
-        @close="handleDispose()"
-      >
-        <template
-          v-if="$scopedSlots['tree-icon']"
-          slot="tree-icon"
-          slot-scope="{ value }"
-        >
-          <slot
-            v-if="$scopedSlots['tree-icon']"
-            name="tree-icon"
-            :value="value"
-          ></slot>
-        </template>
-      </em-selector-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import EmSelectorTree from './selector-tree.vue';
-import selectorField from './selector-field.vue';
-export default {
-  components: { EmSelectorTree, selectorField },
-  name: 'EmSelector',
-  inheritAttrs: false,
-  props: {
-    value: { type: [Array, String], default: () => [] },
-    showTree: {
-      type: Boolean,
-      default: false
-    },
-    isClosePopup: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    return {
-      showSelectorTree: false,
-      inputValue: ''
-      // newSelectList:[]
-    };
-  },
-  watch: {
-    isClosePopup: {
-      handler(val) {
-        if (this.showSelectorTree) {
-          this.showSelectorTree = false;
-          this.$emit('selector-click', this.showSelectorTree);
-        }
-      },
-      deep: true,
-      immediate: true
-    },
-    value: {
-      handler(val) {
-        this.selectList = val;
-        if (this.selectList.length > 0) {
-          this.inputValue =
-            this.selectList[0][
-              this.$attrs.labelKey || this.$attrs['label-key'] || 'showname'
-            ];
-        } else {
-          this.inputValue = '';
-        }
-      },
-      deep: true,
-      immediate: true
-    }
-  },
-  computed: {
-    selectList: {
-      get() {
-        return this.value;
-      },
-      set(val) {
-        this.$emit('input', val);
-      }
-    }
-  },
-  mounted() {
-    // this.selectList = this.value
-    // console.log(this)
-  },
-  methods: {
-    handleClick() {
-      this.$emit('click');
-    },
-    handleSelector() {
-      if (this.$attrs.disabled || this.$attrs.readonly) return;
-      this.showSelectorTree = !this.showSelectorTree;
-      this.$emit('selector-click', this.showSelectorTree);
-    },
-    /**
-     * handleDispose
-     * @desc:确认选人
-     * @date 2023年3月6日
-     * @author liufan
-     * @param {Object} val 选中的人员/单位
-     */
-    handleDispose(val) {
-      this.inputValue = '';
-      if (val) {
-        const { list } = val;
-        this.selectList = list;
-        if (val.list.length > 0) {
-          this.inputValue =
-            list[0][
-              this.$attrs.labelKey || this.$attrs['label-key'] || 'showname'
-            ];
-        } else {
-          this.inputValue = '';
-        }
-      }
-      this.showSelectorTree = false;
-      this.$emit('selector-click', this.showSelectorTree);
-    },
-    /**
-     * handleChangeSel
-     * @desc:输入框数据发生变化时
-     * @date 2023年3月6日
-     * @author liufan
-     * @param {Array} val 变化后的选中数据
-     */
-    handleChangeSel(val) {
-      if (val) {
-        const { list } = val;
-        this.selectList = list;
-        if (val.list.length > 0) {
-          this.inputValue =
-            list[0][
-              this.$attrs.labelKey || this.$attrs['label-key'] || 'showname'
-            ];
-        } else {
-          this.inputValue = '';
-        }
-      }
-      this.$emit('input', val.list);
-    }
-  }
-};
-</script>
+<template>
+  <div class="em-selector" @click="handleClick">
+    <selector-field
+      v-if="!this.$scopedSlots.input && !this.$slots.input && !showTree"
+      v-bind="$attrs"
+      :input-value="inputValue"
+      :data="selectList"
+      @change="handleChangeSel"
+      @click="handleSelector"
+    />
+    <slot v-else name="input" :click="handleSelector" />
+    <em-selector-tree
+      v-if="(showSelectorTree || showTree) && typeof value !== 'string'"
+      v-bind="$attrs"
+      v-on="$listeners"
+      :showTree="showTree"
+      :showMore="$listeners['left-icon'] == undefined"
+      :isTreeIcon="$scopedSlots['tree-icon'] != undefined"
+      :selectList="selectList"
+      @dispose="handleDispose"
+      @close="handleDispose()"
+    >
+      <template
+        v-if="$scopedSlots['tree-icon']"
+        slot="tree-icon"
+        slot-scope="{ value }"
+      >
+        <slot
+          v-if="$scopedSlots['tree-icon']"
+          name="tree-icon"
+          :value="value"
+        ></slot>
+      </template>
+    </em-selector-tree>
+    <div v-if="typeof value === 'string'">
+      <em-selector-tree
+        v-show="showSelectorTree || showTree"
+        v-bind="$attrs"
+        v-on="$listeners"
+        :showTree="showTree"
+        :showMore="$listeners['left-icon'] == undefined"
+        :isTreeIcon="$scopedSlots['tree-icon'] != undefined"
+        :selectList.sync="selectList"
+        @dispose="handleDispose"
+        @close="handleDispose()"
+      >
+        <template
+          v-if="$scopedSlots['tree-icon']"
+          slot="tree-icon"
+          slot-scope="{ value }"
+        >
+          <slot
+            v-if="$scopedSlots['tree-icon']"
+            name="tree-icon"
+            :value="value"
+          ></slot>
+        </template>
+      </em-selector-tree>
+    </div>
+  </div>
+</template>
+
+<script>
+import EmSelectorTree from './selector-tree.vue';
+import selectorField from './selector-field.vue';
+export default {
+  components: { EmSelectorTree, selectorField },
+  name: 'EmSelector',
+  inheritAttrs: false,
+  props: {
+    value: { type: [Array, String], default: () => [] },
+    showTree: {
+      type: Boolean,
+      default: false
+    },
+    isClosePopup: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      showSelectorTree: false,
+      inputValue: ''
+      // newSelectList:[]
+    };
+  },
+  watch: {
+    isClosePopup: {
+      handler(val) {
+        if (this.showSelectorTree) {
+          this.showSelectorTree = false;
+          this.$emit('selector-click', this.showSelectorTree);
+        }
+      },
+      deep: true,
+      immediate: true
+    },
+    value: {
+      handler(val) {
+        this.selectList = val;
+        if (this.selectList.length > 0) {
+          this.inputValue =
+            this.selectList[0][
+              this.$attrs.labelKey || this.$attrs['label-key'] || 'showname'
+            ];
+        } else {
+          this.inputValue = '';
+        }
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  computed: {
+    selectList: {
+      get() {
+        return this.value;
+      },
+      set(val) {
+        this.$emit('input', val);
+      }
+    }
+  },
+  mounted() {
+    // this.selectList = this.value
+    // console.log(this)
+  },
+  methods: {
+    handleClick() {
+      this.$emit('click');
+    },
+    handleSelector() {
+      if (this.$attrs.disabled || this.$attrs.readonly) return;
+      this.showSelectorTree = !this.showSelectorTree;
+      this.$emit('selector-click', this.showSelectorTree);
+    },
+    /**
+     * handleDispose
+     * @desc:确认选人
+     * @date 2023年3月6日
+     * @author liufan
+     * @param {Object} val 选中的人员/单位
+     */
+    handleDispose(val) {
+      this.inputValue = '';
+      if (val) {
+        const { list } = val;
+        this.selectList = list;
+        if (val.list.length > 0) {
+          this.inputValue =
+            list[0][
+              this.$attrs.labelKey || this.$attrs['label-key'] || 'showname'
+            ];
+        } else {
+          this.inputValue = '';
+        }
+      }
+      this.showSelectorTree = false;
+      this.$emit('selector-click', this.showSelectorTree);
+    },
+    /**
+     * handleChangeSel
+     * @desc:输入框数据发生变化时
+     * @date 2023年3月6日
+     * @author liufan
+     * @param {Array} val 变化后的选中数据
+     */
+    handleChangeSel(val) {
+      if (val) {
+        const { list } = val;
+        this.selectList = list;
+        if (val.list.length > 0) {
+          this.inputValue =
+            list[0][
+              this.$attrs.labelKey || this.$attrs['label-key'] || 'showname'
+            ];
+        } else {
+          this.inputValue = '';
+        }
+      }
+      this.$emit('input', val.list);
+    }
+  }
+};
+</script>