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

package/uview-plus/components/u-badge/props.js

@@ -1,55 +1,56 @@
-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: {
     // 是否显示圆点
     isDot: {
       type: Boolean,
-      default: defprops.badge.isDot
+      default: () => defProps.badge.isDot
     },
     // 显示的内容
     value: {
       type: [Number, String],
-      default: defprops.badge.value
+      default: () => defProps.badge.value
     },
     // 显示的内容
     modelValue: {
       type: [Number, String],
-      default: defprops.badge.modelValue
+      default: () => defProps.badge.modelValue
     },
     // 是否显示
     show: {
       type: Boolean,
-      default: defprops.badge.show
+      default: () => defProps.badge.show
     },
     // 最大值，超过最大值会显示 '{max}+'
     max: {
       type: [Number, String],
-      default: defprops.badge.max
+      default: () => defProps.badge.max
     },
     // 主题类型，error|warning|success|primary
     type: {
       type: String,
-      default: defprops.badge.type
+      default: () => defProps.badge.type
     },
     // 当数值为 0 时，是否展示 Badge
     showZero: {
       type: Boolean,
-      default: defprops.badge.showZero
+      default: () => defProps.badge.showZero
     },
     // 背景颜色，优先级比type高，如设置，type参数会失效
     bgColor: {
       type: [String, null],
-      default: defprops.badge.bgColor
+      default: () => defProps.badge.bgColor
     },
     // 字体颜色
     color: {
       type: [String, null],
-      default: defprops.badge.color
+      default: () => defProps.badge.color
     },
     // 徽标形状，circle-四角均为圆角，horn-左下角为直角
     shape: {
       type: String,
-      default: defprops.badge.shape
+      default: () => defProps.badge.shape
     },
     // 设置数字的显示方式，overflow|ellipsis|limit
     // overflow会根据max字段判断，超出显示`${max}+`
@@ -57,22 +58,22 @@ export default {
     // limit会依据1000作为判断条件，超出1000，显示`${value/1000}K`，比如2.2k、3.34w，最多保留2位小数
     numberType: {
       type: String,
-      default: defprops.badge.numberType
+      default: () => defProps.badge.numberType
     },
     // 设置badge的位置偏移，格式为 [x, y]，也即设置的为top和right的值，absolute为true时有效
     offset: {
       type: Array,
-      default: defprops.badge.offset
+      default: () => defProps.badge.offset
     },
     // 是否反转背景和字体颜色
     inverted: {
       type: Boolean,
-      default: defprops.badge.inverted
+      default: () => defProps.badge.inverted
     },
     // 是否绝对定位
     absolute: {
       type: Boolean,
-      default: defprops.badge.absolute
+      default: () => defProps.badge.absolute
     }
   }
-};
+});

package/uview-plus/components/u-badge/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;
@@ -65,4 +80,4 @@ view, scroll-view, swiper-item {
 }
 .u-badge--warning--inverted {
   color: var(--u-warning);
-}
+}

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

@@ -7,20 +7,21 @@
       shape === 'horn' && 'u-badge--horn',
       `u-badge--${type}${inverted ? '--inverted' : ''}`
     ]"
-    :style="[$u.addStyle(customStyle), badgeStyle]"
+    :style="[addStyle(customStyle), badgeStyle]"
     class="u-badge"
   >
     {{ isDot ? '' : showValue }}
   </text>
 </template>
 <script>
