wl-design-mobile 0.8.13 → 0.8.15

package/search/lambo-date-range.vue

@@ -1,111 +1,111 @@
-<template>
-  <div>
-    <div class="search-row" @click="onOpen">
-      <!-- 必选的红色星号 -->
-      <lambo-required-red-star :required="required"></lambo-required-red-star>
-      <!-- 时间框的名字段 -->
-      <div class="search-input-title">{{ title }}</div>
-      <div class="search-lambo-input">{{ dateStr }}</div>
-      <lambo-vector-icon :icon="icon"></lambo-vector-icon>
-    </div>
-    <div>
-      <van-calendar v-model:show="showBottom" :default-date="defaultDateArr" :min-date="minDate" :max-date="maxDate" type="range"
-                    :style="{ maxHeight: '65%' }" color="#0070D2" @confirm="onConfirm" get-container="body" :allow-same-day="allowSameDay"/>
-    </div>
-  </div>
-</template>
-<script>
-import {deepCopy} from '../util/assist'
-import moment from 'moment'
-import LamboRequiredRedStar from '../icon/lambo-required-red-star.vue'
-import LamboVectorIcon from '../icon/lambo-vector-icon.vue'
-
-export default {
-  name: 'LamboDateRange',
-  components: {LamboVectorIcon, LamboRequiredRedStar},
-  props: {
-    required: {
-      type: Boolean,
-      default: false
-    },
-    title: {
-      type: String,
-      default: false
-    },
-    defaultDate: {
-      type: Array,
-      default: () => []
-    },
-    allowSameDay: {
-      type: Boolean,
-      default: false
-    },
-  },
-  data() {
-    return {
-      icon: 'date.png',
-      showBottom: false,
-      dateStr: '',
-      selectItem: {
-        date: [],
-        date8: []
-      },
-      minDate: new Date((new Date()).getFullYear() - 1, (new Date()).getMonth() + 1, (new Date()).getDate()),
-      maxDate: new Date((new Date()).getFullYear() + 1, (new Date()).getMonth() + 1, (new Date()).getDate()),
-      defaultDateArr: []
-    }
-  },
-  methods: {
-    onOpen() {
-      this.showBottom = true
-    },
-    onConfirm(time) {
-      console.log(" onConfirm time:", time)
-      if (Array.isArray(time)) {
-        if (time.length === 2) {
-          let startDate1 = moment(time[0]).format("yyyyMMDD") || ''
-          let endDate1 = moment(time[1]).format("yyyyMMDD") || ''
-          let startDateFormat = moment(time[0]).format('yyyy-MM-DD') || ''
-          let endDateFormat = moment(time[1]).format('yyyy-MM-DD') || ''
-          if (startDate1 && endDate1) {
-            this.selectItem.date8 = [startDate1, endDate1]
-            this.selectItem.date = [startDateFormat, endDateFormat]
-            this.dateStr = startDateFormat + "~" + endDateFormat
-
-            this.$emit("on-ok", this.selectItem)
-          }
-        }
-      }
-      this.showBottom = false
-    },
-    initDefaultVal() {
-      // 默认值处理
-      if (this.defaultDate && Array.isArray(this.defaultDate) && this.defaultDate.length === 2) {
-        let defDateArr = this.defaultDate
-        if (defDateArr && defDateArr.length === 2 && defDateArr[0] && defDateArr[1]) {
-          this.selectItem.date8 = deepCopy(defDateArr)
-
-          let startDate8 = defDateArr[0]
-          let endDate8 = defDateArr[1]
-          let startDateFormat = moment(startDate8).format('yyyy-MM-DD') || ''
-          let endDateFormat = moment(endDate8).format('yyyy-MM-DD') || ''
-          this.selectItem.date[0] = startDateFormat
-          this.selectItem.date[1] = endDateFormat
-          this.dateStr = startDateFormat + " ~ " + endDateFormat
-
-          let startDateObj = moment(startDate8).toDate()
-          let endDateObj = moment(endDate8).toDate()
-          this.defaultDateArr = [startDateObj, endDateObj]
-        }
-      }
-    }
-  },
-  created() {
-    this.initDefaultVal()
-  }
-}
-</script>
-<style scoped>
-@import "../styles/index.less";
-@import "./styles/css/index.css";
-</style>
+<template>
+  <div>
+    <div class="search-row" @click="onOpen">
+      <!-- 必选的红色星号 -->
+      <lambo-required-red-star :required="required"></lambo-required-red-star>
+      <!-- 时间框的名字段 -->
+      <div class="search-input-title">{{ title }}</div>
+      <div class="search-lambo-input">{{ dateStr }}</div>
+      <lambo-vector-icon :icon="icon"></lambo-vector-icon>
+    </div>
+    <div>
+      <van-calendar v-model:show="showBottom" :default-date="defaultDateArr" :min-date="minDate" :max-date="maxDate" type="range"
+                    :style="{ maxHeight: '65%' }" color="#0070D2" @confirm="onConfirm" get-container="body" :allow-same-day="allowSameDay"/>
+    </div>
+  </div>
+</template>
+<script>
+import {deepCopy} from '../util/assist'
+import moment from 'moment'
+import LamboRequiredRedStar from '../icon/lambo-required-red-star.vue'
+import LamboVectorIcon from '../icon/lambo-vector-icon.vue'
+
+export default {
+  name: 'LamboDateRange',
+  components: {LamboVectorIcon, LamboRequiredRedStar},
+  props: {
+    required: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String,
+      default: false
+    },
+    defaultDate: {
+      type: Array,
+      default: () => []
+    },
+    allowSameDay: {
+      type: Boolean,
+      default: false
+    },
+  },
+  data() {
+    return {
+      icon: 'date.png',
+      showBottom: false,
+      dateStr: '',
+      selectItem: {
+        date: [],
+        date8: []
+      },
+      minDate: new Date((new Date()).getFullYear() - 1, (new Date()).getMonth() + 1, (new Date()).getDate()),
+      maxDate: new Date((new Date()).getFullYear() + 1, (new Date()).getMonth() + 1, (new Date()).getDate()),
+      defaultDateArr: []
+    }
+  },
+  methods: {
+    onOpen() {
+      this.showBottom = true
+    },
+    onConfirm(time) {
+      console.log(" onConfirm time:", time)
+      if (Array.isArray(time)) {
+        if (time.length === 2) {
+          let startDate1 = moment(time[0]).format("yyyyMMDD") || ''
+          let endDate1 = moment(time[1]).format("yyyyMMDD") || ''
+          let startDateFormat = moment(time[0]).format('yyyy-MM-DD') || ''
+          let endDateFormat = moment(time[1]).format('yyyy-MM-DD') || ''
+          if (startDate1 && endDate1) {
+            this.selectItem.date8 = [startDate1, endDate1]
+            this.selectItem.date = [startDateFormat, endDateFormat]
+            this.dateStr = startDateFormat + "~" + endDateFormat
+
+            this.$emit("on-ok", this.selectItem)
+          }
+        }
+      }
+      this.showBottom = false
+    },
+    initDefaultVal() {
+      // 默认值处理
+      if (this.defaultDate && Array.isArray(this.defaultDate) && this.defaultDate.length === 2) {
+        let defDateArr = this.defaultDate
+        if (defDateArr && defDateArr.length === 2 && defDateArr[0] && defDateArr[1]) {
+          this.selectItem.date8 = deepCopy(defDateArr)
+
+          let startDate8 = defDateArr[0]
+          let endDate8 = defDateArr[1]
+          let startDateFormat = moment(startDate8).format('yyyy-MM-DD') || ''
+          let endDateFormat = moment(endDate8).format('yyyy-MM-DD') || ''
+          this.selectItem.date[0] = startDateFormat
+          this.selectItem.date[1] = endDateFormat
+          this.dateStr = startDateFormat + " ~ " + endDateFormat
+
+          let startDateObj = moment(startDate8).toDate()
+          let endDateObj = moment(endDate8).toDate()
+          this.defaultDateArr = [startDateObj, endDateObj]
+        }
+      }
+    }
+  },
+  created() {
+    this.initDefaultVal()
+  }
+}
+</script>
+<style scoped>
+@import "../styles/index.less";
+@import "./styles/css/index.css";
+</style>

