cbvirtua 1.0.102 → 1.0.103

package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/pages/chooseUser/chooseUser.vue

@@ -0,0 +1,69 @@
+<template>
+	<view>
+		<xiaolu-tree  :checkList="checkList"  v-if="tree.length>0"  :props="prop" @sendValue="confirm"  :isCheck="true" :treeNone="tree"></xiaolu-tree>
+		
+	</view>
+</template>
+
+<script>
+	import XiaoluTree from '@/components/xiaolu-tree/tree.vue';
+	import {treeNode} from './data.js'
+
+	export default {
+		components: {
+			XiaoluTree
+		},
+		data() {
+			return {
+				tree: [],
+				checkList: [],
+				backList: this.checkList,
+				prop:{},
+				max: 5,	
+			}
+		},
+		 onLoad(option) {
+			this.prop = JSON.parse(option.prop)
+			this.checkList = uni.getStorageSync('checkList');
+			this.tree = treeNode;//树形数据赋值
+		},
+		methods: {
+			//获取选中的值
+			confirm(val,back) {
+				if(back){
+					this.backConfirm(val)
+					return
+				}
+				this.backList = val;
+			},
+			
+			// 返回上一页传参
+			 backConfirm(val) {
+				uni.$emit('selectSuccess',{list:val})
+				uni.navigateBack();
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.box_sizing {
+		-webkit-box-sizing: border-box;
+		-moz-box-sizing: border-box;
+		box-sizing: border-box;
+	}
+
+	.btn {
+		position: fixed;
+		bottom: 0;
+		padding: 10px;
+		background-color: #fff;
+		width: 100%;
+
+		.sureBtn {
+			background-color: #0095F2;
+			color: #fff;
+		}
+	}
+	
+</style>

package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/pages/chooseUser/data.js

@@ -0,0 +1,96 @@
+const treeNode = [{
+		name: '一级',
+		id: '1',
+		user: false,
+		children: [{
+				name: '二级-1',
+				id: '2-1',
+				user: false,
+				children: [{
+						name: '三级-1',
+						id: '3-1',
+						user: false,
+						children: [{
+								name: '四级-1',
+								id: '4-1',
+								user: false,
+								children: [{
+										name: '五级-1',
+										id: '5-1',
+										user: false,
+										children: [{
+												name: '六级-1',
+												id: '6-1',
+												user: true,
+												children: [
+
+												]
+											},
+											...makeTreeNode(5)
+										]
+									},
+									...makeTreeNode(4)
+								]
+							},
+							...makeTreeNode(3)
+						]
+					},
+					...makeTreeNode(2)
+				],
+			},
+			...makeTreeNode(1)
+		]
+	},
+	{
+		name: '一级-2',
+		id: '1-1-1',
+		user: false,
+		children: [{
+				name: '1-二级-1',
+				id: '1-6-1665',
+				user: false,
+				children: [{
+						name: '1-三级-1',
+						id: '1-5-1',
+						user: false,
+						children: [{
+								name: '1-四级-1',
+								id: '1-6-166',
+								user: true,
+								children: [
+									...makeTreeNode('1-四级-1')
+								]
+							},
+							...makeTreeNode('1-三级-1')
+						]
+					},
+					...makeTreeNode('2-1')
+				]
+			},
+			...makeTreeNode('1-1')
+		]
+	},
+]
+
+function makeTreeNode(leval) {
+	let treeNoneList = []
+	for (let k = 0; k < 100; k++) {
+		treeNoneList.push({
+			name: `${leval}级-${k}`,
+			id: guid(),
+			user: true
+		})
+	}
+	return treeNoneList
+}
+
+function guid() {
+	function S4() {
+		return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+	}
+	return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+}
+
+export {
+	treeNode
+};

package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/pages/index/index.vue

@@ -0,0 +1,122 @@
+<template>
+	<view>
+
+		<uniPopup borderRadius="10px 10px 0 0" background-color="#fff" ref="popup" type="bottom">
+			<view>
+				<xiaolu-tree scrollHeight="80vh" :checkList="checkList" v-if="tree.length>0" :props="bprop"
+					@sendValue="confirm" :isCheck="true" :treeNone="tree"></xiaolu-tree>
+			</view>
+		</uniPopup>
+		<button class="btn" @click="showPop" type="primary">底部弹出选择</button>
+		<button class="btn" @click="toChoose(aprop)" type="primary">多选模式（选择任意一项）</button>
+		<button class="btn" @click="toChoose(bprop)" type="primary">多选模式（关联下级）</button>
+		<button class="btn" @click="toChoose(cprop)" type="primary">单选模式(任意一项)</button>
+		<button class="btn" @click="toChoose(dprop)" type="primary">单选（只选user）</button>
+
+		<button class="btn" @click="clear()" type="default">清空选择</button>
+		<view class="children">
+			<view v-for="(item,index) in selectListItem" style="font-size: 24rpx;"
+				:key="index">
+				<view style="color: red;">选中的值：{{item.name}};&nbsp;</view>
+				路径：
+				<view v-for="(row,k) in item.path" style="display: inline-block;font-size: 24rpx;" :key="k">
+					{{row.name}}
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+
+<script>
+	/*
+	 *	已兼容h5和小程序端,其它端没测试过，估计问题不大，只需要改一下传值的方式
+	 *	如有问题可以加qq：122720267
+	 *	使用该插件的朋友请给个好评，或者到git start一下
+	 *   git地址：https://github.com/LSZ579/xiaolu-tree-plugin.git
+	 *   插件市场地址： https://ext.dcloud.net.cn/plugin?id=2423
+	 * 
+	 */
+	import uniPopup from '@/uni_modules/uni-popup/components/uni-popup/uni-popup.vue';
+	import XiaoluTree from '@/components/xiaolu-tree/tree.vue';
+	import {
+		treeNode
+	} from '../chooseUser/data.js'
+	export default {
+		components: {
+			uniPopup,
+			XiaoluTree
+		},
+		data() {
+			return {
+				selectListItem: [],
+				aprop: {
+					label: 'name',
+					children: 'children',
+					multiple: true,
+					hasPath: true
+				},
+				bprop: {
+					label: 'name',
+					children: 'children',
+					multiple: true,
+					checkStrictly: true,
+					hasPath: true
+				},
+				cprop: { //单选模式(任意一项)
+					label: 'name',
+					children: 'children',
+					multiple: false,
+					nodes: false,
+					hasPath: true
+				},
+				dprop: { //单选模式选user
+					label: 'name',
+					children: 'children',
+					multiple: false,
+					nodes: true,
+					hasPath: true
+				},
+				tree: treeNode,
+				checkList:[]
+			}
+		},
+		created() {
+			uni.$on('selectSuccess', (data) => {
+				this.$set(this, 'selectListItem', [...data.list])
+			})
+		},
+		methods: {
+			showPop() {
+				this.checkList = JSON.parse(JSON.stringify(this.selectListItem))
+				this.$refs.popup.open('bottom')
+			},
+			confirm(val) {
+				this.$set(this, 'selectListItem', [...val])
+				this.$refs.popup?.close()
+			},
+			toChoose(prop) {
+				wx.setStorageSync('checkList',this.selectListItem)
+				uni.navigateTo({
+					url: `../chooseUser/chooseUser?prop=${JSON.stringify(prop)}`
+				})
+			},
+			clear() {
+				this.selectListItem = [];
+			}
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	.children {
+		color: #BBB2B2;
+	}
+
+	.color {
+		color: #bbb2b2;
+	}
+	.btn {
+		margin: 10px auto;
+	}
+</style>

package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/pages.json

@@ -0,0 +1,25 @@
+{
+	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
+{
+            "path" : "pages/index/index",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "无限级选择组件-动态加载",
+                "enablePullDownRefresh": false
+            }
+            
+        },
+	   
+       {
+            "path" : "pages/chooseUser/chooseUser",
+            "style" : {}
+        }
+        
+    ],
+	"globalStyle": {
+		"navigationBarTextStyle": "black",
+		"navigationBarTitleText": "uni-app",
+		"navigationBarBackgroundColor": "#F8F8F8",
+		"backgroundColor": "#F8F8F8"
+	}
+}

package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-popup/changelog.md

@@ -0,0 +1,80 @@
+## 1.8.9（2024-03-20）
+- 修复 uni-popup-dialog 数据输入时修正为双向绑定
+## 1.8.8（2024-02-20）
+- 修复 uni-popup 在微信小程序下出现文字向上闪动的bug
+## 1.8.7（2024-02-02）
+- 新增 uni-popup-dialog 新增属性focus：input模式下，是否自动自动聚焦
+## 1.8.6（2024-01-30）
+- 新增 uni-popup-dialog 新增属性maxLength:限制输入框字数
+## 1.8.5（2024-01-26）
+- 新增 uni-popup-dialog 新增属性showClose:控制关闭按钮的显示
+## 1.8.4（2023-11-15）
+- 新增 uni-popup 支持uni-app-x 注意暂时仅支持 `maskClick` `@open` `@close`
+## 1.8.3（2023-04-17）
+- 修复 uni-popup 重复打开时的 bug
+## 1.8.2（2023-02-02）
+- uni-popup-dialog 组件新增 inputType 属性
+## 1.8.1（2022-12-01）
+- 修复 nvue 下 v-show 报错
+## 1.8.0（2022-11-29）
+- 优化 主题样式
+## 1.7.9（2022-04-02）
+- 修复 弹出层内部无法滚动的bug
+## 1.7.8（2022-03-28）
+- 修复 小程序中高度错误的bug
+## 1.7.7（2022-03-17）
+- 修复 快速调用open出现问题的Bug
+## 1.7.6（2022-02-14）
+- 修复 safeArea 属性不能设置为false的bug
+## 1.7.5（2022-01-19）
+- 修复 isMaskClick 失效的bug
+## 1.7.4（2022-01-19）
+- 新增 cancelText \ confirmText 属性 ，可自定义文本
+- 新增 maskBackgroundColor 属性 ，可以修改蒙版颜色
+- 优化 maskClick属性 更新为 isMaskClick ，解决微信小程序警告的问题
+## 1.7.3（2022-01-13）
+- 修复 设置 safeArea 属性不生效的bug
+## 1.7.2（2021-11-26）
+- 优化 组件示例
+## 1.7.1（2021-11-26）
+- 修复 vuedoc 文字错误
+## 1.7.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-popup](https://uniapp.dcloud.io/component/uniui/uni-popup)
+## 1.6.2（2021-08-24）
+- 新增 支持国际化
+## 1.6.1（2021-07-30）
+- 优化 vue3下事件警告的问题
+## 1.6.0（2021-07-13）
+- 组件兼容 vue3，如何创建vue3项目，详见 [uni-app 项目支持 vue3 介绍](https://ask.dcloud.net.cn/article/37834)
+## 1.5.0（2021-06-23）
+- 新增 mask-click 遮罩层点击事件
+## 1.4.5（2021-06-22）
+- 修复 nvue 平台中间弹出后，点击内容，再点击遮罩无法关闭的Bug
+## 1.4.4（2021-06-18）
+- 修复 H5平台中间弹出后，点击内容，再点击遮罩无法关闭的Bug
+## 1.4.3（2021-06-08）
+- 修复 错误的 watch 字段
+- 修复 safeArea 属性不生效的问题
+- 修复 点击内容，再点击遮罩无法关闭的Bug
+## 1.4.2（2021-05-12）
+- 新增 组件示例地址
+## 1.4.1（2021-04-29）
+- 修复 组件内放置 input 、textarea 组件，无法聚焦的问题
+## 1.4.0 （2021-04-29）
+- 新增 type 属性的 left\right 值，支持左右弹出
+- 新增 open(String:type) 方法参数 ，可以省略 type 属性 ，直接传入类型打开指定弹窗
+- 新增 backgroundColor 属性，可定义主窗口背景色,默认不显示背景色
+- 新增 safeArea 属性，是否适配底部安全区
+- 修复 App\h5\微信小程序底部安全区占位不对的Bug
+- 修复 App 端弹出等待的Bug
+- 优化 提升低配设备性能，优化动画卡顿问题
+- 优化 更简单的组件自定义方式
+## 1.2.9（2021-02-05）
+- 优化 组件引用关系，通过uni_modules引用组件
+## 1.2.8（2021-02-05）
+- 调整为uni_modules目录规范
+## 1.2.7（2021-02-05）
+- 调整为uni_modules目录规范
+- 新增 支持 PC 端
+- 新增 uni-popup-message 、uni-popup-dialog扩展组件支持 PC 端

package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-popup/components/uni-popup/i18n/en.json

@@ -0,0 +1,7 @@
+{
+	"uni-popup.cancel": "cancel",
+	"uni-popup.ok": "ok",
+	"uni-popup.placeholder": "pleace enter",
+	"uni-popup.title": "Hint",
+	"uni-popup.shareTitle": "Share to"
+}

package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-popup/components/uni-popup/i18n/index.js

@@ -0,0 +1,8 @@
+import en from './en.json'
+import zhHans from './zh-Hans.json'
+import zhHant from './zh-Hant.json'
+export default {
+	en,
+	'zh-Hans': zhHans,
+	'zh-Hant': zhHant
+}

package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-popup/components/uni-popup/i18n/zh-Hans.json

@@ -0,0 +1,7 @@
+{
+	"uni-popup.cancel": "取消",
+	"uni-popup.ok": "确定",
+	"uni-popup.placeholder": "请输入",
+		"uni-popup.title": "提示",
+		"uni-popup.shareTitle": "分享到"
+}

package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-popup/components/uni-popup/i18n/zh-Hant.json

@@ -0,0 +1,7 @@
+{
+	"uni-popup.cancel": "取消",
+	"uni-popup.ok": "確定",
+	"uni-popup.placeholder": "請輸入",
+	"uni-popup.title": "提示",
+	"uni-popup.shareTitle": "分享到"
+}

package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-popup/components/uni-popup/keypress.js

@@ -0,0 +1,45 @@
+// #ifdef H5
+export default {
+  name: 'Keypress',
+  props: {
+    disable: {
+      type: Boolean,
+      default: false
+    }
+  },
+  mounted () {
+    const keyNames = {
+      esc: ['Esc', 'Escape'],
+      tab: 'Tab',
+      enter: 'Enter',
+      space: [' ', 'Spacebar'],
+      up: ['Up', 'ArrowUp'],
+      left: ['Left', 'ArrowLeft'],
+      right: ['Right', 'ArrowRight'],
+      down: ['Down', 'ArrowDown'],
+      delete: ['Backspace', 'Delete', 'Del']
+    }
+    const listener = ($event) => {
+      if (this.disable) {
+        return
+      }
+      const keyName = Object.keys(keyNames).find(key => {
+        const keyName = $event.key
+        const value = keyNames[key]
+        return value === keyName || (Array.isArray(value) && value.includes(keyName))
+      })
+      if (keyName) {
+        // 避免和其他按键事件冲突
+        setTimeout(() => {
+          this.$emit(keyName, {})
+        }, 0)
+      }
+    }
+    document.addEventListener('keyup', listener)
+    // this.$once('hook:beforeDestroy', () => {
+    //   document.removeEventListener('keyup', listener)
+    // })
+  },
+	render: () => {}
+}
+// #endif

package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-popup/components/uni-popup/popup.js

@@ -0,0 +1,26 @@
+
+export default {
+	data() {
+		return {
+			
+		}
+	},
+	created(){
+		this.popup = this.getParent()
+	},
+	methods:{
+		/**
+		 * 获取父元素实例
+		 */
+		getParent(name = 'uniPopup') {
+			let parent = this.$parent;
+			let parentName = parent.$options.name;
+			while (parentName !== name) {
+				parent = parent.$parent;
+				if (!parent) return false
+				parentName = parent.$options.name;
+			}
+			return parent;
+		},
+	}
+}

package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-popup/components/uni-popup/uni-popup.uvue

@@ -0,0 +1,90 @@
+<template>
+  <view class="popup-root" v-if="isOpen" v-show="isShow" @click="clickMask">
+    <view @click.stop>
+      <slot></slot>
+    </view>
+  </view>
+</template>
+
+<script>
+  type CloseCallBack = ()=> void;
+  let closeCallBack:CloseCallBack = () :void => {};
+  export default {
+    emits:["close","clickMask"],
+    data() {
+      return {
+        isShow:false,
+        isOpen:false
+      }
+    },
+    props: {
+      maskClick: {
+        type: Boolean,
+        default: true
+      },
+    },
+    watch: {
+      // 设置show = true 时，如果没有 open 需要设置为 open
+      isShow:{
+        handler(isShow) {
+          // console.log("isShow",isShow)
+          if(isShow && this.isOpen == false){
+            this.isOpen = true
+          }
+        },
+        immediate:true
+      },
+      // 设置isOpen = true 时，如果没有 isShow 需要设置为 isShow
+      isOpen:{
+        handler(isOpen) {
+          // console.log("isOpen",isOpen)
+          if(isOpen && this.isShow == false){
+            this.isShow = true
+          }
+        },
+        immediate:true
+      }
+    },
+    methods:{
+      open(){
+        // ...funs : CloseCallBack[]
+        // if(funs.length > 0){
+        //   closeCallBack = funs[0]
+        // }
+        this.isOpen = true;
+      },
+      clickMask(){
+        if(this.maskClick == true){
+          this.$emit('clickMask')
+          this.close()
+        }
+      },
+      close(): void{
+        this.isOpen = false;
+        this.$emit('close')
+        closeCallBack()
+      },
+      hiden(){
+        this.isShow = false
+      },
+      show(){
+        this.isShow = true
+      }
+    }
+  }
+</script>
+
+<style>
+.popup-root {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 750rpx;
+  height: 100%;
+  flex: 1;
+  background-color: rgba(0, 0, 0, 0.3);
+  justify-content: center;
+  align-items: center;
+  z-index: 99;
+}
+</style>