vdesign-ui 0.2.20 → 0.3.0

package/dist/components/calendar/index-element.vue

@@ -1,84 +1,84 @@
-<template>
-  <div>
-    <!-- <div class="vd-calendar-input">
-        <div class="vd-calendar-input-inner">
-          <input type="text"  class="vd-calendar-input__inputs" disabled placeholder="Start date">
-          <i class="vd-calendar-input__line"></i>
-          <input type="text"  class="vd-calendar-input__inputs" disabled placeholder="End date">
-        </div>
-      </div> -->
-    <el-date-picker class="vd-calendar-input" v-on="$listeners" v-bind="$attrs"></el-date-picker>
-  </div>
-</template>
-
-<script>
-import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
-zhLocale.el.datepicker.weeks = {
-  "sun": "S",
-  "mon": "M",
-  "tue": "T",
-  "wed": "W",
-  "thu": "T",
-  "fri": "F",
-  "sat": "S"
-}
-zhLocale.el.datepicker.year = ''
-zhLocale.el.datepicker.month8 = '8'
-
-export default {
-  name: 'vd-calendar',
-  data() {
-    return {
-    };
-  },
-  inheritAttrs: false, // 确保 $attrs 不绑定到根元素
-
-  mounted() {
-  }
-};
-</script>
-
-<style lang="less">
-.el-date-range-picker {
-  position: absolute !important;
-  left: 0 !important;
-  ;
-  right: 0 !important;
-  width: 100%;
-
-  .el-date-range-picker__content {
-    width: 100%;
-    border: 0
-  }
-
-  .el-picker-panel__body {
-    min-width: 300px;
-  }
-}
-
-.el-date-range-picker__content.is-right {
-  height: 0;
-  display: none;
-
-  .el-date-range-picker__header {
-    top: -330px;
-    left: 210px;
-    width: 50px;
-  }
-
-  .el-date-range-picker__header div {
-    display: none;
-  }
-
-  table {
-    display: none;
-  }
-}
-
-.el-icon-d-arrow-left,
-.el-icon-d-arrow-right {
-  display: none;
-}
-
-@import './style.less';
-</style>
+<template>
+  <div>
+    <!-- <div class="vd-calendar-input">
+        <div class="vd-calendar-input-inner">
+          <input type="text"  class="vd-calendar-input__inputs" disabled placeholder="Start date">
+          <i class="vd-calendar-input__line"></i>
+          <input type="text"  class="vd-calendar-input__inputs" disabled placeholder="End date">
+        </div>
+      </div> -->
+    <el-date-picker class="vd-calendar-input" v-on="$listeners" v-bind="$attrs"></el-date-picker>
+  </div>
+</template>
+
+<script>
+import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
+zhLocale.el.datepicker.weeks = {
+  "sun": "S",
+  "mon": "M",
+  "tue": "T",
+  "wed": "W",
+  "thu": "T",
+  "fri": "F",
+  "sat": "S"
+}
+zhLocale.el.datepicker.year = ''
+zhLocale.el.datepicker.month8 = '8'
+
+export default {
+  name: 'vd-calendar',
+  data() {
+    return {
+    };
+  },
+  inheritAttrs: false, // 确保 $attrs 不绑定到根元素
+
+  mounted() {
+  }
+};
+</script>
+
+<style lang="less">
+.el-date-range-picker {
+  position: absolute !important;
+  left: 0 !important;
+  ;
+  right: 0 !important;
+  width: 100%;
+
+  .el-date-range-picker__content {
+    width: 100%;
+    border: 0
+  }
+
+  .el-picker-panel__body {
+    min-width: 300px;
+  }
+}
+
+.el-date-range-picker__content.is-right {
+  height: 0;
+  display: none;
+
+  .el-date-range-picker__header {
+    top: -330px;
+    left: 210px;
+    width: 50px;
+  }
+
+  .el-date-range-picker__header div {
+    display: none;
+  }
+
+  table {
+    display: none;
+  }
+}
+
+.el-icon-d-arrow-left,
+.el-icon-d-arrow-right {
+  display: none;
+}
+
+@import './style.less';
+</style>

