cy-element-ui 1.1.13 → 1.1.15

package/packages/link/src/main.vue

@@ -1,53 +1,53 @@
 <template>
-  <a
-    :class="[
-      'el-link',
-      type ? `el-link--${type}` : '',
-      disabled && 'is-disabled',
-      underline && !disabled && 'is-underline'
-    ]"
-    :href="disabled ? null : href"
-    v-bind="$attrs"
-    @click="handleClick"
-  >
+	<a
+		:class="[
+			'el-link',
+			type ? `el-link--${type}` : '',
+			disabled && 'is-disabled',
+			underline && !disabled && 'is-underline'
+		]"
+		:href="disabled ? null : href"
+		v-bind="$attrs"
+		@click="handleClick"
+	>
 
-    <i :class="icon" v-if="icon"></i>
+		<i :class="icon" v-if="icon"></i>
 
-    <span v-if="$slots.default" class="el-link--inner">
-      <slot></slot>
-    </span>
+		<span v-if="$slots.default" class="el-link--inner">
+			<slot></slot>
+		</span>
 
-    <template v-if="$slots.icon"><slot v-if="$slots.icon" name="icon"></slot></template>
-  </a>
+		<template v-if="$slots.icon"><slot v-if="$slots.icon" name="icon"></slot></template>
+	</a>
 </template>
 
 <script>
 
 export default {
-  name: 'ElLink',
+	name: 'ElLink',
 
-  props: {
-    type: {
-      type: String,
-      default: 'default'
-    },
-    underline: {
-      type: Boolean,
-      default: true
-    },
-    disabled: Boolean,
-    href: String,
-    icon: String
-  },
+	props: {
+		type: {
+			type: String,
+			default: 'default'
+		},
+		underline: {
+			type: Boolean,
+			default: true
+		},
+		disabled: Boolean,
+		href: String,
+		icon: String
+	},
 
-  methods: {
-    handleClick(event) {
-      if (!this.disabled) {
-        if (!this.href) {
-          this.$emit('click', event);
-        }
-      }
-    }
-  }
+	methods: {
+		handleClick(event) {
+			if (!this.disabled) {
+				if (!this.href) {
+					this.$emit('click', event);
+				}
+			}
+		}
+	}
 };
 </script>

package/packages/loading/index.js

@@ -2,10 +2,10 @@ import directive from './src/directive';
 import service from './src/index';
 
 export default {
-  install(Vue) {
-    Vue.use(directive);
-    Vue.prototype.$loading = service;
-  },
-  directive,
-  service
+	install(Vue) {
+		Vue.use(directive);
+		Vue.prototype.$loading = service;
+	},
+	directive,
+	service
 };

package/packages/loading/src/directive.js

