cy-element-ui 1.1.13 → 1.1.15

package/packages/notification/src/main.js

@@ -10,85 +10,85 @@ let instances = [];
 let seed = 1;
 
 const Notification = function(options) {
-  if (Vue.prototype.$isServer) return;
-  options = merge({}, options);
-  const userOnClose = options.onClose;
-  const id = 'notification_' + seed++;
-  const position = options.position || 'top-right';
+	if (Vue.prototype.$isServer) return;
+	options = merge({}, options);
+	const userOnClose = options.onClose;
+	const id = 'notification_' + seed++;
+	const position = options.position || 'top-right';
 
-  options.onClose = function() {
-    Notification.close(id, userOnClose);
-  };
+	options.onClose = function() {
+		Notification.close(id, userOnClose);
+	};
 
-  instance = new NotificationConstructor({
-    data: options
-  });
+	instance = new NotificationConstructor({
+		data: options
+	});
 
-  if (isVNode(options.message)) {
-    instance.$slots.default = [options.message];
-    options.message = 'REPLACED_BY_VNODE';
-  }
-  instance.id = id;
-  instance.$mount();
-  document.body.appendChild(instance.$el);
-  instance.visible = true;
-  instance.dom = instance.$el;
-  instance.dom.style.zIndex = PopupManager.nextZIndex();
+	if (isVNode(options.message)) {
+		instance.$slots.default = [options.message];
+		options.message = 'REPLACED_BY_VNODE';
+	}
+	instance.id = id;
+	instance.$mount();
+	document.body.appendChild(instance.$el);
+	instance.visible = true;
+	instance.dom = instance.$el;
+	instance.dom.style.zIndex = PopupManager.nextZIndex();
 
-  let verticalOffset = options.offset || 0;
-  instances.filter(item => item.position === position).forEach(item => {
-    verticalOffset += item.$el.offsetHeight + 16;
-  });
-  verticalOffset += 16;
-  instance.verticalOffset = verticalOffset;
-  instances.push(instance);
-  return instance;
+	let verticalOffset = options.offset || 0;
+	instances.filter(item => item.position === position).forEach(item => {
+		verticalOffset += item.$el.offsetHeight + 16;
+	});
+	verticalOffset += 16;
+	instance.verticalOffset = verticalOffset;
+	instances.push(instance);
+	return instance;
 };
 
 ['success', 'warning', 'info', 'error'].forEach(type => {
-  Notification[type] = options => {
-    if (typeof options === 'string' || isVNode(options)) {
-      options = {
-        message: options
-      };
-    }
-    options.type = type;
-    return Notification(options);
-  };
+	Notification[type] = options => {
+		if (typeof options === 'string' || isVNode(options)) {
+			options = {
+				message: options
+			};
+		}
+		options.type = type;
+		return Notification(options);
+	};
 });
 
 Notification.close = function(id, userOnClose) {
-  let index = -1;
-  const len = instances.length;
-  const instance = instances.filter((instance, i) => {
-    if (instance.id === id) {
-      index = i;
-      return true;
-    }
-    return false;
-  })[0];
-  if (!instance) return;
+	let index = -1;
+	const len = instances.length;
+	const instance = instances.filter((instance, i) => {
+		if (instance.id === id) {
+			index = i;
+			return true;
+		}
+		return false;
+	})[0];
+	if (!instance) return;
 
-  if (typeof userOnClose === 'function') {
-    userOnClose(instance);
-  }
-  instances.splice(index, 1);
+	if (typeof userOnClose === 'function') {
+		userOnClose(instance);
+	}
+	instances.splice(index, 1);
 
-  if (len <= 1) return;
-  const position = instance.position;
-  const removedHeight = instance.dom.offsetHeight;
-  for (let i = index; i < len - 1 ; i++) {
-    if (instances[i].position === position) {
-      instances[i].dom.style[instance.verticalProperty] =
+	if (len <= 1) return;
+	const position = instance.position;
+	const removedHeight = instance.dom.offsetHeight;
+	for (let i = index; i < len - 1; i++) {
+		if (instances[i].position === position) {
+			instances[i].dom.style[instance.verticalProperty] =
         parseInt(instances[i].dom.style[instance.verticalProperty], 10) - removedHeight - 16 + 'px';
-    }
-  }
+		}
+	}
 };
 
 Notification.closeAll = function() {
-  for (let i = instances.length - 1; i >= 0; i--) {
-    instances[i].close();
-  }
+	for (let i = instances.length - 1; i >= 0; i--) {
+		instances[i].close();
+	}
 };
 
 export default Notification;