-import props from './props.js';
-import mpMixin from '../../libs/mixin/mpMixin.js';
-import mixin from '../../libs/mixin/mixin.js';
+import { props } from './props';
+import { mpMixin } from '../../libs/mixin/mpMixin';
+import { mixin } from '../../libs/mixin/mixin';
+import { addStyle, addUnit } from '../../libs/function/index';
 /**
  * badge 徽标数
  * @description 该组件一般用于图标右上角显示未读的消息数量，提示用户点击，有圆点和圆包含文字两种形式。
- * @tutorial https://uviewui.com/components/badge.html
+ * @tutorial https://uview-plus.jiangruyi.com/components/badge.html
  *
  * @property {Boolean} 			isDot 		是否显示圆点 （默认 false ）
  * @property {String | Number} 	value 		显示的内容
@@ -63,8 +64,8 @@ export default {
           // top和right分为为offset的第一个和第二个值，如果没有第二个值，则right等于top
           const top = this.offset[0];
           const right = this.offset[1] || top;
-          style.top = uni.$u.addUnit(top);
-          style.right = uni.$u.addUnit(right);
+          style.top = addUnit(top);
+          style.right = addUnit(right);
         }
       }
       return style;
@@ -88,6 +89,9 @@ export default {
           return Number(this.value);
       }
     }
+  },
+  methods: {
+    addStyle
   }
 };
 </script>

package/uview-plus/components/u-box/props.js

@@ -0,0 +1,27 @@
+import { defineMixin } from '../../libs/vue';
+import defProps from '../../libs/config/props.js';
+
+export const propsBox = defineMixin({
+  props: {
+    // 背景色
+    bgColors: {
+      type: [Array],
+      default: ['#EEFCFF', '#FCF8FF', '#FDF8F2']
+    },
+    // 高度
+    height: {
+      type: [String],
+      default: '160px'
+    },
+    // 圆角
+    borderRadius: {
+      type: [String],
+      default: '6px'
+    },
+    // 间隔
+    gap: {
+      type: [String],
+      default: '15px'
+    }
+  }
+});

package/uview-plus/components/u-box/style.css

@@ -0,0 +1,77 @@
+/* #ifndef APP-NVUE */
+.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;
+  flex-grow: 0;
+  flex-basis: auto;
+  align-items: stretch;
+  align-content: flex-start;
+}
+/* #endif */
+.u-box {
+  /* #ifndef APP-NVUE */
+  /* #endif */
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  flex: 1;
+}
+.u-box__left {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  flex: 1;
+}
+.u-box__gap {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  flex-direction: column;
+}
+.u-box__right {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  flex-direction: column;
+  flex: 1;
+}
+.u-box__right-top {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+}
+.u-box__right-bottom {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+}

package/uview-plus/components/u-box/style.scss

@@ -0,0 +1,38 @@
+@import '../../libs/css/components.scss';
+
+.u-box {
+  /* #ifndef APP-NVUE */
+  /* #endif */
+  @include flex();
+  flex: 1;
+
+  &__left {
+    @include flex();
+    justify-content: center;
+    align-items: center;
+    flex: 1;
+  }
+  &__gap {
+    @include flex();
+    flex-direction: column;
+  }
+  &__right {
+    @include flex();
+    flex-direction: column;
+    flex: 1;
+  }
+
+  &__right-top {
+    @include flex();
+    flex: 1;
+    justify-content: center;
+    align-items: center;
+  }
+
+  &__right-bottom {
+    @include flex();
+    flex: 1;
+    justify-content: center;
+    align-items: center;
+  }
+}

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

@@ -0,0 +1,3 @@
+<template>
  <view class="u-box" :style="[{ height: height }, addStyle(customStyle)]">
    <view class="u-box__left" :style="{ borderRadius: borderRadius, backgroundColor: bgColors[0] }">
      <slot name="left">左</slot>
    </view>
    <view class="u-box__gap" :style="{ width: gap, height: height }"></view>
    <view class="u-box__right">
      <view class="u-box__right-top" :style="{ borderRadius: borderRadius, backgroundColor: bgColors[1] }">
        <slot name="rightTop">右上</slot>
      </view>
      <view class="u-box__right-gap" :style="{ height: gap }"></view>
      <view class="u-box__right-bottom" :style="{ borderRadius: borderRadius, backgroundColor: bgColors[2] }">
        <slot name="rightBottom">右下</slot>
      </view>
    </view>
  </view>
 * box 盒子
 * @description box盒子一般为左边一个盒子，右侧两个等高的半盒组成，常用于App首页座位重点突出。
 * @tutorial https://uview-plus.jiangruyi.com/components/box.html
 * @property {Array}	bgColors			背景色
 * @property {String}	height			    高度
 * @property {String}	borderRadius		圆角
 * @property {Object}   customStyle		    定义需要用到的外部样式
 *
 * @event {Function}			click			点击cell列表时触发
 * @example <up-box colors=['blue', 'red', 'yellow'] height="200px"></up-box>
 */
  name: 'up-box',
  data() {
    return {};
  },
  mixins: [mpMixin, mixin, propsBox],
  computed: {},
  emits: [],
  methods: {
    addStyle
  }