package/dist/components/calendar/index.js

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

package/dist/components/calendar/index.vue

@@ -1,53 +1,53 @@
-<template>
-  <div>
-    <!-- <div class="vd-calendar-input">
-        <div class="vd-calendar-input-inner">
-          <input type="text"  class="vd-calendar-input__inputs" disabled placeholder="Start date">
-          <i class="vd-calendar-input__line"></i>
-          <input type="text"  class="vd-calendar-input__inputs" disabled placeholder="End date">
-        </div>
-      </div> -->
-    <van-calendar class="vd-calendar" v-on="$listeners" v-bind="$attrs" />
-  </div>
-</template>
-
-<script>
-// import Vue from 'vue'
-import { Calendar } from 'vant';
-// import 'vant/lib/calendar/style';
-
-// Vue.use(Calendar);
-import { Locale } from 'vant';
-
-const messages = {
-  'zh-CN': {
-    vanCalendar: {
-      weekdays: ['S', 'M', 'T ', 'W', 'T', 'F', 'S'],
-      start: 'Start',
-      end: "End"
-    },
-  },
-};
-
-Locale.add(messages);
-
-export default {
-  name: 'vd-calendar',
-  components: {
-    'van-calendar': Calendar
-  },
-  data() {
-    return {
-    };
-  },
-  inheritAttrs: false, // 确保 $attrs 不绑定到根元素
-
-  mounted() {
-    // console.log(Locale);
-  }
-};
-</script>
-
-<style lang="less">
-@import './style.less';
-</style>
+<template>
+  <div>
+    <!-- <div class="vd-calendar-input">
+        <div class="vd-calendar-input-inner">
+          <input type="text"  class="vd-calendar-input__inputs" disabled placeholder="Start date">
+          <i class="vd-calendar-input__line"></i>
+          <input type="text"  class="vd-calendar-input__inputs" disabled placeholder="End date">
+        </div>
+      </div> -->
+    <van-calendar class="vd-calendar" v-on="$listeners" v-bind="$attrs" />
+  </div>
+</template>
+
+<script>
+// import Vue from 'vue'
+import { Calendar } from 'vant';
+// import 'vant/lib/calendar/style';
+
+// Vue.use(Calendar);
+import { Locale } from 'vant';
+
+const messages = {
+  'zh-CN': {
+    vanCalendar: {
+      weekdays: ['S', 'M', 'T ', 'W', 'T', 'F', 'S'],
+      start: 'Start',
+      end: "End"
+    },
+  },
+};
+
+Locale.add(messages);
+
+export default {
+  name: 'vd-calendar',
+  components: {
+    'van-calendar': Calendar
+  },
+  data() {
+    return {
+    };
+  },
+  inheritAttrs: false, // 确保 $attrs 不绑定到根元素
+
+  mounted() {
+    // console.log(Locale);
+  }
+};
+</script>
+
+<style lang="less">
+@import './style.less';
+</style>

package/dist/components/calendar/style.less

