vdesign-ui 0.2.20 → 0.3.0

package/dist/components/empty/index.js

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

package/dist/components/empty/index.vue

@@ -1,138 +1,138 @@
-<template>
-    <div class="vd-empty" :class="wrapClasses">
-        <div class="vd-empty__img"  v-if="size !== 'card'">
-            <slot name="image">
-                <img :src="currentImage" alt="empty" />
-            </slot>
-        </div>
-        <p class="vd-empty__txt" :class="textClasses" v-if="description || $slots.description">
-            <slot name="description">
-                {{ description }}
-            </slot>
-        </p>
-        <div class="vd-empty__footer" :class="footerClasses" v-if="$slots.default">
-            <slot></slot>
-        </div>
-    </div>
-</template>
-
-<script>
-import { themeMixin } from '../mixins/themeMixin';
-const prefixCls = 'vd-empty';
-
-export default {
-    name: 'vd-empty',
-    mixins: [themeMixin],  // 引入混入
-    props: {
-        image:  {
-            type: String,
-            default: 'nodata',  // 默认类型
-            // validator(value) {
-            //     // 只接受以下类型值
-            //     return ['nodata', 'network', 'notfound','noposition','nomargin','nocoupons','nosearch','nonotice','noorders','noocomments'].includes(value);
-            // }
-        },
-        description: String,
-        size: {
-            type:String,
-            default: 'large',  // 大场景布局，使用L尺寸 小场景内容居中使用 S 尺寸 card(空状态>1 时，不显示图片，只显示暂无数据的文字)
-        },
-    },
-    data() {
-        return {
-            defaultImages: {
-                nodata: {
-                    light: require('./nodata.png'),
-                    dark: require('./nodata-dark.png')
-                },
-                network: {
-                    light: require('./network.png'),
-                    dark: require('./network-dark.png')
-                },
-                notfound: {
-                    light: require('./404.png'),
-                    dark: require('./404-dark.png')
-                },
-                noposition: {
-                    light: require('./noposition.png'),
-                    dark: require('./noposition-dark.png')
-                },
-                nomargin: {
-                    light: require('./nomargin.png'),
-                    dark: require('./nomargin-dark.png')
-                },
-                nocoupons: {
-                    light: require('./nocoupons.png'),
-                    dark: require('./nocoupons-dark.png')
-                },
-                nosearch: {
-                    light: require('./nosearch.png'),
-                    dark: require('./nosearch-dark.png')
-                },
-                nonotice: {
-                    light: require('./nonotice.png'),
-                    dark: require('./nonotice-dark.png')
-                },
-                noorders: {
-                    light: require('./noorders.png'),
-                    dark: require('./noorders-dark.png')
-                },
-                noocomments: {
-                    light: require('./noocomments.png'),
-                    dark: require('./noocomments-dark.png')
-                },
-            }
-        }
-    },
-    computed: {
-        currentImage() {
-            const image = this.image;
-            if (image && (image.startsWith('http') || image.startsWith('data:image'))) {
-                return image;
-            } else if (this.defaultImages[image]) {
-                return this.defaultImages[image][this.theme];
-            } else {
-                return this.defaultImages['nodata'][this.theme];
-            }
-        },
-        wrapClasses() {
-            return [
-                {
-                    [`${prefixCls}--${this.size}`]: this.size
-                }
-            ]
-        },
-        textClasses() {
-            return [
-                {
-                    [`${prefixCls}--${this.size}__txt`]: this.size
-                }
-            ]
-        },
-        footerClasses() {
-            return [
-                {
-                    [`${prefixCls}--${this.size}__footer`]: this.size
-                }
-            ]
-        }
-    },
-    methods: {
-        preloadImages() {
-            Object.values(this.defaultImages).forEach((modes) => {
-                Object.values(modes).forEach((src) => {
-                    const img = new Image();
-                    img.src = src;
-                });
-            });
-        }
-    },
-    mounted() {
-        this.preloadImages();
-    },
-}
-</script>
-
-<style lang="less">
-@import './style.less';
-</style>
+<template>
+    <div class="vd-empty" :class="wrapClasses">
+        <div class="vd-empty__img"  v-if="size !== 'card'">
+            <slot name="image">
+                <img :src="currentImage" alt="empty" />
+            </slot>
+        </div>
+        <p class="vd-empty__txt" :class="textClasses" v-if="description || $slots.description">
+            <slot name="description">
+                {{ description }}
+            </slot>
+        </p>
+        <div class="vd-empty__footer" :class="footerClasses" v-if="$slots.default">
+            <slot></slot>
+        </div>
+    </div>
+</template>
+
+<script>
+import { themeMixin } from '../mixins/themeMixin';
+const prefixCls = 'vd-empty';
+
+export default {
+    name: 'vd-empty',
+    mixins: [themeMixin],  // 引入混入
+    props: {
+        image:  {
+            type: String,
+            default: 'nodata',  // 默认类型
+            // validator(value) {
+            //     // 只接受以下类型值
+            //     return ['nodata', 'network', 'notfound','noposition','nomargin','nocoupons','nosearch','nonotice','noorders','noocomments'].includes(value);
+            // }
+        },
+        description: String,
+        size: {
+            type:String,
+            default: 'large',  // 大场景布局，使用L尺寸 小场景内容居中使用 S 尺寸 card(空状态>1 时，不显示图片，只显示暂无数据的文字)
+        },
+    },
+    data() {
+        return {
+            defaultImages: {
+                nodata: {
+                    light: require('./nodata.png'),
+                    dark: require('./nodata-dark.png')
+                },
+                network: {
+                    light: require('./network.png'),
+                    dark: require('./network-dark.png')
+                },
+                notfound: {
+                    light: require('./404.png'),
+                    dark: require('./404-dark.png')
+                },
+                noposition: {
+                    light: require('./noposition.png'),
+                    dark: require('./noposition-dark.png')
+                },
+                nomargin: {
+                    light: require('./nomargin.png'),
+                    dark: require('./nomargin-dark.png')
+                },
+                nocoupons: {
+                    light: require('./nocoupons.png'),
+                    dark: require('./nocoupons-dark.png')
+                },
+                nosearch: {
+                    light: require('./nosearch.png'),
+                    dark: require('./nosearch-dark.png')
+                },
+                nonotice: {
+                    light: require('./nonotice.png'),
+                    dark: require('./nonotice-dark.png')
+                },
+                noorders: {
+                    light: require('./noorders.png'),
+                    dark: require('./noorders-dark.png')
+                },
+                noocomments: {
+                    light: require('./noocomments.png'),
+                    dark: require('./noocomments-dark.png')
+                },
+            }
+        }
+    },
+    computed: {
+        currentImage() {
+            const image = this.image;
+            if (image && (image.startsWith('http') || image.startsWith('data:image'))) {
+                return image;
+            } else if (this.defaultImages[image]) {
+                return this.defaultImages[image][this.theme];
+            } else {
+                return this.defaultImages['nodata'][this.theme];
+            }
+        },
+        wrapClasses() {
+            return [
+                {
+                    [`${prefixCls}--${this.size}`]: this.size
+                }
+            ]
+        },
+        textClasses() {
+            return [
+                {
+                    [`${prefixCls}--${this.size}__txt`]: this.size
+                }
+            ]
+        },
+        footerClasses() {
+            return [
+                {
+                    [`${prefixCls}--${this.size}__footer`]: this.size
+                }
+            ]
+        }
+    },
+    methods: {
+        preloadImages() {
+            Object.values(this.defaultImages).forEach((modes) => {
+                Object.values(modes).forEach((src) => {
+                    const img = new Image();
+                    img.src = src;
+                });
+            });
+        }
+    },
+    mounted() {
+        this.preloadImages();
+    },
+}
+</script>
+
+<style lang="less">
+@import './style.less';
+</style>

