vdesign-ui 0.2.20 → 0.3.0

package/dist/components/activityviews/style.less

@@ -1,162 +1,162 @@
-@activityviews-prefix-cls: vd-activity-views;
-
-.@{activityviews-prefix-cls} {
-
-    &--safe-area-inset-bottom{
-        padding-bottom: constant(safe-area-inset-bottom);
-        padding-bottom: env(safe-area-inset-bottom);
-    }
-    
-    ::-webkit-scrollbar { width: 3px; }
-    position: fixed;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    z-index: 2011;
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    max-height: 80%;
-    overflow: auto;
-    transition: transform .3s;
-    background-color: var(--color-activityviews-bg);
-    border-radius: var(--radius-activityviews-title) var(--radius-activityviews-title) 0 0;
-
-    &__close {
-        font-size: var(--icon-activityviews-close);
-    }
-
-    &__header {
-        display: flex;
-        flex-direction: column;
-        padding-block-start: var(--spacing-activityviews-head-padding_top);
-        padding-block-end: var(--spacing-activityviews-head-padding_bottom);
-        padding-inline-start: var(--spacing-activityviews-padding_left);
-        padding-inline-end: var(--spacing-activityviews-padding_right);
-    }
-
-    &__bar {
-        position: relative;
-        width: 100%;
-        height: 16px;
-        &::after {
-            content: '';
-            position: absolute;
-            left: 50%;
-            top: var(--spacing-activityviews-title-margin_right);
-            transform: translate(-50%, 0);
-            width: var(--width-activityviews-bar);
-            height: var(--height-activityviews-bar);
-            border-radius: var(--radius-activityviews-bar);
-            background-color: var(--color-activityviews-bar);
-        }
-    }
-
-    &__wrapper {
-        display: flex;
-        align-items: center;
-    }
-
-    &__title {
-        text-align: center;
-        margin-inline-end: auto;
-        padding-inline-end: var(--spacing-activityviews-title-margin_right);
-        font-size: var(--en-single-f-e-s-fontSize);
-        font-weight: var(--en-single-f-e-s-fontWeight);
-        color: var(--color-activityviews-title); 
-    }
-
-    &__description {
-        color: var(--color-activityviews-text_describe);
-        margin-block-start: var(--spacing-activityviews-describe-margin_top);
-        font-size: var(--en-single-f-c-r-fontSize);
-        font-weight: var(--en-single-f-c-r-fontWeight);
-    }
-
-    &__done {
-        height: 24px;
-        line-height: 24px;
-        padding-right: 0;
-    }
-
-    &__body {
-        background-color: var(--color-activityviews-bg);
-        height: 80%;
-        overflow-y: auto;
-
-        &--action {
-            overflow: hidden;
-        }
-    }
-
-    &__action {
-        padding: 0;
-        height: 80%;
-        overflow: hidden;
-        display: flex;
-        -webkit-box-orient: vertical;
-        -webkit-box-direction: normal;
-        flex-direction: column;
-
-        &-title {
-            flex-shrink: 0;
-            font-size: 14px;
-            text-align: center;
-            padding-block-start: var(--spacing-activityviews-actionsheet_title-padding_y);
-            padding-block-end: var(--spacing-activityviews-actionsheet_title-padding_y);
-            color: var(--color-activityviews-actionsheet_title);
-        }
-    }
-    
-    &__actions {
-        flex: 1;
-        overflow: auto;
-        -webkit-overflow-scrolling: touch;
-
-        .vd-btn {
-            border-radius: 0;
-            background-color: var(--color-activityviews-bg);
-            height: var(--height-activityviews-actionsheet);
-        }
-    }
-
-    &__gap {
-        display: block;
-        height: var(--height-activityviews-actionsheet_divider);
-        background-color: var(--color-activityviews-actionsheet_divider);
-    }
-
-    &__cancel {
-        flex-shrink: 0;
-
-        .vd-btn {
-            position: relative;
-            border: none;
-            background-color: var(--color-activityviews-bg);
-            height: var(--height-activityviews-actionsheet);
-            border-radius: 0;
-        }
-    }
-}
-
-
-.vd-activity-views-slide-up-enter-active,
-.vd-activity-views-slide-up-leave-active {
-    transition-property: transform;
-    transition-timing-function: ease;
-}
-
-.vd-activity-views-slide-up-enter,
-.vd-activity-views-slide-up-leave-to {
-    transform: translateY(100%);
-}
-
-.vd-activity-views__overlay{
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 2001;
-    background-color: var(--color-activityviews-mask-bg);
+@activityviews-prefix-cls: vd-activity-views;
+
+.@{activityviews-prefix-cls} {
+
+    &--safe-area-inset-bottom{
+        padding-bottom: constant(safe-area-inset-bottom);
+        padding-bottom: env(safe-area-inset-bottom);
+    }
+    
+    ::-webkit-scrollbar { width: 3px; }
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 2011;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    max-height: 80%;
+    overflow: auto;
+    transition: transform .3s;
+    background-color: var(--color-activityviews-bg);
+    border-radius: var(--radius-activityviews-title) var(--radius-activityviews-title) 0 0;
+
+    &__close {
+        font-size: var(--icon-activityviews-close);
+    }
+
+    &__header {
+        display: flex;
+        flex-direction: column;
+        padding-block-start: var(--spacing-activityviews-head-padding_top);
+        padding-block-end: var(--spacing-activityviews-head-padding_bottom);
+        padding-inline-start: var(--spacing-activityviews-padding_left);
+        padding-inline-end: var(--spacing-activityviews-padding_right);
+    }
+
+    &__bar {
+        position: relative;
+        width: 100%;
+        height: 16px;
+        &::after {
+            content: '';
+            position: absolute;
+            left: 50%;
+            top: var(--spacing-activityviews-title-margin_right);
+            transform: translate(-50%, 0);
+            width: var(--width-activityviews-bar);
+            height: var(--height-activityviews-bar);
+            border-radius: var(--radius-activityviews-bar);
+            background-color: var(--color-activityviews-bar);
+        }
+    }
+
+    &__wrapper {
+        display: flex;
+        align-items: center;
+    }
+
+    &__title {
+        text-align: center;
+        margin-inline-end: auto;
+        padding-inline-end: var(--spacing-activityviews-title-margin_right);
+        font-size: var(--en-single-f-e-s-fontSize);
+        font-weight: var(--en-single-f-e-s-fontWeight);
+        color: var(--color-activityviews-title); 
+    }
+
+    &__description {
+        color: var(--color-activityviews-text_describe);
+        margin-block-start: var(--spacing-activityviews-describe-margin_top);
+        font-size: var(--en-single-f-c-r-fontSize);
+        font-weight: var(--en-single-f-c-r-fontWeight);
+    }
+
+    &__done {
+        height: 24px;
+        line-height: 24px;
+        padding-right: 0;
+    }
+
+    &__body {
+        background-color: var(--color-activityviews-bg);
+        height: 80%;
+        overflow-y: auto;
+
+        &--action {
+            overflow: hidden;
+        }
+    }
+
+    &__action {
+        padding: 0;
+        height: 80%;
+        overflow: hidden;
+        display: flex;
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+        flex-direction: column;
+
+        &-title {
+            flex-shrink: 0;
+            font-size: 14px;
+            text-align: center;
+            padding-block-start: var(--spacing-activityviews-actionsheet_title-padding_y);
+            padding-block-end: var(--spacing-activityviews-actionsheet_title-padding_y);
+            color: var(--color-activityviews-actionsheet_title);
+        }
+    }
+    
+    &__actions {
+        flex: 1;
+        overflow: auto;
+        -webkit-overflow-scrolling: touch;
+
+        .vd-btn {
+            border-radius: 0;
+            background-color: var(--color-activityviews-bg);
+            height: var(--height-activityviews-actionsheet);
+        }
+    }
+
+    &__gap {
+        display: block;
+        height: var(--height-activityviews-actionsheet_divider);
+        background-color: var(--color-activityviews-actionsheet_divider);
+    }
+
+    &__cancel {
+        flex-shrink: 0;
+
+        .vd-btn {
+            position: relative;
+            border: none;
+            background-color: var(--color-activityviews-bg);
+            height: var(--height-activityviews-actionsheet);
+            border-radius: 0;
+        }
+    }
+}
+
+
+.vd-activity-views-slide-up-enter-active,
+.vd-activity-views-slide-up-leave-active {
+    transition-property: transform;
+    transition-timing-function: ease;
+}
+
+.vd-activity-views-slide-up-enter,
+.vd-activity-views-slide-up-leave-to {
+    transform: translateY(100%);
+}
+
+.vd-activity-views__overlay{
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 2001;
+    background-color: var(--color-activityviews-mask-bg);
 }

package/dist/components/badge/index.js

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

package/dist/components/badge/index.vue

@@ -1,49 +1,49 @@
-<template>
-    <div class="vd-badge">
-        <slot></slot>
-        <span v-show="!hidden && (content || content === 0 || isDot)" v-text="content" class="vd-badge__content" :class="[
-            {
-                'vd-is-fixed': $slots.default,
-                'vd-is-dot': isDot,
-                'vd-ltr': direction
-            }
-        ]">
-        </span>
-    </div>
-</template>
-
-<script>
-
-export default {
-    name: 'vd-badge',
-    props: {
-        value: [String, Number],
-        max: Number,
-        isDot: Boolean,
-        hidden: Boolean,
-    },
-    computed: {
-        content() {
-            if (this.isDot) return;
-
-            const value = this.value;
-            const max = this.max;
-
-            if (typeof value === 'number' && typeof max === 'number') {
-                return max < value ? `${max}+` : value;
-            }
-
-            return value;
-        },
-        direction() {
-            return {
-                'ltr': this.max
-            }
-        }
-    }
-}
-</script>
-
-<style lang="less">
-@import './style.less';
-</style>
+<template>
+    <div class="vd-badge">
+        <slot></slot>
+        <span v-show="!hidden && (content || content === 0 || isDot)" v-text="content" class="vd-badge__content" :class="[
+            {
+                'vd-is-fixed': $slots.default,
+                'vd-is-dot': isDot,
+                'vd-ltr': direction
+            }
+        ]">
+        </span>
+    </div>
+</template>
+
+<script>
+
+export default {
+    name: 'vd-badge',
+    props: {
+        value: [String, Number],
+        max: Number,
+        isDot: Boolean,
+        hidden: Boolean,
+    },
+    computed: {
+        content() {
+            if (this.isDot) return;
+
+            const value = this.value;
+            const max = this.max;
+
+            if (typeof value === 'number' && typeof max === 'number') {
+                return max < value ? `${max}+` : value;
+            }
+
+            return value;
+        },
+        direction() {
+            return {
+                'ltr': this.max
+            }
+        }
+    }
+}
+</script>
+
+<style lang="less">
+@import './style.less';
+</style>

