vdesign-ui 0.2.11 → 0.2.12

package/dist/components/transition/style.less

@@ -1,208 +1,208 @@
-.bounce-enter-active {
-  animation: bounce-in 300ms linear;
-}
-
-.bounce-leave-active {
-  animation: zoom-out 250ms linear;
-}
-
-.zoom-enter,
-.zoom-leave-to {
-  opacity: 0.01;
-  transform: scale(0.75);
-}
-
-.zoom-enter-active {
-  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
-}
-
-.zoom-leave-active {
-  transition: all 250ms linear;
-}
-
-.punch-enter,
-.punch-leave-to {
-  opacity: 0.01;
-  transform: scale(1.35);
-}
-
-.punch-enter-active {
-  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
-}
-
-.punch-leave-active {
-  transition: all 250ms linear;
-}
-
-.slide-up-enter,
-.slide-up-leave-to {
-  transform: translate3d(0, 100%, 0);
-}
-
-.slide-up-enter-active {
-  transition: transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
-}
-
-.slide-up-leave-active {
-  transition: transform 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
-}
-
-.slide-right-enter,
-.slide-right-leave-to {
-  transform: translate3d(-100%, 0, 0);
-}
-
-.slide-right-enter-active {
-  transition: transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
-}
-
-.slide-right-leave-active {
-  transition: transform 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
-}
-
-.slide-left-enter,
-.slide-left-leave-to {
-  transform: translate3d(100%, 0, 0);
-}
-
-.slide-left-enter-active {
-  transition: transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
-}
-
-.slide-left-leave-active {
-  transition: transform 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
-}
-
-.slide-down-enter,
-.slide-down-leave-to {
-  transform: translate3d(0, -100%, 0);
-}
-
-.slide-down-enter-active {
-  transition: transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
-}
-
-.slide-down-leave-active {
-  transition: transform 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
-}
-
-.fade-enter,
-.fade-leave-to {
-  opacity: 0.01;
-}
-
-.fade-enter-active {
-  transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
-}
-
-.fade-leave-active {
-  transition: opacity 250ms linear;
-}
-
-.fade-up-enter,
-.fade-up-leave-to {
-  opacity: 0.01;
-  transform: translate3d(0, 20%, 0);
-}
-
-.fade-up-enter-active {
-  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
-}
-
-.fade-up-leave-active {
-  transition: all 250ms linear;
-}
-
-.fade-down-enter,
-.fade-down-leave-to {
-  opacity: 0.01;
-  transform: translate3d(0, -20%, 0);
-}
-
-.fade-down-enter-active {
-  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
-}
-
-.fade-down-leave-active {
-  transition: all 250ms linear;
-}
-
-.fade-right-enter,
-.fade-right-leave-to {
-  opacity: 0.01;
-  transform: translate3d(-20%, 0, 0);
-}
-
-.fade-right-enter-active {
-  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
-}
-
-.fade-right-leave-active {
-  transition: all 250ms linear;
-}
-
-.fade-left-enter,
-.fade-left-leave-to {
-  opacity: 0.01;
-  transform: translate3d(20%, 0, 0);
-}
-
-.fade-left-enter-active {
-  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
-}
-
-.fade-left-leave-active {
-  transition: all 250ms linear;
-}
-
-.fly-enter-active {
-  animation: fly-in 600ms;
-  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-}
-
-.fly-leave-active {
-  animation: zoom-out 250ms;
-}
-
-
-@keyframes fly-in {
-  0% {
-    opacity: 0.5;
-    transform: scale(0.5) translate3d(0, 50px, 0);
-  }
-
-  45% {
-    opacity: 1;
-    transform: scale(1.05) translate3d(0, -50px, 0);
-  }
-
-  100% {
-    transform: scale(1) translate3d(0, 0, 0);
-  }
-}
-
-
-@keyframes bounce-in {
-  0% {
-    transform: scale(0.5);
-  }
-
-  45% {
-    transform: scale(1.05);
-  }
-
-  80% {
-    transform: scale(0.95);
-  }
-
-  100% {
-    transform: scale(1);
-  }
-}
-
-@keyframes zoom-out {
-  to {
-    opacity: 0.01;
-    transform: scale(0.75);
-  }
-}
+.bounce-enter-active {
+  animation: bounce-in 300ms linear;
+}
+
+.bounce-leave-active {
+  animation: zoom-out 250ms linear;
+}
+
+.zoom-enter,
+.zoom-leave-to {
+  opacity: 0.01;
+  transform: scale(0.75);
+}
+
+.zoom-enter-active {
+  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
+}
+
+.zoom-leave-active {
+  transition: all 250ms linear;
+}
+
+.punch-enter,
+.punch-leave-to {
+  opacity: 0.01;
+  transform: scale(1.35);
+}
+
+.punch-enter-active {
+  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
+}
+
+.punch-leave-active {
+  transition: all 250ms linear;
+}
+
+.slide-up-enter,
+.slide-up-leave-to {
+  transform: translate3d(0, 100%, 0);
+}
+
+.slide-up-enter-active {
+  transition: transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
+}
+
+.slide-up-leave-active {
+  transition: transform 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
+}
+
+.slide-right-enter,
+.slide-right-leave-to {
+  transform: translate3d(-100%, 0, 0);
+}
+
+.slide-right-enter-active {
+  transition: transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
+}
+
+.slide-right-leave-active {
+  transition: transform 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
+}
+
+.slide-left-enter,
+.slide-left-leave-to {
+  transform: translate3d(100%, 0, 0);
+}
+
+.slide-left-enter-active {
+  transition: transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
+}
+
+.slide-left-leave-active {
+  transition: transform 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
+}
+
+.slide-down-enter,
+.slide-down-leave-to {
+  transform: translate3d(0, -100%, 0);
+}
+
+.slide-down-enter-active {
+  transition: transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
+}
+
+.slide-down-leave-active {
+  transition: transform 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
+}
+
+.fade-enter,
+.fade-leave-to {
+  opacity: 0.01;
+}
+
+.fade-enter-active {
+  transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
+}
+
+.fade-leave-active {
+  transition: opacity 250ms linear;
+}
+
+.fade-up-enter,
+.fade-up-leave-to {
+  opacity: 0.01;
+  transform: translate3d(0, 20%, 0);
+}
+
+.fade-up-enter-active {
+  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
+}
+
+.fade-up-leave-active {
+  transition: all 250ms linear;
+}
+
+.fade-down-enter,
+.fade-down-leave-to {
+  opacity: 0.01;
+  transform: translate3d(0, -20%, 0);
+}
+
+.fade-down-enter-active {
+  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
+}
+
+.fade-down-leave-active {
+  transition: all 250ms linear;
+}
+
+.fade-right-enter,
+.fade-right-leave-to {
+  opacity: 0.01;
+  transform: translate3d(-20%, 0, 0);
+}
+
+.fade-right-enter-active {
+  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
+}
+
+.fade-right-leave-active {
+  transition: all 250ms linear;
+}
+
+.fade-left-enter,
+.fade-left-leave-to {
+  opacity: 0.01;
+  transform: translate3d(20%, 0, 0);
+}
+
+.fade-left-enter-active {
+  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
+}
+
+.fade-left-leave-active {
+  transition: all 250ms linear;
+}
+
+.fly-enter-active {
+  animation: fly-in 600ms;
+  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+}
+
+.fly-leave-active {
+  animation: zoom-out 250ms;
+}
+
+
+@keyframes fly-in {
+  0% {
+    opacity: 0.5;
+    transform: scale(0.5) translate3d(0, 50px, 0);
+  }
+
+  45% {
+    opacity: 1;
+    transform: scale(1.05) translate3d(0, -50px, 0);
+  }
+
+  100% {
+    transform: scale(1) translate3d(0, 0, 0);
+  }
+}
+
+
+@keyframes bounce-in {
+  0% {
+    transform: scale(0.5);
+  }
+
+  45% {
+    transform: scale(1.05);
+  }
+
+  80% {
+    transform: scale(0.95);
+  }
+
+  100% {
+    transform: scale(1);
+  }
+}
+
+@keyframes zoom-out {
+  to {
+    opacity: 0.01;
+    transform: scale(0.75);
+  }
+}

