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

package/uni-ui/lib/uni-collapse/changelog.md

@@ -0,0 +1,48 @@
+## 1.4.8（2025-09-16）
+- 修复 modelValue 修改会两次触发 change 事件的 Bug
+## 1.4.7（2025-09-11）
+- 修复 modelValue 修改不会触发更新的 Bug
+## 1.4.6（2025-09-02）
+- 修复 modelValue 修改不会触发 change 事件的 Bug
+
+## 1.4.5（2025-09-02）
+- 修复 非手风琴模式 不能设置 modeValue 为 [] 的 Bug (question/205130)
+
+## 1.4.4（2024-03-20）
+- 修复 titleBorder类型修正
+## 1.4.3（2022-01-25）
+- 修复 初始化的时候 ，open 属性失效的bug
+## 1.4.2（2022-01-21）
+- 修复 微信小程序resize后组件收起的bug
+## 1.4.1（2021-11-22）
+- 修复 vue3中个别scss变量无法找到的问题
+## 1.4.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-collapse](https://uniapp.dcloud.io/component/uniui/uni-collapse)
+## 1.3.3（2021-08-17）
+- 优化 show-arrow 属性默认为true
+## 1.3.2（2021-08-17）
+- 新增 show-arrow 属性，控制是否显示右侧箭头
+## 1.3.1（2021-07-30）
+- 优化 vue3下小程序事件警告的问题
+## 1.3.0（2021-07-30）
+- 组件兼容 vue3，如何创建vue3项目，详见 [uni-app 项目支持 vue3 介绍](https://ask.dcloud.net.cn/article/37834)
+## 1.2.2（2021-07-21）
+- 修复 由1.2.0版本引起的 change 事件返回 undefined 的Bug
+## 1.2.1（2021-07-21）
+- 优化 组件示例
+## 1.2.0（2021-07-21）
+- 新增 组件折叠动画
+- 新增 value\v-model 属性 ，动态修改面板折叠状态
+- 新增 title 插槽 ，可定义面板标题
+- 新增 border 属性 ，显示隐藏面板内容分隔线
+- 新增 title-border 属性 ，显示隐藏面板标题分隔线
+- 修复 resize 方法失效的Bug
+- 修复 change 事件返回参数不正确的Bug
+- 优化 H5、App 平台自动更具内容更新高度，无需调用 reszie() 方法
+## 1.1.7（2021-05-12）
+- 新增 组件示例地址
+## 1.1.6（2021-02-05）
+- 优化 组件引用关系，通过uni_modules引用组件
+## 1.1.5（2021-02-05）
+- 调整为uni_modules目录规范

package/uni-ui/lib/uni-collapse/package.json

@@ -0,0 +1,106 @@
+{
+  "id": "uni-collapse",
+  "displayName": "uni-collapse 折叠面板",
+  "version": "1.4.8",
+  "description": "Collapse 组件，可以折叠 / 展开的内容区域。",
+  "keywords": [
+    "uni-ui",
+    "折叠",
+    "折叠面板",
+    "手风琴"
+],
+  "repository": "https://github.com/dcloudio/uni-ui",
+  "engines": {
+    "HBuilderX": "",
+    "uni-app": "^4.07",
+    "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-collapse/readme.md

@@ -0,0 +1,11 @@
+
+
+## Collapse 折叠面板
+> **组件名：uni-collapse**
+> 代码块： `uCollapse`
+> 关联组件：`uni-collapse-item`、`uni-icons`。
+
+
+折叠面板用来折叠/显示过长的内容或者是列表。通常是在多内容分类项使用，折叠不重要的内容，显示重要内容。点击可以展开折叠部分。
+
+### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-collapse)

package/uni-ui/lib/uni-collapse/uni-collapse.vue

@@ -46,6 +46,7 @@ export default {
       if (modelValue) {
         return this.value;
       }
+
       return this.value;
     }
   },
@@ -111,6 +112,7 @@ export default {
     },
     onChange(isOpen, self) {
       let activeItem = [];
+
       if (this.accordion) {
         activeItem = isOpen ? self.nameSync : '';
       } else {
@@ -131,5 +133,15 @@ export default {
 };
 </script>
 <style>
-@import 'style.css';
+.uni-collapse {
+  /* #ifndef APP-NVUE */
+  width: 100%;
+  display: flex;
+  /* #endif */
+  /* #ifdef APP-NVUE */
+  flex: 1;
+  /* #endif */
+  flex-direction: column;
+  background-color: #fff;
+}
 </style>

package/uni-ui/lib/uni-collapse-item/uni-collapse-item.vue

@@ -38,6 +38,7 @@
     </view>
   </view>
 </template>
+
 <script>
 // #ifdef APP-NVUE
 const dom = weex.requireModule('dom');
@@ -50,7 +51,7 @@ const dom = weex.requireModule('dom');
  * @property {String} name 唯一标志符
  * @property {Boolean} open = [true|false] 是否展开组件
  * @property {Boolean} titleBorder = [true|false] 是否显示标题分隔线
- * @property {Boolean} border = [true|false] 是否显示分隔线
+ * @property {String} border = ['auto'|'show'|'none'] 是否显示分隔线
  * @property {Boolean} disabled = [true|false] 是否展开面板
  * @property {Boolean} showAnimation = [true|false] 开启动画
  * @property {Boolean} showArrow = [true|false] 是否显示右侧箭头
@@ -261,6 +262,130 @@ export default {
   }
 };
 </script>
+
 <style>
-@import 'style.css';
+.uni-collapse-item {
+  /* #ifndef APP-NVUE */
+  box-sizing: border-box;
+  /* #endif */
+}
+.uni-collapse-item__title {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  width: 100%;
+  box-sizing: border-box;
+  /* #endif */
+  flex-direction: row;
+  align-items: center;
+  transition: border-bottom-color 0.3s;
+  /* transition-property: border-bottom-color; */
+  /* transition-duration: 5s; */
+}
+.uni-collapse-item__title-wrap {
+  width: 100%;
+  flex: 1;
+}
+.uni-collapse-item__title-box {
+  padding: 0 15px;
+  /* #ifndef APP-NVUE */
+  display: flex;
+  width: 100%;
+  box-sizing: border-box;
+  /* #endif */
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  height: 48px;
+  line-height: 48px;
+  background-color: #fff;
+  color: #303133;
+  font-size: 13px;
+  font-weight: 500;
+  /* #ifdef H5 */
+  cursor: pointer;
+  outline: none;
+  /* #endif */
+}
+.uni-collapse-item__title-box.is-disabled .uni-collapse-item__title-text {
+  color: #999;
+}
+.uni-collapse-item__title.uni-collapse-item-border {
+  border-bottom: 1px solid #ebeef5;
+}
+.uni-collapse-item__title.is-open {
+  border-bottom-color: transparent;
+}
+.uni-collapse-item__title-img {
+  height: 22px;
+  width: 22px;
+  margin-right: 10px;
+}
+.uni-collapse-item__title-text {
+  flex: 1;
+  font-size: 14px;
+  /* #ifndef APP-NVUE */
+  white-space: nowrap;
+  color: inherit;
+  /* #endif */
+  /* #ifdef APP-NVUE */
+  lines: 1;
+  /* #endif */
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.uni-collapse-item__title-arrow {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  box-sizing: border-box;
+  /* #endif */
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  margin-right: 10px;
+  transform: rotate(0deg);
+}
+.uni-collapse-item__title-arrow-active {
+  transform: rotate(-180deg);
+}
+.uni-collapse-item__wrap {
+  /* #ifndef APP-NVUE */
+  will-change: height;
+  box-sizing: border-box;
+  /* #endif */
+  background-color: #fff;
+  overflow: hidden;
+  position: relative;
+  height: 0;
+}
+.uni-collapse-item__wrap.is--transition {
+  /* transition: all 0.3s; */
+  transition-property: height, border-bottom-width;
+  transition-duration: 0.3s;
+  /* #ifndef APP-NVUE */
+  will-change: height;
+  /* #endif */
+}
+.uni-collapse-item__wrap-content {
+  position: absolute;
+  font-size: 13px;
+  color: #303133;
+  /* transition: height 0.3s; */
+  border-bottom-color: transparent;
+  border-bottom-style: solid;
+  border-bottom-width: 0;
+}
+.uni-collapse-item__wrap-content.uni-collapse-item--border {
+  border-bottom-width: 1px;
+  border-bottom-color: red;
+  border-bottom-color: #ebeef5;
+}
+.uni-collapse-item__wrap-content.open {
+  position: relative;
+}
+.uni-collapse-item--animation {
+  transition-property: transform;
+  transition-duration: 0.3s;
+  transition-timing-function: ease;
+}
 </style>

package/uni-ui/lib/uni-combox/changelog.md

@@ -0,0 +1,17 @@
+## 1.0.2（2024-09-21）
+- 新增 clearAble属性
+## 1.0.1（2021-11-23）
+- 优化 label、label-width 属性
+## 1.0.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-combox](https://uniapp.dcloud.io/component/uniui/uni-combox)
+## 0.1.0（2021-07-30）
+- 组件兼容 vue3，如何创建vue3项目，详见 [uni-app 项目支持 vue3 介绍](https://ask.dcloud.net.cn/article/37834)
+## 0.0.6（2021-05-12）
+- 新增 组件示例地址
+## 0.0.5（2021-04-21）
+- 优化 添加依赖 uni-icons, 导入后自动下载依赖
+## 0.0.4（2021-02-05）
+- 优化 组件引用关系，通过uni_modules引用组件
+## 0.0.3（2021-02-04）
+- 调整为uni_modules目录规范

package/uni-ui/lib/uni-combox/package.json

@@ -0,0 +1,107 @@
+{
+  "id": "uni-combox",
+  "displayName": "uni-combox 组合框",
+  "version": "1.0.2",
+  "description": "可以选择也可以输入的表单项 ",
+  "keywords": [
+    "uni-ui",
+    "uniui",
+    "combox",
+    "组合框",
+    "select"
+],
+  "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-combox/readme.md

@@ -0,0 +1,10 @@
+
+
+## Combox 组合框
+> **组件名：uni-combox**
+> 代码块： `uCombox`
+
+
+组合框组件。
+
+### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-combox)

package/uni-ui/lib/uni-combox/uni-combox.vue

@@ -14,11 +14,18 @@
         @focus="onFocus"
         @blur="onBlur"
       />
-      <uni-icons :type="showSelector ? 'top' : 'bottom'" size="14" color="#999" @click="toggleSelector"></uni-icons>
+      <uni-icons
+        v-if="!inputVal || !clearAble"
+        :type="showSelector ? 'top' : 'bottom'"
+        size="14"
+        color="#999"
+        @click="toggleSelector"
+      ></uni-icons>
+      <uni-icons v-if="inputVal && clearAble" type="clear" size="24" color="#999" @click="clean"></uni-icons>
     </view>
     <view class="uni-combox__selector" v-if="showSelector">
       <view class="uni-popper__arrow"></view>
-      <scroll-view scroll-y="true" class="uni-combox__selector-scroll" @scroll="onScroll">
+      <scroll-view scroll-y="true" class="uni-combox__selector-scroll">
         <view class="uni-combox__selector-empty" v-if="filterCandidatesLength === 0">
           <text>{{ emptyTips }}</text>
         </view>
@@ -32,10 +39,9 @@
         </view>
       </scroll-view>
     </view>
-    <!-- 新增蒙层，点击蒙层时关闭选项显示 -->
-    <view class="uni-combox__mask" v-show="showSelector" @click="showSelector = false"></view>
   </view>
 </template>
+
 <script>
 /**
  * Combox 组合输入框
@@ -52,6 +58,10 @@ export default {
   name: 'uniCombox',
   emits: ['input', 'update:modelValue'],
   props: {
+    clearAble: {
+      type: Boolean,
+      default: false
+    },
     border: {
       type: Boolean,
       default: true
@@ -94,8 +104,7 @@ export default {
   data() {
     return {
       showSelector: false,
-      inputVal: '',
-      blurTimer: null
+      inputVal: ''
     };
   },
   computed: {
@@ -106,9 +115,6 @@ export default {
       return `width: ${this.labelWidth}`;
     },
     filterCandidates() {
-      if (this.inputVal !== 0 && !this.inputVal) {
-        return this.candidates;
-      }
       return this.candidates.filter((item) => {
         return item.toString().indexOf(this.inputVal) > -1;
       });
@@ -143,17 +149,10 @@ export default {
       this.showSelector = true;
     },
     onBlur() {
-      this.blurTimer = setTimeout(() => {
+      setTimeout(() => {
         this.showSelector = false;
       }, 153);
     },
-    onScroll() {
-      // 滚动时将blur的定时器关掉
-      if (this.blurTimer) {
-        clearTimeout(this.blurTimer);
-        this.blurTimer = null;
-      }
-    },
     onSelectorClick(index) {
       this.inputVal = this.filterCandidates[index];
       this.showSelector = false;
@@ -165,10 +164,137 @@ export default {
         this.$emit('input', this.inputVal);
         this.$emit('update:modelValue', this.inputVal);
       });
+    },
+    clean() {
+      this.inputVal = '';
+      this.onInput();
     }
   }
 };
 </script>
-<style>
-@import 'style.css';
+
+<style scoped>
+.uni-combox {
+  font-size: 14px;
+  border: 1px solid #dcdfe6;
+  border-radius: 4px;
+  padding: 6px 10px;
+  position: relative;
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  /* height: 40px; */
+  flex-direction: row;
+  align-items: center;
+  /* border-bottom: solid 1px #DDDDDD; */
+}
+
+.uni-combox__label {
+  font-size: 16px;
+  line-height: 22px;
+  padding-right: 10px;
+  color: #999999;
+}
+
+.uni-combox__input-box {
+  position: relative;
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex: 1;
+  flex-direction: row;
+  align-items: center;
+}
+
+.uni-combox__input {
+  flex: 1;
+  font-size: 14px;
+  height: 22px;
+  line-height: 22px;
+}
+
+.uni-combox__input-plac {
+  font-size: 14px;
+  color: #999;
+}
+
+.uni-combox__selector {
+  /* #ifndef APP-NVUE */
+  box-sizing: border-box;
+  /* #endif */
+  position: absolute;
+  top: calc(100% + 12px);
+  left: 0;
+  width: 100%;
+  background-color: #ffffff;
+  border: 1px solid #ebeef5;
+  border-radius: 6px;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  z-index: 2;
+  padding: 4px 0;
+}
+
+.uni-combox__selector-scroll {
+  /* #ifndef APP-NVUE */
+  max-height: 200px;
+  box-sizing: border-box;
+  /* #endif */
+}
+
+.uni-combox__selector-empty,
+.uni-combox__selector-item {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  cursor: pointer;
+  /* #endif */
+  line-height: 36px;
+  font-size: 14px;
+  text-align: center;
+  /* border-bottom: solid 1px #DDDDDD; */
+  padding: 0px 10px;
+}
+
+.uni-combox__selector-item:hover {
+  background-color: #f9f9f9;
+}
+
+.uni-combox__selector-empty:last-child,
+.uni-combox__selector-item:last-child {
+  /* #ifndef APP-NVUE */
+  border-bottom: none;
+  /* #endif */
+}
+
+/* picker 弹出层通用的指示小三角 */
+.uni-popper__arrow,
+.uni-popper__arrow::after {
+  position: absolute;
+  display: block;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+  border-width: 6px;
+}
+
+.uni-popper__arrow {
+  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
+  top: -6px;
+  left: 10%;
+  margin-right: 3px;
+  border-top-width: 0;
+  border-bottom-color: #ebeef5;
+}
+
+.uni-popper__arrow::after {
+  content: ' ';
+  top: 1px;
+  margin-left: -6px;
+  border-top-width: 0;
+  border-bottom-color: #fff;
+}
+
+.uni-combox__no-border {
+  border: none;
+}
 </style>