Signed-off-by: zhaobao <528046418@qq.com>

uni_modules/m-tree/changelog.md

@@ -1,31 +0,0 @@
-## 1.0.8（2022-02-25）
-增加上移下移功能按钮
-## 1.0.7（2022-02-17）
-修正小程序显示问题
-## 1.0.6（2022-02-17）
-修正小程序显示问题
-## 1.0.5（2022-01-30）
-修改实例代码报错问题
-## 1.0.3（2022-01-29）
-更新编辑功能。
-    增加事件 @finger-action  返回参数为编辑项 item对象数据包括children，action 滑动动作action:1上滑, 2下滑，3左滑，4右滑
-    增加事件 @edit-item  返回参数为编辑项 item对象数据包括children
-    增加展开参数 :unfold="true", 不设置默认未false ,不展开。
-        <m-tree
-            :defaultProps="defaultProps"
-            :data="tree"
-            :divider="divider"
-            :edit="edit"
-            :unfold="true"
-            @node-click="nodeClick" 
-            @add-item="addNode" 
-            @edit-item="editNode" 
-            @delete-item="deleteNode"
-            @finger-action="fingerAction"
-            @long-press="longpressNode">
-        </m-tree>
-## 1.0.1（2021-09-24）
-修正说明实例文件中标签名称 m-tree
-
-## 1.0.0（2021-09-24）
-基于leo-tree插件 更新编辑功能，多参数控制，更多功能持续更新。感谢原作者leo9012

uni_modules/m-tree/components/m-tree/m-tree.vue

