vdesign-ui 0.2.12 → 0.2.13

package/dist/components/skeleton/index.js

@@ -1,7 +1,7 @@
-import Skeleton from './index.vue';
-import './style.less';
-Skeleton.install = function(Vue) {
-    Vue.component(Skeleton.name, Skeleton)
-}
-
+import Skeleton from './index.vue';
+import './style.less';
+Skeleton.install = function(Vue) {
+    Vue.component(Skeleton.name, Skeleton)
+}
+
 export default Skeleton;

package/dist/components/skeleton/index.vue

@@ -1,207 +1,207 @@
-<script>
-const prefixCls = 'vd-skeleton';
-export default {
-  name: 'vd-skeleton',
-  props: {
-    row: {
-      type: Number,
-      default: 4,
-    },
-    img: {
-      type: Boolean,
-    },
-    title: {
-      type: [Boolean, String],
-      default: false,
-      validator: (value) => {
-        return typeof value === 'boolean' || ['s', 'm', 'l'].includes(value);
-      },
-    },
-    button: {
-      type: Boolean,
-    },
-    paragraph: {
-      type: Boolean,
-    },
-    sImg: {
-      type: Boolean,
-    },
-    avatar: {
-      type: [Boolean, String],
-      default: false,
-      validator: (value) => {
-        return typeof value === 'boolean' || ['s', 'm', 'l'].includes(value);
-      },
-    },
-    text: {
-      type: Boolean,
-    },
-    stock: {
-      type: Boolean,
-    },
-    data: {
-      type: Boolean,
-    },
-    equally: {
-      type: Boolean,
-    },
-    equallys: {
-      type: Number,
-      default: 2,
-    },
-    height: {
-      type: Number,
-    },
-    animate: {
-      type: Boolean,
-      default: true,
-    },
-    loading: {
-      type: Boolean,
-      default: true,
-    },
-  },
-  computed: {
-    titleClasses() {
-      let size = 's'; // 默认尺寸
-      if (typeof this.title === 'string' && ['s', 'm', 'l'].includes(this.title)) {
-        size = this.title;
-      }
-      return {
-        [`${prefixCls}__title--${size}`]: true,
-      };
-    },
-    avatarClasses() {
-      let size = 's'; // 默认尺寸
-      if (typeof this.avatar === 'string' && ['s', 'm', 'l'].includes(this.avatar)) {
-        size = this.avatar;
-      }
-      return {
-        [`${prefixCls}__avatar--${size}`]: true,
-      };
-    },
-  },
-  render(h) {
-    if (this.loading) {
-      return h(
-        'div',
-        {
-          class: [prefixCls, { [`${prefixCls}--animate`]: this.animate }],
-        },
-        [
-          // 图片占位符
-          this.img ? h('div', { class: `${prefixCls}__img` }) : null,
-          // 标题占位符
-          this.title
-            ? h('div', {
-                class: [`${prefixCls}__title`, this.titleClasses],
-              })
-            : null,
-          // 按钮占位符
-          this.button ? h('div', { class: `${prefixCls}__button` }) : null,
-          // 小图片占位符
-          this.sImg ? h('div', { class: `${prefixCls}__img--s` }) : null,
-          // 头像占位符
-          this.avatar
-            ? h('div', {
-                class: [`${prefixCls}__avatar`, this.avatarClasses],
-              })
-            : null,
-          // 段落和文本占位符
-          (this.paragraph || this.text)
-            ? h(
-                'div',
-                { class: `${prefixCls}__content` },
-                [
-                  this.text ? h('div', { class: `${prefixCls}__text` }) : null,
-                  this.paragraph
-                    ? Array.from({ length: this.row }).map((_, index) =>
-                        h('div', {
-                          key: index,
-                          class: [
-                            `${prefixCls}__paragraph`,
-                            {
-                              'is-last':
-                                index === this.row - 1 && this.row > 1,
-                            },
-                          ],
-                        })
-                      )
-                    : null,
-                ].filter(Boolean)
-              )
-            : null,
-          // 股票占位符
-          this.stock
-            ? h('div', { class: `${prefixCls}__stock` }, [
-                h('div', { class: `${prefixCls}__stock--left` }, [
-                  h('span', { class: `${prefixCls}__stock--data` }),
-                  h('span', { class: `${prefixCls}__stock--subdatax` }),
-                ]),
-                h('div', { class: `${prefixCls}--space` }, [
-                  h('div', { class: `${prefixCls}__stock--center` }),
-                  h(
-                    'div',
-                    {
-                      class: [`${prefixCls}__stock--right`, 'spacing'],
-                    },
-                    [
-                      h('span', { class: `${prefixCls}__stock--title` }),
-                      h('span', { class: `${prefixCls}__stock--text` }),
-                    ]
-                  ),
-                ]),
-              ])
-            : null,
-          // 数据占位符
-          this.data
-            ? h('div', { class: `${prefixCls}__stock` }, [
-                h('div', { class: `${prefixCls}__stock--left` }, [
-                  h('span', { class: `${prefixCls}__stock--data` }),
-                  h('span', { class: `${prefixCls}__stock--subdatal` }),
-                ]),
-                h('div', { class: `${prefixCls}--space` }, [
-                  h('div', { class: `${prefixCls}__stock--right` }, [
-                    h('span', { class: `${prefixCls}__stock--title` }),
-                    h('span', { class: `${prefixCls}__stock--text` }),
-                  ]),
-                  h('div', { class: `${prefixCls}__stock--right` }, [
-                    h('span', { class: `${prefixCls}__stock--title` }),
-                    h('span', { class: `${prefixCls}__stock--text` }),
-                  ]),
-                  h('div', { class: `${prefixCls}__stock--right` }, [
-                    h('span', { class: `${prefixCls}__stock--title` }),
-                    h('span', { class: `${prefixCls}__stock--text` }),
-                  ]),
-                ]),
-              ])
-            : null,
-          // 等分占位符
-          this.equally
-            ? h(
-                'div',
-                { class: `${prefixCls}__equally` },
-                Array.from({ length: this.equallys }).map((_, index) =>
-                  h('div', {
-                    key: index,
-                    class: `${prefixCls}__img`,
-                    style: { height: `${this.height}px` },
-                  })
-                )
-              )
-            : null,
-        ].filter(Boolean)
-      );
-    } else {
-      // 返回插槽内容
-      return h('div', this.$slots.default || []);
-      // return this.$slots.default ? this.$slots.default : null;
-    }
-  },
-};
-</script>
-
-<style lang="less">
-@import './style.less';
-
-</style>
+<script>
+const prefixCls = 'vd-skeleton';
+export default {
+  name: 'vd-skeleton',
+  props: {
+    row: {
+      type: Number,
+      default: 4,
+    },
+    img: {
+      type: Boolean,
+    },
+    title: {
+      type: [Boolean, String],
+      default: false,
+      validator: (value) => {
+        return typeof value === 'boolean' || ['s', 'm', 'l'].includes(value);
+      },
+    },
+    button: {
+      type: Boolean,
+    },
+    paragraph: {
+      type: Boolean,
+    },
+    sImg: {
+      type: Boolean,
+    },
+    avatar: {
+      type: [Boolean, String],
+      default: false,
+      validator: (value) => {
+        return typeof value === 'boolean' || ['s', 'm', 'l'].includes(value);
+      },
+    },
+    text: {
+      type: Boolean,
+    },
+    stock: {
+      type: Boolean,
+    },
+    data: {
+      type: Boolean,
+    },
+    equally: {
+      type: Boolean,
+    },
+    equallys: {
+      type: Number,
+      default: 2,
+    },
+    height: {
+      type: Number,
+    },
+    animate: {
+      type: Boolean,
+      default: true,
+    },
+    loading: {
+      type: Boolean,
+      default: true,
+    },
+  },
+  computed: {
+    titleClasses() {
+      let size = 's'; // 默认尺寸
+      if (typeof this.title === 'string' && ['s', 'm', 'l'].includes(this.title)) {
+        size = this.title;
+      }
+      return {
+        [`${prefixCls}__title--${size}`]: true,
+      };
+    },
+    avatarClasses() {
+      let size = 's'; // 默认尺寸
+      if (typeof this.avatar === 'string' && ['s', 'm', 'l'].includes(this.avatar)) {
+        size = this.avatar;
+      }
+      return {
+        [`${prefixCls}__avatar--${size}`]: true,
+      };
+    },
+  },
+  render(h) {
+    if (this.loading) {
+      return h(
+        'div',
+        {
+          class: [prefixCls, { [`${prefixCls}--animate`]: this.animate }],
+        },
+        [
+          // 图片占位符
+          this.img ? h('div', { class: `${prefixCls}__img` }) : null,
+          // 标题占位符
+          this.title
+            ? h('div', {
+                class: [`${prefixCls}__title`, this.titleClasses],
+              })
+            : null,
+          // 按钮占位符
+          this.button ? h('div', { class: `${prefixCls}__button` }) : null,
+          // 小图片占位符
+          this.sImg ? h('div', { class: `${prefixCls}__img--s` }) : null,
+          // 头像占位符
+          this.avatar
+            ? h('div', {
+                class: [`${prefixCls}__avatar`, this.avatarClasses],
+              })
+            : null,
+          // 段落和文本占位符
+          (this.paragraph || this.text)
+            ? h(
+                'div',
+                { class: `${prefixCls}__content` },
+                [
+                  this.text ? h('div', { class: `${prefixCls}__text` }) : null,
+                  this.paragraph
+                    ? Array.from({ length: this.row }).map((_, index) =>
+                        h('div', {
+                          key: index,
+                          class: [
+                            `${prefixCls}__paragraph`,
+                            {
+                              'is-last':
+                                index === this.row - 1 && this.row > 1,
+                            },
+                          ],
+                        })
+                      )
+                    : null,
+                ].filter(Boolean)
+              )
+            : null,
+          // 股票占位符
+          this.stock
+            ? h('div', { class: `${prefixCls}__stock` }, [
+                h('div', { class: `${prefixCls}__stock--left` }, [
+                  h('span', { class: `${prefixCls}__stock--data` }),
+                  h('span', { class: `${prefixCls}__stock--subdatax` }),
+                ]),
+                h('div', { class: `${prefixCls}--space` }, [
+                  h('div', { class: `${prefixCls}__stock--center` }),
+                  h(
+                    'div',
+                    {
+                      class: [`${prefixCls}__stock--right`, 'spacing'],
+                    },
+                    [
+                      h('span', { class: `${prefixCls}__stock--title` }),
+                      h('span', { class: `${prefixCls}__stock--text` }),
+                    ]
+                  ),
+                ]),
+              ])
+            : null,
+          // 数据占位符
+          this.data
+            ? h('div', { class: `${prefixCls}__stock` }, [
+                h('div', { class: `${prefixCls}__stock--left` }, [
+                  h('span', { class: `${prefixCls}__stock--data` }),
+                  h('span', { class: `${prefixCls}__stock--subdatal` }),
+                ]),
+                h('div', { class: `${prefixCls}--space` }, [
+                  h('div', { class: `${prefixCls}__stock--right` }, [
+                    h('span', { class: `${prefixCls}__stock--title` }),
+                    h('span', { class: `${prefixCls}__stock--text` }),
+                  ]),
+                  h('div', { class: `${prefixCls}__stock--right` }, [
+                    h('span', { class: `${prefixCls}__stock--title` }),
+                    h('span', { class: `${prefixCls}__stock--text` }),
+                  ]),
+                  h('div', { class: `${prefixCls}__stock--right` }, [
+                    h('span', { class: `${prefixCls}__stock--title` }),
+                    h('span', { class: `${prefixCls}__stock--text` }),
+                  ]),
+                ]),
+              ])
+            : null,
+          // 等分占位符
+          this.equally
+            ? h(
+                'div',
+                { class: `${prefixCls}__equally` },
+                Array.from({ length: this.equallys }).map((_, index) =>
+                  h('div', {
+                    key: index,
+                    class: `${prefixCls}__img`,
+                    style: { height: `${this.height}px` },
+                  })
+                )
+              )
+            : null,
+        ].filter(Boolean)
+      );
+    } else {
+      // 返回插槽内容
+      return h('div', this.$slots.default || []);
+      // return this.$slots.default ? this.$slots.default : null;
+    }
+  },
+};
+</script>
+
+<style lang="less">
+@import './style.less';
+
+</style>