@lx-frontend/wrap-element-ui 1.0.1-beta.4 → 1.0.1-beta.6

package/src/components/SearchSelect/index.vue

@@ -1,153 +1,153 @@
-<template>
-  <div
-    class="search-select"
-    @keyup.up.prevent="navigateOptions($event, 'prev')"
-    @keyup.down.prevent="navigateOptions($event, 'next')"
-    @keyup.enter.prevent="selectOption"
-  >
-    <el-input
-      ref="input"
-      v-model="content"
-      class="search-select__input"
-      :placeholder="placeholder"
-      @input="handleInputChange"
-      @focus="handleFocus"
-      @blur="handleBlur"
-    />
-    <div
-      v-if="visible && value !== ''"
-      class="select-down"
-    >
-      <div
-        v-for="(item, index) in list"
-        :key="getKey(item, index)"
-        :class="['select-down__item', {'select-down__item--active': currentId === index}]"
-        @mouseover="currentId = index"
-        @click="handleSelect(item)"
-      >
-        <div
-          v-for="(showItem, index) in showList"
-          :key="getKey(showItem, index)"
-          :style="`flex: ${showItem.flex}`"
-          :class="`select-down__box select-down__${showItem.name}`"
-        >
-          <span>{{ item[showItem.name] || '--' }}</span>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'SearchSelect',
-  props: {
-    value: {
-      default: '',
-      type: String,
-    },
-    placeholder: {
-      default: '请输入',
-      type: String,
-    },
-    list: {
-      default: () => [],
-      type: Array,
-    },
-    showList: {
-      default: () => [],
-      type: Array,
-    }
-  },
-  data() {
-    return {
-      content: '',
-      visible: false,
-      currentId: 0
-    }
-  },
-  watch: {
-    value(val) {
-      this.content = val
-    }
-  },
-  methods: {
-    handleFocus() {
-      this.visible = true
-      this.$emit('input', this.content)
-    },
-    handleInputChange(params) {
-      this.$emit('update:value', params)
-      this.$emit('input', params)
-    },
-    navigateOptions(e, params) {
-      e.target.selectionStart = this.content.length
-      if (params === 'next') this.currentId = this.currentId === this.list.length - 1 ? 0 : this.currentId + 1
-      if (params === 'prev') this.currentId = this.currentId === 0 ? this.list.length - 1 : this.currentId - 1
-    },
-    selectOption() {
-      this.visible = false
-      this.$refs.input.blur()
-      this.$emit('select', this.list[this.currentId])
-    },
-    handleBlur() {
-      const timer = setTimeout(() => {
-        this.visible = false
-        clearTimeout(timer)
-      }, 300)
-    },
-    handleSelect(item) {
-      this.$emit('select', item)
-    },
-    getKey (item, index) {
-      return btoa(escape(`${item}_${index}`))
-    }
-  },
-};
-</script>
-
-<style lang="less">
-.search-select{
-  position: relative;
-  width: 100%;
-
-  &__input{
-    width: 100%;
-  }
-}
-
-.select-down{
-    width: 100%;
-    position: absolute;
-    z-index: 100;
-    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
-    border-radius: 4px;
-    border: 0 solid #d0d0d1;
-    background-color: #fff;
-    overflow: hidden;
-    margin-top: 10px;
-
-    &__item{
-      height: 30px;
-      line-height: 30px;
-      display: flex;
-      justify-content: space-between;
-      text-align: center;
-      box-sizing: border-box;
-      padding: 0 15px;
-
-      &--active{
-        background-color: #eee;
-      }
-    }
-
-    &__box{
-      text-align: center;
-      overflow: hidden;
-
-      &:first-of-type{
-        text-align: left;
-      }
-    }
-  }
-</style>
+<template>
+  <div
+    class="search-select"
+    @keyup.up.prevent="navigateOptions($event, 'prev')"
+    @keyup.down.prevent="navigateOptions($event, 'next')"
+    @keyup.enter.prevent="selectOption"
+  >
+    <el-input
+      ref="input"
+      v-model="content"
+      class="search-select__input"
+      :placeholder="placeholder"
+      @input="handleInputChange"
+      @focus="handleFocus"
+      @blur="handleBlur"
+    />
+    <div
+      v-if="visible && value !== ''"
+      class="select-down"
+    >
+      <div
+        v-for="(item, index) in list"
+        :key="getKey(item, index)"
+        :class="['select-down__item', {'select-down__item--active': currentId === index}]"
+        @mouseover="currentId = index"
+        @click="handleSelect(item)"
+      >
+        <div
+          v-for="(showItem, index) in showList"
+          :key="getKey(showItem, index)"
+          :style="`flex: ${showItem.flex}`"
+          :class="`select-down__box select-down__${showItem.name}`"
+        >
+          <span>{{ item[showItem.name] || '--' }}</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SearchSelect',
+  props: {
+    value: {
+      default: '',
+      type: String,
+    },
+    placeholder: {
+      default: '请输入',
+      type: String,
+    },
+    list: {
+      default: () => [],
+      type: Array,
+    },
+    showList: {
+      default: () => [],
+      type: Array,
+    }
+  },
+  data() {
+    return {
+      content: '',
+      visible: false,
+      currentId: 0
+    }
+  },
+  watch: {
+    value(val) {
+      this.content = val
+    }
+  },
+  methods: {
+    handleFocus() {
+      this.visible = true
+      this.$emit('input', this.content)
+    },
+    handleInputChange(params) {
+      this.$emit('update:value', params)
+      this.$emit('input', params)
+    },
+    navigateOptions(e, params) {
+      e.target.selectionStart = this.content.length
+      if (params === 'next') this.currentId = this.currentId === this.list.length - 1 ? 0 : this.currentId + 1
+      if (params === 'prev') this.currentId = this.currentId === 0 ? this.list.length - 1 : this.currentId - 1
+    },
+    selectOption() {
+      this.visible = false
+      this.$refs.input.blur()
+      this.$emit('select', this.list[this.currentId])
+    },
+    handleBlur() {
+      const timer = setTimeout(() => {
+        this.visible = false
+        clearTimeout(timer)
+      }, 300)
+    },
+    handleSelect(item) {
+      this.$emit('select', item)
+    },
+    getKey (item, index) {
+      return btoa(escape(`${item}_${index}`))
+    }
+  },
+};
+</script>
+
+<style lang="less">
+.search-select{
+  position: relative;
+  width: 100%;
+
+  &__input{
+    width: 100%;
+  }
+}
+
+.select-down{
+    width: 100%;
+    position: absolute;
+    z-index: 100;
+    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
+    border-radius: 4px;
+    border: 0 solid #d0d0d1;
+    background-color: #fff;
+    overflow: hidden;
+    margin-top: 10px;
+
+    &__item{
+      height: 30px;
+      line-height: 30px;
+      display: flex;
+      justify-content: space-between;
+      text-align: center;
+      box-sizing: border-box;
+      padding: 0 15px;
+
+      &--active{
+        background-color: #eee;
+      }
+    }
+
+    &__box{
+      text-align: center;
+      overflow: hidden;
+
+      &:first-of-type{
+        text-align: left;
+      }
+    }
+  }
+</style>