@@ -1,211 +0,0 @@
-<template>
-	<view class="leo-tree">
-		<treeNode 
-            v-for="item in data"
-            :items="data" 
-            :item="item" 
-            :key="item[defaultProps.id]" 
-            :defaultProps="defaultProps" 
-            :divider="divider" 
-            :edit="edit"
-            :unfold="unfold"
-            @up-item="upItem" 
-            @down-item="downItem" 
-            @add-item="addItem" 
-            @delete-item="deleteItem"
-            @finger-action="fingerAction"
-            @onlongPress="onlongPress"></treeNode>
-	</view>
-</template>
-<script>
-	import treeNode from './tree-node/tree-node.vue';
-	export default {
-		components:{
-			treeNode
-		},
-		props: {
-			data: {
-				type: Array,
-				default: () => {
-					return []
-				}
-			},
-			divider: {
-				type: Boolean,
-				default: false
-			},
-			unfold: {
-				type: Boolean,
-				default: false
-			},
-			edit: {
-				type: Boolean,
-				default: false
-			},
-			defaultProps: {
-				type: Object,
-				default: () => {
-					return {
-                    	id: 'id',
-                    	children: 'children',
-                        label : 'label'
-                    }
-				}
-			}
-		},
-		provide(){
-			return {
-			  defaultProps: this.defaultProps,
-			  onClickItem: this.onClickItem,
-			  upItem: this.upItem,
-			  downItem: this.downItem,
-			  addItem: this.addItem,
-			  editItem: this.editItem,
-			  deleteItem: this.deleteItem,
-              fingerAction: this.fingerAction,
-			  divider: this.divider,
-			  unfold: this.unfold,
-			  edit: this.edit,
-              onlongPress: this.onlongPress
-			}
-		},
-		data() {
-			return {
-                pNodeData: {},
-				addContent: '',
-				addshow: false,
-                inputtitle: '新增节点',
-                inputshow: false,
-                inputcontent: '',
-			}
-		},
-		methods: {
-            treeSort(tree, id, data) {
-                // 树元素排序，并交换sort数据
-                // tree 完整树列表
-                // id: 待修改树列表排序的父级id
-                // data {pnode: {}, itemA: {id:0, sort:0}, itemB: {id:0, sort:0}}
-                const that = this;
-                var switchData = 0;
-                var operationflag = false;
-                var forFn = function (arr, id, data) {
-                    // {pnode: {}, itemA: {id:0, sort:0}, itemB: {id:0, sort:0}}
-                    for (var i = 0; i < arr.length; i++) {
-                        var item = arr[i];
-                        if (item.pid != id) {
-                            data.pnode = item;
-                            forFn(item.children, id, data);
-                        } else {
-                            if (data.itemA.id === item.id) {
-                                item.sort = data.itemA.sort;
-                                switchData +=1;
-                            }
-                            if (data.itemB.id === item.id) {
-                                item.sort = data.itemB.sort;
-                                switchData +=1;
-                            }
-                        }
-                        if (switchData ===2 && i === arr.length -1) {
-                            if (data.pnode.children) {
-                                data.pnode.children = data.pnode.children.sort((a, b) => a.sort - b.sort);
-                                operationflag = true;
-                                break;
-                                return true;
-                            }
-                        }
-                    }
-                }
-                forFn(tree, id, data);
-                return operationflag;
-            },
-            onlongPress(e) {
-				this.$emit('long-press', e);
-            },
-			onClickItem(e) {
-				// console.log(e);
-				this.$emit('node-click', e);
-			},
-			upItem(e) {
-				this.$emit('up-item', e);
-			},
-			downItem(e) {
-				this.$emit('down-item', e);
-			},
-			addItem(e) {
-                this.pNodeData = e;
-                this.inputcontent = '';
-                this.inputtitle = '新增节点';
-                this.inputshow = true;
-				// this.$emit('add-item', e);
-			},
-			editItem(e) {
-                // console.log(JSON.stringify(e));
-                this.inputcontent = e[this.defaultProps.label];
-                this.inputtitle = '编辑节点';
-                this.pNodeData = e;
-                this.inputshow = true;
-				// this.$emit('add-item', e);
-			},
-			deleteItem(e) {
-				// console.log(e.id);
-				this.$emit('delete-item', e);
-			},
-			fingerAction(e) {
-				// console.log(e.item,e.action);
-                // action:1上滑, 2下滑，3左滑，4右滑
-				this.$emit('finger-action', e);
-			},
-            inputconfirm() {
-                if(this.inputtitle === '新增节点') {
-                    if(this.inputcontent  && this.pNodeData) {
-                        console.log(this.inputcontent, this.pNodeData);
-                        this.$emit('add-item', {pNodeData: this.pNodeData, addContent: this.inputcontent});
-                    }
-                }
-                if(this.inputtitle === '编辑节点') {
-                    this.$emit('edit-item', {pNodeData: this.pNodeData, editContent: this.inputcontent});
-                }
-            },
-            close() {
-                this.inputshow = false;
-            },
-			cancel() {
-                this.inputcontent = '';
-                this.pNodeData = {};
-                this.inputshow = false;
-			}
-		}
-	}
-</script>
-<style scoped>
-    .head{
-        display: flex;
-        align-items: center;
-        line-height: 60rpx;
-    }
-    .head-1{
-        display: flex;
-        flex-basis: auto;
-        margin-top: 10rpx;
-    }
-    .txt{
-        font-size: 30rpx;
-        color: #222;
-    }
-    .p-r-30{
-        margin-right: 30rpx;
-    }
-    .p-t-20{
-        margin-top: 20rpx;
-    }
-    .h-flex{
-        display: flex;
-        flex-flow: row nowrap;
-        justify-content: space-between;
-    }
-    .edit-icon{
-            width: 40rpx;
-            height: 40rpx;
-            padding-right: 10rpx;
-    }
-</style>

uni_modules/m-tree/components/m-tree/tree-node/neil-modal.vue

