vdesign-ui 0.3.0 → 0.3.1

package/dist/components/radio-group/index.vue

@@ -1,62 +1,62 @@
-<template>
-    <div :class="classes">
-        <slot></slot>
-    </div>
-</template>
-<script>
-import { findComponentsDownward } from "../utils/assist";
-
-const prefixCls = 'vd-radio-group';
-
-export default {
-  name: 'vd-radio-group',
-  props: {
-    // 绑定的值，用于 v-model
-    value: {
-      type: [String, Number, Boolean],
-      default: '',
-    },
-    // 类型，用于样式
-    type: String,
-    // 是否禁用组内所有单选框
-    disabled: Boolean
-  },
-  computed: {
-    // 组容器的类名
-    classes() {
-      return [
-        `${prefixCls}`,
-        {
-          [`${prefixCls}__${this.type}`]: this.type,
-        },
-      ];
-    },
-  },
-  methods: {
-    // 更新子单选框的状态
-    updateValue() {
-      const children = findComponentsDownward(this, 'vd-radio');
-      if (children.length) {
-        children.forEach((child) => {
-          child.updateValue();
-        });
-      }
-    },
-    // 处理子单选框的变化
-    change(name) {
-      this.$emit('input', name);
-      this.$emit('change', name);
-    },
-  },
-  watch: {
-    // 监听 value 的变化，更新子组件
-    value() {
-      this.updateValue();
-    },
-  },
-};
-</script>
-
-<style lang="less">
-@import './style.less';
-</style>
+<template>
+    <div :class="classes">
+        <slot></slot>
+    </div>
+</template>
+<script>
+import { findComponentsDownward } from "../utils/assist";
+
+const prefixCls = 'vd-radio-group';
+
+export default {
+  name: 'vd-radio-group',
+  props: {
+    // 绑定的值，用于 v-model
+    value: {
+      type: [String, Number, Boolean],
+      default: '',
+    },
+    // 类型，用于样式
+    type: String,
+    // 是否禁用组内所有单选框
+    disabled: Boolean
+  },
+  computed: {
+    // 组容器的类名
+    classes() {
+      return [
+        `${prefixCls}`,
+        {
+          [`${prefixCls}__${this.type}`]: this.type,
+        },
+      ];
+    },
+  },
+  methods: {
+    // 更新子单选框的状态
+    updateValue() {
+      const children = findComponentsDownward(this, 'vd-radio');
+      if (children.length) {
+        children.forEach((child) => {
+          child.updateValue();
+        });
+      }
+    },
+    // 处理子单选框的变化
+    change(name) {
+      this.$emit('input', name);
+      this.$emit('change', name);
+    },
+  },
+  watch: {
+    // 监听 value 的变化，更新子组件
+    value() {
+      this.updateValue();
+    },
+  },
+};
+</script>
+
+<style lang="less">
+@import './style.less';
+</style>

package/dist/components/result/index.js

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

package/dist/components/result/index.vue

