element-sim 1.0.0 → 1.0.1

package/packages/slider/src/marker.js

@@ -1,18 +1,18 @@
-export default {
-  name: 'ElMarker',
-
-  props: {
-    mark: {
-      type: [String, Object]
-    }
-  },
-  render() {
-    let label = typeof this.mark === 'string' ? this.mark : this.mark.label;
-
-    return (
-      <div class="el-slider__marks-text" style={ this.mark.style || {} }>
-        { label }
-      </div>
-    );
-  }
-};
+export default {
+  name: 'ElMarker',
+
+  props: {
+    mark: {
+      type: [String, Object]
+    }
+  },
+  render() {
+    let label = typeof this.mark === 'string' ? this.mark : this.mark.label;
+
+    return (
+      <div class="el-slider__marks-text" style={ this.mark.style || {} }>
+        { label }
+      </div>
+    );
+  }
+};

package/packages/spinner/index.js

@@ -1,8 +1,8 @@
-import Spinner from './src/spinner';
-
-/* istanbul ignore next */
-Spinner.install = function(Vue) {
-  Vue.component(Spinner.name, Spinner);
-};
-
-export default Spinner;
+import Spinner from './src/spinner';
+
+/* istanbul ignore next */
+Spinner.install = function(Vue) {
+  Vue.component(Spinner.name, Spinner);
+};
+
+export default Spinner;

package/packages/spinner/src/spinner.vue

@@ -1,27 +1,27 @@
-<template>
-  <span class="el-spinner">
-    <svg class="el-spinner-inner" viewBox="0 0 50 50" :style="{ width: radius/2 + 'px', height: radius/2 + 'px' }">
-      <circle class="path" cx="25" cy="25" r="20" fill="none" :stroke="strokeColor" :stroke-width="strokeWidth"></circle>
-    </svg>
-  </span>
-</template>
-<script>
-  export default {
-    name: 'ElSpinner',
-    props: {
-      type: String,
-      radius: {
-        type: Number,
-        default: 100
-      },
-      strokeWidth: {
-        type: Number,
-        default: 5
-      },
-      strokeColor: {
-        type: String,
-        default: '#efefef'
-      }
-    }
-  };
-</script>
+<template>
+  <span class="el-spinner">
+    <svg class="el-spinner-inner" viewBox="0 0 50 50" :style="{ width: radius/2 + 'px', height: radius/2 + 'px' }">
+      <circle class="path" cx="25" cy="25" r="20" fill="none" :stroke="strokeColor" :stroke-width="strokeWidth"></circle>
+    </svg>
+  </span>
+</template>
+<script>
+  export default {
+    name: 'ElSpinner',
+    props: {
+      type: String,
+      radius: {
+        type: Number,
+        default: 100
+      },
+      strokeWidth: {
+        type: Number,
+        default: 5
+      },
+      strokeColor: {
+        type: String,
+        default: '#efefef'
+      }
+    }
+  };
+</script>

package/packages/statistic/index.js

@@ -1,8 +1,8 @@
-import Statistic from './src/main';
-
-/* istanbul ignore next */
-Statistic.install = function(Vue) {
-  Vue.component(Statistic.name, Statistic);
-};
-
-export default Statistic;
+import Statistic from './src/main';
+
+/* istanbul ignore next */
+Statistic.install = function(Vue) {
+  Vue.component(Statistic.name, Statistic);
+};
+
+export default Statistic;

package/packages/statistic/src/main.vue

