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

package/uni-ui/lib/uni-data-checkbox/uni-data-checkbox.vue

@@ -13,7 +13,7 @@
       </view>
     </template>
     <template v-else>
-      <checkbox-group v-if="multiple" class="checklist-group" :class="{ 'is-list': mode === 'list' || wrap }" @change="chagne">
+      <checkbox-group v-if="multiple" class="checklist-group" :class="{ 'is-list': mode === 'list' || wrap }" @change="change">
         <label
           class="checklist-box"
           :class="[
@@ -46,8 +46,7 @@
           </view>
         </label>
       </checkbox-group>
-      <radio-group v-else class="checklist-group" :class="{ 'is-list': mode === 'list', 'is-wrap': wrap }" @change="chagne">
-        <!-- -->
+      <radio-group v-else class="checklist-group" :class="{ 'is-list': mode === 'list', 'is-wrap': wrap }" @change="change">
         <label
           class="checklist-box"
           :class="[
@@ -83,6 +82,7 @@
     </template>
   </view>
 </template>
+
 <script>
 /**
  * DataChecklist 数据选择器
@@ -108,6 +108,7 @@
  * @value right 右侧显示
  * @event {Function} change  选中发生变化触发
  */
+
 export default {
   name: 'uniDataChecklist',
   mixins: [uniCloud.mixinDatacom || {}],
@@ -117,6 +118,7 @@ export default {
       type: String,
       default: 'default'
     },
+
     multiple: {
       type: Boolean,
       default: false
@@ -238,6 +240,7 @@ export default {
     // this.form = this.getForm('uniForms')
     // this.formItem = this.getForm('uniFormsItem')
     // this.formItem && this.formItem.setValue(this.value)
+
     // if (this.formItem) {
     // 	this.isTop = 6
     // 	if (this.formItem.name) {
@@ -250,6 +253,7 @@ export default {
     // 		this.form.inputChildrens.push(this)
     // 	}
     // }
+
     if (this.localdata && this.localdata.length !== 0) {
       this.isLocal = true;
       this.range = this.localdata;
@@ -290,12 +294,14 @@ export default {
       }
       return parent;
     },
-    chagne(e) {
+    change(e) {
       const values = e.detail.value;
+
       let detail = {
         value: [],
         data: []
       };
+
       if (this.multiple) {
         this.range.forEach((item) => {
           if (values.includes(item[this.map.value] + '')) {
@@ -329,6 +335,7 @@ export default {
         this.dataList = this.getDataList(detail.value);
       }
     },
+
     /**
      * 获取渲染的新数组
      * @param {Object} value 选中内容
@@ -354,6 +361,7 @@ export default {
         } else {
           item.selected = value === item[this.map.value];
         }
+
         list.push(item);
       });
       return this.setRange(list);
@@ -374,6 +382,7 @@ export default {
               item.disabled = true;
             }
           }
+
           if (selectList.length >= max && max !== '') {
             let have = selectList.find((val) => val[this.map.value] === item[this.map.value]);
             if (have === undefined) {
@@ -398,6 +407,7 @@ export default {
       item.styleIconText = this.setStyleIconText(item);
       item.styleRightIcon = this.setStyleRightIcon(item);
     },
+
     /**
      * 获取选中值
      * @param {Object} range
@@ -412,6 +422,7 @@ export default {
       });
       return this.dataValue.length > 0 ? this.dataValue : selectedArr;
     },
+
     /**
      * 设置背景样式
      */
@@ -439,6 +450,7 @@ export default {
         let selectedColor = this.selectedColor ? this.selectedColor : '#2979ff';
         styles['background-color'] = item.selected ? selectedColor : '#fff';
         styles['border-color'] = item.selected ? selectedColor : '#DCDFE6';
+
         if (!item.selected && item.disabled) {
           styles['background-color'] = '#F2F6FC';
           styles['border-color'] = item.selected ? selectedColor : '#DCDFE6';
@@ -477,11 +489,320 @@ export default {
       for (let i in styles) {
         classles += `${i}:${styles[i]};`;
       }
+
       return classles;
     }
   }
 };
 </script>
+
 <style>
-@import 'style.css';
+.uni-data-loading {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  height: 36px;
+  padding-left: 10px;
+  color: #999;
+}
+.uni-data-checklist {
+  position: relative;
+  z-index: 0;
+  flex: 1;
+}
+.uni-data-checklist .checklist-group {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+.uni-data-checklist .checklist-group.is-list {
+  flex-direction: column;
+}
+.uni-data-checklist .checklist-group .checklist-box {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  align-items: center;
+  position: relative;
+  margin: 5px 0;
+  margin-right: 25px;
+}
+.uni-data-checklist .checklist-group .checklist-box .hidden {
+  position: absolute;
+  opacity: 0;
+}
+.uni-data-checklist .checklist-group .checklist-box .checklist-content {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex: 1;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+}
+.uni-data-checklist .checklist-group .checklist-box .checklist-content .checklist-text {
+  font-size: 14px;
+  color: #666;
+  margin-left: 5px;
+  line-height: 14px;
+}
+.uni-data-checklist .checklist-group .checklist-box .checklist-content .checkobx__list {
+  border-right-width: 1px;
+  border-right-color: #007aff;
+  border-right-style: solid;
+  border-bottom-width: 1px;
+  border-bottom-color: #007aff;
+  border-bottom-style: solid;
+  height: 12px;
+  width: 6px;
+  left: -5px;
+  transform-origin: center;
+  transform: rotate(45deg);
+  opacity: 0;
+}
+.uni-data-checklist .checklist-group .checklist-box .checkbox__inner {
+  /* #ifndef APP-NVUE */
+  flex-shrink: 0;
+  box-sizing: border-box;
+  /* #endif */
+  position: relative;
+  width: 16px;
+  height: 16px;
+  border: 1px solid #dcdfe6;
+  border-radius: 4px;
+  background-color: #fff;
+  z-index: 1;
+}
+.uni-data-checklist .checklist-group .checklist-box .checkbox__inner .checkbox__inner-icon {
+  position: absolute;
+  /* #ifdef APP-NVUE */
+  top: 2px;
+  /* #endif */
+  /* #ifndef APP-NVUE */
+  top: 1px;
+  /* #endif */
+  left: 5px;
+  height: 8px;
+  width: 4px;
+  border-right-width: 1px;
+  border-right-color: #fff;
+  border-right-style: solid;
+  border-bottom-width: 1px;
+  border-bottom-color: #fff;
+  border-bottom-style: solid;
+  opacity: 0;
+  transform-origin: center;
+  transform: rotate(40deg);
+}
+.uni-data-checklist .checklist-group .checklist-box .radio__inner {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  /* #ifndef APP-NVUE */
+  flex-shrink: 0;
+  box-sizing: border-box;
+  /* #endif */
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  width: 16px;
+  height: 16px;
+  border: 1px solid #dcdfe6;
+  border-radius: 16px;
+  background-color: #fff;
+  z-index: 1;
+}
+.uni-data-checklist .checklist-group .checklist-box .radio__inner .radio__inner-icon {
+  width: 8px;
+  height: 8px;
+  border-radius: 10px;
+  opacity: 0;
+}
+.uni-data-checklist .checklist-group .checklist-box.is--default.is-disable {
+  /* #ifdef H5 */
+  cursor: not-allowed;
+  /* #endif */
+}
+.uni-data-checklist .checklist-group .checklist-box.is--default.is-disable .checkbox__inner {
+  background-color: #f2f6fc;
+  border-color: #dcdfe6;
+  /* #ifdef H5 */
+  cursor: not-allowed;
+  /* #endif */
+}
+.uni-data-checklist .checklist-group .checklist-box.is--default.is-disable .radio__inner {
+  background-color: #f2f6fc;
+  border-color: #dcdfe6;
+}
+.uni-data-checklist .checklist-group .checklist-box.is--default.is-disable .checklist-text {
+  color: #999;
+}
+.uni-data-checklist .checklist-group .checklist-box.is--default.is-checked .checkbox__inner {
+  border-color: #2979ff;
+  background-color: #2979ff;
+}
+.uni-data-checklist .checklist-group .checklist-box.is--default.is-checked .checkbox__inner .checkbox__inner-icon {
+  opacity: 1;
+  transform: rotate(45deg);
+}
+.uni-data-checklist .checklist-group .checklist-box.is--default.is-checked .radio__inner {
+  border-color: #2979ff;
+}
+.uni-data-checklist .checklist-group .checklist-box.is--default.is-checked .radio__inner .radio__inner-icon {
+  opacity: 1;
+  background-color: #2979ff;
+}
+.uni-data-checklist .checklist-group .checklist-box.is--default.is-checked .checklist-text {
+  color: #2979ff;
+}
+.uni-data-checklist .checklist-group .checklist-box.is--default.is-checked.is-disable .checkbox__inner {
+  opacity: 0.4;
+}
+.uni-data-checklist .checklist-group .checklist-box.is--default.is-checked.is-disable .checklist-text {
+  opacity: 0.4;
+}
+.uni-data-checklist .checklist-group .checklist-box.is--default.is-checked.is-disable .radio__inner {
+  opacity: 0.4;
+}
+.uni-data-checklist .checklist-group .checklist-box.is--button {
+  margin-right: 10px;
+  padding: 5px 10px;
+  border: 1px #dcdfe6 solid;
+  border-radius: 3px;
+  transition: border-color 0.2s;
+}
+.uni-data-checklist .checklist-group .checklist-box.is--button.is-disable {
+  /* #ifdef H5 */
+  cursor: not-allowed;
+  /* #endif */
+  border: 1px #eee solid;
+  opacity: 0.4;
+}
+.uni-data-checklist .checklist-group .checklist-box.is--button.is-disable .checkbox__inner {
+  background-color: #f2f6fc;
+  border-color: #dcdfe6;
+  /* #ifdef H5 */
+  cursor: not-allowed;
+  /* #endif */
+}
+.uni-data-checklist .checklist-group .checklist-box.is--button.is-disable .radio__inner {
+  background-color: #f2f6fc;
+  border-color: #dcdfe6;
+  /* #ifdef H5 */
+  cursor: not-allowed;
+  /* #endif */
+}
+.uni-data-checklist .checklist-group .checklist-box.is--button.is-disable .checklist-text {
+  color: #999;
+}
+.uni-data-checklist .checklist-group .checklist-box.is--button.is-checked {
+  border-color: #2979ff;
+}
+.uni-data-checklist .checklist-group .checklist-box.is--button.is-checked .checkbox__inner {
+  border-color: #2979ff;
+  background-color: #2979ff;
+}
+.uni-data-checklist .checklist-group .checklist-box.is--button.is-checked .checkbox__inner .checkbox__inner-icon {
+  opacity: 1;
+  transform: rotate(45deg);
+}
+.uni-data-checklist .checklist-group .checklist-box.is--button.is-checked .radio__inner {
+  border-color: #2979ff;
+}
+.uni-data-checklist .checklist-group .checklist-box.is--button.is-checked .radio__inner .radio__inner-icon {
+  opacity: 1;
+  background-color: #2979ff;
+}
+.uni-data-checklist .checklist-group .checklist-box.is--button.is-checked .checklist-text {
+  color: #2979ff;
+}
+.uni-data-checklist .checklist-group .checklist-box.is--button.is-checked.is-disable {
+  opacity: 0.4;
+}
+/* 标签 */
+.uni-data-checklist .checklist-group .checklist-box.is--tag {
+  margin-right: 10px;
+  padding: 5px 10px;
+  border: 1px #dcdfe6 solid;
+  border-radius: 3px;
+  background-color: #f5f5f5;
+}
+.uni-data-checklist .checklist-group .checklist-box.is--tag .checklist-text {
+  margin: 0;
+  color: #666;
+}
+.uni-data-checklist .checklist-group .checklist-box.is--tag.is-disable {
+  /* #ifdef H5 */
+  cursor: not-allowed;
+  /* #endif */
+  opacity: 0.4;
+}
+.uni-data-checklist .checklist-group .checklist-box.is--tag.is-checked {
+  background-color: #2979ff;
+  border-color: #2979ff;
+}
+.uni-data-checklist .checklist-group .checklist-box.is--tag.is-checked .checklist-text {
+  color: #fff;
+}
+/* 列表 */
+.uni-data-checklist .checklist-group .checklist-box.is--list {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  padding: 10px 15px;
+  padding-left: 0;
+  margin: 0;
+}
+.uni-data-checklist .checklist-group .checklist-box.is--list.is-list-border {
+  border-top: 1px #eee solid;
+}
+.uni-data-checklist .checklist-group .checklist-box.is--list.is-disable {
+  /* #ifdef H5 */
+  cursor: not-allowed;
+  /* #endif */
+}
+.uni-data-checklist .checklist-group .checklist-box.is--list.is-disable .checkbox__inner {
+  background-color: #f2f6fc;
+  border-color: #dcdfe6;
+  /* #ifdef H5 */
+  cursor: not-allowed;
+  /* #endif */
+}
+.uni-data-checklist .checklist-group .checklist-box.is--list.is-disable .checklist-text {
+  color: #999;
+}
+.uni-data-checklist .checklist-group .checklist-box.is--list.is-checked .checkbox__inner {
+  border-color: #2979ff;
+  background-color: #2979ff;
+}
+.uni-data-checklist .checklist-group .checklist-box.is--list.is-checked .checkbox__inner .checkbox__inner-icon {
+  opacity: 1;
+  transform: rotate(45deg);
+}
+.uni-data-checklist .checklist-group .checklist-box.is--list.is-checked .radio__inner {
+  border-color: #2979ff;
+}
+.uni-data-checklist .checklist-group .checklist-box.is--list.is-checked .radio__inner .radio__inner-icon {
+  opacity: 1;
+  background-color: #2979ff;
+}
+.uni-data-checklist .checklist-group .checklist-box.is--list.is-checked .checklist-text {
+  color: #2979ff;
+}
+.uni-data-checklist .checklist-group .checklist-box.is--list.is-checked .checklist-content .checkobx__list {
+  opacity: 1;
+  border-color: #2979ff;
+}
+.uni-data-checklist .checklist-group .checklist-box.is--list.is-checked.is-disable .checkbox__inner {
+  opacity: 0.4;
+}
+.uni-data-checklist .checklist-group .checklist-box.is--list.is-checked.is-disable .checklist-text {
+  opacity: 0.4;
+}
 </style>

package/uni-ui/lib/uni-data-picker/changelog.md

@@ -0,0 +1,81 @@
+## 2.0.2（2025-04-14）
+- 修复 在readonly属性为true时选项匹配错误的问题
+## 2.0.1（2024-08-22）
+- 修复 uni-app-x v-model 没有更新传入值的 bug
+## 2.0.0（2023-12-14）
+- 新增 支持 uni-app-x
+## 1.1.2（2023-04-11）
+- 修复 更改 modelValue 报错的 bug
+- 修复 v-for 未使用 key 值控制台 warning
+## 1.1.1（2023-02-21）
+- 修复代码合并时引发 value 属性为空时不渲染数据的问题
+## 1.1.0（2023-02-15）
+- 修复 localdata 不支持动态更新的bug
+## 1.0.9（2023-02-15）
+- 修复 localdata 不支持动态更新的bug
+## 1.0.8（2022-09-16）
+- 可以使用 uni-scss 控制主题色
+## 1.0.7（2022-07-06）
+- 优化 pc端图标位置不正确的问题
+## 1.0.6（2022-07-05）
+- 优化 显示样式
+## 1.0.5（2022-07-04）
+- 修复 uni-data-picker 在 uni-forms-item 中宽度不正确的bug
+## 1.0.4（2022-04-19）
+- 修复 字节小程序 本地数据无法选择下一级的Bug
+## 1.0.3（2022-02-25）
+- 修复 nvue 不支持的 v-show 的 bug
+## 1.0.2（2022-02-25）
+- 修复 条件编译 nvue 不支持的 css 样式
+## 1.0.1（2021-11-23）
+- 修复 由上个版本引发的map、v-model等属性不生效的bug
+## 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-data-picker](https://uniapp.dcloud.io/component/uniui/uni-data-picker)
+## 0.4.9（2021-10-28）
+- 修复 VUE2 v-model 概率无效的 bug
+## 0.4.8（2021-10-27）
+- 修复 v-model 概率无效的 bug
+## 0.4.7（2021-10-25）
+- 新增 属性 spaceInfo 服务空间配置 HBuilderX 3.2.11+
+- 修复 树型 uniCloud 数据类型为 int 时报错的 bug
+## 0.4.6（2021-10-19）
+- 修复 非 VUE3 v-model 为 0 时无法选中的 bug
+## 0.4.5（2021-09-26）
+- 新增 清除已选项的功能（通过 clearIcon 属性配置是否显示按钮），同时提供 clear 方法以供调用，二者等效
+- 修复 readonly 为 true 时报错的 bug
+## 0.4.4（2021-09-26）
+- 修复 上一版本造成的 map 属性失效的 bug
+- 新增 ellipsis 属性，支持配置 tab 选项长度过长时是否自动省略
+## 0.4.3（2021-09-24）
+- 修复 某些情况下级联未触发的 bug
+## 0.4.2（2021-09-23）
+- 新增 提供 show 和 hide 方法，开发者可以通过 ref 调用
+- 新增 选项内容过长自动添加省略号
+## 0.4.1（2021-09-15）
+- 新增 map 属性 字段映射，将 text/value 映射到数据中的其他字段
+## 0.4.0（2021-07-13）
+- 组件兼容 vue3，如何创建 vue3 项目，详见 [uni-app 项目支持 vue3 介绍](https://ask.dcloud.net.cn/article/37834)
+## 0.3.5（2021-06-04）
+- 修复 无法加载云端数据的问题
+## 0.3.4（2021-05-28）
+- 修复 v-model 无效问题
+- 修复 loaddata 为空数据组时加载时间过长问题
+- 修复 上个版本引出的本地数据无法选择带有 children 的 2 级节点
+## 0.3.3（2021-05-12）
+- 新增 组件示例地址
+## 0.3.2（2021-04-22）
+- 修复 非树形数据有 where 属性查询报错的问题
+## 0.3.1（2021-04-15）
+- 修复 本地数据概率无法回显时问题
+## 0.3.0（2021-04-07）
+- 新增 支持云端非树形表结构数据
+- 修复 根节点 parent_field 字段等于 null 时选择界面错乱问题
+## 0.2.0（2021-03-15）
+- 修复 nodeclick、popupopened、popupclosed 事件无法触发的问题
+## 0.1.9（2021-03-09）
+- 修复 微信小程序某些情况下无法选择的问题
+## 0.1.8（2021-02-05）
+- 优化 部分样式在 nvue 上的兼容表现
+## 0.1.7（2021-02-05）
+- 调整为 uni_modules 目录规范

package/uni-ui/lib/uni-data-picker/package.json

@@ -0,0 +1,109 @@
+{
+  "id": "uni-data-picker",
+  "displayName": "uni-data-picker 数据驱动的picker选择器",
+  "version": "2.0.2",
+  "description": "单列、多列级联选择器，常用于省市区城市选择、公司部门选择、多级分类等场景",
+  "keywords": [
+    "uni-ui",
+    "uniui",
+    "picker",
+    "级联",
+    "省市区",
+    ""
+],
+  "repository": "https://github.com/dcloudio/uni-ui",
+  "engines": {
+    "HBuilderX": "",
+    "uni-app": "^4.05",
+    "uni-app-x": "^4.05"
+  },
+  "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-load-more",
+      "uni-icons",
+      "uni-scss"
+    ],
+    "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-data-picker/readme.md

@@ -0,0 +1,21 @@
+## DataPicker 级联选择
+> **组件名：uni-data-picker**
+> 代码块： `uDataPicker`
+> 关联组件：`uni-data-pickerview`、`uni-load-more`。
+
+
+`<uni-data-picker>` 是一个选择类[datacom组件](https://uniapp.dcloud.net.cn/component/datacom)。
+
+支持单列、和多列级联选择。列数没有限制，如果屏幕显示不全，顶部tab区域会左右滚动。
+
+候选数据支持一次性加载完毕，也支持懒加载，比如示例图中，选择了“北京”后，动态加载北京的区县数据。
+
+`<uni-data-picker>` 组件尤其适用于地址选择、分类选择等选择类。
+
+`<uni-data-picker>` 支持本地数据、云端静态数据(json)，uniCloud云数据库数据。
+
+`<uni-data-picker>` 可以通过JQL直连uniCloud云数据库，配套[DB Schema](https://uniapp.dcloud.net.cn/uniCloud/schema)，可在schema2code中自动生成前端页面，还支持服务器端校验。
+
+在uniCloud数据表中新建表“uni-id-address”和“opendb-city-china”，这2个表的schema自带foreignKey关联。在“uni-id-address”表的表结构页面使用schema2code生成前端页面，会自动生成地址管理的维护页面，自动从“opendb-city-china”表包含的中国所有省市区信息里选择地址。
+
+### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-data-picker)