cy-element-ui 1.1.13 → 1.1.15

package/packages/tabs/src/tab-pane.vue

@@ -1,56 +1,56 @@
 <template>
-  <div
-    class="el-tab-pane"
-    v-if="(!lazy || loaded) || active"
-    v-show="active"
-    role="tabpanel"
-    :aria-hidden="!active"
-    :id="`pane-${paneName}`"
-    :aria-labelledby="`tab-${paneName}`"
-  >
-    <slot></slot>
-  </div>
+	<div
+		class="el-tab-pane"
+		v-if="(!lazy || loaded) || active"
+		v-show="active"
+		role="tabpanel"
+		:aria-hidden="!active"
+		:id="`pane-${paneName}`"
+		:aria-labelledby="`tab-${paneName}`"
+	>
+		<slot></slot>
+	</div>
 </template>
 <script>
-  export default {
-    name: 'ElTabPane',
+export default {
+	name: 'ElTabPane',
 
-    componentName: 'ElTabPane',
+	componentName: 'ElTabPane',
 
-    props: {
-      label: String,
-      labelContent: Function,
-      name: String,
-      closable: Boolean,
-      disabled: Boolean,
-      lazy: Boolean
-    },
+	props: {
+		label: String,
+		labelContent: Function,
+		name: String,
+		closable: Boolean,
+		disabled: Boolean,
+		lazy: Boolean
+	},
 
-    data() {
-      return {
-        index: null,
-        loaded: false
-      };
-    },
+	data() {
+		return {
+			index: null,
+			loaded: false
+		};
+	},
 
-    computed: {
-      isClosable() {
-        return this.closable || this.$parent.closable;
-      },
-      active() {
-        const active = this.$parent.currentName === (this.name || this.index);
-        if (active) {
-          this.loaded = true;
-        }
-        return active;
-      },
-      paneName() {
-        return this.name || this.index;
-      }
-    },
+	computed: {
+		isClosable() {
+			return this.closable || this.$parent.closable;
+		},
+		active() {
+			const active = this.$parent.currentName === (this.name || this.index);
+			if (active) {
+				this.loaded = true;
+			}
+			return active;
+		},
+		paneName() {
+			return this.name || this.index;
+		}
+	},
 
-    updated() {
-      this.$parent.$emit('tab-nav-update');
-    }
-  };
+	updated() {
+		this.$parent.$emit('tab-nav-update');
+	}
+};
 </script>

package/packages/tabs/src/tabs.vue

@@ -1,191 +1,191 @@
 <script>
-  import TabNav from './tab-nav';
+import TabNav from './tab-nav';
 
