wl-design-mobile 0.7.3 → 0.7.5

package/README.md

@@ -1,6 +1,6 @@
-# wl-design-mobile
-
-## Setup
-```
-npm i wl-design-mobile
-```
+# wl-design-mobile
+
+## Setup
+```
+npm i wl-design-mobile
+```

package/doc/img/styles/css/index.css

@@ -1,3 +1,3 @@
-.img-upload-container {
-    padding: 0px 14px 12px 14px;
-}
+.img-upload-container {
+    padding: 0px 14px 12px 14px;
+}

package/edit/list/styles/css/index.css

@@ -1,39 +1,39 @@
-.coll-div {
-    margin-bottom: 8px;
-}
-
-.indicator-title {
-    display: flex;
-    align-items: center;
-    color: var(--scl-blue);
-    font-size: 14px;
-    font-family: 微软雅黑, serif Regular;
-}
-
-.indicator-title .color-line {
-    width: 3px;
-    height: 14px;
-    margin-right: 8px;
-}
-
-.coll-title-icon {
-    justify-content: center;
-    align-items: center;
-    align-content: center;
-}
-
-/* 覆盖折叠面板的标题的padding */
-/deep/ .van-cell {
-    padding: 12px 10px;
-}
-
-/* 覆盖去掉折叠面板的标题下面的线 */
-/deep/ .van-cell::after {
-    border: none;
-}
-
-/* 覆盖折叠面板的内容的padding */
-/deep/ .van-collapse-item__content {
-    padding: 0px 0px 0px 0px;
-}
-
+.coll-div {
+    margin-bottom: 8px;
+}
+
+.indicator-title {
+    display: flex;
+    align-items: center;
+    color: var(--scl-blue);
+    font-size: 14px;
+    font-family: 微软雅黑, serif Regular;
+}
+
+.indicator-title .color-line {
+    width: 3px;
+    height: 14px;
+    margin-right: 8px;
+}
+
+.coll-title-icon {
+    justify-content: center;
+    align-items: center;
+    align-content: center;
+}
+
+/* 覆盖折叠面板的标题的padding */
+/deep/ .van-cell {
+    padding: 12px 10px;
+}
+
+/* 覆盖去掉折叠面板的标题下面的线 */
+/deep/ .van-cell::after {
+    border: none;
+}
+
+/* 覆盖折叠面板的内容的padding */
+/deep/ .van-collapse-item__content {
+    padding: 0px 0px 0px 0px;
+}
+

package/edit/select/styles/css/index.css

@@ -47,7 +47,7 @@
     border: none;
     outline: none;
     background: none;
-    font-size: 14px;
+    font-size: 16px;
     color: var(--scl-gray-5);
     display: flex;
     justify-content: flex-start;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wl-design-mobile",
-  "version": "0.7.3",
+  "version": "0.7.5",
   "description": "",
   "main": "index.js",
   "author": "finch",

package/search/lambo-week-date-select.vue