package/dist/components/badge/style.less

@@ -1,54 +1,54 @@
-@badge-prefix-cls: vd-badge;
-
-.@{badge-prefix-cls} {
-    position: relative;
-    display: inline-flex;
-    line-height: 1;
-
-    &__content {
-        text-align: center;
-        white-space: nowrap;
-        background-color: var(--color-badge-bg);
-        border-radius: var(--radius-badge-count);
-        color: var(--color-badge-text);
-        display: inline-block;
-        font-size: var(--en-single-f-b-r-fontSize);
-        font-weight: var(--en-single-f-b-r-fontWeight);
-        min-width: var(--height-badge-count);
-        height: var(--height-badge-count);
-        padding: var(--spacing-badge-count-padding_x) var(--spacing-badge-count-padding_y);
-    }
-
-    .vd-is-dot {
-        background-color: transparent;
-        &::before {
-            content: '';
-            display: inline-block;
-            width: var(--width-badge-dot);
-            height: var(--height-badge-dot);
-            background-color: var(--color-badge-bg);
-            border-radius: var(--radius-badge-count);
-        }
-    }
-
-    .vd-is-fixed {
-        position: absolute;
-        top: 0;
-        right: 0;
-        transform: translate(50%, -50%);
-    }
-
-    .vd-ltr {
-        direction: ltr;
-    }
-}
-
-[lang|='ar'], [dir='rtl'] {
-    .@{badge-prefix-cls} {
-        .vd-is-fixed {
-            left: 0;
-            right: auto;
-            transform: translate(-50%, -50%);
-        }
-    }
-}
+@badge-prefix-cls: vd-badge;
+
+.@{badge-prefix-cls} {
+    position: relative;
+    display: inline-flex;
+    line-height: 1;
+
+    &__content {
+        text-align: center;
+        white-space: nowrap;
+        background-color: var(--color-badge-bg);
+        border-radius: var(--radius-badge-count);
+        color: var(--color-badge-text);
+        display: inline-block;
+        font-size: var(--en-single-f-b-r-fontSize);
+        font-weight: var(--en-single-f-b-r-fontWeight);
+        min-width: var(--height-badge-count);
+        height: var(--height-badge-count);
+        padding: var(--spacing-badge-count-padding_x) var(--spacing-badge-count-padding_y);
+    }
+
+    .vd-is-dot {
+        background-color: transparent;
+        &::before {
+            content: '';
+            display: inline-block;
+            width: var(--width-badge-dot);
+            height: var(--height-badge-dot);
+            background-color: var(--color-badge-bg);
+            border-radius: var(--radius-badge-count);
+        }
+    }
+
+    .vd-is-fixed {
+        position: absolute;
+        top: 0;
+        right: 0;
+        transform: translate(50%, -50%);
+    }
+
+    .vd-ltr {
+        direction: ltr;
+    }
+}
+
+[lang|='ar'], [dir='rtl'] {
+    .@{badge-prefix-cls} {
+        .vd-is-fixed {
+            left: 0;
+            right: auto;
+            transform: translate(-50%, -50%);
+        }
+    }
+}

package/dist/components/button/index.js

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