@penggy/element-ui 2.4.11 → 2.4.12

package/packages/breadcrumb/index.js

@@ -1,8 +1,8 @@
-import ElBreadcrumb from './src/breadcrumb';
-
-/* istanbul ignore next */
-ElBreadcrumb.install = function(Vue) {
-  Vue.component(ElBreadcrumb.name, ElBreadcrumb);
-};
-
-export default ElBreadcrumb;
+import ElBreadcrumb from './src/breadcrumb';
+
+/* istanbul ignore next */
+ElBreadcrumb.install = function(Vue) {
+  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>
-</template>
-<script>
-  export default {
-    name: 'ElBreadcrumbItem',
-    props: {
-      to: {},
-      replace: Boolean
-    },
-    data() {
-      return {
-        separator: '',
-        separatorClass: ''
-      };
-    },
-
-    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);
-      });
-    }
-  };
-</script>
+<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>
+</template>
+<script>
+  export default {
+    name: 'ElBreadcrumbItem',
+    props: {
+      to: {},
+      replace: Boolean
+    },
+    data() {
+      return {
+        separator: '',
+        separatorClass: ''
+      };
+    },
+
+    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);
+      });
+    }
+  };
+</script>

package/packages/breadcrumb/src/breadcrumb.vue

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

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

package/packages/button/index.js

@@ -1,8 +1,8 @@
-import ElButton from './src/button';
-
-/* istanbul ignore next */
-ElButton.install = function(Vue) {
-  Vue.component(ElButton.name, ElButton);
-};
-
-export default ElButton;
+import ElButton from './src/button';
+
+/* istanbul ignore next */
+ElButton.install = function(Vue) {
+  Vue.component(ElButton.name, ElButton);
+};
+
+export default ElButton;

package/packages/button/src/button-group.vue

@@ -1,10 +1,10 @@
-<template>
-  <div class="el-button-group">
-    <slot></slot>
-  </div>
-</template>
-<script>
-  export default {
-    name: 'ElButtonGroup'
-  };
-</script>
+<template>
+  <div class="el-button-group">
+    <slot></slot>
+  </div>
+</template>
+<script>
+  export default {
+    name: 'ElButtonGroup'
+  };
+</script>

package/packages/button/src/button.vue

@@ -1,78 +1,78 @@
-<template>
-  <button
-    class="el-button"
-    @click="handleClick"
-    :disabled="buttonDisabled || loading"
-    :autofocus="autofocus"
-    :type="nativeType"
-    :class="[
-      type ? 'el-button--' + type : '',
-      buttonSize ? 'el-button--' + buttonSize : '',
-      {
-        'is-disabled': buttonDisabled,
-        'is-loading': loading,
-        'is-plain': plain,
-        'is-round': round,
-        'is-circle': circle
-      }
-    ]"
-  >
-    <i class="el-icon-loading" v-if="loading"></i>
-    <i :class="icon" v-if="icon && !loading"></i>
-    <span v-if="$slots.default"><slot></slot></span>
-  </button>
-</template>
-<script>
-  export default {
-    name: 'ElButton',
-
-    inject: {
-      elForm: {
-        default: ''
-      },
-      elFormItem: {
-        default: ''
-      }
-    },
-
-    props: {
-      type: {
-        type: String,
-        default: 'default'
-      },
-      size: String,
-      icon: {
-        type: String,
-        default: ''
-      },
-      nativeType: {
-        type: String,
-        default: 'button'
-      },
-      loading: Boolean,
-      disabled: Boolean,
-      plain: Boolean,
-      autofocus: Boolean,
-      round: Boolean,
-      circle: Boolean
-    },
-
-    computed: {
-      _elFormItemSize() {
-        return (this.elFormItem || {}).elFormItemSize;
-      },
-      buttonSize() {
-        return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
-      },
-      buttonDisabled() {
-        return this.disabled || (this.elForm || {}).disabled;
-      }
-    },
-
-    methods: {
-      handleClick(evt) {
-        this.$emit('click', evt);
-      }
-    }
-  };
-</script>
+<template>
+  <button
+    class="el-button"
+    @click="handleClick"
+    :disabled="buttonDisabled || loading"
+    :autofocus="autofocus"
+    :type="nativeType"
+    :class="[
+      type ? 'el-button--' + type : '',
+      buttonSize ? 'el-button--' + buttonSize : '',
+      {
+        'is-disabled': buttonDisabled,
+        'is-loading': loading,
+        'is-plain': plain,
+        'is-round': round,
+        'is-circle': circle
+      }
+    ]"
+  >
+    <i class="el-icon-loading" v-if="loading"></i>
+    <i :class="icon" v-if="icon && !loading"></i>
+    <span v-if="$slots.default"><slot></slot></span>
+  </button>
+</template>
+<script>
+  export default {
+    name: 'ElButton',
+
+    inject: {
+      elForm: {
+        default: ''
+      },
+      elFormItem: {
+        default: ''
+      }
+    },
+
+    props: {
+      type: {
+        type: String,
+        default: 'default'
+      },
+      size: String,
+      icon: {
+        type: String,
+        default: ''
+      },
+      nativeType: {
+        type: String,
+        default: 'button'
+      },
+      loading: Boolean,
+      disabled: Boolean,
+      plain: Boolean,
+      autofocus: Boolean,
+      round: Boolean,
+      circle: Boolean
+    },
+
+    computed: {
+      _elFormItemSize() {
+        return (this.elFormItem || {}).elFormItemSize;
+      },
+      buttonSize() {
+        return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
+      },
+      buttonDisabled() {
+        return this.disabled || (this.elForm || {}).disabled;
+      }
+    },
+
+    methods: {
+      handleClick(evt) {
+        this.$emit('click', evt);
+      }
+    }
+  };
+</script>

package/packages/button-group/index.js

@@ -1,8 +1,8 @@
-import ElButtonGroup from '../button/src/button-group';
-
-/* istanbul ignore next */
-ElButtonGroup.install = function(Vue) {
-  Vue.component(ElButtonGroup.name, ElButtonGroup);
-};
-
-export default ElButtonGroup;
+import ElButtonGroup from '../button/src/button-group';
+
+/* istanbul ignore next */
+ElButtonGroup.install = function(Vue) {
+  Vue.component(ElButtonGroup.name, ElButtonGroup);
+};
+
+export default ElButtonGroup;

package/packages/card/index.js

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

package/packages/card/src/main.vue

@@ -1,23 +1,23 @@
-<template>
-  <div class="el-card" :class="shadow ? 'is-' + shadow + '-shadow' : 'is-always-shadow'">
-    <div class="el-card__header" v-if="$slots.header || header">
-      <slot name="header">{{ header }}</slot>
-    </div>
-    <div class="el-card__body" :style="bodyStyle">
-      <slot></slot>
-    </div>
-  </div>
-</template>
-
-<script>
-  export default {
-    name: 'ElCard',
-    props: {
-      header: {},
-      bodyStyle: {},
-      shadow: {
-        type: String
-      }
-    }
-  };
-</script>
+<template>
+  <div class="el-card" :class="shadow ? 'is-' + shadow + '-shadow' : 'is-always-shadow'">
+    <div class="el-card__header" v-if="$slots.header || header">
+      <slot name="header">{{ header }}</slot>
+    </div>
+    <div class="el-card__body" :style="bodyStyle">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'ElCard',
+    props: {
+      header: {},
+      bodyStyle: {},
+      shadow: {
+        type: String
+      }
+    }
+  };
+</script>

package/packages/carousel/index.js

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