package/search/lambo-date.vue

@@ -1,105 +1,105 @@
-<template>
-  <div>
-    <div class="search-row" @click="onOpen">
-      <!-- 必选的红色星号 -->
-      <lambo-required-red-star :required="required"></lambo-required-red-star>
-      <!-- 时间框的名字段 -->
-      <div class="search-input-title">{{ title }}</div>
-      <div class="search-lambo-input">{{ dateStr }}</div>
-      <lambo-vector-icon :icon="icon"></lambo-vector-icon>
-    </div>
-    <div>
-      <van-calendar v-model:show="showBottom" :value="defaultDateArr" type="single" :max-date="maxDate"
-                    :min-date="minDate" :style="{ maxHeight: '65%' }" color="#0070D2" @confirm="onConfirm"
-                    get-container="body" :allow-same-day="allowSameDay"/>
-    </div>
-  </div>
-</template>
-<script>
-import {deepCopy} from '../util/assist'
-import moment from 'moment'
-import LamboRequiredRedStar from '../icon/lambo-required-red-star.vue'
-import LamboVectorIcon from '../icon/lambo-vector-icon.vue'
-
-export default {
-  name: 'LamboDate',
-  components: {LamboVectorIcon, LamboRequiredRedStar},
-  props: {
-    required: {
-      type: Boolean,
-      default: false
-    },
-    title: {
-      type: String,
-      default: false
-    },
-    defaultDate: {
-      type: String,
-      default: ""
-    },
-    minDate: {
-      type: Date,
-      default: () => new Date((new Date()).getFullYear() - 3, (new Date()).getMonth(), (new Date()).getDate())
-    },
-    maxDate: {
-      type: Date,
-      default: () => new Date((new Date()).getFullYear() + 3, (new Date()).getMonth(), (new Date()).getDate())
-    },
-    allowSameDay: {
-      type: Boolean,
-      default: false
-    },
-  },
-  data() {
-    return {
-      icon: 'date.png',
-      showBottom: false,
-      dateStr: '',
-      selectItem: {
-        date: "",
-        date8: ""
-      },
-      defaultDateArr: ""
-    }
-  },
-  methods: {
-    onOpen() {
-      this.showBottom = true
-    },
-    onConfirm(time) {
-      console.log(" onConfirm time:", time)
-      let startDate1 = moment(time).format("yyyyMMDD") || ''
-      let startDateFormat = moment(time).format('yyyy-MM-DD') || ''
-      if (startDate1 && startDateFormat) {
-        this.selectItem.date8 = startDate1
-        this.selectItem.date = startDateFormat
-        this.dateStr = startDateFormat
-        this.$emit("on-ok", this.selectItem)
-      }
-      this.showBottom = false
-    },
-    initDefaultVal() {
-      // 默认值处理
-      if (this.defaultDate) {
-        let defDateArr = this.defaultDate
-        if (defDateArr) {
-          this.selectItem.date8 = deepCopy(defDateArr)
-          let startDate8 = defDateArr
-          let startDateFormat = moment(startDate8).format('yyyy-MM-DD') || ''
-          this.selectItem.date = startDateFormat
-          this.dateStr = startDateFormat
-          let startDateObj = moment(startDate8).toDate()
-          this.defaultDateArr = startDateObj
-        }
-      }
-    }
-  },
-  created() {
-    this.initDefaultVal()
-  }
-}
-</script>
-<style scoped>
-@import "../styles/index.less";
-@import "./styles/css/index.css";
-</style>
+<template>
+  <div>
+    <div class="search-row" @click="onOpen">
+      <!-- 必选的红色星号 -->
+      <lambo-required-red-star :required="required"></lambo-required-red-star>
+      <!-- 时间框的名字段 -->
+      <div class="search-input-title">{{ title }}</div>
+      <div class="search-lambo-input">{{ dateStr }}</div>
+      <lambo-vector-icon :icon="icon"></lambo-vector-icon>
+    </div>
+    <div>
+      <van-calendar v-model:show="showBottom" :value="defaultDateArr" type="single" :max-date="maxDate"
+                    :min-date="minDate" :style="{ maxHeight: '65%' }" color="#0070D2" @confirm="onConfirm"
+                    get-container="body" :allow-same-day="allowSameDay"/>
+    </div>
+  </div>
+</template>
+<script>
+import {deepCopy} from '../util/assist'
+import moment from 'moment'
+import LamboRequiredRedStar from '../icon/lambo-required-red-star.vue'
+import LamboVectorIcon from '../icon/lambo-vector-icon.vue'
+
+export default {
+  name: 'LamboDate',
+  components: {LamboVectorIcon, LamboRequiredRedStar},
+  props: {
+    required: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String,
+      default: false
+    },
+    defaultDate: {
+      type: String,
+      default: ""
+    },
+    minDate: {
+      type: Date,
+      default: () => new Date((new Date()).getFullYear() - 3, (new Date()).getMonth(), (new Date()).getDate())
+    },
+    maxDate: {
+      type: Date,
+      default: () => new Date((new Date()).getFullYear() + 3, (new Date()).getMonth(), (new Date()).getDate())
+    },
+    allowSameDay: {
+      type: Boolean,
+      default: false
+    },
+  },
+  data() {
+    return {
+      icon: 'date.png',
+      showBottom: false,
+      dateStr: '',
+      selectItem: {
+        date: "",
+        date8: ""
+      },
+      defaultDateArr: ""
+    }
+  },
+  methods: {
+    onOpen() {
+      this.showBottom = true
+    },
+    onConfirm(time) {
+      console.log(" onConfirm time:", time)
+      let startDate1 = moment(time).format("yyyyMMDD") || ''
+      let startDateFormat = moment(time).format('yyyy-MM-DD') || ''
+      if (startDate1 && startDateFormat) {
+        this.selectItem.date8 = startDate1
+        this.selectItem.date = startDateFormat
+        this.dateStr = startDateFormat
+        this.$emit("on-ok", this.selectItem)
+      }
+      this.showBottom = false
+    },
+    initDefaultVal() {
+      // 默认值处理
+      if (this.defaultDate) {
+        let defDateArr = this.defaultDate
+        if (defDateArr) {
+          this.selectItem.date8 = deepCopy(defDateArr)
+          let startDate8 = defDateArr
+          let startDateFormat = moment(startDate8).format('yyyy-MM-DD') || ''
+          this.selectItem.date = startDateFormat
+          this.dateStr = startDateFormat
+          let startDateObj = moment(startDate8).toDate()
+          this.defaultDateArr = startDateObj
+        }
+      }
+    }
+  },
+  created() {
+    this.initDefaultVal()
+  }
+}
+</script>
+<style scoped>
+@import "../styles/index.less";
+@import "./styles/css/index.css";
+</style>

