evui 2.0.9 → 2.1.2

package/src/components/chart/core/data/data.sunburst.js

@@ -1,172 +0,0 @@
-import _ from 'lodash-es';
-import DataStore from './data';
-
-export default class SunburstDataStore extends DataStore {
-  init() {
-    this.initTreeData();
-    this.createTreeDummy();
-  }
-
-  getSeriesExtends(defaultSeries, param) { // eslint-disable-line class-methods-use-this
-    const extSeries = {
-      oData: param.data || null,
-      cData: null,
-      children: param.children === undefined ? [] : param.children,
-      parentIndex: null,
-    };
-
-    return _.merge(defaultSeries, extSeries);
-  }
-
-  initTreeData() {
-    const series = this.chartData.series;
-    const lvl = 0;
-
-    for (let ix = 0, ixLen = series.length; ix < ixLen; ix++) {
-      this.addSeries(series[ix]);
-
-      const seriesNode = this.seriesList[this.seriesList.length - 1];
-      seriesNode.lvl = lvl;
-      seriesNode.parentIndex = -1;
-      seriesNode.data = seriesNode.oData;
-
-      const pIndex = seriesNode.parentIndex;
-
-      if (!this.seriesGroupList[lvl]) {
-        this.seriesGroupList[lvl] = {};
-      }
-
-      if (!this.seriesGroupList[lvl][pIndex]) {
-        this.seriesGroupList[lvl][pIndex] = { totalValue: 0, node: [] };
-      }
-
-      this.seriesGroupList[lvl][pIndex].totalValue += seriesNode.data;
-      this.seriesGroupList[lvl][pIndex].node.push({
-        parentIndex: seriesNode.parentIndex,
-        seriesIndex: seriesNode.seriesIndex,
-        data: seriesNode.data,
-        hasChild: !!seriesNode.children.length,
-      });
-
-      for (let jx = 0, jxLen = seriesNode.children.length; jx < jxLen; jx++) {
-        this.traversalDFS(seriesNode.children[jx], seriesNode.seriesIndex);
-      }
-    }
-  }
-
-  traversalDFS(item, parentIndex) {
-    this.addSeries(item);
-    const seriesNode = this.seriesList[this.seriesList.length - 1];
-    const lvl = this.seriesList[parentIndex].lvl + 1;
-
-    seriesNode.lvl = lvl;
-    seriesNode.parentIndex = parentIndex;
-    seriesNode.data = item.data;
-
-    if (!this.seriesGroupList[lvl]) {
-      this.seriesGroupList[lvl] = {};
-    }
-    if (!this.seriesGroupList[lvl][parentIndex]) {
-      this.seriesGroupList[lvl][parentIndex] = { totalValue: 0, node: [] };
-    }
-
-    this.seriesGroupList[lvl][parentIndex].totalValue += seriesNode.data;
-    this.seriesGroupList[lvl][parentIndex].node.push({
-      parentIndex: seriesNode.parentIndex,
-      seriesIndex: seriesNode.seriesIndex,
-      data: seriesNode.data,
-      hasChild: !!seriesNode.children.length,
-    });
-
-    for (let ix = 0, ixLen = seriesNode.children.length; ix < ixLen; ix++) {
-      this.traversalDFS(seriesNode.children[ix], seriesNode.seriesIndex);
-    }
-  }
-
-  createTreeDummy() {
-    let node;
-    let keys;
-
-    for (let ix = 0, ixLen = this.seriesGroupList.length - 1; ix < ixLen; ix++) {
-      keys = Object.keys(this.seriesGroupList[ix]);
-      for (let jx = 0, jxLen = keys.length; jx < jxLen; jx++) {
-        node = this.seriesGroupList[ix][keys[jx]].node;
-
-        for (let kx = 0, kxLen = node.length; kx < kxLen; kx++) {
-          if (!node[kx].hasChild) {
-            this.seriesGroupList[ix + 1][node[kx].seriesIndex] = {
-              totalValue: node[kx].data,
-              node: [{
-                parentIndex: node[kx].seriesIndex,
-                seriesIndex: this.seriesList.length,
-                data: node[kx].data,
-                hasChild: false,
-                isDummy: true,
-              }],
-            };
-          }
-        }
-      }
-    }
-  }
-
-  addValue(seriesIndex, value, dataIndex) {
-    if (this.seriesList === undefined) {
-      return;
-    }
-    // category 형태의 데이터냐 아니냐에 따라 x,y 처리
-    const series = this.seriesList[seriesIndex];
-    const tempValue = {};
-    let dataIdx = dataIndex;
-
-    if (!series) {
-      return;
-    }
-
-    if (dataIndex === null || dataIndex === undefined) {
-      dataIdx = series.data.length;
-    }
-
-    if (!this.seriesGroupList[dataIdx]) {
-      this.seriesGroupList[dataIdx] = [];
-    }
-    this.seriesGroupList[dataIdx].push({ seriesIndex, data: value, show: series.show });
-
-    series.cData[dataIdx] = value;
-    series.oData[dataIdx] = value;
-
-    if (series.show) {
-      this.setMinMaxValue(series, tempValue, dataIdx);
-      this.setMaxLabelWidth(tempValue);
-    }
-  }
-
-  getSeriesGroupList() {
-    return this.seriesGroupList;
-  }
-
-  updateData() {
-    this.maxValueInfo = {
-      x: null,
-      y: null,
-      index: null,
-      seriesIndex: null,
-    };
-    this.minValueInfo = {
-      x: null,
-      y: null,
-      index: null,
-      seriesIndex: null,
-    };
-    this.labelTextMaxInfo = {
-      xLen: 0,
-      xText: '',
-      yLen: 0,
-      yText: '',
-    };
-    this.seriesGroupList.length = 0;
-    this.seriesList.length = 0;
-    this.initTreeData();
-    this.createTreeDummy();
-  }
-}

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/tabs/jun/tab.vue

