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

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

@@ -1 +1 @@
-<template>
  <view class="u-popup">
    <u-overlay
      :show="show"
      @click="overlayClick"
      v-if="overlay"
      :duration="overlayDuration"
      :customStyle="overlayStyle"
      :opacity="overlayOpacity"
    ></u-overlay>
    <u-transition
      :show="show"
      :customStyle="transitionStyle"
      :mode="position"
      :duration="duration"
      @afterEnter="afterEnter"
      @click="clickHandler"
    >
      <view class="u-popup__content" :style="[contentStyle]" @tap.stop="noop">
        <u-status-bar v-if="safeAreaInsetTop"></u-status-bar>
        <slot></slot>
        <view
          v-if="closeable"
          @tap.stop="close"
          class="u-popup__content__close"
          :class="['u-popup__content__close--' + closeIconPos]"
          hover-class="u-popup__content__close--hover"
          hover-stay-time="150"
        >
          <u-icon name="close" color="#909399" size="18" bold></u-icon>
        </view>
        <u-safe-bottom v-if="safeAreaInsetBottom"></u-safe-bottom>
      </view>
    </u-transition>
  </view>
 * popup 弹窗
 * @description 弹出层容器，用于展示弹窗、信息提示等内容，支持上、下、左、右和中部弹出。组件只提供容器，内部内容由用户自定义
 * @tutorial https://ijry.github.io/uview-plus/components/popup.html
 * @property {Boolean}			show				是否展示弹窗 (默认 false )
 * @property {Boolean}			overlay				是否显示遮罩 （默认 true ）
 * @property {String}			mode				弹出方向（默认 'bottom' ）
 * @property {String | Number}	duration			动画时长，单位ms （默认 300 ）
 * @property {String | Number}	overlayDuration			遮罩层动画时长，单位ms （默认 350 ）
 * @property {Boolean}			closeable			是否显示关闭图标（默认 false ）
 * @property {Object | String}	overlayStyle		自定义遮罩的样式
 * @property {String | Number}	overlayOpacity		遮罩透明度，0-1之间（默认 0.5）
 * @property {Boolean}			closeOnClickOverlay	点击遮罩是否关闭弹窗 （默认  true ）
 * @property {String | Number}	zIndex				层级 （默认 10075 ）
 * @property {Boolean}			safeAreaInsetBottom	是否为iPhoneX留出底部安全距离 （默认 true ）
 * @property {Boolean}			safeAreaInsetTop	是否留出顶部安全距离（状态栏高度） （默认 false ）
 * @property {String}			closeIconPos		自定义关闭图标位置（默认 'top-right' ）
 * @property {String | Number}	round				圆角值（默认 0）
 * @property {Boolean}			zoom				当mode=center时 是否开启缩放（默认 true ）
 * @property {Object}			customStyle			组件的样式，对象形式
 * @event {Function} open 弹出层打开
 * @event {Function} close 弹出层收起
 * @example <u-popup v-model="show"><text>出淤泥而不染，濯清涟而不妖</text></u-popup>
 */
  name: 'u-popup',
  mixins: [mpMixin, mixin, props],
  data() {
    return {
      overlayDuration: this.duration + 50
    };
  },
  watch: {
    show(newValue, oldValue) {
      if (newValue === true) {
        // #ifdef MP-WEIXIN
        const children = this.$children;
        this.retryComputedComponentRect(children);
        // #endif
      }
    }
  },
  computed: {
    transitionStyle() {
      const style = {
        zIndex: this.zIndex,
        position: 'fixed',
        display: 'flex'
      };
      style[this.mode] = 0;
      if (this.mode === 'left') {
        return uni.$u.deepMerge(style, {
          bottom: 0,
          top: 0
        });
      } else if (this.mode === 'right') {
        return uni.$u.deepMerge(style, {
          bottom: 0,
          top: 0
        });
      } else if (this.mode === 'top') {
        return uni.$u.deepMerge(style, {
          left: 0,
          right: 0
        });
      } else if (this.mode === 'bottom') {
        return uni.$u.deepMerge(style, {
          left: 0,
          right: 0
        });
      } else if (this.mode === 'center') {
        return uni.$u.deepMerge(style, {
          alignItems: 'center',
          'justify-content': 'center',
          top: 0,
          left: 0,
          right: 0,
          bottom: 0
        });
      }
    },
    contentStyle() {
      const style = {};
      // 通过设备信息的safeAreaInsets值来判断是否需要预留顶部状态栏和底部安全局的位置
      // 不使用css方案，是因为nvue不支持css的iPhoneX安全区查询属性
      const { safeAreaInsets } = uni.$u.sys();
      if (this.mode !== 'center') {
        style.flex = 1;
      }
      // 背景色，一般用于设置为transparent，去除默认的白色背景
      if (this.bgColor) {
        style.backgroundColor = this.bgColor;
      }
      if (this.round) {
        const value = uni.$u.addUnit(this.round);
        if (this.mode === 'top') {
          style.borderBottomLeftRadius = value;
          style.borderBottomRightRadius = value;
        } else if (this.mode === 'bottom') {
          style.borderTopLeftRadius = value;
          style.borderTopRightRadius = value;
        } else if (this.mode === 'center') {
          style.borderRadius = value;
        }
      }
      return uni.$u.deepMerge(style, uni.$u.addStyle(this.customStyle));
    },
    position() {
      if (this.mode === 'center') {
        return this.zoom ? 'fade-zoom' : 'fade';
      }
      if (this.mode === 'left') {
        return 'slide-left';
      }
      if (this.mode === 'right') {
        return 'slide-right';
      }
      if (this.mode === 'bottom') {
        return 'slide-up';
      }
      if (this.mode === 'top') {
        return 'slide-down';
      }
    }
  },
  methods: {
    // 点击遮罩
    overlayClick() {
      if (this.closeOnClickOverlay) {
        this.$emit('close');
      }
    },
    close(e) {
      this.$emit('close');
    },
    afterEnter() {
      this.$emit('open');
    },
    clickHandler() {
      // 由于中部弹出时，其u-transition占据了整个页面相当于遮罩，此时需要发出遮罩点击事件，是否无法通过点击遮罩关闭弹窗
      if (this.mode === 'center') {
        this.overlayClick();
      }
      this.$emit('click');
    },
    // #ifdef MP-WEIXIN
    retryComputedComponentRect(children) {
      // 组件内部需要计算节点的组件
      const names = [
        'u-calendar-month',
        'u-album',
        'u-collapse-item',
        'u-dropdown',
        'u-index-item',
        'u-index-list',
        'u-line-progress',
        'u-list-item',
        'u-rate',
        'u-read-more',
        'u-row',
        'u-row-notice',
        'u-scroll-list',
        'u-skeleton',
        'u-slider',
        'u-steps-item',
        'u-sticky',
        'u-subsection',
        'u-swipe-action-item',
        'u-tabbar',
        'u-tabs',
        'u-tooltip'
      ];
      // 历遍所有的子组件节点
      for (let i = 0; i < children.length; i++) {
        const child = children[i];
        // 拿到子组件的子组件
        const grandChild = child.$children;
        // 判断如果在需要重新初始化的组件数组中名中，并且存在init方法的话，则执行
        if (names.includes(child.$options.name) && typeof child?.init === 'function') {
          // 需要进行一定的延时，因为初始化页面需要时间
          uni.$u.sleep(50).then(() => {
            child.init();
          });
        }
        // 如果子组件还有孙组件，进行递归历遍
        if (grandChild.length) {
          this.retryComputedComponentRect(grandChild);
        }
      }
    }
    // #endif
  }