package/search/lambo-input.vue

@@ -1,74 +1,74 @@
-<template>
-  <div class="search-row">
-    <!-- 必选的红色星号 -->
-    <lambo-required-red-star :required="required"></lambo-required-red-star>
-    <!-- 输入框的名字段 -->
-    <div class="search-input-title">{{ title }}</div>
-    <!-- 输入框的值 -->
-    <div class="search-lambo-input">
-      <van-field v-model="innerValue" :clearable="true" :maxlength="maxlength" :placeholder="placeholder"
-                 :show-word-limit="showWordLimit"
-                 :type="type" label="" v-bind="$attrs" @input="$emit('input', $event)"/>
-    </div>
-  </div>
-</template>
-<script>
-import redIcon from '../assets/icon/required.png'
-import LamboRequiredRedStar from '../icon/lambo-required-red-star.vue'
-
-export default {
-  name: 'LamboInput',
-  components: {LamboRequiredRedStar},
-  model: {
-    prop: 'value',
-    event: 'input',
-  },
-  props: {
-    required: {
-      type: Boolean,
-      default: false,
-    },
-    type: {
-      default: 'text',
-    },
-    maxlength: {
-      type: [String, Number],
-    },
-    placeholder: {
-      type: String,
-      default: '',
-    },
-    title: {
-      type: String,
-      default: false,
-    },
-    value: {
-      type: String,
-      default: '',
-    },
-    showWordLimit: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  data() {
-    return {
-      requiredReadIcon: redIcon,
-      innerValue: this.value,
-    }
-  },
-  methods: {},
-  created() {
-
-  },
-  watch: {
-    value(newVal) {
-      this.innerValue = newVal
-    },
-  },
-}
-</script>
-<style scoped>
-@import "../styles/index.less";
-@import "./styles/css/index.css";
-</style>
+<template>
+  <div class="search-row">
+    <!-- 必选的红色星号 -->
+    <lambo-required-red-star :required="required"></lambo-required-red-star>
+    <!-- 输入框的名字段 -->
+    <div class="search-input-title">{{ title }}</div>
+    <!-- 输入框的值 -->
+    <div class="search-lambo-input">
+      <van-field v-model="innerValue" :clearable="true" :maxlength="maxlength" :placeholder="placeholder"
+                 :show-word-limit="showWordLimit"
+                 :type="type" label="" v-bind="$attrs" @input="$emit('input', $event)"/>
+    </div>
+  </div>
+</template>
+<script>
+import redIcon from '../assets/icon/required.png'
+import LamboRequiredRedStar from '../icon/lambo-required-red-star.vue'
+
+export default {
+  name: 'LamboInput',
+  components: {LamboRequiredRedStar},
+  model: {
+    prop: 'value',
+    event: 'input',
+  },
+  props: {
+    required: {
+      type: Boolean,
+      default: false,
+    },
+    type: {
+      default: 'text',
+    },
+    maxlength: {
+      type: [String, Number],
+    },
+    placeholder: {
+      type: String,
+      default: '',
+    },
+    title: {
+      type: String,
+      default: false,
+    },
+    value: {
+      type: String,
+      default: '',
+    },
+    showWordLimit: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      requiredReadIcon: redIcon,
+      innerValue: this.value,
+    }
+  },
+  methods: {},
+  created() {
+
+  },
+  watch: {
+    value(newVal) {
+      this.innerValue = newVal
+    },
+  },
+}
+</script>
+<style scoped>
+@import "../styles/index.less";
+@import "./styles/css/index.css";
+</style>