@@ -7,127 +7,127 @@ const Mask = Vue.extend(Loading);
 
 const loadingDirective = {};
 loadingDirective.install = Vue => {
-  if (Vue.prototype.$isServer) return;
-  const toggleLoading = (el, binding) => {
-    if (binding.value) {
-      Vue.nextTick(() => {
-        if (binding.modifiers.fullscreen) {
-          el.originalPosition = getStyle(document.body, 'position');
-          el.originalOverflow = getStyle(document.body, 'overflow');
-          el.maskStyle.zIndex = PopupManager.nextZIndex();
+	if (Vue.prototype.$isServer) return;
+	const toggleLoading = (el, binding) => {
+		if (binding.value) {
+			Vue.nextTick(() => {
+				if (binding.modifiers.fullscreen) {
+					el.originalPosition = getStyle(document.body, 'position');
+					el.originalOverflow = getStyle(document.body, 'overflow');
+					el.maskStyle.zIndex = PopupManager.nextZIndex();
 
-          addClass(el.mask, 'is-fullscreen');
-          insertDom(document.body, el, binding);
-        } else {
-          removeClass(el.mask, 'is-fullscreen');
+					addClass(el.mask, 'is-fullscreen');
+					insertDom(document.body, el, binding);
+				} else {
+					removeClass(el.mask, 'is-fullscreen');
 
-          if (binding.modifiers.body) {
-            el.originalPosition = getStyle(document.body, 'position');
+					if (binding.modifiers.body) {
+						el.originalPosition = getStyle(document.body, 'position');
 
-            ['top', 'left'].forEach(property => {
-              const scroll = property === 'top' ? 'scrollTop' : 'scrollLeft';
-              el.maskStyle[property] = el.getBoundingClientRect()[property] +
+						['top', 'left'].forEach(property => {
+							const scroll = property === 'top' ? 'scrollTop' : 'scrollLeft';
+							el.maskStyle[property] = el.getBoundingClientRect()[property] +
                 document.body[scroll] +
                 document.documentElement[scroll] -
                 parseInt(getStyle(document.body, `margin-${ property }`), 10) +
                 'px';
-            });
-            ['height', 'width'].forEach(property => {
-              el.maskStyle[property] = el.getBoundingClientRect()[property] + 'px';
-            });
+						});
+						['height', 'width'].forEach(property => {
+							el.maskStyle[property] = el.getBoundingClientRect()[property] + 'px';
+						});
 
-            insertDom(document.body, el, binding);
-          } else {
-            el.originalPosition = getStyle(el, 'position');
-            insertDom(el, el, binding);
-          }
-        }
-      });
-    } else {
-      afterLeave(el.instance, _ => {
-        if (!el.instance.hiding) return;
-        el.domVisible = false;
-        const target = binding.modifiers.fullscreen || binding.modifiers.body
-          ? document.body
-          : el;
-        removeClass(target, 'el-loading-parent--relative');
-        removeClass(target, 'el-loading-parent--hidden');
-        el.instance.hiding = false;
-      }, 300, true);
-      el.instance.visible = false;
-      el.instance.hiding = true;
-    }
-  };
-  const insertDom = (parent, el, binding) => {
-    if (!el.domVisible && getStyle(el, 'display') !== 'none' && getStyle(el, 'visibility') !== 'hidden') {
-      Object.keys(el.maskStyle).forEach(property => {
-        el.mask.style[property] = el.maskStyle[property];
-      });
+						insertDom(document.body, el, binding);
+					} else {
+						el.originalPosition = getStyle(el, 'position');
+						insertDom(el, el, binding);
+					}
+				}
+			});
+		} else {
+			afterLeave(el.instance, _ => {
+				if (!el.instance.hiding) return;
+				el.domVisible = false;
+				const target = binding.modifiers.fullscreen || binding.modifiers.body
+					? document.body
+					: el;
+				removeClass(target, 'el-loading-parent--relative');
+				removeClass(target, 'el-loading-parent--hidden');
+				el.instance.hiding = false;
+			}, 300, true);
+			el.instance.visible = false;
+			el.instance.hiding = true;
+		}
+	};
+	const insertDom = (parent, el, binding) => {
+		if (!el.domVisible && getStyle(el, 'display') !== 'none' && getStyle(el, 'visibility') !== 'hidden') {
+			Object.keys(el.maskStyle).forEach(property => {
+				el.mask.style[property] = el.maskStyle[property];
+			});
 
-      if (el.originalPosition !== 'absolute' && el.originalPosition !== 'fixed' && el.originalPosition !== 'sticky') {
-        addClass(parent, 'el-loading-parent--relative');
-      }
-      if (binding.modifiers.fullscreen && binding.modifiers.lock) {
-        addClass(parent, 'el-loading-parent--hidden');
-      }
-      el.domVisible = true;
+			if (el.originalPosition !== 'absolute' && el.originalPosition !== 'fixed' && el.originalPosition !== 'sticky') {
+				addClass(parent, 'el-loading-parent--relative');
+			}
+			if (binding.modifiers.fullscreen && binding.modifiers.lock) {
+				addClass(parent, 'el-loading-parent--hidden');
+			}
+			el.domVisible = true;
 
-      parent.appendChild(el.mask);
-      Vue.nextTick(() => {
-        if (el.instance.hiding) {
-          el.instance.$emit('after-leave');
-        } else {
-          el.instance.visible = true;
-        }
-      });
-      el.domInserted = true;
-    } else if (el.domVisible && el.instance.hiding === true) {
-      el.instance.visible = true;
-      el.instance.hiding = false;
-    }
-  };
+			parent.appendChild(el.mask);
+			Vue.nextTick(() => {
+				if (el.instance.hiding) {
+					el.instance.$emit('after-leave');
+				} else {
+					el.instance.visible = true;
+				}
+			});
+			el.domInserted = true;
+		} else if (el.domVisible && el.instance.hiding === true) {
+			el.instance.visible = true;
+			el.instance.hiding = false;
+		}
+	};
 
-  Vue.directive('loading', {
-    bind: function(el, binding, vnode) {
-      const textExr = el.getAttribute('element-loading-text');
-      const spinnerExr = el.getAttribute('element-loading-spinner');
-      const backgroundExr = el.getAttribute('element-loading-background');
-      const customClassExr = el.getAttribute('element-loading-custom-class');
-      const vm = vnode.context;
-      const mask = new Mask({
-        el: document.createElement('div'),
-        data: {
-          text: vm && vm[textExr] || textExr,
-          spinner: vm && vm[spinnerExr] || spinnerExr,
-          background: vm && vm[backgroundExr] || backgroundExr,
-          customClass: vm && vm[customClassExr] || customClassExr,
-          fullscreen: !!binding.modifiers.fullscreen
-        }
-      });
-      el.instance = mask;
-      el.mask = mask.$el;
-      el.maskStyle = {};
+	Vue.directive('loading', {
+		bind: function(el, binding, vnode) {
+			const textExr = el.getAttribute('element-loading-text');
+			const spinnerExr = el.getAttribute('element-loading-spinner');
+			const backgroundExr = el.getAttribute('element-loading-background');
+			const customClassExr = el.getAttribute('element-loading-custom-class');
+			const vm = vnode.context;
+			const mask = new Mask({
+				el: document.createElement('div'),
+				data: {
+					text: vm && vm[textExr] || textExr,
+					spinner: vm && vm[spinnerExr] || spinnerExr,
+					background: vm && vm[backgroundExr] || backgroundExr,
+					customClass: vm && vm[customClassExr] || customClassExr,
+					fullscreen: !!binding.modifiers.fullscreen
+				}
+			});
+			el.instance = mask;
+			el.mask = mask.$el;
+			el.maskStyle = {};
 
-      binding.value && toggleLoading(el, binding);
-    },
+			binding.value && toggleLoading(el, binding);
+		},
 
-    update: function(el, binding) {
-      el.instance.setText(el.getAttribute('element-loading-text'));
-      if (binding.oldValue !== binding.value) {
-        toggleLoading(el, binding);
-      }
-    },
+		update: function(el, binding) {
+			el.instance.setText(el.getAttribute('element-loading-text'));
+			if (binding.oldValue !== binding.value) {
+				toggleLoading(el, binding);
+			}
+		},
 
-    unbind: function(el, binding) {
-      if (el.domInserted) {
-        el.mask &&
+		unbind: function(el, binding) {
+			if (el.domInserted) {
+				el.mask &&
         el.mask.parentNode &&
         el.mask.parentNode.removeChild(el.mask);
-        toggleLoading(el, { value: false, modifiers: binding.modifiers });
-      }
-      el.instance && el.instance.$destroy();
-    }
-  });
+				toggleLoading(el, { value: false, modifiers: binding.modifiers });
+			}
+			el.instance && el.instance.$destroy();
+		}
+	});
 };
 
 export default loadingDirective;

