evui 2.0.8 → 2.0.10

package/src/components/menu/index.js

@@ -1,5 +0,0 @@
-import NavMenu from './menu.nav';
-import ContextMenu from './menu.context';
-import ContextMenuChildren from './menu.context.children';
-
-export { NavMenu, ContextMenu, ContextMenuChildren };

package/src/components/menu/menu.context.children.vue

@@ -1,201 +0,0 @@
-<template>
-  <div
-    :style="contextChildrenStyle"
-    :class="prefixEvui"
-  >
-    <div
-      :class="bodyCls"
-      @mouseout="onMouseOut"
-    >
-      <div :class="`${prefixEvui}-separator`"/>
-      <div
-        v-for="(item, rowIdx) in items"
-        :key="`${item.text}_${depth}_${rowIdx}`"
-        :class="`${prefixEvui}-row`"
-        @click="onRowClick(item, depth, rowIdx)"
-        @mouseover="onMouseOver(item.text, depth, rowIdx)"
-      >
-        {{ item.text }}
-        <i
-          v-if="item.items"
-          :class="`${prefixEvui}-right-arrow`"
-        />
-      </div>
-    </div>
-    <ev-context-menu-children
-      v-for="(item, rowIdx) in items"
-      v-if="item.items"
-      v-show="getSubMenuKey(item.text, depth, rowIdx) === subMenuKey"
-      :key="getSubMenuKey(item.text, depth, rowIdx)"
-      :parent-row-idx="rowIdx"
-      :depth="depth + 1"
-      :items="item.items"
-      @click="onClick"
-    />
-  </div>
-</template>
-
-<script>
-  import '@/styles/all.css';
-  import '@/styles/evui.css';
-
-  const prefixEvui = 'ev-contextmenu-children';
-
-  export default {
-    props: {
-      depth: {
-        type: Number,
-        default: 0,
-      },
-      parentRowIdx: {
-        type: Number,
-        default: 0,
-      },
-      items: {
-        type: Array,
-        default() {
-          return [];
-        },
-        validator(value) {
-          return value != null && value.constructor === Array;
-        },
-      },
-      click: {
-        type: Function,
-        default: () => {},
-      },
-    },
-    data() {
-      return {
-        prefixEvui,
-        contextChildrenStyle: '',
-        bodyCls: '',
-        subMenuKey: '',
-        nextDepth: 1,
-      };
-    },
-    created() {
-      this.contextChildrenStyle = this.getContextChildrenStyle();
-      this.bodyCls = this.getBodyClasses();
-      this.nextDepth = this.depth + 1;
-    },
-    methods: {
-      onRowClick(item, depth, rowIdx) {
-        this.$emit('click', { ...item, depth, rowIdx, parentRowIdx: this.parentRowIdx });
-      },
-      onClick(item) {
-        this.$emit('click', item);
-      },
-      onMouseOver(text, depth, rowIdx) {
-        this.subMenuKey = this.getSubMenuKey(text, depth, rowIdx);
-      },
-      onMouseOut() {
-        event.stopPropagation();
-        this.clearSubMenuKey(this.$children);
-      },
-      getSubMenuKey(text, depth, rowIdx) {
-        return `menu_sub_${text}_${depth}_${rowIdx}`;
-      },
-      getContextChildrenStyle() {
-        return this.depth === 0 ? '' : `margin-top: ${26 * this.parentRowIdx}px; left: -2px;`;
-      },
-      getBodyClasses() {
-        return [
-          `${prefixEvui}-body`,
-          {
-            [`${prefixEvui}-box-style`]: this.depth !== 0,
-          },
-        ];
-      },
-      clearSubMenuKey(children) {
-        if (!children || children.constructor !== Array) {
-          return;
-        }
-
-        let cmp;
-
-        for (let ix = 0, ixLen = children.length; ix < ixLen; ix++) {
-          cmp = children[ix];
-
-          if (cmp.subMenuKey) {
-            cmp.subMenuKey = '';
-          }
-
-          this.clearSubMenuKey(cmp.$children);
-        }
-      },
-    },
-  };
-</script>
-
-<style>
-  .ev-contextmenu-children{
-    position: relative;
-    float: left;
-    z-index: 9999;
-  }
-  .ev-contextmenu-children-body{
-    float: left;
-    position: relative;
-    border: 1px solid #d0d0d0;
-    font-size: 12px;
-    background: #f0f0f0;
-    color: #222222;
-  }
-  .ev-contextmenu-children-box-style{
-    border-radius: 3px 0 0 3px;
-    box-shadow: 2px 2px #9c9c9c;
-  }
-  .ev-contextmenu-children-separator {
-    position: absolute;
-    top: 0;
-    left: 20px;
-    width: 2px;
-    height: 100%;
-    background-color: white;
-    border-left: solid 1px #e0e0e0;
-    overflow: hidden;
-  }
-  .ev-contextmenu-children-row{
-    position: relative;
-    padding: 2px 22px 2px 30px;
-    line-height: 22px;
-    white-space: nowrap;
-    overflow: hidden;
-    cursor: pointer;
-  }
-  .ev-contextmenu-children-row:hover{
-    margin: 0 2px 0 2px;
-    padding: 1px 19px 1px 27px;
-    background-color: #e6e6e6;
-    border: 1px solid #9d9d9d;
-    border-radius: 3px;
-  }
-  .ev-contextmenu-children-right-arrow{
-    position: absolute;
-  }
-  .ev-contextmenu-children-right-arrow:after{
-    padding-left: 8px;
-    vertical-align: middle;
-    font: bold 16px "Font Awesome\ 5 Free";
-    color: #9c9c9c;
-    background: -webkit-linear-gradient(#eee, #333);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    content: "\f0da";
-  }
-  .ev-contextmenu-children-sub-row{
-    position: relative;
-    padding: 2px 24px 2px 34px;
-    line-height: 22px;
-    white-space: nowrap;
-    overflow: hidden;
-    cursor: pointer;
-  }
-  .ev-contextmenu-children-sub-row:hover{
-    padding: 1px 11px 1px 33px;
-    background-color: #e6e6e6;
-    border: 1px solid #9d9d9d;
-    border-radius: 3px;
-  }
-</style>

package/src/components/menu/menu.context.vue

@@ -1,144 +0,0 @@
-<template>
-  <div
-    v-click-outside="hide"
-    v-show="isShow"
-    :style="ctxMenuStyle"
-    :class="prefixEvui"
-  >
-    <ev-context-menu-children
-      ref="ctxChildren"
-      :depth="0"
-      :items="items"
-      @click="onClick"
-    />
-  </div>
-</template>
-
-<script>
-  import '@/styles/evui.css';
-  import { getQuantity } from '../../common/utils';
-
-  const prefixEvui = 'ev-contextmenu';
-
-  export default {
-    directives: {
-      'click-outside': {
-        bind(el, binding) {
-          const contextMenuEl = el;
-          const bubble = binding.modifiers.bubble;
-          const handler = (e) => {
-            if (bubble || (contextMenuEl !== e.target && !contextMenuEl.contains(e.target))) {
-              binding.value(e);
-            }
-          };
-          contextMenuEl.vueClickOutside = handler;
-
-          document.addEventListener('mousedown', handler);
-        },
-        unbind(el) {
-          const contextMenuEl = el;
-          document.removeEventListener('mousedown', contextMenuEl.vueClickOutside);
-          contextMenuEl.vueClickOutside = null;
-        },
-      },
-    },
-    props: {
-      isUse: {
-        type: Boolean,
-        default: true,
-      },
-      x: {
-        type: Number,
-        default: 0,
-      },
-      y: {
-        type: Number,
-        default: 0,
-      },
-      items: {
-        type: Array,
-        default() {
-          return [];
-        },
-        validator(value) {
-          return value != null && value.constructor === Array;
-        },
-      },
-    },
-    data() {
-      return {
-        prefixEvui,
-        top: 0,
-        left: 0,
-        isShow: false,
-      };
-    },
-    computed: {
-      ctxMenuStyle() {
-        return `top: ${this.top}px; left: ${this.left}px;`;
-      },
-    },
-    created() {
-      this.setPosition(this.x, this.y);
-    },
-    mounted() {
-      this.parentAddListener();
-      this.moveElToBody();
-    },
-    beforeDestroy() {
-      if (this.$el) {
-        this.$el.remove();
-      }
-    },
-    methods: {
-      parentAddListener() {
-        const parentEl = this.$el.parentElement;
-
-        if (parentEl) {
-          parentEl.addEventListener('contextmenu', this.onContextMenu);
-        }
-      },
-      moveElToBody() {
-        document.body.appendChild(this.$el);
-      },
-      onContextMenu(e) {
-        this.setPosition(e.clientX, e.clientY);
-        this.show();
-        e.preventDefault();
-      },
-      onClick(item) {
-        if (!item.items) {
-          this.hide();
-        }
-
-        this.$emit('click', item);
-      },
-      setPosition(x, y) {
-        const posX = getQuantity(x) || { value: 0 };
-        const posY = getQuantity(y) || { value: 0 };
-        this.top = posY.value;
-        this.left = posX.value;
-      },
-      show() {
-        if (this.isUse) {
-          this.isShow = true;
-        }
-      },
-      hide() {
-        this.isShow = false;
-        const ctxChildren = this.$refs.ctxChildren;
-
-        if (ctxChildren && ctxChildren.clearSubMenuKey) {
-          ctxChildren.clearSubMenuKey(this.$children);
-        }
-      },
-    },
-  };
-</script>
-
-<style>
-  .ev-contextmenu{
-    position: absolute;
-    z-index: 9999;
-  }
-</style>

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,48 +0,0 @@
-<template>
-  <div>
-    <slot/>
-  </div>
-</template>
-<script>
-
-export default {
-  components: {
-  },
-  props: {
-    value: {
-      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) {
-        this.$children.forEach((c) => {
-          const child = c;
-          child.bindValue = v || this.value;
-        });
-      }
-    },
-  },
-};
-</script>
-
-<style scoped>
-</style>

package/src/components/radio/radio.vue

@@ -1,95 +0,0 @@
-<template>
-  <div
-    :class="{ disabled: disabled }"
-    class="ev-radio-wrap"
-  >
-    <label
-      :for="`${radioId}_${value}`"
-      class="ev-radio-label"
-    >
-      <input
-        :id="`${radioId}_${value}`"
-        :value="value"
-        :name="groupName"
-        :disabled="disabled"
-        v-model="bindValue"
-        type="radio"
-        class="ev-radio-input"
-        @change="onChange"
-      >
-      <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,
-    },
-  },
-  data() {
-    return {
-      bindValue: this.customValue,
-      radioId: this._uid,
-    };
-  },
-  computed: {
-  },
-  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 {
-    float: left;
-    user-select: none;
-    cursor: pointer;
-  }
-  .ev-radio-wrap.disabled {
-    color: #C0C4CC;
-    cursor: not-allowed;
-  }
-  .ev-radio-label {
-    cursor: inherit;
-  }
-  .ev-radio-input {
-    vertical-align: middle;
-    cursor: inherit;
-  }
-</style>

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

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