vdesign-ui 0.2.12 → 0.2.14

package/dist/components/button/index.vue

@@ -1,93 +1,93 @@
-<template>
-  <button type="button" :class="classes" :disabled="disabled" @click="handleClick">
-    <div class="vd-btn-inner">
-      <vd-icon v-if="iconPosition === 'top' || iconPosition === 'left'" :name="beforeIconNode" :size="size"></vd-icon>
-      <slot></slot>
-      <vd-icon v-if="iconPosition === 'bottom' || iconPosition === 'right'" :name="icon" :size="size"></vd-icon>
-    </div>
-  </button>
-</template>
-<script>
-import VdIcon from '../icon';
-export default {
-  name: 'vd-button',
-  components: {
-    VdIcon
-  },
-  props: {
-    type: {
-      type: String,
-      default: ''
-    },
-    size: {
-      type: String,
-      default: ''
-    },
-    plain: {
-      type: Boolean,
-      default: false
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    loading: {
-      type: Boolean,
-      default: false
-    },
-    loadingIcon: {
-      type: String,
-      default: 'icon_show_list_loading'
-    },
-    block: {
-      type: Boolean,
-      default: false
-    },
-    icon: {
-      type: String,
-      default: ''
-    },
-    iconPosition: {
-      type: String,
-      default: 'left'
-    },
-    round: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    return {
-    }
-  },
-  computed: {
-    classes() {
-      const prefixCls = 'vd-btn'
-      return {
-        [prefixCls]: true,
-        [`${prefixCls}-${this.type}`]: this.type,
-        [`${prefixCls}-${this.size}`]: this.size,
-        [`${prefixCls}-wireframe`]: this.plain || this.type === 'wireframe',
-        [`${prefixCls}-disabled`]: this.disabled,
-        [`${prefixCls}-block`]: this.block,
-        [`${prefixCls}-loading`]: this.loading,
-        [`${prefixCls}-round`]: this.round,
-        [`${prefixCls}-icon`]: this.icon && this.iconPosition === 'top' || this.iconPosition === 'bottom'
-      }
-    },
-    beforeIconNode() {
-      return this.loading ? this.loadingIcon : this.icon
-    }
-  },
-  methods: {
-    handleClick(event) {
-      if (!this.loading && !this.disabled) {
-        this.$emit('click', event)
-      }
-    }
-  }
-}
-</script>
-<style lang="less">
-@import './style.less';
-</style>
+<template>
+  <button type="button" :class="classes" :disabled="disabled" @click="handleClick">
+    <div class="vd-btn-inner">
+      <vd-icon v-if="iconPosition === 'top' || iconPosition === 'left'" :name="beforeIconNode" :size="size"></vd-icon>
+      <slot></slot>
+      <vd-icon v-if="iconPosition === 'bottom' || iconPosition === 'right'" :name="icon" :size="size"></vd-icon>
+    </div>
+  </button>
+</template>
+<script>
+import VdIcon from '../icon';
+export default {
+  name: 'vd-button',
+  components: {
+    VdIcon
+  },
+  props: {
+    type: {
+      type: String,
+      default: ''
+    },
+    size: {
+      type: String,
+      default: ''
+    },
+    plain: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    loadingIcon: {
+      type: String,
+      default: 'icon_show_list_loading'
+    },
+    block: {
+      type: Boolean,
+      default: false
+    },
+    icon: {
+      type: String,
+      default: ''
+    },
+    iconPosition: {
+      type: String,
+      default: 'left'
+    },
+    round: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+    }
+  },
+  computed: {
+    classes() {
+      const prefixCls = 'vd-btn'
+      return {
+        [prefixCls]: true,
+        [`${prefixCls}-${this.type}`]: this.type,
+        [`${prefixCls}-${this.size}`]: this.size,
+        [`${prefixCls}-wireframe`]: this.plain || this.type === 'wireframe',
+        [`${prefixCls}-disabled`]: this.disabled,
+        [`${prefixCls}-block`]: this.block,
+        [`${prefixCls}-loading`]: this.loading,
+        [`${prefixCls}-round`]: this.round,
+        [`${prefixCls}-icon`]: this.icon && this.iconPosition === 'top' || this.iconPosition === 'bottom'
+      }
+    },
+    beforeIconNode() {
+      return this.loading ? this.loadingIcon : this.icon
+    }
+  },
+  methods: {
+    handleClick(event) {
+      if (!this.loading && !this.disabled) {
+        this.$emit('click', event)
+      }
+    }
+  }
+}
+</script>
+<style lang="less">
+@import './style.less';
+</style>