cy-element-ui 1.1.13 → 1.1.15

package/packages/avatar/src/main.vue

@@ -1,107 +1,107 @@
 <script>
 export default {
-  name: 'ElAvatar',
+	name: 'ElAvatar',
 
-  props: {
-    size: {
-      type: [Number, String],
-      validator(val) {
-        if (typeof val === 'string') {
-          return ['large', 'medium', 'small'].includes(val);
-        }
-        return typeof val === 'number';
-      }
-    },
-    shape: {
-      type: String,
-      default: 'circle',
-      validator(val) {
-        return ['circle', 'square'].includes(val);
-      }
-    },
-    icon: String,
-    src: String,
-    alt: String,
-    srcSet: String,
-    error: Function,
-    fit: {
-      type: String,
-      default: 'cover'
-    }
-  },
+	props: {
+		size: {
+			type: [Number, String],
+			validator(val) {
+				if (typeof val === 'string') {
+					return ['large', 'medium', 'small'].includes(val);
+				}
+				return typeof val === 'number';
+			}
+		},
+		shape: {
+			type: String,
+			default: 'circle',
+			validator(val) {
+				return ['circle', 'square'].includes(val);
+			}
+		},
+		icon: String,
+		src: String,
+		alt: String,
+		srcSet: String,
+		error: Function,
+		fit: {
+			type: String,
+			default: 'cover'
+		}
+	},
 
-  data() {
-    return {
-      isImageExist: true
-    };
-  },
+	data() {
+		return {
+			isImageExist: true
+		};
+	},
 
-  computed: {
-    avatarClass() {
-      const { size, icon, shape } = this;
-      let classList = ['el-avatar'];
+	computed: {
+		avatarClass() {
+			const { size, icon, shape } = this;
+			let classList = ['el-avatar'];
 
-      if (size && typeof size === 'string') {
-        classList.push(`el-avatar--${size}`);
-      }
+			if (size && typeof size === 'string') {
+				classList.push(`el-avatar--${ size }`);
+			}
 
-      if (icon) {
-        classList.push('el-avatar--icon');
-      }
+			if (icon) {
+				classList.push('el-avatar--icon');
+			}
 
-      if (shape) {
-        classList.push(`el-avatar--${shape}`);
-      }
+			if (shape) {
+				classList.push(`el-avatar--${ shape }`);
+			}
 
-      return classList.join(' ');
-    }
-  },
+			return classList.join(' ');
+		}
+	},
 
-  methods: {
-    handleError() {
-      const { error } = this;
-      const errorFlag = error ? error() : undefined;
-      if (errorFlag !== false) {
-        this.isImageExist = false;
-      }
-    },
-    renderAvatar() {
-      const { icon, src, alt, isImageExist, srcSet, fit } = this;
+	methods: {
+		handleError() {
+			const { error } = this;
+			const errorFlag = error ? error() : undefined;
+			if (errorFlag !== false) {
+				this.isImageExist = false;
+			}
+		},
+		renderAvatar() {
+			const { icon, src, alt, isImageExist, srcSet, fit } = this;
 
-      if (isImageExist && src) {
-        return <img
-          src={src}
-          onError={this.handleError}
-          alt={alt}
-          srcSet={srcSet}
-          style={{ 'object-fit': fit }}/>;
-      }
+			if (isImageExist && src) {
+				return <img
+					src={src}
+					onError={this.handleError}
+					alt={alt}
+					srcSet={srcSet}
+					style={{ 'object-fit': fit }}/>;
+			}
 
-      if (icon) {
-        return (<i class={icon} />);
-      }
+			if (icon) {
+				return (<i class={icon} />);
+			}
 
-      return this.$slots.default;
-    }
-  },
+			return this.$slots.default;
+		}
+	},
 
-  render() {
-    const { avatarClass, size } = this;
+	render() {
+		const { avatarClass, size } = this;
 
-    const sizeStyle = typeof size === 'number' ? {
-      height: `${size}px`,
-      width: `${size}px`,
-      lineHeight: `${size}px`
-    } : {};
+		const sizeStyle = typeof size === 'number' ? {
+			height: `${ size }px`,
+			width: `${ size }px`,
+			lineHeight: `${ size }px`
+		} : {};
 
-    return (
-      <span class={ avatarClass } style={ sizeStyle }>
-        {
-          this.renderAvatar()
-        }
-      </span>
-    );
-  }
+		return (
+			<span class={ avatarClass } style={ sizeStyle }>
+				{
+					this.renderAvatar()
+				}
+			</span>
+		);
+	}
 
 };
 </script>