@@ -1,260 +0,0 @@
-<template>
-    <view class="neil-modal" @touchmove.stop.prevent="bindTouchmove" :class="{'neil-modal--show':isOpen}">
-        <view class="neil-modal__mask" @click="clickMask"></view>
-        <view class="neil-modal__container">
-            <view class="neil-modal__header" v-if="title.length > 0">{{title}}</view>
-            <view class="neil-modal__content" :class="content ? 'neil-modal--padding' : ''" :style="{textAlign:align}">
-                <template v-if="content">
-                    <text class="modal-content">{{content}}</text>
-                </template>
-                <template v-else>
-                    <slot />
-                </template>
-            </view>
-            <view class="neil-modal__footer">
-                <view v-if="showCancel" class="neil-modal__footer-left" @click="clickLeft" :style="{color:cancelColor}"
-                    hover-class="neil-modal__footer-hover" :hover-start-time="20" :hover-stay-time="70">
-                    {{cancelText}}
-                </view>
-                <view class="neil-modal__footer-right" @click="clickRight" :style="{color:confirmColor}" hover-class="neil-modal__footer-hover"
-                    :hover-start-time="20" :hover-stay-time="70">
-                    {{confirmText}}
-                </view>
-            </view>
-        </view>
-    </view>
-</template>
-
-<script>
-    export default {
-        name: 'neil-modal',
-        props: {
-            title: { //标题
-                type: String,
-                default: ''
-            },
-            content: String, //提示的内容
-            align: { //content 的对齐方式left/center/right
-                type: String,
-                default: 'left'
-            },
-            cancelText: { //取消按钮的文字，默认为"取消"
-                type: String,
-                default: '取消'
-            },
-            cancelColor: { //取消按钮颜色
-                type: String,
-                default: '#333333'
-            },
-            confirmText: { //确定按钮的文字，默认为"确定"
-                type: String,
-                default: '确定'
-            },
-            confirmColor: { //确认按钮颜色
-                type: String,
-                default: '#007aff'
-            },
-            showCancel: { //是否显示取消按钮，默认为 true
-                type: [Boolean, String],
-                default: true
-            },
-            show: { //是否显示模态框
-                type: [Boolean, String],
-                default: false
-            },
-            autoClose: { //点击遮罩是否自动关闭弹窗
-                type: [Boolean, String],
-                default: true
-            }
-        },
-        data() {
-            return {
-                isOpen: false
-            }
-        },
-        watch: {
-            show(val) {
-				this.isOpen = val
-            }
-        },
-        created() {
-        	this.isOpen = this.show
-        },
-        methods: {
-            bindTouchmove() {},
-            clickLeft() {
-                setTimeout(() => {
-                	this.$emit('cancel')
-                }, 200)
-                this.closeModal()
-            },
-            clickRight() {
-                setTimeout(() => {
-                	this.$emit('confirm')
-                }, 200)
-                this.closeModal()
-            },
-			clickMask(){
-				if(this.autoClose){
-					this.closeModal()
-				}
-			},
-            closeModal() {
-                this.showAnimation = false
-				this.isOpen = false
-				this.$emit('close')
-            }
-        }
-    }
-</script>
-
-<style lang="scss">
-    $bg-color-mask:rgba(0, 0, 0, 0.5); //遮罩颜色
-    $bg-color-hover:#f1f1f1; //点击状态颜色
-
-    .neil-modal {
-        position: fixed;
-		visibility: hidden;
-        width: 100%;
-        height: 100%;
-        top: 0;
-        left: 0;
-        z-index: 1000;
-		transition:visibility 200ms ease-in;
-
-		&.neil-modal--show{
-			visibility: visible;
-		}
-
-        &__header {
-            position: relative;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-            padding: 18upx 24upx;
-            line-height: 1.5;
-            color: #333;
-            font-size: 32upx;
-            text-align: center;
-
-            &::after {
-                content: " ";
-                position: absolute;
-                left: 0;
-                bottom: 0;
-                right: 0;
-                height: 1px;
-                border-top: 1px solid #e5e5e5;
-                transform-origin: 0 0;
-                transform: scaleY(.5);
-            }
-        }
-
-        &__container {
-            position: absolute;
-			z-index: 999;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%) ;
-            transition: transform 0.3s;
-            width: 540upx;
-            border-radius: 20upx;
-            background-color: #fff;
-            overflow: hidden;
-            opacity: 0;
-            transition: opacity 200ms ease-in;
-        }
-
-        &__content {
-            position: relative;
-            color: #333;
-            font-size: 28upx;
-            box-sizing: border-box;
-            line-height: 1.5;
-
-            &::after {
-                content: " ";
-                position: absolute;
-                left: 0;
-                bottom: -1px;
-                right: 0;
-                height: 1px;
-                border-bottom: 1px solid #e5e5e5;
-                transform-origin: 0 0;
-                transform: scaleY(.5);
-            }
-        }
-
-        &__footer {
-            position: relative;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-            color: #333;
-            font-size: 32upx;
-            display: flex;
-            flex-direction: row;
-
-            &-left,
-            &-right {
-                position: relative;
-                flex: 1;
-                overflow: hidden;
-                text-overflow: ellipsis;
-                white-space: nowrap;
-                height: 88upx;
-                font-size: 28upx;
-                line-height: 88upx;
-                text-align: center;
-                background-color: #fff;
-                color: #333;
-            }
-
-            &-right {
-                color: #007aff;
-            }
-
-            &-left::after {
-                content: " ";
-                position: absolute;
-                right: -1px;
-                top: 0;
-                width: 1px;
-                bottom: 0;
-                border-right: 1px solid #e5e5e5;
-                transform-origin: 0 0;
-                transform: scaleX(.5);
-            }
-
-            &-hover {
-                background-color: $bg-color-hover;
-            }
-        }
-
-        &__mask {
-            display: block;
-            position: absolute;
-			z-index: 998;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            background: $bg-color-mask;
-            opacity: 0;
-            transition: opacity 200ms ease-in;
-			&.neil-modal--show{
-				opacity: 1;
-			}
-        }
-
-        &--padding {
-            padding: 32upx 24upx;
-            min-height: 90upx;
-        }
-		&--show {
-		    .neil-modal__container,.neil-modal__mask{
-				opacity: 1;
-			}
-		}
-    }
-</style>