package/packages/loading/src/index.js

@@ -8,11 +8,11 @@ import merge from 'element-ui/src/utils/merge';
 const LoadingConstructor = Vue.extend(loadingVue);
 
 const defaults = {
-  text: null,
-  fullscreen: true,
-  body: false,
-  lock: false,
-  customClass: ''
+	text: null,
+	fullscreen: true,
+	body: false,
+	lock: false,
+	customClass: ''
 };
 
 let fullscreenLoading;
@@ -21,86 +21,86 @@ LoadingConstructor.prototype.originalPosition = '';
 LoadingConstructor.prototype.originalOverflow = '';
 
 LoadingConstructor.prototype.close = function() {
-  if (this.fullscreen) {
-    fullscreenLoading = undefined;
-  }
-  afterLeave(this, _ => {
-    const target = this.fullscreen || this.body
-      ? document.body
-      : this.target;
-    removeClass(target, 'el-loading-parent--relative');
-    removeClass(target, 'el-loading-parent--hidden');
-    if (this.$el && this.$el.parentNode) {
-      this.$el.parentNode.removeChild(this.$el);
-    }
-    this.$destroy();
-  }, 300);
-  this.visible = false;
+	if (this.fullscreen) {
+		fullscreenLoading = undefined;
+	}
+	afterLeave(this, _ => {
+		const target = this.fullscreen || this.body
+			? document.body
+			: this.target;
+		removeClass(target, 'el-loading-parent--relative');
+		removeClass(target, 'el-loading-parent--hidden');
+		if (this.$el && this.$el.parentNode) {
+			this.$el.parentNode.removeChild(this.$el);
+		}
+		this.$destroy();
+	}, 300);
+	this.visible = false;
 };
 
 const addStyle = (options, parent, instance) => {
-  let maskStyle = {};
-  if (options.fullscreen) {
-    instance.originalPosition = getStyle(document.body, 'position');
-    instance.originalOverflow = getStyle(document.body, 'overflow');
-    maskStyle.zIndex = PopupManager.nextZIndex();
-  } else if (options.body) {
-    instance.originalPosition = getStyle(document.body, 'position');
-    ['top', 'left'].forEach(property => {
-      let scroll = property === 'top' ? 'scrollTop' : 'scrollLeft';
-      maskStyle[property] = options.target.getBoundingClientRect()[property] +
+	let maskStyle = {};
+	if (options.fullscreen) {
+		instance.originalPosition = getStyle(document.body, 'position');
+		instance.originalOverflow = getStyle(document.body, 'overflow');
+		maskStyle.zIndex = PopupManager.nextZIndex();
+	} else if (options.body) {
+		instance.originalPosition = getStyle(document.body, 'position');
+		['top', 'left'].forEach(property => {
+			let scroll = property === 'top' ? 'scrollTop' : 'scrollLeft';
+			maskStyle[property] = options.target.getBoundingClientRect()[property] +
         document.body[scroll] +
         document.documentElement[scroll] +
         'px';
-    });
-    ['height', 'width'].forEach(property => {
-      maskStyle[property] = options.target.getBoundingClientRect()[property] + 'px';
-    });
-  } else {
-    instance.originalPosition = getStyle(parent, 'position');
-  }
-  Object.keys(maskStyle).forEach(property => {
-    instance.$el.style[property] = maskStyle[property];
-  });
+		});
+		['height', 'width'].forEach(property => {
+			maskStyle[property] = options.target.getBoundingClientRect()[property] + 'px';
+		});
+	} else {
+		instance.originalPosition = getStyle(parent, 'position');
+	}
+	Object.keys(maskStyle).forEach(property => {
+		instance.$el.style[property] = maskStyle[property];
+	});
 };
 
 const Loading = (options = {}) => {
-  if (Vue.prototype.$isServer) return;
-  options = merge({}, defaults, options);
-  if (typeof options.target === 'string') {
-    options.target = document.querySelector(options.target);
-  }
-  options.target = options.target || document.body;
-  if (options.target !== document.body) {
-    options.fullscreen = false;
-  } else {
-    options.body = true;
-  }
-  if (options.fullscreen && fullscreenLoading) {
-    return fullscreenLoading;
-  }
+	if (Vue.prototype.$isServer) return;
+	options = merge({}, defaults, options);
+	if (typeof options.target === 'string') {
+		options.target = document.querySelector(options.target);
+	}
+	options.target = options.target || document.body;
+	if (options.target !== document.body) {
+		options.fullscreen = false;
+	} else {
+		options.body = true;
+	}
+	if (options.fullscreen && fullscreenLoading) {
+		return fullscreenLoading;
+	}
 
-  let parent = options.body ? document.body : options.target;
-  let instance = new LoadingConstructor({
-    el: document.createElement('div'),
-    data: options
-  });
+	let parent = options.body ? document.body : options.target;
+	let instance = new LoadingConstructor({
+		el: document.createElement('div'),
+		data: options
+	});
 
-  addStyle(options, parent, instance);
-  if (instance.originalPosition !== 'absolute' && instance.originalPosition !== 'fixed' && instance.originalPosition !== 'sticky') {
-    addClass(parent, 'el-loading-parent--relative');
-  }
-  if (options.fullscreen && options.lock) {
-    addClass(parent, 'el-loading-parent--hidden');
-  }
-  parent.appendChild(instance.$el);
-  Vue.nextTick(() => {
-    instance.visible = true;
-  });
-  if (options.fullscreen) {
-    fullscreenLoading = instance;
-  }
-  return instance;
+	addStyle(options, parent, instance);
+	if (instance.originalPosition !== 'absolute' && instance.originalPosition !== 'fixed' && instance.originalPosition !== 'sticky') {
+		addClass(parent, 'el-loading-parent--relative');
+	}
+	if (options.fullscreen && options.lock) {
+		addClass(parent, 'el-loading-parent--hidden');
+	}
+	parent.appendChild(instance.$el);
+	Vue.nextTick(() => {
+		instance.visible = true;
+	});
+	if (options.fullscreen) {
+		fullscreenLoading = instance;
+	}
+	return instance;
 };
 
 export default Loading;