package/packages/backtop/index.js

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

package/packages/backtop/src/main.vue

@@ -1,18 +1,18 @@
 <template>
-  <transition name="el-fade-in">
-    <div
-      v-if="visible"
-      @click.stop="handleClick"
-      :style="{
-        'right': styleRight,
-        'bottom': styleBottom
-      }"
-      class="el-backtop">
-      <slot>
-        <el-icon name="caret-top"></el-icon>
-      </slot>
-    </div>
-  </transition>
+	<transition name="el-fade-in">
+		<div
+			v-if="visible"
+			@click.stop="handleClick"
+			:style="{
+				'right': styleRight,
+				'bottom': styleBottom
+			}"
+			class="el-backtop">
+			<slot>
+				<el-icon name="caret-top"></el-icon>
+			</slot>
+		</div>
+	</transition>
 </template>
 
 <script>
@@ -20,91 +20,91 @@ import throttle from 'throttle-debounce/throttle';
 
 const cubic = value => Math.pow(value, 3);
 const easeInOutCubic = value => value < 0.5
-  ? cubic(value * 2) / 2
-  : 1 - cubic((1 - value) * 2) / 2;
+	? cubic(value * 2) / 2
+	: 1 - cubic((1 - value) * 2) / 2;
 
 export default {
-  name: 'ElBacktop',
+	name: 'ElBacktop',
 
-  props: {
-    visibilityHeight: {
-      type: Number,
-      default: 200
-    },
-    target: [String],
-    right: {
-      type: Number,
-      default: 40
-    },
-    bottom: {
-      type: Number,
-      default: 40
-    }
-  },
+	props: {
+		visibilityHeight: {
+			type: Number,
+			default: 200
+		},
+		target: [String],
+		right: {
+			type: Number,
+			default: 40
+		},
+		bottom: {
+			type: Number,
+			default: 40
+		}
+	},
 
-  data() {
-    return {
-      el: null,
-      container: null,
-      visible: false
-    };
-  },
+	data() {
+		return {
+			el: null,
+			container: null,
+			visible: false
+		};
+	},
 
-  computed: {
-    styleBottom() {
-      return `${this.bottom}px`;
-    },
-    styleRight() {
-      return `${this.right}px`;
-    }
-  },
+	computed: {
+		styleBottom() {
+			return `${ this.bottom }px`;
+		},
+		styleRight() {
+			return `${ this.right }px`;
+		}
+	},
 
-  mounted() {
-    this.init();
-    this.throttledScrollHandler = throttle(300, this.onScroll);
-    this.container.addEventListener('scroll', this.throttledScrollHandler);
-  },
+	mounted() {
+		this.init();
+		this.throttledScrollHandler = throttle(300, this.onScroll);
+		this.container.addEventListener('scroll', this.throttledScrollHandler);
+	},
 
-  methods: {
-    init() {
-      this.container = document;
-      this.el = document.documentElement;
-      if (this.target) {
-        this.el = document.querySelector(this.target);
-        if (!this.el) {
-          throw new Error(`target is not existed: ${this.target}`);
-        }
-        this.container = this.el;
-      }
-    },
-    onScroll() {
-      const scrollTop = this.el.scrollTop;
-      this.visible = scrollTop >= this.visibilityHeight;
-    },
-    handleClick(e) {
-      this.scrollToTop();
-      this.$emit('click', e);
-    },
-    scrollToTop() {
-      const el = this.el;
-      const beginTime = Date.now();
-      const beginValue = el.scrollTop;
-      const rAF = window.requestAnimationFrame || (func => setTimeout(func, 16));
-      const frameFunc = () => {
-        const progress = (Date.now() - beginTime) / 500;
-        if (progress < 1) {
-          el.scrollTop = beginValue * (1 - easeInOutCubic(progress));
-          rAF(frameFunc);
-        } else {
-          el.scrollTop = 0;
-        }
-      };
-      rAF(frameFunc);
-    }
-  },
+	methods: {
+		init() {
+			this.container = document;
+			this.el = document.documentElement;
+			if (this.target) {
+				this.el = document.querySelector(this.target);
+				if (!this.el) {
+					throw new Error(`target is not existed: ${ this.target }`);
+				}
+				this.container = this.el;
+			}
+		},
+		onScroll() {
+			const scrollTop = this.el.scrollTop;
+			this.visible = scrollTop >= this.visibilityHeight;
+		},
+		handleClick(e) {
+			this.scrollToTop();
+			this.$emit('click', e);
+		},
+		scrollToTop() {
+			const el = this.el;
+			const beginTime = Date.now();
+			const beginValue = el.scrollTop;
+			const rAF = window.requestAnimationFrame || (func => setTimeout(func, 16));
+			const frameFunc = () => {
+				const progress = (Date.now() - beginTime) / 500;
+				if (progress < 1) {
+					el.scrollTop = beginValue * (1 - easeInOutCubic(progress));
+					rAF(frameFunc);
+				} else {
+					el.scrollTop = 0;
+				}
+			};
+			rAF(frameFunc);
+		}
+	},
 
-  beforeDestroy() {
-    this.container.removeEventListener('scroll', this.throttledScrollHandler);
-  }
+	beforeDestroy() {
+		this.container.removeEventListener('scroll', this.throttledScrollHandler);
+	}
 };
 </script>