package/dist/components/empty/style.less

@@ -1,61 +1,61 @@
-@empty-prefix-cls: vd-empty;
-
-.@{empty-prefix-cls} {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    box-sizing: border-box;
-    padding: 0 20px;
-
-    &__img {
-        width: 164px;
-        height: 118px;
-
-        img {
-            width: 100%;
-            height: 100%;
-        }
-    }
-
-    &__txt {
-        font-size: var(--en-single-f-d-r-fontSize);
-        font-weight: var(--en-single-f-d-r-fontWeight);
-        color: var(--color-empty-text); 
-    }
-
-    &__footer {
-        display: flex;
-        justify-content: center;
-    }
-
-    &--small {
-        &__txt {
-            margin-block-start: var(--spacing-empty-small-text-margin_top);
-        }
-
-        &__footer {
-            margin-block-start: var(--spacing-empty-small-text-margin_bottom);
-        }
-    }
-
-    &--large {
-        &__txt {
-            margin-block-start: var(--spacing-empty-large-text-margin_top);
-        }
-
-        &__footer {
-            margin-block-start: var(--spacing-empty-large-text-margin_bottom);
-        }
-    }
-
-    &--card {
-        height: var(--height-empty-card);
-
-        &__txt {
-            margin-block-start: 0;
-            font-size: var(--en-single-f-c-r-fontSize);
-            font-weight: var(--en-single-f-c-r-fontWeight);
-        }
-    }
+@empty-prefix-cls: vd-empty;
+
+.@{empty-prefix-cls} {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    box-sizing: border-box;
+    padding: 0 20px;
+
+    &__img {
+        width: 164px;
+        height: 118px;
+
+        img {
+            width: 100%;
+            height: 100%;
+        }
+    }
+
+    &__txt {
+        font-size: var(--en-single-f-d-r-fontSize);
+        font-weight: var(--en-single-f-d-r-fontWeight);
+        color: var(--color-empty-text); 
+    }
+
+    &__footer {
+        display: flex;
+        justify-content: center;
+    }
+
+    &--small {
+        &__txt {
+            margin-block-start: var(--spacing-empty-small-text-margin_top);
+        }
+
+        &__footer {
+            margin-block-start: var(--spacing-empty-small-text-margin_bottom);
+        }
+    }
+
+    &--large {
+        &__txt {
+            margin-block-start: var(--spacing-empty-large-text-margin_top);
+        }
+
+        &__footer {
+            margin-block-start: var(--spacing-empty-large-text-margin_bottom);
+        }
+    }
+
+    &--card {
+        height: var(--height-empty-card);
+
+        &__txt {
+            margin-block-start: 0;
+            font-size: var(--en-single-f-c-r-fontSize);
+            font-weight: var(--en-single-f-c-r-fontWeight);
+        }
+    }
 }

package/dist/components/footer/index.js

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

package/dist/components/footer/index.vue

@@ -1,33 +1,33 @@
-<template>
-  <div class="vd-footer">
-    <div class="vd-footer__link" v-if="$slots.default">
-      <slot>
-      </slot>
-    </div>
-    <div class="vd-footer__text" v-if="text || $slots.text">
-      <slot name="text">
-        {{ text }}
-      </slot>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'vd-footer',
-  props: {
-    text: {
-      type: String,
-      default: ''
-    }
-
-  },
-  computed: {
-
-  }
-}
-</script>
-
-<style lang="less">
-@import './style.less';
-</style>
+<template>
+  <div class="vd-footer">
+    <div class="vd-footer__link" v-if="$slots.default">
+      <slot>
+      </slot>
+    </div>
+    <div class="vd-footer__text" v-if="text || $slots.text">
+      <slot name="text">
+        {{ text }}
+      </slot>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'vd-footer',
+  props: {
+    text: {
+      type: String,
+      default: ''
+    }
+
+  },
+  computed: {
+
+  }
+}
+</script>
+
+<style lang="less">
+@import './style.less';
+</style>