package/packages/loading/src/loading.vue

@@ -1,41 +1,41 @@
 <template>
-  <transition name="el-loading-fade" @after-leave="handleAfterLeave">
-    <div
-      v-show="visible"
-      class="el-loading-mask"
-      :style="{ backgroundColor: background || '' }"
-      :class="[customClass, { 'is-fullscreen': fullscreen }]">
-      <div class="el-loading-spinner">
-        <svg v-if="!spinner" class="circular" viewBox="25 25 50 50">
-          <circle class="path" cx="50" cy="50" r="20" fill="none"/>
-        </svg>
-        <i v-else :class="spinner"></i>
-        <p v-if="text" class="el-loading-text">{{ text }}</p>
-      </div>
-    </div>
-  </transition>
+	<transition name="el-loading-fade" @after-leave="handleAfterLeave">
+		<div
+			v-show="visible"
+			class="el-loading-mask"
+			:style="{ backgroundColor: background || '' }"
+			:class="[customClass, { 'is-fullscreen': fullscreen }]">
+			<div class="el-loading-spinner">
+				<svg v-if="!spinner" class="circular" viewBox="25 25 50 50">
+					<circle class="path" cx="50" cy="50" r="20" fill="none"/>
+				</svg>
+				<i v-else :class="spinner"></i>
+				<p v-if="text" class="el-loading-text">{{ text }}</p>
+			</div>
+		</div>
+	</transition>
 </template>
 
 <script>
-  export default {
-    data() {
-      return {
-        text: null,
-        spinner: null,
-        background: null,
-        fullscreen: true,
-        visible: false,
-        customClass: ''
-      };
-    },
+export default {
+	data() {
+		return {
+			text: null,
+			spinner: null,
+			background: null,
+			fullscreen: true,
+			visible: false,
+			customClass: ''
+		};
+	},
 
-    methods: {
-      handleAfterLeave() {
-        this.$emit('after-leave');
-      },
-      setText(text) {
-        this.text = text;
-      }
-    }
-  };
+	methods: {
+		handleAfterLeave() {
+			this.$emit('after-leave');
+		},
+		setText(text) {
+			this.text = text;
+		}
+	}
+};
 </script>

package/packages/main/index.js

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

package/packages/main/src/main.vue

@@ -1,12 +1,12 @@
 <template>
-  <main class="el-main">
-    <slot></slot>
-  </main>
+	<main class="el-main">
+		<slot></slot>
+	</main>
 </template>
 
 <script>
-  export default {
-    name: 'ElMain',
-    componentName: 'ElMain'
-  };
+export default {
+	name: 'ElMain',
+	componentName: 'ElMain'
+};
 </script>

package/packages/menu/index.js

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