package/packages/badge/index.js

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

package/packages/badge/src/main.vue

@@ -1,53 +1,53 @@
 <template>
-  <div class="el-badge">
-    <slot></slot>
-    <transition name="el-zoom-in-center">
-      <sup
-        v-show="!hidden && (content || content === 0 || isDot)"
-        v-text="content"
-        class="el-badge__content"
-        :class="[
-          type ? 'el-badge__content--' + type : null,
-          {
-            'is-fixed': $slots.default,
-            'is-dot': isDot
-          }
-        ]">
-      </sup>
-    </transition>
-  </div>
+	<div class="el-badge">
+		<slot></slot>
+		<transition name="el-zoom-in-center">
+			<sup
+				v-show="!hidden && (content || content === 0 || isDot)"
+				v-text="content"
+				class="el-badge__content"
+				:class="[
+					type ? 'el-badge__content--' + type : null,
+					{
+						'is-fixed': $slots.default,
+						'is-dot': isDot
+					}
+				]">
+			</sup>
+		</transition>
+	</div>
 </template>
 
 <script>
 export default {
-  name: 'ElBadge',
+	name: 'ElBadge',
 
-  props: {
-    value: [String, Number],
-    max: Number,
-    isDot: Boolean,
-    hidden: Boolean,
-    type: {
-      type: String,
-      validator(val) {
-        return ['primary', 'success', 'warning', 'info', 'danger'].indexOf(val) > -1;
-      }
-    }
-  },
+	props: {
+		value: [String, Number],
+		max: Number,
+		isDot: Boolean,
+		hidden: Boolean,
+		type: {
+			type: String,
+			validator(val) {
+				return ['primary', 'success', 'warning', 'info', 'danger'].indexOf(val) > -1;
+			}
+		}
+	},
 
-  computed: {
-    content() {
-      if (this.isDot) return;
+	computed: {
+		content() {
+			if (this.isDot) return;
 
-      const value = this.value;
-      const max = this.max;
+			const value = this.value;
+			const max = this.max;
 
-      if (typeof value === 'number' && typeof max === 'number') {
-        return max < value ? `${max}+` : value;
-      }
+			if (typeof value === 'number' && typeof max === 'number') {
+				return max < value ? `${ max }+` : value;
+			}
 
-      return value;
-    }
-  }
+			return value;
+		}
+	}
 };
 </script>

package/packages/breadcrumb/index.js

@@ -2,7 +2,7 @@ import ElBreadcrumb from './src/breadcrumb';
 
 /* istanbul ignore next */
 ElBreadcrumb.install = function(Vue) {
-  Vue.component(ElBreadcrumb.name, ElBreadcrumb);
+	Vue.component(ElBreadcrumb.name, ElBreadcrumb);
 };
 
 export default ElBreadcrumb;

package/packages/breadcrumb/src/breadcrumb-item.vue

@@ -1,41 +1,41 @@
 <template>