+<template>
  <view class="u-popup">
    <u-overlay
      :show="show"
      @click="overlayClick"
      v-if="overlay"
      :duration="overlayDuration"
      :customStyle="overlayStyle"
      :opacity="overlayOpacity"
    ></u-overlay>
    <u-transition
      :show="show"
      :customStyle="transitionStyle"
      :mode="position"
      :duration="duration"
      @afterEnter="afterEnter"
      @click="clickHandler"
    >
      <view class="u-popup__content" :style="[contentStyle]" @tap.stop="noop">
        <u-status-bar v-if="safeAreaInsetTop"></u-status-bar>
        <slot></slot>
        <view
          v-if="closeable"
          @tap.stop="close"
          class="u-popup__content__close"
          :class="['u-popup__content__close--' + closeIconPos]"
          hover-class="u-popup__content__close--hover"
          hover-stay-time="150"
        >
          <u-icon name="close" color="#909399" size="18" bold></u-icon>
        </view>
        <u-safe-bottom v-if="safeAreaInsetBottom"></u-safe-bottom>
      </view>
    </u-transition>
  </view>
 * popup 弹窗
 * @description 弹出层容器，用于展示弹窗、信息提示等内容，支持上、下、左、右和中部弹出。组件只提供容器，内部内容由用户自定义
 * @tutorial https://ijry.github.io/uview-plus/components/popup.html
 * @property {Boolean}			show				是否展示弹窗 (默认 false )
 * @property {Boolean}			overlay				是否显示遮罩 （默认 true ）
 * @property {String}			mode				弹出方向（默认 'bottom' ）
 * @property {String | Number}	duration			动画时长，单位ms （默认 300 ）
 * @property {String | Number}	overlayDuration			遮罩层动画时长，单位ms （默认 350 ）
 * @property {Boolean}			closeable			是否显示关闭图标（默认 false ）
 * @property {Object | String}	overlayStyle		自定义遮罩的样式
 * @property {String | Number}	overlayOpacity		遮罩透明度，0-1之间（默认 0.5）
 * @property {Boolean}			closeOnClickOverlay	点击遮罩是否关闭弹窗 （默认  true ）
 * @property {String | Number}	zIndex				层级 （默认 10075 ）
 * @property {Boolean}			safeAreaInsetBottom	是否为iPhoneX留出底部安全距离 （默认 true ）
 * @property {Boolean}			safeAreaInsetTop	是否留出顶部安全距离（状态栏高度） （默认 false ）
 * @property {String}			closeIconPos		自定义关闭图标位置（默认 'top-right' ）
 * @property {String | Number}	round				圆角值（默认 0）
 * @property {Boolean}			zoom				当mode=center时 是否开启缩放（默认 true ）
 * @property {Object}			customStyle			组件的样式，对象形式
 * @event {Function} open 弹出层打开
 * @event {Function} close 弹出层收起
 * @example <u-popup v-model="show"><text>出淤泥而不染，濯清涟而不妖</text></u-popup>
 */
  name: 'u-popup',
  mixins: [mpMixin, mixin, props],
  data() {
    return {
      overlayDuration: Number(this.duration) + 50
    };
  },
  watch: {
    show(newValue, oldValue) {
      if (newValue === true) {
        // #ifdef MP-WEIXIN
        const children = this.$children;
        this.retryComputedComponentRect(children);
        // #endif
      }
    }
  },
  computed: {
    transitionStyle() {
      const style = {
        zIndex: this.zIndex,
        position: 'fixed',
        display: 'flex'
      };
      style[this.mode] = 0;
      if (this.mode === 'left') {
        return uni.$u.deepMerge(style, {
          bottom: 0,
          top: 0
        });
      } else if (this.mode === 'right') {
        return uni.$u.deepMerge(style, {
          bottom: 0,
          top: 0
        });
      } else if (this.mode === 'top') {
        return uni.$u.deepMerge(style, {
          left: 0,
          right: 0
        });
      } else if (this.mode === 'bottom') {
        return uni.$u.deepMerge(style, {
          left: 0,
          right: 0
        });
      } else if (this.mode === 'center') {
        return uni.$u.deepMerge(style, {
          alignItems: 'center',
          'justify-content': 'center',
          top: 0,
          left: 0,
          right: 0,
          bottom: 0
        });
      }
    },
    contentStyle() {
      const style = {};
      // 通过设备信息的safeAreaInsets值来判断是否需要预留顶部状态栏和底部安全局的位置
      // 不使用css方案，是因为nvue不支持css的iPhoneX安全区查询属性
      const { safeAreaInsets } = uni.$u.sys();
      if (this.mode !== 'center') {
        style.flex = 1;
      }
      // 背景色，一般用于设置为transparent，去除默认的白色背景
      if (this.bgColor) {
        style.backgroundColor = this.bgColor;
      }
      if (this.round) {
        const value = uni.$u.addUnit(this.round);
        if (this.mode === 'top') {
          style.borderBottomLeftRadius = value;
          style.borderBottomRightRadius = value;
        } else if (this.mode === 'bottom') {
          style.borderTopLeftRadius = value;
          style.borderTopRightRadius = value;
        } else if (this.mode === 'center') {
          style.borderRadius = value;
        }
      }
      return uni.$u.deepMerge(style, uni.$u.addStyle(this.customStyle));
    },
    position() {
      if (this.mode === 'center') {
        return this.zoom ? 'fade-zoom' : 'fade';
      }
      if (this.mode === 'left') {
        return 'slide-left';
      }
      if (this.mode === 'right') {
        return 'slide-right';
      }
      if (this.mode === 'bottom') {
        return 'slide-up';
      }
      if (this.mode === 'top') {
        return 'slide-down';
      }
    }
  },
  methods: {
    // 点击遮罩
    overlayClick() {
      if (this.closeOnClickOverlay) {
        this.$emit('close');
      }
    },
    close(e) {
      this.$emit('close');
    },
    afterEnter() {
      this.$emit('open');
    },
    clickHandler() {
      // 由于中部弹出时，其u-transition占据了整个页面相当于遮罩，此时需要发出遮罩点击事件，是否无法通过点击遮罩关闭弹窗
      if (this.mode === 'center') {
        this.overlayClick();
      }
      this.$emit('click');
    },
    // #ifdef MP-WEIXIN
    retryComputedComponentRect(children) {
      // 组件内部需要计算节点的组件
      const names = [
        'u-calendar-month',
        'u-album',
        'u-collapse-item',
        'u-dropdown',
        'u-index-item',
        'u-index-list',
        'u-line-progress',
        'u-list-item',
        'u-rate',
        'u-read-more',
        'u-row',
        'u-row-notice',
        'u-scroll-list',
        'u-skeleton',
        'u-slider',
        'u-steps-item',
        'u-sticky',
        'u-subsection',
        'u-swipe-action-item',
        'u-tabbar',
        'u-tabs',
        'u-tooltip'
      ];
      // 历遍所有的子组件节点
      for (let i = 0; i < children.length; i++) {
        const child = children[i];
        // 拿到子组件的子组件
        const grandChild = child.$children;
        // 判断如果在需要重新初始化的组件数组中名中，并且存在init方法的话，则执行
        if (names.includes(child.$options.name) && typeof child?.init === 'function') {
          // 需要进行一定的延时，因为初始化页面需要时间
          uni.$u.sleep(50).then(() => {
            child.init();
          });
        }
        // 如果子组件还有孙组件，进行递归历遍
        if (grandChild.length) {
          this.retryComputedComponentRect(grandChild);
        }
      }
    }
    // #endif
  }

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

