vdesign-ui 0.2.19 → 0.3.0

package/dist/components/dialog/style.less

@@ -1,139 +1,139 @@
-@dialog-prefix-cls: vd-dialog;
-
-.@{dialog-prefix-cls} {
-    position: fixed;
-    left: 50%;
-    top: 50%;
-    z-index: 2111;
-    transform: translate(-50%, -50%);
-    width: 279px;
-    background-color: var(--color-dialog-bg);
-    border-radius: var(--radius-dialog-content);
-    padding-inline-start: var(--spacing-dialog-padding_left);
-    padding-inline-end: var(--spacing-dialog-padding_right);
-
-    ::-webkit-scrollbar {
-        width: 3px;
-    }
-
-    &__header {
-        padding-block-start: var(--spacing-dialog-padding_top);
-
-        &--img {
-            padding-block-start: var(--spacing-dialog-icon-padding_top);
-
-            &-content {
-                text-align: center;
-                margin-block-end: var(--spacing-dialog-icon_title-margin_top);
-            }
-        }
-    }
-
-    &__title {
-        text-align: center;
-        font-size: var(--en-multi-f-e-s-fontSize);
-        font-weight: var(--en-multi-f-e-s-fontWeight);
-        line-height: var(--en-multi-f-e-s-lineHeight);
-        color: var(--color-dialog-title);
-    }
-
-    &__message {
-        text-align: center;
-        overflow-y: auto;
-        min-height: var(--height-dialog-super_small);
-        max-height: var(--height-dialog-super_large);
-        margin-block-start: var(--spacing-dialog-title-margin_bottom);
-        font-size: var(--en-multi-f-d-r-fontSize);
-        font-weight: var(--en-multi-f-d-r-fontWeight);
-        line-height: var(--en-multi-f-d-r-lineHeight);
-        color: var(--color-dialog-text);
-
-        &--head {
-            margin-block-start: 0;
-            color: var(--color-dialog-title);
-        }
-    }
-
-    &__footer {
-        margin-block-start: var(--spacing-dialog-button-margin_top);
-    }
-
-    &__btns {
-        display: flex;
-        justify-content: space-between;
-        padding-block-end: var(--spacing-dialog-padding_bottom);
-
-        button {
-            flex: 1;
-        }
-
-        button + button {
-            margin-inline-start: var(--spacing-dialog-button_double-margin_mid);
-        }
-    }
-
-    &__btn {
-        padding-block-end: var(--spacing-dialog-padding_bottom);
-        padding-inline-start: var(--spacing-dialog-button_single-margin_left);
-        padding-inline-end: var(--spacing-dialog-button_single-margin_right);
-    }
-
-    &__btns--text {
-        display: flex;
-        justify-content: space-between;
-        padding-block-end: var(--spacing-dialog-button_text-padding_bottom);
-
-        button {
-            flex: 1;
-        }
-
-        button + button {
-            margin-inline-start: var(--spacing-dialog-button_double-margin_mid);
-        }
-    }
-
-    &__btn--text-block {
-        display: flex;
-        justify-content: space-between;
-        padding-block-end: var(--spacing-dialog-button_text-padding_bottom);
-    }
-
-    &__btns-block {
-        padding-block-end: var(--spacing-dialog-button_text-padding_bottom);
-
-        button {
-            flex: 1;
-        }
-
-        button + button {
-            margin-block-start: var(--spacing-dialog-button_double-margin_mid);
-        }
-    }
-}
-
-.vd-dialog__overlay {
-    position: fixed;
-    top: 0;
-    left: 0;
-    z-index: 2001;
-    width: 100%;
-    height: 100%;
-    background-color: var(--color-dialog-mask_bg);
-}
-
-html[theme="dark"] {
-    .@{dialog-prefix-cls} {
-        background: linear-gradient(0deg, var(--bg-color-4) 0%, var(--bg-color-4) 100%), var(--bg-color-1);
-    }
-}
-
-
-.vd-dialog-fade-enter-active,
-.vd-dialog-fade-leave-active {
-  transition: transform 0.3s, opacity 0.3s;
-}
-.vd-dialog-fade-enter,
-.vd-dialog-fade-leave-to {
-  transform: translate(-50%, -50%) scale(.8);
-  opacity: 0;
+@dialog-prefix-cls: vd-dialog;
+
+.@{dialog-prefix-cls} {
+    position: fixed;
+    left: 50%;
+    top: 50%;
+    z-index: 2111;
+    transform: translate(-50%, -50%);
+    width: 279px;
+    background-color: var(--color-dialog-bg);
+    border-radius: var(--radius-dialog-content);
+    padding-inline-start: var(--spacing-dialog-padding_left);
+    padding-inline-end: var(--spacing-dialog-padding_right);
+
+    ::-webkit-scrollbar {
+        width: 3px;
+    }
+
+    &__header {
+        padding-block-start: var(--spacing-dialog-padding_top);
+
+        &--img {
+            padding-block-start: var(--spacing-dialog-icon-padding_top);
+
+            &-content {
+                text-align: center;
+                margin-block-end: var(--spacing-dialog-icon_title-margin_top);
+            }
+        }
+    }
+
+    &__title {
+        text-align: center;
+        font-size: var(--en-multi-f-e-s-fontSize);
+        font-weight: var(--en-multi-f-e-s-fontWeight);
+        line-height: var(--en-multi-f-e-s-lineHeight);
+        color: var(--color-dialog-title);
+    }
+
+    &__message {
+        text-align: center;
+        overflow-y: auto;
+        min-height: var(--height-dialog-super_small);
+        max-height: var(--height-dialog-super_large);
+        margin-block-start: var(--spacing-dialog-title-margin_bottom);
+        font-size: var(--en-multi-f-d-r-fontSize);
+        font-weight: var(--en-multi-f-d-r-fontWeight);
+        line-height: var(--en-multi-f-d-r-lineHeight);
+        color: var(--color-dialog-text);
+
+        &--head {
+            margin-block-start: 0;
+            color: var(--color-dialog-title);
+        }
+    }
+
+    &__footer {
+        margin-block-start: var(--spacing-dialog-button-margin_top);
+    }
+
+    &__btns {
+        display: flex;
+        justify-content: space-between;
+        padding-block-end: var(--spacing-dialog-padding_bottom);
+
+        button {
+            flex: 1;
+        }
+
+        button + button {
+            margin-inline-start: var(--spacing-dialog-button_double-margin_mid);
+        }
+    }
+
+    &__btn {
+        padding-block-end: var(--spacing-dialog-padding_bottom);
+        padding-inline-start: var(--spacing-dialog-button_single-margin_left);
+        padding-inline-end: var(--spacing-dialog-button_single-margin_right);
+    }
+
+    &__btns--text {
+        display: flex;
+        justify-content: space-between;
+        padding-block-end: var(--spacing-dialog-button_text-padding_bottom);
+
+        button {
+            flex: 1;
+        }
+
+        button + button {
+            margin-inline-start: var(--spacing-dialog-button_double-margin_mid);
+        }
+    }
+
+    &__btn--text-block {
+        display: flex;
+        justify-content: space-between;
+        padding-block-end: var(--spacing-dialog-button_text-padding_bottom);
+    }
+
+    &__btns-block {
+        padding-block-end: var(--spacing-dialog-button_text-padding_bottom);
+
+        button {
+            flex: 1;
+        }
+
+        button + button {
+            margin-block-start: var(--spacing-dialog-button_double-margin_mid);
+        }
+    }
+}
+
+.vd-dialog__overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 2001;
+    width: 100%;
+    height: 100%;
+    background-color: var(--color-dialog-mask_bg);
+}
+
+html[theme="dark"] {
+    .@{dialog-prefix-cls} {
+        background: linear-gradient(0deg, var(--bg-color-4) 0%, var(--bg-color-4) 100%), var(--bg-color-1);
+    }
+}
+
+
+.vd-dialog-fade-enter-active,
+.vd-dialog-fade-leave-active {
+  transition: transform 0.3s, opacity 0.3s;
+}
+.vd-dialog-fade-enter,
+.vd-dialog-fade-leave-to {
+  transform: translate(-50%, -50%) scale(.8);
+  opacity: 0;
 }