@@ -1,138 +1,138 @@
-.van-calendar__header {
-    box-shadow: none;
-}
-
-.van-calendar__header-subtitle {
-    height: var(--height-datepicker-title-month_year);
-    line-height: var(--height-datepicker-title-month_year);
-    color: var(--color-datepicker-title-month_year);
-    font-size: var(--en-single-f-d-s-fontSize);
-    font-weight: var(--en-single-f-d-s-fontWeight);
-}
-
-.van-calendar__weekdays {
-    padding: 0 20px;
-    height: var(--height-datepicker-week);
-    color: var(--color-datepicker-text-week);
-}
-
-.van-calendar__weekday {
-    line-height: var(--height-datepicker-week);
-    font-size: var(--en-single-f-b-r-fontSize);
-    font-weight: var(--en-single-f-b-r-fontWeight);
-}
-
-.van-calendar__days {
-    display: flex;
-    padding: 0 20px;
-}
-
-.van-calendar__day {
-    height: var(--height-datepicker-date);
-    font-size: var(--en-single-f-d-s-fontSize);
-    font-weight: var(--en-single-f-d-s-fontWeight);
-    color: var(--color-datepicker-date-text-default);
-    background-color: var(--color-datepicker-date-bg-default);
-    margin-block-start: var(--spacing-datepicker-date-margin_top);
-    margin-block-end: var(--spacing-datepicker-date-margin_bottom);
-
-    &--disabled {
-        color: var(--color-datepicker-date-text-disable);
-        background-color: var(--color-datepicker-date-bg-disable);
-    }
-
-    &--start {
-        font-size: var(--en-single-f-d-s-fontSize);
-        font-weight: var(--en-single-f-d-s-fontWeight);
-        color: var(--color-datepicker-date-text-active);
-        border-radius: 0;
-        background-image: url(./start.png) !important;
-        background-position: center center !important;
-        background-repeat: no-repeat !important;
-        background-size: cover !important;
-    }
-
-    &--middle {
-        color: var(--color-datepicker-date-text-default) !important;
-        background-color: var(--color-datepicker-date_mask-bg-active);
-
-        &::after {
-            background-color: transparent;
-            opacity: 1;
-        }
-    }
-
-    &--end {
-        font-size: var(--en-single-f-d-s-fontSize);
-        font-weight: var(--en-single-f-d-s-fontWeight);
-        color: var(--color-datepicker-date-text-active);
-        background-color: var(--color-datepicker-date-bg-active);
-        border-radius: 0;
-        background-image: url(./end.png) !important;
-        background-position: center center !important;
-        background-repeat: no-repeat !important;
-        background-size: cover !important;
-    }
-}
-
-.van-calendar__selected-day {
-    background-color: var(--color-datepicker-date-bg-active);
-}
-
-.van-calendar__bottom-info {
-    bottom: -14px;
-    color: #1BC47D;
-    font-size: 12px;
-    font-weight: normal;
-}
-
-.van-calendar__top-info {
-    top: auto;
-    bottom: -14px;
-    color: var(--color-datepicker-today_dot);
-    font-size: 18px;
-}
-
-.vd-calendar-input {
-    padding-block-start: var(--spacing-datepicker-range_picker-margin_top);
-    padding-block-end: var(--spacing-datepicker-range_picker-margin_bottom);
-    padding-inline-start: var(--spacing-datepicker-padding_y);
-    padding-inline-end: var(--spacing-datepicker-padding_y);
-
-    &-inner {
-        display: flex;
-        align-items: center;
-        border-radius: var(--radius-datepicker-range_picker_bg);
-        background-color: var(--color-datepicker-range_picker-bg);
-    }
-
-    &__inputs {
-        width: 100%;
-        text-align: center;
-        background-color: transparent;
-        height: var(--height-datepicker-range_picker_bg);
-        line-height: var(--height-datepicker-range_picker_bg);
-        font-size: var(--en-single-f-d-r-fontSize);
-        font-weight: var(--en-single-f-d-r-fontWeight);
-        color: var(--color-datepicker-range_picker-text-active);
-
-        ::-webkit-input-placeholder {
-            color: var(--color-datepicker-range_picker-text-default);
-        }
-    }
-
-    &__line {
-        width: var(--width-datepicker-range_picker_divider);
-        height: var(--height-datepicker-range_picker_divider);
-        background-color: var(--color-datepicker-range_picker_divider);
-    }
-}
-
-.van-hairline-unset--top-bottom::after {
-    border-width: 0;
-}
-
-.van-picker__frame {
-    left: var(--spacing-datepicker-padding_y);
-    right: var(--spacing-datepicker-padding_y);
-}
+.van-calendar__header {
+    box-shadow: none;
+}
+
+.van-calendar__header-subtitle {
+    height: var(--height-datepicker-title-month_year);
+    line-height: var(--height-datepicker-title-month_year);
+    color: var(--color-datepicker-title-month_year);
+    font-size: var(--en-single-f-d-s-fontSize);
+    font-weight: var(--en-single-f-d-s-fontWeight);
+}
+
+.van-calendar__weekdays {
+    padding: 0 20px;
+    height: var(--height-datepicker-week);
+    color: var(--color-datepicker-text-week);
+}
+
+.van-calendar__weekday {
+    line-height: var(--height-datepicker-week);
+    font-size: var(--en-single-f-b-r-fontSize);
+    font-weight: var(--en-single-f-b-r-fontWeight);
+}
+
+.van-calendar__days {
+    display: flex;
+    padding: 0 20px;
+}
+
+.van-calendar__day {
+    height: var(--height-datepicker-date);
+    font-size: var(--en-single-f-d-s-fontSize);
+    font-weight: var(--en-single-f-d-s-fontWeight);
+    color: var(--color-datepicker-date-text-default);
+    background-color: var(--color-datepicker-date-bg-default);
+    margin-block-start: var(--spacing-datepicker-date-margin_top);
+    margin-block-end: var(--spacing-datepicker-date-margin_bottom);
+
+    &--disabled {
+        color: var(--color-datepicker-date-text-disable);
+        background-color: var(--color-datepicker-date-bg-disable);
+    }
+
+    &--start {
+        font-size: var(--en-single-f-d-s-fontSize);
+        font-weight: var(--en-single-f-d-s-fontWeight);
+        color: var(--color-datepicker-date-text-active);
+        border-radius: 0;
+        background-image: url(./start.png) !important;
+        background-position: center center !important;
+        background-repeat: no-repeat !important;
+        background-size: cover !important;
+    }
+
+    &--middle {
+        color: var(--color-datepicker-date-text-default) !important;
+        background-color: var(--color-datepicker-date_mask-bg-active);
+
+        &::after {
+            background-color: transparent;
+            opacity: 1;
+        }
+    }
+
+    &--end {
+        font-size: var(--en-single-f-d-s-fontSize);
+        font-weight: var(--en-single-f-d-s-fontWeight);
+        color: var(--color-datepicker-date-text-active);
+        background-color: var(--color-datepicker-date-bg-active);
+        border-radius: 0;
+        background-image: url(./end.png) !important;
+        background-position: center center !important;
+        background-repeat: no-repeat !important;
+        background-size: cover !important;
+    }
+}
+
+.van-calendar__selected-day {
+    background-color: var(--color-datepicker-date-bg-active);
+}
+
+.van-calendar__bottom-info {
+    bottom: -14px;
+    color: #1BC47D;
+    font-size: 12px;
+    font-weight: normal;
+}
+
+.van-calendar__top-info {
+    top: auto;
+    bottom: -14px;
+    color: var(--color-datepicker-today_dot);
+    font-size: 18px;
+}
+
+.vd-calendar-input {
+    padding-block-start: var(--spacing-datepicker-range_picker-margin_top);
+    padding-block-end: var(--spacing-datepicker-range_picker-margin_bottom);
+    padding-inline-start: var(--spacing-datepicker-padding_y);
+    padding-inline-end: var(--spacing-datepicker-padding_y);
+
+    &-inner {
+        display: flex;
+        align-items: center;
+        border-radius: var(--radius-datepicker-range_picker_bg);
+        background-color: var(--color-datepicker-range_picker-bg);
+    }
+
+    &__inputs {
+        width: 100%;
+        text-align: center;
+        background-color: transparent;
+        height: var(--height-datepicker-range_picker_bg);
+        line-height: var(--height-datepicker-range_picker_bg);
+        font-size: var(--en-single-f-d-r-fontSize);
+        font-weight: var(--en-single-f-d-r-fontWeight);
+        color: var(--color-datepicker-range_picker-text-active);
+
+        ::-webkit-input-placeholder {
+            color: var(--color-datepicker-range_picker-text-default);
+        }
+    }
+
+    &__line {
+        width: var(--width-datepicker-range_picker_divider);
+        height: var(--height-datepicker-range_picker_divider);
+        background-color: var(--color-datepicker-range_picker_divider);
+    }
+}
+
+.van-hairline-unset--top-bottom::after {
+    border-width: 0;
+}
+
+.van-picker__frame {
+    left: var(--spacing-datepicker-padding_y);
+    right: var(--spacing-datepicker-padding_y);
+}

package/dist/components/checkbox/index.js

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