evui 2.0.9 → 2.0.10

package/src/components/chart/scale/scale.logarithmic.js

@@ -1,95 +0,0 @@
-import Scale from './scale';
-import Util from '../helpers/helpers.util';
-
-class LogarithmicScale extends Scale {
-  calculateScaleRange(minMax) {
-    let maxValue;
-    let minValue;
-    if (this.range && this.range.length === 2) {
-      maxValue = this.range[1];
-      minValue = this.range[0];
-    } else {
-      maxValue = minMax.max;
-      minValue = minMax.min;
-    }
-
-    const rangeMagnitude = Util.calculateMagnitude(maxValue - minValue);
-    maxValue = Math.ceil(maxValue / (10 ** rangeMagnitude)) * (10 ** rangeMagnitude);
-
-    if (this.startToZero) {
-      minValue = 0;
-    }
-
-    if (maxValue === minValue) {
-      maxValue += 1;
-    }
-
-    const minLabel = this.getLabelFormat(minValue);
-    const maxLabel = this.getLabelFormat(maxValue);
-
-    return {
-      min: minValue,
-      max: maxValue,
-      minLabel,
-      maxLabel,
-      size: Util.calcTextSize(maxLabel, Util.getLabelStyle(this.labelStyle)),
-    };
-  }
-
-  calculateSteps(range, skipFitting) {
-    const maxValue = range.maxValue;
-    const minValue = range.minValue;
-    const maxSteps = range.maxSteps;
-    const rangeMagnitude = Util.calculateMagnitude(maxValue - minValue);
-
-    let interval = this.getInterval(range);
-    let numberOfSteps;
-
-    const graphMax = maxValue;
-    const graphMin = minValue;
-    const graphRange = graphMax - graphMin;
-
-    numberOfSteps = Math.round(graphRange / interval);
-
-    if (maxValue === 1) {
-      interval = 0.2;
-      numberOfSteps = 5;
-    }
-
-    while ((numberOfSteps > maxSteps || (numberOfSteps * 2) < maxSteps) && !skipFitting) {
-      if (numberOfSteps > maxSteps) {
-        interval *= 2;
-        numberOfSteps = Math.ceil(graphRange / interval);
-      } else if (rangeMagnitude >= 0) {
-        if ((interval / 2) % 1 === 0) {
-          interval /= 2;
-          numberOfSteps = Math.ceil(graphRange / interval);
-        } else {
-          break;
-        }
-      } else {
-        interval /= 2;
-        numberOfSteps = Math.ceil(graphRange / interval);
-      }
-    }
-
-    return {
-      steps: numberOfSteps,
-      interval,
-      graphMin,
-      graphMax: Math.ceil(graphMin + (numberOfSteps * interval)),
-    };
-  }
-
-  getLabelFormat(value) {
-    return Util.labelSignFormat(value, this.decimalPoint);
-  }
-
-  getInterval(range) {
-    const max = range.maxValue;
-    const min = range.minValue;
-    return 10 ** Util.calculateMagnitude(max - min);
-  }
-}
-
-export default LogarithmicScale;

package/src/components/chart/scale/scale.step.js

