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

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

@@ -0,0 +1,196 @@
+<template>
+  <view class="u-navbar">
+    <view
+      class="u-navbar__placeholder"
+      v-if="fixed && placeholder"
+      :style="{
+        height: addUnit(getPx(height) + sys().statusBarHeight, 'px')
+      }"
+    ></view>
+    <view :class="[fixed && 'u-navbar--fixed']" :style="fixed && `top: ${keyboardHeight || '0rpx'}`">
+      <up-status-bar v-if="safeAreaInsetTop" :bgColor="bgColor"></up-status-bar>
+      <view
+        class="u-navbar__content"
+        :class="[border && 'u-border-bottom']"
+        :style="{
+          height: addUnit(height),
+          background: bgColor
+        }"
+      >
+        <view
+          v-if="showLeft"
+          class="u-navbar__content__left"
+          hover-class="u-navbar__content__left--hover"
+          hover-start-time="150"
+          @tap="leftClick"
+        >
+          <slot name="left">
+            <up-icon v-if="leftIcon" :name="leftIcon" :size="leftIconSize" :color="leftIconColor"></up-icon>
+            <text
+              v-if="leftText"
+              :style="{
+                color: leftIconColor
+              }"
+              class="u-navbar__content__left__text"
+            >
+              {{ leftText }}
+            </text>
+          </slot>
+        </view>
+        <slot name="center">
+          <text
+            class="u-line-1 u-navbar__content__title"
+            :style="[
+              {
+                width: addUnit(titleWidth)
+              },
+              addStyle(titleStyle)
+            ]"
+          >
+            {{ title }}
+          </text>
+        </slot>
+        <view class="u-navbar__content__right" :style="{ right: mpCapsuleRightPosition }" @tap="rightClick">
+          <slot name="right">
+            <up-icon v-if="rightIcon" :name="rightIcon" size="20"></up-icon>
+            <text v-if="rightText" class="u-navbar__content__right__text">{{ rightText }}</text>
+          </slot>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import { mpMixin } from '../../libs/mixin/mpMixin';
+import { mixin } from '../../libs/mixin/mixin';
+import props from './props.js';
+/**
+ * Navbar 自定义导航栏
+ * @description 此组件一般用于在特殊情况下，需要自定义导航栏的时候用到，自动状态栏高度、小程序胶囊预留位置等，一般建议使用uni-app带的导航栏。
+ * @tutorial https://ijry.github.io/uview-plus/components/navbar.html
+ * @property {Boolean}			safeAreaInsetTop	是否开启顶部安全区适配  （默认 true ）
+ * @property {Boolean}			placeholder			固定在顶部时，是否生成一个等高元素，以防止塌陷 （默认 false ）
+ * @property {Boolean}			fixed				导航栏是否固定在顶部 （默认 false ）
+ * @property {Boolean}			border				导航栏底部是否显示下边框 （默认 false ）
+ * @property {Boolean}			showLeft			是否显示左边（默认 true ）
+ * @property {String}			mpRightReserveCapsule	小程序端导航栏右侧是否预留胶囊位置 （默认true）
+ * @property {String}			leftIcon			左边返回图标的名称，只能为u-ui自带的图标 （默认 'arrow-left' ）
+ * @property {String}			leftText			左边的提示文字
+ * @property {String}			rightText			右边的提示文字
+ * @property {String}			rightIcon			右边返回图标的名称，只能为uView自带的图标
+ * @property {String}			title				导航栏标题，如设置为空字符，将会隐藏标题占位区域
+ * @property {String}			bgColor				导航栏背景设置 （默认 '#ffffff' ）
+ * @property {String | Number}	titleWidth			导航栏标题的最大宽度，内容超出会以省略号隐藏 （默认 '400rpx' ）
+ * @property {String | Number}	height				导航栏高度(不包括状态栏高度在内，内部自动加上)（默认 '44px' ）
+ * @property {String | Number}	leftIconSize		左侧返回图标的大小（默认 20px ）
+ * @property {String | Number}	leftIconColor		左侧返回图标的颜色（默认 #303133 ）
+ * @property {Boolean}	        autoBack			点击左侧区域(返回图标)，是否自动返回上一页（默认 false ）
+ * @property {Object | String}	titleStyle			标题的样式，对象或字符串
+ * @property {Boolean}	keyboardHeight 键盘高度，请在input、textarea等输入框定期页面时通过聚焦、失焦事件的e.detail.height并传给keyboardHeight即可，避免因页面顶起导致的导航栏消失
+ * @event {Function} leftClick		点击左侧区域
+ * @event {Function} rightClick		点击右侧区域
+ * @example <up-navbar title="酒尚余温，入口不识乾坤" left-text="返回" right-text="帮助" @click-left="onClickBack" @click-right="onClickRight"></up-navbar>
+ */
+export default {
+  name: 'u-navbar',
+  emits: ['leftClick', 'rightClick'],
+  mixins: [mpMixin, mixin, props],
+  data() {
+    return {
+      // 固定时的Top
+      fixedTop: '0px'
+    };
+  },
+  methods: {
+    // 点击左侧区域
+    leftClick() {
+      // 如果配置了autoBack，自动返回上一页
+      this.$emit('leftClick');
+      if (this.autoBack) {
+        uni.navigateBack();
+      }
+    },
+    // 点击右侧区域
+    rightClick() {
+      this.$emit('rightClick');
+    }
+  },
+  computed: {
+    // 小程序胶囊右侧所在位置 仅在小程序端且 mpRightReserveCapsule 为 true 是预留胶囊位置
+    mpCapsuleRightPosition() {
+      //#ifdef MP
+      if (this.mpRightReserveCapsule) {
+        return addUnit(uni.getMenuButtonBoundingClientRect().width + 2);
+      } else {
+        return 0;
+      }
+      // #endif
+      // #ifndef MP
+      return 0;
+      // #endif
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+@import '../../libs/css/components.scss';
+@import '../../theme.scss';
+
+.u-navbar {
+  &--fixed {
+    position: fixed;
+    left: 0;
+    right: 0;
+    z-index: 11;
+  }
+
+  &__content {
+    @include flex(row);
+    align-items: center;
+    height: 44px;
+    background-color: #9acafc;
+    position: relative;
+    justify-content: center;
+
+    &__left,
+    &__right {
+      padding: 0 13px;
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      @include flex(row);
+      align-items: center;
+    }
+
+    &__left {
+      left: 0;
+
+      &--hover {
+        opacity: 0.7;
+      }
+
+      &__text {
+        font-size: 15px;
+        margin-left: 3px;
+      }
+    }
+
+    &__title {
+      text-align: center;
+      font-size: 16px;
+      color: $u-main-color;
+    }
+
+    &__right {
+      right: 0;
+
+      &__text {
+        font-size: 15px;
+        margin-left: 3px;
+      }
+    }
+  }
+}
+</style>

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

@@ -1,5 +1,5 @@
 <template>
-  <u-overlay
+  <up-overlay
     :show="!isConnected"
     :zIndex="zIndex"
     @touchmove.stop.prevent="noop"
@@ -10,7 +10,7 @@
     }"
   >
     <view class="u-no-network">
-      <u-icon :name="image" size="150" imgMode="widthFit" class="u-no-network__error-icon"></u-icon>
+      <up-icon :name="image" size="150" imgMode="widthFit" class="u-no-network__error-icon"></up-icon>
       <text class="u-no-network__tips">{{ tips }}</text>
       <!-- 只有APP平台，才能跳转设置页，因为需要调用plus环境 -->
       <!-- #ifdef APP-PLUS -->
@@ -20,10 +20,10 @@
       </view>
       <!-- #endif -->
       <view class="u-no-network__retry">
-        <u-button size="mini" text="重试" type="primary" plain @click="retry"></u-button>
+        <up-button size="mini" text="重试" type="primary" plain @click="retry"></up-button>
       </view>
     </view>
-  </u-overlay>
+  </up-overlay>
 </template>
 <script>
 import { props } from './props';
@@ -38,7 +38,7 @@ import { toast, getDeviceInfo } from '../../libs/function/index';
  * @property {String | Number}	zIndex	组件的z-index值
  * @property {String}			image	无网络的图片提示，可用的src地址或base64图片
  * @event {Function}			retry	用户点击页面的"重试"按钮时触发
- * @example <u-no-network></u-no-network>
+ * @example <up-no-network></up-no-network>
  */
 export default {
   name: 'u-no-network',

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

@@ -10,7 +10,7 @@
     ]"
   >
     <template v-if="direction === 'column' || (direction === 'row' && step)">
-      <u-column-notice
+      <up-column-notice
         :color="color"
         :bgColor="bgColor"
         :text="text"
@@ -23,10 +23,10 @@
         :justifyContent="justifyContent"
         @close="close"
         @click="click"
-      ></u-column-notice>
+      ></up-column-notice>
     </template>
     <template v-else>
-      <u-row-notice
+      <up-row-notice
         :color="color"
         :bgColor="bgColor"
         :text="text"
@@ -38,7 +38,7 @@
         :icon="icon"
         @close="close"
         @click="click"
-      ></u-row-notice>
+      ></up-row-notice>
     </template>
   </view>
 </template>
@@ -69,7 +69,7 @@ import uColumnNotice from '../u-column-notice/u-column-notice.vue';
  *
  * @event {Function}			click			点击通告文字触发
  * @event {Function}			close			点击右侧关闭图标触发
- * @example <u-notice-bar :more-icon="true" :list="list"></u-notice-bar>
+ * @example <up-notice-bar :more-icon="true" :list="list"></up-notice-bar>
  */
 export default {
   name: 'u-notice-bar',

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

@@ -1,16 +1,16 @@
 <template>
-  <u-transition mode="slide-down" :customStyle="containerStyle" :show="open">
+  <up-transition mode="slide-down" :customStyle="containerStyle" :show="open">
     <view class="u-notify" :class="[`u-notify--${tmpConfig.type}`]" :style="[backgroundColor, addStyle(customStyle)]">
-      <u-status-bar v-if="tmpConfig.safeAreaInsetTop"></u-status-bar>
+      <up-status-bar v-if="tmpConfig.safeAreaInsetTop"></up-status-bar>
       <view class="u-notify__warpper">
         <slot name="icon">
-          <u-icon
+          <up-icon
             v-if="['success', 'warning', 'error'].includes(tmpConfig.type)"
             :name="tmpConfig.icon"
             :color="tmpConfig.color"
             :size="1.3 * tmpConfig.fontSize"
             :customStyle="{ marginRight: '4px' }"
-          ></u-icon>
+          ></up-icon>
         </slot>
         <text
           class="u-notify__warpper__text"
@@ -23,7 +23,7 @@
         </text>
       </view>
     </view>
-  </u-transition>
+  </up-transition>
 </template>
 <script>
 import { props } from './props';
@@ -46,7 +46,7 @@ import { addUnit, addStyle, deepMerge } from '../../libs/function/index';
  * @property {Object}			customStyle			组件的样式，对象形式
  * @event {Function}	open	开启组件时调用的函数
  * @event {Function}	close	关闭组件式调用的函数
- * @example <u-notify message="Hi uView"></u-notify>
+ * @example <up-notify message="Hi uView"></up-notify>
  */
 export default {
   name: 'u-notify',

package/uview-plus/components/u-number-box/_doc/changelog.md

@@ -0,0 +1,19 @@
+## 1.0.8（2024-06-11）
+修复通知事件不正确
+## 1.0.7（2024-05-08）
+更新域名
+## 1.0.6（2023-09-11）
+自定义事件声明
+## 1.0.5（2023-08-30）
+优化插槽位置
+## 1.0.4（2023-08-30）
+修复app vue环境下无法使用插槽的问题
+## 1.0.3（2023-08-21）
+更新文档说明
+## 1.0.2（2023-08-10）
+修复初始化bug
+## 1.0.1（2023-08-10）
+1. 修复v-model的bug
+2. 修复链接依赖的bug
+## 1.0.0（2023-08-10）
+一般用于商城购物选择物品数量的场景，支持步长设置、异步变更、小数位显示、范围限制等。

package/uview-plus/components/u-number-box/_doc/package.json

@@ -0,0 +1,88 @@
+{
+  "id": "u-number-box",
+  "displayName": "u-number-box 一般用于商城购物选择物品数量的场景，支持步长设置、异步变更、小数位显示、范围限制等。",
+  "version": "1.0.8",
+  "description": "u-number-box",
+  "keywords": [
+    "u-number-box",
+    "u-ui",
+    "wuui",
+    "步进器",
+    "number-box"
+  ],
+  "repository": "",
+  "engines": {
+    "HBuilderX": "^3.4.15"
+  },
+  "dcloudext": {
+    "type": "component-vue",
+    "sale": {
+      "regular": {
+        "price": "0.00"
+      },
+      "sourcecode": {
+        "price": "0.00"
+      }
+    },
+    "contact": {
+      "qq": ""
+    },
+    "declaration": {
+      "ads": "无",
+      "data": "插件不采集任何数据",
+      "permissions": "无"
+    },
+    "npmurl": ""
+  },
+  "uni_modules": {
+    "dependencies": [
+      "u-icon"
+    ],
+    "encrypt": [],
+    "platforms": {
+      "cloud": {
+        "tcb": "y",
+        "aliyun": "y",
+        "alipay": "n"
+      },
+      "client": {
+        "Vue": {
+          "vue2": "y",
+          "vue3": "y"
+        },
+        "App": {
+          "app-vue": "y",
+          "app-nvue": "y"
+        },
+        "H5-mobile": {
+          "Safari": "y",
+          "Android Browser": "y",
+          "微信浏览器(Android)": "y",
+          "QQ浏览器(Android)": "y"
+        },
+        "H5-pc": {
+          "Chrome": "y",
+          "IE": "y",
+          "Edge": "y",
+          "Firefox": "y",
+          "Safari": "y"
+        },
+        "小程序": {
+          "微信": "y",
+          "阿里": "y",
+          "百度": "y",
+          "字节跳动": "y",
+          "QQ": "y",
+          "钉钉": "n",
+          "快手": "n",
+          "飞书": "n",
+          "京东": "n"
+        },
+        "快应用": {
+          "华为": "n",
+          "联盟": "n"
+        }
+      }
+    }
+  }
+}

package/uview-plus/components/u-number-box/_doc/readme.md

@@ -0,0 +1,16 @@
+## u-number-box 按钮
+
+> **组件名：u-number-box**
+
+该组件一般用于商城购物选择物品数量的场景，支持步长设置、异步变更、小数位显示、范围限制等。
+
+## [查看文档](https://ijry.github.io/uview-plus/components/numberBox.html)
+
+## [更多组件, 请查看 `u-ui` 组件库](https://ext.dcloud.net.cn/plugin?name=u--ui)
+(请勿下载插件zip)
+
+<a href="https://ext.dcloud.net.cn/plugin?name=u--ui">
+	<img src="https://wuui.cn/intr.png">
+</a>
+
+**如使用过程中有任何问题，或者您对u-ui有一些好的建议。<br>欢迎加入 [u-ui 交流群](https://ijry.github.io/uview-plus/components/qqFeedBack.html)**

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

@@ -20,7 +20,13 @@
       :class="{ 'u-number-box__minus--disabled': isDisabled('minus') }"
       :style="[buttonStyle('minus')]"
     >
-      <u-icon name="minus" :color="isDisabled('minus') ? '#c8c9cc' : '#323233'" size="15" bold :customStyle="iconStyle"></u-icon>
+      <up-icon
+        name="minus"
+        :color="isDisabled('minus') ? '#c8c9cc' : '#323233'"
+        size="15"
+        bold
+        :customStyle="iconStyle"
+      ></up-icon>
     </view>
     <template v-if="!hideMinus">
       <slot name="input">
@@ -74,7 +80,7 @@
       :class="{ 'u-number-box__minus--disabled': isDisabled('plus') }"
       :style="[buttonStyle('plus')]"
     >
-      <u-icon name="plus" :color="isDisabled('plus') ? '#c8c9cc' : '#323233'" size="15" bold :customStyle="iconStyle"></u-icon>
+      <up-icon name="plus" :color="isDisabled('plus') ? '#c8c9cc' : '#323233'" size="15" bold :customStyle="iconStyle"></up-icon>
     </view>
   </view>
 </template>
@@ -113,7 +119,7 @@ import { getPx, addUnit } from '../../libs/function/index';
  * @event {Function}	onBlur	输入框失去焦点
  * @event {Function}	onInput	输入框值发生变化
  * @event {Function}	onChange
- * @example <u-number-box v-model="value" @change="valChange"></u-number-box>
+ * @example <up-number-box v-model="value" @change="valChange"></up-number-box>
  */
 export default {
   name: 'u-number-box',

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

@@ -19,7 +19,7 @@
         @touchstart.stop="backspaceClick"
         @touchend="clearTimer"
       >
-        <u-icon name="backspace" color="#303133" size="28"></u-icon>
+        <up-icon name="backspace" color="#303133" size="28"></up-icon>
       </view>
     </view>
   </view>

package/uview-plus/components/u-overlay/_doc/changelog.md

@@ -0,0 +1,4 @@
+## 1.0.1（2024-05-08）
+更新域名
+## 1.0.0（2023-09-12）
+u-overlay 遮罩层 全端兼容，无论平台，一致体验

package/uview-plus/components/u-overlay/_doc/package.json

@@ -0,0 +1,88 @@
+{
+  "id": "u-overlay",
+  "displayName": "u-overlay 遮罩层 全端兼容，无论平台，一致体验",
+  "version": "1.0.1",
+  "description": "u-overlay 创建一个遮罩层，用于强调特定的页面元素，并阻止用户对遮罩下层的内容进行操作，一般用于弹窗场景，u-ui 所有相关弹窗组件都是使用的该组件",
+  "keywords": [
+    "u-ui",
+    "wuui",
+    "u-overlay",
+    "overlay",
+    "遮罩层"
+  ],
+  "repository": "",
+  "engines": {
+    "HBuilderX": "^3.4.15"
+  },
+  "dcloudext": {
+    "type": "component-vue",
+    "sale": {
+      "regular": {
+        "price": "0.00"
+      },
+      "sourcecode": {
+        "price": "0.00"
+      }
+    },
+    "contact": {
+      "qq": ""
+    },
+    "declaration": {
+      "ads": "无",
+      "data": "插件不采集任何数据",
+      "permissions": "无"
+    },
+    "npmurl": ""
+  },
+  "uni_modules": {
+    "dependencies": [
+      "u-transition"
+    ],
+    "encrypt": [],
+    "platforms": {
+      "cloud": {
+        "tcb": "y",
+        "aliyun": "y",
+        "alipay": "n"
+      },
+      "client": {
+        "Vue": {
+          "vue2": "y",
+          "vue3": "y"
+        },
+        "App": {
+          "app-vue": "y",
+          "app-nvue": "y"
+        },
+        "H5-mobile": {
+          "Safari": "y",
+          "Android Browser": "y",
+          "微信浏览器(Android)": "y",
+          "QQ浏览器(Android)": "y"
+        },
+        "H5-pc": {
+          "Chrome": "y",
+          "IE": "y",
+          "Edge": "y",
+          "Firefox": "y",
+          "Safari": "y"
+        },
+        "小程序": {
+          "微信": "y",
+          "阿里": "y",
+          "百度": "y",
+          "字节跳动": "y",
+          "QQ": "y",
+          "钉钉": "n",
+          "快手": "n",
+          "飞书": "n",
+          "京东": "n"
+        },
+        "快应用": {
+          "华为": "n",
+          "联盟": "n"
+        }
+      }
+    }
+  }
+}

package/uview-plus/components/u-overlay/_doc/readme.md

@@ -0,0 +1,16 @@
+## u-overlay 遮罩层
+
+> **组件名：u-overlay**
+
+创建一个遮罩层，用于强调特定的页面元素，并阻止用户对遮罩下层的内容进行操作，一般用于弹窗场景，u-ui 所有相关弹窗组件都是使用的该组件。
+
+## [查看文档](https://ijry.github.io/uview-plus/components/overlay.html)
+
+## [更多组件, 请查看 `u-ui` 组件库](https://ext.dcloud.net.cn/plugin?name=u--ui)
+(请勿下载插件zip)
+
+<a href="https://ext.dcloud.net.cn/plugin?name=u--ui">
+	<img src="https://wuui.cn/intr.png">
+</a>
+
+**如使用过程中有任何问题，或者您对u-ui有一些好的建议。<br>欢迎加入 [u-ui 交流群](https://ijry.github.io/uview-plus/components/qqFeedBack.html)**

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

@@ -1,5 +1,5 @@
 <template>
-  <u-transition
+  <up-transition
     :show="show"
     custom-class="u-overlay"
     :duration="duration"
@@ -8,7 +8,7 @@
     @touchmove.stop.prevent="noop"
   >
     <slot />
-  </u-transition>
+  </up-transition>
 </template>
 <script>
 import { props } from './props';
@@ -25,7 +25,7 @@ import { addStyle, deepMerge } from '../../libs/function/index';
  * @property {String | Number}	opacity		不透明度值，当做rgba的第四个参数 （默认 0.5 ）
  * @property {Object}			customStyle	定义需要用到的外部样式
  * @event {Function} click 点击遮罩发送事件
- * @example <u-overlay :show="show" @click="show = false"></u-overlay>
+ * @example <up-overlay :show="show" @click="show = false"></up-overlay>
  */
 export default {
   name: 'u-overlay',

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

@@ -11,9 +11,9 @@
       ></up-input>
       <div class="input-cover"></div>
     </view>
-    <u-popup :show="show || (hasInput && showByClickInput)" :mode="popupMode" :zIndex="zIndex" @close="closeHandler">
+    <up-popup :show="show || (hasInput && showByClickInput)" :mode="popupMode" :zIndex="zIndex" @close="closeHandler">
       <view class="u-picker">
-        <u-toolbar
+        <up-toolbar
           v-if="showToolbar"
           :cancelColor="cancelColor"
           :confirmColor="confirmColor"
@@ -27,7 +27,7 @@
           <template #right>
             <slot name="toolbar-right"></slot>
           </template>
-        </u-toolbar>
+        </up-toolbar>
         <slot name="toolbar-bottom"></slot>
         <picker-view
           class="u-picker__view"
@@ -58,10 +58,10 @@
           </picker-view-column>
         </picker-view>
         <view v-if="loading" class="u-picker--loading">
-          <u-loading-icon mode="circle"></u-loading-icon>
+          <up-loading-icon mode="circle"></up-loading-icon>
         </view>
       </view>
-    </u-popup>
+    </up-popup>
   </view>
 </template>
 <script>

package/uview-plus/components/u-popup/_doc/changelog.md

@@ -0,0 +1,4 @@
+## 1.0.1（2024-05-08）
+更新域名
+## 1.0.0（2023-09-12）
+u-popup 弹出层，用于展示弹窗，支持各方向弹出，超丝滑的动画，全端兼容，无论平台，一致体验