uni_modules/m-tree/components/m-tree/tree-node/tree-node.vue

@@ -1,275 +0,0 @@
-<template>
-	<view class="tree-item">
-        <view class="head h-flex">
-            <view class="head-1 flex-1" @click="changeShow" @longpress="longPress" @touchstart="handletouchstart" @touchend="handletouchend">
-                <image src="../../../static/down-rect.png" :class="show ? 'rt45' : ''" mode="scaleToFill" class="left-icon" 
-                    v-if="item[defaultProps.children] && item[defaultProps.children].length > 0"></image>
-                <text class="txt">{{item[defaultProps.label]}}</text>
-            </view>
-            <view v-if="edit" class="p-t-20 p-r-30">
-                <image src="../../../static/rising.png" class="edit-icon" @click.stop="checkupitem" />
-                <image src="../../../static/falling.png" class="edit-icon" @click.stop="checkdownitem" />
-                <image src="../../../static/addblue.png" class="edit-icon" @click.stop="checkadditem" />
-                <image src="../../../static/editblue.png" class="edit-icon" @click.stop="checkedititem" />
-                <image src="../../../static/reeorblue.png" class="edit-icon" @click.stop="checkdeleteitem" />
-            </view>
-        </view>
-        <view class="content" 
-            v-if="item[defaultProps.children] && item[defaultProps.children].length > 0"
-            v-show="show"
-            :key="item.id">
-            <view v-if="divider" class="divider"></view>
-            <tree-node v-for="(sitem, sindex) in item[defaultProps.children]" 
-                :items="item[defaultProps.children]"
-                :item="sitem"
-                :index="sindex"
-                :key="sitem[defaultProps.id]" :defaultProps="defaultProps"></tree-node>
-        </view>
-	</view>
-</template>
-
-<script>
-	import TreeNode from './tree-node.vue';
-	export default {
-		name: 'TreeNode',
-		componentName: 'TreeNode',
-		components:{
-			TreeNode
-		},
-		props: {
-			items: {
-				type: Array,
-				default: () => {
-					return []
-				}
-			},
-			index: {
-				type: Number,
-				default: () => {
-					return -1
-				}
-			},
-			item: {
-				type: Object,
-				default: () => {
-					return {}
-				}
-			},
-			unfold: {
-				type: Boolean,
-				default: false
-			}
-		},
-		inject: [
-            'unfold',
-            'defaultProps',
-            'divider', 
-            'edit', 
-            'onClickItem', 
-            'upItem', 
-            'downItem', 
-            'addItem', 
-            'editItem', 
-            'deleteItem', 
-            'fingerAction',
-            'onlongPress'],
-		data() {
-			return {
-                startX: 0,
-                startY: 0,
-                startTime: null,
-                endX: 0,
-                endY: 0,
-				show: this.unfold,
-                defaultProps: this.defaultProps,
-                divider: this.divider,
-                edit: this.edit,
-                onClickItem: this.onClickItem,
-                upItem: this.upItem,
-                downItem: this.downItem,
-                addItem: this.addItem,
-                editItem: this.editItem,
-                deleteItem: this.deleteItem,
-                fingerAction: this.fingerAction,
-                onlongPress: this.onlongPress
-			}
-		},
-		methods: {
-			changeShow() {
-				this.onClickItem(this.item);
-				if (this.item[this.defaultProps.children] && this.item[this.defaultProps.children].length > 0) {
-					this.show = !this.show;
-				}
-			},
-            longPress() {
-                if(this.edit){
-                    this.onlongPress(this.item);
-                }
-            },
-            checkupitem() {
-                let existItem = this.items.find(element=>element.id===this.item.id);
-                if (existItem) {
-                    // console.log('tree-node existItem:', existItem);
-                    this.upItem({item: this.item, items: this.items, index: this.index});
-                };
-            },
-            checkdownitem() {
-                let existItem = this.items.find(element=>element.id===this.item.id);
-                if (existItem) {
-                    // console.log('tree-node existItem:', existItem);
-                    this.downItem({item: this.item, items: this.items, index: this.index});
-                };
-            },
-            checkadditem() {
-                //console.log('check add id:', {id: id});
-                this.addItem(this.item);
-            },
-            checkedititem() {
-                //console.log('check add id:', {id: id});
-                this.editItem(this.item);
-            },
-            checkdeleteitem() {
-                //console.log('check delete id:', {id: id});
-                this.deleteItem({id: this.item.id});
-            },
-            handletouchstart(event) {
-                this.startX = event.changedTouches[0].clientX;
-                this.startY = event.changedTouches[0].clientY;
-                this.startTime = Date.now();
-            },
-            handletouchend(event) {
-                this.endX = event.changedTouches[0].clientX;
-                this.endY = event.changedTouches[0].clientY;
-                this.getSlideDirction(this.startX, this.startY, this.endX, this.endY, this.startTime);
-            },
-            /* 获取滑动直线与水平线的夹角 */
-            getLineAngle(x1, y1, x2, y2) {
-                var x = x1 - x2,
-                y = y1 - y2;
-                if (!x && !y) {
-                    return 0;
-                }
-                var angle = (180 + Math.atan2(-y, -x) * 180 / Math.PI + 360) % 360;
-                return 360 - angle;
-            },
-            /* 判断滑动方向（上，下，左，右）*/
-            getSlideDirction(startX, startY, endX, endY, startTime) {
-                const subX = endX - startX;
-                const subY = endY - startY;
-                let noeTime = Date.now() - startTime;
-                // console.log('滑动用时：', noeTime);
-                let lineAngle = this.getLineAngle(startX, startY, endX, endY);
-                let fingerAction = 0; 
-                // console.log('角度：', lineAngle);
-                // console.log('subX：', subX);
-                // console.log('subY：', subY);
-                if(noeTime > 50 && noeTime < 1000) {
-                    if(subY > -280 && subY < - 50 && lineAngle > 250 && lineAngle < 290) {
-                        /* 上滑 */
-                        console.log('上滑');
-                        this.fingerAction({item: this.item, items: this.items, index: this.index, action: 1});
-                    }
-                    if(subY < 280 && subY > 50 && lineAngle > 70 && lineAngle < 110) {
-                        /* 下滑 */
-                        console.log('下滑');
-                        this.fingerAction({item: this.item, items: this.items, index: this.index, action: 2});
-                    }
-                    if(subX > - 280 && subX < - 50 && (lineAngle > 350 || lineAngle < 10)) {
-                        /* 左滑 */
-                        console.log('左滑');
-                        this.fingerAction({item: this.item, items: this.items, index: this.index, action: 3});
-                    }
-                    if(subX < 280 && subX > 50 && lineAngle > 170 && lineAngle < 190) {
-                        /* 右滑 */
-                        console.log('右滑');
-                        this.fingerAction({item: this.item, items: this.items, index: this.index, action: 4});
-                    }
-                }
-            }
-		}
-	}
-</script>
-
-
-<style scoped lang="scss">
-	@mixin animate2 {
-	    -moz-transition: all .2s linear;
-	    -webkit-transition: all .2s linear;
-	    -o-transition: all .2s linear;
-	    -ms-transition: all .2s linear;
-	    transition: all .2s linear;
-	}
-    .divider {
-        align-self: center;
-        width: 93%;
-        height: 2rpx;
-        color: #987cb9;
-        background-color: gray;
-    }
-	.tree-item{
-		.head{
-			display: flex;
-			align-items: center;
-			line-height: 60rpx;
-            .head-1{
-                display: flex;
-                flex-basis: auto;
-                margin-top: 10rpx;
-                .txt{
-                    font-size: 30rpx;
-                    color: #222;
-                    word-break: break-all;
-                    text-overflow: ellipsis;
-                    display: -webkit-box;
-                    -webkit-box-orient: vertical;
-                    -webkit-line-clamp: 1; /* 这里是超出几行省略 */
-                    overflow: hidden;
-                }
-            }
-            .flex-1{
-                flex: 1;
-            }
-           .p-r-30{
-                margin-right: 30rpx;
-            }
-           .p-t-20{
-                margin-top: 20rpx;
-            }
-		}
-        .h-flex{
-            display: flex;
-            flex-flow: row nowrap;
-            justify-content: space-between;
-        }
-		.left-icon{
-			width: 40rpx;
-			height: 40rpx;
-            margin-top: 10rpx;
-            margin-bottom: 10rpx;
-			@include animate2;
-			transform: rotate(-90deg);
-			-ms-transform:rotate(-90deg);
-			-moz-transform:rotate(-90deg);
-			-webkit-transform: rotate(-90deg);
-			-o-transform:rotate(-90deg);
-			&.rt45{
-                width: 40rpx;
-                height: 40rpx;
-				transform: rotate(0deg);
-				-ms-transform:rotate(0deg);
-				-moz-transform:rotate(0deg);
-				-webkit-transform: rotate(0deg);
-				-o-transform:rotate(0deg);
-			}
-		}
-        .edit-icon{
-                width: 40rpx;
-                height: 40rpx;
-                padding-right: 10rpx;
-        }
-		.content{
-			padding-left: 40rpx;
-		}
-	}
-	
-</style>