package/packages/notification/src/main.vue

@@ -1,152 +1,152 @@
 <template>
-  <transition name="el-notification-fade">
-    <div
-      :class="['el-notification', customClass, horizontalClass]"
-      v-show="visible"
-      :style="positionStyle"
-      @mouseenter="clearTimer()"
-      @mouseleave="startTimer()"
-      @click="click"
-      role="alert"
-    >
-      <i
-        class="el-notification__icon"
-        :class="[ typeClass, iconClass ]"
-        v-if="type || iconClass">
-      </i>
-      <div class="el-notification__group" :class="{ 'is-with-icon': typeClass || iconClass }">
-        <h2 class="el-notification__title" v-text="title"></h2>
-        <div class="el-notification__content" v-show="message">
-          <slot>
-            <p v-if="!dangerouslyUseHTMLString">{{ message }}</p>
-            <p v-else v-html="message"></p>
-          </slot>
-        </div>
-        <div
-          class="el-notification__closeBtn el-icon-close"
-          v-if="showClose"
-          @click.stop="close"></div>
-      </div>
-    </div>
-  </transition>
+	<transition name="el-notification-fade">
+		<div
+			:class="['el-notification', customClass, horizontalClass]"
+			v-show="visible"
+			:style="positionStyle"
+			@mouseenter="clearTimer()"
+			@mouseleave="startTimer()"
+			@click="click"
+			role="alert"
+		>
+			<i
+				class="el-notification__icon"
+				:class="[ typeClass, iconClass ]"
+				v-if="type || iconClass">
+			</i>
+			<div class="el-notification__group" :class="{ 'is-with-icon': typeClass || iconClass }">
+				<h2 class="el-notification__title" v-text="title"></h2>
+				<div class="el-notification__content" v-show="message">
+					<slot>
+						<p v-if="!dangerouslyUseHTMLString">{{ message }}</p>
+						<p v-else v-html="message"></p>
+					</slot>
+				</div>
+				<div
+					class="el-notification__closeBtn el-icon-close"
+					v-if="showClose"
+					@click.stop="close"></div>
+			</div>
+		</div>
+	</transition>
 </template>
 
 <script type="text/babel">
-  let typeMap = {
-    success: 'success',
-    info: 'info',
-    warning: 'warning',
-    error: 'error'
-  };
+let typeMap = {
+	success: 'success',
+	info: 'info',
+	warning: 'warning',
+	error: 'error'
+};
 
