@10yun/cv-mobile-ui 0.5.53 → 0.5.55

package/uni-ui/lib/uni-nav-bar/uni-nav-bar.vue

@@ -3,10 +3,18 @@
     <view
       class="uni-navbar__content"
       :class="{ 'uni-navbar--fixed': fixed, 'uni-navbar--shadow': shadow, 'uni-navbar--border': border }"
-      :style="{ 'background-color': themeBgColor, 'border-bottom-color': themeColor }"
+      :style="{ 'background-color': themeBgColor }"
     >
       <status-bar v-if="statusBar" />
-      <view :style="{ color: themeColor, backgroundColor: themeBgColor, height: navbarHeight }" class="uni-navbar__header">
+      <view
+        :style="{
+          color: themeColor,
+          backgroundColor: themeBgColor,
+          height: navbarHeight,
+          width: showMenuButtonWidth ? navWidth + 'px' : '100%'
+        }"
+        class="uni-navbar__header"
+      >
         <view @tap="onClickLeft" class="uni-navbar__header-btns uni-navbar__header-btns-left" :style="{ width: leftIconWidth }">
           <slot name="left">
             <view class="uni-navbar__content_view" v-if="leftIcon.length > 0">
@@ -44,17 +52,17 @@
         </view>
       </view>
     </view>
-    <!-- #ifndef APP-NVUE -->
     <view class="uni-navbar__placeholder" v-if="fixed">
       <status-bar v-if="statusBar" />
       <view class="uni-navbar__placeholder-view" :style="{ height: navbarHeight }" />
     </view>
-    <!-- #endif -->
   </view>
 </template>
+
 <script>
 import statusBar from './uni-status-bar.vue';
 const getVal = (val) => (typeof val === 'number' ? val + 'px' : val);
+
 /**
  *
  *
@@ -144,11 +152,20 @@ export default {
       type: [Number, String],
       default: 60
     },
+    showMenuButtonWidth: {
+      type: Boolean,
+      default: false
+    },
     stat: {
       type: [Boolean, String],
       default: ''
     }
   },
+  data() {
+    return {
+      navWidth: 'auto'
+    };
+  },
   computed: {
     themeBgColor() {
       if (this.dark) {
@@ -173,6 +190,21 @@ export default {
       return this.color || '#333';
     },
     navbarHeight() {
+      // #ifdef MP-WEIXIN
+      if (this.fixed && this.height === 0) {
+        const menuBtnInfo = uni.getMenuButtonBoundingClientRect();
+        const winInfo = uni.getWindowInfo();
+        const statusHeight = winInfo.statusBarHeight;
+        const spaceHeight = menuBtnInfo.top - statusHeight;
+        return getVal(menuBtnInfo.height + spaceHeight * 2);
+      }
+      // #endif
+      // #ifndef MP-WEIXIN
+      if (this.fixed && this.height === 0) {
+        return getVal(44);
+      }
+      // #endif
+
       return getVal(this.height);
     },
     leftIconWidth() {
@@ -182,6 +214,14 @@ export default {
       return getVal(this.rightWidth);
     }
   },
+  created() {
+    // #ifdef MP-WEIXIN
+    if (this.fixed) {
+      const menuBtnInfo = uni.getMenuButtonBoundingClientRect();
+      this.navWidth = menuBtnInfo.left;
+    }
+    // #endif
+  },
   mounted() {
     if (uni.report && this.stat && this.title !== '') {
       uni.report('title', this.title);
@@ -201,5 +241,159 @@ export default {
 };
 </script>
 <style scoped>
-@import 'style.css';
+
+.uni-nvue-fixed {
+  /* #ifdef APP-NVUE */
+  position: sticky;
+  /* #endif */
+}
+
+.uni-navbar {
+  // box-sizing: border-box;
+}
+
+.uni-nav-bar-text {
+  /* #ifdef APP-PLUS */
+  font-size: 34rpx;
+  /* #endif */
+  /* #ifndef APP-PLUS */
+  font-size: 14px;
+  /* #endif */
+}
+
+.uni-nav-bar-right-text {
+  font-size: 12px;
+}
+
+.uni-navbar__content {
+  position: relative;
+  // background-color: #fff;
+  // box-sizing: border-box;
+  background-color: transparent;
+}
+
+.uni-navbar__content_view {
+  // box-sizing: border-box;
+}
+
+.uni-navbar-btn-text {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: center;
+  line-height: 12px;
+}
+
+.uni-navbar__header {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  padding: 0 10px;
+  flex-direction: row;
+  height: $nav-height;
+  font-size: 12px;
+}
+
+.uni-navbar__header-btns {
+  /* #ifndef APP-NVUE */
+  overflow: hidden;
+  display: flex;
+  /* #endif */
+  flex-wrap: nowrap;
+  flex-direction: row;
+  width: 120rpx;
+  // padding: 0 6px;
+  justify-content: center;
+  align-items: center;
+  /* #ifdef H5 */
+  cursor: pointer;
+  /* #endif */
+}
+
+.uni-navbar__header-btns-left {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  width: 120rpx;
+  justify-content: flex-start;
+  align-items: center;
+}
+
+.uni-navbar__header-btns-right {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  // width: 150rpx;
+  // padding-right: 30rpx;
+  justify-content: flex-end;
+  align-items: center;
+}
+
+.uni-navbar__header-container {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex: 1;
+  padding: 0 10px;
+  overflow: hidden;
+}
+
+.uni-navbar__header-container-inner {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex: 1;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+  overflow: hidden;
+  // box-sizing: border-box;
+}
+
+.uni-navbar__placeholder-view {
+  height: 44px;
+}
+
+.uni-navbar--fixed {
+  position: fixed;
+  z-index: 998;
+  /* #ifdef H5 */
+  left: var(--window-left);
+  right: var(--window-right);
+  /* #endif */
+  /* #ifndef H5 */
+  left: 0;
+  right: 0;
+  /* #endif */
+}
+
+.uni-navbar--shadow {
+  box-shadow: 0 1px 6px #ccc;
+}
+
+.uni-navbar--border {
+  border-bottom-width: 1rpx;
+  border-bottom-style: solid;
+  border-bottom-color: #eee;
+}
+
+.uni-ellipsis-1 {
+  overflow: hidden;
+  /* #ifndef APP-NVUE */
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  /* #endif */
+  /* #ifdef APP-NVUE */
+  lines: 1;
+  text-overflow: ellipsis;
+  /* #endif */
+}
+
+// 暗主题配置
+.uni-dark {
+}
 </style>