+@import './style.css';
+</style>

package/uview-plus/{libs/config/props → components/u-button}/button.js

@@ -37,6 +37,7 @@ export default {
         text: '',
         icon: '',
         iconColor: '',
-        color: ''
+        color: '',
+        stop: true,
     }
 }

package/uview-plus/components/u-button/nvue-parse.scss

@@ -2,7 +2,7 @@
   opacity: 0.75;
 }
 .u-button--active--plain {
-  background-color: #d9d9d9;
+  background-color: rgb(217, 217, 217);
 }
 .u-button__loading-text {
   margin-left: 4px;
@@ -24,4 +24,4 @@
 }
 .u-button__text--plain--primary {
   color: var(--u-primary);
-}
+}

package/uview-plus/components/u-button/props.js

@@ -1,162 +1,159 @@
-/*
- * @Author       : LQ
- * @Description  :
- * @version      : 1.0
- * @Date         : 2021-08-16 10:04:04
- * @LastAuthor   : LQ
- * @lastTime     : 2021-08-16 10:04:24
- * @FilePath     : /u-view2.0/uview-ui/components/u-button/props.js
- */
-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: {
     // 是否细边框
     hairline: {
       type: Boolean,
-      default: defprops.button.hairline
+      default: () => defProps.button.hairline
     },
     // 按钮的预置样式，info，primary，error，warning，success
     type: {
       type: String,
-      default: defprops.button.type
+      default: () => defProps.button.type
     },
     // 按钮尺寸，large，normal，small，mini
     size: {
       type: String,
-      default: defprops.button.size
+      default: () => defProps.button.size
     },
     // 按钮形状，circle（两边为半圆），square（带圆角）
     shape: {
       type: String,
-      default: defprops.button.shape
+      default: () => defProps.button.shape
     },
     // 按钮是否镂空
     plain: {
       type: Boolean,
-      default: defprops.button.plain
+      default: () => defProps.button.plain
     },
     // 是否禁止状态
     disabled: {
       type: Boolean,
-      default: defprops.button.disabled
+      default: () => defProps.button.disabled
     },
     // 是否加载中
     loading: {
       type: Boolean,
-      default: defprops.button.loading
+      default: () => defProps.button.loading
     },
     // 加载中提示文字
     loadingText: {
       type: [String, Number],
-      default: defprops.button.loadingText
+      default: () => defProps.button.loadingText
     },
     // 加载状态图标类型
     loadingMode: {
       type: String,
-      default: defprops.button.loadingMode
+      default: () => defProps.button.loadingMode
     },
     // 加载图标大小
     loadingSize: {
       type: [String, Number],
-      default: defprops.button.loadingSize
+      default: () => defProps.button.loadingSize
     },
     // 开放能力，具体请看uniapp稳定关于button组件部分说明
     // https://uniapp.dcloud.io/component/button
     openType: {
       type: String,
-      default: defprops.button.openType
+      default: () => defProps.button.openType
     },
     // 用于 <form> 组件，点击分别会触发 <form> 组件的 submit/reset 事件
     // 取值为submit（提交表单），reset（重置表单）
     formType: {
       type: String,
-      default: defprops.button.formType
+      default: () => defProps.button.formType
     },
     // 打开 APP 时，向 APP 传递的参数，open-type=launchApp时有效
     // 只微信小程序、QQ小程序有效
     appParameter: {
       type: String,
-      default: defprops.button.appParameter
+      default: () => defProps.button.appParameter
     },
     // 指定是否阻止本节点的祖先节点出现点击态，微信小程序有效
     hoverStopPropagation: {
       type: Boolean,
-      default: defprops.button.hoverStopPropagation
+      default: () => defProps.button.hoverStopPropagation
     },
     // 指定返回用户信息的语言，zh_CN 简体中文，zh_TW 繁体中文，en 英文。只微信小程序有效
     lang: {
       type: String,
-      default: defprops.button.lang
+      default: () => defProps.button.lang
     },
     // 会话来源，open-type="contact"时有效。只微信小程序有效
     sessionFrom: {
       type: String,
-      default: defprops.button.sessionFrom
+      default: () => defProps.button.sessionFrom
     },
     // 会话内消息卡片标题，open-type="contact"时有效
     // 默认当前标题，只微信小程序有效
     sendMessageTitle: {
       type: String,
-      default: defprops.button.sendMessageTitle
+      default: () => defProps.button.sendMessageTitle
     },
     // 会话内消息卡片点击跳转小程序路径，open-type="contact"时有效
     // 默认当前分享路径，只微信小程序有效
     sendMessagePath: {
       type: String,
-      default: defprops.button.sendMessagePath
+      default: () => defProps.button.sendMessagePath
     },
     // 会话内消息卡片图片，open-type="contact"时有效
     // 默认当前页面截图，只微信小程序有效
     sendMessageImg: {
       type: String,
-      default: defprops.button.sendMessageImg
+      default: () => defProps.button.sendMessageImg
     },
     // 是否显示会话内消息卡片，设置此参数为 true，用户进入客服会话会在右下角显示"可能要发送的小程序"提示，
     // 用户点击后可以快速发送小程序消息，open-type="contact"时有效
     showMessageCard: {
       type: Boolean,
-      default: defprops.button.showMessageCard
+      default: () => defProps.button.showMessageCard
     },
     // 额外传参参数，用于小程序的data-xxx属性，通过target.dataset.name获取
     dataName: {
       type: String,
-      default: defprops.button.dataName
+      default: () => defProps.button.dataName
     },
     // 节流，一定时间内只能触发一次
     throttleTime: {
       type: [String, Number],
-      default: defprops.button.throttleTime
+      default: () => defProps.button.throttleTime
     },
     // 按住后多久出现点击态，单位毫秒
     hoverStartTime: {
       type: [String, Number],
-      default: defprops.button.hoverStartTime
+      default: () => defProps.button.hoverStartTime
     },
     // 手指松开后点击态保留时间，单位毫秒
     hoverStayTime: {
       type: [String, Number],
-      default: defprops.button.hoverStayTime
+      default: () => defProps.button.hoverStayTime
     },
     // 按钮文字，之所以通过props传入，是因为slot传入的话
     // nvue中无法控制文字的样式
     text: {
       type: [String, Number],
-      default: defprops.button.text
+      default: () => defProps.button.text
     },
     // 按钮图标
     icon: {
       type: String,
-      default: defprops.button.icon
+      default: () => defProps.button.icon
     },
     // 按钮图标
     iconColor: {
       type: String,
-      default: defprops.button.icon
+      default: () => defProps.button.icon
     },
     // 按钮颜色，支持传入linear-gradient渐变色
     color: {
       type: String,
-      default: defprops.button.color
+      default: () => defProps.button.color
+    },
+    // 停止冒泡
+    stop: {
+      type: Boolean,
+      default: () => defProps.button.stop
     }
   }