-  export default {
-    name: 'ElTabs',
+export default {
+	name: 'ElTabs',
 
-    components: {
-      TabNav
-    },
+	components: {
+		TabNav
+	},
 
-    props: {
-      type: String,
-      activeName: String,
-      closable: Boolean,
-      addable: Boolean,
-      value: {},
-      editable: Boolean,
-      tabPosition: {
-        type: String,
-        default: 'top'
-      },
-      beforeLeave: Function,
-      stretch: Boolean
-    },
+	props: {
+		type: String,
+		activeName: String,
+		closable: Boolean,
+		addable: Boolean,
+		value: {},
+		editable: Boolean,
+		tabPosition: {
+			type: String,
+			default: 'top'
+		},
+		beforeLeave: Function,
+		stretch: Boolean
+	},
 
-    provide() {
-      return {
-        rootTabs: this
-      };
-    },
+	provide() {
+		return {
+			rootTabs: this
+		};
+	},
 
-    data() {
-      return {
-        currentName: this.value || this.activeName,
-        panes: []
-      };
-    },
+	data() {
+		return {
+			currentName: this.value || this.activeName,
+			panes: []
+		};
+	},
 
-    watch: {
-      activeName(value) {
-        this.setCurrentName(value);
-      },
-      value(value) {
-        this.setCurrentName(value);
-      },
-      currentName(value) {
-        if (this.$refs.nav) {
-          this.$nextTick(() => {
-            this.$refs.nav.$nextTick(_ => {
-              this.$refs.nav.scrollToActiveTab();
-            });
-          });
-        }
-      }
-    },
+	watch: {
+		activeName(value) {
+			this.setCurrentName(value);
+		},
+		value(value) {
+			this.setCurrentName(value);
+		},
+		currentName(value) {
+			if (this.$refs.nav) {
+				this.$nextTick(() => {
+					this.$refs.nav.$nextTick(_ => {
+						this.$refs.nav.scrollToActiveTab();
+					});
+				});
+			}
+		}
+	},
 
-    methods: {
-      calcPaneInstances(isForceUpdate = false) {
-        if (this.$slots.default) {
-          const paneSlots = this.$slots.default.filter(vnode => vnode.tag &&
-            vnode.componentOptions && vnode.componentOptions.Ctor.options.name === 'ElTabPane');
-          // update indeed
-          const panes = paneSlots.map(({ componentInstance }) => componentInstance);
-          const panesChanged = !(panes.length === this.panes.length && panes.every((pane, index) => pane === this.panes[index]));
-          if (isForceUpdate || panesChanged) {
-            this.panes = panes;
-          }
-        } else if (this.panes.length !== 0) {
-          this.panes = [];
-        }
-      },
-      handleTabClick(tab, tabName, event) {
-        if (tab.disabled) return;
-        this.setCurrentName(tabName);
-        this.$emit('tab-click', tab, event);
-      },
-      handleTabRemove(pane, ev) {
-        if (pane.disabled) return;
-        ev.stopPropagation();
-        this.$emit('edit', pane.name, 'remove');
-        this.$emit('tab-remove', pane.name);
-      },
-      handleTabAdd() {
-        this.$emit('edit', null, 'add');
-        this.$emit('tab-add');
-      },
-      setCurrentName(value) {
-        const changeCurrentName = () => {
-          this.currentName = value;
-          this.$emit('input', value);
-        };
-        if (this.currentName !== value && this.beforeLeave) {
-          const before = this.beforeLeave(value, this.currentName);
-          if (before && before.then) {
-            before
-              .then(() => {
-                changeCurrentName();
-                this.$refs.nav && this.$refs.nav.removeFocus();
-              }, () => {
-                // https://github.com/ElemeFE/element/pull/14816
-                // ignore promise rejection in `before-leave` hook
-              });
-          } else if (before !== false) {
-            changeCurrentName();
-          }
-        } else {
-          changeCurrentName();
-        }
-      }
-    },
+	methods: {
+		calcPaneInstances(isForceUpdate = false) {
+			if (this.$slots.default) {
+				const paneSlots = this.$slots.default.filter(vnode => vnode.tag &&
+					vnode.componentOptions && vnode.componentOptions.Ctor.options.name === 'ElTabPane');
+				// update indeed
+				const panes = paneSlots.map(({ componentInstance }) => componentInstance);
+				const panesChanged = !(panes.length === this.panes.length && panes.every((pane, index) => pane === this.panes[index]));
+				if (isForceUpdate || panesChanged) {
+					this.panes = panes;
+				}
+			} else if (this.panes.length !== 0) {
+				this.panes = [];
+			}
+		},
+		handleTabClick(tab, tabName, event) {
+			if (tab.disabled) return;
+			this.setCurrentName(tabName);
+			this.$emit('tab-click', tab, event);
+		},
+		handleTabRemove(pane, ev) {
+			if (pane.disabled) return;
+			ev.stopPropagation();
+			this.$emit('edit', pane.name, 'remove');
+			this.$emit('tab-remove', pane.name);
+		},
+		handleTabAdd() {
+			this.$emit('edit', null, 'add');
+			this.$emit('tab-add');
+		},
+		setCurrentName(value) {
+			const changeCurrentName = () => {
+				this.currentName = value;
+				this.$emit('input', value);
+			};
+			if (this.currentName !== value && this.beforeLeave) {
+				const before = this.beforeLeave(value, this.currentName);
+				if (before && before.then) {
+					before
+						.then(() => {
+							changeCurrentName();
+							this.$refs.nav && this.$refs.nav.removeFocus();
+						}, () => {
+							// https://github.com/ElemeFE/element/pull/14816
+							// ignore promise rejection in `before-leave` hook
+						});
+				} else if (before !== false) {
+					changeCurrentName();
+				}
+			} else {
+				changeCurrentName();
+			}
+		}
+	},
 
-    render(h) {
-      let {
-        type,
-        handleTabClick,
-        handleTabRemove,
-        handleTabAdd,
-        currentName,
-        panes,
-        editable,
-        addable,
-        tabPosition,
-        stretch
-      } = this;
+	render(h) {
+		let {
+			type,
+			handleTabClick,
+			handleTabRemove,
+			handleTabAdd,
+			currentName,
+			panes,
+			editable,
+			addable,
+			tabPosition,
+			stretch
+		} = this;
 
-      const newButton = editable || addable
-        ? (
-          <span
-            class="el-tabs__new-tab"
-            on-click={ handleTabAdd }
-            tabindex="0"
-            on-keydown={ (ev) => { if (ev.keyCode === 13) { handleTabAdd(); }} }
-          >
-            <i class="el-icon-plus"></i>
-          </span>
-        )
-        : null;
+		const newButton = editable || addable
+			? (
+				<span
+					class="el-tabs__new-tab"
+					on-click={ handleTabAdd }
+					tabindex="0"
+					on-keydown={ (ev) => { if (ev.keyCode === 13) { handleTabAdd(); } } }
+				>
+					<i class="el-icon-plus"></i>
+				</span>
+			)
+			: null;
 
-      const navData = {
-        props: {
-          currentName,
-          onTabClick: handleTabClick,
-          onTabRemove: handleTabRemove,
-          editable,
-          type,
-          panes,
-          stretch
-        },
-        ref: 'nav'
-      };
-      const header = (
-        <div class={['el-tabs__header', `is-${tabPosition}`]}>
-          {newButton}
-          <tab-nav { ...navData }></tab-nav>
-        </div>
-      );
-      const panels = (
-        <div class="el-tabs__content">
-          {this.$slots.default}
-        </div>
-      );
+		const navData = {
+			props: {
+				currentName,
+				onTabClick: handleTabClick,
+				onTabRemove: handleTabRemove,
+				editable,
+				type,
+				panes,
+				stretch
+			},
+			ref: 'nav'
+		};
+		const header = (
+			<div class={['el-tabs__header', `is-${ tabPosition }`]}>
+				{newButton}
+				<tab-nav { ...navData }></tab-nav>
+			</div>
+		);
+		const panels = (
+			<div class="el-tabs__content">
+				{this.$slots.default}
+			</div>
+		);
 
-      return (
-        <div class={{
-          'el-tabs': true,
-          'el-tabs--card': type === 'card',
-          [`el-tabs--${tabPosition}`]: true,
-          'el-tabs--border-card': type === 'border-card'
-        }}>
-          { tabPosition !== 'bottom' ? [header, panels] : [panels, header] }
-        </div>
-      );
-    },
+		return (
+			<div class={{
+				'el-tabs': true,
+				'el-tabs--card': type === 'card',
+				[`el-tabs--${ tabPosition }`]: true,
+				'el-tabs--border-card': type === 'border-card'
+			}}>
+				{ tabPosition !== 'bottom' ? [header, panels] : [panels, header] }
+			</div>
+		);
+	},
   
-    created() {
-      if (!this.currentName) {
-        this.setCurrentName('0');
-      }
+	created() {
+		if (!this.currentName) {
+			this.setCurrentName('0');
+		}
 
-      this.$on('tab-nav-update', this.calcPaneInstances.bind(null, true));
-    },
+		this.$on('tab-nav-update', this.calcPaneInstances.bind(null, true));
+	},
 
-    mounted() {
-      this.calcPaneInstances();
-    },
+	mounted() {
+		this.calcPaneInstances();
+	},
 
-    updated() {
-      this.calcPaneInstances();
-    }
-  };
+	updated() {
+		this.calcPaneInstances();
+	}
+};
 </script>