@@ -1,73 +1,73 @@
-<template>
-    <div class="vd-result">
-        <div class="vd-result-img" v-if="currentImg"><img :src="currentImg" alt="img"></div>
-        <div class="vd-result-title" v-if="title">{{ title }}</div>
-        <div class="vd-result-txt" v-if="text">{{ text }}</div>
-        <div class="vd-result-footer">
-            <slot name="btnp"></slot>
-            <div class="vd-result-footer-btnx" v-if="$slots.btnt">
-                <slot name="btnt"></slot>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script>
-
-import { themeMixin } from '../mixins/themeMixin';
-
-export default {
-    name: 'vd-result',
-    mixins: [themeMixin],  // 引入混入
-    props: {
-        imgs: String,
-        text: String,
-        title: String,
-        state: {
-            type: String,
-            default: ''  // 默认类型
-        },
-    },
-    data() {
-        return {
-            defaultImgs: {
-                completed: {
-                    light: require('./completed.png'),
-                    dark: require('./completed-dark.png')
-                },
-                waiting: {
-                    light: require('./wait.png'),
-                    dark: require('./wait-dark.png')
-                },
-                error: {
-                    light: require('./error.png'),
-                    dark: require('./error-dark.png')
-                }
-            }
-        }
-    },
-    computed:{
-        currentImg() {
-            if (this.imgs) return this.imgs;
-            return this.defaultImgs[this.state][this.theme];
-        },
-    },
-    methods: {
-        preloadImages() {
-            Object.values(this.defaultImgs).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-result">
+        <div class="vd-result-img" v-if="currentImg"><img :src="currentImg" alt="img"></div>
+        <div class="vd-result-title" v-if="title">{{ title }}</div>
+        <div class="vd-result-txt" v-if="text">{{ text }}</div>
+        <div class="vd-result-footer">
+            <slot name="btnp"></slot>
+            <div class="vd-result-footer-btnx" v-if="$slots.btnt">
+                <slot name="btnt"></slot>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+
+import { themeMixin } from '../mixins/themeMixin';
+
+export default {
+    name: 'vd-result',
+    mixins: [themeMixin],  // 引入混入
+    props: {
+        imgs: String,
+        text: String,
+        title: String,
+        state: {
+            type: String,
+            default: ''  // 默认类型
+        },
+    },
+    data() {
+        return {
+            defaultImgs: {
+                completed: {
+                    light: require('./completed.png'),
+                    dark: require('./completed-dark.png')
+                },
+                waiting: {
+                    light: require('./wait.png'),
+                    dark: require('./wait-dark.png')
+                },
+                error: {
+                    light: require('./error.png'),
+                    dark: require('./error-dark.png')
+                }
+            }
+        }
+    },
+    computed:{
+        currentImg() {
+            if (this.imgs) return this.imgs;
+            return this.defaultImgs[this.state][this.theme];
+        },
+    },
+    methods: {
+        preloadImages() {
+            Object.values(this.defaultImgs).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/result/style.less

@@ -1,44 +1,44 @@
-.vd-result {
-    height: 100%;
-    margin: 0 auto;
-    text-align: center;
-    padding: 0 20px 40px;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-
-    &-img {
-        margin: 0 auto;
-        width: 160px;
-        img {
-            max-width: 100%;
-        }
-    }
-
-    &-title {
-        margin-top: var(--spacing-result-title-margin_top);
-        font-size: var(--en-single-f-f-b-fontSize);
-        font-weight: var(--en-single-f-f-b-fontWeight);
-        color: var(--color-result-title);
-    }
-
-    &-txt {
-        margin-top: var(--spacing-result-text-margin_top);
-        font-size: var(--en-multi-f-d-r-fontSize);
-        font-weight: var(--en-multi-f-d-r-fontWeight);
-        color: var(--color-result-text);
-        line-height: var(--en-multi-f-d-r-lineHeight);
-    }
-
-    &-footer {
-        margin-top: var(--spacing-result-text-margin_bottom);
-        padding-left: calc(var(--spacing-result-button-margin_y) - 20px);
-        padding-right: calc(var(--spacing-result-button-margin_y) - 20px);
-
-        &-btnx {
-            display: flex;
-            justify-content: center;
-            margin-top: var(--spacing-result-text_button-margin_top);
-        }
-    }
+.vd-result {
+    height: 100%;
+    margin: 0 auto;
+    text-align: center;
+    padding: 0 20px 40px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+
+    &-img {
+        margin: 0 auto;
+        width: 160px;
+        img {
+            max-width: 100%;
+        }
+    }
+
+    &-title {
+        margin-top: var(--spacing-result-title-margin_top);
+        font-size: var(--en-single-f-f-b-fontSize);
+        font-weight: var(--en-single-f-f-b-fontWeight);
+        color: var(--color-result-title);
+    }
+
+    &-txt {
+        margin-top: var(--spacing-result-text-margin_top);
+        font-size: var(--en-multi-f-d-r-fontSize);
+        font-weight: var(--en-multi-f-d-r-fontWeight);
+        color: var(--color-result-text);
+        line-height: var(--en-multi-f-d-r-lineHeight);
+    }
+
+    &-footer {
+        margin-top: var(--spacing-result-text-margin_bottom);
+        padding-left: calc(var(--spacing-result-button-margin_y) - 20px);
+        padding-right: calc(var(--spacing-result-button-margin_y) - 20px);
+
+        &-btnx {
+            display: flex;
+            justify-content: center;
+            margin-top: var(--spacing-result-text_button-margin_top);
+        }
+    }
 }

package/dist/components/search/index.js

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

package/dist/components/search/index.vue

@@ -1,70 +1,70 @@
-<template>
-    <div class="vd-search">
-        <div class="vd-search-content">
-            <span v-if="prefix || $slots.prefix" class="vd-search__prefix">
-                <slot name="prefix">
-                    <vd-icon name="icon_nav_search"></vd-icon>
-                </slot>
-            </span>
-            <vd-input
-            v-bind="$attrs"
-            v-on="inputListeners"
-            :value="value"
-            :type="type"
-            :clearable="clearable"
-            form="search"
-            :hairline="false"
-            ></vd-input>
-        </div>
-        <span class="vd-search__action" v-if="$slots.default">
-            <slot></slot>
-        </span>
-    </div>
-</template>
-
-<script>
-import VdInput from '../input';
-export default {
-    name: 'vd-search',
-    components: {
-        VdInput,
-    },
-    inheritAttrs: false,
-    props: {
-        value: [String, Number],
-        type: {
-            type: String,
-            default: 'text'
-        },
-        clearable: {
-            type: Boolean,
-            default: false,
-        },
-        prefix: {
-            type: Boolean,
-            default: true, // 默认显示前缀图标
-        },
-    },
-    data() {
-        return {
-        }
-    },
-    computed: {
-        inputListeners() {
-            return {
-                ...this.$listeners,
-                input: this.onInput,
-            };
-        },
-    },
-    methods: {
-        onInput(value) {
-            this.$emit('input', value);
-        },
-    }
-}
-</script>
-
-<style lang="less">
-@import './style.less';
-</style>
+<template>
+    <div class="vd-search">
+        <div class="vd-search-content">
+            <span v-if="prefix || $slots.prefix" class="vd-search__prefix">
+                <slot name="prefix">
+                    <vd-icon name="icon_nav_search"></vd-icon>
+                </slot>
+            </span>
+            <vd-input
+            v-bind="$attrs"
+            v-on="inputListeners"
+            :value="value"
+            :type="type"
+            :clearable="clearable"
+            form="search"
+            :hairline="false"
+            ></vd-input>
+        </div>
+        <span class="vd-search__action" v-if="$slots.default">
+            <slot></slot>
+        </span>
+    </div>
+</template>
+
+<script>
+import VdInput from '../input';
+export default {
+    name: 'vd-search',
+    components: {
+        VdInput,
+    },
+    inheritAttrs: false,
+    props: {
+        value: [String, Number],
+        type: {
+            type: String,
+            default: 'text'
+        },
+        clearable: {
+            type: Boolean,
+            default: false,
+        },
+        prefix: {
+            type: Boolean,
+            default: true, // 默认显示前缀图标
+        },
+    },
+    data() {
+        return {
+        }
+    },
+    computed: {
+        inputListeners() {
+            return {
+                ...this.$listeners,
+                input: this.onInput,
+            };
+        },
+    },
+    methods: {
+        onInput(value) {
+            this.$emit('input', value);
+        },
+    }
+}
+</script>
+
+<style lang="less">
+@import './style.less';
+</style>

package/dist/components/selector/index.js

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