@@ -1,160 +0,0 @@
-import moment from 'moment';
-import Scale from './scale';
-import Util from '../helpers/helpers.util';
-
-class StepScale extends Scale {
-  constructor(type, opt, ctx, labels) {
-    super(type, opt, ctx);
-    this.integratedLabels = labels;
-  }
-
-  calculateScaleRange(minMax) {
-    const stepMinMax = this.timeMode ? minMax : Util.getStringMinMax(this.integratedLabels);
-    const maxValue = stepMinMax.max;
-    const minValue = stepMinMax.min;
-
-    return {
-      min: minValue,
-      max: maxValue,
-      minLabel: this.getLabelFormat(minValue),
-      maxLabel: this.getLabelFormat(maxValue),
-      size: Util.calcTextSize(this.getLabelFormat(maxValue), Util.getLabelStyle(this.labelStyle)),
-    };
-  }
-
-  calculateSteps(range) {
-    const labels = this.integratedLabels;
-    const maxSteps = range.maxSteps;
-
-    let interval = 1;
-    let numberOfSteps;
-
-    const graphRange = labels.length;
-
-    numberOfSteps = Math.round(graphRange / interval);
-
-    while (numberOfSteps > maxSteps) {
-      interval *= 2;
-      numberOfSteps = Math.round(graphRange / interval);
-    }
-
-    return {
-      steps: numberOfSteps,
-      interval,
-      graphMin: range.minValue,
-      graphMax: range.maxValue,
-    };
-  }
-
-  draw(chartRect, labelOffset, stepInfo) {
-    const ctx = this.ctx;
-    const labels = this.integratedLabels;
-    const aPos = {
-      x1: chartRect.x1 + labelOffset.left,
-      x2: chartRect.x2 - labelOffset.right,
-      y1: chartRect.y1 + labelOffset.top,
-      y2: chartRect.y2 - labelOffset.bottom,
-    };
-
-    const steps = stepInfo.steps;
-    const interval = stepInfo.interval;
-
-    const startPoint = aPos[this.units.rectStart];
-    const endPoint = aPos[this.units.rectEnd];
-    const offsetPoint = aPos[this.units.rectOffset(this.position)];
-    const offsetCounterPoint = aPos[this.units.rectOffsetCounter(this.position)];
-
-    // label font 설정
-    ctx.font = Util.getLabelStyle(this.labelStyle);
-
-    if (this.type === 'x') {
-      ctx.textAlign = 'center';
-      ctx.textBaseline = this.position === 'top' ? 'bottom' : 'top';
-    } else {
-      ctx.textAlign = this.position === 'left' ? 'right' : 'left';
-      ctx.textBaseline = 'middle';
-    }
-
-    ctx.fillStyle = this.labelStyle.color;
-    ctx.lineWidth = 1;
-    const aliasPixel = Util.aliasPixel(ctx.lineWidth);
-
-    ctx.beginPath();
-    ctx.strokeStyle = this.axisLineColor;
-    if (this.type === 'x') {
-      ctx.moveTo(startPoint, offsetPoint + aliasPixel);
-      ctx.lineTo(endPoint, offsetPoint + aliasPixel);
-    } else {
-      ctx.moveTo(offsetPoint + aliasPixel, startPoint);
-      ctx.lineTo(offsetPoint + aliasPixel, endPoint);
-    }
-    ctx.stroke();
-
-    if (steps === 0) {
-      return;
-    }
-
-    const labelGap = (endPoint - startPoint) / labels.length;
-    let labelCenter = null;
-    let linePosition = null;
-
-    ctx.beginPath();
-    ctx.strokeStyle = this.gridLineColor;
-
-    let labelText;
-    let labelPoint;
-    let prevIndex = 0;
-
-    labels.reduce((prev, curr, index) => {
-      labelCenter = Math.round(startPoint + (labelGap * index));
-      linePosition = labelCenter + aliasPixel;
-      labelText = this.getLabelFormat(curr);
-
-      if (this.type === 'x') {
-        labelPoint = this.position === 'top' ? offsetPoint - 10 : offsetPoint + 10;
-        if (this.timeMode) {
-          if (prev.label !== labelText && (index === 0 || index - prev.index > interval)) {
-            prevIndex = index;
-            ctx.fillText(labelText, labelCenter + (labelGap / 2), labelPoint);
-          }
-        } else {
-          ctx.fillText(labelText, labelCenter + (labelGap / 2), labelPoint);
-        }
-
-        if (index > 0 && this.showGrid) {
-          ctx.moveTo(linePosition, offsetPoint);
-          ctx.lineTo(linePosition, offsetCounterPoint);
-        }
-      } else {
-        labelPoint = this.position === 'left' ? offsetPoint - 10 : offsetPoint + 10;
-        if (this.timeMode) {
-          if (prev.label !== labelText && (index === 0 || index - prev.index > interval)) {
-            prevIndex = index;
-            ctx.fillText(labelText, labelPoint, labelCenter + (labelGap / 2));
-          }
-        } else {
-          ctx.fillText(labelText, labelPoint, labelCenter + (labelGap / 2));
-        }
-
-        if (index > 0 && this.showGrid) {
-          ctx.moveTo(offsetPoint, linePosition);
-          ctx.lineTo(offsetCounterPoint, linePosition);
-        }
-      }
-      ctx.stroke();
-
-      return { label: labelText, index: prevIndex };
-    }, { label: '', index: prevIndex });
-
-    ctx.closePath();
-  }
-
-  getLabelFormat(value) {
-    if (this.timeMode) {
-      return moment(new Date(value)).format(this.timeFormat);
-    }
-    return value;
-  }
-}
-
-export default StepScale;

