cy-element-ui 1.0.87 → 1.1.2

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>
-</template>
-<script>
-	export default {
-		name: 'ElTabPane',
-
-		componentName: 'ElTabPane',
-
-		props: {
-			label: String,
-			labelContent: Function,
-			name: String,
-			closable: Boolean,
-			disabled: Boolean,
-			lazy: Boolean
-		},
-
-		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;
-			}
-		},
-
-		updated() {
-			this.$parent.$emit('tab-nav-update');
-		}
-	};
-</script>
+<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>
+</template>
+<script>
+  export default {
+    name: 'ElTabPane',
+
+    componentName: 'ElTabPane',
+
+    props: {
+      label: String,
+      labelContent: Function,
+      name: String,
+      closable: Boolean,
+      disabled: Boolean,
+      lazy: Boolean
+    },
+
+    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;
+      }
+    },
+
+    updated() {
+      this.$parent.$emit('tab-nav-update');
+    }
+  };
+</script>

package/packages/tabs/src/tabs.vue

@@ -1,191 +1,191 @@
-<script>
-	import TabNav from './tab-nav';
-
-	export default {
-		name: 'ElTabs',
-
-		components: {
-			TabNav
-		},
-
-		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
-			};
-		},
-
-		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();
-						});
-					});
-				}
-			}
-		},
-
-		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;
-
-			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>
-			);
-
-			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');
-			}
-
-			this.$on('tab-nav-update', this.calcPaneInstances.bind(null, true));
-		},
-
-		mounted() {
-			this.calcPaneInstances();
-		},
-
-		updated() {
-			this.calcPaneInstances();
-		}
-	};
-</script>
+<script>
+  import TabNav from './tab-nav';
+
+  export default {
+    name: 'ElTabs',
+
+    components: {
+      TabNav
+    },
+
+    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
+      };
+    },
+
+    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();
+            });
+          });
+        }
+      }
+    },
+
+    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;
+
+      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>
+      );
+
+      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');
+      }
+
+      this.$on('tab-nav-update', this.calcPaneInstances.bind(null, true));
+    },
+
+    mounted() {
+      this.calcPaneInstances();
+    },
+
+    updated() {
+      this.calcPaneInstances();
+    }
+  };
+</script>

package/packages/tag/index.js

@@ -1,8 +1,8 @@
-import ElTag from './src/tag';
-
-/* istanbul ignore next */
-ElTag.install = function(Vue) {
-	Vue.component(ElTag.name, ElTag);
-};
-
-export default ElTag;
+import ElTag from './src/tag';
+
+/* istanbul ignore next */
+ElTag.install = function(Vue) {
+  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>
-			);
-
-			return this.disableTransitions ? tagEl : <transition name="el-zoom-in-center">{ tagEl }</transition>;
-		}
-	};
-</script>
+<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>
+      );
+
+      return this.disableTransitions ? tagEl : <transition name="el-zoom-in-center">{ tagEl }</transition>;
+    }
+  };
+</script>