@@ -1,204 +1,204 @@
-<template>
-  <div class="el-statistic">
-    <div class="head" v-if="title||$slots.title">
-      <slot name="title">
-        <span class="title">
-          {{ title }}
-        </span>
-      </slot>
-    </div>
-    <div class="con">
-      <span class="prefix" v-if="prefix||$slots.prefix">
-        <slot name="prefix" >
-          {{ prefix }}
-        </slot>
-      </span>
-      <span class="number" :style="valueStyle">
-        <slot name="formatter"> {{ disposeValue }}</slot>
-      </span>
-      <span class="suffix" v-if="suffix||$slots.suffix">
-        <slot name="suffix">
-          {{ suffix }}
-        </slot>
-      </span>
-    </div>
-  </div>
-</template>
-
-<script>
-import { isNumber, chain, multiply, padStart, reduce} from 'element-ui/src/utils/lodash';
-export default {
-  name: 'ElStatistic',
-  data() {
-    return {
-      disposeValue: '',
-      timeTask: null,
-      REFRESH_INTERVAL: 1000 / 30
-    };
-  },
-  props: {
-    decimalSeparator: {
-      type: String,
-      default: '.'
-    },
-    groupSeparator: {
-      type: String,
-      default: ''
-    },
-    precision: {
-      type: Number,
-      default: null
-    },
-    value: {
-      type: [String, Number, Date],
-      default: ''
-    },
-    prefix: {
-      type: String,
-      default: ''
-    },
-    suffix: {
-      type: String,
-      default: ''
-    },
-    title: {
-      type: [String, Number],
-      default: ''
-    },
-    timeIndices: {
-      type: Boolean,
-      default: false
-    },
-    valueStyle: {
-      type: Object,
-      default: function() {
-        return {};
-      }
-    },
-    format: {
-      type: String,
-      default: 'HH:mm:ss:SSS'
-    },
-    rate: {
-      type: Number,
-      default: 1000
-    }
-  },
-  created() {
-    this.branch();
-  },
-  watch: {
-    value: function() {
-      this.branch();
-    },
-    groupSeparator() {
-      this.dispose();
-    },
-    mulriple() {
-      this.dispose();
-    }
-  },
-  methods: {
-    branch() {
-      let { timeIndices, countDown, dispose} = this;
-      if (timeIndices) {
-        countDown(this.value.valueOf() || this.value);
-      } else {
-        dispose();
-      }
-    },
-    magnification(num, mulriple = 1000, groupSeparator = ',') {
-      // magnification factor
-      const level = String(mulriple).length ;
-      return num.replace(new RegExp(`(\\d)(?=(\\d{${level - 1}})+$)`, 'g'), `$1${groupSeparator}`);
-    },
-    dispose() {
-      let { value, rate, groupSeparator } = this;
-      if (!isNumber(value)) return false;
-      if (this.precision) {
-        value = value.toFixed(this.precision);
-      }
-      let [integer, decimal] = String(value).split('.');
-      // 1000 multiplying power
-      if (groupSeparator) {
-        integer = this.magnification(integer, rate, groupSeparator);
-      }
-      let result = `${integer}${decimal ? this.decimalSeparator + decimal : ''}`;
-      this.disposeValue = result;
-      return result;
-    },
-    diffDate(minuend, subtrahend) {
-      return Math.max(minuend - subtrahend, 0);
-    },
-    suspend(isStop) {
-      if (isStop) {
-        if (this.timeTask) {
-          clearInterval(this.timeTask);
-          this.timeTask = null;
-        }
-      } else {
-        this.branch();
-      }
-      return this.disposeValue;
-    },
-    formatTimeStr: function(time) {
-      let {format} = this;
-      const escapeRegex = /\[[^\]]*]/g;
-      const keepList = (format.match(escapeRegex) || []).map(str => str.slice(1, -1));
-      const timeUnits = [
-        ['Y', 1000 * 60 * 60 * 24 * 365], // years
-        ['M', 1000 * 60 * 60 * 24 * 30], // months
-        ['D', 1000 * 60 * 60 * 24], // days
-        ['H', 1000 * 60 * 60], // hours
-        ['m', 1000 * 60], // minutes
-        ['s', 1000], // seconds
-        ['S', 1] // million seconds
-      ];
-      let formatText = reduce(
-        timeUnits,
-        (con, item) => {
-          const name = item[0];
-          return con.replace(new RegExp(`${name}+`, 'g'), (match) => {
-            let sum = chain(time).divide(item[1]).floor(0).value();
-            time -= multiply(sum, item[1]);
-            return padStart(String(sum), String(match).length, 0);
-          });
-        },
-        format
-      );
-      let index = 0;
-      return formatText.replace(escapeRegex, () => {
-        const match = keepList[index];
-        index += 1;
-        return match;
-      });
-    },
-    stopTime(time) {
-      let result = true; // stop
-      if (time) {
-        this.$emit('change', time);
-        result = false;
-      } else {
-        result = true;
-        this.suspend(true);
-        this.$emit('finish', true);
-      }
-      return result;
-    },
-    countDown(timeVlaue) {
-      let {REFRESH_INTERVAL, timeTask, diffDate, formatTimeStr, stopTime, suspend } = this;
-      if (timeTask) return;
-      let than = this;
-      this.timeTask = setInterval(()=> {
-        let diffTiem = diffDate(timeVlaue, Date.now());
-        than.disposeValue = formatTimeStr(diffTiem);
-        stopTime(diffTiem);
-      }, REFRESH_INTERVAL);
-      this.$once('hook:beforeDestroy', () => {
-        suspend(true);
-      });
-
-    }
-  }
-};
-</script>
+<template>
+  <div class="el-statistic">
+    <div class="head" v-if="title||$slots.title">
+      <slot name="title">
+        <span class="title">
+          {{ title }}
+        </span>
+      </slot>
+    </div>
+    <div class="con">
+      <span class="prefix" v-if="prefix||$slots.prefix">
+        <slot name="prefix" >
+          {{ prefix }}
+        </slot>
+      </span>
+      <span class="number" :style="valueStyle">
+        <slot name="formatter"> {{ disposeValue }}</slot>
+      </span>
+      <span class="suffix" v-if="suffix||$slots.suffix">
+        <slot name="suffix">
+          {{ suffix }}
+        </slot>
+      </span>
+    </div>
+  </div>
+</template>
+
+<script>
+import { isNumber, chain, multiply, padStart, reduce} from 'element-sim/src/utils/lodash';
+export default {
+  name: 'ElStatistic',
+  data() {
+    return {
+      disposeValue: '',
+      timeTask: null,
+      REFRESH_INTERVAL: 1000 / 30
+    };
+  },
+  props: {
+    decimalSeparator: {
+      type: String,
+      default: '.'
+    },
+    groupSeparator: {
+      type: String,
+      default: ''
+    },
+    precision: {
+      type: Number,
+      default: null
+    },
+    value: {
+      type: [String, Number, Date],
+      default: ''
+    },
+    prefix: {
+      type: String,
+      default: ''
+    },
+    suffix: {
+      type: String,
+      default: ''
+    },
+    title: {
+      type: [String, Number],
+      default: ''
+    },
+    timeIndices: {
+      type: Boolean,
+      default: false
+    },
+    valueStyle: {
+      type: Object,
+      default: function() {
+        return {};
+      }
+    },
+    format: {
+      type: String,
+      default: 'HH:mm:ss:SSS'
+    },
+    rate: {
+      type: Number,
+      default: 1000
+    }
+  },
+  created() {
+    this.branch();
+  },
+  watch: {
+    value: function() {
+      this.branch();
+    },
+    groupSeparator() {
+      this.dispose();
+    },
+    mulriple() {
+      this.dispose();
+    }
+  },
+  methods: {
+    branch() {
+      let { timeIndices, countDown, dispose} = this;
+      if (timeIndices) {
+        countDown(this.value.valueOf() || this.value);
+      } else {
+        dispose();
+      }
+    },
+    magnification(num, mulriple = 1000, groupSeparator = ',') {
+      // magnification factor
+      const level = String(mulriple).length ;
+      return num.replace(new RegExp(`(\\d)(?=(\\d{${level - 1}})+$)`, 'g'), `$1${groupSeparator}`);
+    },
+    dispose() {
+      let { value, rate, groupSeparator } = this;
+      if (!isNumber(value)) return false;
+      if (this.precision) {
+        value = value.toFixed(this.precision);
+      }
+      let [integer, decimal] = String(value).split('.');
+      // 1000 multiplying power
+      if (groupSeparator) {
+        integer = this.magnification(integer, rate, groupSeparator);
+      }
+      let result = `${integer}${decimal ? this.decimalSeparator + decimal : ''}`;
+      this.disposeValue = result;
+      return result;
+    },
+    diffDate(minuend, subtrahend) {
+      return Math.max(minuend - subtrahend, 0);
+    },
+    suspend(isStop) {
+      if (isStop) {
+        if (this.timeTask) {
+          clearInterval(this.timeTask);
+          this.timeTask = null;
+        }
+      } else {
+        this.branch();
+      }
+      return this.disposeValue;
+    },
+    formatTimeStr: function(time) {
+      let {format} = this;
+      const escapeRegex = /\[[^\]]*]/g;
+      const keepList = (format.match(escapeRegex) || []).map(str => str.slice(1, -1));
+      const timeUnits = [
+        ['Y', 1000 * 60 * 60 * 24 * 365], // years
+        ['M', 1000 * 60 * 60 * 24 * 30], // months
+        ['D', 1000 * 60 * 60 * 24], // days
+        ['H', 1000 * 60 * 60], // hours
+        ['m', 1000 * 60], // minutes
+        ['s', 1000], // seconds
+        ['S', 1] // million seconds
+      ];
+      let formatText = reduce(
+        timeUnits,
+        (con, item) => {
+          const name = item[0];
+          return con.replace(new RegExp(`${name}+`, 'g'), (match) => {
+            let sum = chain(time).divide(item[1]).floor(0).value();
+            time -= multiply(sum, item[1]);
+            return padStart(String(sum), String(match).length, 0);
+          });
+        },
+        format
+      );
+      let index = 0;
+      return formatText.replace(escapeRegex, () => {
+        const match = keepList[index];
+        index += 1;
+        return match;
+      });
+    },
+    stopTime(time) {
+      let result = true; // stop
+      if (time) {
+        this.$emit('change', time);
+        result = false;
+      } else {
+        result = true;
+        this.suspend(true);
+        this.$emit('finish', true);
+      }
+      return result;
+    },
+    countDown(timeVlaue) {
+      let {REFRESH_INTERVAL, timeTask, diffDate, formatTimeStr, stopTime, suspend } = this;
+      if (timeTask) return;
+      let than = this;
+      this.timeTask = setInterval(()=> {
+        let diffTiem = diffDate(timeVlaue, Date.now());
+        than.disposeValue = formatTimeStr(diffTiem);
+        stopTime(diffTiem);
+      }, REFRESH_INTERVAL);
+      this.$once('hook:beforeDestroy', () => {
+        suspend(true);
+      });
+
+    }
+  }
+};
+</script>

package/packages/step/index.js

@@ -1,8 +1,8 @@
-import Step from '../steps/src/step';
-
-/* istanbul ignore next */
-Step.install = function(Vue) {
-  Vue.component(Step.name, Step);
-};
-
-export default Step;
+import Step from '../steps/src/step';
+
+/* istanbul ignore next */
+Step.install = function(Vue) {
+  Vue.component(Step.name, Step);
+};
+
+export default Step;