package/dist/components/divider/index.js

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

package/dist/components/divider/index.vue

@@ -1,54 +1,54 @@
-<template>
-    <div class="vd-divider" :class="wrapClasses">
-        <span v-if="hasSlot" class="vd-divider__text">
-            <slot></slot>
-        </span>
-    </div>
-</template>
-
-<script>
-const prefixCls = 'vd-divider';
-
-export default {
-    name: 'vd-divider',
-    props: {
-        hairline: {
-            type: Boolean,
-            default: true
-        },
-        direction: {
-            type: String,
-            default: 'horizontal',
-            validator: value => ['horizontal', 'vertical'].includes(value)
-        },
-        type: String,
-        contentPosition: String,
-    },
-    data() {
-        return {
-
-        }
-    },
-    computed: {
-        hasSlot() {
-            return this.$slots.default;
-        },
-        wrapClasses() {
-            return [
-                `${prefixCls}--${this.direction}`,
-                {
-                    [`${prefixCls}-with-text--${this.contentPosition}`]: this.contentPosition,
-                    [`${prefixCls}--hairline`]: this.hairline,
-                    [`${prefixCls}--${this.type}`]: this.type,
-                    [`${prefixCls}-with-text`]: this.hasSlot
-                }
-            ]
-        },
-
-    }
-}
-</script>
-
-<style lang="less">
-@import './style.less';
-</style>
+<template>
+    <div class="vd-divider" :class="wrapClasses">
+        <span v-if="hasSlot" class="vd-divider__text">
+            <slot></slot>
+        </span>
+    </div>
+</template>
+
+<script>
+const prefixCls = 'vd-divider';
+
+export default {
+    name: 'vd-divider',
+    props: {
+        hairline: {
+            type: Boolean,
+            default: true
+        },
+        direction: {
+            type: String,
+            default: 'horizontal',
+            validator: value => ['horizontal', 'vertical'].includes(value)
+        },
+        type: String,
+        contentPosition: String,
+    },
+    data() {
+        return {
+
+        }
+    },
+    computed: {
+        hasSlot() {
+            return this.$slots.default;
+        },
+        wrapClasses() {
+            return [
+                `${prefixCls}--${this.direction}`,
+                {
+                    [`${prefixCls}-with-text--${this.contentPosition}`]: this.contentPosition,
+                    [`${prefixCls}--hairline`]: this.hairline,
+                    [`${prefixCls}--${this.type}`]: this.type,
+                    [`${prefixCls}-with-text`]: this.hasSlot
+                }
+            ]
+        },
+
+    }
+}
+</script>
+
+<style lang="less">
+@import './style.less';
+</style>