-  export default {
-    data() {
-      return {
-        visible: false,
-        title: '',
-        message: '',
-        duration: 4500,
-        type: '',
-        showClose: true,
-        customClass: '',
-        iconClass: '',
-        onClose: null,
-        onClick: null,
-        closed: false,
-        verticalOffset: 0,
-        timer: null,
-        dangerouslyUseHTMLString: false,
-        position: 'top-right'
-      };
-    },
+export default {
+	data() {
+		return {
+			visible: false,
+			title: '',
+			message: '',
+			duration: 4500,
+			type: '',
+			showClose: true,
+			customClass: '',
+			iconClass: '',
+			onClose: null,
+			onClick: null,
+			closed: false,
+			verticalOffset: 0,
+			timer: null,
+			dangerouslyUseHTMLString: false,
+			position: 'top-right'
+		};
+	},
 
-    computed: {
-      typeClass() {
-        return this.type && typeMap[this.type] ? `el-icon-${ typeMap[this.type] }` : '';
-      },
+	computed: {
+		typeClass() {
+			return this.type && typeMap[this.type] ? `el-icon-${ typeMap[this.type] }` : '';
+		},
 
-      horizontalClass() {
-        return this.position.indexOf('right') > -1 ? 'right' : 'left';
-      },
+		horizontalClass() {
+			return this.position.indexOf('right') > -1 ? 'right' : 'left';
+		},
 
-      verticalProperty() {
-        return /^top-/.test(this.position) ? 'top' : 'bottom';
-      },
+		verticalProperty() {
+			return /^top-/.test(this.position) ? 'top' : 'bottom';
+		},
 
-      positionStyle() {
-        return {
-          [this.verticalProperty]: `${ this.verticalOffset }px`
-        };
-      }
-    },
+		positionStyle() {
+			return {
+				[this.verticalProperty]: `${ this.verticalOffset }px`
+			};
+		}
+	},
 
-    watch: {
-      closed(newVal) {
-        if (newVal) {
-          this.visible = false;
-          this.$el.addEventListener('transitionend', this.destroyElement);
-        }
-      }
-    },
+	watch: {
+		closed(newVal) {
+			if (newVal) {
+				this.visible = false;
+				this.$el.addEventListener('transitionend', this.destroyElement);
+			}
+		}
+	},
 
-    methods: {
-      destroyElement() {
-        this.$el.removeEventListener('transitionend', this.destroyElement);
-        this.$destroy(true);
-        this.$el.parentNode.removeChild(this.$el);
-      },
+	methods: {
+		destroyElement() {
+			this.$el.removeEventListener('transitionend', this.destroyElement);
+			this.$destroy(true);
+			this.$el.parentNode.removeChild(this.$el);
+		},
 
-      click() {
-        if (typeof this.onClick === 'function') {
-          this.onClick();
-        }
-      },
+		click() {
+			if (typeof this.onClick === 'function') {
+				this.onClick();
+			}
+		},
 
-      close() {
-        this.closed = true;
-        if (typeof this.onClose === 'function') {
-          this.onClose();
-        }
-      },
+		close() {
+			this.closed = true;
+			if (typeof this.onClose === 'function') {
+				this.onClose();
+			}
+		},
 
-      clearTimer() {
-        clearTimeout(this.timer);
-      },
+		clearTimer() {
+			clearTimeout(this.timer);
+		},
 
-      startTimer() {
-        if (this.duration > 0) {
-          this.timer = setTimeout(() => {
-            if (!this.closed) {
-              this.close();
-            }
-          }, this.duration);
-        }
-      },
-      keydown(e) {
-        if (e.keyCode === 46 || e.keyCode === 8) {
-          this.clearTimer(); // detele 取消倒计时
-        } else if (e.keyCode === 27) { // esc关闭消息
-          if (!this.closed) {
-            this.close();
-          }
-        } else {
-          this.startTimer(); // 恢复倒计时
-        }
-      }
-    },
-    mounted() {
-      if (this.duration > 0) {
-        this.timer = setTimeout(() => {
-          if (!this.closed) {
-            this.close();
-          }
-        }, this.duration);
-      }
-      document.addEventListener('keydown', this.keydown);
-    },
-    beforeDestroy() {
-      document.removeEventListener('keydown', this.keydown);
-    }
-  };
+		startTimer() {
+			if (this.duration > 0) {
+				this.timer = setTimeout(() => {
+					if (!this.closed) {
+						this.close();
+					}
+				}, this.duration);
+			}
+		},
+		keydown(e) {
+			if (e.keyCode === 46 || e.keyCode === 8) {
+				this.clearTimer(); // detele 取消倒计时
+			} else if (e.keyCode === 27) { // esc关闭消息
+				if (!this.closed) {
+					this.close();
+				}
+			} else {
+				this.startTimer(); // 恢复倒计时
+			}
+		}
+	},
+	mounted() {
+		if (this.duration > 0) {
+			this.timer = setTimeout(() => {
+				if (!this.closed) {
+					this.close();
+				}
+			}, this.duration);
+		}
+		document.addEventListener('keydown', this.keydown);
+	},
+	beforeDestroy() {
+		document.removeEventListener('keydown', this.keydown);
+	}
+};
 </script>
 

package/packages/option/index.js

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

package/packages/option-group/index.js

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

package/packages/page-header/index.js

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

package/packages/page-header/src/main.vue

@@ -1,30 +1,30 @@
 <template>
-  <div class="el-page-header">
-    <div class="el-page-header__left" @click="$emit('back')">
-      <i class="el-icon-back"></i>
-      <div class="el-page-header__title">
-        <slot name="title">{{ title }}</slot>
-      </div>
-    </div>
-    <div class="el-page-header__content">
-      <slot name="content">{{ content }}</slot>
-    </div>
-  </div>
+	<div class="el-page-header">
+		<div class="el-page-header__left" @click="$emit('back')">
+			<i class="el-icon-back"></i>
+			<div class="el-page-header__title">
+				<slot name="title">{{ title }}</slot>
+			</div>
+		</div>
+		<div class="el-page-header__content">
+			<slot name="content">{{ content }}</slot>
+		</div>
+	</div>
 </template>
 
 <script>
 import { t } from 'element-ui/src/locale';
 export default {
-  name: 'ElPageHeader',
+	name: 'ElPageHeader',
 
-  props: {
-    title: {
-      type: String,
-      default() {
-        return t('el.pageHeader.title');
-      }
-    },
-    content: String
-  }
+	props: {
+		title: {
+			type: String,
+			default() {
+				return t('el.pageHeader.title');
+			}
+		},
+		content: String
+	}
 };
 </script>

package/packages/pagination/index.js

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