element-sim 1.1.8 → 1.1.10

package/packages/skeleton/index.js

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

package/packages/skeleton/src/img-placeholder.vue

@@ -1,16 +1,16 @@
-<template>
-  <svg
-    viewBox="0 0 1024 1024"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M64 896V128h896v768H64z m64-128l192-192 116.352 116.352L640 448l256 307.2V192H128v576z m224-480a96 96 0 1 1-0.064 192.064A96 96 0 0 1 352 288z"
-    />
-  </svg>
-</template>
-
-<script>
-export default {
-  name: 'ImgPlaceholder'
-};
-</script>
+<template>
+  <svg
+    viewBox="0 0 1024 1024"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M64 896V128h896v768H64z m64-128l192-192 116.352 116.352L640 448l256 307.2V192H128v576z m224-480a96 96 0 1 1-0.064 192.064A96 96 0 0 1 352 288z"
+    />
+  </svg>
+</template>
+
+<script>
+export default {
+  name: 'ImgPlaceholder'
+};
+</script>

package/packages/skeleton/src/index.vue

@@ -1,76 +1,76 @@
-<template>
-  <div>
-    <template v-if="uiLoading">
-      <div :class="['el-skeleton', animated ? 'is-animated' : '', ]" v-bind="$attrs">
-        <template v-for="i in count">
-          <slot v-if="loading" name="template">
-            <el-skeleton-item
-              v-for="item in rows"
-              :key="`${i}-${item}`"
-              :class="{
-                'el-skeleton__paragraph': item !== 1,
-                'is-first': item === 1,
-                'is-last': item === rows && rows > 1,
-              }"
-              variant="p"
-            />
-          </slot>
-        </template>
-      </div>
-    </template>
-    <template v-else>
-      <slot v-bind="$attrs"></slot>
-    </template>
-  </div>
-</template>
-<script>
-export default {
-  name: 'ElSkeleton',
-  props: {
-    animated: {
-      type: Boolean,
-      default: false
-    },
-    count: {
-      type: Number,
-      default: 1
-    },
-    rows: {
-      type: Number,
-      default: 4
-    },
-    loading: {
-      type: Boolean,
-      default: true
-    },
-    throttle: {
-      type: Number,
-      default: 0
-    }
-  },
-  watch: {
-    loading: {
-      handler(loading) {
-        if (this.throttle <= 0) {
-          this.uiLoading = loading;
-          return;
-        }
-        if (loading) {
-          clearTimeout(this.timeoutHandle);
-          this.timeoutHandle = setTimeout(() => {
-            this.uiLoading = this.loading;
-          }, this.throttle);
-        } else {
-          this.uiLoading = loading;
-        }
-      },
-      immediate: true
-    }
-  },
-  data() {
-    return {
-      uiLoading: this.throttle <= 0 ? this.loading : false
-    };
-  }
-};
-</script>
+<template>
+  <div>
+    <template v-if="uiLoading">
+      <div :class="['el-skeleton', animated ? 'is-animated' : '', ]" v-bind="$attrs">
+        <template v-for="i in count">
+          <slot v-if="loading" name="template">
+            <el-skeleton-item
+              v-for="item in rows"
+              :key="`${i}-${item}`"
+              :class="{
+                'el-skeleton__paragraph': item !== 1,
+                'is-first': item === 1,
+                'is-last': item === rows && rows > 1,
+              }"
+              variant="p"
+            />
+          </slot>
+        </template>
+      </div>
+    </template>
+    <template v-else>
+      <slot v-bind="$attrs"></slot>
+    </template>
+  </div>
+</template>
+<script>
+export default {
+  name: 'ElSkeleton',
+  props: {
+    animated: {
+      type: Boolean,
+      default: false
+    },
+    count: {
+      type: Number,
+      default: 1
+    },
+    rows: {
+      type: Number,
+      default: 4
+    },
+    loading: {
+      type: Boolean,
+      default: true
+    },
+    throttle: {
+      type: Number,
+      default: 0
+    }
+  },
+  watch: {
+    loading: {
+      handler(loading) {
+        if (this.throttle <= 0) {
+          this.uiLoading = loading;
+          return;
+        }
+        if (loading) {
+          clearTimeout(this.timeoutHandle);
+          this.timeoutHandle = setTimeout(() => {
+            this.uiLoading = this.loading;
+          }, this.throttle);
+        } else {
+          this.uiLoading = loading;
+        }
+      },
+      immediate: true
+    }
+  },
+  data() {
+    return {
+      uiLoading: this.throttle <= 0 ? this.loading : false
+    };
+  }
+};
+</script>

package/packages/skeleton/src/item.vue

@@ -1,22 +1,22 @@
-<template>
-  <div :class="['el-skeleton__item', `el-skeleton__${variant}`]">
-    <img-placeholder v-if="variant === 'image'" />
-  </div>
-</template>
-
-<script>
-  import ImgPlaceholder from './img-placeholder';
-
-  export default {
-    name: 'ElSkeletonItem',
-    props: {
-      variant: {
-        type: String,
-        default: 'text'
-      }
-    },
-    components: {
-      [ImgPlaceholder.name]: ImgPlaceholder
-    }
-  };
+<template>
+  <div :class="['el-skeleton__item', `el-skeleton__${variant}`]">
+    <img-placeholder v-if="variant === 'image'" />
+  </div>
+</template>
+
+<script>
+  import ImgPlaceholder from './img-placeholder';
+
+  export default {
+    name: 'ElSkeletonItem',
+    props: {
+      variant: {
+        type: String,
+        default: 'text'
+      }
+    },
+    components: {
+      [ImgPlaceholder.name]: ImgPlaceholder
+    }
+  };
 </script>

package/packages/skeleton-item/index.js

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

package/packages/slider/index.js

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