package/packages/tag/index.js

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

package/packages/tag/src/tag.vue

@@ -1,58 +1,58 @@
 <script>
-  export default {
-    name: 'ElTag',
-    props: {
-      text: String,
-      closable: Boolean,
-      type: String,
-      hit: Boolean,
-      disableTransitions: Boolean,
-      color: String,
-      size: String,
-      effect: {
-        type: String,
-        default: 'light',
-        validator(val) {
-          return ['dark', 'light', 'plain'].indexOf(val) !== -1;
-        }
-      }
-    },
-    methods: {
-      handleClose(event) {
-        event.stopPropagation();
-        this.$emit('close', event);
-      },
-      handleClick(event) {
-        this.$emit('click', event);
-      }
-    },
-    computed: {
-      tagSize() {
-        return this.size || (this.$ELEMENT || {}).size;
-      }
-    },
-    render(h) {
-      const { type, tagSize, hit, effect } = this;
-      const classes = [
-        'el-tag',
-        type ? `el-tag--${type}` : '',
-        tagSize ? `el-tag--${tagSize}` : '',
-        effect ? `el-tag--${effect}` : '',
-        hit && 'is-hit'
-      ];
-      const tagEl = (
-        <span
-          class={ classes }
-          style={{ backgroundColor: this.color }}
-          on-click={ this.handleClick }>
-          { this.$slots.default }
-          {
-            this.closable && <i class="el-tag__close el-icon-close" on-click={ this.handleClose }></i>
-          }
-        </span>
-      );
+export default {
+	name: 'ElTag',
+	props: {
+		text: String,
+		closable: Boolean,
+		type: String,
+		hit: Boolean,
+		disableTransitions: Boolean,
+		color: String,
+		size: String,
+		effect: {
+			type: String,
+			default: 'light',
+			validator(val) {
+				return ['dark', 'light', 'plain'].indexOf(val) !== -1;
+			}
+		}
+	},
+	methods: {
+		handleClose(event) {
+			event.stopPropagation();
+			this.$emit('close', event);
+		},
+		handleClick(event) {
+			this.$emit('click', event);
+		}
+	},
+	computed: {
+		tagSize() {
+			return this.size || (this.$ELEMENT || {}).size;
+		}
+	},
+	render(h) {
+		const { type, tagSize, hit, effect } = this;
+		const classes = [
+			'el-tag',
+			type ? `el-tag--${ type }` : '',
+			tagSize ? `el-tag--${ tagSize }` : '',
+			effect ? `el-tag--${ effect }` : '',
+			hit && 'is-hit'
+		];
+		const tagEl = (
+			<span
+				class={ classes }
+				style={{ backgroundColor: this.color }}
+				on-click={ this.handleClick }>
+				{ this.$slots.default }
+				{
+					this.closable && <i class="el-tag__close el-icon-close" on-click={ this.handleClose }></i>
+				}
+			</span>
+		);
 
-      return this.disableTransitions ? tagEl : <transition name="el-zoom-in-center">{ tagEl }</transition>;
-    }
-  };
+		return this.disableTransitions ? tagEl : <transition name="el-zoom-in-center">{ tagEl }</transition>;
+	}
+};
 </script>

package/packages/theme-chalk/gulpfile.js

@@ -6,20 +6,20 @@ const autoprefixer = require('gulp-autoprefixer');
 const cssmin = require('gulp-cssmin');
 
 function compile() {
-  return src(['./src/*.scss', './src/cy/*.scss'])
-    .pipe(sass())
-    .pipe(autoprefixer({
-      browsers: ['ie > 9', 'last 2 versions'],
-      cascade: false
-    }))
-    .pipe(cssmin())
-    .pipe(dest('./lib'));
+	return src(['./src/*.scss', './src/cy/*.scss'])
+		.pipe(sass())
+		.pipe(autoprefixer({
+			browsers: ['ie > 9', 'last 2 versions'],
+			cascade: false
+		}))
+		.pipe(cssmin())
+		.pipe(dest('./lib'));
 }
 
 function copyfont() {
-  return src('./src/fonts/**')
-    .pipe(cssmin())
-    .pipe(dest('./lib/fonts'));
+	return src('./src/fonts/**')
+		.pipe(cssmin())
+		.pipe(dest('./lib/fonts'));
 }
 
 exports.build = series(compile, copyfont);