package/dist/components/divider/style.less

@@ -1,92 +1,92 @@
-@divider-prefix-cls: vd-divider;
-
-.@{divider-prefix-cls} {
-
-    &--hairline::before,
-    &--hairline::after {
-        transform: scaleY(0.5);
-    }
-
-    &--horizontal {
-        display: flex;
-        align-items: center;
-        border-style: solid;
-        border-width: 0;
-
-        &::before {
-            content: '';
-        }
-
-        &::before,
-        &::after {
-            display: block;
-            flex: 1;
-            box-sizing: border-box;
-            height: 1px;
-            border-color: inherit;
-            border-style: inherit;
-            border-width: 1px 0 0;
-        }
-
-    }
-
-    &--vertical {
-        display: inline-flex;
-
-        &.@{divider-prefix-cls}--hairline {
-
-            &::before {
-                transform: scale(0.5, 1);
-            }
-        }
-
-        &::before {
-            content: '';
-            display: block;
-            width: 1px;
-            height: 1em;
-            background-color: var(--divider-color-default-1);
-        }
-
-        &.@{divider-prefix-cls}--large {
-            &::before {
-                background-color: var(--divider-color-default-2);
-            }
-        }
-    }
-
-    &--hairline {
-        border-color: var(--divider-color-default-1);
-    }
-
-    &--large {
-        border-color: var(--divider-color-default-2);
-    }
-
-
-    &-with-text {
-        &::after {
-            content: '';
-        }
-
-        &--left {
-            &::before {
-                max-width: 20%;
-            }
-        }
-
-        &--right {
-            &::after {
-                max-width: 20%;
-            }
-        }
-    }
-
-
-
-    &__text {
-        font-size: 12px;
-        color: rgba(0, 0, 0, 0.3);
-        margin: 0 var(--spacing-tight);
-    }
-}
+@divider-prefix-cls: vd-divider;
+
+.@{divider-prefix-cls} {
+
+    &--hairline::before,
+    &--hairline::after {
+        transform: scaleY(0.5);
+    }
+
+    &--horizontal {
+        display: flex;
+        align-items: center;
+        border-style: solid;
+        border-width: 0;
+
+        &::before {
+            content: '';
+        }
+
+        &::before,
+        &::after {
+            display: block;
+            flex: 1;
+            box-sizing: border-box;
+            height: 1px;
+            border-color: inherit;
+            border-style: inherit;
+            border-width: 1px 0 0;
+        }
+
+    }
+
+    &--vertical {
+        display: inline-flex;
+
+        &.@{divider-prefix-cls}--hairline {
+
+            &::before {
+                transform: scale(0.5, 1);
+            }
+        }
+
+        &::before {
+            content: '';
+            display: block;
+            width: 1px;
+            height: 1em;
+            background-color: var(--divider-color-default-1);
+        }
+
+        &.@{divider-prefix-cls}--large {
+            &::before {
+                background-color: var(--divider-color-default-2);
+            }
+        }
+    }
+
+    &--hairline {
+        border-color: var(--divider-color-default-1);
+    }
+
+    &--large {
+        border-color: var(--divider-color-default-2);
+    }
+
+
+    &-with-text {
+        &::after {
+            content: '';
+        }
+
+        &--left {
+            &::before {
+                max-width: 20%;
+            }
+        }
+
+        &--right {
+            &::after {
+                max-width: 20%;
+            }
+        }
+    }
+
+
+
+    &__text {
+        font-size: 12px;
+        color: rgba(0, 0, 0, 0.3);
+        margin: 0 var(--spacing-tight);
+    }
+}

package/dist/components/dropdown/index.js

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