evui 2.0.8 → 2.0.10

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

@@ -1,172 +0,0 @@
-import _ from 'lodash';
-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/chart/index.js

@@ -1,4 +0,0 @@
-import Chart from './chart';
-
-export default Chart;
-

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

@@ -1,57 +0,0 @@
-<template>
-  <div>
-    <slot/>
-  </div>
-</template>
-
-<script>
-  export default {
-    props: {
-      value: {
-        type: Array,
-        default() {
-          return [];
-        },
-      },
-    },
-    data() {
-      return {
-        bindValue: this.value,
-      };
-    },
-    componentName: 'CheckboxGroup',
-    computed: {
-    },
-    watch: {
-      value(array) {
-        this.initValue(array);
-      },
-    },
-    mounted() {
-      this.initValue();
-      const bindValue = this.bindValue;
-      this.$on('change-event', (e) => {
-        const targetValue = e.target.value;
-        if (e.currentTarget.checked && bindValue.indexOf(targetValue) === -1) {
-          bindValue.push(targetValue);
-        } else if (!e.currentTarget.checked && bindValue.indexOf(targetValue) > -1) {
-          bindValue.splice(bindValue.indexOf(targetValue), 1);
-        }
-        this.$parent.$emit('input', bindValue);
-      });
-    },
-    methods: {
-      initValue(array) {
-        if (this.$children && this.$children instanceof Array) {
-          this.$children.forEach((c) => {
-            const child = c;
-            child.bindValue = array || this.value;
-          });
-        }
-      },
-    },
-  };
-</script>
-
-<style scoped>
-</style>

package/src/components/checkbox/checkbox.vue

@@ -1,98 +0,0 @@
-<template>
-  <label
-    :for="`${checkboxId}_${value}`"
-    :class="{ disabled: disabled }"
-    class="ev-checkbox-label"
-  >
-    <input
-      v-if="!isGroup"
-      :id="`${checkboxId}_${value}`"
-      :value="value"
-      :disabled="disabled"
-      v-model="bindValue"
-      type="checkbox"
-      class="ev-checkbox-input"
-      @change="change"
-    >
-    <input
-      v-else
-      :id="`${checkboxId}_${value}`"
-      :value="value"
-      :disabled="disabled"
-      v-model="groupBindValue"
-      type="checkbox"
-      class="ev-checkbox-input group"
-      @change="change"
-    >
-    <slot/>
-  </label>
-</template>
-
-<script>
-  export default {
-    model: {
-      prop: 'customValue',
-    },
-    props: {
-      value: {
-        type: String,
-        default: '',
-      },
-      disabled: {
-        type: Boolean,
-        default: false,
-      },
-      customValue: {
-        type: [Boolean, Array],
-        default: null,
-      },
-    },
-    data() {
-      return {
-        checkboxId: this._uid,
-        isGroup: false, // group태그가 존재하는 경우 true
-        groupBindValue: [],
-      };
-    },
-    computed: {
-      bindValue: {
-        get() {
-          return this.customValue;
-        },
-        set(list) {
-          this.groupBindValue = list;
-        },
-      },
-    },
-    created() {
-      this.isGroup = this.$parent.$options.componentName === 'CheckboxGroup';
-    },
-    methods: {
-      change(e) {
-        if (this.isGroup) {
-          this.$parent.$emit('change-event', e);
-        } else {
-          this.$emit('change-event', e);
-          this.$emit('input', e.target.checked);
-        }
-      },
-    },
-  };
-</script>
-
-<style scoped>
-  .ev-checkbox-label {
-    vertical-align: middle;
-    float: left;
-    user-select: none;
-    cursor: pointer;
-  }
-  .ev-checkbox-label.disabled {
-    color: #C0C4CC;
-    cursor: not-allowed;
-  }
-  .ev-checkbox-input {
-    vertical-align: middle;
-    cursor: inherit;
-  }
-</style>

package/src/components/checkbox/index.js

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

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

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

package/src/components/codeview/code.vue