uni_modules/m-tree/package.json

@@ -1,83 +0,0 @@
-{
-  "id": "m-tree",
-  "displayName": "无限级树形控件tree，可新增，删除，点击，长按事件及数据处理",
-  "version": "1.0.8",
-  "description": "无限级树形控件tree[可新增,删除,点击,长按事件及数据处理]",
-  "keywords": [
-    "树形",
-    "多层",
-    "tree",
-    "树形控件",
-    "无限级"
-],
-  "repository": "",
-"engines": {
-  },
-  "dcloudext": {
-    "category": [
-        "前端组件",
-        "通用组件"
-    ],
-    "sale": {
-      "regular": {
-        "price": "0.00"
-      },
-      "sourcecode": {
-        "price": "0.00"
-      }
-    },
-    "contact": {
-      "qq": ""
-    },
-    "declaration": {
-      "ads": "无s",
-      "data": "插件不采集任何数据",
-      "permissions": "无"
-    },
-    "npmurl": ""
-  },
-  "uni_modules": {
-    "dependencies": [],
-    "encrypt": [],
-    "platforms": {
-      "cloud": {
-        "tcb": "y",
-        "aliyun": "y"
-      },
-      "client": {
-        "Vue": {
-          "vue2": "y",
-          "vue3": "u"
-        },
-        "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"
-        },
-        "快应用": {
-          "华为": "y",
-          "联盟": "y"
-        }
-      }
-    }
-  }
-}

