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

package/uview-plus/components/u-navbar-mini/style.scss

@@ -0,0 +1,38 @@
+@import '../../libs/css/components.scss';
+
+.u-navbar-mini {
+  &__inner {
+    width: 180rpx;
+    overflow: hidden;
+  }
+
+  &--fixed {
+    position: fixed;
+    left: 20px;
+    right: 0;
+    top: 10px;
+    z-index: 11;
+  }
+
+  &__content {
+    @include flex(row);
+    padding: 0 15px;
+    border-radius: 20px;
+    align-items: center;
+    height: 36px;
+    background-color: #9acafc;
+    position: relative;
+    justify-content: space-between;
+
+    &__left {
+      @include flex(row);
+      align-items: center;
+    }
+
+    &__left {
+      &--hover {
+        opacity: 0.7;
+      }
+    }
+  }
+}

package/uview-plus/components/u-navbar-mini/u-navbar-mini.vue

@@ -0,0 +1,89 @@
+<template>
+  <view class="u-navbar-mini" :class="[customClass]">
+    <view class="u-navbar-mini__inner" :class="[fixed && 'u-navbar-mini--fixed']">
+      <u-status-bar v-if="safeAreaInsetTop"></u-status-bar>
+      <view
+        class="u-navbar-mini__content"
+        :style="{
+          height: addUnit(height),
+          backgroundColor: bgColor
+        }"
+      >
+        <view
+          class="u-navbar-mini__content__left"
+          hover-class="u-navbar-mini__content__left--hover"
+          hover-start-time="150"
+          @tap="leftClick"
+        >
+          <slot name="left">
+            <up-icon :name="leftIcon" :size="iconSize" :color="iconColor"></up-icon>
+          </slot>
+        </view>
+        <view style="padding: 10px 10px">
+          <up-line direction="col" color="#fff" length="16px"></up-line>
+        </view>
+        <view class="u-navbar-mini__content__center" @tap="homeClick">
+          <slot name="center">
+            <up-icon name="home" :size="iconSize" :color="iconColor"></up-icon>
+          </slot>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+<script>
+import { props } from './props';
+import { mpMixin } from '../../libs/mixin/mpMixin';
+import { mixin } from '../../libs/mixin/mixin';
+import { addUnit, addStyle, getPx, sys } from '../../libs/function/index';
+/**
+ * NavbarMini 迷你导航栏
+ * @description 此组件一般用于在全屏页面中，典型的如微信小程序左上角。
+ * @tutorial https://ijry.github.io/uview-plus/components/navbar-mini.html
+ * @property {Boolean}			safeAreaInsetTop	是否开启顶部安全区适配  （默认 true ）
+ * @property {Boolean}			placeholder			固定在顶部时，是否生成一个等高元素，以防止塌陷 （默认 false ）
+ * @property {Boolean}			fixed				导航栏是否固定在顶部 （默认 false ）
+ * @property {String}			leftIcon			左边返回图标的名称，只能为uView自带的图标 （默认 'arrow-left' ）
+ * @property {String}			title				导航栏标题，如设置为空字符，将会隐藏标题占位区域
+ * @property {String}			bgColor				导航栏背景设置 （默认 '#ffffff' ）
+ * @property {String | Number}	height				导航栏高度(不包括状态栏高度在内，内部自动加上)（默认 '44px' ）
+ * @property {String | Number}	iconSize			左侧返回图标的大小（默认 20px ）
+ * @property {String | Number}	leftIconColor		左侧返回图标的颜色（默认 #303133 ）
+ * @property {Boolean}	        autoBack			点击左侧区域(返回图标)，是否自动返回上一页（默认 false ）
+ * @property {Object | String}	titleStyle			标题的样式，对象或字符串
+ * @event {Function} leftClick		点击左侧区域
+ * @event {Function} rightClick		点击右侧区域
+ * @example <u-navbar-mini @click-left="onClickBack"></u-navbar-mini>
+ */
+export default {
+  name: 'u-navbar-mini',
+  mixins: [mpMixin, mixin, props],
+  data() {
+    return {};
+  },
+  emits: ['leftClick', 'homeClick'],
+  created() {},
+  methods: {
+    addStyle,
+    addUnit,
+    sys,
+    getPx,
+    // 点击左侧区域
+    leftClick() {
+      // 如果配置了autoBack，自动返回上一页
+      this.$emit('leftClick');
+      if (this.autoBack) {
+        uni.navigateBack();
+      }
+    },
+    homeClick() {
+      if (this.homeUrl) {
+        uni.reLaunch({ url: this.homeUrl });
+      }
+    }
+  }
+};
+</script>
+<style scoped>
+@import './style.css';
+</style>

