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

package/uview-plus/components/u-calendar-wu/i18n/zh-Hans.json

@@ -0,0 +1,14 @@
+{
+  "wu-calender.ok": "确定",
+  "wu-calender.cancel": "取消",
+  "wu-calender.year": "年",
+  "wu-calender.month": "月",
+  "wu-calender.today": "今日",
+  "wu-calender.SUN": "日",
+  "wu-calender.MON": "一",
+  "wu-calender.TUE": "二",
+  "wu-calender.WED": "三",
+  "wu-calender.THU": "四",
+  "wu-calender.FRI": "五",
+  "wu-calender.SAT": "六"
+}

package/uview-plus/components/u-calendar-wu/i18n/zh-Hant.json

@@ -0,0 +1,14 @@
+{
+  "wu-calender.ok": "確定",
+  "wu-calender.cancel": "取消",
+  "wu-calender.year": "年",
+  "wu-calender.month": "月",
+  "wu-calender.today": "今日",
+  "wu-calender.SUN": "日",
+  "wu-calender.MON": "一",
+  "wu-calender.TUE": "二",
+  "wu-calender.WED": "三",
+  "wu-calender.THU": "四",
+  "wu-calender.FRI": "五",
+  "wu-calender.SAT": "六"
+}

package/uview-plus/components/u-calendar-wu/props.js

@@ -0,0 +1,166 @@
+export default {
+  props: {
+    // 自定义当前时间
+    date: {
+      type: [String, Array],
+      default: ''
+    },
+    // 日历类型(默认为month)
+    type: {
+      type: String,
+      default: 'month',
+      validator(value) {
+        return ['month', 'week'].includes(value);
+      }
+    },
+    // 日期选择模式
+    mode: {
+      type: String,
+      default: 'single'
+    },
+    // 是否使用默认日期(今天，默认为true)
+    useToday: {
+      type: Boolean,
+      default: true
+    },
+    // 是否显示今日默认样式(默认为true)
+    todayDefaultStyle: {
+      type: Boolean,
+      default: true
+    },
+    // 是否使用折叠功能
+    fold: {
+      type: Boolean,
+      default: null
+    },
+    // 主题色
+    color: {
+      type: String,
+      default: '#3c9cff'
+    },
+    // 日历中每一项日期的高度(默认70),单位px
+    itemHeight: {
+      type: Number,
+      default: 70
+    },
+    // 取消文字的颜色
+    cancelColor: {
+      type: String,
+      default: '#333'
+    },
+    // 确定文字的颜色
+    confirmColor: {
+      type: String,
+      default: '#333'
+    },
+    // 	mode=range时，第一个日期底部的提示文字
+    startText: {
+      type: String,
+      default: '开始'
+    },
+    // mode=range时，最后一个日期底部的提示文字
+    endText: {
+      type: String,
+      default: '结束'
+    },
+    // 日历以周几开始
+    startWeek: {
+      type: String,
+      default: 'sun',
+      validator(value) {
+        return ['sun', 'mon'].includes(value);
+      }
+    },
+    // 打点，期待格式[{date: '2019-06-27', info: '签到', data: { custom: '自定义信息', name: '自定义消息头',xxx:xxx... }}]
+    selected: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    // 是否显示农历
+    lunar: {
+      type: Boolean,
+      default: false
+    },
+    // 日期选择范围-开始日期
+    startDate: {
+      type: String,
+      default: ''
+    },
+    // 日期选择范围-结束日期
+    endDate: {
+      type: String,
+      default: ''
+    },
+    // 允许日期选择范围内重选结束日期
+    rangeEndRepick: {
+      type: Boolean,
+      default: false
+    },
+    // 允许日期选择范围起始日期为同一天
+    rangeSameDay: {
+      type: Boolean,
+      default: false
+    },
+    // 允许日期选择范围内遇到打点禁用日期进行截断
+    rangeHaveDisableTruncation: {
+      type: Boolean,
+      default: false
+    },
+    // 每月仅显示当月日期
+    monthShowCurrentMonth: {
+      type: Boolean,
+      default: false
+    },
+    // 插入模式,可选值，ture：插入模式；false：弹窗模式； 默认为插入模式
+    insert: {
+      type: Boolean,
+      default: true
+    },
+    // 滑动切换模式，可选值 horizontal: 横向 vertical：纵向 none： 不使用滑动切换
+    slideSwitchMode: {
+      type: String,
+      default: 'horizontal'
+    },
+    // 是否显示月份为背景
+    showMonth: {
+      type: Boolean,
+      default: true
+    },
+    // 弹窗模式是否清空上次选择内容
+    clearDate: {
+      type: Boolean,
+      default: true
+    },
+    // 是否点击遮罩层关闭
+    maskClick: {
+      type: Boolean,
+      default: false
+    },
+    // 是否禁止点击日历
+    disabledChoice: {
+      type: Boolean,
+      default: false
+    },
+    // 弹窗日历取消和确认按钮的显示位置
+    operationPosition: {
+      type: String,
+      default: 'top',
+      validator(value) {
+        return ['top', 'bottom'].includes(value);
+      }
+    },
+    // 弹窗日历点击确认时是否需要选择完整日期
+    confirmFullDate: {
+      type: Boolean,
+      default: false
+    },
+    // 当通过 `selected` 属性设置某个日期 `badgeColor`后，如果该日期被选择且主题色与 `badgeColor` 一致时，徽标会显示本颜色
+    actBadgeColor: {
+      type: String,
+      default: '#fff'
+    },
+    ...uni.$w?.props?.calendar
+  }
+};