package/src/components/index.ts

@@ -1,24 +1,24 @@
-
-import DemoComponent from './DemoComponent/index.vue'
-import AuditSteps from './AuditSteps/index.vue'
-import Ellipsis from './Ellipsis/index.vue'
-import SearchForm from './SearchForm/index.vue'
-import LxTable from './LxTable/index.vue'
-import SearchSelect from './SearchSelect/index.vue'
-import AddMembers from './AddMembers/index.vue'
-import PopoverForm from './PopoverForm/index.vue'
-import EditableTable from './EditableTable/index.vue'
-import SingleMessage from './singleMessage/index'
-
-export {
-  DemoComponent,
-  AuditSteps,
-  Ellipsis,
-  SearchForm,
-  LxTable,
-  SearchSelect,
-  AddMembers,
-  PopoverForm,
-  EditableTable,
-  SingleMessage
-}
+
+import DemoComponent from './DemoComponent/index.vue'
+import AuditSteps from './AuditSteps/index.vue'
+import Ellipsis from './Ellipsis/index.vue'
+import SearchForm from './SearchForm/index.vue'
+import LxTable from './LxTable/index.vue'
+import SearchSelect from './SearchSelect/index.vue'
+import AddMembers from './AddMembers/index.vue'
+import PopoverForm from './PopoverForm/index.vue'
+import EditableTable from './EditableTable/index.vue'
+import SingleMessage from './singleMessage/index'
+
+export {
+  DemoComponent,
+  AuditSteps,
+  Ellipsis,
+  SearchForm,
+  LxTable,
+  SearchSelect,
+  AddMembers,
+  PopoverForm,
+  EditableTable,
+  SingleMessage
+}

package/src/components/singleMessage/index.ts

@@ -1,44 +1,44 @@
-import { Message } from 'element-ui';
-import MessageType from 'element-ui/packages/message';
-
-
-let messageInstance: MessageType = null;
-
-const closeMsg = (message: MessageType) => {
-  message.singleTimer = setTimeout(() => {
-    message.singleTimer && clearTimeout(message.singleTimer);
-    message.close();
-    messageInstance = null;
-  }, 3000);
-};
-
-const singleMessage: MessageType = (options: any) => {
-  if (
-    messageInstance
-    && (messageInstance.message !== options.message || messageInstance.type !== options.type)
-  ) {
-    messageInstance.close();
-    messageInstance = Message({ ...options, duration: 0 });
-    return closeMsg(messageInstance);
-  }
-  if (messageInstance) {
-    messageInstance.singleTimer && clearTimeout(messageInstance.singleTimer);
-    return closeMsg(messageInstance);
-  }
-  messageInstance = Message({ ...options, duration: 0 });
-  closeMsg(messageInstance);
-};
-
-['error', 'success', 'info', 'warning'].forEach(type => {
-  singleMessage[type] = options => {
-    if (typeof options === 'string') {
-      options = {
-        message: options,
-      };
-    }
-    options.type = type;
-    return singleMessage(options);
-  };
-});
-
-export default singleMessage;
+import { Message } from 'element-ui';
+import MessageType from 'element-ui/packages/message';
+
+
+let messageInstance: MessageType = null;
+
+const closeMsg = (message: MessageType) => {
+  message.singleTimer = setTimeout(() => {
+    message.singleTimer && clearTimeout(message.singleTimer);
+    message.close();
+    messageInstance = null;
+  }, 3000);
+};
+
+const singleMessage: MessageType = (options: any) => {
+  if (
+    messageInstance
+    && (messageInstance.message !== options.message || messageInstance.type !== options.type)
+  ) {
+    messageInstance.close();
+    messageInstance = Message({ ...options, duration: 0 });
+    return closeMsg(messageInstance);
+  }
+  if (messageInstance) {
+    messageInstance.singleTimer && clearTimeout(messageInstance.singleTimer);
+    return closeMsg(messageInstance);
+  }
+  messageInstance = Message({ ...options, duration: 0 });
+  closeMsg(messageInstance);
+};
+
+['error', 'success', 'info', 'warning'].forEach(type => {
+  singleMessage[type] = options => {
+    if (typeof options === 'string') {
+      options = {
+        message: options,
+      };
+    }
+    options.type = type;
+    return singleMessage(options);
+  };
+});
+
+export default singleMessage;