@@ -52,7 +52,7 @@ export default {
       default: defprops.radio.size
     },
     // 图标颜色
-    color: {
+    iconColor: {
       type: String,
       default: defprops.radio.color
     },

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

@@ -88,8 +88,8 @@ export default {
       return this.labelDisabled !== ''
         ? this.labelDisabled
         : this.parentData.labelDisabled !== null
-        ? this.parentData.labelDisabled
-        : false;
+          ? this.parentData.labelDisabled
+          : false;
     },
     // 组件尺寸，对应size的值，默认值为21px
     elSize() {

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

@@ -10,7 +10,7 @@ view, scroll-view, swiper-item {
 }
 /* #endif */
 /* #ifdef H5 */
-[type='search']::-webkit-search-decoration {
+[type=search]::-webkit-search-decoration {
   display: none;
 }
 /* #endif */

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

@@ -87,8 +87,8 @@ export default {
           rowWidth = uni.$u.test.array(this.rowsWidth)
             ? this.rowsWidth[i] || (i === this.row - 1 ? '70%' : '100%')
             : i === this.rows - 1
-            ? '70%'
-            : this.rowsWidth,
+              ? '70%'
+              : this.rowsWidth,
           rowHeight = uni.$u.test.array(this.rowsHeight) ? this.rowsHeight[i] || '18px' : this.rowsHeight;
         // 如果有title占位图，第一个段落占位图的外边距需要大一些，如果没有title占位图，第一个段落占位图则无需外边距
         // 之所以需要这么做，是因为weex的无能，以提升性能为借口不支持css的一些伪类

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

@@ -132,8 +132,8 @@ export default {
       style.backgroundColor = this.parent.children?.[this.index + 1]?.error
         ? uni.$u.color.error
         : this.index < this.parentData.current
-        ? this.parentData.activeColor
-        : this.parentData.inactiveColor;
+          ? this.parentData.activeColor
+          : this.parentData.inactiveColor;
       return style;
     },
     statusClass() {

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

@@ -23,7 +23,7 @@ view, scroll-view, swiper-item {
 }
 .u-subsection--button {
   height: 32px;
-  background-color: #eeeeef;
+  background-color: rgb(238, 238, 239);
   padding: 3px;
   border-radius: 3px;
   align-items: stretch;

package/uview-ui/components/u-swipe-action-item/style.css

@@ -17,7 +17,7 @@ view, scroll-view, swiper-item {
   /* #endif */
 }
 .u-swipe-action-item__content {
-  background-color: #FFFFFF;
+  background-color: #ffffff;
   z-index: 10;
 }
 .u-swipe-action-item__right {
@@ -54,7 +54,7 @@ view, scroll-view, swiper-item {
   /* #endif */
   flex-direction: row;
   align-items: center;
-  color: #FFFFFF;
+  color: #ffffff;
   font-size: 15px;
   text-align: center;
   justify-content: center;

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

@@ -20,6 +20,7 @@
 							v-for="(item, index) in list"
 							:key="index"
 							@tap="clickHandler(item, index)"
+							@longpress="longPressHandler(item,index)"
 							:ref="`u-tabs__wrapper__nav__item-${index}`"
 							:style="[$u.addStyle(itemStyle), {flex: scrollable ? '' : 1}]"
 							:class="[`u-tabs__wrapper__nav__item-${index}`, item.disabled && 'u-tabs__wrapper__nav__item--disabled']"
@@ -95,7 +96,8 @@ import mixin from '../../libs/mixin/mixin.js';
 	 * @property {String}	keyName	 从`list`元素对象中读取的键名（默认 'name' ）
 	 * @event {Function(index)} change 标签改变时触发 index: 点击了第几个tab，索引从0开始
 	 * @event {Function(index)} click 点击标签时触发 index: 点击了第几个tab，索引从0开始
-	 * @example <u-tabs :list="list" :is-scroll="false" :current="current" @change="change"></u-tabs>
+  	 * @event {Function(index)} longPress 长按标签时触发 index: 点击了第几个tab，索引从0开始
+	 * @example <u-tabs :list="list" :is-scroll="false" :current="current" @change="change" @longPress="longPress"></u-tabs>
 	 */
 	export default {
 		name: 'u-tabs',
@@ -208,6 +210,13 @@ import mixin from '../../libs/mixin/mixin.js';
 					index
 				})
 			},
+			// 长按事件
+			longPressHandler(item, index) {
+				this.$emit('longPress', {
+					...item,
+					index
+				})
+			},
 			init() {
 				uni.$u.sleep().then(() => {
 					this.resize()

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

@@ -51,7 +51,7 @@ view, scroll-view, swiper-item {
 .u-type-primary {
   color: var(--u-primary);
   background-color: #ecf5ff;
-  border-color: #d7eafe;
+  border-color: rgb(215, 234, 254);
   border-width: 1px;
 }
 .u-type-success {

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

@@ -15,6 +15,7 @@
         @longpress.stop="longpressHandler"
         :style="{
           color: color,
+          fontSize: $u.addUnit(size),
           backgroundColor: bgColor && showTooltip && tooltipTop !== -10000 ? bgColor : 'transparent'
         }"
       >

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

@@ -41,7 +41,7 @@ view, scroll-view, swiper-item {
 .u-upload__wrap__preview__other {
   width: 80px;
   height: 80px;
-  background-color: #f2f2f2;
+  background-color: rgb(242, 242, 242);
   flex: 1;
   /* #ifndef APP-NVUE */
   display: flex;
@@ -59,7 +59,7 @@ view, scroll-view, swiper-item {
   position: absolute;
   top: 0;
   right: 0;
-  background-color: #373737;
+  background-color: rgb(55, 55, 55);
   height: 14px;
   width: 14px;
   /* #ifndef APP-NVUE */
@@ -135,6 +135,9 @@ view, scroll-view, swiper-item {
   color: #ffffff;
   margin-top: 5px;
 }
+.u-upload__default-slot--empty-list {
+  flex: 1;
+}
 .u-upload__button {
   /* #ifndef APP-NVUE */
   display: flex;
@@ -144,7 +147,7 @@ view, scroll-view, swiper-item {
   justify-content: center;
   width: 80px;
   height: 80px;
-  background-color: #f4f5f7;
+  background-color: rgb(244, 245, 247);
   border-radius: 2px;
   margin: 0 8px 8px 0;
   /* #ifndef APP-NVUE */
@@ -157,7 +160,7 @@ view, scroll-view, swiper-item {
   margin-top: 2px;
 }
 .u-upload__button--hover {
-  background-color: #e6e7e9;
+  background-color: rgb(230, 231, 233);
 }
 .u-upload__button--disabled {
   opacity: 0.5;

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

@@ -170,6 +170,12 @@ $u-upload-disabled-opacity: 0.5 !default;
     }
   }
 
+  &__default-slot {
+    &--empty-list {
+      flex: 1;
+    }
+  }
+
   &__button {
     @include flex(column);
     align-items: center;

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

@@ -55,7 +55,12 @@
         </view>
       </template>
       <template v-if="isInCount">
-        <view v-if="$slots.default || $slots.$default" @tap="chooseFile">
+        <view
+          v-if="$slots.default || $slots.$default"
+          @tap="chooseFile"
+          class="u-upload__default-slot"
+          :class="[lists.length === 0 ? 'u-upload__default-slot--empty-list' : '']"
+        >
           <slot />
         </view>
         <view

package/uview-ui/libs/config/config.js

@@ -1,5 +1,5 @@
-// 此版本发布于2023-03-27
-const version = '2.0.36'
+// 此版本发布于2024-10-29
+const version = '2.0.38'
 
 // 开发环境才提示，生产环境不会提示
 if (process.env.NODE_ENV === 'development') {

package/uview-ui/libs/config/props/datetimePicker.js

@@ -31,6 +31,7 @@ export default {
         confirmColor: '#3c9cff',
         visibleItemCount: 5,
         closeOnClickOverlay: false,
+		immediateChange: false,
         defaultIndex: () => []
     }
 }