vdesign-ui 0.2.9 → 0.2.12

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

@@ -1,69 +1,69 @@
-<template>
-    <div :class="classes">
-        <slot></slot>
-    </div>
-</template>
-<script>
-import { findComponentsDownward } from "../utils/assist";
-
-const prefixCls = 'vd-checkbox-group';
-
-export default {
-    name: 'vd-checkbox-group',
-    props: {
-        value: {
-            type: Array,
-            default() {
-                return [];
-            }
-        },
-        type: String,  // 类型card
-
-    },
-    data() {
-        return {
-            currentValue: this.value,
-            childrens: []
-        };
-    },
-    computed: {
-        classes() {
-            return [
-                `${prefixCls}`,
-                {
-                    [`${prefixCls}__${this.type}`]: this.type,
-                }
-            ];
-        }
-    },
-    mounted() {
-        this.updateModel(true);
-    },
-    methods: {
-        updateModel(update) {
-            this.childrens = findComponentsDownward(this, 'vd-checkbox', 'vd-checkbox-group');
-            if (this.childrens) {
-                const { value } = this;
-                this.childrens.forEach(child => {
-                    child.model = value;
-
-                    if (update) {
-                        child.currentValue = value.indexOf(child.name) >= 0;
-                        child.group = true;
-                    }
-                });
-            }
-        },
-        change(data) {
-            this.currentValue = data;
-            this.$emit('input', data);
-            this.$emit('change', data);
-        }
-    },
-    watch: {
-        value() {
-            this.updateModel(true);
-        }
-    }
-};
-</script>
+<template>
+    <div :class="classes">
+        <slot></slot>
+    </div>
+</template>
+<script>
+import { findComponentsDownward } from "../utils/assist";
+
+const prefixCls = 'vd-checkbox-group';
+
+export default {
+    name: 'vd-checkbox-group',
+    props: {
+        value: {
+            type: Array,
+            default() {
+                return [];
+            }
+        },
+        type: String,  // 类型card
+
+    },
+    data() {
+        return {
+            currentValue: this.value,
+            childrens: []
+        };
+    },
+    computed: {
+        classes() {
+            return [
+                `${prefixCls}`,
+                {
+                    [`${prefixCls}__${this.type}`]: this.type,
+                }
+            ];
+        }
+    },
+    mounted() {
+        this.updateModel(true);
+    },
+    methods: {
+        updateModel(update) {
+            this.childrens = findComponentsDownward(this, 'vd-checkbox', 'vd-checkbox-group');
+            if (this.childrens) {
+                const { value } = this;
+                this.childrens.forEach(child => {
+                    child.model = value;
+
+                    if (update) {
+                        child.currentValue = value.indexOf(child.name) >= 0;
+                        child.group = true;
+                    }
+                });
+            }
+        },
+        change(data) {
+            this.currentValue = data;
+            this.$emit('input', data);
+            this.$emit('change', data);
+        }
+    },
+    watch: {
+        value() {
+            this.updateModel(true);
+        }
+    }
+};
+</script>

package/dist/components/common/state/index.vue

@@ -1,33 +1,33 @@
-<template>
-    <div class="vd-market-state" :class="stateClasses" v-if="state">
-        <slot></slot>
-    </div>
-</template>
-
-<script>
-const prefixCls = 'vd-market-state';
-
-export default {
-    name: 'vd-market-state',
-    props: {
-        state: {
-            type: String,
-            default: 'open'
-        }
-    },
-    computed: {
-        stateClasses() {
-            return [
-                {
-                    [`${prefixCls}--${this.state}`]: this.state,
-
-                }
-            ]
-        },
-    }
-}
-</script>
-
-<style lang="less">
-@import 'style.less';
-</style>
+<template>
+    <div class="vd-market-state" :class="stateClasses" v-if="state">
+        <slot></slot>
+    </div>
+</template>
+
+<script>
+const prefixCls = 'vd-market-state';
+
+export default {
+    name: 'vd-market-state',
+    props: {
+        state: {
+            type: String,
+            default: 'open'
+        }
+    },
+    computed: {
+        stateClasses() {
+            return [
+                {
+                    [`${prefixCls}--${this.state}`]: this.state,
+
+                }
+            ]
+        },
+    }
+}
+</script>
+
+<style lang="less">
+@import 'style.less';
+</style>

package/dist/components/common/state/style.less

@@ -1,48 +1,48 @@
-.vd-market-state {
-    display: inline-flex;
-    align-items: baseline;
-    font-size: var(--en-single-f-b-r-fontSize);
-    font-weight: var(--en-single-f-b-r-fontWeight);
-
-    &::before {
-        content: '';
-        display: inline-block;
-        border-radius: 50%;
-        width: var(--width-dropdown-state_drop);
-        height: var(--width-dropdown-state_drop);
-        margin-inline-end: var(--spacing-dropdown-state_drop-margin_right);
-        background-color: var(--color-dropdown-state-open);
-    }
-
-    &--open {
-        color: var(--color-dropdown-state-open);
-
-        &::before {
-            background-color: var(--color-dropdown-state-open);
-        }
-    }
-
-    &--preopen {
-        color: var(--color-dropdown-state-preopen);
-
-        &::before {
-            background-color: var(--color-dropdown-state-preopen);
-        }
-    }
-
-    &--close {
-        color: var(--color-dropdown-state-close);
-
-        &::before {
-            background-color: var(--text-color-h3);
-        }
-    }
-
-    &--fusing {
-        color: var(--color-dropdown-state-fusing);
-
-        &::before {
-            background-color: var(--color-dropdown-state-fusing);
-        }
-    }
+.vd-market-state {
+    display: inline-flex;
+    align-items: baseline;
+    font-size: var(--en-single-f-b-r-fontSize);
+    font-weight: var(--en-single-f-b-r-fontWeight);
+
+    &::before {
+        content: '';
+        display: inline-block;
+        border-radius: 50%;
+        width: var(--width-dropdown-state_drop);
+        height: var(--width-dropdown-state_drop);
+        margin-inline-end: var(--spacing-dropdown-state_drop-margin_right);
+        background-color: var(--color-dropdown-state-open);
+    }
+
+    &--open {
+        color: var(--color-dropdown-state-open);
+
+        &::before {
+            background-color: var(--color-dropdown-state-open);
+        }
+    }
+
+    &--preopen {
+        color: var(--color-dropdown-state-preopen);
+
+        &::before {
+            background-color: var(--color-dropdown-state-preopen);
+        }
+    }
+
+    &--close {
+        color: var(--color-dropdown-state-close);
+
+        &::before {
+            background-color: var(--text-color-h3);
+        }
+    }
+
+    &--fusing {
+        color: var(--color-dropdown-state-fusing);
+
+        &::before {
+            background-color: var(--color-dropdown-state-fusing);
+        }
+    }
 }

package/dist/components/data-list/index.js

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

package/dist/components/data-list/index.vue

@@ -1,19 +1,19 @@
-<template>
-  <div class="vd-datalist">
-    <slot></slot>
-  </div>
-</template>
-<script>
-export default {
-  name: 'vd-datalist',
-  data() {
-    return {
-    }
-  },
-  methods: {
-  }
-}
-</script>
-<style lang="less">
-@import './style.less';
-</style>
+<template>
+  <div class="vd-datalist">
+    <slot></slot>
+  </div>
+</template>
+<script>
+export default {
+  name: 'vd-datalist',
+  data() {
+    return {
+    }
+  },
+  methods: {
+  }
+}
+</script>
+<style lang="less">
+@import './style.less';
+</style>