evui 2.0.9 → 2.0.10

package/src/components/menu/menu.nav.vue

@@ -1,123 +0,0 @@
-<template>
-  <div class="evui-left-navigation">
-    <ul class="evui-menu">
-      <li
-        v-for="(menu, index) in store"
-        :key="menu.name + index"
-        class="evui-menu-group"
-      >
-        <div
-          class="evui-menu-group-title"
-        >
-          <i
-            v-show="menu.cls"
-            :class="menu.cls"
-          /> {{ menu.name }}
-        </div>
-        <ul
-          v-for="(submenu, index) in menu.children"
-          v-show="menu.children"
-          :key="submenu.name + index"
-          class="evui-menu-group-sub"
-        >
-          <li
-            :class="selectedMenu.name === submenu.name ? 'active' : ''"
-            class="evui-menu-item"
-            @click="setSelectedMenu(menu.name, submenu.name, index)"
-          >
-            {{ submenu.name }}
-          </li>
-        </ul>
-      </li>
-    </ul>
-  </div>
-</template>
-
-<script>
-  export default {
-    model: {
-    },
-    props: {
-      store: {
-        type: Array,
-        default: () => [],
-      },
-    },
-    data() {
-      return {
-        selectedMenu: {
-          parentName: '',
-          name: '',
-          index: '',
-        },
-      };
-    },
-    computed: {
-    },
-    methods: {
-      initSelectedMenu() {
-        this.selectedMenu.parentName = '';
-        this.selectedMenu.name = '';
-        this.selectedMenu.index = '';
-      },
-      setSelectedMenu(parentMenu, childMenu, childIndex) {
-        this.selectedMenu.parentName = parentMenu;
-        this.selectedMenu.name = childMenu;
-        this.selectedMenu.index = childIndex;
-      },
-    },
-  };
-</script>
-
-<style scoped>
-  .evui-left-navigation {
-    width: 240px;
-    border-right: 1px solid #dddee0;
-  }
-  .evui-menu {
-    display: block;
-    width: 100%;
-    background: #fff;
-    z-index: 900;
-  }
-  .evui-menu-group {
-    list-style-type: none;
-  }
-  .evui-menu-group-sub {
-    list-style-type: none;
-  }
-  .evui-menu-group-title {
-    height: 48px;
-    line-height: 48px;
-    padding-left: 20px;
-    font-weight: bold;
-    user-select: none;
-  }
-  .evui-menu-group-title > i {
-    margin-right: 10px;
-  }
-  .evui-menu-item {
-    height: 35px;
-    line-height: 35px;
-    padding-left: 30px;
-    border-right: 2px solid transparent;
-    color: #888888;
-    background-color: #ffffff;
-    z-index: 1;
-    cursor: pointer;
-  }
-  .evui-menu-item:hover {
-    border-right: 4px solid #2D89EF;
-    color: #2d8cf0;
-  }
-  .evui-menu-item.active {
-    border-right: 4px solid #2D89EF;
-    color: #f1f1f1;
-    background-color: #2D89EF;
-    transition: background-color 600ms ease;
-    z-index: 2;
-  }
-  a:hover {
-    color: #2D89EF;
-  }
-</style>

package/src/components/radio/index.js

@@ -1,3 +0,0 @@
-import radio from './radio';
-
-export default radio;

package/src/components/radio/radio-group.vue

@@ -1,54 +0,0 @@
-<template>
-  <div>
-    <slot/>
-  </div>
-</template>
-<script>
-
-export default {
-  components: {
-  },
-  props: {
-    value: {
-      type: String,
-      default: '',
-    },
-    size: {
-      type: String,
-      default: '',
-    },
-  },
-  data() {
-    return {
-    };
-  },
-  componentName: 'RadioGroup',
-  computed: {
-  },
-  watch: {
-    value(v) {
-      this.initValue(v);
-    },
-  },
-  created() {
-  },
-  mounted() {
-    this.initValue();
-  },
-  methods: {
-    initValue(v) {
-      if (this.$children && this.$children instanceof Array) {
-        const self = this;
-        this.$children.forEach((c) => {
-          const child = c;
-          child.bindValue = v || self.value;
-          child.bindSize = self.size;
-        });
-      }
-    },
-  },
-};
-</script>
-
-<style scoped>
-</style>

