@lx-frontend/wrap-element-ui 1.0.25 → 2.0.0

package/src/components/SearchSelect/index.vue

@@ -1,153 +0,0 @@
-<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/helper.ts

@@ -1,37 +0,0 @@
-import dayjs from "dayjs";
-
-/** 开始日期禁用配置 */
-export function genStartDateDisabledOptions(endDate: string, limit: number = 0) {
-  return {
-    disabledDate: (time: Date) => {
-      if (!endDate) return false;
-      
-      const currentDate = dayjs(time);
-      const baseOption = currentDate.isAfter(dayjs(endDate), 'day');
-
-      if (!limit) {
-        return baseOption
-      }
-
-      return baseOption || currentDate.isBefore(dayjs(endDate).subtract(limit - 1, 'day'), 'day');
-    }
-  };
-}
-
-/** 结束日期禁用配置 */
-export function genEndDateDisabledOptions(startDate: string, limit: number = 0) {
-  return {
-    disabledDate: (time: Date) => {
-      if (!startDate) return false;
-      
-      const currentDate = dayjs(time);
-      const baseOption = currentDate.isBefore(dayjs(startDate), 'day');
-
-      if (!limit) {
-        return baseOption
-      }
-      
-      return baseOption || currentDate.isAfter(dayjs(startDate).add(limit - 1, 'day'), 'day');
-    }
-  };
-}

package/src/components/index.ts

@@ -1,24 +0,0 @@
-
-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 +0,0 @@
-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;