package/dist/components/footer/style.less

@@ -1,21 +1,21 @@
-@footer-prefix-cls: vd-footer;
-
-.@{footer-prefix-cls} {
-    display: flex;
-    align-items: center;
-    flex-direction: column;
-    justify-content: center;
-    padding: var(--spacing-footer-padding_top) 0 var(--spacing-footer-padding_bottom);
-
-    &__link {
-        display: flex;
-        align-items: center;
-        margin-block-end: var(--spacing-footer-link-margin_bottom);
-    }
-
-    &__text {
-        font-size: var(--en-single-f-b-r-fontSize);
-        font-weight: var(--en-single-f-b-r-fontWeight);
-        color: var(--text-color-h3);
-    }
+@footer-prefix-cls: vd-footer;
+
+.@{footer-prefix-cls} {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    justify-content: center;
+    padding: var(--spacing-footer-padding_top) 0 var(--spacing-footer-padding_bottom);
+
+    &__link {
+        display: flex;
+        align-items: center;
+        margin-block-end: var(--spacing-footer-link-margin_bottom);
+    }
+
+    &__text {
+        font-size: var(--en-single-f-b-r-fontSize);
+        font-weight: var(--en-single-f-b-r-fontWeight);
+        color: var(--text-color-h3);
+    }
 }

package/dist/components/footnav/index.js

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