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

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-car-keyboard/props.js

@@ -1,5 +1,7 @@
-import defprops from '../../libs/config/props';
-export default {
+import { defineMixin } from '../../libs/vue';
+import defProps from '../../libs/config/props.js';
+
+export const props = defineMixin({
   props: {
     // 是否打乱键盘按键的顺序
     random: {
@@ -12,4 +14,4 @@ export default {
       default: false
     }
   }
-};
+});

package/uview-plus/components/u-car-keyboard/style.css

@@ -1,5 +1,20 @@
 /* #ifndef APP-NVUE */
-view, scroll-view, swiper-item {
+.u-empty,
+.u-empty__wrap,
+.u-tabs,
+.u-tabs__wrapper,
+.u-tabs__wrapper__scroll-view-wrapper,
+.u-tabs__wrapper__scroll-view,
+.u-tabs__wrapper__nav,
+.u-tabs__wrapper__nav__line,
+.up-empty,
+.up-empty__wrap,
+.up-tabs,
+.up-tabs__wrapper,
+.up-tabs__wrapper__scroll-view-wrapper,
+.up-tabs__wrapper__scroll-view,
+.up-tabs__wrapper__nav,
+.up-tabs__wrapper__nav__line {
   display: flex;
   flex-direction: column;
   flex-shrink: 0;
@@ -15,7 +30,7 @@ view, scroll-view, swiper-item {
   /* #endif */
   flex-direction: column;
   justify-content: space-around;
-  background-color: #e0e4e6;
+  background-color: rgb(224, 228, 230);
   align-items: stretch;
   padding: 6px 0 6px;
 }
@@ -77,4 +92,4 @@ view, scroll-view, swiper-item {
 }
 .u-hover-class {
   background-color: #bbbcc6;
-}
+}

package/uview-plus/components/u-car-keyboard/u-car-keyboard.vue

@@ -1 +1,205 @@
-<template>
  <view class="u-keyboard" @touchmove.stop.prevent="noop">
    <view
      v-for="(group, i) in abc ? engKeyBoardList : areaList"
      :key="i"
      class="u-keyboard__button"
      :index="i"
      :class="[i + 1 === 4 && 'u-keyboard__button--center']"
    >
      <view v-if="i === 3" class="u-keyboard__button__inner-wrapper">
        <view
          class="u-keyboard__button__inner-wrapper__left"
          hover-class="u-hover-class"
          :hover-stay-time="200"
          @tap="changeCarInputMode"
        >
          <text
            class="u-keyboard__button__inner-wrapper__left__lang"
            :class="[!abc && 'u-keyboard__button__inner-wrapper__left__lang--active']"
          >
            中
          </text>
          <text class="u-keyboard__button__inner-wrapper__left__line">/</text>
          <text
            class="u-keyboard__button__inner-wrapper__left__lang"
            :class="[abc && 'u-keyboard__button__inner-wrapper__left__lang--active']"
          >
            英
          </text>
        </view>
      </view>
      <view class="u-keyboard__button__inner-wrapper" v-for="(item, j) in group" :key="j">
        <view
          class="u-keyboard__button__inner-wrapper__inner"
          :hover-stay-time="200"
          @tap="carInputClick(i, j)"
          hover-class="u-hover-class"
        >
          <text class="u-keyboard__button__inner-wrapper__inner__text">{{ item }}</text>
        </view>
      </view>
      <view v-if="i === 3" @touchstart="backspaceClick" @touchend="clearTimer" class="u-keyboard__button__inner-wrapper">
        <view class="u-keyboard__button__inner-wrapper__right" hover-class="u-hover-class" :hover-stay-time="200">
          <u-icon size="28" name="backspace" color="#303133"></u-icon>
        </view>
      </view>
    </view>
  </view>
 * keyboard 键盘组件
 * @description 此为uView自定义的键盘面板，内含了数字键盘，车牌号键，身份证号键盘3种模式，都有可以打乱按键顺序的选项。
 * @tutorial https://uviewui.com/components/keyboard.html
 * @property {Boolean} random 是否打乱键盘的顺序
 * @event {Function} change 点击键盘触发
 * @event {Function} backspace 点击退格键触发
 * @example <u-keyboard ref="uKeyboard" mode="car" v-model="show"></u-keyboard>
 */
  name: 'u-keyboard',
  mixins: [mpMixin, mixin, props],
  data() {
    return {
      // 车牌输入时，abc=true为输入车牌号码，bac=false为输入省份中文简称
      abc: false
    };
  },
  computed: {
    areaList() {
      let data = [
        '京',
        '沪',
        '粤',
        '津',
        '冀',
        '豫',
        '云',
        '辽',
        '黑',
        '湘',
        '皖',
        '鲁',
        '苏',
        '浙',
        '赣',
        '鄂',
        '桂',
        '甘',
        '晋',
        '陕',
        '蒙',
        '吉',
        '闽',
        '贵',
        '渝',
        '川',
        '青',
        '琼',
        '宁',
        '挂',
        '藏',
        '港',
        '澳',
        '新',
        '使',
        '学'
      ];
      let tmp = [];
      // 打乱顺序
      if (this.random) data = uni.$u.randomArray(data);
      // 切割成二维数组
      tmp[0] = data.slice(0, 10);
      tmp[1] = data.slice(10, 20);
      tmp[2] = data.slice(20, 30);
      tmp[3] = data.slice(30, 36);
      return tmp;
    },
    engKeyBoardList() {
      let data = [
        1,
        2,
        3,
        4,
        5,
        6,
        7,
        8,
        9,
        0,
        'Q',
        'W',
        'E',
        'R',
        'T',
        'Y',
        'U',
        'I',
        'O',
        'P',
        'A',
        'S',
        'D',
        'F',
        'G',
        'H',
        'J',
        'K',
        'L',
        'Z',
        'X',
        'C',
        'V',
        'B',
        'N',
        'M'
      ];
      let tmp = [];
      if (this.random) data = uni.$u.randomArray(data);
      tmp[0] = data.slice(0, 10);
      tmp[1] = data.slice(10, 20);
      tmp[2] = data.slice(20, 30);
      tmp[3] = data.slice(30, 36);
      return tmp;
    }
  },
  methods: {
    // 点击键盘按钮
    carInputClick(i, j) {
      let value = '';
      // 不同模式，获取不同数组的值
      if (this.abc) value = this.engKeyBoardList[i][j];
      else value = this.areaList[i][j];
      // 如果允许自动切换，则将中文状态切换为英文
      if (!this.abc && this.autoChange) uni.$u.sleep(200).then(() => (this.abc = true));
      this.$emit('change', value);
    },
    // 修改汽车牌键盘的输入模式，中文|英文
    changeCarInputMode() {
      this.abc = !this.abc;
    },
    // 点击退格键
    backspaceClick() {
      this.$emit('backspace');
      clearInterval(this.timer); //再次清空定时器，防止重复注册定时器
      this.timer = null;
      this.timer = setInterval(() => {
        this.$emit('backspace');
      }, 250);
    },
    clearTimer() {
      clearInterval(this.timer);
      this.timer = null;
    }
  }
+<template>
+  <view class="u-keyboard" @touchmove.stop.prevent="noop">
+    <view
+      v-for="(group, i) in abc ? engKeyBoardList : areaList"
+      :key="i"
+      class="u-keyboard__button"
+      :index="i"
+      :class="[i + 1 === 4 && 'u-keyboard__button--center']"
+    >
+      <view v-if="i === 3" class="u-keyboard__button__inner-wrapper">
+        <view
+          class="u-keyboard__button__inner-wrapper__left"
+          hover-class="u-hover-class"
+          :hover-stay-time="200"
+          @tap="changeCarInputMode"
+        >
+          <text
+            class="u-keyboard__button__inner-wrapper__left__lang"
+            :class="[!abc && 'u-keyboard__button__inner-wrapper__left__lang--active']"
+          >
+            中
+          </text>
+          <text class="u-keyboard__button__inner-wrapper__left__line">/</text>
+          <text
+            class="u-keyboard__button__inner-wrapper__left__lang"
+            :class="[abc && 'u-keyboard__button__inner-wrapper__left__lang--active']"
+          >
+            英
+          </text>
+        </view>
+      </view>
+      <view class="u-keyboard__button__inner-wrapper" v-for="(item, j) in group" :key="j">
+        <view
+          class="u-keyboard__button__inner-wrapper__inner"
+          :hover-stay-time="200"
+          @tap="carInputClick(i, j)"
+          hover-class="u-hover-class"
+        >
+          <text class="u-keyboard__button__inner-wrapper__inner__text">{{ item }}</text>
+        </view>
+      </view>
+      <view v-if="i === 3" @touchstart="backspaceClick" @touchend="clearTimer" class="u-keyboard__button__inner-wrapper">
+        <view class="u-keyboard__button__inner-wrapper__right" hover-class="u-hover-class" :hover-stay-time="200">
+          <u-icon size="28" name="backspace" color="#303133"></u-icon>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+<script>
+import { props } from './props';
+import { mpMixin } from '../../libs/mixin/mpMixin';
+import { mixin } from '../../libs/mixin/mixin';
+import { randomArray, sleep } from '../../libs/function/index';
+/**
+ * keyboard 键盘组件
+ * @description 此为uview-plus自定义的键盘面板，内含了数字键盘，车牌号键，身份证号键盘3种模式，都有可以打乱按键顺序的选项。
+ * @tutorial https://uview-plus.jiangruyi.com/components/keyboard.html
+ * @property {Boolean} random 是否打乱键盘的顺序
+ * @event {Function} change 点击键盘触发
+ * @event {Function} backspace 点击退格键触发
+ * @example <u-keyboard ref="uKeyboard" mode="car" v-model="show"></u-keyboard>
+ */
+export default {
+  name: 'u-car-keyboard',
+  mixins: [mpMixin, mixin, props],
+  data() {
+    return {
+      // 车牌输入时，abc=true为输入车牌号码，bac=false为输入省份中文简称
+      abc: false
+    };
+  },
+  computed: {
+    areaList() {
+      let data = [
+        '京',
+        '沪',
+        '粤',
+        '津',
+        '冀',
+        '豫',
+        '云',
+        '辽',
+        '黑',
+        '湘',
+        '皖',
+        '鲁',
+        '苏',
+        '浙',
+        '赣',
+        '鄂',
+        '桂',
+        '甘',
+        '晋',
+        '陕',
+        '蒙',
+        '吉',
+        '闽',
+        '贵',
+        '渝',
+        '川',
+        '青',
+        '琼',
+        '宁',
+        '挂',
+        '藏',
+        '港',
+        '澳',
+        '新',
+        '使',
+        '学'
+      ];
+      let tmp = [];
+      // 打乱顺序
+      if (this.random) data = randomArray(data);
+      // 切割成二维数组
+      tmp[0] = data.slice(0, 10);
+      tmp[1] = data.slice(10, 20);
+      tmp[2] = data.slice(20, 30);
+      tmp[3] = data.slice(30, 36);
+      return tmp;
+    },
+    engKeyBoardList() {
+      let data = [
+        1,
+        2,
+        3,
+        4,
+        5,
+        6,
+        7,
+        8,
+        9,
+        0,
+        'Q',
+        'W',
+        'E',
+        'R',
+        'T',
+        'Y',
+        'U',
+        'I',
+        'O',
+        'P',
+        'A',
+        'S',
+        'D',
+        'F',
+        'G',
+        'H',
+        'J',
+        'K',
+        'L',
+        'Z',
+        'X',
+        'C',
+        'V',
+        'B',
+        'N',
+        'M'
+      ];
+      let tmp = [];
+      if (this.random) data = randomArray(data);
+      tmp[0] = data.slice(0, 10);
+      tmp[1] = data.slice(10, 20);
+      tmp[2] = data.slice(20, 30);
+      tmp[3] = data.slice(30, 36);
+      return tmp;
+    }
+  },
+  emits: ['change', 'backspace'],
+  methods: {
+    // 点击键盘按钮
+    carInputClick(i, j) {
+      let value = '';
+      // 不同模式，获取不同数组的值
+      if (this.abc) value = this.engKeyBoardList[i][j];
+      else value = this.areaList[i][j];
+      // 如果允许自动切换，则将中文状态切换为英文
+      if (!this.abc && this.autoChange) sleep(200).then(() => (this.abc = true));
+      this.$emit('change', value);
+    },
+    // 修改汽车牌键盘的输入模式，中文|英文
+    changeCarInputMode() {
+      this.abc = !this.abc;
+    },
+    // 点击退格键
+    backspaceClick() {
+      this.$emit('backspace');
+      clearInterval(this.timer); //再次清空定时器，防止重复注册定时器
+      this.timer = null;
+      this.timer = setInterval(() => {
+        this.$emit('backspace');
+      }, 250);
+    },
+    clearTimer() {
+      clearInterval(this.timer);
+      this.timer = null;
+    }
+  }
+};
+</script>
+<style scoped>
+@import './style.css';
+</style>

package/uview-plus/components/u-card/card.js

@@ -0,0 +1,40 @@
+/*
+ * @Author       : jry
+ * @Description  :
+ * @version      : 3.0
+ * @Date         : 2025-04-26 16:37:21
+ * @LastAuthor   : jry
+ * @lastTime     : 2025-04-26 16:37:21
+ * @FilePath     : /uview-plus/libs/config/props/card.js
+ */
+export default {
+	// card组件的props
+	card: {
+		full: false,
+		title: '',
+		titleColor: '#303133',
+		titleSize: '15px',
+		subTitle: '',
+		subTitleColor: '#909399',
+		subTitleSize: '13px',
+		border: true,
+		index: '',
+		margin: '15px',
+		borderRadius: '8px',
+		headStyle: {},
+		bodyStyle: {},
+		footStyle: {},
+		headBorderBottom: true,
+		footBorderTop: true,
+		thumb: '',
+		thumbWidth: '30px',
+		thumbCircle: false,
+		padding: '15px',
+		paddingHead: '',
+        paddingBody: '',
+        paddingFoot: '',
+        showHead: true,
+        showFoot: true,
+        boxShadow: 'none'
+	}
+}