@@ -1,123 +0,0 @@
-<template>
-  <div
-    :class="activeClass"
-    @click="setActive"
-    @dragend="onDragEnd"
-  >
-    {{ tabProp.title }}
-    <span
-      class="ev-btn-close"
-      @click.stop="close"
-    > &times;
-    </span>
-  </div>
-</template>
-
-<script>
-  const prefixCls = 'ev-tab-title';
-
-  export default {
-    props: {
-      tabProp: {
-        type: Object,
-        default() {
-          return {};
-        },
-      },
-      minWidth: {
-        type: Number,
-        default: 100,
-      },
-    },
-    data() {
-      return {
-        isActive: this.tabProp.isActive,
-      };
-    },
-    computed: {
-      activeClass() {
-       return [
-          `${prefixCls}`,
-          {
-            active: this.tabProp.isActive,
-          },
-        ];
-      },
-      currentWidth() {
-        return {
-            width: `${this.width}px`,
-        };
-      },
-    },
-    methods: {
-      computedTitle() {
-        const result = this.tabProp.title.split('');
-        let isShrink = false;
-        const minWidth = this.tabProp.width || this.minWidth;
-
-        while (result.length * 7 > (minWidth - 50)) {
-          result.pop();
-          isShrink = true;
-        }
-        if (isShrink) {
-          result.push('...');
-        }
-        return result.join('');
-      },
-      close() {
-        this.$emit('close', this.tabProp);
-      },
-      setActive() {
-        this.$emit('set-active', this.tabProp);
-      },
-      onDragEnd(e) {
-        this.$emit('drag-end', this.tabProp, e);
-      },
-    },
-  };
-</script>
-
-<style scoped>
-  .ev-tab-title {
-    margin: 0;
-    margin-right: 4px;
-    height: 31px;
-    padding: 5px 16px 4px;
-    border: 1px solid #dddee1;
-    border-bottom: 0;
-    border-radius: 4px 4px 0 0;
-    transition: all 0.3s ease-in-out;
-    background: #f8f8f9;
-    display: inline-block;
-    user-select: none;
-  }
-  .ev-tab-title.active {
-    height: 32px;
-    padding-bottom: 5px;
-    background: #fff;
-    transform: translateZ(0);
-    border-color: #dddee1;
-    color: #2d8cf0;
-  }
-  .ev-tab-title:hover {
-    color: #2589E9;
-    font-weight: bold;
-    cursor: pointer;
-  }
-  .ev-btn-close {
-    position: relative;
-    float: right;
-    left: 8px;
-    line-height: 4px;
-    visibility: hidden;
-  }
-  .ev-tab-title:hover .ev-btn-close {
-    visibility: visible;
-  }
-
-  .ev-tab-title:hover .ev-btn-close:hover {
-    color: red;
-    font-weight: bold;
-    cursor: pointer;
-  }
-</style>