package/src/components/radio/radio.vue

@@ -1,176 +0,0 @@
-<template>
-  <div
-    :class="[{ disabled: disabled }, dataSize]"
-    class="ev-radio-wrap"
-  >
-    <input
-      :id="`${radioId}_${value}`"
-      :value="value"
-      :name="groupName"
-      :disabled="disabled"
-      v-model="bindValue"
-      type="radio"
-      class="ev-radio-input"
-      @change="onChange"
-    >
-    <label
-      :for="`${radioId}_${value}`"
-      :class="dataSize"
-      class="ev-radio-label"
-    >
-      <slot/>
-    </label>
-  </div>
-</template>
-
-<script>
-export default {
-  model: {
-    prop: 'customValue',
-  },
-  props: {
-    value: {
-      type: String,
-      required: true,
-    },
-    customValue: {
-      type: String,
-      default: '',
-    },
-    groupName: {
-      type: String,
-      default: '',
-    },
-    disabled: {
-      type: Boolean,
-      default: false,
-    },
-    size: {
-      type: String,
-      default: '',
-    },
-  },
-  data() {
-    return {
-      bindValue: this.customValue,
-      radioId: this._uid,
-      dataSize: this.size,
-    };
-  },
-  computed: {
-    bindSize: {
-      get() {
-        return this.size;
-      },
-      set(size) {
-        this.dataSize = size;
-      },
-    },
-  },
-  watch: {
-  },
-  created() {
-  },
-  mounted() {
-  },
-  methods: {
-    onChange(e) {
-      if (this.$parent.$options.componentName === 'RadioGroup') {
-        // 부모 컴포넌트가 Radio Group인 경우
-        this.$parent.$emit('changeEvent', e);
-        this.$parent.$emit('input', e.target.value);
-      }
-//      else {
-//        // 부모 컴포넌트가 Radio Group로 안감싼경우
-//        this.$emit('input', e.target.value);
-//      }
-    },
-  },
-};
-</script>
-
-<style scoped>
-  .ev-radio-wrap {
-    height: 19px;
-    float: left;
-    user-select: none;
-  }
-  .ev-radio-wrap.small{
-    height: 16px;
-  }
-  .ev-radio-wrap.disabled {
-    color: #C0C4CC;
-  }
-  .ev-radio-label {
-    position: relative;
-    display: inline-block;
-    padding-left: 25px;
-    line-height: 19px;
-    cursor: pointer;
-  }
-  .ev-radio-label.small {
-    padding-left: 20px;
-    line-height: 16px;
-  }
-  .ev-radio-label:before {
-    position: absolute;
-    top: 50%;
-    left: 2px;
-    width: 16px;
-    height: 16px;
-    background: transparent;
-    border: 1px solid #B0B3B7;
-    border-radius: 100%;
-    text-align: center;
-    transform: translateY(-50%);
-    content: '';
-  }
-  .ev-radio-label.small:before {
-    width: 12px;
-    height: 12px;
-  }
-  .ev-radio-wrap.disabled .ev-radio-label {
-    cursor: not-allowed;
-  }
-  .ev-radio-wrap.disabled .ev-radio-label:before {
-    border: 1px solid #B01012;
-  }
-  .ev-radio-input {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    border: 0;
-    vertical-align: middle;
-    overflow: hidden;
-    cursor: inherit;
-    clip: rect(0, 0, 0, 0);
-  }
-  .ev-radio-input:checked + .ev-radio-label:before {
-    border: 1px solid #41B7FD;
-  }
-  .ev-radio-wrap.disabled .ev-radio-input:checked + .ev-radio-label:before {
-    border: 1px solid #B01012;
-  }
-  .ev-radio-input:checked + .ev-radio-label:after {
-    position: absolute;
-    top: 50%;
-    left: 7px;
-    width: 8px;
-    height: 8px;
-    border-radius: 100%;
-    transform: translateY(-50%);
-    content: '';
-  }
-  .ev-radio-input:checked + .ev-radio-label.small:after {
-    left: 6px;
-    width: 6px;
-    height: 6px;
-  }
-  .ev-radio-input:checked + .ev-radio-label:after {
-    background: #41B7FD;
-  }
-  .ev-radio-wrap.disabled .ev-radio-input:checked + .ev-radio-label:after {
-    background: #B01012;
-  }
-</style>