package/uview-plus/components/u-calendar-wu/style.css

@@ -0,0 +1,196 @@
+.wu-calendar {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: column;
+}
+
+.wu-calendar__mask {
+  position: fixed;
+  bottom: 0;
+  top: 0;
+  left: 0;
+  right: 0;
+  background-color: rgba(0, 0, 0, 0.4);
+  transition-property: opacity;
+  transition-duration: 0.3s;
+  opacity: 0;
+  /* #ifndef APP-NVUE */
+  z-index: 99;
+  /* #endif */
+}
+
+.wu-calendar--mask-show {
+  opacity: 1;
+}
+
+.wu-calendar--fixed {
+  position: fixed;
+  /* #ifdef APP-NVUE */
+  bottom: 0;
+  /* #endif */
+  left: 0;
+  right: 0;
+  transition-property: transform;
+  transition-duration: 0.3s;
+  transform: translateY(1080rpx);
+  /* #ifndef APP-NVUE */
+  bottom: calc(var(--window-bottom));
+  z-index: 99;
+  /* #endif */
+}
+
+.wu-calendar--ani-show {
+  transform: translateY(0);
+}
+
+.wu-calendar__content {
+  background-color: #fff;
+}
+
+.wu-calendar__header {
+  position: relative;
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  border-bottom-color: #ededed;
+  border-bottom-style: solid;
+  border-bottom-width: 2rpx;
+}
+
+.wu-calendar--fixed-top {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  height: 90rpx;
+  flex-direction: row;
+  justify-content: space-between;
+  border-top-color: #ededed;
+  border-top-style: solid;
+  border-top-width: 2rpx;
+}
+
+.wu-calendar--fixed-width {
+  width: 100rpx;
+}
+
+.wu-calendar__backtoday {
+  position: absolute;
+  right: 0;
+  top: 25rpx;
+  padding: 0 10rpx;
+  padding-left: 20rpx;
+  height: 50rpx;
+  line-height: 50rpx;
+  font-size: 24rpx;
+  border-top-left-radius: 50rpx;
+  border-bottom-left-radius: 50rpx;
+  color: #333;
+  background-color: #f1f1f1;
+}
+
+.wu-calendar__backtoday.vertical {
+  top: 38rpx;
+}
+
+.wu-calendar__header-text {
+  text-align: center;
+  width: 200rpx;
+  font-size: 32rpx;
+  color: #333;
+}
+
+.wu-calendar__header-btn-box {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+}
+
+.wu-calendar__header-btn-box .wu-calendar__header-btn {
+  width: 20rpx;
+  height: 20rpx;
+}
+
+.wu-calendar__header-btn-box.horizontal {
+  width: 100rpx;
+  height: 100rpx;
+}
+
+.wu-calendar__header-btn-box.vertical {
+  flex-direction: column;
+  padding: 20rpx 0;
+}
+
+.wu-calendar__header-btn {
+  border-left-color: #808080;
+  border-left-style: solid;
+  border-left-width: 4rpx;
+  border-top-color: #555555;
+  border-top-style: solid;
+  border-top-width: 4rpx;
+}
+
+.wu-calendar--left {
+  transform: rotate(-45deg);
+}
+
+.wu-calendar--right {
+  transform: rotate(135deg);
+}
+
+.wu-calendar--top {
+  transform: rotate(45deg);
+}
+
+.wu-calendar--bottom {
+  transform: rotate(225deg);
+}
+
+.wu-calendar__weeks {
+  position: relative;
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  padding: 0 8rpx;
+}
+
+.wu-calendar__weeks-day {
+  flex: 1;
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 90rpx;
+  border-bottom-color: #f5f5f5;
+  border-bottom-style: solid;
+  border-bottom-width: 2rpx;
+}
+
+.wu-calendar__weeks-day-text {
+  font-size: 28rpx;
+}
+
+.wu-calendar__box {
+  position: relative;
+}
+
+.wu-calendar__weeks_container {
+  transition: height 0.2s linear;
+}
+
+.wu-calendar__fold {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  justify-content: center;
+}