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

package/uview-ui/components/u-col/style.css

@@ -23,39 +23,39 @@ view, scroll-view, swiper-item {
   width: 0;
 }
 .u-col-1 {
-  width: calc(100% / 12);
+  width: 8.3333333333%;
 }
 .u-col-2 {
-  width: calc(100% / 12 * 2);
+  width: 16.6666666667%;
 }
 .u-col-3 {
-  width: calc(100% / 12 * 3);
+  width: 25%;
 }
 .u-col-4 {
-  width: calc(100% / 12 * 4);
+  width: 33.3333333333%;
 }
 .u-col-5 {
-  width: calc(100% / 12 * 5);
+  width: 41.6666666667%;
 }
 .u-col-6 {
-  width: calc(100% / 12 * 6);
+  width: 50%;
 }
 .u-col-7 {
-  width: calc(100% / 12 * 7);
+  width: 58.3333333333%;
 }
 .u-col-8 {
-  width: calc(100% / 12 * 8);
+  width: 66.6666666667%;
 }
 .u-col-9 {
-  width: calc(100% / 12 * 9);
+  width: 75%;
 }
 .u-col-10 {
-  width: calc(100% / 12 * 10);
+  width: 83.3333333333%;
 }
 .u-col-11 {
-  width: calc(100% / 12 * 11);
+  width: 91.6666666667%;
 }
 .u-col-12 {
-  width: calc(100% / 12 * 12);
+  width: 100%;
 }
-/* #endif */
+/* #endif */

package/uview-ui/components/u-datetime-picker/props.js

@@ -112,6 +112,10 @@ export default {
     defaultIndex: {
       type: Array,
       default: defprops.datetimePicker.defaultIndex
+    },
+    immediateChange: {
+      type: Boolean,
+      default: defprops.datetimePicker.immediateChange
     }
   }
 };

package/uview-ui/components/u-datetime-picker/u-datetime-picker.vue

@@ -13,6 +13,7 @@
     :confirmText="confirmText"
     :cancelColor="cancelColor"
     :confirmColor="confirmColor"
+    :immediateChange="immediateChange"
     @close="close"
     @cancel="cancel"
     @confirm="confirm"