package/src/components/chart/scale/scale.time.js

@@ -1,22 +0,0 @@
-import moment from 'moment';
-import { TIME_INTERVALS } from '../helpers/helpers.constant';
-import Scale from './scale';
-
-class TimeScale extends Scale {
-  getLabelFormat(value) {
-    return moment(value).format(this.timeFormat);
-  }
-
-  getInterval(range) {
-    const max = range.maxValue;
-    const min = range.minValue;
-    const step = range.maxSteps;
-
-    if (this.interval) {
-      return TIME_INTERVALS[this.interval].size;
-    }
-    return Math.ceil((max - min) / step);
-  }
-}
-
-export default TimeScale;

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

@@ -1,72 +0,0 @@
-<template>
-  <div>
-    <slot/>
-  </div>
-</template>
-
-<script>
-  export default {
-    props: {
-      value: {
-        type: Array,
-        default() {
-          return [];
-        },
-      },
-      size: {
-        type: String,
-        default() {
-          return '';
-        },
-      },
-      type: {
-        type: String,
-        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) {
-          const self = this;
-          this.$children.forEach((c) => {
-            const child = c;
-            child.bindValue = array || self.value;
-            child.bindSize = self.size;
-            child.bindType = self.type;
-          });
-        }
-      },
-    },
-  };
-</script>
-
-<style scoped>
-</style>

package/src/components/checkbox/checkbox.vue