package/dist/components/upload/index.js

@@ -1,7 +1,7 @@
-import Upload from './index.vue';
-import './style.less';
-Upload.install = function(Vue) {
-    Vue.component(Upload.name, Upload)
-}
-
+import Upload from './index.vue';
+import './style.less';
+Upload.install = function(Vue) {
+    Vue.component(Upload.name, Upload)
+}
+
 export default Upload;

package/dist/components/upload/index.vue

@@ -1,106 +1,106 @@
-<template>
-  <div class="vd-upload" :class="{ 'vd-upload--block': block }">
-    <div class="vd-upload__wrapper">
-      <div class="vd-upload__uploader" :class="{ 'vd-upload__uploader--text': text }">
-        <vd-icon :name="photo" class="vd-upload__icon"></vd-icon>
-        <p class="vd-upload__text" v-if="text">{{ text }}</p>
-        <input type="file" ref="input" class="vd-upload__input" :accept="accept" @change="onChange"
-          :disabled="disabled">
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import VdIcon from '../icon';
-export default {
-  name: 'vd-upload',
-  components: {
-    VdIcon
-  },
-  inheritAttrs: false,
-  props: {
-    photo: {
-      type: String,
-      default: 'icon_btn_photo'
-    },
-    text: String,
-    block: Boolean,
-    disabled: Boolean,
-    beforeRead: Function,
-    afterRead: Function,
-    accept: {
-      type: String,
-      default: 'image/*'
-    },
-    maxSize: {
-      type: Number,
-      default: Number.MAX_VALUE
-    }
-  },
-
-  methods: {
-    onChange(event) {
-      let { files } = event.target;
-      if (this.disabled || !files.length) {
-        return;
-      }
-
-      files = files.length === 1 ? files[0] : [].slice.call(files, 0);
-      if (!files || (this.beforeRead && !this.beforeRead(files))) {
-        return;
-      }
-
-      if (Array.isArray(files)) {
-        Promise.all(files.map(this.readFile)).then(contents => {
-          let oversize = false;
-          const payload = files.map((file, index) => {
-            if (file.size > this.maxSize) {
-              oversize = true;
-            }
-
-            return {
-              file: files[index],
-              content: contents[index]
-            };
-          });
-
-          this.onAfterRead(payload, oversize);
-        });
-      } else {
-        this.readFile(files).then(content => {
-          this.onAfterRead(
-            { file: files, content },
-            files.size > this.maxSize
-          );
-        });
-      }
-    },
-
-    readFile(file) {
-      return new Promise(resolve => {
-        const reader = new FileReader();
-
-        reader.onload = event => {
-          resolve(event.target.result);
-        };
-        reader.readAsDataURL(file);
-
-      });
-    },
-
-    onAfterRead(files, oversize) {
-      if (oversize) {
-        this.$emit('oversize', files);
-      } else {
-        this.afterRead && this.afterRead(files);
-        this.$refs.input && (this.$refs.input.value = '');
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less">
-@import './style.less';
-</style>
+<template>
+  <div class="vd-upload" :class="{ 'vd-upload--block': block }">
+    <div class="vd-upload__wrapper">
+      <div class="vd-upload__uploader" :class="{ 'vd-upload__uploader--text': text }">
+        <vd-icon :name="photo" class="vd-upload__icon"></vd-icon>
+        <p class="vd-upload__text" v-if="text">{{ text }}</p>
+        <input type="file" ref="input" class="vd-upload__input" :accept="accept" @change="onChange"
+          :disabled="disabled">
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import VdIcon from '../icon';
+export default {
+  name: 'vd-upload',
+  components: {
+    VdIcon
+  },
+  inheritAttrs: false,
+  props: {
+    photo: {
+      type: String,
+      default: 'icon_btn_photo'
+    },
+    text: String,
+    block: Boolean,
+    disabled: Boolean,
+    beforeRead: Function,
+    afterRead: Function,
+    accept: {
+      type: String,
+      default: 'image/*'
+    },
+    maxSize: {
+      type: Number,
+      default: Number.MAX_VALUE
+    }
+  },
+
+  methods: {
+    onChange(event) {
+      let { files } = event.target;
+      if (this.disabled || !files.length) {
+        return;
+      }
+
+      files = files.length === 1 ? files[0] : [].slice.call(files, 0);
+      if (!files || (this.beforeRead && !this.beforeRead(files))) {
+        return;
+      }
+
+      if (Array.isArray(files)) {
+        Promise.all(files.map(this.readFile)).then(contents => {
+          let oversize = false;
+          const payload = files.map((file, index) => {
+            if (file.size > this.maxSize) {
+              oversize = true;
+            }
+
+            return {
+              file: files[index],
+              content: contents[index]
+            };
+          });
+
+          this.onAfterRead(payload, oversize);
+        });
+      } else {
+        this.readFile(files).then(content => {
+          this.onAfterRead(
+            { file: files, content },
+            files.size > this.maxSize
+          );
+        });
+      }
+    },
+
+    readFile(file) {
+      return new Promise(resolve => {
+        const reader = new FileReader();
+
+        reader.onload = event => {
+          resolve(event.target.result);
+        };
+        reader.readAsDataURL(file);
+
+      });
+    },
+
+    onAfterRead(files, oversize) {
+      if (oversize) {
+        this.$emit('oversize', files);
+      } else {
+        this.afterRead && this.afterRead(files);
+        this.$refs.input && (this.$refs.input.value = '');
+      }
+    }
+  }
+}
+</script>
+
+<style lang="less">
+@import './style.less';
+</style>