package/src/components/radio-group/index.js

@@ -1,3 +0,0 @@
-import radioGroup from '../radio/radio-group';
-
-export default radioGroup;

package/src/components/selectbox/dropdown.vue

@@ -1,185 +0,0 @@
-<template>
-  <div :class="prefixCls">
-    <div
-      v-if="multiple"
-      :class="`${prefixCls}-multiple-input-area`"
-    >
-      <input
-        ref="filterInputField"
-        :disabled="disabled"
-        type="text"
-        class="input-text"
-        @keyup="onKeyUp"
-      >
-    </div>
-    <div :class="`${prefixCls}-listbox-wrap`">
-      <div
-        v-if="isGroup"
-        :class="`${prefixCls}-group-area`"
-      >
-        <div
-          v-for="item in items"
-          :key="item.groupName"
-          class="group-row"
-        >
-          <li class="title">
-            {{ item.groupName }}
-          </li>
-          <Listbox
-            :style="listBoxStyle"
-            :is-group="true"
-            :size="size"
-            :items="item.items"
-            :selected-items="selectedItems"
-            @select="onSelect"
-          />
-        </div>
-      </div>
-      <div
-        v-else
-        :class="`${prefixCls}-single-area`"
-      >
-        <Listbox
-          :style="listBoxStyle"
-          :items="items"
-          :selected-items="selectedItems"
-          @select="onSelect"
-        />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-  import Listbox from '@/components/selectbox/listbox';
-
-  const prefixCls = 'evui-dropdown';
-
-  export default {
-    components: {
-      Listbox,
-    },
-    props: {
-      listBoxStyle: {
-        type: Object,
-        default() {
-          return {};
-        },
-      },
-      disabled: {
-        type: Boolean,
-        default: false,
-      },
-      isGroup: {
-        type: Boolean,
-        default: false,
-      },
-      size: {
-        type: String,
-        default: 'medium',
-        validator(value) {
-          const list = ['small', 'medium', 'large'];
-          return list.indexOf(value) > -1;
-        },
-      },
-      multiple: {
-        type: Boolean,
-        default: false,
-      },
-      items: {
-        type: Array,
-        default() {
-          return [];
-        },
-      },
-      selectedItems: {
-        type: Array,
-        default() {
-          return [];
-        },
-      },
-    },
-    data() {
-      return {
-        prefixCls,
-      };
-    },
-    methods: {
-      onSelect(item, target, index) {
-        this.$emit('select', item, target, index);
-      },
-      onKeyUp(e) {
-        this.$emit('keyup', e);
-      },
-    },
-  };
-</script>
-
-<style scoped>
-  /**  evui-dropdown  **/
-  /**  evui-dropdown > multiple-input-area **/
-  /**  evui-dropdown > multiple-input-area > input-text **/
-
-  .evui-dropdown{
-    position: absolute;
-    width: 100%;
-    height: 35px;
-    border: 1px solid #ccc;
-    background-color: #fff;
-    -webkit-border-radius: 4px;
-    -moz-border-radius: 4px;
-    border-radius: 4px;
-    z-index: 11;
-  }
-  .evui-dropdown-multiple-input-area{
-    width: 100%;
-    height: 100%;
-    padding: 3px;
-  }
-  .evui-dropdown-multiple-input-area .input-text{
-    width: 100%;
-    height: 100%;
-    border: 1px solid #ccc;
-    -webkit-border-radius: 4px;
-    -moz-border-radius: 4px;
-    border-radius: 4px;
-  }
-
-  /**  evui-dropdown > evui-dropdown-listbox-wrap **/
-  /**  evui-dropdown > evui-dropdown-listbox-wrap > evui-dropdown-group-area **/
-  /**  evui-dropdown > evui-dropdown-listbox-wrap > evui-dropdown-single-area **/
-
-  .evui-dropdown-listbox-wrap {
-    width: 100%;
-  }
-  .evui-dropdown-group-area {
-    list-style-type: none;
-    width: 100%;
-    max-height: 150px;
-    border: 1px solid #ccc;
-    -webkit-border-radius: 4px;
-    -moz-border-radius: 4px;
-    border-radius: 4px;
-    background: #FFFFFF;
-    -webkit-box-shadow: 0 6px 12px #ccc;
-    box-shadow: 0 6px 12px #ccc;
-    overflow: auto;
-  }
-  .evui-dropdown-group-area .title {
-    padding: 7px 10px;
-    color:#999;
-  }
-  .evui-dropdown-single-area {
-    position: absolute;
-    min-width: 100%;
-    max-height: 150px;
-    border: 1px solid #ccc;
-    -webkit-border-radius: 4px;
-    -moz-border-radius: 4px;
-    border-radius: 4px;
-    background: #FFFFFF;
-    -webkit-box-shadow: 0 6px 12px #ccc;
-    box-shadow: 0 6px 12px #ccc;
-    overflow: auto;
-  }
-</style>

