@10yun/cv-mobile-ui 0.5.27 → 0.5.30

package/uview-plus/components/u-calendar/u-calendar.vue

@@ -1,10 +1,16 @@
 <template>
   <u-popup :show="show" mode="bottom" closeable @close="close" :round="round" :closeOnClickOverlay="closeOnClickOverlay">
     <view class="u-calendar">
-      <uHeader :title="title" :subtitle="subtitle" :showSubtitle="showSubtitle" :showTitle="showTitle"></uHeader>
+      <uHeader
+        :title="title"
+        :subtitle="subtitle"
+        :showSubtitle="showSubtitle"
+        :showTitle="showTitle"
+        :weekText="weekText"
+      ></uHeader>
       <scroll-view
         :style="{
-          height: $u.addUnit(listHeight)
+          height: addUnit(listHeight)
         }"
         scroll-y
         @scroll="onScroll"
@@ -29,6 +35,8 @@
           :rangePrompt="rangePrompt"
           :showRangePrompt="showRangePrompt"
           :allowSameDay="allowSameDay"
+          :forbidDays="forbidDays"
+          :forbidDaysToast="forbidDaysToast"
           ref="month"
           @monthSelected="monthSelected"
           @updateMonthTop="updateMonthTop"
@@ -51,13 +59,14 @@
 <script>
 import uHeader from './header.vue';
 import uMonth from './month.vue';
-import props from './props.js';
+import { props } from './props.js';
 import util from './util.js';
-// import dayjs from '../../libs/util/dayjs.min.js'
 import dayjs from 'dayjs/esm/index';
 import Calendar from '../../libs/util/calendar.js';