-};
+});

package/uview-plus/components/u-button/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;
@@ -12,6 +27,7 @@ view, scroll-view, swiper-item {
 /* #ifndef APP-NVUE */
 .u-button {
   width: 100%;
+  white-space: nowrap;
 }
 .u-button__text {
   white-space: nowrap;
@@ -32,7 +48,7 @@ view, scroll-view, swiper-item {
   border-color: #000;
 }
 .u-button--active:before {
-  opacity: .15;
+  opacity: 0.15;
 }
 .u-button__icon + .u-button__text:not(:empty), .u-button__loading-text {
   margin-left: 4px;
@@ -50,7 +66,7 @@ view, scroll-view, swiper-item {
   color: var(--u-error);
 }
 .u-button--plain.u-button--warning {
-  color: var(--u-error);
+  color: var(--u-warning);
 }
 /* #endif */
 /* #ifdef APP-NVUE */
@@ -58,7 +74,7 @@ view, scroll-view, swiper-item {
   opacity: 0.75;
 }
 .u-button--active--plain {
-  background-color: #d9d9d9;
+  background-color: rgb(217, 217, 217);
 }
 .u-button__loading-text {
   margin-left: 4px;
@@ -199,4 +215,4 @@ view, scroll-view, swiper-item {
 }
 .u-button--hairline {
   border-width: 0.5px !important;
-}
+}