@@ -87,7 +88,17 @@ export default {
   computed: {
     // 如果以下这些变量发生了变化，意味着需要重新初始化各列的值
     propsChange() {
-      return [this.mode, this.maxDate, this.minDate, this.minHour, this.maxHour, this.minMinute, this.maxMinute, this.filter];
+      return [
+        this.mode,
+        this.maxDate,
+        this.minDate,
+        this.minHour,
+        this.maxHour,
+        this.minMinute,
+        this.maxMinute,
+        this.filter,
+        this.value
+      ];
     }
   },
   mounted() {
@@ -173,7 +184,7 @@ export default {
       // 发出change时间，value为当前选中的时间戳
       this.$emit('change', {
         value: selectValue,
-        // #ifndef MP-WEIXIN
+        // #ifndef MP-WEIXIN || MP-TOUTIAO
         // 微信小程序不能传递this实例，会因为循环引用而报错
         picker: this.$refs.picker,
         // #endif

package/uview-ui/components/u-form-item/u-form-item.vue

@@ -54,7 +54,7 @@
         </view>
       </view>
     </view>
-    <slot name="error">
+    <slot name="error" v-bind:message="message">
       <text
         v-if="!!message && parentData.errorType === 'message'"
         class="u-form-item__body__right__message"

package/uview-ui/components/u-icon/style.css

@@ -11,7 +11,7 @@ view, scroll-view, swiper-item {
 /* #endif */
 /* #ifndef APP-NVUE */
 @font-face {
-  font-family: 'uicon-iconfont';
+  font-family: "uicon-iconfont";
   src: url("https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf") format("truetype");
 }
 /* #endif */

package/uview-ui/components/u-image/u-image.vue

@@ -21,7 +21,7 @@
         class="u-image__loading"
         :style="{
           borderRadius: shape == 'circle' ? '50%' : $u.addUnit(radius),
-          backgroundColor: this.bgColor,
+          backgroundColor: bgColor,
           width: $u.addUnit(width),
           height: $u.addUnit(height)
         }"
@@ -102,6 +102,7 @@ export default {
         if (!n) {
           // 如果传入null或者''，或者false，或者undefined，标记为错误状态
           this.isError = true;
+          this.loading = false;
         } else {
           this.isError = false;
           this.loading = true;
@@ -118,7 +119,7 @@ export default {
       // 如果是显示圆形，设置一个很多的半径值即可
       style.borderRadius = this.shape == 'circle' ? '10000px' : uni.$u.addUnit(this.radius);
       // 如果设置圆角，必须要有hidden，否则可能圆角无效
-      style.overflow = this.borderRadius > 0 ? 'hidden' : 'visible';
+      style.overflow = +this.radius > 0 ? 'hidden' : 'visible';
       // if (this.fade) {
       // 	style.opacity = this.opacity
       // 	// nvue下，这几个属性必须要分开写

package/uview-ui/components/u-input/style.css

@@ -18,6 +18,9 @@ view, scroll-view, swiper-item {
   justify-content: space-between;
   flex: 1;
 }
+.u-input ::v-deep .uni-input-input:disabled {
+  pointer-events: none;
+}
 .u-input--radius, .u-input--square {
   border-radius: 4px;
 }

package/uview-ui/components/u-input/style.scss

@@ -6,6 +6,14 @@
   justify-content: space-between;
   flex: 1;
 
+  // #ifdef H5
+  // 处理H5下，input输入框disabled状态下，无法触发click事件问题
+  ::v-deep .uni-input-input:disabled {
+    pointer-events: none;
+  }
+
+  // #endif
+
   &--radius,
   &--square {
     border-radius: 4px;

package/uview-ui/components/u-input/u-input.vue

@@ -30,7 +30,7 @@
           :adjust-position="adjustPosition"
           :selection-end="selectionEnd"
           :selection-start="selectionStart"
-          :password="password || type === 'password' || undefined"
+          :password="password || type === 'password' || false"
           :ignoreCompositionEvent="ignoreCompositionEvent"
           @input="onInput"
           @blur="onBlur"
@@ -204,9 +204,9 @@ export default {
       uni.$u.formValidate(this, 'blur');
     },
     // 输入框聚焦时触发
-    onFocus(event) {
+    onFocus(e) {
       this.focused = true;
-      this.$emit('focus');
+      this.$emit('focus', e);
     },
     // 点击完成按钮时触发
     onConfirm(event) {
@@ -214,8 +214,8 @@ export default {
     },
     // 键盘高度发生变化的时候触发此事件
     // 兼容性：微信小程序2.7.0+、App 3.1.0+
-    onkeyboardheightchange() {
-      this.$emit('keyboardheightchange');
+    onkeyboardheightchange(e) {
+      this.$emit('keyboardheightchange', e);
     },
     // 内容发生变化，进行处理
     valueChange() {

package/uview-ui/components/u-loading-icon/style.css

@@ -87,7 +87,7 @@ view, scroll-view, swiper-item {
   margin: 0 auto;
   background-color: currentColor;
   border-radius: 40%;
-  content: ' ';
+  content: " ";
 }
 .u-loading-icon__dot:nth-of-type(1) {
   transform: rotate(30deg);

package/uview-ui/components/u-loading-page/style.css

@@ -23,7 +23,7 @@ view, scroll-view, swiper-item {
   justify-content: center;
   align-items: center;
   /* #ifndef APP-NVUE */
-  color: #c8c8c8;
+  color: rgb(200, 200, 200);
   font-size: 19px;
   /* #endif */
   /* #ifndef APP-NVUE */
@@ -40,5 +40,5 @@ view, scroll-view, swiper-item {
 }
 .u-loading-page__warpper__text {
   font-size: 19px;
-  color: #c8c8c8;
+  color: rgb(200, 200, 200);
 }

package/uview-ui/components/u-modal/props.js

@@ -80,6 +80,11 @@ export default {
     confirmButtonShape: {
       type: String,
       default: defprops.modal.confirmButtonShape
+    },
+    // 弹窗动画过度时间
+    duration: {
+      type: String | Number,
+      default: defprops.modal.duration
     }
   }
 };

package/uview-ui/components/u-modal/u-modal.vue

@@ -1 +1 @@
-<template>
  <u-popup
    mode="center"
    :zoom="zoom"
    :show="show"
    :customStyle="{
      borderRadius: '6px',
      overflow: 'hidden',
      marginTop: `-${$u.addUnit(negativeTop)}`
    }"
    :closeOnClickOverlay="closeOnClickOverlay"
    :safeAreaInsetBottom="false"
    :duration="400"
    @click="clickHandler"
  >
    <view
      class="u-modal"
      :style="{
        width: $u.addUnit(width)
      }"
    >
      <text class="u-modal__title" v-if="title">{{ title }}</text>
      <view
        class="u-modal__content"
        :style="{
          paddingTop: `${title ? 12 : 25}px`
        }"
      >
        <slot>
          <text class="u-modal__content__text">{{ content }}</text>
        </slot>
      </view>
      <view class="u-modal__button-group--confirm-button" v-if="$slots.confirmButton">
        <slot name="confirmButton"></slot>
      </view>
      <template v-else>
        <u-line></u-line>
        <view
          class="u-modal__button-group"
          :style="{
            flexDirection: buttonReverse ? 'row-reverse' : 'row'
          }"
        >
          <view
            class="u-modal__button-group__wrapper u-modal__button-group__wrapper--cancel"
            :hover-stay-time="150"
            hover-class="u-modal__button-group__wrapper--hover"
            :class="[showCancelButton && !showConfirmButton && 'u-modal__button-group__wrapper--only-cancel']"
            v-if="showCancelButton"
            @tap="cancelHandler"
          >
            <text
              class="u-modal__button-group__wrapper__text"
              :style="{
                color: cancelColor
              }"
            >
              {{ cancelText }}
            </text>
          </view>
          <u-line direction="column" v-if="showConfirmButton && showCancelButton"></u-line>
          <view
            class="u-modal__button-group__wrapper u-modal__button-group__wrapper--confirm"
            :hover-stay-time="150"
            hover-class="u-modal__button-group__wrapper--hover"
            :class="[!showCancelButton && showConfirmButton && 'u-modal__button-group__wrapper--only-confirm']"
            v-if="showConfirmButton"
            @tap="confirmHandler"
          >
            <u-loading-icon v-if="loading"></u-loading-icon>
            <text
              v-else
              class="u-modal__button-group__wrapper__text"
              :style="{
                color: confirmColor
              }"
            >
              {{ confirmText }}
            </text>
          </view>
        </view>
      </template>
    </view>
  </u-popup>
 * Modal 模态框
 * @description 弹出模态框，常用于消息提示、消息确认、在当前页面内完成特定的交互操作。
 * @tutorial https://ijry.github.io/uview-plus/components/modul.html
 * @property {Boolean}			show				是否显示模态框，请赋值给show （默认 false ）
 * @property {String}			title				标题内容
 * @property {String}			content				模态框内容，如传入slot内容，则此参数无效
 * @property {String}			confirmText			确认按钮的文字 （默认 '确认' ）
 * @property {String}			cancelText			取消按钮的文字 （默认 '取消' ）
 * @property {Boolean}			showConfirmButton	是否显示确认按钮 （默认 true ）
 * @property {Boolean}			showCancelButton	是否显示取消按钮 （默认 false ）
 * @property {String}			confirmColor		确认按钮的颜色 （默认 '#2979ff' ）
 * @property {String}			cancelColor			取消按钮的颜色 （默认 '#606266' ）
 * @property {Boolean}			buttonReverse		对调确认和取消的位置 （默认 false ）
 * @property {Boolean}			zoom				是否开启缩放模式 （默认 true ）
 * @property {Boolean}			asyncClose			是否异步关闭，只对确定按钮有效，见上方说明 （默认 false ）
 * @property {Boolean}			closeOnClickOverlay	是否允许点击遮罩关闭Modal （默认 false ）
 * @property {String | Number}	negativeTop			往上偏移的值，给一个负的margin-top，往上偏移，避免和键盘重合的情况，单位任意，数值则默认为px单位 （默认 0 ）
 * @property {String | Number}	width				modal宽度，不支持百分比，可以数值，px，rpx单位 （默认 '650rpx' ）
 * @property {String}			confirmButtonShape	确认按钮的样式,如设置，将不会显示取消按钮
 * @event {Function} confirm	点击确认按钮时触发
 * @event {Function} cancel		点击取消按钮时触发
 * @event {Function} close		点击遮罩关闭出发，closeOnClickOverlay为true有效
 * @example <u-modal :show="true" title="title" content="content"></u-modal>
 */
  name: 'u-modal',
  mixins: [mpMixin, mixin, props],
  data() {
    return {
      loading: false
    };
  },
  watch: {
    show(n) {
      // 为了避免第一次打开modal，又使用了异步关闭的loading
      // 第二次打开modal时，loading依然存在的情况
      if (n && this.loading) this.loading = false;
    }
  },
  methods: {
    // 点击确定按钮
    confirmHandler() {
      // 如果配置了异步关闭，将按钮值为loading状态
      if (this.asyncClose) {
        this.loading = true;
      }
      this.$emit('confirm');
    },
    // 点击取消按钮
    cancelHandler() {
      this.$emit('cancel');
    },
    // 点击遮罩
    // 从原理上来说，modal的遮罩点击，并不是真的点击到了遮罩
    // 因为modal依赖于popup的中部弹窗类型，中部弹窗比较特殊，虽然有遮罩，但是为了让弹窗内容能flex居中
    // 多了一个透明的遮罩，此透明的遮罩会覆盖在灰色的遮罩上，所以实际上是点击不到灰色遮罩的，popup内部在
    // 透明遮罩的子元素做了.stop处理，所以点击内容区，也不会导致误触发
    clickHandler() {
      if (this.closeOnClickOverlay) {
        this.$emit('close');
      }
    }
  }
+<template>
  <u-popup
    mode="center"
    :zoom="zoom"
    :show="show"
    :customStyle="{
      borderRadius: '6px',
      overflow: 'hidden',
      marginTop: `-${$u.addUnit(negativeTop)}`
    }"
    :closeOnClickOverlay="closeOnClickOverlay"
    :safeAreaInsetBottom="false"
    :duration="duration"
    @click="clickHandler"
  >
    <view
      class="u-modal"
      :style="{
        width: $u.addUnit(width)
      }"
    >
      <text class="u-modal__title" v-if="title">{{ title }}</text>
      <view
        class="u-modal__content"
        :style="{
          paddingTop: `${title ? 12 : 25}px`
        }"
      >
        <slot>
          <text class="u-modal__content__text">{{ content }}</text>
        </slot>
      </view>
      <view class="u-modal__button-group--confirm-button" v-if="$slots.confirmButton">
        <slot name="confirmButton"></slot>
      </view>
      <template v-else>
        <u-line></u-line>
        <view
          class="u-modal__button-group"
          :style="{
            flexDirection: buttonReverse ? 'row-reverse' : 'row'
          }"
        >
          <view
            class="u-modal__button-group__wrapper u-modal__button-group__wrapper--cancel"
            :hover-stay-time="150"
            hover-class="u-modal__button-group__wrapper--hover"
            :class="[showCancelButton && !showConfirmButton && 'u-modal__button-group__wrapper--only-cancel']"
            v-if="showCancelButton"
            @tap="cancelHandler"
          >
            <text
              class="u-modal__button-group__wrapper__text"
              :style="{
                color: cancelColor
              }"
            >
              {{ cancelText }}
            </text>
          </view>
          <u-line direction="column" v-if="showConfirmButton && showCancelButton"></u-line>
          <view
            class="u-modal__button-group__wrapper u-modal__button-group__wrapper--confirm"
            :hover-stay-time="150"
            hover-class="u-modal__button-group__wrapper--hover"
            :class="[!showCancelButton && showConfirmButton && 'u-modal__button-group__wrapper--only-confirm']"
            v-if="showConfirmButton"
            @tap="confirmHandler"
          >
            <u-loading-icon v-if="loading"></u-loading-icon>
            <text
              v-else
              class="u-modal__button-group__wrapper__text"
              :style="{
                color: confirmColor
              }"
            >
              {{ confirmText }}
            </text>
          </view>
        </view>
      </template>
    </view>
  </u-popup>
 * Modal 模态框
 * @description 弹出模态框，常用于消息提示、消息确认、在当前页面内完成特定的交互操作。
 * @tutorial https://ijry.github.io/uview-plus/components/modul.html
 * @property {Boolean}			show				是否显示模态框，请赋值给show （默认 false ）
 * @property {String}			title				标题内容
 * @property {String}			content				模态框内容，如传入slot内容，则此参数无效
 * @property {String}			confirmText			确认按钮的文字 （默认 '确认' ）
 * @property {String}			cancelText			取消按钮的文字 （默认 '取消' ）
 * @property {Boolean}			showConfirmButton	是否显示确认按钮 （默认 true ）
 * @property {Boolean}			showCancelButton	是否显示取消按钮 （默认 false ）
 * @property {String}			confirmColor		确认按钮的颜色 （默认 '#2979ff' ）
 * @property {String}			cancelColor			取消按钮的颜色 （默认 '#606266' ）
 * @property {Number}			duration			弹窗动画过度时间 （默认 400 ）
 * @property {Boolean}			buttonReverse		对调确认和取消的位置 （默认 false ）
 * @property {Boolean}			zoom				是否开启缩放模式 （默认 true ）
 * @property {Boolean}			asyncClose			是否异步关闭，只对确定按钮有效，见上方说明 （默认 false ）
 * @property {Boolean}			closeOnClickOverlay	是否允许点击遮罩关闭Modal （默认 false ）
 * @property {String | Number}	negativeTop			往上偏移的值，给一个负的margin-top，往上偏移，避免和键盘重合的情况，单位任意，数值则默认为px单位 （默认 0 ）
 * @property {String | Number}	width				modal宽度，不支持百分比，可以数值，px，rpx单位 （默认 '650rpx' ）
 * @property {String}			confirmButtonShape	确认按钮的样式,如设置，将不会显示取消按钮
 * @event {Function} confirm	点击确认按钮时触发
 * @event {Function} cancel		点击取消按钮时触发
 * @event {Function} close		点击遮罩关闭出发，closeOnClickOverlay为true有效
 * @example <u-modal :show="true" title="title" content="content"></u-modal>
 */
  name: 'u-modal',
  mixins: [mpMixin, mixin, props],
  data() {
    return {
      loading: false
    };
  },
  watch: {
    show(n) {
      // 为了避免第一次打开modal，又使用了异步关闭的loading
      // 第二次打开modal时，loading依然存在的情况
      if (n && this.loading) this.loading = false;
    }
  },
  methods: {
    // 点击确定按钮
    confirmHandler() {
      // 如果配置了异步关闭，将按钮值为loading状态
      if (this.asyncClose) {
        this.loading = true;
      }
      this.$emit('confirm');
    },
    // 点击取消按钮
    cancelHandler() {
      this.$emit('cancel');
    },
    // 点击遮罩
    // 从原理上来说，modal的遮罩点击，并不是真的点击到了遮罩
    // 因为modal依赖于popup的中部弹窗类型，中部弹窗比较特殊，虽然有遮罩，但是为了让弹窗内容能flex居中
    // 多了一个透明的遮罩，此透明的遮罩会覆盖在灰色的遮罩上，所以实际上是点击不到灰色遮罩的，popup内部在
    // 透明遮罩的子元素做了.stop处理，所以点击内容区，也不会导致误触发
    clickHandler() {
      if (this.closeOnClickOverlay) {
        this.$emit('close');
      }
    }
  }

package/uview-ui/components/u-number-keyboard/style.css

@@ -16,7 +16,7 @@ view, scroll-view, swiper-item {
   flex-direction: row;
   flex-direction: row;
   justify-content: space-around;
-  background-color: #e0e4e6;
+  background-color: rgb(224, 228, 230);
   flex-wrap: wrap;
   padding: 8px 10rpx 8px 10rpx;
 }
@@ -49,7 +49,7 @@ view, scroll-view, swiper-item {
   color: var(--u-main-color);
 }
 .u-keyboard__button-wrapper__button--gray {
-  background-color: #c8cad2;
+  background-color: rgb(200, 202, 210);
 }
 .u-hover-class {
   background-color: #bbbcc6;

package/uview-ui/components/u-parse/u-parse.vue

@@ -147,8 +147,8 @@ export default {
           if (this._in)
             // scroll-view 跳转
             this._in.page[this._in.scrollTop] = scrollTop;
-          // 页面跳转
           else
+            // 页面跳转
             uni.pageScrollTo({
               scrollTop,
               duration: 300

package/uview-ui/components/u-picker/u-picker.vue

@@ -30,7 +30,8 @@
             :style="{
               height: $u.addUnit(itemHeight),
               lineHeight: $u.addUnit(itemHeight),
-              fontWeight: index1 === innerIndex[index] ? 'bold' : 'normal'
+              fontWeight: index1 === innerIndex[index] ? 'bold' : 'normal',
+              display: 'block'
             }"
           >
             {{ getItemText(item1) }}
@@ -151,7 +152,7 @@ export default {
       this.setLastIndex(value);
       this.setIndexs(value);
       this.$emit('change', {
-        // #ifndef MP-WEIXIN || MP-LARK
+        // #ifndef MP-WEIXIN || MP-LARK || MP-TOUTIAO
         // 微信小程序不能传递this，会因为循环引用而报错
         picker: this,
         // #endif
@@ -180,6 +181,8 @@ export default {
     setColumnValues(columnIndex, values) {
       // 替换innerColumns数组中columnIndex索引的值为values，使用的是数组的splice方法
       this.innerColumns.splice(columnIndex, 1, values);
+      // 替换完成之后将修改列之后的已选值置空
+      this.setLastIndex(this.innerIndex.slice(0, columnIndex));
       // 拷贝一份原有的innerIndex做临时变量，将大于当前变化列的所有的列的默认索引设置为0
       let tmpIndex = uni.$u.deepClone(this.innerIndex);
       for (let i = 0; i < this.innerColumns.length; i++) {