-import mpMixin from '../../libs/mixin/mpMixin.js';
-import mixin from '../../libs/mixin/mixin.js';
+import { mpMixin } from '../../libs/mixin/mpMixin.js';
+import { mixin } from '../../libs/mixin/mixin.js';
+import { addUnit, range, error, padZero } from '../../libs/function/index';
+import test from '../../libs/function/test';
 /**
  * Calendar 日历
  * @description  此组件用于单个选择日期，范围选择日期等，日历被包裹在底部弹起的容器中.
@@ -90,6 +99,7 @@ import mixin from '../../libs/mixin/mixin.js';
  * @property {Boolean}				allowSameDay	    是否允许日期范围的起止时间为同一天，mode = range时有效 (默认 false )
  * @property {Number|String}	    round				圆角值，默认无圆角  (默认 0 )
  * @property {Number|String}	    monthNum			最多展示的月份数量  (默认 3 )
+ * @property {Array}	            weekText			星期文案  (默认 ['一', '二', '三', '四', '五', '六', '日'] )
  *
  * @event {Function()} confirm 		点击确定按钮时触发		选择日期相关的返回参数
  * @event {Function()} close 		日历关闭时触发			可定义页面关闭时的回调事件
@@ -114,12 +124,19 @@ export default {
       // month组件中选择的日期数组
       selected: [],
       scrollIntoView: '',
+      scrollIntoViewScroll: '',
       scrollTop: 0,
       // 过滤处理方法
       innerFormatter: (value) => value
     };
   },
   watch: {
+    scrollIntoView: {
+      immediate: true,
+      handler(n) {
+        // console.log('scrollIntoView', n)
+      }
+    },
     selectedChange: {
       immediate: true,
       handler(n) {
@@ -130,17 +147,23 @@ export default {
     show: {
       immediate: true,
       handler(n) {
-        this.setMonth();
+        if (n) {
+          this.setMonth();
+        } else {
+          // 关闭时重置scrollIntoView，否则会出现二次打开日历，当前月份数据显示不正确。
+          // scrollIntoView需要有一个值变动过程，才会产生作用。
+          this.scrollIntoView = '';
+        }
       }
     }
   },
   computed: {
     // 由于maxDate和minDate可以为字符串(2021-10-10)，或者数值(时间戳)，但是dayjs如果接受字符串形式的时间戳会有问题，这里进行处理
     innerMaxDate() {
-      return uni.$u.test.number(this.maxDate) ? Number(this.maxDate) : this.maxDate;
+      return test.number(this.maxDate) ? Number(this.maxDate) : this.maxDate;
     },
     innerMinDate() {
-      return uni.$u.test.number(this.minDate) ? Number(this.minDate) : this.minDate;
+      return test.number(this.minDate) ? Number(this.minDate) : this.minDate;
     },
     // 多个条件的变化，会引起选中日期的变化，这里统一管理监听
     selectedChange() {
@@ -171,25 +194,36 @@ export default {
     this.start = Date.now();
     this.init();
   },
+  emits: ['confirm', 'close'],
   methods: {
+    addUnit,
     // 在微信小程序中，不支持将函数当做props参数，故只能通过ref形式调用
     setFormatter(e) {
       this.innerFormatter = e;
     },
     // month组件内部选择日期后，通过事件通知给父组件
-    monthSelected(e) {
+    monthSelected(e, scene = 'init') {
       this.selected = e;
       if (!this.showConfirm) {
         // 在不需要确认按钮的情况下，如果为单选，或者范围多选且已选长度大于2，则直接进行返还
         if (this.mode === 'multiple' || this.mode === 'single' || (this.mode === 'range' && this.selected.length >= 2)) {
-          this.$emit('confirm', this.selected);
+          if (scene === 'init') {
+            return;
+          }
+          if (scene === 'tap') {
+            this.$emit('confirm', this.selected);
+          }
         }
       }
     },
     init() {
-      // 校验maxDate，不能小于当前时间
-      if (this.innerMaxDate && new Date(this.innerMaxDate).getTime() <= Date.now()) {
-        return uni.$u.error('maxDate不能小于当前时间');
+      // 校验maxDate，不能小于minDate。
+      if (
+        this.innerMaxDate &&
+        this.innerMinDate &&
+        new Date(this.innerMaxDate).getTime() < new Date(this.innerMinDate).getTime()
+      ) {
+        return error('maxDate不能小于minDate时间');
       }
       // 滚动区域的高度
       this.listHeight = this.rowHeight * 5 + 30;
@@ -223,7 +257,7 @@ export default {
           .add(this.monthNum - 1, 'month')
           .valueOf();
       // 最大最小月份之间的共有多少个月份，
-      const months = uni.$u.range(1, this.monthNum, this.getMonths(minDate, maxDate));
+      const months = range(1, this.monthNum, this.getMonths(minDate, maxDate));
       // 先清空数组
       this.months = [];
       for (let i = 0; i < months; i++) {
@@ -267,13 +301,14 @@ export default {
     scrollIntoDefaultMonth(selected) {
       // 查询默认日期在可选列表的下标
       const _index = this.months.findIndex(({ year, month }) => {
-        month = uni.$u.padZero(month);
+        month = padZero(month);
         return `${year}-${month}` === selected;
       });
       if (_index !== -1) {
         // #ifndef MP-WEIXIN
         this.$nextTick(() => {
           this.scrollIntoView = `month-${_index}`;
+          this.scrollIntoViewScroll = this.scrollIntoView;
         });
         // #endif
         // #ifdef MP-WEIXIN
@@ -289,6 +324,7 @@ export default {
       for (let i = 0; i < this.months.length; i++) {
         if (scrollTop >= (this.months[i].top || this.listHeight)) {
           this.monthIndex = i;
+          this.scrollIntoViewScroll = `month-${i}`;
         }
       }
     },
@@ -307,7 +343,7 @@ export default {
       }
       let selected = dayjs().format('YYYY-MM');
       // 单选模式，可以是字符串或数组，Date对象等
-      if (!uni.$u.test.array(this.defaultDate)) {
+      if (!test.array(this.defaultDate)) {
         selected = dayjs(this.defaultDate).format('YYYY-MM');
       } else {
         selected = dayjs(this.defaultDate[0]).format('YYYY-MM');

package/uview-plus/components/u-calendar-wu/_doc/changelog.md

@@ -0,0 +1,145 @@
+## 1.5.6（2024-11-25）
+1. 修复上版本日历高度错误的bug
+2. 新增clearSelect方法用于清除日历选择
+3. 新增todayDefaultStyle属性用于控制是否显示今日默认样式
+## 1.5.5（2024-11-14）
+1. 通过减少view数量优化日历性能
+2. 修复nvue错误日历样式以及滑动时无法切换日历的bug
+3. 修复nvue警告
+## 1.5.4（2024-10-12）
+修复忘记删除方法，导致运行错误
+## 1.5.3（2024-10-12）
+更新nvue下可能会造成日历重叠的bug
+## 1.5.2（2024-06-14）
+修复错误style语法
+## 1.5.1（2024-06-11）
+修复弹窗确认与取消设置颜色不生效
+## 1.5.0（2024-06-03）
+1. 修复monthSwitch事件初始化时被触发的问题
+2. monthSwitch事件新增fullDate属性(用来方便直接获取字符串形式的完整日期)
+3. 日历新增confirmFullDate属性，用来指定在弹窗模式下的日期点击确认按钮时是否需要选择完整日期
+## 1.4.9（2024-05-08）
+更新域名
+## 1.4.8（2024-04-22）
+修复日历内外高度不一致的问题
+## 1.4.7（2024-04-16）
+增加 operationPosition 属性 用来控制弹窗日历取消和确认按钮的显示位置
+## 1.4.6（2024-04-16）
+新增属性 actBadgeColor, 当通过 `selected` 属性设置某个日期 `badgeColor`后，如果该日期被选择且主题色与 `badgeColor` 一致时，徽标会显示本颜色
+## 1.4.5（2024-04-15）
+1. 新增reset方法来重置日历数据
+2. 新增插槽-operation 用来自定义弹窗日历确认和取消按钮
+3. selected 属性新增 badgeColor 用来指定 badge 颜色
+4. close 事件改为弹窗日历点击mask关闭时触发，新增cancel事件，弹窗日历点击取消时触发。
+## 1.4.4（2024-01-19）
+修复vue2初始化时使用同一引用类型造成的bug
+## 1.4.3（2024-01-17）
+优化切换折叠状态时的记录方式
+## 1.4.2（2024-01-12）
+优化	monthShowCurrentMonth 属性， 如果仅显示当月直接不展示该元素。
+## 1.4.1（2024-01-12）
+优化	monthShowCurrentMonth 属性， 如果仅显示当月直接不展示该元素。
+## 1.4.0（2024-01-11）
+修复type="week"时找不到
+## 1.3.9（2024-01-10）
+优化: 将日历日期宽度固定改为跟随父级来决定宽度，避免出现父元素宽度变化带来的对不齐
+## 1.3.8（2024-01-04）
+1. 增加节日
+2. 日历增加自定义高度
+3. vue页面日历折叠时增加动效
+4. 增加头部插槽
+5. 仅显示当月时自动扩大间距，不会再出现下面一排空白的尴尬情况了
+## 1.3.7（2023-12-19）
+修复回到今日时没有正确记录折叠日期
+修复selected变化时无法正常更新打点信息
+## 1.3.6（2023-12-13）
+修复单选模式下选中时展示的错误的weeks
+## 1.3.5（2023-12-13）
+修复动态修改date以及其他会触发更新init的函数, swiper不对及只会更新一个下一个数据的bug
+## 1.3.4（2023-12-08）
+修复selectd没有启用深度监听，导致直接添加数组带来的异常
+## 1.3.3（2023-11-23）
+1. 修复weeks错误类型提示
+2. 修复calendarChange返回month类型不对
+## 1.3.2（2023-11-22）
+修复将今日日期打点禁用后造成的bug
+## 1.3.1（2023-11-21）
+1. 修复u-icon依赖缺失
+2. 新增rangeHaveDisableTruncation属性, 用来指定范围选择遇到打点禁用日期是否进行截断
+## 1.3.0（2023-11-19）
+1. 日历新增类型（周、月日历）
+2. 日历新增折叠功能 
+3. 日历新增以周几开始的属性（周日、周一）
+## 1.2.9（2023-11-08）
+1. 修复mode变化时，不会正确重置的问题
+2. 优化月份大文字显示方式
+## 1.2.8（2023-10-22）
+新增maskClick用来控制是否点击遮罩层关闭
+新增disabledChoice用来控制是否禁止点击日历
+## 1.2.7（2023-09-22）
+修复传date值情况下不会默认选中的bug
+## 1.2.6（2023-09-22）
+修改useToday描述
+## 1.2.5（2023-09-22）
+新增useToday属性用来指定是否使用今天作为默认时间
+## 1.2.4（2023-09-21）
+修复插入模式下顶部会显示弹窗关闭的内容
+## 1.2.3（2023-09-20）
+修复恢复默认数据错误的bug
+## 1.2.2（2023-09-19）
+新增rangeSameDay属性用来指定选日期范围选择时起始日期是否可以为同一天
+## 1.2.1（2023-09-18）
+1.修复u-calendar回到今日错误
+2.优化u-calendar picker日期与当前日历日期同步
+3.u-calendar新增mode属性，用来控制单日期、多日期、日期选择范围模式
+4.优化u-calendar date属性来更好的指定多日期、范围日期的默认值
+## 1.2.0（2023-09-17）
+修复date变化时未成功重置
+## 1.1.9（2023-09-17）
+1. 新增mode属性用来指定日期选择模式
+2. 增加多选
+3. 增加范围选择模式、多选模式默认值
+## 1.1.8（2023-09-12）
+修复回到今日错误
+新增日历picker日期与日历同步
+## 1.1.7（2023-09-11）
+自定义事件声明
+## 1.1.6（2023-09-09）
+增加 `rangeEndRepick` 属性，用来指定选择完成后点击选择范围内的日期是否可以重选结束日期
+## 1.1.5（2023-09-09）
+修复每月仅显示当月数据时上方星期错乱的问题
+## 1.1.4（2023-09-05）
+1. 优化动态计算算法
+2. 优化弹窗模式打开缓慢的问题
+3. 优化Color方法
+## 1.1.3（2023-09-03）
+新增插件预览图片
+## 1.1.2（2023-09-02）
+1. 新增monthShowCurrentMonth 用来设置是否每月仅展示当月数据
+2. 修复动态加载时下一月数据更新错误问题
+3. 修复confirm和change事件选中的列表中有被禁止的日期的问题
+## 1.1.1（2023-08-31）
+修复在插入模式中无法滑动的bug
+## 1.1.0（2023-08-29）
+修复回到今日bug(来自群里464与A毛毛大佬的测试)
+## 1.0.9（2023-08-29）
+修复依赖缺失
+## 1.0.8（2023-08-22）
+修复v2初始化时使用不存在的属性导致不可使用的bug(来自u-ui群内攸宁大佬的反馈)
+## 1.0.7（2023-08-21）
+阻止默认滑动事件执行
+## 1.0.6（2023-08-21）
+修复支付宝高度消失的问题
+## 1.0.5（2023-08-21）
+修改说明
+## 1.0.4（2023-08-20）
+去除误加打印
+## 1.0.3（2023-08-20）
+1. 修复初始化时下个月份日期计算不对的问题
+2. 增加打点禁用、设置打点徽标位置
+## 1.0.2（2023-08-20）
+更新展示截图
+## 1.0.1（2023-08-20）
+修改展示截图及说明
+## 1.0.0（2023-08-20）
+动态滑动计算的日历插件，还可以设置滑动切换模式、自定义主题颜色、自定义文案、农历显示等功能，可以让您纵享丝滑的使用日历。

package/uview-plus/components/u-calendar-wu/_doc/package.json

@@ -0,0 +1,90 @@
+{
+  "id": "u-calendar",
+  "displayName": "u-calendar 最全日历，动态滑动切换、多滑动模式、多日历类型、多日期选择模式等，全端兼容，无论平台，一致体验。",
+  "version": "1.5.6",
+  "description": "唯一支持动态滑动计算的日历插件，多滑动切换模式（纵、横、不滑动）、多日历类型(周、月)、多日期选择模式(单选、多选、范围)、日历周几(周日、周一)、自定义主题、农历显示等，可以让您纵享丝滑的使用日历",
+  "keywords": [
+    "u-calendar",
+    "日历",
+    "多日历类型",
+    "动态滑动计算",
+    "u-ui"
+  ],
+  "repository": "",
+  "engines": {
+    "HBuilderX": "^3.5.5"
+  },
+  "dcloudext": {
+    "type": "component-vue",
+    "sale": {
+      "regular": {
+        "price": "0.00"
+      },
+      "sourcecode": {
+        "price": "0.00"
+      }
+    },
+    "contact": {
+      "qq": ""
+    },
+    "declaration": {
+      "ads": "无",
+      "data": "插件不采集任何数据",
+      "permissions": "无"
+    },
+    "npmurl": ""
+  },
+  "uni_modules": {
+    "dependencies": [
+      "u-icon",
+      "u-safe-bottom"
+    ],
+    "encrypt": [],
+    "platforms": {
+      "cloud": {
+        "tcb": "y",
+        "aliyun": "y",
+        "alipay": "n"
+      },
+      "client": {
+        "Vue": {
+          "vue2": "y",
+          "vue3": "y"
+        },
+        "App": {
+          "app-vue": "y",
+          "app-nvue": "y",
+          "app-uvue": "u"
+        },
+        "H5-mobile": {
+          "Safari": "y",
+          "Android Browser": "y",
+          "微信浏览器(Android)": "y",
+          "QQ浏览器(Android)": "y"
+        },
+        "H5-pc": {
+          "Chrome": "y",
+          "IE": "y",
+          "Edge": "y",
+          "Firefox": "y",
+          "Safari": "y"
+        },
+        "小程序": {
+          "微信": "y",
+          "阿里": "y",
+          "百度": "y",
+          "字节跳动": "y",
+          "QQ": "y",
+          "钉钉": "n",
+          "快手": "n",
+          "飞书": "n",
+          "京东": "n"
+        },
+        "快应用": {
+          "华为": "n",
+          "联盟": "n"
+        }
+      }
+    }
+  }
+}

package/uview-plus/components/u-calendar-wu/_doc/readme.md

@@ -0,0 +1,16 @@
+## u-calendar 最全日历
+
+> **组件名：u-calendar**
+
+目前插件市场上唯一可以动态滑动计算的日历插件，多滑动切换模式（纵、横向滑动，不滑动）、多日历类型(周、月日历)、多日历选择模式(日期单选、多选、范围选择)、多日历起始周几设置(周日、周一)、自定义主题颜色(副色自动生成)、自定义文案、农历显示等功能，可以让您纵享丝滑的使用日历。
+
+## [查看文档](https://ijry.github.io/uview-plus/components/calendar.html)
+
+## [更多组件, 请查看 `u-ui` 组件库](https://ext.dcloud.net.cn/plugin?name=u--ui)
+(请勿下载插件zip)
+
+<a href="https://ext.dcloud.net.cn/plugin?name=u--ui">
+	<img src="https://wuui.cn/intr.png">
+</a>
+
+**如使用过程中有任何问题，或者您对u-ui有一些好的建议。<br>欢迎加入 [u-ui 交流群](https://ijry.github.io/uview-plus/components/qqFeedBack.html)**