package/uview-plus/components/u-no-network/props.js

@@ -1,20 +1,21 @@
-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: {
     // 页面文字提示
     tips: {
       type: String,
-      default: defprops.noNetwork.tips
+      default: () => defProps.noNetwork.tips
     },
     // 一个z-index值，用于设置没有网络这个组件的层次，因为页面可能会有其他定位的元素层级过高，导致此组件被覆盖
     zIndex: {
       type: [String, Number],
-      default: defprops.noNetwork.zIndex
+      default: () => defProps.noNetwork.zIndex
     },
     // image 没有网络的图片提示
     image: {
       type: String,
-      default: defprops.noNetwork.image
+      default: () => defProps.noNetwork.image
     }
   }
-};
+});

package/uview-plus/components/u-no-network/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;
@@ -46,4 +61,4 @@ view, scroll-view, swiper-item {
   flex-direction: row;
   justify-content: center;
   margin-top: 15px;
-}
+}

package/uview-plus/components/u-no-network/u-no-network.vue

@@ -26,9 +26,10 @@
   </u-overlay>
 </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 { toast, getDeviceInfo } from '../../libs/function/index';
 /**
  * noNetwork 无网络提示
  * @description 该组件无需任何配置，引入即可，内部自动处理所有功能和事件。
@@ -49,7 +50,7 @@ export default {
     };
   },
   mounted() {
-    this.isIOS = uni.getSystemInfoSync().platform === 'ios';
+    this.isIOS = getDeviceInfo().platform === 'ios';
     uni.onNetworkStatusChange((res) => {
       this.isConnected = res.isConnected;
       this.networkType = res.networkType;
@@ -67,6 +68,7 @@ export default {
       }
     });
   },
+  emits: ['disconnected', 'connected'],
   methods: {
     retry() {
       // 重新检查网络
@@ -75,10 +77,10 @@ export default {
           this.networkType = res.networkType;
           this.emitEvent(this.networkType);
           if (res.networkType == 'none') {
-            uni.$u.toast('无网络连接');
+            toast('无网络连接');
             this.isConnected = false;
           } else {
-            uni.$u.toast('网络已连接');
+            toast('网络已连接');
             this.isConnected = true;
           }
         }

package/uview-plus/{libs/config/props → components/u-notice-bar}/noticeBar.js

@@ -10,7 +10,7 @@
 export default {
     // noticeBar
     noticeBar: {
-        text: () => [],
+        text: [],
         direction: 'row',
         step: false,
         icon: 'volume',
@@ -22,6 +22,7 @@ export default {
         duration: 2000,
         disableTouch: true,
         url: '',
-        linkType: 'navigateTo'
+        linkType: 'navigateTo',
+		justifyContent: 'flex-start'
     }
 }

package/uview-plus/components/u-notice-bar/props.js

@@ -1,71 +1,76 @@
-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: {
     // 显示的内容，数组
     text: {
       type: [Array, String],
-      default: defprops.noticeBar.text
+      default: () => defProps.noticeBar.text
     },
     // 通告滚动模式，row-横向滚动，column-竖向滚动
     direction: {
       type: String,
-      default: defprops.noticeBar.direction
+      default: () => defProps.noticeBar.direction
     },
     // direction = row时，是否使用步进形式滚动
     step: {
       type: Boolean,
-      default: defprops.noticeBar.step
+      default: () => defProps.noticeBar.step
     },
     // 是否显示左侧的音量图标
     icon: {
       type: String,
-      default: defprops.noticeBar.icon
+      default: () => defProps.noticeBar.icon
     },
     // 通告模式，link-显示右箭头，closable-显示右侧关闭图标
     mode: {
       type: String,
-      default: defprops.noticeBar.mode
+      default: () => defProps.noticeBar.mode
     },
     // 文字颜色，各图标也会使用文字颜色
     color: {
       type: String,
-      default: defprops.noticeBar.color
+      default: () => defProps.noticeBar.color
     },
     // 背景颜色
     bgColor: {
       type: String,
-      default: defprops.noticeBar.bgColor
+      default: () => defProps.noticeBar.bgColor
     },
     // 水平滚动时的滚动速度，即每秒滚动多少px(px)，这有利于控制文字无论多少时，都能有一个恒定的速度
     speed: {
       type: [String, Number],
-      default: defprops.noticeBar.speed
+      default: () => defProps.noticeBar.speed
     },
     // 字体大小
     fontSize: {
       type: [String, Number],
-      default: defprops.noticeBar.fontSize
+      default: () => defProps.noticeBar.fontSize
     },
     // 滚动一个周期的时间长，单位ms
     duration: {
       type: [String, Number],
-      default: defprops.noticeBar.duration
+      default: () => defProps.noticeBar.duration
     },
     // 是否禁止用手滑动切换
     // 目前HX2.6.11，只支持App 2.5.5+、H5 2.5.5+、支付宝小程序、字节跳动小程序
     disableTouch: {
       type: Boolean,
-      default: defprops.noticeBar.disableTouch
+      default: () => defProps.noticeBar.disableTouch
     },
     // 跳转的页面路径
     url: {
       type: String,
-      default: defprops.noticeBar.url
+      default: () => defProps.noticeBar.url
     },
     // 页面跳转的类型
     linkType: {
       type: String,
-      default: defprops.noticeBar.linkType
+      default: () => defProps.noticeBar.linkType
+    },
+    justifyContent: {
+      type: String,
+      default: () => defProps.noticeBar.justifyContent
     }
   }
-};
+});

package/uview-plus/components/u-notice-bar/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;
@@ -13,4 +28,4 @@ view, scroll-view, swiper-item {
   overflow: hidden;
   padding: 9px 12px;
   flex: 1;
-}
+}

package/uview-plus/components/u-notice-bar/u-notice-bar.vue

@@ -6,7 +6,7 @@
       {
         backgroundColor: bgColor
       },
-      $u.addStyle(customStyle)
+      addStyle(customStyle)
     ]"
   >
     <template v-if="direction === 'column' || (direction === 'row' && step)">
@@ -20,6 +20,7 @@
         :disable-touch="disableTouch"
         :fontSize="fontSize"
         :duration="duration"
+        :justifyContent="justifyContent"
         @close="close"
         @click="click"
       ></u-column-notice>
@@ -42,9 +43,11 @@
   </view>
 </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 } from '../../libs/function/index';
+import uColumnNotice from '../u-column-notice/u-column-notice.vue';
 /**
  * noticeBar 滚动通知
  * @description 该组件用于滚动通告场景，有多种模式可供选择
@@ -71,12 +74,15 @@ import mixin from '../../libs/mixin/mixin.js';
 export default {
   name: 'u-notice-bar',
   mixins: [mpMixin, mixin, props],
+  components: { uColumnNotice },
   data() {
     return {
       show: true
     };
   },
+  emits: ['click', 'close'],
   methods: {
+    addStyle,
     // 点击通告栏
     click(index) {
       this.$emit('click', index);

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

@@ -1,50 +1,51 @@
-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: {
     // 到顶部的距离
     top: {
       type: [String, Number],
-      default: defprops.notify.top
+      default: () => defProps.notify.top
     },
     // 是否展示组件
     // show: {
     // 	type: Boolean,
-    // 	default: defprops.notify.show
+    // 	default: () => defProps.notify.show
     // },
     // type主题，primary，success，warning，error
     type: {
       type: String,
-      default: defprops.notify.type
+      default: () => defProps.notify.type
     },
     // 字体颜色
     color: {
       type: String,
-      default: defprops.notify.color
+      default: () => defProps.notify.color
     },
     // 背景颜色
     bgColor: {
       type: String,
-      default: defprops.notify.bgColor
+      default: () => defProps.notify.bgColor
     },
     // 展示的文字内容
     message: {
       type: String,
-      default: defprops.notify.message
+      default: () => defProps.notify.message
     },
     // 展示时长，为0时不消失，单位ms
     duration: {
       type: [String, Number],
-      default: defprops.notify.duration
+      default: () => defProps.notify.duration
     },
     // 字体大小
     fontSize: {
       type: [String, Number],
-      default: defprops.notify.fontSize
+      default: () => defProps.notify.fontSize
     },
     // 是否留出顶部安全距离（状态栏高度）
     safeAreaInsetTop: {
       type: Boolean,
-      default: defprops.notify.safeAreaInsetTop
+      default: () => defProps.notify.safeAreaInsetTop
     }
   }
-};
+});

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

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

@@ -1,6 +1,6 @@
 <template>
   <u-transition mode="slide-down" :customStyle="containerStyle" :show="open">
-    <view class="u-notify" :class="[`u-notify--${tmpConfig.type}`]" :style="[backgroundColor, $u.addStyle(customStyle)]">
+    <view class="u-notify" :class="[`u-notify--${tmpConfig.type}`]" :style="[backgroundColor, addStyle(customStyle)]">
       <u-status-bar v-if="tmpConfig.safeAreaInsetTop"></u-status-bar>
       <view class="u-notify__warpper">
         <slot name="icon">
@@ -15,7 +15,7 @@
         <text
           class="u-notify__warpper__text"
           :style="{
-            fontSize: $u.addUnit(tmpConfig.fontSize),
+            fontSize: addUnit(tmpConfig.fontSize),
             color: tmpConfig.color
           }"
         >
@@ -26,9 +26,11 @@
   </u-transition>
 </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 defProps from '../../libs/config/props.js';
+import { addUnit, addStyle, deepMerge } from '../../libs/function/index';
 /**
  * notify 顶部提示
  * @description 该组件一般用于页面顶部向下滑出一个提示，尔后自动收起的场景
@@ -56,21 +58,21 @@ export default {
       timer: null,
       config: {
         // 到顶部的距离
-        top: uni.$u.props.notify.top,
+        top: defProps.notify.top,
         // type主题，primary，success，warning，error
-        type: uni.$u.props.notify.type,
+        type: defProps.notify.type,
         // 字体颜色
-        color: uni.$u.props.notify.color,
+        color: defProps.notify.color,
         // 背景颜色
-        bgColor: uni.$u.props.notify.bgColor,
+        bgColor: defProps.notify.bgColor,
         // 展示的文字内容
-        message: uni.$u.props.notify.message,
+        message: defProps.notify.message,
         // 展示时长，为0时不消失，单位ms
-        duration: uni.$u.props.notify.duration,
+        duration: defProps.notify.duration,
         // 字体大小
-        fontSize: uni.$u.props.notify.fontSize,
+        fontSize: defProps.notify.fontSize,
         // 是否留出顶部安全距离（状态栏高度）
-        safeAreaInsetTop: uni.$u.props.notify.safeAreaInsetTop
+        safeAreaInsetTop: defProps.notify.safeAreaInsetTop
       },
       // 合并后的配置，避免多次调用组件后，可能会复用之前使用的配置参数
       tmpConfig: {}
@@ -87,7 +89,7 @@ export default {
         // #endif
       }
       const style = {
-        top: uni.$u.addUnit(this.tmpConfig.top === 0 ? top : this.tmpConfig.top),
+        top: addUnit(this.tmpConfig.top === 0 ? top : this.tmpConfig.top),
         // 因为组件底层为u-transition组件，必须将其设置为fixed定位
         // 让其出现在导航栏底部
         position: 'fixed',
@@ -129,9 +131,11 @@ export default {
     });
   },
   methods: {
+    addStyle,
+    addUnit,
     show(options) {
       // 不将结果合并到this.config变量，避免多次调用u-toast，前后的配置造成混乱
-      this.tmpConfig = uni.$u.deepMerge(this.config, options);
+      this.tmpConfig = deepMerge(this.config, options);
       // 任何定时器初始化之前，都要执行清除操作，否则可能会造成混乱
       this.clearTimer();
       this.open = true;
@@ -156,7 +160,7 @@ export default {
       this.timer = null;
     }
   },
-  beforeDestroy() {
+  beforeUnmount() {
     this.clearTimer();
   }
 };

package/uview-plus/{libs/config/props → components/u-number-box}/numberBox.js

@@ -25,11 +25,15 @@ export default {
         decimalLength: null,
         longPress: true,
         color: '#323233',
+        buttonWidth: 30,
         buttonSize: 30,
+        buttonRadius: '0px',
         bgColor: '#EBECEE',
+        inputBgColor: '#EBECEE',
         cursorSpacing: 100,
         disableMinus: false,
         disablePlus: false,
-        iconStyle: ''
+        iconStyle: '',
+        miniMode: false
     }
 }