@@ -1,276 +0,0 @@
-<template>
-  <div
-    :class="[{ disabled: disabled }, dataSize]"
-    class="ev-checkbox-wrap"
-  >
-    <input
-      v-if="!isGroup"
-      :id="`${checkboxId}_${value}`"
-      :value="value"
-      :disabled="disabled"
-      v-model="bindValue"
-      type="checkbox"
-      class="ev-checkbox-input"
-      @change="change"
-      @click="click"
-    >
-    <input
-      v-else
-      :id="`${checkboxId}_${value}`"
-      :value="value"
-      :disabled="disabled"
-      v-model="groupBindValue"
-      type="checkbox"
-      class="ev-checkbox-input group"
-      @change="change"
-    >
-    <label
-      :for="`${checkboxId}_${value}`"
-      :class="[dataSize, dataType, dataAfterType]"
-      class="ev-checkbox-label"
-    >
-      <slot/>
-    </label>
-  </div>
-</template>
-
-<script>
-  export default {
-    model: {
-      prop: 'customValue',
-    },
-    props: {
-      value: {
-        type: String,
-        default: '',
-      },
-      disabled: {
-        type: Boolean,
-        default: false,
-      },
-      customValue: {
-        type: [Boolean, Array],
-        default: null,
-      },
-      size: {
-        type: String,
-        default: '',
-      },
-      type: {
-        type: String,
-        default: '',
-      },
-      afterType: {
-        type: String,
-        default: '',
-      },
-    },
-    data() {
-      return {
-        checkboxId: this._uid,
-        isGroup: false, // group태그가 존재하는 경우 true
-        groupBindValue: [],
-        dataSize: this.size,
-        dataType: this.type,
-        // dataAfterType: this.afterType,
-      };
-    },
-    computed: {
-      bindValue: {
-        get() {
-          return this.customValue;
-        },
-        set(list) {
-          this.groupBindValue = list;
-        },
-      },
-      bindSize: {
-        get() {
-          return this.size;
-        },
-        set(size) {
-          this.dataSize = size;
-        },
-      },
-      bindType: {
-        get() {
-          return this.type;
-        },
-        set(size) {
-          this.dataType = size;
-        },
-      },
-      dataAfterType() {
-        return this.afterType;
-      },
-    },
-    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);
-        }
-      },
-      click(e) {
-        if (this.isGroup) {
-          this.$parent.$emit('click-event', e);
-        } else {
-          this.$emit('click-event', e);
-          this.$emit('input', e.target.checked);
-        }
-      },
-    },
-  };
-</script>
-
-<style scoped>
-  .ev-checkbox-wrap {
-    height: 19px;
-    float: left;
-    user-select: none;
-  }
-  .ev-checkbox-wrap.small{
-    height: 16px;
-  }
-  .ev-checkbox-wrap.disabled {
-    color: #C0C4CC;
-  }
-  .ev-checkbox-label {
-    position: relative;
-    height: 100%;
-    display: inline-block;
-    padding-left: 25px;
-    line-height: 19px;
-    cursor: pointer;
-  }
-  .ev-checkbox-label.small {
-    padding-left: 23px;
-    line-height: 16px;
-  }
-  .ev-checkbox-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-checkbox-label.square:before {
-    border-radius: 0;
-  }
-  .ev-checkbox-label.small:before {
-    width: 12px;
-    height: 12px;
-  }
-  .ev-checkbox-wrap.disabled .ev-checkbox-label {
-    cursor: not-allowed;
-  }
-  .ev-checkbox-wrap.disabled .ev-checkbox-label:before {
-    border: 1px solid #B01012;
-  }
-  .ev-checkbox-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-checkbox-input:checked + .ev-checkbox-label:before {
-    border: 1px solid #41B7FD;
-  }
-  .ev-checkbox-wrap.disabled .ev-checkbox-input:checked + .ev-checkbox-label:before {
-    border: 1px solid #B01012;
-  }
-  .ev-checkbox-input:checked + .ev-checkbox-label:after {
-    position: absolute;
-    top: 50%;
-    left: 7px;
-    width: 8px;
-    height: 8px;
-    border-radius: 100%;
-    transform: translateY(-50%);
-    content: '';
-  }
-  .ev-checkbox-input:checked + .ev-checkbox-label:after {
-    background: #41B7FD;
-  }
-  .ev-checkbox-input:checked + .ev-checkbox-label.check:after {
-    border: solid #41B7FD;
-    border-radius: 0;
-    border-width: 0 2px 2px 0;
-    transform: rotate(45deg);
-  }
-  .ev-checkbox-input:checked + .ev-checkbox-label.check.small:after {
-    border: solid #41B7FD;
-    border-radius: 0;
-    border-width: 0 1.5px 1.5px 0;
-    transform: rotate(45deg);
-  }
-  .ev-checkbox-wrap.disabled .ev-checkbox-input:checked + .ev-checkbox-label:after {
-    background: #B01012;
-  }
-  .ev-checkbox-wrap.disabled .ev-checkbox-input:checked + .ev-checkbox-label.check:after {
-    border: solid #B01012;
-    border-radius: 0;
-    border-width: 0 2px 2px 0;
-    transform: rotate(45deg);
-  }
-  .ev-checkbox-wrap.disabled .ev-checkbox-input:checked + .ev-checkbox-label.check.small:after {
-    border: solid #B01012;
-    border-radius: 0;
-    border-width: 0 1.5px 1.5px 0;
-    transform: rotate(45deg);
-  }
-  .ev-checkbox-input:checked + .ev-checkbox-label.square:after {
-    border-radius: 0;
-  }
-  .ev-checkbox-input:checked + .ev-checkbox-label.check:after {
-    background: none;
-    border-radius: 0;
-  }
-  .ev-checkbox-input:checked + .ev-checkbox-label.small:after {
-    left: 6px;
-    width: 6px;
-    height: 6px;
-  }
-  .ev-checkbox-input:checked + .ev-checkbox-label.minus:after {
-    left: 5px;
-    width: 12px;
-    height: 4px;
-    border-radius: 0;
-  }
-  .ev-checkbox-input:checked + .ev-checkbox-label.minus.small:after {
-    width: 8px;
-    height: 2px;
-  }
-  .ev-checkbox-input:checked + .ev-checkbox-label.check:after {
-    display: block;
-    top: 4px;
-    left: 7px;
-    width: 5px;
-    height: 8px;
-    background: none;
-    content: '';
-  }
-  .ev-checkbox-input:checked + .ev-checkbox-label.check.small:after {
-    top: 3px;
-    left: 6px;
-    width: 4px;
-    height: 6px;
-    background: none;
-  }
-</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;