package/uni-ui/lib/uni-nav-bar/uni-status-bar.vue

@@ -3,16 +3,26 @@
     <slot />
   </view>
 </template>
+
 <script>
 export default {
   name: 'UniStatusBar',
   data() {
     return {
+      // #ifdef MP-WEIXIN
+      statusBarHeight: uni.getWindowInfo().statusBarHeight + 'px',
+      // #endif
+      // #ifndef MP-WEIXIN
       statusBarHeight: uni.getSystemInfoSync().statusBarHeight + 'px'
+      // #endif
     };
   }
 };
 </script>
 <style>
-@import 'style.css';
+.uni-status-bar {
+  /* width: 750rpx; */
+  height: 20px;
+  /* height: var(--status-bar-height); */
+}
 </style>

package/uni-ui/lib/uni-notice-bar/changelog.md

@@ -0,0 +1,22 @@
+## 1.2.3（2025-04-14）
+- 新增 左侧自定义插槽，可自定义文字或图标
+## 1.2.2（2023-12-20）
+- 修复动态绑定title时，滚动速度不一致的问题
+## 1.2.1（2022-09-05）
+- 新增 属性 fontSize，可修改文字大小。
+## 1.2.0（2021-11-19）
+- 优化 组件UI，并提供设计资源，详见:[https://uniapp.dcloud.io/component/uniui/resource](https://uniapp.dcloud.io/component/uniui/resource)
+- 文档迁移，详见:[https://uniapp.dcloud.io/component/uniui/uni-notice-bar](https://uniapp.dcloud.io/component/uniui/uni-notice-bar)
+## 1.1.1（2021-11-09） 
+- 新增 提供组件设计资源，组件样式调整
+## 1.1.0（2021-07-30）
+- 组件兼容 vue3，如何创建vue3项目，详见 [uni-app 项目支持 vue3 介绍](https://ask.dcloud.net.cn/article/37834)
+## 1.0.9（2021-05-12）
+- 新增 组件示例地址
+## 1.0.8（2021-04-21）
+- 优化 添加依赖 uni-icons, 导入后自动下载依赖
+## 1.0.7（2021-02-05）
+- 优化 组件引用关系，通过uni_modules引用组件
+
+## 1.0.6（2021-02-05）
+- 调整为uni_modules目录规范

package/uni-ui/lib/uni-notice-bar/package.json

@@ -0,0 +1,107 @@
+{
+  "id": "uni-notice-bar",
+  "displayName": "uni-notice-bar 通告栏",
+  "version": "1.2.3",
+  "description": "NoticeBar 通告栏组件，常用于展示公告信息，可设为滚动公告",
+  "keywords": [
+    "uni-ui",
+    "uniui",
+    "通告栏",
+    "公告",
+    "跑马灯"
+],
+  "repository": "https://github.com/dcloudio/uni-ui",
+  "engines": {
+    "HBuilderX": "",
+    "uni-app": "^4.05",
+    "uni-app-x": ""
+  },
+  "directories": {
+    "example": "../../temps/example_temps"
+  },
+  "dcloudext": {
+    "sale": {
+      "regular": {
+        "price": "0.00"
+      },
+      "sourcecode": {
+        "price": "0.00"
+      }
+    },
+    "contact": {
+      "qq": ""
+    },
+    "declaration": {
+      "ads": "无",
+      "data": "无",
+      "permissions": "无"
+    },
+    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui",
+    "type": "component-vue",
+    "darkmode": "x",
+    "i18n": "x",
+    "widescreen": "x"
+  },
+  "uni_modules": {
+    "dependencies": [
+      "uni-scss",
+      "uni-icons"
+    ],
+    "encrypt": [],
+    "platforms": {
+      "cloud": {
+        "tcb": "x",
+        "aliyun": "x",
+        "alipay": "x"
+      },
+      "client": {
+        "uni-app": {
+          "vue": {
+            "vue2": "√",
+            "vue3": "√"
+          },
+          "web": {
+            "safari": "√",
+            "chrome": "√"
+          },
+          "app": {
+            "vue": "√",
+            "nvue": "√",
+            "android": "√",
+            "ios": "√",
+            "harmony": "√"
+          },
+          "mp": {
+            "weixin": "√",
+            "alipay": "√",
+            "toutiao": "√",
+            "baidu": "√",
+            "kuaishou": "-",
+            "jd": "-",
+            "harmony": "-",
+            "qq": "√",
+            "lark": "-"
+          },
+          "quickapp": {
+            "huawei": "√",
+            "union": "√"
+          }
+        },
+        "uni-app-x": {
+          "web": {
+            "safari": "-",
+            "chrome": "-"
+          },
+          "app": {
+            "android": "-",
+            "ios": "-",
+            "harmony": "-"
+          },
+          "mp": {
+            "weixin": "-"
+          }
+        }
+      }
+    }
+  }
+}

package/uni-ui/lib/uni-notice-bar/readme.md

@@ -0,0 +1,11 @@
+
+
+## NoticeBar 通告栏
+> **组件名：uni-notice-bar**
+> 代码块： `uNoticeBar`
+
+
+通告栏组件 。
+
+### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-notice-bar)
+

package/uni-ui/lib/uni-notice-bar/uni-notice-bar.vue

@@ -1,12 +1,8 @@
 <template>
   <view v-if="show" class="uni-noticebar" :style="{ backgroundColor }" @click="onClick">
-    <uni-icons
-      v-if="showIcon === true || showIcon === 'true'"
-      class="uni-noticebar-icon"
-      type="sound"
-      :color="color"
-      :size="fontSize * 1.5"
-    />
+    <slot v-if="showIcon === true || showIcon === 'true'" name="noticebarIcon">
+      <uni-icons class="uni-noticebar-icon" type="sound" :color="color" :size="fontSize * 1.5" />
+    </slot>
     <view
       ref="textBox"
       class="uni-noticebar__content-wrapper"
@@ -58,11 +54,13 @@
     </view>
   </view>
 </template>
+
 <script>
 // #ifdef APP-NVUE
 const dom = weex.requireModule('dom');
 const animation = weex.requireModule('animation');
 // #endif
+
 /**
  * NoticeBar 自定义导航栏
  * @description 通告栏组件
@@ -82,6 +80,7 @@ const animation = weex.requireModule('animation');
  * @event {Function} close 关闭 NoticeBar 触发事件
  * @event {Function} getmore 点击”查看更多“时触发事件
  */
+
 export default {
   name: 'UniNoticeBar',
   emits: ['click', 'getmore', 'close'],
@@ -160,6 +159,11 @@ export default {
       animationDelay: '0s'
     };
   },
+  watch: {
+    text(newValue, oldValue) {
+      this.initSize();
+    }
+  },
   computed: {
     isShowGetMore() {
       return this.showGetMore === true || this.showGetMore === 'true';
@@ -326,6 +330,130 @@ export default {
   }
 };
 </script>
+
 <style scoped>
-@import 'style.css';
+.uni-noticebar {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  width: 100%;
+  box-sizing: border-box;
+  /* #endif */
+  flex-direction: row;
+  align-items: center;
+  padding: 10px 12px;
+  margin-bottom: 10px;
+}
+
+.uni-cursor-point {
+  /* #ifdef H5 */
+  cursor: pointer;
+  /* #endif */
+}
+
+.uni-noticebar-close {
+  margin-left: 8px;
+  margin-right: 5px;
+}
+
+.uni-noticebar-icon {
+  margin-right: 5px;
+}
+
+.uni-noticebar__content-wrapper {
+  flex: 1;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.uni-noticebar__content-wrapper--single {
+  /* #ifndef APP-NVUE */
+  line-height: 18px;
+  /* #endif */
+}
+
+.uni-noticebar__content-wrapper--single,
+.uni-noticebar__content-wrapper--scrollable {
+  flex-direction: row;
+}
+
+/* #ifndef APP-NVUE */
+.uni-noticebar__content-wrapper--scrollable {
+  position: relative;
+}
+
+/* #endif */
+
+.uni-noticebar__content--scrollable {
+  /* #ifdef APP-NVUE */
+  flex: 0;
+  /* #endif */
+  /* #ifndef APP-NVUE */
+  flex: 1;
+  display: block;
+  overflow: hidden;
+  /* #endif */
+}
+
+.uni-noticebar__content--single {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  flex: none;
+  width: 100%;
+  justify-content: center;
+  /* #endif */
+}
+
+.uni-noticebar__content-text {
+  font-size: 14px;
+  line-height: 18px;
+  /* #ifndef APP-NVUE */
+  word-break: break-all;
+  /* #endif */
+}
+
+.uni-noticebar__content-text--single {
+  /* #ifdef APP-NVUE */
+  lines: 1;
+  /* #endif */
+  /* #ifndef APP-NVUE */
+  display: block;
+  width: 100%;
+  white-space: nowrap;
+  /* #endif */
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.uni-noticebar__content-text--scrollable {
+  /* #ifdef APP-NVUE */
+  lines: 1;
+  padding-left: 750rpx;
+  /* #endif */
+  /* #ifndef APP-NVUE */
+  position: absolute;
+  display: block;
+  height: 18px;
+  line-height: 18px;
+  white-space: nowrap;
+  padding-left: 100%;
+  animation: notice 10s 0s linear infinite both;
+  animation-play-state: paused;
+  /* #endif */
+}
+
+.uni-noticebar__more {
+  /* #ifndef APP-NVUE */
+  display: inline-flex;
+  /* #endif */
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  padding-left: 5px;
+}
+
+@keyframes notice {
+  100% {
+    transform: translate3d(-100%, 0, 0);
+  }
+}
 </style>

package/uni-ui/lib/uni-number-box/changelog.md

@@ -0,0 +1,39 @@
+## 1.2.8（2024-04-26）
+- 修复 在vue2下H5黑边的bug
+## 1.2.7（2024-04-26）
+- 修复 在vue2手动输入后失焦导致清空数值的严重bug
+## 1.2.6（2024-02-22）
+- 新增 设置宽度属性width(单位：px)
+## 1.2.5（2024-02-21）
+- 修复 step步长小于1时，键盘类型为number的bug
+## 1.2.4（2024-02-02）
+- 修复 加减号垂直位置偏移样式问题
+## 1.2.3（2023-05-23）
+- 更新示例工程
+## 1.2.2（2023-05-08）
+- 修复 change 事件执行顺序错误的问题
+## 1.2.1（2021-11-22）
+- 修复 vue3中某些scss变量无法找到的问题
+## 1.2.0（2021-11-19）
+- 优化 组件UI，并提供设计资源，详见:[https://uniapp.dcloud.io/component/uniui/resource](https://uniapp.dcloud.io/component/uniui/resource)
+- 文档迁移，详见:[https://uniapp.dcloud.io/component/uniui/uni-number-box](https://uniapp.dcloud.io/component/uniui/uni-number-box)
+## 1.1.2（2021-11-09） 
+- 新增 提供组件设计资源，组件样式调整
+## 1.1.1（2021-07-30）
+- 优化 vue3下事件警告的问题
+## 1.1.0（2021-07-13）
+- 组件兼容 vue3，如何创建vue3项目，详见 [uni-app 项目支持 vue3 介绍](https://ask.dcloud.net.cn/article/37834)
+## 1.0.7（2021-05-12）
+- 新增 组件示例地址
+## 1.0.6（2021-04-20）
+- 修复 uni-number-box 浮点数运算不精确的 bug
+- 修复 uni-number-box change 事件触发不正确的 bug
+- 新增 uni-number-box v-model 双向绑定
+## 1.0.5（2021-02-05）
+- 调整为uni_modules目录规范
+
+## 1.0.7（2021-02-05）
+- 调整为uni_modules目录规范
+- 新增 支持 v-model
+- 新增 支持 focus、blur 事件
+- 新增 支持 PC 端