@@ -29,23 +29,23 @@ export default {
 
   data() {
     return {
-      selectedDate_: new Date(),
-      weekStart: null,
-      startX: 0,
-      endX: 0,
-      isDragging: false,
-      swipeThreshold: 50,
-      clickDisabled: false,
-      // 模拟数据存储，实际项目中可能从接口获取
-      dataDates: new Set()
+      selectedDate_: new Date(), // 当前选中的日期（Date对象），用于判断选中状态
+      weekStart: null, // 当前周的开始日期（周一）
+      startX: 0, // 触摸/鼠标起始X坐标
+      endX: 0, // 触摸/鼠标结束X坐标
+      isDragging: false, // 是否正在拖动
+      swipeThreshold: 50, // 滑动阈值（像素），超过这个值才触发切换周
+      clickDisabled: false, // 是否禁用点击（滑动后禁用点击，避免触发日期选择）
+      dataDates: new Set() // 有数据的日期集合（用于显示红点）
     }
   },
   props: {
+    // 选中的日期（格式：yyyyMMDD），为空时使用今天
     selectedDate: {
       type: String,
       default: ""
     },
-    // 新增props：传入有数据的日期列表
+    // 有数据的日期列表
     dataDatesList: {
       type: Array,
       default: () => []
@@ -74,6 +74,15 @@ export default {
         this.$forceUpdate();
       },
       deep: true
+    },
+    // 监听选中日期变化
+    selectedDate: {
+      handler(newDate) {
+        if (newDate) {
+          this.initWithWeekDate(newDate);
+          this.$forceUpdate();
+        }
+      }
     }
   },
 
@@ -100,6 +109,22 @@ export default {
   },
 
   methods: {
+    /**
+     * 获取当前周的开始和结束日期
+     * @returns {Object} 包含 weekStart 和 weekEnd 的对象
+     */
+    getWeekRange() {
+      const weekStartDate = this.formatDateToYYYYMMDD(this.weekStart);
+      const weekEndDateObj = new Date(this.weekStart);
+      weekEndDateObj.setDate(this.weekStart.getDate() + 6);
+      const weekEndDate = this.formatDateToYYYYMMDD(weekEndDateObj);
+      
+      return {
+        weekStart: weekStartDate,
+        weekEnd: weekEndDate
+      };
+    },
+
     /**
      * 初始化数据日期集合
      * @param {Array} dateList - 日期字符串数组，格式：["20241205", "20241206"]
@@ -124,14 +149,12 @@ export default {
       const date = this.parseYYYYMMDD(dateFormat);
 
       if (date) {
-        console.log("根据传入日期初始化:", dateFormat);
         this.setWeekStart(date);
-        this.selectedDate_ = new Date(date);
+        this.selectedDate_ = date;
       } else {
-        console.log("日期解析失败，使用今天");
         const today = new Date();
         this.setWeekStart(today);
-        this.selectedDate_ = new Date(today);
+        this.selectedDate_ = today;
       }
     },
 
@@ -167,6 +190,10 @@ export default {
       }
     },
 
+    /**
+     * 设置周起始日期（周一）
+     * @param {Date} date - 任意日期
+     */
     setWeekStart(date) {
       const d = new Date(date);
       const day = d.getDay();
@@ -176,11 +203,22 @@ export default {
       this.weekStart = d;
     },
 
+    /**
+     * 判断两个日期是否是同一天
+     * @param {Date} d1 - 日期1
+     * @param {Date} d2 - 日期2
+     * @returns {boolean} 是否是同一天
+     */
     isSameDay(d1, d2) {
       if (!d1 || !d2) return false;
       return d1.toDateString() === d2.toDateString();
     },
 
+    /**
+     * 格式化日期为 YYYYMMDD 字符串
+     * @param {Date} date - 日期对象
+     * @returns {string} 格式化后的日期字符串
+     */
     formatDateToYYYYMMDD(date) {
       const year = date.getFullYear();
       const month = (date.getMonth() + 1).toString().padStart(2, '0');
@@ -188,6 +226,10 @@ export default {
       return `${year}${month}${day}`;
     },
 
+    /**
+     * 选择日期
+     * @param {Object} day - 日期对象（包含 date 属性）
+     */
     selectDay(day) {
       if (this.clickDisabled) {
         this.clickDisabled = false;
@@ -195,25 +237,41 @@ export default {
       }
       this.selectedDate_ = new Date(day.date);
       const clickDate = this.formatDateToYYYYMMDD(this.selectedDate_);
-      console.log('选中的日期:', clickDate);
-      // 触发自定义事件，传递YYYYMMDD格式的日期
       this.$emit('click', clickDate);
     },
 
+    /**
+     * 切换到上一周
+     */
     goPrevWeek() {
-      console.log('-- goPrevWeek --')
       const newWeekStart = new Date(this.weekStart);
       newWeekStart.setDate(this.weekStart.getDate() - 7);
       this.setWeekStart(newWeekStart);
+      this.emitWeekChange();
     },
 
+    /**
+     * 切换到下一周
+     */
     goNextWeek() {
-      console.log('-- goNextWeek --')
       const newWeekStart = new Date(this.weekStart);
       newWeekStart.setDate(this.weekStart.getDate() + 7);
       this.setWeekStart(newWeekStart);
+      this.emitWeekChange();
+    },
+    
+    /**
+     * 触发周变化事件
+     */
+    emitWeekChange() {
+      const weekRange = this.getWeekRange();
+      this.$emit('on-week-change', weekRange);
     },
 
+    /**
+     * 触摸开始事件
+     * @param {TouchEvent} e - 触摸事件
+     */
     handleTouchStart(e) {
       this.startX = e.touches[0].clientX;
       this.endX = this.startX;
@@ -221,11 +279,18 @@ export default {
       this.clickDisabled = false;
     },
 
+    /**
+     * 触摸移动事件
+     * @param {TouchEvent} e - 触摸事件
+     */
     handleTouchMove(e) {
       if (!this.isDragging) return;
       this.endX = e.touches[0].clientX;
     },
 
+    /**
+     * 触摸结束事件
+     */
     handleTouchEnd() {
       if (!this.isDragging) return;
 
@@ -235,6 +300,10 @@ export default {
       this.isDragging = false;
     },
 
+    /**
+     * 鼠标按下事件
+     * @param {MouseEvent} e - 鼠标事件
+     */
     handleMouseDown(e) {
       this.startX = e.clientX;
       this.endX = this.startX;
@@ -242,11 +311,18 @@ export default {
       this.clickDisabled = false;
     },
 
+    /**
+     * 鼠标移动事件
+     * @param {MouseEvent} e - 鼠标事件
+     */
     handleMouseMove(e) {
       if (!this.isDragging) return;
       this.endX = e.clientX;
     },
 
+    /**
+     * 鼠标松开事件
+     */
     handleMouseUp() {
       if (!this.isDragging) return;
 
@@ -256,10 +332,17 @@ export default {
       this.isDragging = false;
     },
 
+    /**
+     * 鼠标离开事件
+     */
     handleMouseLeave() {
       this.isDragging = false;
     },
 
+    /**
+     * 处理滑动操作
+     * @param {number} deltaX - 滑动距离（正值向左滑，负值向右滑）
+     */
     handleSwipe(deltaX) {
       if (Math.abs(deltaX) > this.swipeThreshold) {
         this.clickDisabled = true;

package/util/assist.js

@@ -1,43 +1,43 @@
-// 深拷贝
-export function deepCopy(data) {
-  let i;
-  const t = typeOf(data);
-  let o;
-
-  if (t === 'array') {
-    o = [];
-  } else if (t === 'object') {
-    o = {};
-  } else {
-    return data;
-  }
-
-  if (t === 'array') {
-    for (i = 0; i < data.length; i++) {
-      o.push(deepCopy(data[i]));
-    }
-  } else if (t === 'object') {
-    for (i in data) {
-      o[i] = deepCopy(data[i]);
-    }
-  }
-  return o;
-}
-
-// 判断对象类型
-export function typeOf(obj) {
-  const toString = Object.prototype.toString;
-  const map = {
-    '[object Boolean]': 'boolean',
-    '[object Number]': 'number',
-    '[object String]': 'string',
-    '[object Function]': 'function',
-    '[object Array]': 'array',
-    '[object Date]': 'date',
-    '[object RegExp]': 'regExp',
-    '[object Undefined]': 'undefined',
-    '[object Null]': 'null',
-    '[object Object]': 'object'
-  };
-  return map[toString.call(obj)];
-}
+// 深拷贝
+export function deepCopy(data) {
+  let i;
+  const t = typeOf(data);
+  let o;
+
+  if (t === 'array') {
+    o = [];
+  } else if (t === 'object') {
+    o = {};
+  } else {
+    return data;
+  }
+
+  if (t === 'array') {
+    for (i = 0; i < data.length; i++) {
+      o.push(deepCopy(data[i]));
+    }
+  } else if (t === 'object') {
+    for (i in data) {
+      o[i] = deepCopy(data[i]);
+    }
+  }
+  return o;
+}
+
+// 判断对象类型
+export function typeOf(obj) {
+  const toString = Object.prototype.toString;
+  const map = {
+    '[object Boolean]': 'boolean',
+    '[object Number]': 'number',
+    '[object String]': 'string',
+    '[object Function]': 'function',
+    '[object Array]': 'array',
+    '[object Date]': 'date',
+    '[object RegExp]': 'regExp',
+    '[object Undefined]': 'undefined',
+    '[object Null]': 'null',
+    '[object Object]': 'object'
+  };
+  return map[toString.call(obj)];
+}

package/util/bus.js

@@ -1,4 +1,4 @@
-import Vue from 'vue'
-
-const Bus = new Vue();
-export default Bus;
+import Vue from 'vue'
+
+const Bus = new Vue();
+export default Bus;