package/src/components/selectbox/index.js

@@ -1,3 +0,0 @@
-import Selectbox from './selectbox';
-
-export default Selectbox;

package/src/components/selectbox/listbox.vue

@@ -1,116 +0,0 @@
-<template>
-  <div class="prefixCls">
-    <ul
-      :class="ulClasses"
-      @click.stop="onClick"
-    >
-      <li
-        v-for="(item, index) in items"
-        :key="index"
-        :data-index="index"
-        :class="getLiClasses(item)"
-      >
-        {{ item.name }}
-      </li>
-    </ul>
-  </div>
-</template>
-
-<script>
-  const prefixCls = 'evui-listbox';
-
-  export default {
-    props: {
-      isGroup: {
-        type: Boolean,
-        default: false,
-      },
-      size: {
-        type: String,
-        default: 'medium',
-        validator(value) {
-          const list = ['small', 'medium', 'large'];
-          return list.indexOf(value) > -1;
-        },
-      },
-      items: {
-        type: Array,
-        default() {
-          return [];
-        },
-      },
-      selectedItems: {
-        type: Array,
-        default() {
-          return [];
-        },
-      },
-    },
-    data() {
-      return {
-        prefixCls,
-        ulClasses: '',
-      };
-    },
-    created() {
-      this.ulClasses = this.isGroup ? `${prefixCls}-ul-group` : `${prefixCls}-ul`;
-    },
-    methods: {
-      onClick(event) {
-        const target = event.target;
-        const index = +(target.dataset.index);
-        const item = this.items[index];
-
-        switch (target.tagName) {
-          case 'LI':
-            this.$emit('before-select', item, target, index);
-            this.$emit('select', item, target, index);
-            break;
-          default:
-            break;
-        }
-      },
-      getLiClasses(item) {
-        const foundItem = this.selectedItems.find(obj => obj.name === item.name);
-
-        return {
-          [`${prefixCls}-li`]: true,
-          [`${prefixCls}-li-selected`]: !!foundItem,
-        };
-      },
-    },
-  };
-</script>
-
-<style scoped>
-  .evui-listbox{
-    width: 100%;
-    height: 100%;
-  }
-  .evui-listbox-ul{
-    list-style-type: none;
-    padding: 2px 0;
-  }
-  .evui-listbox-ul-group{
-    height: 100%;
-  }
-  .evui-listbox-li{
-    display: block;
-    list-style: none;
-    color: #495060;
-    white-space: nowrap;
-    cursor: pointer;
-    transition: background .1s ease-in-out;
-  }
-  .evui-listbox-li:hover:not(.evui-listbox-li-selected){
-    background-color: #eeeeee;
-  }
-  .evui-listbox-li-selected {
-    color: #fff;
-    background-color: #337ab6;
-  }
-
-  .evui-selectbox-size-small .evui-listbox-li { padding: 7px; }
-  .evui-selectbox-size-medium .evui-listbox-li { padding: 7px; }
-  .evui-selectbox-size-large .evui-listbox-li { padding: 7px 10px; }
-</style>

package/src/components/selectbox/option.vue

@@ -1,11 +0,0 @@
-<template>
-  <li
-    class="evui-selectbox-item"
-  ><slot/>
-  </li>
-</template>
-<script>
-  export default {
-
-  };
-</script>