@@ -1,242 +0,0 @@
-<template>
-  <div
-    :style="{ height: boxHeight+'px' }"
-    :class="isActive"
-    class="evui-codeview"
-  >
-    <div
-      v-if="description && !isBottom"
-      ref="descriptionLayer"
-      class="evui-codeview-description"
-    >
-      <span>{{ description }}</span>
-    </div>
-    <div
-      ref="exampleLayer"
-      class="evui-codeview-example-layer"
-    >
-      <slot/>
-      <div
-        v-if="description && isBottom"
-        ref="descriptionLayer"
-        class="evui-codeview-description"
-      >
-        <span>{{ description }}</span>
-      </div>
-    </div>
-    <div>
-      <div class="evui-codeview-split-layer"/>
-      <div
-        ref="codeLayer"
-        class="evui-codeview-code-layer"
-      >
-        <codemirror
-          :value="rawCode"
-          :options="codeOption"
-        />
-      </div>
-      <div
-        class="evui-codeview-example-bar"
-        @click.stop="onBottomClick"
-      >
-        <div
-          :class="selectIconClasses"
-          class="evui-codeview-example-bar-icon"
-        >
-          <icon class="fa-sort-down"/>
-          <span
-            class="evui-codeview-example-bar-span"
-          >{{ txtBottomBar }}</span>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-  import { codemirror } from 'vue-codemirror-lite';
-  import icon from '@/components/icon/icon';
-
-  export default {
-    components: {
-      icon,
-      codemirror,
-    },
-    props: {
-      codeUrl: {
-        type: String,
-        default: '',
-      },
-      height: {
-        type: Number,
-        default: 0,
-      },
-      description: {
-        type: String,
-        default: '',
-      },
-      isBottom: {
-        type: Boolean,
-        default: false,
-      },
-    },
-    data() {
-      return {
-        resource: {},
-        rawCode: '',
-        boxHeight: this.height,
-        txtBottomBar: 'Expand',
-        isExpand: false,
-        codeOption: {
-          mode: 'vue',
-          tabSize: 4,
-          lineNumbers: false,
-          lineWrapping: true,
-          scrollbarStyle: null,
-          readOnly: true,
-        },
-      };
-    },
-    computed: {
-      isActive() {
-        return [
-          {
-            expand: this.isExpand,
-          },
-        ];
-      },
-      selectIconClasses() {
-        return [
-          {
-            'select-down': this.txtBottomBar !== 'Expand',
-          },
-        ];
-      },
-    },
-    mounted() {
-      const descriptionLayerHeight = this.$refs.descriptionLayer ?
-        this.$refs.descriptionLayer.getBoundingClientRect().height + 14.5 : 0;
-      const exampleLayerHeight = this.$refs.exampleLayer.getBoundingClientRect().height;
-
-      this.boxHeight = exampleLayerHeight + descriptionLayerHeight + 50;
-    },
-    created() {
-      this.$http.get(this.codeUrl)
-        .then((result) => {
-          setTimeout(() => {
-            this.rawCode = result.data;
-          }, 600);
-        }, (error) => {
-          throw new Error(error);
-        });
-    },
-    methods: {
-      onBottomClick: function onBottomClick() {
-        const codeLayerHeight = this.$refs.codeLayer.getBoundingClientRect().height;
-        const exampleLayerHeight = this.$refs.exampleLayer.getBoundingClientRect().height;
-        const descriptionLayerHeight = this.$refs.descriptionLayer ?
-          this.$refs.descriptionLayer.getBoundingClientRect().height + 14.5 : 0;
-        if (this.txtBottomBar === 'Expand') {
-          this.txtBottomBar = 'Hide';
-          this.boxHeight = codeLayerHeight + exampleLayerHeight + descriptionLayerHeight + 33;
-        } else {
-          this.txtBottomBar = 'Expand';
-          this.boxHeight = exampleLayerHeight + descriptionLayerHeight + 50;
-        }
-        this.isExpand = !this.isExpand;
-      },
-    },
-  };
-</script>
-<style scoped>
-  .evui-codeview{
-    position: relative;
-    width: 100%;
-    border: 1px solid #dfe6e9;
-    margin: 5px;
-    padding: 10px 10px 20px 10px;
-    border-radius: 6px;
-    overflow: hidden;
-    z-index: 1;
-    transition: height .3s ease-in-out;
-  }
-  .evui-codeview.expand{
-    transition: height .3s ease-in-out;
-  }
-  .evui-codeview-example-layer{
-    position: relative;
-    padding: 0px 0px 8px 0px;
-  }
-  .evui-codeview-split-layer{
-    position: relative;
-    border-bottom: 1px solid #dfe6e9;
-  }
-  .evui-codeview-code-layer{
-    position: relative;
-    width: 100%;
-    font-size: 8px;
-  }
-  .evui-codeview-example-bar{
-    position: absolute;
-    left: 0px;
-    bottom: 0px;
-    width: 100%;
-    height: 37px;
-    z-index: 10;
-    background-color: #ffffff;
-    transition: background-color .2s ease-in-out;
-  }
-  .evui-codeview-example-bar:hover{
-    cursor: pointer;
-    background-color: rgba(255, 255, 255, 0.4);
-  }
-  .evui-codeview-example:hover{
-    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
-  }
-  .evui-codeview-example-bar-icon{
-    width: 100%;
-    height: 100%;
-    line-height: 25px;
-    text-align: center;
-  }
-  .evui-codeview-example-bar-icon i{
-    height: 100%;
-    line-height: 30px;
-    font-size: 16px;
-    color: rgba(30, 101, 188, 0.5);
-    transition: all .3s ease-in-out;
-  }
-  .evui-codeview-example-bar-icon span{
-    line-height: 30px;
-    font-size: 13px;
-    font-weight: bold;
-    opacity: 0;
-    transition: all .3s ease-in-out;
-  }
-
-  .evui-codeview-example-bar-icon:hover i, .evui-codeview-example-bar-icon:hover span{
-    color: rgb(30, 101, 188);
-    opacity: 1;
-    transform: translateX(-6px);
-    transition: all .3s ease-out;
-  }
-  .evui-codeview-example-bar-icon.select-down i{
-    transform: rotate(180deg);
-    transition: transform .4s ease-out;
-  }
-  .evui-codeview-example-bar-icon, .evui-codeview-example-bar-icon-span {
-    user-select: none;
-  }
-  .evui-codeview-description {
-    border: 1px solid #dfe6e9;
-    border-radius: 2px;
-    padding: 5px 10px 8px 10px;
-    margin: 5px 3px 5px 3px;
-    background-color: #FAFAFA;
-    text-align: left;
-    line-height: 1.5;
-  }
-  .evui-codeview-description span{
-    font-size: 13px;
-  }
-</style>