-  <span class="el-breadcrumb__item">
-    <span
-      :class="['el-breadcrumb__inner', to ? 'is-link' : '']"
-      ref="link"
-      role="link">
-      <slot></slot>
-    </span>
-    <i v-if="separatorClass" class="el-breadcrumb__separator" :class="separatorClass"></i>
-    <span v-else class="el-breadcrumb__separator" role="presentation">{{separator}}</span>
-  </span>
+	<span class="el-breadcrumb__item">
+		<span
+			:class="['el-breadcrumb__inner', to ? 'is-link' : '']"
+			ref="link"
+			role="link">
+			<slot></slot>
+		</span>
+		<i v-if="separatorClass" class="el-breadcrumb__separator" :class="separatorClass"></i>
+		<span v-else class="el-breadcrumb__separator" role="presentation">{{ separator }}</span>
+	</span>
 </template>
 <script>
-  export default {
-    name: 'ElBreadcrumbItem',
-    props: {
-      to: {},
-      replace: Boolean
-    },
-    data() {
-      return {
-        separator: '',
-        separatorClass: ''
-      };
-    },
+export default {
+	name: 'ElBreadcrumbItem',
+	props: {
+		to: {},
+		replace: Boolean
+	},
+	data() {
+		return {
+			separator: '',
+			separatorClass: ''
+		};
+	},
 
-    inject: ['elBreadcrumb'],
+	inject: ['elBreadcrumb'],
 
-    mounted() {
-      this.separator = this.elBreadcrumb.separator;
-      this.separatorClass = this.elBreadcrumb.separatorClass;
-      const link = this.$refs.link;
-      link.setAttribute('role', 'link');
-      link.addEventListener('click', _ => {
-        const { to, $router } = this;
-        if (!to || !$router) return;
-        this.replace ? $router.replace(to) : $router.push(to);
-      });
-    }
-  };
+	mounted() {
+		this.separator = this.elBreadcrumb.separator;
+		this.separatorClass = this.elBreadcrumb.separatorClass;
+		const link = this.$refs.link;
+		link.setAttribute('role', 'link');
+		link.addEventListener('click', _ => {
+			const { to, $router } = this;
+			if (!to || !$router) return;
+			this.replace ? $router.replace(to) : $router.push(to);
+		});
+	}
+};
 </script>

package/packages/breadcrumb/src/breadcrumb.vue

@@ -1,34 +1,34 @@
 <template>
-  <div class="el-breadcrumb" aria-label="Breadcrumb" role="navigation">
-    <slot></slot>
-  </div>
+	<div class="el-breadcrumb" aria-label="Breadcrumb" role="navigation">
+		<slot></slot>
+	</div>
 </template>
 <script>
-  export default {
-    name: 'ElBreadcrumb',
+export default {
+	name: 'ElBreadcrumb',
 
-    props: {
-      separator: {
-        type: String,
-        default: '/'
-      },
-      separatorClass: {
-        type: String,
-        default: ''
-      }
-    },
+	props: {
+		separator: {
+			type: String,
+			default: '/'
+		},
+		separatorClass: {
+			type: String,
+			default: ''
+		}
+	},
 
-    provide() {
-      return {
-        elBreadcrumb: this
-      };
-    },
+	provide() {
+		return {
+			elBreadcrumb: this
+		};
+	},
 
-    mounted() {
-      const items = this.$el.querySelectorAll('.el-breadcrumb__item');
-      if (items.length) {
-        items[items.length - 1].setAttribute('aria-current', 'page');
-      }
-    }
-  };
+	mounted() {
+		const items = this.$el.querySelectorAll('.el-breadcrumb__item');
+		if (items.length) {
+			items[items.length - 1].setAttribute('aria-current', 'page');
+		}
+	}
+};
 </script>

package/packages/breadcrumb-item/index.js

@@ -2,7 +2,7 @@ import ElBreadcrumbItem from '../breadcrumb/src/breadcrumb-item';
 
 /* istanbul ignore next */
 ElBreadcrumbItem.install = function(Vue) {
-  Vue.component(ElBreadcrumbItem.name, ElBreadcrumbItem);
+	Vue.component(ElBreadcrumbItem.name, ElBreadcrumbItem);
 };
 
 export default ElBreadcrumbItem;