uni_modules/m-tree/readme.md

@@ -1,242 +0,0 @@
-# m-tree
-#### 本组件为 leo-tree 增强版
-#### 本插件基于 作者： leo9012 发行的leo-tree  v1.0.1
-#### email:121959858@qq.com
-#### props
-#### data 数据源
-#### defaultProps 配置选项，return { id: 'id', label: 'label', children: 'children' }
-#### emit 
-#### 参数：
-    :data       tree数据原{id:1,
-                    label:'',
-                    children:[]} 每个节点必须有children,无子节点设置为[];
-    :divider    开启节点间分割线, true or false;  不设置为false;
-    :edit       开启编辑功能,数据true or false;   不设置为false;
-    :unfold     控制默认展开状态, true 为默认展开状态 or false为默认收缩状态; 不设置为false;
-                开启后在节点右边增加 + - ↑ ↓按钮，可以绑定up-item down-item add-item，delete-item，long-press事件;
-
-#### 方法：
-    @node-click  监听节点点击事件 返回节点数据 {id: id, label: label, pid: pid,* 节点所有数据};
-    @up-item     监听节点up上移事件 返回节点数据{item: this.item, items: this.items, index: this.index};
-    @down-item   监听节点down下移事件 返回节点数据 {item: this.item, items: this.items, index: this.index};
-    @add-item    监听节点新增事件 返回节点数据 {id: id, label: label, pid: pid,* 节点所有数据}; id:0时根节点新增，id:x, 为对应x节点建立子节点;
-    @edit-item   监听节点编辑事件 返回节点ID {id: id, label: label, pid: pid,* 节点所有数据};
-    @delete-item 监听节点删除事件 返回节点ID {id: id};
-    @finger-action  监听节点滑动事件 返回节点数据 {item:选择节点数据, items: 选择节点同级列表,action:number}; action:1上滑, 2下滑，3左滑，4右滑
-    @long-press  监听节点长按事件 返回节点数据 {id: id, label: label, pid: pid,* 节点所有数据};
-
-### 使用
-#### 本组件符合easycom规范，HBuilderX 2.5.5起，只需将本组件导入项目，在页面template中即可直接使用，无需在页面中import和注册components。
-    <template>
-        <view class="content">
-            <view class="user-box">
-            <m-tree
-                class="u-p-l-40"
-                ref="mtree"
-                :defaultProps="defaultProps"
-                :data="tree"
-                :divider="divider"
-                :edit="edit"
-                :unfold="true"
-                @node-click="nodeClick" 
-                @up-item="upNode" 
-                @down-item="downNode" 
-                @add-item="addNode" 
-                @edit-item="editNode" 
-                @delete-item="deleteNode"
-                @finger-action="fingerAction"
-                @long-press="longpressNode"></m-tree>
-            </view>
-        </view>
-    </template>
-
-    <script>
-        export default {
-            data() {
-                return {
-                    /* 
-                    tree 数据
-                    */
-                    defaultProps: {
-                        id: 'id',             // 此项为id项的key
-                        children: 'children', // 此项为修改子集数据的key
-                        label: 'label' // 此项为修改显示数据的key
-                    },
-                    divider: false,
-                    edit: true,
-                    tree: [
-                        {
-                            checked: false,
-                            children: [{
-                                    children: [{
-                                        children: [],
-                                        id: 111,
-                                        label:"芙蓉区",
-                                        name: "芙蓉区",
-                                        pid: "11"
-                                    }],
-                                    id: 11,
-                                    label:"长沙市",
-                                    name: "长沙市",
-                                    pid: "1"
-                                }
-                            ],
-                            id: 1,
-                            label:"湖南省",
-                            name: "湖南省",
-                            pid: "0"
-                        }
-                    ]
-                }
-            },
-            methods: {
-                //遍历id节点并删除
-                removeNodeData(datas, id){ //遍历树  获取id数组
-                  for(var i in datas){
-                    if(id===datas[i].id) {
-                        // datas.push(datas[i]);
-                        console.log('要删除项目：', datas[i].id);
-                        datas.splice(i,1);
-                        break;
-                    } else {
-                        if(datas[i].children){  //存在子节点就递归
-                          this.removeNodeData(datas[i].children, id);
-                        }
-                    }
-                  }
-                },
-                //遍历id节点添加子项
-                addNodeData(datas, id, nodedata){ //遍历树  获取id数组
-                    var addflag = false;
-                    if(id===0) {
-                        datas.unshift(nodedata);
-                        addflag=true;
-                    } else {
-                        for(var i in datas){
-                            console.log(JSON.stringify(datas[i]));
-                            if(id===datas[i].id) {
-                                // datas.push(datas[i]);
-                                console.log('要增加项目：', datas[i].id, nodedata);
-                                datas[i].children.unshift(nodedata);
-                                addflag=true;
-                                break;
-                            } else {
-                                if(datas[i].children){  //存在子节点就递归
-                                  this.addNodeData(datas[i].children, id, nodedata);
-                                }
-                            }
-                        }
-                    }
-                    return addflag;
-                },
-                //节点点击事件
-                nodeClick(e) {
-                    console.log('点击的项目', JSON.stringify(e));
-                },
-                //节点up按钮点击事件
-                upNode(e) {
-                    const that = this;
-                    console.log('upNode');
-                    if(e.index!=0){
-                        // 根据自身需求，自行修改数据处理方法；
-
-                        // up上移操作，排序并更新tree中对应元素sort属性
-                        var data = {
-                            pnode: {}, 
-                            itemA: {id: e.items[e.index-1].id, sort: e.items[e.index].sort}, 
-                            itemB: {id: e.items[e.index].id, sort: e.items[e.index-1].sort},
-                        }
-                        that.$refs.mtree.treeSort(that.tree, e.item.pid, data); // 调用组件方法 排序sort 从小到大排序
-                        
-                    }
-                },
-                //节点down按钮点击事件
-                downNode(e) { 
-                    const that = this;
-                    console.log('downNode');
-                    if(e.index != e.items.length-1){
-                        // 根据自身需求，自行修改数据处理方法；
-
-                        // down下移操作，排序并更新tree中对应元素sort属性
-                        var data = {
-                            pnode: {}, 
-                            itemA: {id: e.items[e.index+1].id, sort: e.items[e.index].sort}, 
-                            itemB: {id: e.items[e.index].id, sort: e.items[e.index+1].sort},
-                        }
-                        that.$refs.mtree.treeSort(that.tree, e.item.pid, data); // 调用组件方法 排序sort 从小到大排序
-                    }
-                },
-                //节点新增按钮点击事件
-                addNode(e) {
-                    //e.pNodeData, e.addContent
-                    console.log('点击的项目add', JSON.stringify(e));
-                    // 根据自身需求，自行修改数据新增方法；
-                    // 可以配合异步请求 执行服务器删除操作
-                    let data={};
-                    if(e.id===0) {
-                        data={id: this.tree.length + 1, pid: e.id, label:'新增节点', name:'新增节点',children:[]}
-                    } else {
-                        data={id: e.pNodeData.id + e.pNodeData.children.length + 100, pid: e.pNodeData.id, label: e.addContent, name: e.addContent,children:[]}
-                    }
-                    if(data) {
-                        this.addNodeData(this.tree, e.pNodeData.id, data);
-                    }
-                },
-                //节点更新按钮点击事件
-                editNode(e) {
-                    //e.pNodeData, e.editContent
-                    console.log('点击的项目add', JSON.stringify(e));
-                    if(e.editContent.length >= 2 && e.editContent.length <= 16) {
-                        e.pNodeData.label = e.editContent;
-                        e.pNodeData.name = e.editContent;
-                    }
-                    // 节点已更新
-                    
-                    /* const that = this;
-                    var updateData = {
-                        data: {id: e.pNodeData.id, name: e.editContent},
-                        params: {id: e.pNodeData.id}
-                    }; 
-                    new AreaService().update(updateData).then(result => {
-                        if(result.code === 0) {
-                            if(result.data.id) {
-                                that.getList();
-                            } else {
-                                that.getList();
-                            }
-                            CommonUtil.toast(`更新巡更区域成功`, 2000);
-                        } else {
-                            CommonUtil.toast(`更新失败:` + result.message, 2000);
-                        }
-                    })
-                    CommonUtil.toast(e.editContent + `更新成功`, 2000); */
-                },
-                //节点删除按钮点击事件
-                deleteNode(e) {
-                    console.log('点击的项目delete', JSON.stringify(e));
-                    // 根据自身需求，自行修改数据删除方法；
-                    if(this.removeNodeData(this.tree, e.id)) {
-                        // 可以配合异步请求 执行服务器删除操作
-                        console.log('删除ID:', e,id, '数据');
-                    }
-                },
-                //节点滑动
-                fingerAction(e) {
-                    console.log('节点滑动fingerAction', JSON.stringify(e));
-                },
-                //节点选线长按事件
-                longpressNode(e) {
-                    console.log('长按的项目longpress', JSON.stringify(e));
-                }
-            }
-        }
-    </script>
-
-    <style lang="scss">
-    page{
-        background-color: #ededed;
-    }
-    .user-box{
-        background-color: #fff;
-    }
-    </style>