#2

whycq

2022-04-08 30b58aa4af12b82252451bca64c6daf30bdf7232

#2

 pages/basics/appe.vue

New file
@@ -0,0 +1,691 @@
<template>

    <view class="content">

        <uni-card :is-shadow="false" is-full>

            <text class="uni-h6">故障上报后，售后人员会第一时间收到通知并解决故障。请填写真实描述及其他信息，方便相关后续方案。  â€”———  ä¸­æ‰¬ç«‹åº“</text>

        </uni-card>

        <view class="uni-common-mt">

            <form>

                <view class="uni-list">

                    <!-- æ‰€å±žé¡¹ç›® -->

                    <view class="uni-list-cell">

                        <view class="uni-list-cell-left">

                            <view class="uni-label redDot">所属项目</view>

                        </view>

                        <view class="uni-list-cell-right">

                            <picker :range="host" @change="hostChange" :value="hostIndex" mode="selector">

                                <view class="uni-input">{{host[hostIndex]}}</view>

                            </picker>

                        </view>

                    </view>

                    <!-- æ•…障类型 -->

                    <view class="uni-list-cell">

                        <view class="uni-list-cell-left">

                            <view class="uni-label redDot">故障类型</view>

                        </view>

                        <view class="uni-list-cell-right">

                            <picker :range="issueType" @change="issueTypeChange" :value="issueTypeIndex" mode="selector">

                                <view class="uni-input">{{issueType[issueTypeIndex]}}</view>

                            </picker>

                        </view>

                    </view>

                    <!-- è”系人 -->

                    <view class="uni-list-cell">

                        <view class="uni-list-cell-left">

                            <view class="uni-label">联系人</view>

                        </view>

                        <view class="uni-list-cell-right">

                             <input class="uni-input" v-model="discoverer" placeholder="请输入" />

                        </view>

                    </view>

                    <!-- è”系方式 -->

                    <view class="uni-list-cell">

                        <view class="uni-list-cell-left">

                            <view class="uni-label redDot">联系方式</view>

                        </view>

                        <view class="uni-list-cell-right">

                             <input class="uni-input" v-model="tel" placeholder="请输入" />

                        </view>

                    </view>

                    <!-- å‘生日期 -->

                    <view class="uni-list-cell">

                        <view class="uni-list-cell-left">

                            <view class="uni-label redDot">发生日期</view>

                        </view>

                        <view class="uni-list-cell-right">

                            <picker mode="date" :value="startTime" @change="bindDateChange">

                                <view class="uni-input">{{startTime}}</view>

                            </picker>

                        </view>

                    </view>

                </view>

                <view class="uni-list" style="margin-top: 15rpx;">

                    <view class="uni-title uni-common-pl redDot" style="padding: 20rpx 30rpx 10rpx 30rpx;">问题概述</view>

                    <view class="uni-textarea">

                        <textarea placeholder="请输入具体描述..." v-model="title"  style="text-indent:15rpx;"/>

                    </view>

                </view>

                <view class="uni-list" style="margin-top: 15rpx;">

                    <view class="uni-list-cell cell-pd">

                        <view class="uni-uploader">

                            <view class="uni-uploader-head">

                                <view class="uni-uploader-title">相关图片上传</view>

                                <view class="uni-uploader-info">{{imageList.length}}/9</view>

                            </view>

                            <view class="uni-uploader-body">

                                <view class="uni-uploader__files">

                                    <block v-for="(image,index) in imageList" :key="index">

                                        <view class="uni-uploader__file">

                                            <image class="uni-uploader__img" :src="image" :data-src="image" @tap="previewImage"></image>

                                        </view>

                                    </block>

                                    <view class="uni-uploader__input-box">

                                        <view class="uni-uploader__input" @tap="chooseImage"></view>

                                    </view>

                                </view>

                            </view>

                        </view>

                    </view>

                </view>

                <view style="margin-top: 15rpx;">

                    <template v-if="!videoSrc">

                        <view class="uni-hello-addfile" @tap="chooseVideo">+ æ·»åŠ è§†é¢‘</view>

                    </template>

                    <template v-else>

                        <video :src="videoSrc" class="video"></video>

                    </template>

                </view>

				
                 <view class="uni-padding-wrap uni-common-mt" style="margin-bottom: 30rpx;">

                    <button type="primary" @click="save">确认提交</button>

                </view>

            </form>

        </view>

    </view>

</template>



<script>

    import permision from "@/common/permission.js"

    import uniPopup from '@/components/uni-popup/uni-popup.vue'

    var util = require('../../common/util.js');

	
    var formatLocation = util.formatLocation;

    var sourceType = [

        ['camera'],

        ['album'],

        ['camera', 'album']

    ]

    var sizeType = [

        ['compressed'],

        ['original'],

        ['compressed', 'original']

    ]

    function getParam(path, name) {

  Â  Â  Â  var reg = new RegExp("(^|\\?|&)" + name + "=([^&]*)(\\s|&|$)", "i");

  Â  Â  Â  if (reg.test(path))

  Â  Â  Â  return unescape(RegExp.$2.replace(/\+/g, " "));

  Â  Â  Â  return "";

  Â  }

    function getDate(type) {

        const date = new Date();



        let year = date.getFullYear();

        let month = date.getMonth() + 1;

        let day = date.getDate();



        if (type === 'start') {

            year = year - 10;

        } else if (type === 'end') {

            year = year + 10;

        }

        month = month > 9 ? month : '0' + month;;

        day = day > 9 ? day : '0' + day;



        return `${year}-${month}-${day}`;

    }

    function isEmpty(obj){

        return typeof obj == "undefined" || obj == null || obj === "";

    }

    export default {

        components: {

            uniPopup

        },

        data() {

            return {

                // è¡¨å•æ•°æ®

                title: null,

                tel: null,

                discoverer: null,

                startTime: getDate({

                    format: true

                }),

                desc: null,

                memo: null,

                imageList: [],

                imageFileList: [],

                hostIndex: 0,

                host: ["请选择项目"],

                issueTypeIndex: 0,

                issueType: ["请选择类型"],

                sourceTypeIndex: 2,

                sourceType: ['拍照', '相册', '拍照或相册'],

                countIndex: 8,

                count: [1, 2, 3, 4, 5, 6, 7, 8, 9],

                hasLocation: false,

                location: {},

                locationAddress: '',

                type: '',

                videoSrc: ''

            }

        },

        onLoad() {

            this.initHost();

            this.initIssueType();

        },

        methods: {

            // åˆå§‹åŒ–项目列表

            initHost: function() {

                uni.request({

                    url: this.baseUrl + '/app/host/list/auth',

                    data: {

                    },

                    header: {

                        "token": uni.getStorageSync('token')

                    },

                    success: (result) => {

                        let res = result.data;

                        if (res.code == 200) {

                            for    (let item of res.data) {

                                this.host.push(item.name);

                            }

                        } else if (res.code == 403) {

                            uni.showToast({title: res.msg, icon: "none",position: 'top'})

                            setTimeout(() => {

                                uni.reLaunch({

                                    url: '../login/login'

                                });

                            }, 500);

                        } else {

                            uni.showToast({title: res.msg,icon: "none",position: 'top'})

                        }

                    }

                });

            },

            // åˆå§‹åŒ–故障类型

            initIssueType: function() {

                uni.request({

                    url: this.baseUrl + '/app/issue/type/auth',

                    data: {

                    },

                    header: {

                        // "token": uni.getStorageSync('token')

                    },

                    success: (result) => {

                        let res = result.data;

                        if (res.code == 200) {

                            for    (let item of res.data) {

                                this.issueType.push(item.name);

                            }

                        } else if (res.code == 403) {

                            uni.showToast({title: res.msg, icon: "none",position: 'top'})

                            setTimeout(() => {

                                uni.reLaunch({

                                    url: '../login/login'

                                });

                            }, 500);

                        } else {

                            uni.showToast({title: res.msg,icon: "none",position: 'top'})

                        }

                    }

                });

            },

            // ä¿å­˜æäº¤

            save: function() {

                let that = this;

                if (that.hostIndex === 0) {

                    uni.showToast({title: "请选择所属项目",icon: "none",position: 'top'})

                    return;

                }

                let hostName = that.host[that.hostIndex];

                if (that.issueTypeIndex === 0) {

                    uni.showToast({title: "请选择故障类型",icon: "none",position: 'top'})

                    return;

                }

                let issueTypeName = that.issueType[that.issueTypeIndex];

                if (isEmpty(that.tel)) {

                    uni.showToast({title: "请输入联系方式",icon: "none",position: 'top'})

                    return;

                }

                if (isEmpty(that.title)) {

                    uni.showToast({title: "请输入问题概述",icon: "none",position: 'top'})

                    return;

                }

                uni.showLoading();

                uni.request({

                    url: that.baseUrl + '/app/issue/save/auth',

                    data: {

                        hostName: hostName,

                        issueTypeName: issueTypeName,

                        discoverer: that.discoverer,

                        tel: that.tel,

                        startTime: that.startTime,

                        title: that.title,

                        imgArr: that.imageList,

                        memo: that.memo,

                        videoSrc: [that.videoSrc]

                    },

                    header: {

                        "token": uni.getStorageSync('token')

                    },

                    success: (result) => {

                        uni.hideLoading();

                        let res = result.data;

                        if (res.code == 200) {

                            uni.showToast({title: res.msg,position: 'top'})

                            that.hostIndex = 0;

                            that.issueTypeIndex = 0;

                            that.discoverer = null;

                            that.tel = null;

                            that.title = null;

                            that.memo = null;

                            that.imageList = [];

                            that.imageFileList = [];

                            that.startTime = getDate({

                                format: true

                            });

                            that.videoSrc = null;

                        } else if (res.code == 403) {

                            uni.showToast({title: res.msg, icon: "none", position: 'top'})

                            setTimeout(() => {

                                uni.reLaunch({

                                    url: '../login/login'

                                });

                            }, 500);

                        } else {

                            uni.showToast({title: res.msg,icon: "none",position: 'top'})

                        }

                    }

                });

            },

            chooseLocation: function () {

                uni.chooseLocation({

                    success: (res) => {

                        this.hasLocation = true,

                            this.location = formatLocation(res.longitude, res.latitude),

                            this.locationAddress = res.address

                    }

                })

            },

            issueTypeChange: function(e) {

                this.issueTypeIndex = parseInt(e.detail.value);

            },

            hostChange: function(e) {

                this.hostIndex = parseInt(e.detail.value);

            },

            sumbit: function(e){

                uni.showToast({title: "ok",icon: "none",position: 'top'})

            },

            bindPickerChange: function(e) {

                this.index = e.detail.value

            },

            bindDateChange: function(e) {

                this.startTime = e.detail.value

            },

            chooseImage: async function() {

                // #ifdef APP-PLUS

                // TODO é€‰æ‹©ç›¸æœºæˆ–相册时 éœ€è¦å¼¹å‡ºactionsheet，目前无法获得是相机还是相册，在失败回调中处理

                if (this.sourceTypeIndex !== 2) {

                    let status = await this.checkPermission();

                    if (status !== 1) {

                        return;

                    }

                }

                // #endif

			
                if (this.imageList.length === 9) {

                    let isContinue = await this.isFullImg();

                    if (!isContinue) {

                        return;

                    }

                }

                uni.chooseImage({

                    sourceType: sourceType[this.sourceTypeIndex],

                    sizeType: sizeType[this.sizeTypeIndex],

                    count: this.imageList.length + this.count[this.countIndex] > 9 ? 9 - this.imageList.length : this.count[this.countIndex],

                    success: (res) => {

                        let that = this;

                        uni.showLoading();

                        for (var filePath of res.tempFilePaths) {

                            uni.uploadFile({

                                   url : that.baseUrl + '/upload.action',

                                   filePath: filePath,

                                   name: 'file',

                                   success: function (result) {

                                        var result0 = JSON.parse(result.data);

                                        if(result0.code === 200) {

                                            that.imageList = that.imageList.concat(result0.data.url);

                                        } else {

                                            uni.showToast({title: result0.msg,icon: "none",position: 'top'})

                                        }

                                   }

                            });

                        }

                        uni.hideLoading();

                        uni.showToast({title: "照片上传成功，请耐心等待...",icon: "none",position: 'top'})

                        that.imageFileList = that.imageFileList.concat(res.tempFiles);

                        // this.imageList = this.imageList.concat(res.tempFilePaths);

                    },

                    fail: (err) => {

                        // #ifdef APP-PLUS

                        if (err['code'] && err.code !== 0 && this.sourceTypeIndex === 2) {

                            this.checkPermission(err.code);

                        }

                        // #endif

                        // #ifdef MP

                        if(err.errMsg.indexOf('cancel') !== '-1'){

                            return;

                        }

                        uni.getSetting({

                            success: (res) => {

                                let authStatus = false;

                                switch (this.sourceTypeIndex) {

                                    case 0:

                                        authStatus = res.authSetting['scope.camera'];

                                        break;

                                    case 1:

                                        authStatus = res.authSetting['scope.album'];

                                        break;

                                    case 2:

                                        authStatus = res.authSetting['scope.album'] && res.authSetting['scope.camera'];

                                        break;

                                    default:

                                        break;

                                }

                                if (!authStatus) {

                                    uni.showModal({

                                        title: '授权失败',

                                        content: 'Hello uni-app需要从您的相机或相册获取图片，请在设置界面打开相关权限',

                                        success: (res) => {

                                            if (res.confirm) {

                                                uni.openSetting()

                                            }

                                        }

                                    })

                                }

                            }

                        })

                        // #endif

                    }

                })

            },

            isFullImg: function() {

                return new Promise((res) => {

                    uni.showModal({

                        content: "已经有9张图片了,是否清空现有图片？",

                        success: (e) => {

                            if (e.confirm) {

                                this.imageList = [];

                                this.imageFileList = [];

                                res(true);

                            } else {

                                res(false)

                            }

                        },

                        fail: () => {

                            res(false)

                        }

                    })

                })

            },

            previewImage: function(e) {

                var current = e.target.dataset.src

                uni.previewImage({

                    current: current,

                    urls: this.imageList

                })

            },

            async checkPermission(code) {

                let type = code ? code - 1 : this.sourceTypeIndex;

                let status = permision.isIOS ? await permision.requestIOS(sourceType[type][0]) :

                    await permision.requestAndroid(type === 0 ? 'android.permission.CAMERA' :

                        'android.permission.READ_EXTERNAL_STORAGE');

			
                if (status === null || status === 1) {

                    status = 1;

                } else {

                    uni.showModal({

                        content: "没有开启权限",

                        confirmText: "设置",

                        success: function(res) {

                            if (res.confirm) {

                                permision.gotoAppSetting();

                            }

                        }

                    })

                }

			
                return status;

            }

            ,

            // å®šä½

            togglePopup(type) {

                this.type = type;

            },

            showConfirm() {

                this.type = 'showpopup';

            },

            hideConfirm() {

                this.type = '';

            },

            async getLocation() {

                // #ifdef APP-PLUS

                let status = await this.checkPermission();

                if (status !== 1) {

                    return;

                }

                // #endif

                // #ifdef MP-WEIXIN || MP-TOUTIAO || MP-QQ

                let status = await this.getSetting();

                if (status === 2) {

                    this.showConfirm();

                    return;

                }

                // #endif

		
                this.doGetLocation();

            },

            doGetLocation() {

                uni.getLocation({

                    success: (res) => {

                        this.hasLocation = true;

                        this.location = formatLocation(res.longitude, res.latitude);

                    },

                    fail: (err) => {

                        // #ifdef MP-BAIDU

                        if (err.errCode === 202 || err.errCode === 10003) { // 202模拟器 10003真机 user deny

                            this.showConfirm();

                        }

                        // #endif

                        // #ifndef MP-BAIDU

                        if (err.errMsg.indexOf("auth deny") >= 0) {

                            uni.showToast({

                                title: "访问位置被拒绝"

                            })

                        } else {

                            uni.showToast({

                                title: err.errMsg

                            })

                        }

                        // #endif

                    }

                })

            },

            getSetting: function() {

                return new Promise((resolve, reject) => {

                    uni.getSetting({

                        success: (res) => {

                            if (res.authSetting['scope.userLocation'] === undefined) {

                                resolve(0);

                                return;

                            }

                            if (res.authSetting['scope.userLocation']) {

                                resolve(1);

                            } else {

                                resolve(2);

                            }

                        }

                    });

                });

            },

            openSetting: function() {

                this.hideConfirm();

                uni.openSetting({

                    success: (res) => {

                        if (res.authSetting && res.authSetting['scope.userLocation']) {

                            this.doGetLocation();

                        }

                    },

                    fail: (err) => {}

                })

            },

            async checkPermission() {

                let status = permision.isIOS ? await permision.requestIOS('location') :

                    await permision.requestAndroid('android.permission.ACCESS_FINE_LOCATION');

		
                if (status === null || status === 1) {

                    status = 1;

                } else if (status === 2) {

                    uni.showModal({

                        content: "系统定位已关闭",

                        confirmText: "确定",

                        showCancel: false,

                        success: function(res) {

                        }

                    })

                } else if (status.code) {

                    uni.showModal({

                        content: status.message

                    })

                } else {

                    uni.showModal({

                        content: "需要定位权限",

                        confirmText: "设置",

                        success: function(res) {

                            if (res.confirm) {

                                permision.gotoAppSetting();

                            }

                        }

                    })

                }

		
                return status;

            },

            clear: function() {

                this.hasLocation = false;

            },

            chooseVideo: function() {

                let that = this;

                uni.chooseVideo({

                    camera: 'back',

                    sourceType: ['camera', 'album'],

                    success: (res) => {

                        uni.showLoading();

                        uni.uploadFile({

                               url : that.baseUrl + '/upload.action',

                               filePath: res.tempFilePath,

                               name: 'file',

                               success: function (result) {

                                       uni.hideLoading();

                                    var result0 = JSON.parse(result.data);

                                    if(result0.code === 200) {

                                        that.videoSrc = result0.data.url;

                                    } else {

                                        uni.showToast({title: result0.msg,icon: "none",position: 'top'})

                                    }

                               }

                        });

                        uni.showToast({title: "视频上传成功，请耐心等待...",icon: "none",position: 'top'})
                    },

                    fail: (err) => {

                        uni.getSetting({

                            success: (res) => {

                                let authStatus = false;

                                switch (this.sourceTypeIndex) {

                                    case 0:

                                        authStatus = res.authSetting['scope.camera'];

                                        break;

                                    case 1:

                                        authStatus = res.authSetting['scope.album'];

                                        break;

                                    case 2:

                                        authStatus = res.authSetting['scope.album'] && res.authSetting['scope.camera'];

                                        break;

                                    default:

                                        break;

                                }

                                if (!authStatus) {

                                    uni.showModal({

                                        title: '授权失败',

                                        content: '需要从您的相机或相册获取视频，请在设置界面打开相关权限',

                                        success: (res) => {

                                            if (res.confirm) {

                                                uni.openSetting()

                                            }

                                        }

                                    })

                                }

                            }

                        })

                    }

                })

            }

        }

    }

</script>



<style>

    @import '../../common/uni.css';

		
    .uni-title {

        color: rgb(102, 102, 102);

    }

    .uni-label {

        color: rgb(102, 102, 102);

    }

    .uni-form-item .title {

        padding: 20rpx 0;

    }

    .cell-pd {

        padding: 22rpx 30rpx;

    }

	
    .list-pd {

        margin-top: 50rpx;

    }

    .redDot:after {

        content: ' *';

        color: red;

    }

    .popup-view {

        width: 500rpx;

    }

	
    .popup-title {

        display: block;

        font-size: 16px;

        line-height: 3;

        margin-bottom: 10px;

        text-align: center;

    }

	
    .popup-buttons button {

        margin-left: 4px;

        margin-right: 4px;

    }

	
    .video {

        width: 100%;

    }

	
    .camera-tips {

        padding: 10rpx 30rpx;

    }

</style>


 pages/basics/matSelect.vue

New file
@@ -0,0 +1,8 @@
<template>
</template>

<script>
</script>

<style>
</style>

 static/uni.ttf

Binary files differ

 uni_modules/uni-badge/changelog.md

New file
@@ -0,0 +1,29 @@
## 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-badge](https://uniapp.dcloud.io/component/uniui/uni-badge)
## 1.1.7（2021-11-08）
- ä¼˜åŒ– å‡çº§ui
- ä¿®æ”¹ size å±žæ€§é»˜è®¤å€¼è°ƒæ•´ä¸º small
- ä¿®æ”¹ type å±žæ€§ï¼Œé»˜è®¤å€¼è°ƒæ•´ä¸º error，info æ›¿æ¢ default
## 1.1.6（2021-09-22）
- ä¿®å¤ åœ¨å­—节小程序上样式不生效的 bug
## 1.1.5（2021-07-30）
- ç»„件兼容 vue3，如何创建vue3项目，详见 [uni-app é¡¹ç›®æ”¯æŒ vue3 ä»‹ç»](https://ask.dcloud.net.cn/article/37834)
## 1.1.4（2021-07-29）
- ä¿®å¤ åŽ»æŽ‰ nvue ä¸æ”¯æŒcss çš„ align-self å±žæ€§ï¼Œnvue ä¸‹ä¸æš‚支持 absolute å±žæ€§
## 1.1.3（2021-06-24）
- ä¼˜åŒ– ç¤ºä¾‹é¡¹ç›®
## 1.1.1（2021-05-12）
- æ–°å¢ž ç»„件示例地址
## 1.1.0（2021-05-12）
- æ–°å¢ž uni-badge çš„ absolute å±žæ€§ï¼Œæ”¯æŒå®šä½
- æ–°å¢ž uni-badge çš„ offset å±žæ€§ï¼Œæ”¯æŒå®šä½åç§»
- æ–°å¢ž uni-badge çš„ is-dot å±žæ€§ï¼Œæ”¯æŒä»…显示有一个小点
- æ–°å¢ž uni-badge çš„ max-num å±žæ€§ï¼Œæ”¯æŒè‡ªå®šä¹‰å°é¡¶çš„数字值，超过 99 æ˜¾ç¤º99+
- ä¼˜åŒ– uni-badge å±žæ€§ custom-style， æ”¯æŒä»¥å¯¹è±¡å½¢å¼è‡ªå®šä¹‰æ ·å¼
## 1.0.7（2021-05-07）
- ä¿®å¤ uni-badge åœ¨ App ç«¯ï¼Œæ•°å­—小于10时不是圆形的bug
- ä¿®å¤ uni-badge åœ¨çˆ¶å…ƒç´ ä¸æ˜¯ flex å¸ƒå±€æ—¶ï¼Œå®½åº¦ç¼©å°çš„bug
- æ–°å¢ž uni-badge å±žæ€§ custom-style， æ”¯æŒè‡ªå®šä¹‰æ ·å¼
## 1.0.6（2021-02-04）
- è°ƒæ•´ä¸ºuni_modules目录规范

 uni_modules/uni-badge/components/uni-badge/uni-badge.vue

New file
@@ -0,0 +1,268 @@
<template>
    <view class="uni-badge--x">
        <slot />
        <text v-if="text" :class="classNames" :style="[badgeWidth, positionStyle, customStyle, dotStyle]"
            class="uni-badge" @click="onClick()">{{displayValue}}</text>
    </view>
</template>

<script>
    /**
     * Badge æ•°å­—角标
     * @description æ•°å­—角标一般和其它控件（列表、9宫格等）配合使用，用于进行数量提示，默认为实心灰色背景
     * @tutorial https://ext.dcloud.net.cn/plugin?id=21
     * @property {String} text è§’标内容
     * @property {String} size = [normal|small] è§’标内容
     * @property {String} type = [info|primary|success|warning|error] é¢œè‰²ç±»åž‹
     *     @value info ç°è‰²
     *     @value primary è“è‰²
     *     @value success ç»¿è‰²
     *     @value warning é»„色
     *     @value error çº¢è‰²
     * @property {String} inverted = [true|false] æ˜¯å¦æ— éœ€èƒŒæ™¯é¢œè‰²
     * @property {Number} maxNum å±•ç¤ºå°é¡¶çš„数字值，超过 99 æ˜¾ç¤º 99+
     * @property {String} absolute = [rightTop|rightBottom|leftBottom|leftTop] å¼€å¯ç»å¯¹å®šä½, è§’标将定位到其包裹的标签的四角上		
     *     @value rightTop å³ä¸Š
     *     @value rightBottom å³ä¸‹
     *     @value leftTop å·¦ä¸Š
     *     @value leftBottom å·¦ä¸‹
     * @property {Array[number]} offset    è·å®šä½è§’中心点的偏移量，只有存在 absolute å±žæ€§æ—¶æœ‰æ•ˆï¼Œä¾‹å¦‚：[-10, -10] è¡¨ç¤ºå‘外偏移 10px，[10, 10] è¡¨ç¤ºå‘ absolute æŒ‡å®šçš„内偏移 10px
     * @property {String} isDot = [true|false] æ˜¯å¦æ˜¾ç¤ºä¸ºä¸€ä¸ªå°ç‚¹
     * @event {Function} click ç‚¹å‡» Badge è§¦å‘事件
     * @example <uni-badge text="1"></uni-badge>
     */

    export default {
        name: 'UniBadge',
        emits: ['click'],
        props: {
            type: {
                type: String,
                default: 'error'
            },
            inverted: {
                type: Boolean,
                default: false
            },
            isDot: {
                type: Boolean,
                default: false
            },
            maxNum: {
                type: Number,
                default: 99
            },
            absolute: {
                type: String,
                default: ''
            },
            offset: {
                type: Array,
                default () {
                    return [0, 0]
                }
            },
            text: {
                type: [String, Number],
                default: ''
            },
            size: {
                type: String,
                default: 'small'
            },
            customStyle: {
                type: Object,
                default () {
                    return {}
                }
            }
        },
        data() {
            return {};
        },
        computed: {
            width() {
                return String(this.text).length * 8 + 12
            },
            classNames() {
                const {
                    inverted,
                    type,
                    size,
                    absolute
                } = this
                return [
                    inverted ? 'uni-badge--' + type + '-inverted' : '',
                    'uni-badge--' + type,
                    'uni-badge--' + size,
                    absolute ? 'uni-badge--absolute' : ''
                ].join(' ')
            },
            positionStyle() {
                if (!this.absolute) return {}
                let w = this.width / 2,
                    h = 10
                if (this.isDot) {
                    w = 5
                    h = 5
                }
                const x = `${- w  + this.offset[0]}px`
                const y = `${- h + this.offset[1]}px`

                const whiteList = {
                    rightTop: {
                        right: x,
                        top: y
                    },
                    rightBottom: {
                        right: x,
                        bottom: y
                    },
                    leftBottom: {
                        left: x,
                        bottom: y
                    },
                    leftTop: {
                        left: x,
                        top: y
                    }
                }
                const match = whiteList[this.absolute]
                return match ? match : whiteList['rightTop']
            },
            badgeWidth() {
                return {
                    width: `${this.width}px`
                }
            },
            dotStyle() {
                if (!this.isDot) return {}
                return {
                    width: '10px',
                    height: '10px',
                    borderRadius: '10px'
                }
            },
            displayValue() {
                const {
                    isDot,
                    text,
                    maxNum
                } = this
                return isDot ? '' : (Number(text) > maxNum ? `${maxNum}+` : text)
            }
        },
        methods: {
            onClick() {
                this.$emit('click');
            }
        }
    };
</script>

<style lang="scss" scoped>
    $uni-primary: #2979ff !default;
    $uni-success: #4cd964 !default;
    $uni-warning: #f0ad4e !default;
    $uni-error: #dd524d !default;
    $uni-info: #909399 !default;


    $bage-size: 12px;
    $bage-small: scale(0.8);

    .uni-badge--x {
        /* #ifdef APP-NVUE */
        // align-self: flex-start;
        /* #endif */
        /* #ifndef APP-NVUE */
        display: inline-block;
        /* #endif */
        position: relative;
    }

    .uni-badge--absolute {
        position: absolute;
    }

    .uni-badge--small {
        transform: $bage-small;
        transform-origin: center center;
    }

    .uni-badge {
        /* #ifndef APP-NVUE */
        display: flex;
        overflow: hidden;
        box-sizing: border-box;
        /* #endif */
        justify-content: center;
        flex-direction: row;
        height: 20px;
        line-height: 18px;
        color: #fff;
        border-radius: 100px;
        background-color: $uni-info;
        background-color: transparent;
        border: 1px solid #fff;
        text-align: center;
        font-family: 'Helvetica Neue', Helvetica, sans-serif;
        font-size: $bage-size;
        /* #ifdef H5 */
        z-index: 999;
        cursor: pointer;
        /* #endif */

        &--info {
            color: #fff;
            background-color: $uni-info;
        }

        &--primary {
            background-color: $uni-primary;
        }

        &--success {
            background-color: $uni-success;
        }

        &--warning {
            background-color: $uni-warning;
        }

        &--error {
            background-color: $uni-error;
        }

        &--inverted {
            padding: 0 5px 0 0;
            color: $uni-info;
        }

        &--info-inverted {
            color: $uni-info;
            background-color: transparent;
        }

        &--primary-inverted {
            color: $uni-primary;
            background-color: transparent;
        }

        &--success-inverted {
            color: $uni-success;
            background-color: transparent;
        }

        &--warning-inverted {
            color: $uni-warning;
            background-color: transparent;
        }

        &--error-inverted {
            color: $uni-error;
            background-color: transparent;
        }

    }
</style>

 uni_modules/uni-badge/package.json

New file
@@ -0,0 +1,88 @@
{
  "id": "uni-badge",
  "displayName": "uni-badge æ•°å­—角标",
  "version": "1.2.0",
  "description": "数字角标（徽章）组件，在元素周围展示消息提醒，一般用于列表、九宫格、按钮等地方。",
  "keywords": [
    "",
    "badge",
    "uni-ui",
    "uniui",
    "数字角标",
    "徽章"
],
  "repository": "https://github.com/dcloudio/uni-ui",
  "engines": {
    "HBuilderX": ""
  },
  "directories": {
    "example": "../../temps/example_temps"
  },
  "dcloudext": {
    "category": [
      "前端组件",
      "通用组件"
    ],
    "sale": {
      "regular": {
        "price": "0.00"
      },
      "sourcecode": {
        "price": "0.00"
      }
    },
    "contact": {
      "qq": ""
    },
    "declaration": {
      "ads": "无",
      "data": "无",
      "permissions": "无"
    },
    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
  },
  "uni_modules": {
    "dependencies": [],
    "encrypt": [],
    "platforms": {
      "cloud": {
        "tcb": "y",
        "aliyun": "y"
      },
      "client": {
        "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"
        },
        "Vue": {
            "vue2": "y",
            "vue3": "y"
        }
      }
    }
  }
}

 uni_modules/uni-badge/readme.md

New file
@@ -0,0 +1,10 @@
## Badge æ•°å­—角标
> **组件名：uni-badge**
> ä»£ç å—： `uBadge`

数字角标一般和其它控件（列表、9宫格等）配合使用，用于进行数量提示，默认为实心灰色背景，

### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-badge)
#### å¦‚使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui äº¤æµç¾¤ï¼š871950839 



 uni_modules/uni-calendar/changelog.md

New file
@@ -0,0 +1,16 @@
## 1.4.5（2022-02-25）
- ä¿®å¤ æ¡ä»¶ç¼–译 nvue ä¸æ”¯æŒçš„ css æ ·å¼
## 1.4.4（2022-02-25）
- ä¿®å¤ æ¡ä»¶ç¼–译 nvue ä¸æ”¯æŒçš„ css æ ·å¼
## 1.4.3（2021-09-22）
- ä¿®å¤ startDate、 endDate å±žæ€§å¤±æ•ˆçš„ bug
## 1.4.2（2021-08-24）
- æ–°å¢ž æ”¯æŒå›½é™…化
## 1.4.1（2021-08-05）
- ä¿®å¤ å¼¹å‡ºå±‚被 tabbar é®ç›– bug
## 1.4.0（2021-07-30）
- ç»„件兼容 vue3，如何创建vue3项目，详见 [uni-app é¡¹ç›®æ”¯æŒ vue3 ä»‹ç»](https://ask.dcloud.net.cn/article/37834)
## 1.3.16（2021-05-12）
- æ–°å¢ž ç»„件示例地址
## 1.3.15（2021-02-04）
- è°ƒæ•´ä¸ºuni_modules目录规范 

 uni_modules/uni-calendar/components/uni-calendar/calendar.js

New file
@@ -0,0 +1,546 @@
/**
* @1900-2100区间内的公历、农历互转
* @charset UTF-8
* @github  https://github.com/jjonline/calendar.js
* @Author  Jea杨(JJonline@JJonline.Cn)
* @Time    2014-7-21
* @Time    2016-8-13 Fixed 2033hex、Attribution Annals
* @Time    2016-9-25 Fixed lunar LeapMonth Param Bug
* @Time    2017-7-24 Fixed use getTerm Func Param Error.use solar year,NOT lunar year
* @Version 1.0.3
* @公历转农历：calendar.solar2lunar(1987,11,01); //[you can ignore params of prefix 0]
* @农历转公历：calendar.lunar2solar(1987,09,10); //[you can ignore params of prefix 0]
*/
/* eslint-disable */
var calendar = {

  /**
      * å†œåŽ†1900-2100的润大小信息表
      * @Array Of Property
      * @return Hex
      */
  lunarInfo: [0x04bd8, 0x04ae0, 0x0a570, 0x054d5, 0x0d260, 0x0d950, 0x16554, 0x056a0, 0x09ad0, 0x055d2, // 1900-1909
    0x04ae0, 0x0a5b6, 0x0a4d0, 0x0d250, 0x1d255, 0x0b540, 0x0d6a0, 0x0ada2, 0x095b0, 0x14977, // 1910-1919
    0x04970, 0x0a4b0, 0x0b4b5, 0x06a50, 0x06d40, 0x1ab54, 0x02b60, 0x09570, 0x052f2, 0x04970, // 1920-1929
    0x06566, 0x0d4a0, 0x0ea50, 0x06e95, 0x05ad0, 0x02b60, 0x186e3, 0x092e0, 0x1c8d7, 0x0c950, // 1930-1939
    0x0d4a0, 0x1d8a6, 0x0b550, 0x056a0, 0x1a5b4, 0x025d0, 0x092d0, 0x0d2b2, 0x0a950, 0x0b557, // 1940-1949
    0x06ca0, 0x0b550, 0x15355, 0x04da0, 0x0a5b0, 0x14573, 0x052b0, 0x0a9a8, 0x0e950, 0x06aa0, // 1950-1959
    0x0aea6, 0x0ab50, 0x04b60, 0x0aae4, 0x0a570, 0x05260, 0x0f263, 0x0d950, 0x05b57, 0x056a0, // 1960-1969
    0x096d0, 0x04dd5, 0x04ad0, 0x0a4d0, 0x0d4d4, 0x0d250, 0x0d558, 0x0b540, 0x0b6a0, 0x195a6, // 1970-1979
    0x095b0, 0x049b0, 0x0a974, 0x0a4b0, 0x0b27a, 0x06a50, 0x06d40, 0x0af46, 0x0ab60, 0x09570, // 1980-1989
    0x04af5, 0x04970, 0x064b0, 0x074a3, 0x0ea50, 0x06b58, 0x05ac0, 0x0ab60, 0x096d5, 0x092e0, // 1990-1999
    0x0c960, 0x0d954, 0x0d4a0, 0x0da50, 0x07552, 0x056a0, 0x0abb7, 0x025d0, 0x092d0, 0x0cab5, // 2000-2009
    0x0a950, 0x0b4a0, 0x0baa4, 0x0ad50, 0x055d9, 0x04ba0, 0x0a5b0, 0x15176, 0x052b0, 0x0a930, // 2010-2019
    0x07954, 0x06aa0, 0x0ad50, 0x05b52, 0x04b60, 0x0a6e6, 0x0a4e0, 0x0d260, 0x0ea65, 0x0d530, // 2020-2029
    0x05aa0, 0x076a3, 0x096d0, 0x04afb, 0x04ad0, 0x0a4d0, 0x1d0b6, 0x0d250, 0x0d520, 0x0dd45, // 2030-2039
    0x0b5a0, 0x056d0, 0x055b2, 0x049b0, 0x0a577, 0x0a4b0, 0x0aa50, 0x1b255, 0x06d20, 0x0ada0, // 2040-2049
    /** Add By JJonline@JJonline.Cn**/
    0x14b63, 0x09370, 0x049f8, 0x04970, 0x064b0, 0x168a6, 0x0ea50, 0x06b20, 0x1a6c4, 0x0aae0, // 2050-2059
    0x0a2e0, 0x0d2e3, 0x0c960, 0x0d557, 0x0d4a0, 0x0da50, 0x05d55, 0x056a0, 0x0a6d0, 0x055d4, // 2060-2069
    0x052d0, 0x0a9b8, 0x0a950, 0x0b4a0, 0x0b6a6, 0x0ad50, 0x055a0, 0x0aba4, 0x0a5b0, 0x052b0, // 2070-2079
    0x0b273, 0x06930, 0x07337, 0x06aa0, 0x0ad50, 0x14b55, 0x04b60, 0x0a570, 0x054e4, 0x0d160, // 2080-2089
    0x0e968, 0x0d520, 0x0daa0, 0x16aa6, 0x056d0, 0x04ae0, 0x0a9d4, 0x0a2d0, 0x0d150, 0x0f252, // 2090-2099
    0x0d520], // 2100

  /**
      * å…¬åŽ†æ¯ä¸ªæœˆä»½çš„天数普通表
      * @Array Of Property
      * @return Number
      */
  solarMonth: [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31],

  /**
      * å¤©å¹²åœ°æ”¯ä¹‹å¤©å¹²é€ŸæŸ¥è¡¨
      * @Array Of Property trans["甲","乙","丙","丁","戊","å·±","庚","辛","壬","癸"]
      * @return Cn string
      */
  Gan: ['\u7532', '\u4e59', '\u4e19', '\u4e01', '\u620a', '\u5df1', '\u5e9a', '\u8f9b', '\u58ec', '\u7678'],

  /**
      * å¤©å¹²åœ°æ”¯ä¹‹åœ°æ”¯é€ŸæŸ¥è¡¨
      * @Array Of Property
      * @trans["子","丑","寅","卯","è¾°","å·³","午","未","申","酉","戌","亥"]
      * @return Cn string
      */
  Zhi: ['\u5b50', '\u4e11', '\u5bc5', '\u536f', '\u8fb0', '\u5df3', '\u5348', '\u672a', '\u7533', '\u9149', '\u620c', '\u4ea5'],

  /**
      * å¤©å¹²åœ°æ”¯ä¹‹åœ°æ”¯é€ŸæŸ¥è¡¨<=>生肖
      * @Array Of Property
      * @trans["é¼ ","牛","虎","兔","龙","蛇","马","羊","猴","鸡","狗","猪"]
      * @return Cn string
      */
  Animals: ['\u9f20', '\u725b', '\u864e', '\u5154', '\u9f99', '\u86c7', '\u9a6c', '\u7f8a', '\u7334', '\u9e21', '\u72d7', '\u732a'],

  /**
      * 24节气速查表
      * @Array Of Property
      * @trans["小寒","大寒","立春","雨水","惊蛰","春分","清明","谷雨","立夏","小满","芒种","夏至","小暑","大暑","立秋","处暑","白露","秋分","寒露","霜降","立冬","小雪","大雪","冬至"]
      * @return Cn string
      */
  solarTerm: ['\u5c0f\u5bd2', '\u5927\u5bd2', '\u7acb\u6625', '\u96e8\u6c34', '\u60ca\u86f0', '\u6625\u5206', '\u6e05\u660e', '\u8c37\u96e8', '\u7acb\u590f', '\u5c0f\u6ee1', '\u8292\u79cd', '\u590f\u81f3', '\u5c0f\u6691', '\u5927\u6691', '\u7acb\u79cb', '\u5904\u6691', '\u767d\u9732', '\u79cb\u5206', '\u5bd2\u9732', '\u971c\u964d', '\u7acb\u51ac', '\u5c0f\u96ea', '\u5927\u96ea', '\u51ac\u81f3'],

  /**
      * 1900-2100各年的24节气日期速查表
      * @Array Of Property
      * @return 0x string For splice
      */
  sTermInfo: ['9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e', '97bcf97c3598082c95f8c965cc920f',
    '97bd0b06bdb0722c965ce1cfcc920f', 'b027097bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
    '97bcf97c359801ec95f8c965cc920f', '97bd0b06bdb0722c965ce1cfcc920f', 'b027097bd097c36b0b6fc9274c91aa',
    '97b6b97bd19801ec9210c965cc920e', '97bcf97c359801ec95f8c965cc920f', '97bd0b06bdb0722c965ce1cfcc920f',
    'b027097bd097c36b0b6fc9274c91aa', '9778397bd19801ec9210c965cc920e', '97b6b97bd19801ec95f8c965cc920f',
    '97bd09801d98082c95f8e1cfcc920f', '97bd097bd097c36b0b6fc9210c8dc2', '9778397bd197c36c9210c9274c91aa',
    '97b6b97bd19801ec95f8c965cc920e', '97bd09801d98082c95f8e1cfcc920f', '97bd097bd097c36b0b6fc9210c8dc2',
    '9778397bd097c36c9210c9274c91aa', '97b6b97bd19801ec95f8c965cc920e', '97bcf97c3598082c95f8e1cfcc920f',
    '97bd097bd097c36b0b6fc9210c8dc2', '9778397bd097c36c9210c9274c91aa', '97b6b97bd19801ec9210c965cc920e',
    '97bcf97c3598082c95f8c965cc920f', '97bd097bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
    '97b6b97bd19801ec9210c965cc920e', '97bcf97c3598082c95f8c965cc920f', '97bd097bd097c35b0b6fc920fb0722',
    '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e', '97bcf97c359801ec95f8c965cc920f',
    '97bd097bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
    '97bcf97c359801ec95f8c965cc920f', '97bd097bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
    '97b6b97bd19801ec9210c965cc920e', '97bcf97c359801ec95f8c965cc920f', '97bd097bd07f595b0b6fc920fb0722',
    '9778397bd097c36b0b6fc9210c8dc2', '9778397bd19801ec9210c9274c920e', '97b6b97bd19801ec95f8c965cc920f',
    '97bd07f5307f595b0b0bc920fb0722', '7f0e397bd097c36b0b6fc9210c8dc2', '9778397bd097c36c9210c9274c920e',
    '97b6b97bd19801ec95f8c965cc920f', '97bd07f5307f595b0b0bc920fb0722', '7f0e397bd097c36b0b6fc9210c8dc2',
    '9778397bd097c36c9210c9274c91aa', '97b6b97bd19801ec9210c965cc920e', '97bd07f1487f595b0b0bc920fb0722',
    '7f0e397bd097c36b0b6fc9210c8dc2', '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
    '97bcf7f1487f595b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
    '97b6b97bd19801ec9210c965cc920e', '97bcf7f1487f595b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722',
    '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e', '97bcf7f1487f531b0b0bb0b6fb0722',
    '7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
    '97bcf7f1487f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
    '97b6b97bd19801ec9210c9274c920e', '97bcf7f0e47f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722',
    '9778397bd097c36b0b6fc9210c91aa', '97b6b97bd197c36c9210c9274c920e', '97bcf7f0e47f531b0b0bb0b6fb0722',
    '7f0e397bd07f595b0b0bc920fb0722', '9778397bd097c36b0b6fc9210c8dc2', '9778397bd097c36c9210c9274c920e',
    '97b6b7f0e47f531b0723b0b6fb0722', '7f0e37f5307f595b0b0bc920fb0722', '7f0e397bd097c36b0b6fc9210c8dc2',
    '9778397bd097c36b0b70c9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721', '7f0e37f1487f595b0b0bb0b6fb0722',
    '7f0e397bd097c35b0b6fc9210c8dc2', '9778397bd097c36b0b6fc9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721',
    '7f0e27f1487f595b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
    '97b6b7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722',
    '9778397bd097c36b0b6fc9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722',
    '7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721',
    '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
    '97b6b7f0e47f531b0723b0787b0721', '7f0e27f0e47f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722',
    '9778397bd097c36b0b6fc9210c91aa', '97b6b7f0e47f149b0723b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722',
    '7f0e397bd07f595b0b0bc920fb0722', '9778397bd097c36b0b6fc9210c8dc2', '977837f0e37f149b0723b0787b0721',
    '7f07e7f0e47f531b0723b0b6fb0722', '7f0e37f5307f595b0b0bc920fb0722', '7f0e397bd097c35b0b6fc9210c8dc2',
    '977837f0e37f14998082b0787b0721', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e37f1487f595b0b0bb0b6fb0722',
    '7f0e397bd097c35b0b6fc9210c8dc2', '977837f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
    '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722', '977837f0e37f14998082b0787b06bd',
    '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722',
    '977837f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722',
    '7f0e397bd07f595b0b0bc920fb0722', '977837f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
    '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722', '977837f0e37f14998082b0787b06bd',
    '7f07e7f0e47f149b0723b0787b0721', '7f0e27f0e47f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722',
    '977837f0e37f14998082b0723b06bd', '7f07e7f0e37f149b0723b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722',
    '7f0e397bd07f595b0b0bc920fb0722', '977837f0e37f14898082b0723b02d5', '7ec967f0e37f14998082b0787b0721',
    '7f07e7f0e47f531b0723b0b6fb0722', '7f0e37f1487f595b0b0bb0b6fb0722', '7f0e37f0e37f14898082b0723b02d5',
    '7ec967f0e37f14998082b0787b0721', '7f07e7f0e47f531b0723b0b6fb0722', '7f0e37f1487f531b0b0bb0b6fb0722',
    '7f0e37f0e37f14898082b0723b02d5', '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
    '7f0e37f1487f531b0b0bb0b6fb0722', '7f0e37f0e37f14898082b072297c35', '7ec967f0e37f14998082b0787b06bd',
    '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e37f0e37f14898082b072297c35',
    '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722',
    '7f0e37f0e366aa89801eb072297c35', '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f149b0723b0787b0721',
    '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e37f0e366aa89801eb072297c35', '7ec967f0e37f14998082b0723b06bd',
    '7f07e7f0e47f149b0723b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722', '7f0e37f0e366aa89801eb072297c35',
    '7ec967f0e37f14998082b0723b06bd', '7f07e7f0e37f14998083b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722',
    '7f0e37f0e366aa89801eb072297c35', '7ec967f0e37f14898082b0723b02d5', '7f07e7f0e37f14998082b0787b0721',
    '7f07e7f0e47f531b0723b0b6fb0722', '7f0e36665b66aa89801e9808297c35', '665f67f0e37f14898082b0723b02d5',
    '7ec967f0e37f14998082b0787b0721', '7f07e7f0e47f531b0723b0b6fb0722', '7f0e36665b66a449801e9808297c35',
    '665f67f0e37f14898082b0723b02d5', '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
    '7f0e36665b66a449801e9808297c35', '665f67f0e37f14898082b072297c35', '7ec967f0e37f14998082b0787b06bd',
    '7f07e7f0e47f531b0723b0b6fb0721', '7f0e26665b66a449801e9808297c35', '665f67f0e37f1489801eb072297c35',
    '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722'],

  /**
      * æ•°å­—转中文速查表
      * @Array Of Property
      * @trans ['日','一','二','三','四','五','六','七','八','九','十']
      * @return Cn string
      */
  nStr1: ['\u65e5', '\u4e00', '\u4e8c', '\u4e09', '\u56db', '\u4e94', '\u516d', '\u4e03', '\u516b', '\u4e5d', '\u5341'],

  /**
      * æ—¥æœŸè½¬å†œåŽ†ç§°å‘¼é€ŸæŸ¥è¡¨
      * @Array Of Property
      * @trans ['初','十','廿','卅']
      * @return Cn string
      */
  nStr2: ['\u521d', '\u5341', '\u5eff', '\u5345'],

  /**
      * æœˆä»½è½¬å†œåŽ†ç§°å‘¼é€ŸæŸ¥è¡¨
      * @Array Of Property
      * @trans ['æ­£','一','二','三','四','五','六','七','八','九','十','冬','腊']
      * @return Cn string
      */
  nStr3: ['\u6b63', '\u4e8c', '\u4e09', '\u56db', '\u4e94', '\u516d', '\u4e03', '\u516b', '\u4e5d', '\u5341', '\u51ac', '\u814a'],

  /**
      * è¿”回农历y年一整年的总天数
      * @param lunar Year
      * @return Number
      * @eg:var count = calendar.lYearDays(1987) ;//count=387
      */
  lYearDays: function (y) {
    var i; var sum = 348
    for (i = 0x8000; i > 0x8; i >>= 1) { sum += (this.lunarInfo[y - 1900] & i) ? 1 : 0 }
    return (sum + this.leapDays(y))
  },

  /**
      * è¿”回农历y年闰月是哪个月；若y年没有闰月 åˆ™è¿”回0
      * @param lunar Year
      * @return Number (0-12)
      * @eg:var leapMonth = calendar.leapMonth(1987) ;//leapMonth=6
      */
  leapMonth: function (y) { // é—°å­—编码 \u95f0
    return (this.lunarInfo[y - 1900] & 0xf)
  },

  /**
      * è¿”回农历y年闰月的天数 è‹¥è¯¥å¹´æ²¡æœ‰é—°æœˆåˆ™è¿”回0
      * @param lunar Year
      * @return Number (0、29、30)
      * @eg:var leapMonthDay = calendar.leapDays(1987) ;//leapMonthDay=29
      */
  leapDays: function (y) {
    if (this.leapMonth(y)) {
      return ((this.lunarInfo[y - 1900] & 0x10000) ? 30 : 29)
    }
    return (0)
  },

  /**
      * è¿”回农历yå¹´m月（非闰月）的总天数，计算m为闰月时的天数请使用leapDays方法
      * @param lunar Year
      * @return Number (-1、29、30)
      * @eg:var MonthDay = calendar.monthDays(1987,9) ;//MonthDay=29
      */
  monthDays: function (y, m) {
    if (m > 12 || m < 1) { return -1 }// æœˆä»½å‚数从1至12，参数错误返回-1
    return ((this.lunarInfo[y - 1900] & (0x10000 >> m)) ? 30 : 29)
  },

  /**
      * è¿”回公历(!)yå¹´m月的天数
      * @param solar Year
      * @return Number (-1、28、29、30、31)
      * @eg:var solarMonthDay = calendar.leapDays(1987) ;//solarMonthDay=30
      */
  solarDays: function (y, m) {
    if (m > 12 || m < 1) { return -1 } // è‹¥å‚数错误 è¿”回-1
    var ms = m - 1
    if (ms == 1) { // 2月份的闰平规律测算后确认返回28或29
      return (((y % 4 == 0) && (y % 100 != 0) || (y % 400 == 0)) ? 29 : 28)
    } else {
      return (this.solarMonth[ms])
    }
  },

  /**
     * å†œåŽ†å¹´ä»½è½¬æ¢ä¸ºå¹²æ”¯çºªå¹´
     * @param  lYear å†œåŽ†å¹´çš„年份数
     * @return Cn string
     */
  toGanZhiYear: function (lYear) {
    var ganKey = (lYear - 3) % 10
    var zhiKey = (lYear - 3) % 12
    if (ganKey == 0) ganKey = 10// å¦‚果余数为0则为最后一个天干
    if (zhiKey == 0) zhiKey = 12// å¦‚果余数为0则为最后一个地支
    return this.Gan[ganKey - 1] + this.Zhi[zhiKey - 1]
  },

  /**
     * å…¬åŽ†æœˆã€æ—¥åˆ¤æ–­æ‰€å±žæ˜Ÿåº§
     * @param  cMonth [description]
     * @param  cDay [description]
     * @return Cn string
     */
  toAstro: function (cMonth, cDay) {
    var s = '\u9b54\u7faf\u6c34\u74f6\u53cc\u9c7c\u767d\u7f8a\u91d1\u725b\u53cc\u5b50\u5de8\u87f9\u72ee\u5b50\u5904\u5973\u5929\u79e4\u5929\u874e\u5c04\u624b\u9b54\u7faf'
    var arr = [20, 19, 21, 21, 21, 22, 23, 23, 23, 23, 22, 22]
    return s.substr(cMonth * 2 - (cDay < arr[cMonth - 1] ? 2 : 0), 2) + '\u5ea7'// åº§
  },

  /**
      * ä¼ å…¥offset偏移量返回干支
      * @param offset ç›¸å¯¹ç”²å­çš„偏移量
      * @return Cn string
      */
  toGanZhi: function (offset) {
    return this.Gan[offset % 10] + this.Zhi[offset % 12]
  },

  /**
      * ä¼ å…¥å…¬åŽ†(!)y年获得该年第n个节气的公历日期
      * @param y公历年(1900-2100)；n二十四节气中的第几个节气(1~24)；从n=1(小寒)算起
      * @return day Number
      * @eg:var _24 = calendar.getTerm(1987,3) ;//_24=4;意即1987å¹´2月4日立春
      */
  getTerm: function (y, n) {
    if (y < 1900 || y > 2100) { return -1 }
    if (n < 1 || n > 24) { return -1 }
    var _table = this.sTermInfo[y - 1900]
    var _info = [
      parseInt('0x' + _table.substr(0, 5)).toString(),
      parseInt('0x' + _table.substr(5, 5)).toString(),
      parseInt('0x' + _table.substr(10, 5)).toString(),
      parseInt('0x' + _table.substr(15, 5)).toString(),
      parseInt('0x' + _table.substr(20, 5)).toString(),
      parseInt('0x' + _table.substr(25, 5)).toString()
    ]
    var _calday = [
      _info[0].substr(0, 1),
      _info[0].substr(1, 2),
      _info[0].substr(3, 1),
      _info[0].substr(4, 2),

      _info[1].substr(0, 1),
      _info[1].substr(1, 2),
      _info[1].substr(3, 1),
      _info[1].substr(4, 2),

      _info[2].substr(0, 1),
      _info[2].substr(1, 2),
      _info[2].substr(3, 1),
      _info[2].substr(4, 2),

      _info[3].substr(0, 1),
      _info[3].substr(1, 2),
      _info[3].substr(3, 1),
      _info[3].substr(4, 2),

      _info[4].substr(0, 1),
      _info[4].substr(1, 2),
      _info[4].substr(3, 1),
      _info[4].substr(4, 2),

      _info[5].substr(0, 1),
      _info[5].substr(1, 2),
      _info[5].substr(3, 1),
      _info[5].substr(4, 2)
    ]
    return parseInt(_calday[n - 1])
  },

  /**
      * ä¼ å…¥å†œåŽ†æ•°å­—月份返回汉语通俗表示法
      * @param lunar month
      * @return Cn string
      * @eg:var cnMonth = calendar.toChinaMonth(12) ;//cnMonth='腊月'
      */
  toChinaMonth: function (m) { // æœˆ => \u6708
    if (m > 12 || m < 1) { return -1 } // è‹¥å‚数错误 è¿”回-1
    var s = this.nStr3[m - 1]
    s += '\u6708'// åŠ ä¸Šæœˆå­—
    return s
  },

  /**
      * ä¼ å…¥å†œåŽ†æ—¥æœŸæ•°å­—返回汉字表示法
      * @param lunar day
      * @return Cn string
      * @eg:var cnDay = calendar.toChinaDay(21) ;//cnMonth='廿一'
      */
  toChinaDay: function (d) { // æ—¥ => \u65e5
    var s
    switch (d) {
      case 10:
        s = '\u521d\u5341'; break
      case 20:
        s = '\u4e8c\u5341'; break
        break
      case 30:
        s = '\u4e09\u5341'; break
        break
      default :
        s = this.nStr2[Math.floor(d / 10)]
        s += this.nStr1[d % 10]
    }
    return (s)
  },

  /**
      * å¹´ä»½è½¬ç”Ÿè‚–[!仅能大致转换] => ç²¾ç¡®åˆ’分生肖分界线是“立春”
      * @param y year
      * @return Cn string
      * @eg:var animal = calendar.getAnimal(1987) ;//animal='兔'
      */
  getAnimal: function (y) {
    return this.Animals[(y - 4) % 12]
  },

  /**
      * ä¼ å…¥é˜³åŽ†å¹´æœˆæ—¥èŽ·å¾—详细的公历、农历object信息 <=>JSON
      * @param y  solar year
      * @param m  solar month
      * @param d  solar day
      * @return JSON object
      * @eg:console.log(calendar.solar2lunar(1987,11,01));
      */
  solar2lunar: function (y, m, d) { // å‚数区间1900.1.31~2100.12.31
    // å¹´ä»½é™å®šã€ä¸Šé™
    if (y < 1900 || y > 2100) {
      return -1// undefined转换为数字变为NaN
    }
    // å…¬åŽ†ä¼ å‚最下限
    if (y == 1900 && m == 1 && d < 31) {
      return -1
    }
    // æœªä¼ å‚  èŽ·å¾—当天
    if (!y) {
      var objDate = new Date()
    } else {
      var objDate = new Date(y, parseInt(m) - 1, d)
    }
    var i; var leap = 0; var temp = 0
    // ä¿®æ­£ymd参数
    var y = objDate.getFullYear()
    var m = objDate.getMonth() + 1
    var d = objDate.getDate()
    var offset = (Date.UTC(objDate.getFullYear(), objDate.getMonth(), objDate.getDate()) - Date.UTC(1900, 0, 31)) / 86400000
    for (i = 1900; i < 2101 && offset > 0; i++) {
      temp = this.lYearDays(i)
      offset -= temp
    }
    if (offset < 0) {
      offset += temp; i--
    }

    // æ˜¯å¦ä»Šå¤©
    var isTodayObj = new Date()
    var isToday = false
    if (isTodayObj.getFullYear() == y && isTodayObj.getMonth() + 1 == m && isTodayObj.getDate() == d) {
      isToday = true
    }
    // æ˜ŸæœŸå‡ 
    var nWeek = objDate.getDay()
    var cWeek = this.nStr1[nWeek]
    // æ•°å­—表示周几顺应天朝周一开始的惯例
    if (nWeek == 0) {
      nWeek = 7
    }
    // å†œåŽ†å¹´
    var year = i
    var leap = this.leapMonth(i) // é—°å“ªä¸ªæœˆ
    var isLeap = false

    // æ•ˆéªŒé—°æœˆ
    for (i = 1; i < 13 && offset > 0; i++) {
      // é—°æœˆ
      if (leap > 0 && i == (leap + 1) && isLeap == false) {
        --i
        isLeap = true; temp = this.leapDays(year) // è®¡ç®—农历闰月天数
      } else {
        temp = this.monthDays(year, i)// è®¡ç®—农历普通月天数
      }
      // è§£é™¤é—°æœˆ
      if (isLeap == true && i == (leap + 1)) { isLeap = false }
      offset -= temp
    }
    // é—°æœˆå¯¼è‡´æ•°ç»„下标重叠取反
    if (offset == 0 && leap > 0 && i == leap + 1) {
      if (isLeap) {
        isLeap = false
      } else {
        isLeap = true; --i
      }
    }
    if (offset < 0) {
      offset += temp; --i
    }
    // å†œåŽ†æœˆ
    var month = i
    // å†œåŽ†æ—¥
    var day = offset + 1
    // å¤©å¹²åœ°æ”¯å¤„理
    var sm = m - 1
    var gzY = this.toGanZhiYear(year)

    // å½“月的两个节气
    // bugfix-2017-7-24 11:03:38 use lunar Year Param `y` Not `year`
    var firstNode = this.getTerm(y, (m * 2 - 1))// è¿”回当月「节」为几日开始
    var secondNode = this.getTerm(y, (m * 2))// è¿”回当月「节」为几日开始

    // ä¾æ®12节气修正干支月
    var gzM = this.toGanZhi((y - 1900) * 12 + m + 11)
    if (d >= firstNode) {
      gzM = this.toGanZhi((y - 1900) * 12 + m + 12)
    }

    // ä¼ å…¥çš„日期的节气与否
    var isTerm = false
    var Term = null
    if (firstNode == d) {
      isTerm = true
      Term = this.solarTerm[m * 2 - 2]
    }
    if (secondNode == d) {
      isTerm = true
      Term = this.solarTerm[m * 2 - 1]
    }
    // æ—¥æŸ± å½“月一日与 1900/1/1 ç›¸å·®å¤©æ•°
    var dayCyclical = Date.UTC(y, sm, 1, 0, 0, 0, 0) / 86400000 + 25567 + 10
    var gzD = this.toGanZhi(dayCyclical + d - 1)
    // è¯¥æ—¥æœŸæ‰€å±žçš„星座
    var astro = this.toAstro(m, d)

    return { 'lYear': year, 'lMonth': month, 'lDay': day, 'Animal': this.getAnimal(year), 'IMonthCn': (isLeap ? '\u95f0' : '') + this.toChinaMonth(month), 'IDayCn': this.toChinaDay(day), 'cYear': y, 'cMonth': m, 'cDay': d, 'gzYear': gzY, 'gzMonth': gzM, 'gzDay': gzD, 'isToday': isToday, 'isLeap': isLeap, 'nWeek': nWeek, 'ncWeek': '\u661f\u671f' + cWeek, 'isTerm': isTerm, 'Term': Term, 'astro': astro }
  },

  /**
      * ä¼ å…¥å†œåŽ†å¹´æœˆæ—¥ä»¥åŠä¼ å…¥çš„月份是否闰月获得详细的公历、农历object信息 <=>JSON
      * @param y  lunar year
      * @param m  lunar month
      * @param d  lunar day
      * @param isLeapMonth  lunar month is leap or not.[如果是农历闰月第四个参数赋值true即可]
      * @return JSON object
      * @eg:console.log(calendar.lunar2solar(1987,9,10));
      */
  lunar2solar: function (y, m, d, isLeapMonth) { // å‚数区间1900.1.31~2100.12.1
    var isLeapMonth = !!isLeapMonth
    var leapOffset = 0
    var leapMonth = this.leapMonth(y)
    var leapDay = this.leapDays(y)
    if (isLeapMonth && (leapMonth != m)) { return -1 }// ä¼ å‚要求计算该闰月公历 ä½†è¯¥å¹´å¾—出的闰月与传参的月份并不同
    if (y == 2100 && m == 12 && d > 1 || y == 1900 && m == 1 && d < 31) { return -1 }// è¶…出了最大极限值
    var day = this.monthDays(y, m)
    var _day = day
    // bugFix 2016-9-25
    // if month is leap, _day use leapDays method
    if (isLeapMonth) {
      _day = this.leapDays(y, m)
    }
    if (y < 1900 || y > 2100 || d > _day) { return -1 }// å‚数合法性效验

    // è®¡ç®—农历的时间差
    var offset = 0
    for (var i = 1900; i < y; i++) {
      offset += this.lYearDays(i)
    }
    var leap = 0; var isAdd = false
    for (var i = 1; i < m; i++) {
      leap = this.leapMonth(y)
      if (!isAdd) { // å¤„理闰月
        if (leap <= i && leap > 0) {
          offset += this.leapDays(y); isAdd = true
        }
      }
      offset += this.monthDays(y, i)
    }
    // è½¬æ¢é—°æœˆå†œåŽ† éœ€è¡¥å……该年闰月的前一个月的时差
    if (isLeapMonth) { offset += day }
    // 1900年农历正月一日的公历时间为1900å¹´1月30日0时0分0秒(该时间也是本农历的最开始起始点)
    var stmap = Date.UTC(1900, 1, 30, 0, 0, 0)
    var calObj = new Date((offset + d - 31) * 86400000 + stmap)
    var cY = calObj.getUTCFullYear()
    var cM = calObj.getUTCMonth() + 1
    var cD = calObj.getUTCDate()

    return this.solar2lunar(cY, cM, cD)
  }
}

export default calendar

 uni_modules/uni-calendar/components/uni-calendar/i18n/en.json

New file
@@ -0,0 +1,12 @@
{
    "uni-calender.ok": "ok",
    "uni-calender.cancel": "cancel",
    "uni-calender.today": "today",
    "uni-calender.MON": "MON",
    "uni-calender.TUE": "TUE",
    "uni-calender.WED": "WED",
    "uni-calender.THU": "THU",
    "uni-calender.FRI": "FRI",
    "uni-calender.SAT": "SAT",
    "uni-calender.SUN": "SUN"
}

 uni_modules/uni-calendar/components/uni-calendar/i18n/index.js

New file
@@ -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
}

 uni_modules/uni-calendar/components/uni-calendar/i18n/zh-Hans.json

New file
@@ -0,0 +1,12 @@
{
    "uni-calender.ok": "确定",
    "uni-calender.cancel": "取消",
    "uni-calender.today": "今日",
    "uni-calender.SUN": "日",
    "uni-calender.MON": "一",
    "uni-calender.TUE": "二",
    "uni-calender.WED": "三",
    "uni-calender.THU": "四",
    "uni-calender.FRI": "五",
    "uni-calender.SAT": "六"
}

 uni_modules/uni-calendar/components/uni-calendar/i18n/zh-Hant.json

New file
@@ -0,0 +1,12 @@
{
    "uni-calender.ok": "確定",
    "uni-calender.cancel": "取消",
    "uni-calender.today": "今日",
    "uni-calender.SUN": "日",
    "uni-calender.MON": "一",
    "uni-calender.TUE": "二",
    "uni-calender.WED": "三",
    "uni-calender.THU": "四",
    "uni-calender.FRI": "五",
    "uni-calender.SAT": "六"
}

 uni_modules/uni-calendar/components/uni-calendar/uni-calendar-item.vue

New file
@@ -0,0 +1,181 @@
<template>
    <view class="uni-calendar-item__weeks-box" :class="{
        'uni-calendar-item--disable':weeks.disable,
        'uni-calendar-item--isDay':calendar.fullDate === weeks.fullDate && weeks.isDay,
        'uni-calendar-item--checked':(calendar.fullDate === weeks.fullDate && !weeks.isDay) ,
        'uni-calendar-item--before-checked':weeks.beforeMultiple,
        'uni-calendar-item--multiple': weeks.multiple,
        'uni-calendar-item--after-checked':weeks.afterMultiple,
        }"
     @click="choiceDate(weeks)">
        <view class="uni-calendar-item__weeks-box-item">
            <text v-if="selected&&weeks.extraInfo" class="uni-calendar-item__weeks-box-circle"></text>
            <text class="uni-calendar-item__weeks-box-text" :class="{
                'uni-calendar-item--isDay-text': weeks.isDay,
                'uni-calendar-item--isDay':calendar.fullDate === weeks.fullDate && weeks.isDay,
                'uni-calendar-item--checked':calendar.fullDate === weeks.fullDate && !weeks.isDay,
                'uni-calendar-item--before-checked':weeks.beforeMultiple,
                'uni-calendar-item--multiple': weeks.multiple,
                'uni-calendar-item--after-checked':weeks.afterMultiple,
                'uni-calendar-item--disable':weeks.disable,
                }">{{weeks.date}}</text>
            <text v-if="!lunar&&!weeks.extraInfo && weeks.isDay" class="uni-calendar-item__weeks-lunar-text" :class="{
                'uni-calendar-item--isDay-text':weeks.isDay,
                'uni-calendar-item--isDay':calendar.fullDate === weeks.fullDate && weeks.isDay,
                'uni-calendar-item--checked':calendar.fullDate === weeks.fullDate && !weeks.isDay,
                'uni-calendar-item--before-checked':weeks.beforeMultiple,
                'uni-calendar-item--multiple': weeks.multiple,
                'uni-calendar-item--after-checked':weeks.afterMultiple,
                }">{{todayText}}</text>
            <text v-if="lunar&&!weeks.extraInfo" class="uni-calendar-item__weeks-lunar-text" :class="{
                'uni-calendar-item--isDay-text':weeks.isDay,
                'uni-calendar-item--isDay':calendar.fullDate === weeks.fullDate && weeks.isDay,
                'uni-calendar-item--checked':calendar.fullDate === weeks.fullDate && !weeks.isDay,
                'uni-calendar-item--before-checked':weeks.beforeMultiple,
                'uni-calendar-item--multiple': weeks.multiple,
                'uni-calendar-item--after-checked':weeks.afterMultiple,
                'uni-calendar-item--disable':weeks.disable,
                }">{{weeks.isDay ? todayText : (weeks.lunar.IDayCn === '初一'?weeks.lunar.IMonthCn:weeks.lunar.IDayCn)}}</text>
            <text v-if="weeks.extraInfo&&weeks.extraInfo.info" class="uni-calendar-item__weeks-lunar-text" :class="{
                'uni-calendar-item--extra':weeks.extraInfo.info,
                'uni-calendar-item--isDay-text':weeks.isDay,
                'uni-calendar-item--isDay':calendar.fullDate === weeks.fullDate && weeks.isDay,
                'uni-calendar-item--checked':calendar.fullDate === weeks.fullDate && !weeks.isDay,
                'uni-calendar-item--before-checked':weeks.beforeMultiple,
                'uni-calendar-item--multiple': weeks.multiple,
                'uni-calendar-item--after-checked':weeks.afterMultiple,
                'uni-calendar-item--disable':weeks.disable,
                }">{{weeks.extraInfo.info}}</text>
        </view>
    </view>
</template>

<script>
    import {
    initVueI18n
    } from '@dcloudio/uni-i18n'
    import messages from './i18n/index.js'
    const {    t    } = initVueI18n(messages)
    export default {
        emits:['change'],
        props: {
            weeks: {
                type: Object,
                default () {
                    return {}
                }
            },
            calendar: {
                type: Object,
                default: () => {
                    return {}
                }
            },
            selected: {
                type: Array,
                default: () => {
                    return []
                }
            },
            lunar: {
                type: Boolean,
                default: false
            }
        },
        computed: {
            todayText() {
                return t("uni-calender.today")
            },
        },
        methods: {
            choiceDate(weeks) {
                this.$emit('change', weeks)
            }
        }
    }
</script>

<style lang="scss" scoped>
    .uni-calendar-item__weeks-box {
        flex: 1;
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .uni-calendar-item__weeks-box-text {
        font-size: $uni-font-size-base;
        color: $uni-text-color;
    }

    .uni-calendar-item__weeks-lunar-text {
        font-size: $uni-font-size-sm;
        color: $uni-text-color;
    }

    .uni-calendar-item__weeks-box-item {
        position: relative;
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100rpx;
        height: 100rpx;
    }

    .uni-calendar-item__weeks-box-circle {
        position: absolute;
        top: 5px;
        right: 5px;
        width: 8px;
        height: 8px;
        border-radius: 8px;
        background-color: $uni-color-error;

    }

    .uni-calendar-item--disable {
        background-color: rgba(249, 249, 249, $uni-opacity-disabled);
        color: $uni-text-color-disable;
    }

    .uni-calendar-item--isDay-text {
        color: $uni-color-primary;
    }

    .uni-calendar-item--isDay {
        background-color: $uni-color-primary;
        opacity: 0.8;
        color: #fff;
    }

    .uni-calendar-item--extra {
        color: $uni-color-error;
        opacity: 0.8;
    }

    .uni-calendar-item--checked {
        background-color: $uni-color-primary;
        color: #fff;
        opacity: 0.8;
    }

    .uni-calendar-item--multiple {
        background-color: $uni-color-primary;
        color: #fff;
        opacity: 0.8;
    }
    .uni-calendar-item--before-checked {
        background-color: #ff5a5f;
        color: #fff;
    }
    .uni-calendar-item--after-checked {
        background-color: #ff5a5f;
        color: #fff;
    }
</style>

 uni_modules/uni-calendar/components/uni-calendar/uni-calendar.vue

New file
@@ -0,0 +1,554 @@
<template>
    <view class="uni-calendar">
        <view v-if="!insert&&show" class="uni-calendar__mask" :class="{'uni-calendar--mask-show':aniMaskShow}" @click="clean"></view>
        <view v-if="insert || show" class="uni-calendar__content" :class="{'uni-calendar--fixed':!insert,'uni-calendar--ani-show':aniMaskShow}">
            <view v-if="!insert" class="uni-calendar__header uni-calendar--fixed-top">
                <view class="uni-calendar__header-btn-box" @click="close">
                    <text class="uni-calendar__header-text uni-calendar--fixed-width">{{cancelText}}</text>
                </view>
                <view class="uni-calendar__header-btn-box" @click="confirm">
                    <text class="uni-calendar__header-text uni-calendar--fixed-width">{{okText}}</text>
                </view>
            </view>
            <view class="uni-calendar__header">
                <view class="uni-calendar__header-btn-box" @click.stop="pre">
                    <view class="uni-calendar__header-btn uni-calendar--left"></view>
                </view>
                <picker mode="date" :value="date" fields="month" @change="bindDateChange">
                    <text class="uni-calendar__header-text">{{ (nowDate.year||'') +' / '+( nowDate.month||'')}}</text>
                </picker>
                <view class="uni-calendar__header-btn-box" @click.stop="next">
                    <view class="uni-calendar__header-btn uni-calendar--right"></view>
                </view>
                <text class="uni-calendar__backtoday" @click="backtoday">{{todayText}}</text>

            </view>
            <view class="uni-calendar__box">
                <view v-if="showMonth" class="uni-calendar__box-bg">
                    <text class="uni-calendar__box-bg-text">{{nowDate.month}}</text>
                </view>
                <view class="uni-calendar__weeks">
                    <view class="uni-calendar__weeks-day">
                        <text class="uni-calendar__weeks-day-text">{{SUNText}}</text>
                    </view>
                    <view class="uni-calendar__weeks-day">
                        <text class="uni-calendar__weeks-day-text">{{monText}}</text>
                    </view>
                    <view class="uni-calendar__weeks-day">
                        <text class="uni-calendar__weeks-day-text">{{TUEText}}</text>
                    </view>
                    <view class="uni-calendar__weeks-day">
                        <text class="uni-calendar__weeks-day-text">{{WEDText}}</text>
                    </view>
                    <view class="uni-calendar__weeks-day">
                        <text class="uni-calendar__weeks-day-text">{{THUText}}</text>
                    </view>
                    <view class="uni-calendar__weeks-day">
                        <text class="uni-calendar__weeks-day-text">{{FRIText}}</text>
                    </view>
                    <view class="uni-calendar__weeks-day">
                        <text class="uni-calendar__weeks-day-text">{{SATText}}</text>
                    </view>
                </view>
                <view class="uni-calendar__weeks" v-for="(item,weekIndex) in weeks" :key="weekIndex">
                    <view class="uni-calendar__weeks-item" v-for="(weeks,weeksIndex) in item" :key="weeksIndex">
                        <calendar-item class="uni-calendar-item--hook" :weeks="weeks" :calendar="calendar" :selected="selected" :lunar="lunar" @change="choiceDate"></calendar-item>
                    </view>
                </view>
            </view>
        </view>
    </view>
</template>

<script>
    import Calendar from './util.js';
    import calendarItem from './uni-calendar-item.vue'
    import {
    initVueI18n
    } from '@dcloudio/uni-i18n'
    import messages from './i18n/index.js'
    const {    t    } = initVueI18n(messages)
    /**
     * Calendar æ—¥åŽ†
     * @description æ—¥åŽ†ç»„件可以查看日期，选择任意范围内的日期，打点操作。常用场景如：酒店日期预订、火车机票选择购买日期、上下班打卡等
     * @tutorial https://ext.dcloud.net.cn/plugin?id=56
     * @property {String} date è‡ªå®šä¹‰å½“前时间，默认为今天
     * @property {Boolean} lunar æ˜¾ç¤ºå†œåŽ†
     * @property {String} startDate æ—¥æœŸé€‰æ‹©èŒƒå›´-开始日期
     * @property {String} endDate æ—¥æœŸé€‰æ‹©èŒƒå›´-结束日期
     * @property {Boolean} range èŒƒå›´é€‰æ‹©
     * @property {Boolean} insert = [true|false] æ’入模式,默认为false
     *     @value true å¼¹çª—模式
     *     @value false æ’入模式
     * @property {Boolean} clearDate = [true|false] å¼¹çª—模式是否清空上次选择内容
     * @property {Array} selected æ‰“点，期待格式[{date: '2019-06-27', info: '签到', data: { custom: '自定义信息', name: '自定义消息头',xxx:xxx... }}]
     * @property {Boolean} showMonth æ˜¯å¦é€‰æ‹©æœˆä»½ä¸ºèƒŒæ™¯
     * @event {Function} change æ—¥æœŸæ”¹å˜ï¼Œ`insert :ture` æ—¶ç”Ÿæ•ˆ
     * @event {Function} confirm ç¡®è®¤é€‰æ‹©`insert :false` æ—¶ç”Ÿæ•ˆ
     * @event {Function} monthSwitch åˆ‡æ¢æœˆä»½æ—¶è§¦å‘
     * @example <uni-calendar :insert="true":lunar="true" :start-date="'2019-3-2'":end-date="'2019-5-20'"@change="change" />
     */
    export default {
        components: {
            calendarItem
        },
        emits:['close','confirm','change','monthSwitch'],
        props: {
            date: {
                type: String,
                default: ''
            },
            selected: {
                type: Array,
                default () {
                    return []
                }
            },
            lunar: {
                type: Boolean,
                default: false
            },
            startDate: {
                type: String,
                default: ''
            },
            endDate: {
                type: String,
                default: ''
            },
            range: {
                type: Boolean,
                default: false
            },
            insert: {
                type: Boolean,
                default: true
            },
            showMonth: {
                type: Boolean,
                default: true
            },
            clearDate: {
                type: Boolean,
                default: true
            }
        },
        data() {
            return {
                show: false,
                weeks: [],
                calendar: {},
                nowDate: '',
                aniMaskShow: false
            }
        },
        computed:{
            /**
             * for i18n
             */

            okText() {
                return t("uni-calender.ok")
            },
            cancelText() {
                return t("uni-calender.cancel")
            },
            todayText() {
                return t("uni-calender.today")
            },
            monText() {
                return t("uni-calender.MON")
            },
            TUEText() {
                return t("uni-calender.TUE")
            },
            WEDText() {
                return t("uni-calender.WED")
            },
            THUText() {
                return t("uni-calender.THU")
            },
            FRIText() {
                return t("uni-calender.FRI")
            },
            SATText() {
                return t("uni-calender.SAT")
            },
            SUNText() {
                return t("uni-calender.SUN")
            },
        },
        watch: {
            date(newVal) {
                // this.cale.setDate(newVal)
                this.init(newVal)
            },
            startDate(val){
                this.cale.resetSatrtDate(val)
                this.cale.setDate(this.nowDate.fullDate)
                this.weeks = this.cale.weeks
            },
            endDate(val){
                this.cale.resetEndDate(val)
                this.cale.setDate(this.nowDate.fullDate)
                this.weeks = this.cale.weeks
            },
            selected(newVal) {
                this.cale.setSelectInfo(this.nowDate.fullDate, newVal)
                this.weeks = this.cale.weeks
            }
        },
        created() {
            // èŽ·å–日历方法实例
            this.cale = new Calendar({
                // date: new Date(),
                selected: this.selected,
                startDate: this.startDate,
                endDate: this.endDate,
                range: this.range,
            })
            // é€‰ä¸­æŸä¸€å¤©
            // this.cale.setDate(this.date)
            this.init(this.date)
            // this.setDay
        },
        methods: {
            // å–消穿透
            clean() {},
            bindDateChange(e) {
                const value = e.detail.value + '-1'
                console.log(this.cale.getDate(value));
                this.init(value)
            },
            /**
             * åˆå§‹åŒ–日期显示
             * @param {Object} date
             */
            init(date) {
                this.cale.setDate(date)
                this.weeks = this.cale.weeks
                this.nowDate = this.calendar = this.cale.getInfo(date)
            },
            /**
             * æ‰“开日历弹窗
             */
            open() {
                // å¼¹çª—模式并且清理数据
                if (this.clearDate && !this.insert) {
                    this.cale.cleanMultipleStatus()
                    // this.cale.setDate(this.date)
                    this.init(this.date)
                }
                this.show = true
                this.$nextTick(() => {
                    setTimeout(() => {
                        this.aniMaskShow = true
                    }, 50)
                })
            },
            /**
             * å…³é—­æ—¥åŽ†å¼¹çª—
             */
            close() {
                this.aniMaskShow = false
                this.$nextTick(() => {
                    setTimeout(() => {
                        this.show = false
                        this.$emit('close')
                    }, 300)
                })
            },
            /**
             * ç¡®è®¤æŒ‰é’®
             */
            confirm() {
                this.setEmit('confirm')
                this.close()
            },
            /**
             * å˜åŒ–触发
             */
            change() {
                if (!this.insert) return
                this.setEmit('change')
            },
            /**
             * é€‰æ‹©æœˆä»½è§¦å‘
             */
            monthSwitch() {
                let {
                    year,
                    month
                } = this.nowDate
                this.$emit('monthSwitch', {
                    year,
                    month: Number(month)
                })
            },
            /**
             * æ´¾å‘事件
             * @param {Object} name
             */
            setEmit(name) {
                let {
                    year,
                    month,
                    date,
                    fullDate,
                    lunar,
                    extraInfo
                } = this.calendar
                this.$emit(name, {
                    range: this.cale.multipleStatus,
                    year,
                    month,
                    date,
                    fulldate: fullDate,
                    lunar,
                    extraInfo: extraInfo || {}
                })
            },
            /**
             * é€‰æ‹©å¤©è§¦å‘
             * @param {Object} weeks
             */
            choiceDate(weeks) {
                if (weeks.disable) return
                this.calendar = weeks
                // è®¾ç½®å¤šé€‰
                this.cale.setMultiple(this.calendar.fullDate)
                this.weeks = this.cale.weeks
                this.change()
            },
            /**
             * å›žåˆ°ä»Šå¤©
             */
            backtoday() {
                console.log(this.cale.getDate(new Date()).fullDate);
                let date = this.cale.getDate(new Date()).fullDate
                // this.cale.setDate(date)
                this.init(date)
                this.change()
            },
            /**
             * ä¸Šä¸ªæœˆ
             */
            pre() {
                const preDate = this.cale.getDate(this.nowDate.fullDate, -1, 'month').fullDate
                this.setDate(preDate)
                this.monthSwitch()

            },
            /**
             * ä¸‹ä¸ªæœˆ
             */
            next() {
                const nextDate = this.cale.getDate(this.nowDate.fullDate, +1, 'month').fullDate
                this.setDate(nextDate)
                this.monthSwitch()
            },
            /**
             * è®¾ç½®æ—¥æœŸ
             * @param {Object} date
             */
            setDate(date) {
                this.cale.setDate(date)
                this.weeks = this.cale.weeks
                this.nowDate = this.cale.getInfo(date)
            }
        }
    }
</script>

<style lang="scss" scoped>
    .uni-calendar {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: column;
    }

    .uni-calendar__mask {
        position: fixed;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        background-color: $uni-bg-color-mask;
        transition-property: opacity;
        transition-duration: 0.3s;
        opacity: 0;
        /* #ifndef APP-NVUE */
        z-index: 99;
        /* #endif */
    }

    .uni-calendar--mask-show {
        opacity: 1
    }

    .uni-calendar--fixed {
        position: fixed;
        /* #ifdef APP-NVUE */
        bottom: 0;
        /* #endif */
        left: 0;
        right: 0;
        transition-property: transform;
        transition-duration: 0.3s;
        transform: translateY(460px);
        /* #ifndef APP-NVUE */
        bottom: calc(var(--window-bottom));
        z-index: 99;
        /* #endif */
    }

    .uni-calendar--ani-show {
        transform: translateY(0);
    }

    .uni-calendar__content {
        background-color: #fff;
    }

    .uni-calendar__header {
        position: relative;
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 50px;
        border-bottom-color: $uni-border-color;
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }

    .uni-calendar--fixed-top {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: row;
        justify-content: space-between;
        border-top-color: $uni-border-color;
        border-top-style: solid;
        border-top-width: 1px;
    }

    .uni-calendar--fixed-width {
        width: 50px;
        // padding: 0 15px;
    }

    .uni-calendar__backtoday {
        position: absolute;
        right: 0;
        top: 25rpx;
        padding: 0 5px;
        padding-left: 10px;
        height: 25px;
        line-height: 25px;
        font-size: 12px;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
        color: $uni-text-color;
        background-color: $uni-bg-color-hover;
    }

    .uni-calendar__header-text {
        text-align: center;
        width: 100px;
        font-size: $uni-font-size-base;
        color: $uni-text-color;
    }

    .uni-calendar__header-btn-box {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: row;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
    }

    .uni-calendar__header-btn {
        width: 10px;
        height: 10px;
        border-left-color: $uni-text-color-placeholder;
        border-left-style: solid;
        border-left-width: 2px;
        border-top-color: $uni-color-subtitle;
        border-top-style: solid;
        border-top-width: 2px;
    }

    .uni-calendar--left {
        transform: rotate(-45deg);
    }

    .uni-calendar--right {
        transform: rotate(135deg);
    }


    .uni-calendar__weeks {
        position: relative;
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: row;
    }

    .uni-calendar__weeks-item {
        flex: 1;
    }

    .uni-calendar__weeks-day {
        flex: 1;
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 45px;
        border-bottom-color: #F5F5F5;
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }

    .uni-calendar__weeks-day-text {
        font-size: 14px;
    }

    .uni-calendar__box {
        position: relative;
    }

    .uni-calendar__box-bg {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .uni-calendar__box-bg-text {
        font-size: 200px;
        font-weight: bold;
        color: $uni-text-color-grey;
        opacity: 0.1;
        text-align: center;
        /* #ifndef APP-NVUE */
        line-height: 1;
        /* #endif */
    }
</style>

 uni_modules/uni-calendar/components/uni-calendar/util.js

New file
@@ -0,0 +1,354 @@
import CALENDAR from './calendar.js'

class Calendar {
    constructor({
        date,
        selected,
        startDate,
        endDate,
        range
    } = {}) {
        // å½“前日期
        this.date = this.getDate(new Date()) // å½“前初入日期
        // æ‰“点信息
        this.selected = selected || [];
        // èŒƒå›´å¼€å§‹
        this.startDate = startDate
        // èŒƒå›´ç»“束
        this.endDate = endDate
        this.range = range
        // å¤šé€‰çŠ¶æ€
        this.cleanMultipleStatus()
        // æ¯å‘¨æ—¥æœŸ
        this.weeks = {}
        // this._getWeek(this.date.fullDate)
    }
    /**
     * è®¾ç½®æ—¥æœŸ
     * @param {Object} date
     */
    setDate(date) {
        this.selectDate = this.getDate(date)
        this._getWeek(this.selectDate.fullDate)
    }

    /**
     * æ¸…理多选状态
     */
    cleanMultipleStatus() {
        this.multipleStatus = {
            before: '',
            after: '',
            data: []
        }
    }

    /**
     * é‡ç½®å¼€å§‹æ—¥æœŸ
     */
    resetSatrtDate(startDate) {
        // èŒƒå›´å¼€å§‹
        this.startDate = startDate

    }

    /**
     * é‡ç½®ç»“束日期
     */
    resetEndDate(endDate) {
        // èŒƒå›´ç»“束
        this.endDate = endDate
    }

    /**
     * èŽ·å–任意时间
     */
    getDate(date, AddDayCount = 0, str = 'day') {
        if (!date) {
            date = new Date()
        }
        if (typeof date !== 'object') {
            date = date.replace(/-/g, '/')
        }
        const dd = new Date(date)
        switch (str) {
            case 'day':
                dd.setDate(dd.getDate() + AddDayCount) // èŽ·å–AddDayCount天后的日期
                break
            case 'month':
                if (dd.getDate() === 31) {
                    dd.setDate(dd.getDate() + AddDayCount)
                } else {
                    dd.setMonth(dd.getMonth() + AddDayCount) // èŽ·å–AddDayCount天后的日期
                }
                break
            case 'year':
                dd.setFullYear(dd.getFullYear() + AddDayCount) // èŽ·å–AddDayCount天后的日期
                break
        }
        const y = dd.getFullYear()
        const m = dd.getMonth() + 1 < 10 ? '0' + (dd.getMonth() + 1) : dd.getMonth() + 1 // èŽ·å–当前月份的日期，不足10è¡¥0
        const d = dd.getDate() < 10 ? '0' + dd.getDate() : dd.getDate() // èŽ·å–当前几号，不足10è¡¥0
        return {
            fullDate: y + '-' + m + '-' + d,
            year: y,
            month: m,
            date: d,
            day: dd.getDay()
        }
    }


    /**
     * èŽ·å–上月剩余天数
     */
    _getLastMonthDays(firstDay, full) {
        let dateArr = []
        for (let i = firstDay; i > 0; i--) {
            const beforeDate = new Date(full.year, full.month - 1, -i + 1).getDate()
            dateArr.push({
                date: beforeDate,
                month: full.month - 1,
                lunar: this.getlunar(full.year, full.month - 1, beforeDate),
                disable: true
            })
        }
        return dateArr
    }
    /**
     * èŽ·å–本月天数
     */
    _currentMonthDys(dateData, full) {
        let dateArr = []
        let fullDate = this.date.fullDate
        for (let i = 1; i <= dateData; i++) {
            let isinfo = false
            let nowDate = full.year + '-' + (full.month < 10 ?
                full.month : full.month) + '-' + (i < 10 ?
                '0' + i : i)
            // æ˜¯å¦ä»Šå¤©
            let isDay = fullDate === nowDate
            // èŽ·å–打点信息
            let info = this.selected && this.selected.find((item) => {
                if (this.dateEqual(nowDate, item.date)) {
                    return item
                }
            })

            // æ—¥æœŸç¦ç”¨
            let disableBefore = true
            let disableAfter = true
            if (this.startDate) {
                // let dateCompBefore = this.dateCompare(this.startDate, fullDate)
                // disableBefore = this.dateCompare(dateCompBefore ? this.startDate : fullDate, nowDate)
                disableBefore = this.dateCompare(this.startDate, nowDate)
            }

            if (this.endDate) {
                // let dateCompAfter = this.dateCompare(fullDate, this.endDate)
                // disableAfter = this.dateCompare(nowDate, dateCompAfter ? this.endDate : fullDate)
                disableAfter = this.dateCompare(nowDate, this.endDate)
            }
            let multiples = this.multipleStatus.data
            let checked = false
            let multiplesStatus = -1
            if (this.range) {
                if (multiples) {
                    multiplesStatus = multiples.findIndex((item) => {
                        return this.dateEqual(item, nowDate)
                    })
                }
                if (multiplesStatus !== -1) {
                    checked = true
                }
            }
            let data = {
                fullDate: nowDate,
                year: full.year,
                date: i,
                multiple: this.range ? checked : false,
                beforeMultiple: this.dateEqual(this.multipleStatus.before, nowDate),
                afterMultiple: this.dateEqual(this.multipleStatus.after, nowDate),
                month: full.month,
                lunar: this.getlunar(full.year, full.month, i),
                disable: !(disableBefore && disableAfter),
                isDay
            }
            if (info) {
                data.extraInfo = info
            }

            dateArr.push(data)
        }
        return dateArr
    }
    /**
     * èŽ·å–下月天数
     */
    _getNextMonthDays(surplus, full) {
        let dateArr = []
        for (let i = 1; i < surplus + 1; i++) {
            dateArr.push({
                date: i,
                month: Number(full.month) + 1,
                lunar: this.getlunar(full.year, Number(full.month) + 1, i),
                disable: true
            })
        }
        return dateArr
    }

    /**
     * èŽ·å–当前日期详情
     * @param {Object} date
     */
    getInfo(date) {
        if (!date) {
            date = new Date()
        }
        const dateInfo = this.canlender.find(item => item.fullDate === this.getDate(date).fullDate)
        return dateInfo
    }

    /**
     * æ¯”较时间大小
     */
    dateCompare(startDate, endDate) {
        // è®¡ç®—截止时间
        startDate = new Date(startDate.replace('-', '/').replace('-', '/'))
        // è®¡ç®—详细项的截止时间
        endDate = new Date(endDate.replace('-', '/').replace('-', '/'))
        if (startDate <= endDate) {
            return true
        } else {
            return false
        }
    }

    /**
     * æ¯”较时间是否相等
     */
    dateEqual(before, after) {
        // è®¡ç®—截止时间
        before = new Date(before.replace('-', '/').replace('-', '/'))
        // è®¡ç®—详细项的截止时间
        after = new Date(after.replace('-', '/').replace('-', '/'))
        if (before.getTime() - after.getTime() === 0) {
            return true
        } else {
            return false
        }
    }


    /**
     * èŽ·å–日期范围内所有日期
     * @param {Object} begin
     * @param {Object} end
     */
    geDateAll(begin, end) {
        var arr = []
        var ab = begin.split('-')
        var ae = end.split('-')
        var db = new Date()
        db.setFullYear(ab[0], ab[1] - 1, ab[2])
        var de = new Date()
        de.setFullYear(ae[0], ae[1] - 1, ae[2])
        var unixDb = db.getTime() - 24 * 60 * 60 * 1000
        var unixDe = de.getTime() - 24 * 60 * 60 * 1000
        for (var k = unixDb; k <= unixDe;) {
            k = k + 24 * 60 * 60 * 1000
            arr.push(this.getDate(new Date(parseInt(k))).fullDate)
        }
        return arr
    }
    /**
     * è®¡ç®—阴历日期显示
     */
    getlunar(year, month, date) {
        return CALENDAR.solar2lunar(year, month, date)
    }
    /**
     * è®¾ç½®æ‰“点
     */
    setSelectInfo(data, value) {
        this.selected = value
        this._getWeek(data)
    }

    /**
     *  èŽ·å–多选状态
     */
    setMultiple(fullDate) {
        let {
            before,
            after
        } = this.multipleStatus

        if (!this.range) return
        if (before && after) {
            this.multipleStatus.before = ''
            this.multipleStatus.after = ''
            this.multipleStatus.data = []
        } else {
            if (!before) {
                this.multipleStatus.before = fullDate
            } else {
                this.multipleStatus.after = fullDate
                if (this.dateCompare(this.multipleStatus.before, this.multipleStatus.after)) {
                    this.multipleStatus.data = this.geDateAll(this.multipleStatus.before, this.multipleStatus.after);
                } else {
                    this.multipleStatus.data = this.geDateAll(this.multipleStatus.after, this.multipleStatus.before);
                }
            }
        }
        this._getWeek(fullDate)
    }

    /**
     * èŽ·å–每周数据
     * @param {Object} dateData
     */
    _getWeek(dateData) {
        const {
            fullDate,
            year,
            month,
            date,
            day
        } = this.getDate(dateData)
        let firstDay = new Date(year, month - 1, 1).getDay()
        let currentDay = new Date(year, month, 0).getDate()
        let dates = {
            lastMonthDays: this._getLastMonthDays(firstDay, this.getDate(dateData)), // ä¸Šä¸ªæœˆæœ«å°¾å‡ å¤©
            currentMonthDys: this._currentMonthDys(currentDay, this.getDate(dateData)), // æœ¬æœˆå¤©æ•°
            nextMonthDays: [], // ä¸‹ä¸ªæœˆå¼€å§‹å‡ å¤©
            weeks: []
        }
        let canlender = []
        const surplus = 42 - (dates.lastMonthDays.length + dates.currentMonthDys.length)
        dates.nextMonthDays = this._getNextMonthDays(surplus, this.getDate(dateData))
        canlender = canlender.concat(dates.lastMonthDays, dates.currentMonthDys, dates.nextMonthDays)
        let weeks = {}
        // æ‹¼æŽ¥æ•°ç»„  ä¸Šä¸ªæœˆå¼€å§‹å‡ å¤© + æœ¬æœˆå¤©æ•°+ ä¸‹ä¸ªæœˆå¼€å§‹å‡ å¤©
        for (let i = 0; i < canlender.length; i++) {
            if (i % 7 === 0) {
                weeks[parseInt(i / 7)] = new Array(7)
            }
            weeks[parseInt(i / 7)][i % 7] = canlender[i]
        }
        this.canlender = canlender
        this.weeks = weeks
    }

    //静态方法
    // static init(date) {
    //     if (!this.instance) {
    //         this.instance = new Calendar(date);
    //     }
    //     return this.instance;
    // }
}


export default Calendar

 uni_modules/uni-calendar/package.json

New file
@@ -0,0 +1,88 @@
{
  "id": "uni-calendar",
  "displayName": "uni-calendar æ—¥åŽ†",
  "version": "1.4.5",
  "description": "日历组件",
  "keywords": [
    "uni-ui",
    "uniui",
    "日历",
    "",
    "打卡",
    "日历选择"
],
  "repository": "https://github.com/dcloudio/uni-ui",
  "engines": {
    "HBuilderX": ""
  },
  "directories": {
    "example": "../../temps/example_temps"
  },
  "dcloudext": {
    "category": [
      "前端组件",
      "通用组件"
    ],
    "sale": {
      "regular": {
        "price": "0.00"
      },
      "sourcecode": {
        "price": "0.00"
      }
    },
    "contact": {
      "qq": ""
    },
    "declaration": {
      "ads": "无",
      "data": "无",
      "permissions": "无"
    },
    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
  },
  "uni_modules": {
    "dependencies": [],
    "encrypt": [],
    "platforms": {
      "cloud": {
        "tcb": "y",
        "aliyun": "y"
      },
      "client": {
        "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"
        },
        "快应用": {
          "华为": "u",
          "联盟": "u"
        },
        "Vue": {
            "vue2": "y",
            "vue3": "y"
        }
      }
    }
  }
}

 uni_modules/uni-calendar/readme.md

New file
@@ -0,0 +1,103 @@


## Calendar æ—¥åŽ†
> **组件名：uni-calendar**
> ä»£ç å—： `uCalendar`


日历组件

> **注意事项**
> ä¸ºäº†é¿å…é”™è¯¯ä½¿ç”¨ï¼Œç»™å¤§å®¶å¸¦æ¥ä¸å¥½çš„开发体验，请在使用组件前仔细阅读下面的注意事项，可以帮你避免一些错误。
> - æœ¬ç»„件农历转换使用的js是 [@1900-2100区间内的公历、农历互转](https://github.com/jjonline/calendar.js)  
> - ä»…支持自定义组件模式
> - `date`属性传入的应该是一个 String ï¼Œå¦‚： 2019-06-27 ï¼Œè€Œä¸æ˜¯ new Date()
> - é€šè¿‡ `insert` å±žæ€§æ¥ç¡®å®šå½“前的事件是 @change è¿˜æ˜¯ @confirm ã€‚理应合并为一个事件，但是为了区分模式，现使用两个事件，这里需要注意
> - å¼¹çª—模式下无法阻止后面的元素滚动，如有需要阻止，请在弹窗弹出后，手动设置滚动元素为不可滚动


### å®‰è£…方式

本组件符合[easycom](https://uniapp.dcloud.io/collocation/pages?id=easycom)规范，`HBuilderX 2.5.5`起，只需将本组件导入项目，在页面`template`中即可直接使用，无需在页面中`import`和注册`components`。

如需通过`npm`方式使用`uni-ui`组件，另见文档：[https://ext.dcloud.net.cn/plugin?id=55](https://ext.dcloud.net.cn/plugin?id=55)

### åŸºæœ¬ç”¨æ³•

在 ``template`` ä¸­ä½¿ç”¨ç»„件

```html
<view>
    <uni-calendar 
    :insert="true"
    :lunar="true" 
    :start-date="'2019-3-2'"
    :end-date="'2019-5-20'"
    @change="change"
     />
</view>
```

### é€šè¿‡æ–¹æ³•æ‰“开日历

需要设置 `insert` ä¸º `false`

```html
<view>
    <uni-calendar 
    ref="calendar"
    :insert="false"
    @confirm="confirm"
     />
     <button @click="open">打开日历</button>
</view>
```

```javascript

export default {
    data() {
        return {};
    },
    methods: {
        open(){
            this.$refs.calendar.open();
        },
        confirm(e) {
            console.log(e);
        }
    }
};

```


## API

### Calendar Props

|  å±žæ€§å    |    ç±»åž‹    | é»˜è®¤å€¼| è¯´æ˜Ž                                                                                                                    |
|         |                                                                                                                     |
| date        | String    |-        | è‡ªå®šä¹‰å½“前时间，默认为今天                                                                                            |
| lunar        | Boolean    | false    | æ˜¾ç¤ºå†œåŽ†                                                                                                                |
| startDate    | String    |-        | æ—¥æœŸé€‰æ‹©èŒƒå›´-开始日期                                                                                                    |
| endDate    | String    |-        | æ—¥æœŸé€‰æ‹©èŒƒå›´-结束日期                                                                                                    |
| range        | Boolean    | false    | èŒƒå›´é€‰æ‹©                                                                                                                |
| insert    | Boolean    | false    | æ’入模式,可选值，ture：插入模式；false：弹窗模式；默认为插入模式                                                        |
|clearDate    |Boolean    |true    |弹窗模式是否清空上次选择内容    |
| selected    | Array        |-        | æ‰“点，期待格式[{date: '2019-06-27', info: '签到', data: { custom: '自定义信息', name: '自定义消息头',xxx:xxx... }}]    |
|showMonth    | Boolean    | true    | æ˜¯å¦æ˜¾ç¤ºæœˆä»½ä¸ºèƒŒæ™¯                                                                                                    |

### Calendar Events

|  äº‹ä»¶å        | è¯´æ˜Ž                                |返回值|
|                                 |        |                                     |
| open    | å¼¹å‡ºæ—¥åŽ†ç»„件，`insert :false` æ—¶ç”Ÿæ•ˆ|-     |





## ç»„件示例

点击查看：[https://hellouniapp.dcloud.net.cn/pages/extUI/calendar/calendar](https://hellouniapp.dcloud.net.cn/pages/extUI/calendar/calendar)

 uni_modules/uni-card/changelog.md

New file
@@ -0,0 +1,26 @@
## 1.3.1（2021-12-20）
- ä¿®å¤ åœ¨vue页面下略缩图显示不正常的bug
## 1.3.0（2021-11-19）
- é‡æž„插槽的用法 ï¼Œheader æ›¿æ¢ä¸º title 
- æ–°å¢ž actions æ’槽
- æ–°å¢ž cover å°é¢å›¾å±žæ€§å’Œæ’槽
- æ–°å¢ž padding å†…容默认内边距离
- æ–°å¢ž margin å¡ç‰‡é»˜è®¤å¤–边距离
- æ–°å¢ž spacing å¡ç‰‡é»˜è®¤å†…边距
- æ–°å¢ž shadow å¡ç‰‡é˜´å½±å±žæ€§
- å–消 mode å±žæ€§ï¼Œå¯ä½¿ç”¨ç»„合插槽代替
- å–消 note å±žæ€§ ï¼Œä½¿ç”¨actions插槽代替
- ä¼˜åŒ– ç»„件UI，并提供设计资源，详见:[https://uniapp.dcloud.io/component/uniui/resource](https://uniapp.dcloud.io/component/uniui/resource)
- æ–‡æ¡£è¿ç§»ï¼Œè¯¦è§:[https://uniapp.dcloud.io/component/uniui/uni-card](https://uniapp.dcloud.io/component/uniui/uni-card)
## 1.2.1（2021-07-30）
- ä¼˜åŒ– vue3下事件警告的问题
## 1.2.0（2021-07-13）
- ç»„件兼容 vue3，如何创建vue3项目详见 [uni-app é¡¹ç›®æ”¯æŒ vue3 ä»‹ç»](https://ask.dcloud.net.cn/article/37834)
## 1.1.8（2021-07-01）
- ä¼˜åŒ– å›¾æ–‡å¡ç‰‡æ— å›¾ç‰‡åŠ è½½æ—¶ï¼Œæä¾›å ä½å›¾æ ‡
- æ–°å¢ž header æ’槽，自定义卡片头部（ å›¾æ–‡å¡ç‰‡ mode="style" æ—¶ï¼Œä¸æ”¯æŒï¼‰
- ä¿®å¤ thumbnail ä¸å­˜åœ¨ä»ç„¶å ä½çš„ bug
## 1.1.7（2021-05-12）
- æ–°å¢ž ç»„件示例地址
## 1.1.6（2021-02-04）
- è°ƒæ•´ä¸ºuni_modules目录规范

 uni_modules/uni-card/components/uni-card/uni-card.vue

New file
@@ -0,0 +1,270 @@
<template>
    <view class="uni-card" :class="{ 'uni-card--full': isFull, 'uni-card--shadow': isShadow,'uni-card--border':border}"
        :style="{'margin':isFull?0:margin,'padding':spacing,'box-shadow':isShadow?shadow:''}">
        <!-- å°é¢ -->
        <slot name="cover">
            <view v-if="cover" class="uni-card__cover">
                <image class="uni-card__cover-image" mode="widthFix" @click="onClick('cover')" :src="cover"></image>
            </view>
        </slot>
        <slot name="title">
            <view v-if="title || extra" class="uni-card__header">
                <!-- å¡ç‰‡æ ‡é¢˜ -->
                <view class="uni-card__header-box" @click="onClick('title')">
                    <view v-if="thumbnail" class="uni-card__header-avatar">
                        <image class="uni-card__header-avatar-image" :src="thumbnail" mode="aspectFit" />
                    </view>
                    <view class="uni-card__header-content">
                        <text class="uni-card__header-content-title uni-ellipsis">{{ title }}</text>
                        <text v-if="title&&subTitle"
                            class="uni-card__header-content-subtitle uni-ellipsis">{{ subTitle }}</text>
                    </view>
                </view>
                <view class="uni-card__header-extra" @click="onClick('extra')">
                    <text class="uni-card__header-extra-text">{{ extra }}</text>
                </view>
            </view>
        </slot>
        <!-- å¡ç‰‡å†…容 -->
        <view class="uni-card__content" :style="{padding:padding}" @click="onClick('content')">
            <slot></slot>
        </view>
        <view class="uni-card__actions" @click="onClick('actions')">
            <slot name="actions"></slot>
        </view>
    </view>
</template>

<script>
    /**
     * Card å¡ç‰‡
     * @description å¡ç‰‡è§†å›¾ç»„件
     * @tutorial https://ext.dcloud.net.cn/plugin?id=22
     * @property {String} title æ ‡é¢˜æ–‡å­—
     * @property {String} subTitle å‰¯æ ‡é¢˜
     * @property {Number} padding å†…容内边距
     * @property {Number} margin å¡ç‰‡å¤–边距
     * @property {Number} spacing å¡ç‰‡å†…边距
     * @property {String} extra æ ‡é¢˜é¢å¤–信息
     * @property {String} cover å°é¢å›¾ï¼ˆæœ¬åœ°è·¯å¾„需要引入）
     * @property {String} thumbnail æ ‡é¢˜å·¦ä¾§ç¼©ç•¥å›¾
     * @property {Boolean} is-full = [true | false] å¡ç‰‡å†…容是否通栏，为 true æ—¶å°†åŽ»é™¤padding值
     * @property {Boolean} is-shadow = [true | false] å¡ç‰‡å†…容是否开启阴影
     * @property {String} shadow å¡ç‰‡é˜´å½±
     * @property {Boolean} border å¡ç‰‡è¾¹æ¡†
     * @event {Function} click ç‚¹å‡» Card è§¦å‘事件
     */
    export default {
        name: 'UniCard',
        emits: ['click'],
        props: {
            title: {
                type: String,
                default: ''
            },
            subTitle: {
                type: String,
                default: ''
            },
            padding: {
                type: String,
                default: '10px'
            },
            margin: {
                type: String,
                default: '15px'
            },
            spacing: {
                type: String,
                default: '0 10px'
            },
            extra: {
                type: String,
                default: ''
            },
            cover: {
                type: String,
                default: ''
            },
            thumbnail: {
                type: String,
                default: ''
            },
            isFull: {
                // å†…容区域是否通栏
                type: Boolean,
                default: false
            },
            isShadow: {
                // æ˜¯å¦å¼€å¯é˜´å½±
                type: Boolean,
                default: true
            },
            shadow: {
                type: String,
                default: '0px 0px 3px 1px rgba(0, 0, 0, 0.08)'
            },
            border: {
                type: Boolean,
                default: true
            }
        },
        methods: {
            onClick(type) {
                this.$emit('click', type)
            }
        }
    }
</script>

<style lang="scss">
    $uni-border-3: #EBEEF5 !default;
    $uni-shadow-base:0 0px 6px 1px rgba($color: #a5a5a5, $alpha: 0.2) !default;
    $uni-main-color: #3a3a3a !default;
    $uni-base-color: #6a6a6a !default;
    $uni-secondary-color: #909399 !default;
    $uni-spacing-sm: 8px !default;
    $uni-border-color:$uni-border-3;
    $uni-shadow: $uni-shadow-base;
    $uni-card-title: 15px;
    $uni-cart-title-color:$uni-main-color;
    $uni-card-subtitle: 12px;
    $uni-cart-subtitle-color:$uni-secondary-color;
    $uni-card-spacing: 10px;
    $uni-card-content-color: $uni-base-color;

    .uni-card {
        margin: $uni-card-spacing;
        padding: 0 $uni-spacing-sm;
        border-radius: 4px;
        overflow: hidden;
        font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
        background-color: #fff;
        flex: 1;

        .uni-card__cover {
            position: relative;
            margin-top: $uni-card-spacing;
            flex-direction: row;
            overflow: hidden;
            border-radius: 4px;
            .uni-card__cover-image {
                flex: 1;
                // width: 100%;
                /* #ifndef APP-PLUS */
                vertical-align: middle;
                /* #endif */
            }
        }

        .uni-card__header {
            display: flex;
            border-bottom: 1px $uni-border-color solid;
            flex-direction: row;
            align-items: center;
            padding: $uni-card-spacing;
            overflow: hidden;

            .uni-card__header-box {
                /* #ifndef APP-NVUE */
                display: flex;
                /* #endif */
                flex: 1;
                flex-direction: row;
                align-items: center;
                overflow: hidden;
            }

            .uni-card__header-avatar {
                width: 40px;
                height: 40px;
                overflow: hidden;
                border-radius: 5px;
                margin-right: $uni-card-spacing;
                .uni-card__header-avatar-image {
                    flex: 1;
                    width: 40px;
                    height: 40px;
                }
            }

            .uni-card__header-content {
                /* #ifndef APP-NVUE */
                display: flex;
                /* #endif */
                flex-direction: column;
                justify-content: center;
                flex: 1;
                // height: 40px;
                overflow: hidden;

                .uni-card__header-content-title {
                    font-size: $uni-card-title;
                    color: $uni-cart-title-color;
                    // line-height: 22px;
                }

                .uni-card__header-content-subtitle {
                    font-size: $uni-card-subtitle;
                    margin-top: 5px;
                    color: $uni-cart-subtitle-color;
                }
            }

            .uni-card__header-extra {
                line-height: 12px;

                .uni-card__header-extra-text {
                    font-size: 12px;
                    color: $uni-cart-subtitle-color;
                }
            }
        }

        .uni-card__content {
            padding: $uni-card-spacing;
            font-size: 14px;
            color: $uni-card-content-color;
            line-height: 22px;
        }

        .uni-card__actions {
            font-size: 12px;
        }
    }

    .uni-card--border {
        border: 1px solid $uni-border-color;
    }

    .uni-card--shadow {
        position: relative;
        /* #ifndef APP-NVUE */
        box-shadow: $uni-shadow;
        /* #endif */
    }

    .uni-card--full {
        margin: 0;
        border-left-width: 0;
        border-left-width: 0;
        border-radius: 0;
    }

    /* #ifndef APP-NVUE */
    .uni-card--full:after {
        border-radius: 0;
    }

    /* #endif */
    .uni-ellipsis {
        /* #ifndef APP-NVUE */
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        /* #endif */
        /* #ifdef APP-NVUE */
        lines: 1;
        /* #endif */
    }
</style>

 uni_modules/uni-card/package.json

New file
@@ -0,0 +1,90 @@
{
  "id": "uni-card",
  "displayName": "uni-card å¡ç‰‡",
  "version": "1.3.1",
  "description": "Card ç»„件，提供常见的卡片样式。",
  "keywords": [
    "uni-ui",
    "uniui",
    "card",
    "",
    "卡片"
],
  "repository": "https://github.com/dcloudio/uni-ui",
  "engines": {
    "HBuilderX": ""
  },
  "directories": {
    "example": "../../temps/example_temps"
  },
  "dcloudext": {
    "category": [
      "前端组件",
      "通用组件"
    ],
    "sale": {
      "regular": {
        "price": "0.00"
      },
      "sourcecode": {
        "price": "0.00"
      }
    },
    "contact": {
      "qq": ""
    },
    "declaration": {
      "ads": "无",
      "data": "无",
      "permissions": "无"
    },
    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
  },
  "uni_modules": {
    "dependencies": [
            "uni-icons",
            "uni-scss"
        ],
    "encrypt": [],
    "platforms": {
      "cloud": {
        "tcb": "y",
        "aliyun": "y"
      },
      "client": {
        "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"
        },
        "快应用": {
          "华为": "u",
          "联盟": "u"
        },
        "Vue": {
            "vue2": "y",
            "vue3": "y"
        }
      }
    }
  }
}

 uni_modules/uni-card/readme.md

New file
@@ -0,0 +1,12 @@


## Card å¡ç‰‡
> **组件名：uni-card**
> ä»£ç å—： `uCard`

卡片视图组件。

### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-card)
#### å¦‚使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui äº¤æµç¾¤ï¼š871950839 



 uni_modules/uni-collapse/changelog.md

New file
@@ -0,0 +1,36 @@
## 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目录规范

 uni_modules/uni-collapse/components/uni-collapse-item/uni-collapse-item.vue

New file
@@ -0,0 +1,402 @@
<template>
    <view class="uni-collapse-item">
        <!-- onClick(!isOpen) -->
        <view @click="onClick(!isOpen)" class="uni-collapse-item__title"
            :class="{'is-open':isOpen &&titleBorder === 'auto' ,'uni-collapse-item-border':titleBorder !== 'none'}">
            <view class="uni-collapse-item__title-wrap">
                <slot name="title">
                    <view class="uni-collapse-item__title-box" :class="{'is-disabled':disabled}">
                        <image v-if="thumb" :src="thumb" class="uni-collapse-item__title-img" />
                        <text class="uni-collapse-item__title-text">{{ title }}</text>
                    </view>
                </slot>
            </view>
            <view v-if="showArrow"
                :class="{ 'uni-collapse-item__title-arrow-active': isOpen, 'uni-collapse-item--animation': showAnimation === true }"
                class="uni-collapse-item__title-arrow">
                <uni-icons :color="disabled?'#ddd':'#bbb'" size="14" type="bottom" />
            </view>
        </view>
        <view class="uni-collapse-item__wrap" :class="{'is--transition':showAnimation}"
            :style="{height: (isOpen?height:0) +'px'}">
            <view :id="elId" ref="collapse--hook" class="uni-collapse-item__wrap-content"
                :class="{open:isheight,'uni-collapse-item--border':border&&isOpen}">
                <slot></slot>
            </view>
        </view>

    </view>
</template>

<script>
    // #ifdef APP-NVUE
    const dom = weex.requireModule('dom')
    // #endif
    /**
     * CollapseItem æŠ˜å é¢æ¿å­ç»„件
     * @description æŠ˜å é¢æ¿å­ç»„件
     * @property {String} title æ ‡é¢˜æ–‡å­—
     * @property {String} thumb æ ‡é¢˜å·¦ä¾§ç¼©ç•¥å›¾
     * @property {String} name å”¯ä¸€æ ‡å¿—符
     * @property {Boolean} open = [true|false] æ˜¯å¦å±•å¼€ç»„件
     * @property {Boolean} titleBorder = [true|false] æ˜¯å¦æ˜¾ç¤ºæ ‡é¢˜åˆ†éš”线
     * @property {Boolean} border = [true|false] æ˜¯å¦æ˜¾ç¤ºåˆ†éš”线
     * @property {Boolean} disabled = [true|false] æ˜¯å¦å±•å¼€é¢æ¿
     * @property {Boolean} showAnimation = [true|false] å¼€å¯åŠ¨ç”»
     * @property {Boolean} showArrow = [true|false] æ˜¯å¦æ˜¾ç¤ºå³ä¾§ç®­å¤´
     */
    export default {
        name: 'uniCollapseItem',
        props: {
            // åˆ—表标题
            title: {
                type: String,
                default: ''
            },
            name: {
                type: [Number, String],
                default: ''
            },
            // æ˜¯å¦ç¦ç”¨
            disabled: {
                type: Boolean,
                default: false
            },
            // #ifdef APP-PLUS
            // æ˜¯å¦æ˜¾ç¤ºåŠ¨ç”»,app ç«¯é»˜è®¤ä¸å¼€å¯åŠ¨ç”»ï¼Œå¡é¡¿ä¸¥é‡
            showAnimation: {
                type: Boolean,
                default: false
            },
            // #endif
            // #ifndef APP-PLUS
            // æ˜¯å¦æ˜¾ç¤ºåŠ¨ç”»
            showAnimation: {
                type: Boolean,
                default: true
            },
            // #endif
            // æ˜¯å¦å±•å¼€
            open: {
                type: Boolean,
                default: false
            },
            // ç¼©ç•¥å›¾
            thumb: {
                type: String,
                default: ''
            },
            // æ ‡é¢˜åˆ†éš”线显示类型
            titleBorder: {
                type: String,
                default: 'auto'
            },
            border: {
                type: Boolean,
                default: true
            },
            showArrow: {
                type: Boolean,
                default: true
            }
        },
        data() {
            // TODO éšæœºç”Ÿç”Ÿå…ƒç´ ID，解决百度小程序获取同一个元素位置信息的bug
            const elId = `Uni_${Math.ceil(Math.random() * 10e5).toString(36)}`
            return {
                isOpen: false,
                isheight: null,
                height: 0,
                elId,
                nameSync: 0
            }
        },
        watch: {
            open(val) {
                this.isOpen = val
                this.onClick(val, 'init')
            }
        },
        updated(e) {
            this.$nextTick(() => {
                this.init(true)
            })
        },
        created() {
            this.collapse = this.getCollapse()
            this.oldHeight = 0
            this.onClick(this.open, 'init')
        },
        // #ifndef VUE3
        // TODO vue2
        destroyed() {
            if (this.__isUnmounted) return
            this.uninstall()
        },
        // #endif
        // #ifdef VUE3
        // TODO vue3
        unmounted() {
            this.__isUnmounted = true
            this.uninstall()
        },
        // #endif
        mounted() {
            if (!this.collapse) return
            if (this.name !== '') {
                this.nameSync = this.name
            } else {
                this.nameSync = this.collapse.childrens.length + ''
            }
            if (this.collapse.names.indexOf(this.nameSync) === -1) {
                this.collapse.names.push(this.nameSync)
            } else {
                console.warn(`name å€¼ ${this.nameSync} é‡å¤`);
            }
            if (this.collapse.childrens.indexOf(this) === -1) {
                this.collapse.childrens.push(this)
            }
            this.init()
        },
        methods: {
            init(type) {
                // #ifndef APP-NVUE
                this.getCollapseHeight(type)
                // #endif
                // #ifdef APP-NVUE
                this.getNvueHwight(type)
                // #endif
            },
            uninstall() {
                if (this.collapse) {
                    this.collapse.childrens.forEach((item, index) => {
                        if (item === this) {
                            this.collapse.childrens.splice(index, 1)
                        }
                    })
                    this.collapse.names.forEach((item, index) => {
                        if (item === this.nameSync) {
                            this.collapse.names.splice(index, 1)
                        }
                    })
                }
            },
            onClick(isOpen, type) {
                if (this.disabled) return
                this.isOpen = isOpen
                if (this.isOpen && this.collapse) {
                    this.collapse.setAccordion(this)
                }
                if (type !== 'init') {
                    this.collapse.onChange(isOpen, this)
                }
            },
            getCollapseHeight(type, index = 0) {
                const views = uni.createSelectorQuery().in(this)
                views
                    .select(`#${this.elId}`)
                    .fields({
                        size: true
                    }, data => {
                        // TODO ç™¾åº¦ä¸­å¯èƒ½èŽ·å–不到节点信息 ï¼Œéœ€è¦å¾ªçŽ¯èŽ·å–
                        if (index >= 10) return
                        if (!data) {
                            index++
                            this.getCollapseHeight(false, index)
                            return
                        }
                        // #ifdef APP-NVUE
                        this.height = data.height + 1
                        // #endif
                        // #ifndef APP-NVUE
                        this.height = data.height
                        // #endif
                        this.isheight = true
                        if (type) return
                        this.onClick(this.isOpen, 'init')
                    })
                    .exec()
            },
            getNvueHwight(type) {
                const result = dom.getComponentRect(this.$refs['collapse--hook'], option => {
                    if (option && option.result && option.size) {
                        // #ifdef APP-NVUE
                        this.height = option.size.height + 1
                        // #endif
                        // #ifndef APP-NVUE
                        this.height = option.size.height
                        // #endif
                        this.isheight = true
                        if (type) return
                        this.onClick(this.open, 'init')
                    }
                })
            },
            /**
             * èŽ·å–父元素实例
             */
            getCollapse(name = 'uniCollapse') {
                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;
            }
        }
    }
</script>

<style lang="scss">
    .uni-collapse-item {
        /* #ifndef APP-NVUE */
        box-sizing: border-box;

        /* #endif */
        &__title {
            /* #ifndef APP-NVUE */
            display: flex;
            width: 100%;
            box-sizing: border-box;
            /* #endif */
            flex-direction: row;
            align-items: center;
            transition: border-bottom-color .3s;

            // transition-property: border-bottom-color;
            // transition-duration: 5s;
            &-wrap {
                width: 100%;
                flex: 1;

            }

            &-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 */
                &.is-disabled {
                    .uni-collapse-item__title-text {
                        color: #999;
                    }
                }

            }

            &.uni-collapse-item-border {
                border-bottom: 1px solid #ebeef5;
            }

            &.is-open {
                border-bottom-color: transparent;
            }

            &-img {
                height: 22px;
                width: 22px;
                margin-right: 10px;
            }

            &-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;
            }

            &-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);

                &-active {
                    transform: rotate(-180deg);
                }
            }


        }

        &__wrap {
            /* #ifndef APP-NVUE */
            will-change: height;
            box-sizing: border-box;
            /* #endif */
            background-color: #fff;
            overflow: hidden;
            position: relative;
            height: 0;

            &.is--transition {
                // transition: all 0.3s;
                transition-property: height, border-bottom-width;
                transition-duration: 0.3s;
                /* #ifndef APP-NVUE */
                will-change: height;
                /* #endif */
            }



            &-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--border {
                    border-bottom-width: 1px;
                    border-bottom-color: red;
                    border-bottom-color: #ebeef5;
                }

                &.open {
                    position: relative;
                }
            }
        }

        &--animation {
            transition-property: transform;
            transition-duration: 0.3s;
            transition-timing-function: ease;
        }

    }
</style>

 uni_modules/uni-collapse/components/uni-collapse/uni-collapse.vue

New file
@@ -0,0 +1,147 @@
<template>
    <view class="uni-collapse">
        <slot />
    </view>
</template>
<script>
    /**
     * Collapse æŠ˜å é¢æ¿
     * @description å±•ç¤ºå¯ä»¥æŠ˜å  / å±•å¼€çš„内容区域
     * @tutorial https://ext.dcloud.net.cn/plugin?id=23
     * @property {String|Array} value å½“前激活面板改变时触发(如果是手风琴模式，参数类型为string，否则为array)
     * @property {Boolean} accordion = [true|false] æ˜¯å¦å¼€å¯æ‰‹é£Žç´æ•ˆæžœæ˜¯å¦å¼€å¯æ‰‹é£Žç´æ•ˆæžœ
     * @event {Function} change åˆ‡æ¢é¢æ¿æ—¶è§¦å‘，如果是手风琴模式，返回类型为string，否则为array
     */
    export default {
        name: 'uniCollapse',
        emits:['change','activeItem','input','update:modelValue'],
        props: {
            value: {
                type: [String, Array],
                default: ''
            },
            modelValue: {
                type: [String, Array],
                default: ''
            },
            accordion: {
                // æ˜¯å¦å¼€å¯æ‰‹é£Žç´æ•ˆæžœ
                type: [Boolean, String],
                default: false
            },
        },
        data() {
            return {}
        },
        computed: {
            // TODO å…¼å®¹ vue2 å’Œ vue3
            dataValue() {
                let value = (typeof this.value === 'string' && this.value === '') ||
                    (Array.isArray(this.value) && this.value.length === 0)
                let modelValue = (typeof this.modelValue === 'string' && this.modelValue === '') ||
                    (Array.isArray(this.modelValue) && this.modelValue.length === 0)
                if (value) {
                    return this.modelValue
                }
                if (modelValue) {
                    return this.value
                }

                return this.value
            }
        },
        watch: {
            dataValue(val) {
                this.setOpen(val)
            }
        },
        created() {
            this.childrens = []
            this.names = []
        },
        mounted() {
            this.$nextTick(()=>{
                this.setOpen(this.dataValue)
            })
        },
        methods: {
            setOpen(val) {
                let str = typeof val === 'string'
                let arr = Array.isArray(val)
                this.childrens.forEach((vm, index) => {
                    if (str) {
                        if (val === vm.nameSync) {
                            if (!this.accordion) {
                                console.warn('accordion å±žæ€§ä¸º false ,v-model ç±»åž‹åº”该为 array')
                                return
                            }
                            vm.isOpen = true
                        }
                    }
                    if (arr) {
                        val.forEach(v => {
                            if (v === vm.nameSync) {
                                if (this.accordion) {
                                    console.warn('accordion å±žæ€§ä¸º true ,v-model ç±»åž‹åº”该为 string')
                                    return
                                }
                                vm.isOpen = true
                            }
                        })
                    }
                })
                this.emit(val)
            },
            setAccordion(self) {
                if (!this.accordion) return
                this.childrens.forEach((vm, index) => {
                    if (self !== vm) {
                        vm.isOpen = false
                    }
                })
            },
            resize() {
                this.childrens.forEach((vm, index) => {
                    // #ifndef APP-NVUE
                    vm.getCollapseHeight()
                    // #endif
                    // #ifdef APP-NVUE
                    vm.getNvueHwight()
                    // #endif
                })
            },
            onChange(isOpen, self) {
                let activeItem = []

                if (this.accordion) {
                    activeItem = isOpen ? self.nameSync : ''
                } else {
                    this.childrens.forEach((vm, index) => {
                        if (vm.isOpen) {
                            activeItem.push(vm.nameSync)
                        }
                    })
                }
                this.$emit('change', activeItem)
                this.emit(activeItem)
            },
            emit(val){
                this.$emit('input', val)
                this.$emit('update:modelValue', val)
            }
        }
    }
</script>
<style lang="scss" >
    .uni-collapse {
        /* #ifndef APP-NVUE */
        width: 100%;
        display: flex;
        /* #endif */
        /* #ifdef APP-NVUE */
        flex: 1;
        /* #endif */
        flex-direction: column;
        background-color: #fff;
    }
</style>

 uni_modules/uni-collapse/package.json

New file
@@ -0,0 +1,89 @@
{
  "id": "uni-collapse",
  "displayName": "uni-collapse æŠ˜å é¢æ¿",
  "version": "1.4.3",
  "description": "Collapse ç»„件，可以折叠 / å±•å¼€çš„内容区域。",
  "keywords": [
    "uni-ui",
    "折叠",
    "折叠面板",
    "手风琴"
],
  "repository": "https://github.com/dcloudio/uni-ui",
  "engines": {
    "HBuilderX": ""
  },
  "directories": {
    "example": "../../temps/example_temps"
  },
  "dcloudext": {
    "category": [
      "前端组件",
      "通用组件"
    ],
    "sale": {
      "regular": {
        "price": "0.00"
      },
      "sourcecode": {
        "price": "0.00"
      }
    },
    "contact": {
      "qq": ""
    },
    "declaration": {
      "ads": "无",
      "data": "无",
      "permissions": "无"
    },
    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
  },
  "uni_modules": {
    "dependencies": [
            "uni-scss",
      "uni-icons"
    ],
    "encrypt": [],
    "platforms": {
      "cloud": {
        "tcb": "y",
        "aliyun": "y"
      },
      "client": {
        "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"
        },
        "快应用": {
          "华为": "u",
          "联盟": "u"
        },
        "Vue": {
            "vue2": "y",
            "vue3": "y"
        }
      }
    }
  }
}

 uni_modules/uni-collapse/readme.md

New file
@@ -0,0 +1,12 @@


## Collapse æŠ˜å é¢æ¿
> **组件名：uni-collapse**
> ä»£ç å—： `uCollapse`
> å…³è”组件：`uni-collapse-item`、`uni-icons`。


折叠面板用来折叠/显示过长的内容或者是列表。通常是在多内容分类项使用，折叠不重要的内容，显示重要内容。点击可以展开折叠部分。

### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-collapse)
#### å¦‚使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui äº¤æµç¾¤ï¼š871950839 

 uni_modules/uni-combox/changelog.md

New file
@@ -0,0 +1,15 @@
## 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目录规范

 uni_modules/uni-combox/components/uni-combox/uni-combox.vue

New file
@@ -0,0 +1,275 @@
<template>
    <view class="uni-combox" :class="border ? '' : 'uni-combox__no-border'">
        <view v-if="label" class="uni-combox__label" :style="labelStyle">
            <text>{{label}}</text>
        </view>
        <view class="uni-combox__input-box">
            <input class="uni-combox__input" type="text" :placeholder="placeholder" 
            placeholder-class="uni-combox__input-plac" v-model="inputVal" @input="onInput" @focus="onFocus" 
@blur="onBlur" />
            <uni-icons :type="showSelector? 'top' : 'bottom'" size="14" color="#999" @click="toggleSelector">
            </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">
                <view class="uni-combox__selector-empty" v-if="filterCandidatesLength === 0">
                    <text>{{emptyTips}}</text>
                </view>
                <view class="uni-combox__selector-item" v-for="(item,index) in filterCandidates" :key="index" 
                @click="onSelectorClick(index)">
                    <text>{{item}}</text>
                </view>
            </scroll-view>
        </view>
    </view>
</template>

<script>
    /**
     * Combox ç»„合输入框
     * @description ç»„合输入框一般用于既可以输入也可以选择的场景
     * @tutorial https://ext.dcloud.net.cn/plugin?id=1261
     * @property {String} label å·¦ä¾§æ–‡å­—
     * @property {String} labelWidth å·¦ä¾§å†…容宽度
     * @property {String} placeholder è¾“入框占位符
     * @property {Array} candidates å€™é€‰é¡¹åˆ—表
     * @property {String} emptyTips ç­›é€‰ç»“果为空时显示的文字
     * @property {String} value ç»„合框的值
     */
    export default {
        name: 'uniCombox',
        emits: ['input', 'update:modelValue'],
        props: {
            border: {
                type: Boolean,
                default: true
            },
            label: {
                type: String,
                default: ''
            },
            labelWidth: {
                type: String,
                default: 'auto'
            },
            placeholder: {
                type: String,
                default: ''
            },
            candidates: {
                type: Array,
                default () {
                    return []
                }
            },
            emptyTips: {
                type: String,
                default: '无匹配项'
            },
            // #ifndef VUE3
            value: {
                type: [String, Number],
                default: ''
            },
            // #endif
            // #ifdef VUE3
            modelValue: {
                type: [String, Number],
                default: ''
            },
            // #endif
        },
        data() {
            return {
                showSelector: false,
                inputVal: ''
            }
        },
        computed: {
            labelStyle() {
                if (this.labelWidth === 'auto') {
                    return ""
                }
                return `width: ${this.labelWidth}`
            },
            filterCandidates() {
                return this.candidates.filter((item) => {
                    return item.toString().indexOf(this.inputVal) > -1
                })
            },
            filterCandidatesLength() {
                return this.filterCandidates.length
            }
        },
        watch: {
            // #ifndef VUE3
            value: {
                handler(newVal) {
                    this.inputVal = newVal
                },
                immediate: true
            },
            // #endif
            // #ifdef VUE3
            modelValue: {
                handler(newVal) {
                    this.inputVal = newVal
                },
                immediate: true
            },
            // #endif
        },
        methods: {
            toggleSelector() {
                this.showSelector = !this.showSelector
            },
            onFocus() {
                this.showSelector = true
            },
            onBlur() {
                setTimeout(() => {
                    this.showSelector = false
                }, 153)
            },
            onSelectorClick(index) {
                this.inputVal = this.filterCandidates[index]
                this.showSelector = false
                this.$emit('input', this.inputVal)
                this.$emit('update:modelValue', this.inputVal)
            },
            onInput() {
                setTimeout(() => {
                    this.$emit('input', this.inputVal)
                    this.$emit('update:modelValue', this.inputVal)
                })
            }
        }
    }
</script>

<style lang="scss" 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>

 uni_modules/uni-combox/package.json

New file
@@ -0,0 +1,90 @@
{
  "id": "uni-combox",
  "displayName": "uni-combox ç»„合框",
  "version": "1.0.1",
  "description": "可以选择也可以输入的表单项 ",
  "keywords": [
    "uni-ui",
    "uniui",
    "combox",
    "组合框",
    "select"
],
  "repository": "https://github.com/dcloudio/uni-ui",
  "engines": {
    "HBuilderX": ""
  },
  "directories": {
    "example": "../../temps/example_temps"
  },
  "dcloudext": {
    "category": [
      "前端组件",
      "通用组件"
    ],
    "sale": {
      "regular": {
        "price": "0.00"
      },
      "sourcecode": {
        "price": "0.00"
      }
    },
    "contact": {
      "qq": ""
    },
    "declaration": {
      "ads": "无",
      "data": "无",
      "permissions": "无"
    },
    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
  },
  "uni_modules": {
    "dependencies": [
            "uni-scss",
            "uni-icons"
        ],
    "encrypt": [],
    "platforms": {
      "cloud": {
        "tcb": "y",
        "aliyun": "y"
      },
      "client": {
        "App": {
          "app-vue": "y",
          "app-nvue": "n"
        },
        "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"
        },
        "快应用": {
          "华为": "u",
          "联盟": "u"
        },
        "Vue": {
            "vue2": "y",
            "vue3": "y"
        }
      }
    }
  }
}

 uni_modules/uni-combox/readme.md

New file
@@ -0,0 +1,11 @@


## Combox ç»„合框
> **组件名：uni-combox**
> ä»£ç å—： `uCombox`


组合框组件。

### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-combox)
#### å¦‚使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui äº¤æµç¾¤ï¼š871950839 

 uni_modules/uni-countdown/changelog.md

New file
@@ -0,0 +1,24 @@
## 1.2.2（2022-01-19）
- ä¿®å¤ åœ¨å¾®ä¿¡å°ç¨‹åºä¸­æ ·å¼ä¸ç”Ÿæ•ˆçš„bug
## 1.2.1（2022-01-18）
- æ–°å¢ž update æ–¹æ³• ï¼Œåœ¨åŠ¨æ€æ›´æ–°æ—¶é—´åŽï¼Œåˆ·æ–°ç»„件
## 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-countdown](https://uniapp.dcloud.io/component/uniui/uni-countdown)
## 1.1.3（2021-10-18）
- é‡æž„
- æ–°å¢ž font-size æ”¯æŒè‡ªå®šä¹‰å­—体大小
## 1.1.2（2021-08-24）
- æ–°å¢ž æ”¯æŒå›½é™…化
## 1.1.1（2021-07-30）
- ä¼˜åŒ– vue3下小程序事件警告的问题
## 1.1.0（2021-07-30）
- ç»„件兼容 vue3，如何创建vue3项目，详见 [uni-app é¡¹ç›®æ”¯æŒ vue3 ä»‹ç»](https://ask.dcloud.net.cn/article/37834)
## 1.0.5（2021-06-18）
- ä¿®å¤ uni-countdown é‡å¤èµ‹å€¼è·³ä¸¤ç§’çš„ bug
## 1.0.4（2021-05-12）
- æ–°å¢ž ç»„件示例地址
## 1.0.3（2021-05-08）
- ä¿®å¤ uni-countdown ä¸èƒ½æŽ§åˆ¶å€’计时的 bug
## 1.0.2（2021-02-04）
- è°ƒæ•´ä¸ºuni_modules目录规范

 uni_modules/uni-countdown/components/uni-countdown/i18n/en.json

New file
@@ -0,0 +1,6 @@
{
    "uni-countdown.day": "day",
    "uni-countdown.h": "h",
    "uni-countdown.m": "m",
    "uni-countdown.s": "s"
}

 uni_modules/uni-countdown/components/uni-countdown/i18n/index.js

New file
@@ -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
}

 uni_modules/uni-countdown/components/uni-countdown/i18n/zh-Hans.json

New file
@@ -0,0 +1,6 @@
{
    "uni-countdown.day": "天",
    "uni-countdown.h": "时",
    "uni-countdown.m": "分",
    "uni-countdown.s": "秒"
}

 uni_modules/uni-countdown/components/uni-countdown/i18n/zh-Hant.json

New file
@@ -0,0 +1,6 @@
{
    "uni-countdown.day": "天",
    "uni-countdown.h": "時",
    "uni-countdown.m": "分",
    "uni-countdown.s": "秒"
}

 uni_modules/uni-countdown/components/uni-countdown/uni-countdown.vue

New file
@@ -0,0 +1,271 @@
<template>
    <view class="uni-countdown">
        <text v-if="showDay" :style="[timeStyle]" class="uni-countdown__number">{{ d }}</text>
        <text v-if="showDay" :style="[splitorStyle]" class="uni-countdown__splitor">{{dayText}}</text>
        <text :style="[timeStyle]" class="uni-countdown__number">{{ h }}</text>
        <text :style="[splitorStyle]" class="uni-countdown__splitor">{{ showColon ? ':' : hourText }}</text>
        <text :style="[timeStyle]" class="uni-countdown__number">{{ i }}</text>
        <text :style="[splitorStyle]" class="uni-countdown__splitor">{{ showColon ? ':' : minuteText }}</text>
        <text :style="[timeStyle]" class="uni-countdown__number">{{ s }}</text>
        <text v-if="!showColon" :style="[splitorStyle]" class="uni-countdown__splitor">{{secondText}}</text>
    </view>
</template>
<script>
    import {
        initVueI18n
    } from '@dcloudio/uni-i18n'
    import messages from './i18n/index.js'
    const {
        t
    } = initVueI18n(messages)
    /**
     * Countdown å€’计时
     * @description å€’计时组件
     * @tutorial https://ext.dcloud.net.cn/plugin?id=25
     * @property {String} backgroundColor èƒŒæ™¯è‰²
     * @property {String} color æ–‡å­—颜色
     * @property {Number} day å¤©æ•°
     * @property {Number} hour å°æ—¶
     * @property {Number} minute åˆ†é’Ÿ
     * @property {Number} second ç§’
     * @property {Number} timestamp æ—¶é—´æˆ³
     * @property {Boolean} showDay = [true|false] æ˜¯å¦æ˜¾ç¤ºå¤©æ•°
     * @property {Boolean} show-colon = [true|false] æ˜¯å¦ä»¥å†’号为分隔符
     * @property {String} splitorColor åˆ†å‰²ç¬¦å·é¢œè‰²
     * @event {Function} timeup å€’计时时间到触发事件
     * @example <uni-countdown :day="1" :hour="1" :minute="12" :second="40"></uni-countdown>
     */
    export default {
        name: 'UniCountdown',
        emits: ['timeup'],
        props: {
            showDay: {
                type: Boolean,
                default: true
            },
            showColon: {
                type: Boolean,
                default: true
            },
            start: {
                type: Boolean,
                default: true
            },
            backgroundColor: {
                type: String,
                default: ''
            },
            color: {
                type: String,
                default: '#333'
            },
            fontSize: {
                type: Number,
                default: 14
            },
            splitorColor: {
                type: String,
                default: '#333'
            },
            day: {
                type: Number,
                default: 0
            },
            hour: {
                type: Number,
                default: 0
            },
            minute: {
                type: Number,
                default: 0
            },
            second: {
                type: Number,
                default: 0
            },
            timestamp: {
                type: Number,
                default: 0
            }
        },
        data() {
            return {
                timer: null,
                syncFlag: false,
                d: '00',
                h: '00',
                i: '00',
                s: '00',
                leftTime: 0,
                seconds: 0
            }
        },
        computed: {
            dayText() {
                return t("uni-countdown.day")
            },
            hourText(val) {
                return t("uni-countdown.h")
            },
            minuteText(val) {
                return t("uni-countdown.m")
            },
            secondText(val) {
                return t("uni-countdown.s")
            },
            timeStyle() {
                const {
                    color,
                    backgroundColor,
                    fontSize
                } = this
                return {
                    color,
                    backgroundColor,
                    fontSize: `${fontSize}px`,
                    width: `${fontSize * 22 / 14}px`, // æŒ‰å­—体大小为 14px æ—¶çš„比例缩放
                     lineHeight: `${fontSize * 20 / 14}px`,
                    borderRadius: `${fontSize * 3 / 14}px`,
                }
            },
            splitorStyle() {
                const { splitorColor, fontSize, backgroundColor } = this
                return {
                    color: splitorColor,
                    fontSize: `${fontSize * 12 / 14}px`,
                    margin: backgroundColor ? `${fontSize * 4 / 14}px` : ''
                }
            }
        },
        watch: {
            day(val) {
                this.changeFlag()
            },
            hour(val) {
                this.changeFlag()
            },
            minute(val) {
                this.changeFlag()
            },
            second(val) {
                this.changeFlag()
            },
            start: {
                immediate: true,
                handler(newVal, oldVal) {
                    if (newVal) {
                        this.startData();
                    } else {
                        if (!oldVal) return
                        clearInterval(this.timer)
                    }
                }

            }
        },
        created: function(e) {
            this.seconds = this.toSeconds(this.timestamp, this.day, this.hour, this.minute, this.second)
            this.countDown()
        },
        // #ifndef VUE3
        destroyed() {
            clearInterval(this.timer)
        },
        // #endif
        // #ifdef VUE3
        unmounted() {
            clearInterval(this.timer)
        },
        // #endif
        methods: {
            toSeconds(timestamp, day, hours, minutes, seconds) {
                if (timestamp) {
                    return timestamp - parseInt(new Date().getTime() / 1000, 10)
                }
                return day * 60 * 60 * 24 + hours * 60 * 60 + minutes * 60 + seconds
            },
            timeUp() {
                clearInterval(this.timer)
                this.$emit('timeup')
            },
            countDown() {
                let seconds = this.seconds
                let [day, hour, minute, second] = [0, 0, 0, 0]
                if (seconds > 0) {
                    day = Math.floor(seconds / (60 * 60 * 24))
                    hour = Math.floor(seconds / (60 * 60)) - (day * 24)
                    minute = Math.floor(seconds / 60) - (day * 24 * 60) - (hour * 60)
                    second = Math.floor(seconds) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60)
                } else {
                    this.timeUp()
                }
                if (day < 10) {
                    day = '0' + day
                }
                if (hour < 10) {
                    hour = '0' + hour
                }
                if (minute < 10) {
                    minute = '0' + minute
                }
                if (second < 10) {
                    second = '0' + second
                }
                this.d = day
                this.h = hour
                this.i = minute
                this.s = second
            },
            startData() {
                this.seconds = this.toSeconds(this.timestamp, this.day, this.hour, this.minute, this.second)
                if (this.seconds <= 0) {
                    this.seconds = this.toSeconds(0, 0, 0, 0, 0)
                    this.countDown()
                    return
                }
                clearInterval(this.timer)
                this.countDown()
                this.timer = setInterval(() => {
                    this.seconds--
                    if (this.seconds < 0) {
                        this.timeUp()
                        return
                    }
                    this.countDown()
                }, 1000)
            },
            update(){
                this.startData();
            },
            changeFlag() {
                if (!this.syncFlag) {
                    this.seconds = this.toSeconds(this.timestamp, this.day, this.hour, this.minute, this.second)
                    this.startData();
                    this.syncFlag = true;
                }
            }
        }
    }
</script>
<style lang="scss" scoped>
    $font-size: 14px;

    .uni-countdown {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;

        &__splitor {
            margin: 0 2px;
            font-size: $font-size;
            color: #333;
        }

        &__number {
            border-radius: 3px;
            text-align: center;
            font-size: $font-size;
        }
    }
</style>

 uni_modules/uni-countdown/package.json

New file
@@ -0,0 +1,86 @@
{
  "id": "uni-countdown",
  "displayName": "uni-countdown å€’计时",
  "version": "1.2.2",
  "description": "CountDown å€’计时组件",
  "keywords": [
    "uni-ui",
    "uniui",
    "countdown",
    "倒计时"
],
  "repository": "https://github.com/dcloudio/uni-ui",
  "engines": {
    "HBuilderX": ""
  },
  "directories": {
    "example": "../../temps/example_temps"
  },
  "dcloudext": {
    "category": [
      "前端组件",
      "通用组件"
    ],
    "sale": {
      "regular": {
        "price": "0.00"
      },
      "sourcecode": {
        "price": "0.00"
      }
    },
    "contact": {
      "qq": ""
    },
    "declaration": {
      "ads": "无",
      "data": "无",
      "permissions": "无"
    },
    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
  },
  "uni_modules": {
    "dependencies": ["uni-scss"],
    "encrypt": [],
    "platforms": {
      "cloud": {
        "tcb": "y",
        "aliyun": "y"
      },
      "client": {
        "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"
        },
        "快应用": {
          "华为": "u",
          "联盟": "u"
        },
        "Vue": {
            "vue2": "y",
            "vue3": "y"
        }
      }
    }
  }
}

 uni_modules/uni-countdown/readme.md

New file
@@ -0,0 +1,10 @@


## CountDown å€’计时
> **组件名：uni-countdown**
> ä»£ç å—： `uCountDown`

倒计时组件。

### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-countdown)
#### å¦‚使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui äº¤æµç¾¤ï¼š871950839 

 uni_modules/uni-data-checkbox/changelog.md

New file
@@ -0,0 +1,39 @@
## 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-checkbox](https://uniapp.dcloud.io/component/uniui/uni-data-checkbox)
## 0.2.5（2021-08-23）
- ä¿®å¤ åœ¨uni-forms中 modelValue ä¸­ä¸å­˜åœ¨å½“前字段，当前字段必填写也不参与校验的问题
## 0.2.4（2021-08-17）
- ä¿®å¤ å•é€‰ list æ¨¡å¼ä¸‹ ï¼Œicon ä¸º left æ—¶ï¼Œé€‰ä¸­å›¾æ ‡ä¸æ˜¾ç¤ºçš„问题
## 0.2.3（2021-08-11）
- ä¿®å¤ åœ¨ uni-forms ä¸­é‡ç½®è¡¨å•ï¼Œé”™è¯¯ä¿¡æ¯æ— æ³•æ¸…除的问题
## 0.2.2（2021-07-30）
- ä¼˜åŒ– åœ¨uni-forms组件，与label不对齐的问题
## 0.2.1（2021-07-27）
- ä¿®å¤ å•é€‰é»˜è®¤å€¼ä¸º0不能选中的Bug
## 0.2.0（2021-07-13）
- ç»„件兼容 vue3，如何创建vue3项目，详见 [uni-app é¡¹ç›®æ”¯æŒ vue3 ä»‹ç»](https://ask.dcloud.net.cn/article/37834)
## 0.1.11（2021-07-06）
- ä¼˜åŒ– åˆ é™¤æ— ç”¨æ—¥å¿—
## 0.1.10（2021-07-05）
- ä¿®å¤ ç”± 0.1.9 å¼•èµ·çš„非 nvue ç«¯å›¾æ ‡ä¸æ˜¾ç¤ºçš„问题
## 0.1.9（2021-07-05）
- ä¿®å¤ nvue é»‘框样式问题
## 0.1.8（2021-06-28）
- ä¿®å¤ selectedTextColor å±žæ€§ä¸ç”Ÿæ•ˆçš„Bug
## 0.1.7（2021-06-02）
- æ–°å¢ž map å±žæ€§ï¼Œå¯ä»¥æ–¹ä¾¿æ˜ å°„text/value属性
## 0.1.6（2021-05-26）
- ä¿®å¤ ä¸å…³è”服务空间的情况下组件报错的Bug
## 0.1.5（2021-05-12）
- æ–°å¢ž ç»„件示例地址
## 0.1.4（2021-04-09）
- ä¿®å¤ nvue ä¸‹æ— æ³•é€‰ä¸­çš„问题
## 0.1.3（2021-03-22）
- æ–°å¢ž disabled属性
## 0.1.2（2021-02-24）
- ä¼˜åŒ– é»˜è®¤é¢œè‰²æ˜¾ç¤º
## 0.1.1（2021-02-24）
- æ–°å¢ž æ”¯æŒnvue
## 0.1.0（2021-02-18）
- â€œæš‚无数据”显示居中

 uni_modules/uni-data-checkbox/components/uni-data-checkbox/uni-data-checkbox.vue

New file
@@ -0,0 +1,817 @@
<template>
    <view class="uni-data-checklist" :style="{'margin-top':isTop+'px'}">
        <template v-if="!isLocal">
            <view class="uni-data-loading">
                <uni-load-more v-if="!mixinDatacomErrorMessage" status="loading" iconType="snow" :iconSize="18" :content-text="contentText"></uni-load-more>
                <text v-else>{{mixinDatacomErrorMessage}}</text>
            </view>
        </template>
        <template v-else>
            <checkbox-group v-if="multiple" class="checklist-group" :class="{'is-list':mode==='list' || wrap}" @change="chagne">
                <label class="checklist-box" :class="['is--'+mode,item.selected?'is-checked':'',(disabled || !!item.disabled)?'is-disable':'',index!==0&&mode==='list'?'is-list-border':'']"
                 :style="item.styleBackgroud" v-for="(item,index) in dataList" :key="index">
                    <checkbox class="hidden" hidden :disabled="disabled || !!item.disabled" :value="item[map.value]+''" :checked="item.selected" />
                    <view v-if="(mode !=='tag' && mode !== 'list') || ( mode === 'list' && icon === 'left')" class="checkbox__inner"  :style="item.styleIcon">
                        <view class="checkbox__inner-icon"></view>
                    </view>
                    <view class="checklist-content" :class="{'list-content':mode === 'list' && icon ==='left'}">
                        <text class="checklist-text" :style="item.styleIconText">{{item[map.text]}}</text>
                        <view v-if="mode === 'list' && icon === 'right'" class="checkobx__list" :style="item.styleBackgroud"></view>
                    </view>
                </label>
            </checkbox-group>
            <radio-group v-else class="checklist-group" :class="{'is-list':mode==='list','is-wrap':wrap}" @change="chagne">
                <!-- -->
                <label class="checklist-box" :class="['is--'+mode,item.selected?'is-checked':'',(disabled || !!item.disabled)?'is-disable':'',index!==0&&mode==='list'?'is-list-border':'']"
                 :style="item.styleBackgroud" v-for="(item,index) in dataList" :key="index">
                    <radio class="hidden" hidden :disabled="disabled || item.disabled" :value="item[map.value]+''" :checked="item.selected" />
                    <view v-if="(mode !=='tag' && mode !== 'list') || ( mode === 'list' && icon === 'left')" class="radio__inner"
                     :style="item.styleBackgroud">
                        <view class="radio__inner-icon" :style="item.styleIcon"></view>
                    </view>
                    <view class="checklist-content" :class="{'list-content':mode === 'list' && icon ==='left'}">
                        <text class="checklist-text" :style="item.styleIconText">{{item[map.text]}}</text>
                        <view v-if="mode === 'list' && icon === 'right'" :style="item.styleRightIcon" class="checkobx__list"></view>
                    </view>
                </label>
            </radio-group>
        </template>
    </view>
</template>

<script>
    /**
     * DataChecklist æ•°æ®é€‰æ‹©å™¨
     * @description é€šè¿‡æ•°æ®æ¸²æŸ“ checkbox å’Œ radio
     * @tutorial https://ext.dcloud.net.cn/plugin?id=xxx
     * @property {String} mode = [default| list | button | tag] æ˜¾ç¤ºæ¨¡å¼
     * @value default      é»˜è®¤æ¨ªæŽ’模式
     * @value list        åˆ—表模式
     * @value button    æŒ‰é’®æ¨¡å¼
     * @value tag         æ ‡ç­¾æ¨¡å¼
     * @property {Boolean} multiple = [true|false] æ˜¯å¦å¤šé€‰
     * @property {Array|String|Number} value é»˜è®¤å€¼
     * @property {Array} localdata æœ¬åœ°æ•°æ® ï¼Œæ ¼å¼ [{text:'',value:''}]
     * @property {Number|String} min æœ€å°é€‰æ‹©ä¸ªæ•° ï¼Œmultiple为true时生效
     * @property {Number|String} max æœ€å¤§é€‰æ‹©ä¸ªæ•° ï¼Œmultiple为true时生效
     * @property {Boolean} wrap æ˜¯å¦æ¢è¡Œæ˜¾ç¤º
     * @property {String} icon = [left|right]  list åˆ—表模式下icon显示位置
     * @property {Boolean} selectedColor é€‰ä¸­é¢œè‰²
     * @property {Boolean} emptyText æ²¡æœ‰æ•°æ®æ—¶æ˜¾ç¤ºçš„文字 ï¼Œæœ¬åœ°æ•°æ®æ— æ•ˆ
     * @property {Boolean} selectedTextColor é€‰ä¸­æ–‡æœ¬é¢œè‰²ï¼Œå¦‚不填写则自动显示
     * @property {Object} map å­—段映射， é»˜è®¤ map={text:'text',value:'value'}
     * @value left å·¦ä¾§æ˜¾ç¤º
     * @value right å³ä¾§æ˜¾ç¤º
     * @event {Function} change  é€‰ä¸­å‘生变化触发
     */

    export default {
        name: 'uniDataChecklist',
        mixins: [uniCloud.mixinDatacom || {}],
        emits:['input','update:modelValue','change'],
        props: {
            mode: {
                type: String,
                default: 'default'
            },

            multiple: {
                type: Boolean,
                default: false
            },
            value: {
                type: [Array, String, Number],
                default () {
                    return ''
                }
            },
            // TODO vue3
            modelValue: {
                type: [Array, String, Number],
                default() {
                    return '';
                }
            },
            localdata: {
                type: Array,
                default () {
                    return []
                }
            },
            min: {
                type: [Number, String],
                default: ''
            },
            max: {
                type: [Number, String],
                default: ''
            },
            wrap: {
                type: Boolean,
                default: false
            },
            icon: {
                type: String,
                default: 'left'
            },
            selectedColor: {
                type: String,
                default: ''
            },
            selectedTextColor: {
                type: String,
                default: ''
            },
            emptyText:{
                type: String,
                default: '暂无数据'
            },
            disabled:{
                type: Boolean,
                default: false
            },
            map:{
                type: Object,
                default(){
                    return {
                        text:'text',
                        value:'value'
                    }
                }
            }
        },
        watch: {
            localdata: {
                handler(newVal) {
                    this.range = newVal
                    this.dataList = this.getDataList(this.getSelectedValue(newVal))
                },
                deep: true
            },
            mixinDatacomResData(newVal) {
                this.range = newVal
                this.dataList = this.getDataList(this.getSelectedValue(newVal))
            },
            value(newVal) {
                this.dataList = this.getDataList(newVal)
                // fix by mehaotian is_reset åœ¨ uni-forms ä¸­å®šä¹‰
                if(!this.is_reset){
                    this.is_reset = false
                    this.formItem && this.formItem.setValue(newVal)
                }
            },
            modelValue(newVal) {
                this.dataList = this.getDataList(newVal);
                if(!this.is_reset){
                    this.is_reset = false
                    this.formItem && this.formItem.setValue(newVal)
                }
            }
        },
        data() {
            return {
                dataList: [],
                range: [],
                contentText: {
                    contentdown: '查看更多',
                    contentrefresh: '加载中',
                    contentnomore: '没有更多'
                },
                isLocal:true,
                styles: {
                    selectedColor: '#2979ff',
                    selectedTextColor: '#666',
                },
                isTop:0
            };
        },
        computed:{
            dataValue(){
                if(this.value === '')return this.modelValue
                if(this.modelValue === '') return this.value
                return this.value
            }
        },
        created() {
            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) {
                    // å¦‚果存在name添加默认值,否则formData ä¸­ä¸å­˜åœ¨è¿™ä¸ªå­—段不校验
                    if(!this.is_reset){
                        this.is_reset = false
                        this.formItem.setValue(this.dataValue)
                    }
                    this.rename = this.formItem.name
                    this.form.inputChildrens.push(this)
                }
            }

            if (this.localdata && this.localdata.length !== 0) {
                this.isLocal = true
                this.range = this.localdata
                this.dataList = this.getDataList(this.getSelectedValue(this.range))
            } else {
                if (this.collection) {
                    this.isLocal = false
                    this.loadData()
                }
            }
        },
        methods: {
            loadData() {
                this.mixinDatacomGet().then(res=>{
                    this.mixinDatacomResData = res.result.data
                    if(this.mixinDatacomResData.length === 0){
                        this.isLocal = false
                        this.mixinDatacomErrorMessage = this.emptyText
                    }else{
                        this.isLocal = true
                    }
                }).catch(err=>{
                    this.mixinDatacomErrorMessage = err.message
                })
            },
            /**
             * èŽ·å–父元素实例
             */
            getForm(name = 'uniForms') {
                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;
            },
            chagne(e) {
                const values = e.detail.value

                let detail = {
                    value: [],
                    data: []
                }

                if (this.multiple) {
                    this.range.forEach(item => {

                        if (values.includes(item[this.map.value] + '')) {
                            detail.value.push(item[this.map.value])
                            detail.data.push(item)
                        }
                    })
                } else {
                    const range = this.range.find(item => (item[this.map.value] + '') === values)
                    if (range) {
                        detail = {
                            value: range[this.map.value],
                            data: range
                        }
                    }
                }
                this.formItem && this.formItem.setValue(detail.value)
                // TODO å…¼å®¹ vue2
                this.$emit('input', detail.value);
                // // TOTO å…¼å®¹ vue3
                this.$emit('update:modelValue', detail.value);
                this.$emit('change', {
                    detail
                })
                if (this.multiple) {
                    // å¦‚æžœ v-model æ²¡æœ‰ç»‘定 ï¼Œåˆ™èµ°å†…部逻辑
                    // if (this.value.length === 0) {
                    this.dataList = this.getDataList(detail.value, true)
                    // }
                } else {
                    this.dataList = this.getDataList(detail.value)
                }
            },

            /**
             * èŽ·å–渲染的新数组
             * @param {Object} value é€‰ä¸­å†…容
             */
            getDataList(value) {
                // è§£é™¤å¼•ç”¨å…³ç³»ï¼Œç ´ååŽŸå¼•ç”¨å…³ç³»ï¼Œé¿å…æ±¡æŸ“源数据
                let dataList = JSON.parse(JSON.stringify(this.range))
                let list = []
                if (this.multiple) {
                    if (!Array.isArray(value)) {
                        value = []
                    }
                }
                dataList.forEach((item, index) => {
                    item.disabled = item.disable || item.disabled || false
                    if (this.multiple) {
                        if (value.length > 0) {
                            let have = value.find(val => val === item[this.map.value])
                            item.selected = have !== undefined
                        } else {
                            item.selected = false
                        }
                    } else {
                        item.selected = value === item[this.map.value]
                    }

                    list.push(item)
                })
                return this.setRange(list)
            },
            /**
             * å¤„理最大最小值
             * @param {Object} list
             */
            setRange(list) {
                let selectList = list.filter(item => item.selected)
                let min = Number(this.min) || 0
                let max = Number(this.max) || ''
                list.forEach((item, index) => {
                    if (this.multiple) {
                        if (selectList.length <= min) {
                            let have = selectList.find(val => val[this.map.value] === item[this.map.value])
                            if (have !== undefined) {
                                item.disabled = true
                            }
                        }

                        if (selectList.length >= max && max !== '') {
                            let have = selectList.find(val => val[this.map.value] === item[this.map.value])
                            if (have === undefined) {
                                item.disabled = true
                            }
                        }
                    }
                    this.setStyles(item, index)
                    list[index] = item
                })
                return list
            },
            /**
             * è®¾ç½® class
             * @param {Object} item
             * @param {Object} index
             */
            setStyles(item, index) {
                //  è®¾ç½®è‡ªå®šä¹‰æ ·å¼
                item.styleBackgroud = this.setStyleBackgroud(item)
                item.styleIcon = this.setStyleIcon(item)
                item.styleIconText = this.setStyleIconText(item)
                item.styleRightIcon = this.setStyleRightIcon(item)
            },

            /**
             * èŽ·å–选中值
             * @param {Object} range
             */
            getSelectedValue(range) {
                if (!this.multiple) return this.dataValue
                let selectedArr = []
                range.forEach((item) => {
                    if (item.selected) {
                        selectedArr.push(item[this.map.value])
                    }
                })
                return this.dataValue.length > 0 ? this.dataValue : selectedArr
            },

            /**
             * è®¾ç½®èƒŒæ™¯æ ·å¼
             */
            setStyleBackgroud(item) {
                let styles = {}
                let selectedColor = this.selectedColor?this.selectedColor:'#2979ff'
                if (this.mode !== 'list') {
                    styles['border-color'] = item.selected?selectedColor:'#DCDFE6'
                }
                if (this.mode === 'tag') {
                    styles['background-color'] = item.selected? selectedColor:'#f5f5f5'
                }
                let classles = ''
                for (let i in styles) {
                    classles += `${i}:${styles[i]};`
                }
                return classles
            },
            setStyleIcon(item) {
                let styles = {}
                let classles = ''
                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'
                }

                for (let i in styles) {
                    classles += `${i}:${styles[i]};`
                }
                return classles
            },
            setStyleIconText(item) {
                let styles = {}
                let classles = ''
                let selectedColor = this.selectedColor?this.selectedColor:'#2979ff'
                if (this.mode === 'tag') {
                    styles.color = item.selected?(this.selectedTextColor?this.selectedTextColor:'#fff'):'#666'
                } else {
                    styles.color = item.selected?(this.selectedTextColor?this.selectedTextColor:selectedColor):'#666'
                }
                if(!item.selected && item.disabled){
                    styles.color = '#999'
                }

                for (let i in styles) {
                    classles += `${i}:${styles[i]};`
                }
                return classles
            },
            setStyleRightIcon(item) {
                let styles = {}
                let classles = ''
                if (this.mode === 'list') {
                    styles['border-color'] = item.selected?this.styles.selectedColor:'#DCDFE6'
                }
                for (let i in styles) {
                    classles += `${i}:${styles[i]};`
                }

                return classles
            }
        }
    }
</script>

<style lang="scss">
    $checked-color: #2979ff;
    $border-color: #DCDFE6;
    $disable:0.4;

    @mixin flex {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
    }

    .uni-data-loading {
        @include flex;
        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;
        // å¤šé€‰æ ·å¼
        .checklist-group {
            @include flex;
            flex-direction: row;
            flex-wrap: wrap;

            &.is-list {
                flex-direction: column;
            }

            .checklist-box {
                @include flex;
                flex-direction: row;
                align-items: center;
                position: relative;
                margin: 5px 0;
                margin-right: 25px;

                .hidden {
                    position: absolute;
                    opacity: 0;
                }

                // æ–‡å­—样式
                .checklist-content {
                    @include flex;
                    flex: 1;
                    flex-direction: row;
                    align-items: center;
                    justify-content: space-between;
                    .checklist-text {
                        font-size: 14px;
                        color: #666;
                        margin-left: 5px;
                        line-height: 14px;
                    }

                    .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;
                    }
                }

                // å¤šé€‰æ ·å¼
                .checkbox__inner {
                    /* #ifndef APP-NVUE */
                    flex-shrink: 0;
                    box-sizing: border-box;
                    /* #endif */
                    position: relative;
                    width: 16px;
                    height: 16px;
                    border: 1px solid $border-color;
                    border-radius: 4px;
                    background-color: #fff;
                    z-index: 1;
                    .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);
                    }
                }

                // å•é€‰æ ·å¼
                .radio__inner {
                    @include flex;
                    /* #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 $border-color;
                    border-radius: 16px;
                    background-color: #fff;
                    z-index: 1;

                    .radio__inner-icon {
                        width: 8px;
                        height: 8px;
                        border-radius: 10px;
                        opacity: 0;
                    }
                }

                // é»˜è®¤æ ·å¼
                &.is--default {

                    // ç¦ç”¨
                    &.is-disable {
                        /* #ifdef H5 */
                        cursor: not-allowed;
                        /* #endif */
                        .checkbox__inner {
                            background-color: #F2F6FC;
                            border-color: $border-color;
                            /* #ifdef H5 */
                            cursor: not-allowed;
                            /* #endif */
                        }

                        .radio__inner {
                            background-color: #F2F6FC;
                            border-color: $border-color;
                        }
                        .checklist-text {
                            color: #999;
                        }
                    }

                    // é€‰ä¸­
                    &.is-checked {
                        .checkbox__inner {
                            border-color: $checked-color;
                            background-color: $checked-color;

                            .checkbox__inner-icon {
                                opacity: 1;
                                transform: rotate(45deg);
                            }
                        }
                        .radio__inner {
                            border-color: $checked-color;
                            .radio__inner-icon {
                                opacity: 1;
                                background-color: $checked-color;
                            }
                        }
                        .checklist-text {
                            color: $checked-color;
                        }
                        // é€‰ä¸­ç¦ç”¨
                        &.is-disable {
                            .checkbox__inner {
                                opacity: $disable;
                            }

                            .checklist-text {
                                opacity: $disable;
                            }
                            .radio__inner {
                                opacity: $disable;
                            }
                        }
                    }
                }

                // æŒ‰é’®æ ·å¼
                &.is--button {
                    margin-right: 10px;
                    padding: 5px 10px;
                    border: 1px $border-color solid;
                    border-radius: 3px;
                    transition: border-color 0.2s;

                    // ç¦ç”¨
                    &.is-disable {
                        /* #ifdef H5 */
                        cursor: not-allowed;
                        /* #endif */
                        border: 1px #eee solid;
                        opacity: $disable;
                        .checkbox__inner {
                            background-color: #F2F6FC;
                            border-color: $border-color;
                            /* #ifdef H5 */
                            cursor: not-allowed;
                            /* #endif */
                        }
                        .radio__inner {
                            background-color: #F2F6FC;
                            border-color: $border-color;
                            /* #ifdef H5 */
                            cursor: not-allowed;
                            /* #endif */
                        }
                        .checklist-text {
                            color: #999;
                        }
                    }

                    &.is-checked {
                        border-color: $checked-color;
                        .checkbox__inner {
                            border-color: $checked-color;
                            background-color: $checked-color;
                            .checkbox__inner-icon {
                                opacity: 1;
                                transform: rotate(45deg);
                            }
                        }

                        .radio__inner {
                            border-color: $checked-color;

                            .radio__inner-icon {
                                opacity: 1;
                                background-color: $checked-color;
                            }
                        }

                        .checklist-text {
                            color: $checked-color;
                        }

                        // é€‰ä¸­ç¦ç”¨
                        &.is-disable {
                            opacity: $disable;
                        }
                    }
                }

                // æ ‡ç­¾æ ·å¼
                &.is--tag {
                    margin-right: 10px;
                    padding: 5px 10px;
                    border: 1px $border-color solid;
                    border-radius: 3px;
                    background-color: #f5f5f5;

                    .checklist-text {
                        margin: 0;
                        color: #666;
                    }

                    // ç¦ç”¨
                    &.is-disable {
                        /* #ifdef H5 */
                        cursor: not-allowed;
                        /* #endif */
                        opacity: $disable;
                    }

                    &.is-checked {
                        background-color: $checked-color;
                        border-color: $checked-color;

                        .checklist-text {
                            color: #fff;
                        }
                    }
                }
                // åˆ—表样式
                &.is--list {
                    /* #ifndef APP-NVUE */
                    display: flex;
                    /* #endif */
                    padding: 10px 15px;
                    padding-left: 0;
                    margin: 0;

                    &.is-list-border {
                        border-top: 1px #eee solid;
                    }

                    // ç¦ç”¨
                    &.is-disable {
                        /* #ifdef H5 */
                        cursor: not-allowed;
                        /* #endif */
                        .checkbox__inner {
                            background-color: #F2F6FC;
                            border-color: $border-color;
                            /* #ifdef H5 */
                            cursor: not-allowed;
                            /* #endif */
                        }
                        .checklist-text {
                            color: #999;
                        }
                    }

                    &.is-checked {
                        .checkbox__inner {
                            border-color: $checked-color;
                            background-color: $checked-color;

                            .checkbox__inner-icon {
                                opacity: 1;
                                transform: rotate(45deg);
                            }
                        }
                        .radio__inner {
                            .radio__inner-icon {
                                opacity: 1;
                            }
                        }
                        .checklist-text {
                            color: $checked-color;
                        }

                        .checklist-content {
                            .checkobx__list {
                                opacity: 1;
                                border-color: $checked-color;
                            }
                        }

                        // é€‰ä¸­ç¦ç”¨
                        &.is-disable {
                            .checkbox__inner {
                                opacity: $disable;
                            }

                            .checklist-text {
                                opacity: $disable;
                            }
                        }
                    }
                }
            }
        }
    }
</style>

 uni_modules/uni-data-checkbox/package.json

New file
@@ -0,0 +1,87 @@
{
  "id": "uni-data-checkbox",
  "displayName": "uni-data-checkbox æ•°æ®é€‰æ‹©å™¨",
  "version": "1.0.0",
  "description": "通过数据驱动的单选框和复选框",
  "keywords": [
    "uni-ui",
    "checkbox",
    "单选",
    "多选",
    "单选多选"
],
  "repository": "https://github.com/dcloudio/uni-ui",
  "engines": {
    "HBuilderX": "^3.1.1"
  },
  "directories": {
    "example": "../../temps/example_temps"
  },
  "dcloudext": {
    "category": [
      "前端组件",
      "通用组件"
    ],
    "sale": {
      "regular": {
        "price": "0.00"
      },
      "sourcecode": {
        "price": "0.00"
      }
    },
    "contact": {
      "qq": ""
    },
    "declaration": {
      "ads": "无",
      "data": "无",
      "permissions": "无"
    },
    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
  },
  "uni_modules": {
    "dependencies": ["uni-load-more","uni-scss"],
    "encrypt": [],
    "platforms": {
      "cloud": {
        "tcb": "y",
        "aliyun": "y"
      },
      "client": {
        "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"
        },
        "快应用": {
          "华为": "u",
          "联盟": "u"
        },
        "Vue": {
            "vue2": "y",
            "vue3": "y"
        }
      }
    }
  }
}

 uni_modules/uni-data-checkbox/readme.md

New file
@@ -0,0 +1,18 @@


## DataCheckbox æ•°æ®é©±åŠ¨çš„单选复选框
> **组件名：uni-data-checkbox**
> ä»£ç å—： `uDataCheckbox`


本组件是基于uni-app基础组件checkbox的封装。本组件要解决问题包括：

1. æ•°æ®ç»‘定型组件：给本组件绑定一个data，会自动渲染一组候选内容。再以往，开发者需要编写不少代码实现类似功能
2. è‡ªåŠ¨çš„表单校验：组件绑定了data，且符合[uni-forms](https://ext.dcloud.net.cn/plugin?id=2773)组件的表单校验规范，搭配使用会自动实现表单校验
3. æœ¬ç»„件合并了单选多选
4. æœ¬ç»„件有若干风格选择，如普通的单选多选框、并列button风格、tag风格。开发者可以快速选择需要的风格。但作为一个封装组件，样式代码虽然不用自己写了，却会牺牲一定的样式自定义性

在uniCloud开发中，`DB Schema`中配置了enum枚举等类型后，在web控制台的[自动生成表单](https://uniapp.dcloud.io/uniCloud/schema?id=autocode)功能中，会自动生成``uni-data-checkbox``组件并绑定好data

### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-data-checkbox)
#### å¦‚使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui äº¤æµç¾¤ï¼š871950839 

 uni_modules/uni-data-picker/changelog.md

New file
@@ -0,0 +1,56 @@
## 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 ç›®å½•è§„范

 uni_modules/uni-data-picker/components/uni-data-picker/keypress.js

New file
@@ -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

 uni_modules/uni-data-picker/components/uni-data-picker/uni-data-picker.vue

New file
@@ -0,0 +1,539 @@
<template>
    <view class="uni-data-tree">
        <view class="uni-data-tree-input" @click="handleInput">
            <slot :options="options" :data="inputSelected" :error="errorMessage">
                <view class="input-value" :class="{'input-value-border': border}">
                    <text v-if="errorMessage" class="selected-area error-text">{{errorMessage}}</text>
                    <view v-else-if="loading && !isOpened" class="selected-area">
                        <uni-load-more class="load-more" :contentText="loadMore" status="loading"></uni-load-more>
                    </view>
                    <scroll-view v-else-if="inputSelected.length" class="selected-area" scroll-x="true">
                        <view class="selected-list">
                            <view class="selected-item" v-for="(item,index) in inputSelected" :key="index">
                                <text>{{item.text}}</text><text v-if="index<inputSelected.length-1"
                                    class="input-split-line">{{split}}</text>
                            </view>
                        </view>
                    </scroll-view>
                    <text v-else class="selected-area placeholder">{{placeholder}}</text>
                    <view v-if="clearIcon && !readonly && inputSelected.length" class="icon-clear"
                        @click.stop="clear">
                        <uni-icons type="clear" color="#e1e1e1" size="14"></uni-icons>
                    </view>
                    <view class="arrow-area" v-if="(!clearIcon || !inputSelected.length) && !readonly ">
                        <view class="input-arrow"></view>
                    </view>
                </view>
            </slot>
        </view>
        <view class="uni-data-tree-cover" v-if="isOpened" @click="handleClose"></view>
        <view class="uni-data-tree-dialog" v-if="isOpened">
            <view class="uni-popper__arrow"></view>
            <view class="dialog-caption">
                <view class="title-area">
                    <text class="dialog-title">{{popupTitle}}</text>
                </view>
                <view class="dialog-close" @click="handleClose">
                    <view class="dialog-close-plus" data-id="close"></view>
                    <view class="dialog-close-plus dialog-close-rotate" data-id="close"></view>
                </view>
            </view>
            <data-picker-view class="picker-view" ref="pickerView" v-model="dataValue" :localdata="localdata"
                :preload="preload" :collection="collection" :field="field" :orderby="orderby" :where="where"
                :step-searh="stepSearh" :self-field="selfField" :parent-field="parentField" :managed-mode="true"
                :map="map" :ellipsis="ellipsis" @change="onchange" @datachange="ondatachange" @nodeclick="onnodeclick">
            </data-picker-view>
        </view>
    </view>
</template>

<script>
    import dataPicker from "../uni-data-pickerview/uni-data-picker.js"
    import DataPickerView from "../uni-data-pickerview/uni-data-pickerview.vue"

    /**
     * DataPicker çº§è”选择
     * @description æ”¯æŒå•åˆ—、和多列级联选择。列数没有限制，如果屏幕显示不全，顶部tab区域会左右滚动。
     * @tutorial https://ext.dcloud.net.cn/plugin?id=3796
     * @property {String} popup-title å¼¹å‡ºçª—口标题
     * @property {Array} localdata æœ¬åœ°æ•°æ®ï¼Œå‚考
     * @property {Boolean} border = [true|false] æ˜¯å¦æœ‰è¾¹æ¡†
     * @property {Boolean} readonly = [true|false] æ˜¯å¦ä»…读
     * @property {Boolean} preload = [true|false] æ˜¯å¦é¢„加载数据
     * @value true å¼€å¯é¢„加载数据，点击弹出窗口后显示已加载数据
     * @value false å…³é—­é¢„加载数据，点击弹出窗口后开始加载数据
     * @property {Boolean} step-searh = [true|false] æ˜¯å¦åˆ†å¸ƒæŸ¥è¯¢
     * @value true å¯ç”¨åˆ†å¸ƒæŸ¥è¯¢ï¼Œä»…查询当前选中节点
     * @value false å…³é—­åˆ†å¸ƒæŸ¥è¯¢ï¼Œä¸€æ¬¡æŸ¥è¯¢å‡ºæ‰€æœ‰æ•°æ®
     * @property {String|DBFieldString} self-field åˆ†å¸ƒæŸ¥è¯¢å½“前字段名称
     * @property {String|DBFieldString} parent-field åˆ†å¸ƒæŸ¥è¯¢çˆ¶å­—段名称
     * @property {String|DBCollectionString} collection è¡¨å
     * @property {String|DBFieldString} field æŸ¥è¯¢å­—段，多个字段用 `,` åˆ†å‰²
     * @property {String} orderby æŽ’序字段及正序倒叙设置
     * @property {String|JQLString} where æŸ¥è¯¢æ¡ä»¶
     * @event {Function} popupshow å¼¹å‡ºçš„选择窗口打开时触发此事件
     * @event {Function} popuphide å¼¹å‡ºçš„选择窗口关闭时触发此事件
     */
    export default {
        name: 'UniDataPicker',
        emits: ['popupopened', 'popupclosed', 'nodeclick', 'input', 'change', 'update:modelValue'],
        mixins: [dataPicker],
        components: {
            DataPickerView
        },
        props: {
            options: {
                type: [Object, Array],
                default () {
                    return {}
                }
            },
            popupTitle: {
                type: String,
                default: '请选择'
            },
            placeholder: {
                type: String,
                default: '请选择'
            },
            heightMobile: {
                type: String,
                default: ''
            },
            readonly: {
                type: Boolean,
                default: false
            },
            clearIcon: {
                type: Boolean,
                default: true
            },
            border: {
                type: Boolean,
                default: true
            },
            split: {
                type: String,
                default: '/'
            },
            ellipsis: {
                type: Boolean,
                default: true
            }
        },
        data() {
            return {
                isOpened: false,
                inputSelected: []
            }
        },
        created() {
            this.form = this.getForm('uniForms')
            this.formItem = this.getForm('uniFormsItem')
            if (this.formItem) {
                if (this.formItem.name) {
                    this.rename = this.formItem.name
                    this.form.inputChildrens.push(this)
                }
            }

            this.$nextTick(() => {
                this.load()
            })
        },
        methods: {
            clear() {
                this.inputSelected.splice(0)
                this._dispatchEvent([])
            },
            onPropsChange() {
                this._treeData = []
                this.selectedIndex = 0
                this.load()
            },
            load() {
                if (this.readonly) {
                    this._processReadonly(this.localdata, this.dataValue)
                    return
                }

                if (this.isLocaldata) {
                    this.loadData()
                    this.inputSelected = this.selected.slice(0)
                } else if (!this.parentField && !this.selfField && this.hasValue) {
                    this.getNodeData(() => {
                        this.inputSelected = this.selected.slice(0)
                    })
                } else if (this.hasValue) {
                    this.getTreePath(() => {
                        this.inputSelected = this.selected.slice(0)
                    })
                }
            },
            getForm(name = 'uniForms') {
                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;
            },
            show() {
                this.isOpened = true
                this.$nextTick(() => {
                    this.$refs.pickerView.updateData({
                        treeData: this._treeData,
                        selected: this.selected,
                        selectedIndex: this.selectedIndex
                    })
                })
                this.$emit('popupopened')
            },
            hide() {
                this.isOpened = false
                this.$emit('popupclosed')
            },
            handleInput() {
                if (this.readonly) {
                    return
                }
                this.show()
            },
            handleClose(e) {
                this.hide()
            },
            onnodeclick(e) {
                this.$emit('nodeclick', e)
            },
            ondatachange(e) {
                this._treeData = this.$refs.pickerView._treeData
            },
            onchange(e) {
                this.hide()
                this.inputSelected = e
                this._dispatchEvent(e)
            },
            _processReadonly(dataList, value) {
                var isTree = dataList.findIndex((item) => {
                    return item.children
                })
                if (isTree > -1) {
                    let inputValue
                    if (Array.isArray(value)) {
                        inputValue = value[value.length - 1]
                        if (typeof inputValue === 'object' && inputValue.value) {
                            inputValue = inputValue.value
                        }
                    } else {
                        inputValue = value
                    }
                    this.inputSelected = this._findNodePath(inputValue, this.localdata)
                    return
                }

                if (!this.hasValue) {
                    this.inputSelected = []
                    return
                }

                let result = []
                for (let i = 0; i < value.length; i++) {
                    var val = value[i]
                    var item = dataList.find((v) => {
                        return v.value == val
                    })
                    if (item) {
                        result.push(item)
                    }
                }
                if (result.length) {
                    this.inputSelected = result
                }
            },
            _filterForArray(data, valueArray) {
                var result = []
                for (let i = 0; i < valueArray.length; i++) {
                    var value = valueArray[i]
                    var found = data.find((item) => {
                        return item.value == value
                    })
                    if (found) {
                        result.push(found)
                    }
                }
                return result
            },
            _dispatchEvent(selected) {
                let item = {}
                if (selected.length) {
                    var value = new Array(selected.length)
                    for (var i = 0; i < selected.length; i++) {
                        value[i] = selected[i].value
                    }
                    item = selected[selected.length - 1]
                } else {
                    item.value = ''
                }
                if (this.formItem) {
                    this.formItem.setValue(item.value)
                }

                this.$emit('input', item.value)
                this.$emit('update:modelValue', item.value)
                this.$emit('change', {
                    detail: {
                        value: selected
                    }
                })
            }
        }
    }
</script>

<style >
    .uni-data-tree {
        position: relative;
        font-size: 14px;
    }

    .error-text {
        color: #DD524D;
    }

    .input-value {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
        font-size: 14px;
        line-height: 38px;
        padding: 0 5px;
        overflow: hidden;
        /* #ifdef APP-NVUE */
        height: 40px;
        /* #endif */
    }

    .input-value-border {
        border: 1px solid #e5e5e5;
        border-radius: 5px;
    }

    .selected-area {
        flex: 1;
        overflow: hidden;
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: row;
    }

    .load-more {
        /* #ifndef APP-NVUE */
        margin-right: auto;
        /* #endif */
        /* #ifdef APP-NVUE */
        width: 40px;
        /* #endif */
    }

    .selected-list {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 0 5px;
    }

    .selected-item {
        flex-direction: row;
        padding: 0 1px;
        /* #ifndef APP-NVUE */
        white-space: nowrap;
        /* #endif */
    }

    .placeholder {
        color: grey;
    }

    .input-split-line {
        opacity: .5;
    }

    .arrow-area {
        position: relative;
        width: 20px;
        /* #ifndef APP-NVUE */
        margin-bottom: 5px;
        margin-left: auto;
        display: flex;
        /* #endif */
        justify-content: center;
        transform: rotate(-45deg);
        transform-origin: center;
    }

    .input-arrow {
        width: 7px;
        height: 7px;
        border-left: 1px solid #999;
        border-bottom: 1px solid #999;
    }

    .uni-data-tree-cover {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, .4);
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: column;
        z-index: 100;
    }

    .uni-data-tree-dialog {
        position: fixed;
        left: 0;
        top: 20%;
        right: 0;
        bottom: 0;
        background-color: #FFFFFF;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: column;
        z-index: 102;
        overflow: hidden;
        /* #ifdef APP-NVUE */
        width: 750rpx;
        /* #endif */
    }

    .dialog-caption {
        position: relative;
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: row;
        /* border-bottom: 1px solid #f0f0f0; */
    }

    .title-area {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        align-items: center;
        /* #ifndef APP-NVUE */
        margin: auto;
        /* #endif */
        padding: 0 10px;
    }

    .dialog-title {
        /* font-weight: bold; */
        line-height: 44px;
    }

    .dialog-close {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: row;
        align-items: center;
        padding: 0 15px;
    }

    .dialog-close-plus {
        width: 16px;
        height: 2px;
        background-color: #666;
        border-radius: 2px;
        transform: rotate(45deg);
    }

    .dialog-close-rotate {
        position: absolute;
        transform: rotate(-45deg);
    }

    .picker-view {
        flex: 1;
        overflow: hidden;
    }

    /* #ifdef H5 */
    @media all and (min-width: 768px) {
        .uni-data-tree-cover {
            background-color: transparent;
        }

        .uni-data-tree-dialog {
            position: absolute;
            top: 55px;
            height: auto;
            min-height: 400px;
            max-height: 50vh;
            background-color: #fff;
            border: 1px solid #EBEEF5;
            box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
            border-radius: 4px;
            overflow: unset;
        }

        .dialog-caption {
            display: none;
        }

        .icon-clear {
            margin-right: 5px;
        }
    }

    /* #endif */

    /* picker å¼¹å‡ºå±‚通用的指示小三角, todo：扩展至上下左右方向定位 */
    /* #ifndef APP-NVUE */
    .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;
    }
    /* #endif */
    </style>

 uni_modules/uni-data-picker/components/uni-data-pickerview/uni-data-picker.js

New file
@@ -0,0 +1,563 @@
export default {
  props: {
    localdata: {
      type: [Array, Object],
      default () {
        return []
      }
    },
    spaceInfo: {
      type: Object,
      default () {
        return {}
      }
    },
    collection: {
      type: String,
      default: ''
    },
    action: {
      type: String,
      default: ''
    },
    field: {
      type: String,
      default: ''
    },
    orderby: {
      type: String,
      default: ''
    },
    where: {
      type: [String, Object],
      default: ''
    },
    pageData: {
      type: String,
      default: 'add'
    },
    pageCurrent: {
      type: Number,
      default: 1
    },
    pageSize: {
      type: Number,
      default: 20
    },
    getcount: {
      type: [Boolean, String],
      default: false
    },
    getone: {
      type: [Boolean, String],
      default: false
    },
    gettree: {
      type: [Boolean, String],
      default: false
    },
    manual: {
      type: Boolean,
      default: false
    },
    value: {
      type: [Array, String, Number],
      default () {
        return []
      }
    },
    modelValue: {
      type: [Array, String, Number],
      default () {
        return []
      }
    },
    preload: {
      type: Boolean,
      default: false
    },
    stepSearh: {
      type: Boolean,
      default: true
    },
    selfField: {
      type: String,
      default: ''
    },
    parentField: {
      type: String,
      default: ''
    },
    multiple: {
      type: Boolean,
      default: false
    },
    map: {
      type: Object,
      default() {
        return {
          text: "text",
          value: "value"
        }
      }
    }
  },
  data() {
    return {
      loading: false,
      errorMessage: '',
      loadMore: {
        contentdown: '',
        contentrefresh: '',
        contentnomore: ''
      },
      dataList: [],
      selected: [],
      selectedIndex: 0,
      page: {
        current: this.pageCurrent,
        size: this.pageSize,
        count: 0
      }
    }
  },
  computed: {
    isLocaldata() {
      return !this.collection.length
    },
    postField() {
      let fields = [this.field];
      if (this.parentField) {
        fields.push(`${this.parentField} as parent_value`);
      }
      return fields.join(',');
    },
    dataValue() {
      let isModelValue = Array.isArray(this.modelValue) ? (this.modelValue.length > 0) : (this.modelValue !== null || this.modelValue !== undefined)
      return isModelValue ? this.modelValue : this.value
    },
    hasValue() {
      if (typeof this.dataValue === 'number') {
        return true
      }
      return (this.dataValue != null) && (this.dataValue.length > 0)
    }
  },
  created() {
    this.$watch(() => {
      var al = [];
      ['pageCurrent',
        'pageSize',
        'spaceInfo',
        'value',
        'modelValue',
        'localdata',
        'collection',
        'action',
        'field',
        'orderby',
        'where',
        'getont',
        'getcount',
        'gettree'
      ].forEach(key => {
        al.push(this[key])
      });
      return al
    }, (newValue, oldValue) => {
      let needReset = false
      for (let i = 2; i < newValue.length; i++) {
        if (newValue[i] != oldValue[i]) {
          needReset = true
          break
        }
      }
      if (newValue[0] != oldValue[0]) {
        this.page.current = this.pageCurrent
      }
      this.page.size = this.pageSize

      this.onPropsChange()
    })
    this._treeData = []
  },
  methods: {
    onPropsChange() {
      this._treeData = []
    },
    getCommand(options = {}) {
      /* eslint-disable no-undef */
      let db = uniCloud.database(this.spaceInfo)

      const action = options.action || this.action
      if (action) {
        db = db.action(action)
      }

      const collection = options.collection || this.collection
      db = db.collection(collection)

      const where = options.where || this.where
      if (!(!where || !Object.keys(where).length)) {
        db = db.where(where)
      }

      const field = options.field || this.field
      if (field) {
        db = db.field(field)
      }

      const orderby = options.orderby || this.orderby
      if (orderby) {
        db = db.orderBy(orderby)
      }

      const current = options.pageCurrent !== undefined ? options.pageCurrent : this.page.current
      const size = options.pageSize !== undefined ? options.pageSize : this.page.size
      const getCount = options.getcount !== undefined ? options.getcount : this.getcount
      const getTree = options.gettree !== undefined ? options.gettree : this.gettree

      const getOptions = {
        getCount,
        getTree
      }
      if (options.getTreePath) {
        getOptions.getTreePath = options.getTreePath
      }

      db = db.skip(size * (current - 1)).limit(size).get(getOptions)

      return db
    },
        getNodeData(callback) {
          if (this.loading) {
            return
          }
          this.loading = true
          this.getCommand({
            field: this.postField,
                where: this._pathWhere()
          }).then((res) => {
            this.loading = false
            this.selected = res.result.data
            callback && callback()
          }).catch((err) => {
            this.loading = false
            this.errorMessage = err
          })
        },
    getTreePath(callback) {
      if (this.loading) {
        return
      }
      this.loading = true

      this.getCommand({
        field: this.postField,
        getTreePath: {
          startWith: `${this.selfField}=='${this.dataValue}'`
        }
      }).then((res) => {
        this.loading = false
        let treePath = []
        this._extractTreePath(res.result.data, treePath)
        this.selected = treePath
        callback && callback()
      }).catch((err) => {
        this.loading = false
        this.errorMessage = err
      })
    },
    loadData() {
      if (this.isLocaldata) {
        this._processLocalData()
        return
      }

      if (this.dataValue != null) {
        this._loadNodeData((data) => {
          this._treeData = data
          this._updateBindData()
          this._updateSelected()
        })
        return
      }

      if (this.stepSearh) {
        this._loadNodeData((data) => {
          this._treeData = data
          this._updateBindData()
        })
      } else {
        this._loadAllData((data) => {
          this._treeData = []
          this._extractTree(data, this._treeData, null)
          this._updateBindData()
        })
      }
    },
    _loadAllData(callback) {
      if (this.loading) {
        return
      }
      this.loading = true

      this.getCommand({
        field: this.postField,
        gettree: true,
        startwith: `${this.selfField}=='${this.dataValue}'`
      }).then((res) => {
        this.loading = false
        callback(res.result.data)
        this.onDataChange()
      }).catch((err) => {
        this.loading = false
        this.errorMessage = err
      })
    },
    _loadNodeData(callback, pw) {
      if (this.loading) {
        return
      }
      this.loading = true

      this.getCommand({
        field: this.postField,
        where: pw || this._postWhere(),
        pageSize: 500
      }).then((res) => {
        this.loading = false
        callback(res.result.data)
        this.onDataChange()
      }).catch((err) => {
        this.loading = false
        this.errorMessage = err
      })
    },
    _pathWhere() {
      let result = []
      let where_field = this._getParentNameByField();
      if (where_field) {
        result.push(`${where_field} == '${this.dataValue}'`)
      }

      if (this.where) {
        return `(${this.where}) && (${result.join(' || ')})`
      }

      return result.join(' || ')
    },
    _postWhere() {
      let result = []
      let selected = this.selected
      let parentField = this.parentField
      if (parentField) {
        result.push(`${parentField} == null || ${parentField} == ""`)
      }
      if (selected.length) {
        for (var i = 0; i < selected.length - 1; i++) {
          result.push(`${parentField} == '${selected[i].value}'`)
        }
      }

      let where = []
      if (this.where) {
        where.push(`(${this.where})`)
      }
      if (result.length) {
        where.push(`(${result.join(' || ')})`)
      }

      return where.join(' && ')
    },
    _nodeWhere() {
      let result = []
      let selected = this.selected
      if (selected.length) {
        result.push(`${this.parentField} == '${selected[selected.length - 1].value}'`)
      }

      if (this.where) {
        return `(${this.where}) && (${result.join(' || ')})`
      }

      return result.join(' || ')
    },
    _getParentNameByField() {
      const fields = this.field.split(',');
      let where_field = null;
      for (let i = 0; i < fields.length; i++) {
        const items = fields[i].split('as');
        if (items.length < 2) {
          continue;
        }
        if (items[1].trim() === 'value') {
          where_field = items[0].trim();
          break;
        }
      }
      return where_field
    },
    _isTreeView() {
      return (this.parentField && this.selfField)
    },
    _updateSelected() {
      var dl = this.dataList
      var sl = this.selected
      let textField = this.map.text
      let valueField = this.map.value
      for (var i = 0; i < sl.length; i++) {
        var value = sl[i].value
        var dl2 = dl[i]
        for (var j = 0; j < dl2.length; j++) {
          var item2 = dl2[j]
          if (item2[valueField] === value) {
            sl[i].text = item2[textField]
            break
          }
        }
      }
    },
    _updateBindData(node) {
      const {
        dataList,
        hasNodes
      } = this._filterData(this._treeData, this.selected)

      let isleaf = this._stepSearh === false && !hasNodes

      if (node) {
        node.isleaf = isleaf
      }

      this.dataList = dataList
      this.selectedIndex = dataList.length - 1

      if (!isleaf && this.selected.length < dataList.length) {
        this.selected.push({
          value: null,
          text: "请选择"
        })
      }

      return {
        isleaf,
        hasNodes
      }
    },
    _filterData(data, paths) {
      let dataList = []
      let hasNodes = true

      dataList.push(data.filter((item) => {
        return (item.parent_value === null || item.parent_value === undefined || item.parent_value === '')
      }))
      for (let i = 0; i < paths.length; i++) {
        var value = paths[i].value
        var nodes = data.filter((item) => {
          return item.parent_value === value
        })

        if (nodes.length) {
          dataList.push(nodes)
        } else {
          hasNodes = false
        }
      }

      return {
        dataList,
        hasNodes
      }
    },
    _extractTree(nodes, result, parent_value) {
      let list = result || []
      let valueField = this.map.value
      for (let i = 0; i < nodes.length; i++) {
        let node = nodes[i]

        let child = {}
        for (let key in node) {
          if (key !== 'children') {
            child[key] = node[key]
          }
        }
        if (parent_value !== null && parent_value !== undefined && parent_value !== '') {
          child.parent_value = parent_value
        }
        result.push(child)

        let children = node.children
        if (children) {
          this._extractTree(children, result, node[valueField])
        }
      }
    },
    _extractTreePath(nodes, result) {
      let list = result || []
      for (let i = 0; i < nodes.length; i++) {
        let node = nodes[i]

        let child = {}
        for (let key in node) {
          if (key !== 'children') {
            child[key] = node[key]
          }
        }
        result.push(child)

        let children = node.children
        if (children) {
          this._extractTreePath(children, result)
        }
      }
    },
    _findNodePath(key, nodes, path = []) {
      let textField = this.map.text
      let valueField = this.map.value
      for (let i = 0; i < nodes.length; i++) {
        let node = nodes[i]
        let children = node.children
        let text = node[textField]
        let value = node[valueField]

        path.push({
          value,
          text
        })

        if (value === key) {
          return path
        }

        if (children) {
          const p = this._findNodePath(key, children, path)
          if (p.length) {
            return p
          }
        }

        path.pop()
      }
      return []
    },
    _processLocalData() {
      this._treeData = []
      this._extractTree(this.localdata, this._treeData)

      var inputValue = this.dataValue
      if (inputValue === undefined) {
        return
      }

      if (Array.isArray(inputValue)) {
        inputValue = inputValue[inputValue.length - 1]
        if (typeof inputValue === 'object' && inputValue[this.map.value]) {
          inputValue = inputValue[this.map.value]
        }
      }

      this.selected = this._findNodePath(inputValue, this.localdata)
    }
  }
}

 uni_modules/uni-data-picker/components/uni-data-pickerview/uni-data-pickerview.vue

New file
@@ -0,0 +1,333 @@
<template>
    <view class="uni-data-pickerview">
        <scroll-view class="selected-area" scroll-x="true" scroll-y="false" :show-scrollbar="false">
            <view class="selected-list">
                <template v-for="(item,index) in selected">
                    <view class="selected-item"
                        :class="{'selected-item-active':index==selectedIndex, 'selected-item-text-overflow': ellipsis}"
                        :key="index" v-if="item.text" @click="handleSelect(index)">
                        <text class="">{{item.text}}</text>
                    </view>
                </template>
            </view>
        </scroll-view>
        <view class="tab-c">
            <template v-for="(child, i) in dataList">
                <scroll-view class="list" :key="i" v-if="i==selectedIndex" :scroll-y="true">
                    <view class="item" :class="{'is-disabled': !!item.disable}" v-for="(item, j) in child" :key="j"
                        @click="handleNodeClick(item, i, j)">
                        <text class="item-text item-text-overflow">{{item[map.text]}}</text>
                        <view class="check" v-if="selected.length > i && item[map.value] == selected[i].value"></view>
                    </view>
                </scroll-view>
            </template>

            <view class="loading-cover" v-if="loading">
                <uni-load-more class="load-more" :contentText="loadMore" status="loading"></uni-load-more>
            </view>
            <view class="error-message" v-if="errorMessage">
                <text class="error-text">{{errorMessage}}</text>
            </view>
        </view>
    </view>
</template>

<script>
    import dataPicker from "./uni-data-picker.js"

    /**
     * DataPickerview
     * @description uni-data-pickerview
     * @tutorial https://ext.dcloud.net.cn/plugin?id=3796
     * @property {Array} localdata æœ¬åœ°æ•°æ®ï¼Œå‚考
     * @property {Boolean} step-searh = [true|false] æ˜¯å¦åˆ†å¸ƒæŸ¥è¯¢
     * @value true å¯ç”¨åˆ†å¸ƒæŸ¥è¯¢ï¼Œä»…查询当前选中节点
     * @value false å…³é—­åˆ†å¸ƒæŸ¥è¯¢ï¼Œä¸€æ¬¡æŸ¥è¯¢å‡ºæ‰€æœ‰æ•°æ®
     * @property {String|DBFieldString} self-field åˆ†å¸ƒæŸ¥è¯¢å½“前字段名称
     * @property {String|DBFieldString} parent-field åˆ†å¸ƒæŸ¥è¯¢çˆ¶å­—段名称
     * @property {String|DBCollectionString} collection è¡¨å
     * @property {String|DBFieldString} field æŸ¥è¯¢å­—段，多个字段用 `,` åˆ†å‰²
     * @property {String} orderby æŽ’序字段及正序倒叙设置
     * @property {String|JQLString} where æŸ¥è¯¢æ¡ä»¶
     */
    export default {
        name: 'UniDataPickerView',
        emits: ['nodeclick', 'change', 'datachange', 'update:modelValue'],
        mixins: [dataPicker],
        props: {
            managedMode: {
                type: Boolean,
                default: false
            },
            ellipsis: {
                type: Boolean,
                default: true
            }
        },
        data() {
            return {}
        },
        created() {
            if (this.managedMode) {
                return
            }

            this.$nextTick(() => {
                this.load()
            })
        },
        methods: {
            onPropsChange() {
                this._treeData = []
                this.selectedIndex = 0
                this.load()
            },
            load() {
                if (this.isLocaldata) {
                    this.loadData()
                } else if (this.dataValue.length) {
                    this.getTreePath((res) => {
                        this.loadData()
                    })
                }
            },
            handleSelect(index) {
                this.selectedIndex = index
            },
            handleNodeClick(item, i, j) {
                if (item.disable) {
                    return
                }
                const node = this.dataList[i][j]
                const text = node[this.map.text]
                const value = node[this.map.value]
                if (i < this.selected.length - 1) {
                    this.selected.splice(i, this.selected.length - i)
                    this.selected.push({
                        text,
                        value
                    })
                } else if (i === this.selected.length - 1) {
                    this.selected.splice(i, 1, {
                        text,
                        value
                    })
                }

                if (node.isleaf) {
                    this.onSelectedChange(node, node.isleaf)
                    return
                }

                const {
                    isleaf,
                    hasNodes
                } = this._updateBindData()

                if (!this._isTreeView() && !hasNodes) {
                    this.onSelectedChange(node, true)
                    return
                }

                if (this.isLocaldata && (!hasNodes || isleaf)) {
                    this.onSelectedChange(node, true)
                    return
                }

                if (!isleaf && !hasNodes) {
                    this._loadNodeData((data) => {
                        if (!data.length) {
                            node.isleaf = true
                        } else {
                            this._treeData.push(...data)
                            this._updateBindData(node)
                        }
                        this.onSelectedChange(node, node.isleaf)
                    }, this._nodeWhere())
                    return
                }

                this.onSelectedChange(node, false)
            },
            updateData(data) {
                this._treeData = data.treeData
                this.selected = data.selected
                if (!this._treeData.length) {
                    this.loadData()
                } else {
                    //this.selected = data.selected
                    this._updateBindData()
                }
            },
            onDataChange() {
                this.$emit('datachange')
            },
            onSelectedChange(node, isleaf) {
                if (isleaf) {
                    this._dispatchEvent()
                }

                if (node) {
                    this.$emit('nodeclick', node)
                }
            },
            _dispatchEvent() {
                this.$emit('change', this.selected.slice(0))
            }
        }
    }
</script>
<style >
    .uni-data-pickerview {
        flex: 1;
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: column;
        overflow: hidden;
        height: 100%;
    }

    .error-text {
        color: #DD524D;
    }

    .loading-cover {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(255, 255, 255, .5);
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: column;
        align-items: center;
        z-index: 1001;
    }

    .load-more {
        /* #ifndef APP-NVUE */
        margin: auto;
        /* #endif */
    }

    .error-message {
        background-color: #fff;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        padding: 15px;
        opacity: .9;
        z-index: 102;
    }

    /* #ifdef APP-NVUE */
    .selected-area {
        width: 750rpx;
    }

    /* #endif */

    .selected-list {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 0 5px;
        border-bottom: 1px solid #f8f8f8;
    }

    .selected-item {
        margin-left: 10px;
        margin-right: 10px;
        padding: 12px 0;
        text-align: center;
        /* #ifndef APP-NVUE */
        white-space: nowrap;
        /* #endif */
    }

    .selected-item-text-overflow {
        width: 168px;
        /* fix nvue */
        overflow: hidden;
        /* #ifndef APP-NVUE */
        width: 6em;
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        /* #endif */
    }

    .selected-item-active {
        border-bottom: 2px solid #007aff;
    }

    .selected-item-text {
        color: #007aff;
    }

    .tab-c {
        position: relative;
        flex: 1;
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: row;
        overflow: hidden;
    }

    .list {
        flex: 1;
    }

    .item {
        padding: 12px 15px;
        /* border-bottom: 1px solid #f0f0f0; */
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: row;
        justify-content: space-between;
    }

    .is-disabled {
        opacity: .5;
    }

    .item-text {
        /* flex: 1; */
        color: #333333;
    }

    .item-text-overflow {
        width: 280px;
        /* fix nvue */
        overflow: hidden;
        /* #ifndef APP-NVUE */
        width: 20em;
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        /* #endif */
    }

    .check {
        margin-right: 5px;
        border: 2px solid #007aff;
        border-left: 0;
        border-top: 0;
        height: 12px;
        width: 6px;
        transform-origin: center;
        /* #ifndef APP-NVUE */
        transition: all 0.3s;
        /* #endif */
        transform: rotate(45deg);
    }
</style>

 uni_modules/uni-data-picker/package.json

New file
@@ -0,0 +1,92 @@
{
  "id": "uni-data-picker",
  "displayName": "uni-data-picker æ•°æ®é©±åŠ¨çš„picker选择器",
  "version": "1.0.3",
  "description": "单列、多列级联选择器，常用于省市区城市选择、公司部门选择、多级分类等场景",
  "keywords": [
    "uni-ui",
    "uniui",
    "picker",
    "级联",
    "省市区",
    ""
],
  "repository": "https://github.com/dcloudio/uni-ui",
  "engines": {
    "HBuilderX": ""
  },
  "directories": {
    "example": "../../temps/example_temps"
  },
  "dcloudext": {
    "category": [
      "前端组件",
      "通用组件"
    ],
    "sale": {
      "regular": {
        "price": "0.00"
      },
      "sourcecode": {
        "price": "0.00"
      }
    },
    "contact": {
      "qq": ""
    },
    "declaration": {
      "ads": "无",
      "data": "无",
      "permissions": "无"
    },
    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
  },
  "uni_modules": {
    "dependencies": [
      "uni-load-more",
            "uni-icons",
            "uni-scss"
    ],
    "encrypt": [],
    "platforms": {
      "cloud": {
        "tcb": "y",
        "aliyun": "y"
      },
      "client": {
        "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"
        },
        "快应用": {
          "华为": "u",
          "联盟": "u"
        },
        "Vue": {
            "vue2": "y",
            "vue3": "y"
        }
      }
    }
  }
}

 uni_modules/uni-data-picker/readme.md

New file
@@ -0,0 +1,22 @@
## 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)
#### å¦‚使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui äº¤æµç¾¤ï¼š871950839 

 uni_modules/uni-dateformat/changelog.md

New file
@@ -0,0 +1,10 @@
## 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-dateformat](https://uniapp.dcloud.io/component/uniui/uni-dateformat)
## 0.0.5（2021-07-08）
- è°ƒæ•´ é»˜è®¤æ—¶é—´ä¸å†æ˜¯å½“前时间，而是显示'-'字符
## 0.0.4（2021-05-12）
- æ–°å¢ž ç»„件示例地址
## 0.0.3（2021-02-04）
- è°ƒæ•´ä¸ºuni_modules目录规范
- ä¿®å¤ iOS å¹³å°æ—¥æœŸæ ¼å¼åŒ–出错的问题

 uni_modules/uni-dateformat/components/uni-dateformat/date-format.js

New file
@@ -0,0 +1,200 @@
// yyyy-MM-dd hh:mm:ss.SSS æ‰€æœ‰æ”¯æŒçš„类型
function pad(str, length = 2) {
    str += ''
    while (str.length < length) {
        str = '0' + str
    }
    return str.slice(-length)
}

const parser = {
    yyyy: (dateObj) => {
        return pad(dateObj.year, 4)
    },
    yy: (dateObj) => {
        return pad(dateObj.year)
    },
    MM: (dateObj) => {
        return pad(dateObj.month)
    },
    M: (dateObj) => {
        return dateObj.month
    },
    dd: (dateObj) => {
        return pad(dateObj.day)
    },
    d: (dateObj) => {
        return dateObj.day
    },
    hh: (dateObj) => {
        return pad(dateObj.hour)
    },
    h: (dateObj) => {
        return dateObj.hour
    },
    mm: (dateObj) => {
        return pad(dateObj.minute)
    },
    m: (dateObj) => {
        return dateObj.minute
    },
    ss: (dateObj) => {
        return pad(dateObj.second)
    },
    s: (dateObj) => {
        return dateObj.second
    },
    SSS: (dateObj) => {
        return pad(dateObj.millisecond, 3)
    },
    S: (dateObj) => {
        return dateObj.millisecond
    },
}

// è¿™éƒ½n年了iOS依然不认识2020-12-12，需要转换为2020/12/12
function getDate(time) {
    if (time instanceof Date) {
        return time
    }
    switch (typeof time) {
        case 'string':
            {
                // 2020-12-12T12:12:12.000Z、2020-12-12T12:12:12.000
                if (time.indexOf('T') > -1) {
                    return new Date(time)
                }
                return new Date(time.replace(/-/g, '/'))
            }
        default:
            return new Date(time)
    }
}

export function formatDate(date, format = 'yyyy/MM/dd hh:mm:ss') {
    if (!date && date !== 0) {
        return ''
    }
    date = getDate(date)
    const dateObj = {
        year: date.getFullYear(),
        month: date.getMonth() + 1,
        day: date.getDate(),
        hour: date.getHours(),
        minute: date.getMinutes(),
        second: date.getSeconds(),
        millisecond: date.getMilliseconds()
    }
    const tokenRegExp = /yyyy|yy|MM|M|dd|d|hh|h|mm|m|ss|s|SSS|SS|S/
    let flag = true
    let result = format
    while (flag) {
        flag = false
        result = result.replace(tokenRegExp, function(matched) {
            flag = true
            return parser[matched](dateObj)
        })
    }
    return result
}

export function friendlyDate(time, {
    locale = 'zh',
    threshold = [60000, 3600000],
    format = 'yyyy/MM/dd hh:mm:ss'
}) {
    if (time === '-') {
        return time
    }
    if (!time && time !== 0) {
        return ''
    }
    const localeText = {
        zh: {
            year: 'å¹´',
            month: '月',
            day: '天',
            hour: '小时',
            minute: '分钟',
            second: '秒',
            ago: '前',
            later: '后',
            justNow: '刚刚',
            soon: '马上',
            template: '{num}{unit}{suffix}'
        },
        en: {
            year: 'year',
            month: 'month',
            day: 'day',
            hour: 'hour',
            minute: 'minute',
            second: 'second',
            ago: 'ago',
            later: 'later',
            justNow: 'just now',
            soon: 'soon',
            template: '{num} {unit} {suffix}'
        }
    }
    const text = localeText[locale] || localeText.zh
    let date = getDate(time)
    let ms = date.getTime() - Date.now()
    let absMs = Math.abs(ms)
    if (absMs < threshold[0]) {
        return ms < 0 ? text.justNow : text.soon
    }
    if (absMs >= threshold[1]) {
        return formatDate(date, format)
    }
    let num
    let unit
    let suffix = text.later
    if (ms < 0) {
        suffix = text.ago
        ms = -ms
    }
    const seconds = Math.floor((ms) / 1000)
    const minutes = Math.floor(seconds / 60)
    const hours = Math.floor(minutes / 60)
    const days = Math.floor(hours / 24)
    const months = Math.floor(days / 30)
    const years = Math.floor(months / 12)
    switch (true) {
        case years > 0:
            num = years
            unit = text.year
            break
        case months > 0:
            num = months
            unit = text.month
            break
        case days > 0:
            num = days
            unit = text.day
            break
        case hours > 0:
            num = hours
            unit = text.hour
            break
        case minutes > 0:
            num = minutes
            unit = text.minute
            break
        default:
            num = seconds
            unit = text.second
            break
    }

    if (locale === 'en') {
        if (num === 1) {
            num = 'a'
        } else {
            unit += 's'
        }
    }

    return text.template.replace(/{\s*num\s*}/g, num + '').replace(/{\s*unit\s*}/g, unit).replace(/{\s*suffix\s*}/g,
        suffix)
}

 uni_modules/uni-dateformat/components/uni-dateformat/uni-dateformat.vue

New file
@@ -0,0 +1,88 @@
<template>
    <text>{{dateShow}}</text>
</template>

<script>
    import {friendlyDate} from './date-format.js'
    /**
     * Dateformat æ—¥æœŸæ ¼å¼åŒ–
     * @description æ—¥æœŸæ ¼å¼åŒ–组件
     * @tutorial https://ext.dcloud.net.cn/plugin?id=3279
     * @property {Object|String|Number} date æ—¥æœŸå¯¹è±¡/日期字符串/时间戳
     * @property {String} locale æ ¼å¼åŒ–使用的语言
     *     @value zh ä¸­æ–‡
     *     @value en è‹±æ–‡
     * @property {Array} threshold åº”用不同类型格式化的阈值
     * @property {String} format è¾“出日期字符串时的格式
     */
    export default {
        name: 'uniDateformat',
        props: {
            date: {
                type: [Object, String, Number],
                default () {
                    return '-'
                }
            },
            locale: {
                type: String,
                default: 'zh',
            },
            threshold: {
                type: Array,
                default () {
                    return [0, 0]
                }
            },
            format: {
                type: String,
                default: 'yyyy/MM/dd hh:mm:ss'
            },
            // refreshRate使用不当可能导致性能问题，谨慎使用
            refreshRate: {
                type: [Number, String],
                default: 0
            }
        },
        data() {
            return {
                refreshMark: 0
            }
        },
        computed: {
            dateShow() {
                this.refreshMark
                return friendlyDate(this.date, {
                    locale: this.locale,
                    threshold: this.threshold,
                    format: this.format
                })
            }
        },
        watch: {
            refreshRate: {
                handler() {
                    this.setAutoRefresh()
                },
                immediate: true
            }
        },
        methods: {
            refresh() {
                this.refreshMark++
            },
            setAutoRefresh() {
                clearInterval(this.refreshInterval)
                if (this.refreshRate) {
                    this.refreshInterval = setInterval(() => {
                        this.refresh()
                    }, parseInt(this.refreshRate))
                }
            }
        }
    }
</script>

<style>

</style>

 uni_modules/uni-dateformat/package.json

New file
@@ -0,0 +1,88 @@
{
  "id": "uni-dateformat",
  "displayName": "uni-dateformat æ—¥æœŸæ ¼å¼åŒ–",
  "version": "1.0.0",
  "description": "日期格式化组件，可以将日期格式化为1分钟前、刚刚等形式",
  "keywords": [
    "uni-ui",
    "uniui",
    "日期格式化",
    "时间格式化",
    "格式化时间",
    ""
],
  "repository": "https://github.com/dcloudio/uni-ui",
  "engines": {
    "HBuilderX": ""
  },
  "directories": {
    "example": "../../temps/example_temps"
  },
  "dcloudext": {
    "category": [
      "前端组件",
      "通用组件"
    ],
    "sale": {
      "regular": {
        "price": "0.00"
      },
      "sourcecode": {
        "price": "0.00"
      }
    },
    "contact": {
      "qq": ""
    },
    "declaration": {
      "ads": "无",
      "data": "无",
      "permissions": "无"
    },
    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
  },
  "uni_modules": {
    "dependencies": ["uni-scss"],
    "encrypt": [],
    "platforms": {
      "cloud": {
        "tcb": "y",
        "aliyun": "y"
      },
      "client": {
        "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"
        },
        "Vue": {
            "vue2": "y",
            "vue3": "y"
        }
      }
    }
  }
}

 uni_modules/uni-dateformat/readme.md

New file
@@ -0,0 +1,11 @@


### DateFormat æ—¥æœŸæ ¼å¼åŒ–
> **组件名：uni-dateformat**
> ä»£ç å—： `uDateformat`


日期格式化组件。

### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-dateformat)
#### å¦‚使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui äº¤æµç¾¤ï¼š871950839 

 uni_modules/uni-datetime-picker/components/uni-datetime-picker/calendar.js

New file
@@ -0,0 +1,546 @@
/**
* @1900-2100区间内的公历、农历互转
* @charset UTF-8
* @github  https://github.com/jjonline/calendar.js
* @Author  Jea杨(JJonline@JJonline.Cn)
* @Time    2014-7-21
* @Time    2016-8-13 Fixed 2033hex、Attribution Annals
* @Time    2016-9-25 Fixed lunar LeapMonth Param Bug
* @Time    2017-7-24 Fixed use getTerm Func Param Error.use solar year,NOT lunar year
* @Version 1.0.3
* @公历转农历：calendar.solar2lunar(1987,11,01); //[you can ignore params of prefix 0]
* @农历转公历：calendar.lunar2solar(1987,09,10); //[you can ignore params of prefix 0]
*/
/* eslint-disable */
var calendar = {

  /**
      * å†œåŽ†1900-2100的润大小信息表
      * @Array Of Property
      * @return Hex
      */
  lunarInfo: [0x04bd8, 0x04ae0, 0x0a570, 0x054d5, 0x0d260, 0x0d950, 0x16554, 0x056a0, 0x09ad0, 0x055d2, // 1900-1909
    0x04ae0, 0x0a5b6, 0x0a4d0, 0x0d250, 0x1d255, 0x0b540, 0x0d6a0, 0x0ada2, 0x095b0, 0x14977, // 1910-1919
    0x04970, 0x0a4b0, 0x0b4b5, 0x06a50, 0x06d40, 0x1ab54, 0x02b60, 0x09570, 0x052f2, 0x04970, // 1920-1929
    0x06566, 0x0d4a0, 0x0ea50, 0x06e95, 0x05ad0, 0x02b60, 0x186e3, 0x092e0, 0x1c8d7, 0x0c950, // 1930-1939
    0x0d4a0, 0x1d8a6, 0x0b550, 0x056a0, 0x1a5b4, 0x025d0, 0x092d0, 0x0d2b2, 0x0a950, 0x0b557, // 1940-1949
    0x06ca0, 0x0b550, 0x15355, 0x04da0, 0x0a5b0, 0x14573, 0x052b0, 0x0a9a8, 0x0e950, 0x06aa0, // 1950-1959
    0x0aea6, 0x0ab50, 0x04b60, 0x0aae4, 0x0a570, 0x05260, 0x0f263, 0x0d950, 0x05b57, 0x056a0, // 1960-1969
    0x096d0, 0x04dd5, 0x04ad0, 0x0a4d0, 0x0d4d4, 0x0d250, 0x0d558, 0x0b540, 0x0b6a0, 0x195a6, // 1970-1979
    0x095b0, 0x049b0, 0x0a974, 0x0a4b0, 0x0b27a, 0x06a50, 0x06d40, 0x0af46, 0x0ab60, 0x09570, // 1980-1989
    0x04af5, 0x04970, 0x064b0, 0x074a3, 0x0ea50, 0x06b58, 0x05ac0, 0x0ab60, 0x096d5, 0x092e0, // 1990-1999
    0x0c960, 0x0d954, 0x0d4a0, 0x0da50, 0x07552, 0x056a0, 0x0abb7, 0x025d0, 0x092d0, 0x0cab5, // 2000-2009
    0x0a950, 0x0b4a0, 0x0baa4, 0x0ad50, 0x055d9, 0x04ba0, 0x0a5b0, 0x15176, 0x052b0, 0x0a930, // 2010-2019
    0x07954, 0x06aa0, 0x0ad50, 0x05b52, 0x04b60, 0x0a6e6, 0x0a4e0, 0x0d260, 0x0ea65, 0x0d530, // 2020-2029
    0x05aa0, 0x076a3, 0x096d0, 0x04afb, 0x04ad0, 0x0a4d0, 0x1d0b6, 0x0d250, 0x0d520, 0x0dd45, // 2030-2039
    0x0b5a0, 0x056d0, 0x055b2, 0x049b0, 0x0a577, 0x0a4b0, 0x0aa50, 0x1b255, 0x06d20, 0x0ada0, // 2040-2049
    /** Add By JJonline@JJonline.Cn**/
    0x14b63, 0x09370, 0x049f8, 0x04970, 0x064b0, 0x168a6, 0x0ea50, 0x06b20, 0x1a6c4, 0x0aae0, // 2050-2059
    0x0a2e0, 0x0d2e3, 0x0c960, 0x0d557, 0x0d4a0, 0x0da50, 0x05d55, 0x056a0, 0x0a6d0, 0x055d4, // 2060-2069
    0x052d0, 0x0a9b8, 0x0a950, 0x0b4a0, 0x0b6a6, 0x0ad50, 0x055a0, 0x0aba4, 0x0a5b0, 0x052b0, // 2070-2079
    0x0b273, 0x06930, 0x07337, 0x06aa0, 0x0ad50, 0x14b55, 0x04b60, 0x0a570, 0x054e4, 0x0d160, // 2080-2089
    0x0e968, 0x0d520, 0x0daa0, 0x16aa6, 0x056d0, 0x04ae0, 0x0a9d4, 0x0a2d0, 0x0d150, 0x0f252, // 2090-2099
    0x0d520], // 2100

  /**
      * å…¬åŽ†æ¯ä¸ªæœˆä»½çš„天数普通表
      * @Array Of Property
      * @return Number
      */
  solarMonth: [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31],

  /**
      * å¤©å¹²åœ°æ”¯ä¹‹å¤©å¹²é€ŸæŸ¥è¡¨
      * @Array Of Property trans["甲","乙","丙","丁","戊","å·±","庚","辛","壬","癸"]
      * @return Cn string
      */
  Gan: ['\u7532', '\u4e59', '\u4e19', '\u4e01', '\u620a', '\u5df1', '\u5e9a', '\u8f9b', '\u58ec', '\u7678'],

  /**
      * å¤©å¹²åœ°æ”¯ä¹‹åœ°æ”¯é€ŸæŸ¥è¡¨
      * @Array Of Property
      * @trans["子","丑","寅","卯","è¾°","å·³","午","未","申","酉","戌","亥"]
      * @return Cn string
      */
  Zhi: ['\u5b50', '\u4e11', '\u5bc5', '\u536f', '\u8fb0', '\u5df3', '\u5348', '\u672a', '\u7533', '\u9149', '\u620c', '\u4ea5'],

  /**
      * å¤©å¹²åœ°æ”¯ä¹‹åœ°æ”¯é€ŸæŸ¥è¡¨<=>生肖
      * @Array Of Property
      * @trans["é¼ ","牛","虎","兔","龙","蛇","马","羊","猴","鸡","狗","猪"]
      * @return Cn string
      */
  Animals: ['\u9f20', '\u725b', '\u864e', '\u5154', '\u9f99', '\u86c7', '\u9a6c', '\u7f8a', '\u7334', '\u9e21', '\u72d7', '\u732a'],

  /**
      * 24节气速查表
      * @Array Of Property
      * @trans["小寒","大寒","立春","雨水","惊蛰","春分","清明","谷雨","立夏","小满","芒种","夏至","小暑","大暑","立秋","处暑","白露","秋分","寒露","霜降","立冬","小雪","大雪","冬至"]
      * @return Cn string
      */
  solarTerm: ['\u5c0f\u5bd2', '\u5927\u5bd2', '\u7acb\u6625', '\u96e8\u6c34', '\u60ca\u86f0', '\u6625\u5206', '\u6e05\u660e', '\u8c37\u96e8', '\u7acb\u590f', '\u5c0f\u6ee1', '\u8292\u79cd', '\u590f\u81f3', '\u5c0f\u6691', '\u5927\u6691', '\u7acb\u79cb', '\u5904\u6691', '\u767d\u9732', '\u79cb\u5206', '\u5bd2\u9732', '\u971c\u964d', '\u7acb\u51ac', '\u5c0f\u96ea', '\u5927\u96ea', '\u51ac\u81f3'],

  /**
      * 1900-2100各年的24节气日期速查表
      * @Array Of Property
      * @return 0x string For splice
      */
  sTermInfo: ['9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e', '97bcf97c3598082c95f8c965cc920f',
    '97bd0b06bdb0722c965ce1cfcc920f', 'b027097bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
    '97bcf97c359801ec95f8c965cc920f', '97bd0b06bdb0722c965ce1cfcc920f', 'b027097bd097c36b0b6fc9274c91aa',
    '97b6b97bd19801ec9210c965cc920e', '97bcf97c359801ec95f8c965cc920f', '97bd0b06bdb0722c965ce1cfcc920f',
    'b027097bd097c36b0b6fc9274c91aa', '9778397bd19801ec9210c965cc920e', '97b6b97bd19801ec95f8c965cc920f',
    '97bd09801d98082c95f8e1cfcc920f', '97bd097bd097c36b0b6fc9210c8dc2', '9778397bd197c36c9210c9274c91aa',
    '97b6b97bd19801ec95f8c965cc920e', '97bd09801d98082c95f8e1cfcc920f', '97bd097bd097c36b0b6fc9210c8dc2',
    '9778397bd097c36c9210c9274c91aa', '97b6b97bd19801ec95f8c965cc920e', '97bcf97c3598082c95f8e1cfcc920f',
    '97bd097bd097c36b0b6fc9210c8dc2', '9778397bd097c36c9210c9274c91aa', '97b6b97bd19801ec9210c965cc920e',
    '97bcf97c3598082c95f8c965cc920f', '97bd097bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
    '97b6b97bd19801ec9210c965cc920e', '97bcf97c3598082c95f8c965cc920f', '97bd097bd097c35b0b6fc920fb0722',
    '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e', '97bcf97c359801ec95f8c965cc920f',
    '97bd097bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
    '97bcf97c359801ec95f8c965cc920f', '97bd097bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
    '97b6b97bd19801ec9210c965cc920e', '97bcf97c359801ec95f8c965cc920f', '97bd097bd07f595b0b6fc920fb0722',
    '9778397bd097c36b0b6fc9210c8dc2', '9778397bd19801ec9210c9274c920e', '97b6b97bd19801ec95f8c965cc920f',
    '97bd07f5307f595b0b0bc920fb0722', '7f0e397bd097c36b0b6fc9210c8dc2', '9778397bd097c36c9210c9274c920e',
    '97b6b97bd19801ec95f8c965cc920f', '97bd07f5307f595b0b0bc920fb0722', '7f0e397bd097c36b0b6fc9210c8dc2',
    '9778397bd097c36c9210c9274c91aa', '97b6b97bd19801ec9210c965cc920e', '97bd07f1487f595b0b0bc920fb0722',
    '7f0e397bd097c36b0b6fc9210c8dc2', '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
    '97bcf7f1487f595b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
    '97b6b97bd19801ec9210c965cc920e', '97bcf7f1487f595b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722',
    '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e', '97bcf7f1487f531b0b0bb0b6fb0722',
    '7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
    '97bcf7f1487f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
    '97b6b97bd19801ec9210c9274c920e', '97bcf7f0e47f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722',
    '9778397bd097c36b0b6fc9210c91aa', '97b6b97bd197c36c9210c9274c920e', '97bcf7f0e47f531b0b0bb0b6fb0722',
    '7f0e397bd07f595b0b0bc920fb0722', '9778397bd097c36b0b6fc9210c8dc2', '9778397bd097c36c9210c9274c920e',
    '97b6b7f0e47f531b0723b0b6fb0722', '7f0e37f5307f595b0b0bc920fb0722', '7f0e397bd097c36b0b6fc9210c8dc2',
    '9778397bd097c36b0b70c9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721', '7f0e37f1487f595b0b0bb0b6fb0722',
    '7f0e397bd097c35b0b6fc9210c8dc2', '9778397bd097c36b0b6fc9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721',
    '7f0e27f1487f595b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
    '97b6b7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722',
    '9778397bd097c36b0b6fc9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722',
    '7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721',
    '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
    '97b6b7f0e47f531b0723b0787b0721', '7f0e27f0e47f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722',
    '9778397bd097c36b0b6fc9210c91aa', '97b6b7f0e47f149b0723b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722',
    '7f0e397bd07f595b0b0bc920fb0722', '9778397bd097c36b0b6fc9210c8dc2', '977837f0e37f149b0723b0787b0721',
    '7f07e7f0e47f531b0723b0b6fb0722', '7f0e37f5307f595b0b0bc920fb0722', '7f0e397bd097c35b0b6fc9210c8dc2',
    '977837f0e37f14998082b0787b0721', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e37f1487f595b0b0bb0b6fb0722',
    '7f0e397bd097c35b0b6fc9210c8dc2', '977837f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
    '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722', '977837f0e37f14998082b0787b06bd',
    '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722',
    '977837f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722',
    '7f0e397bd07f595b0b0bc920fb0722', '977837f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
    '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722', '977837f0e37f14998082b0787b06bd',
    '7f07e7f0e47f149b0723b0787b0721', '7f0e27f0e47f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722',
    '977837f0e37f14998082b0723b06bd', '7f07e7f0e37f149b0723b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722',
    '7f0e397bd07f595b0b0bc920fb0722', '977837f0e37f14898082b0723b02d5', '7ec967f0e37f14998082b0787b0721',
    '7f07e7f0e47f531b0723b0b6fb0722', '7f0e37f1487f595b0b0bb0b6fb0722', '7f0e37f0e37f14898082b0723b02d5',
    '7ec967f0e37f14998082b0787b0721', '7f07e7f0e47f531b0723b0b6fb0722', '7f0e37f1487f531b0b0bb0b6fb0722',
    '7f0e37f0e37f14898082b0723b02d5', '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
    '7f0e37f1487f531b0b0bb0b6fb0722', '7f0e37f0e37f14898082b072297c35', '7ec967f0e37f14998082b0787b06bd',
    '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e37f0e37f14898082b072297c35',
    '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722',
    '7f0e37f0e366aa89801eb072297c35', '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f149b0723b0787b0721',
    '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e37f0e366aa89801eb072297c35', '7ec967f0e37f14998082b0723b06bd',
    '7f07e7f0e47f149b0723b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722', '7f0e37f0e366aa89801eb072297c35',
    '7ec967f0e37f14998082b0723b06bd', '7f07e7f0e37f14998083b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722',
    '7f0e37f0e366aa89801eb072297c35', '7ec967f0e37f14898082b0723b02d5', '7f07e7f0e37f14998082b0787b0721',
    '7f07e7f0e47f531b0723b0b6fb0722', '7f0e36665b66aa89801e9808297c35', '665f67f0e37f14898082b0723b02d5',
    '7ec967f0e37f14998082b0787b0721', '7f07e7f0e47f531b0723b0b6fb0722', '7f0e36665b66a449801e9808297c35',
    '665f67f0e37f14898082b0723b02d5', '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
    '7f0e36665b66a449801e9808297c35', '665f67f0e37f14898082b072297c35', '7ec967f0e37f14998082b0787b06bd',
    '7f07e7f0e47f531b0723b0b6fb0721', '7f0e26665b66a449801e9808297c35', '665f67f0e37f1489801eb072297c35',
    '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722'],

  /**
      * æ•°å­—转中文速查表
      * @Array Of Property
      * @trans ['日','一','二','三','四','五','六','七','八','九','十']
      * @return Cn string
      */
  nStr1: ['\u65e5', '\u4e00', '\u4e8c', '\u4e09', '\u56db', '\u4e94', '\u516d', '\u4e03', '\u516b', '\u4e5d', '\u5341'],

  /**
      * æ—¥æœŸè½¬å†œåŽ†ç§°å‘¼é€ŸæŸ¥è¡¨
      * @Array Of Property
      * @trans ['初','十','廿','卅']
      * @return Cn string
      */
  nStr2: ['\u521d', '\u5341', '\u5eff', '\u5345'],

  /**
      * æœˆä»½è½¬å†œåŽ†ç§°å‘¼é€ŸæŸ¥è¡¨
      * @Array Of Property
      * @trans ['æ­£','一','二','三','四','五','六','七','八','九','十','冬','腊']
      * @return Cn string
      */
  nStr3: ['\u6b63', '\u4e8c', '\u4e09', '\u56db', '\u4e94', '\u516d', '\u4e03', '\u516b', '\u4e5d', '\u5341', '\u51ac', '\u814a'],

  /**
      * è¿”回农历y年一整年的总天数
      * @param lunar Year
      * @return Number
      * @eg:var count = calendar.lYearDays(1987) ;//count=387
      */
  lYearDays: function (y) {
    var i; var sum = 348
    for (i = 0x8000; i > 0x8; i >>= 1) { sum += (this.lunarInfo[y - 1900] & i) ? 1 : 0 }
    return (sum + this.leapDays(y))
  },

  /**
      * è¿”回农历y年闰月是哪个月；若y年没有闰月 åˆ™è¿”回0
      * @param lunar Year
      * @return Number (0-12)
      * @eg:var leapMonth = calendar.leapMonth(1987) ;//leapMonth=6
      */
  leapMonth: function (y) { // é—°å­—编码 \u95f0
    return (this.lunarInfo[y - 1900] & 0xf)
  },

  /**
      * è¿”回农历y年闰月的天数 è‹¥è¯¥å¹´æ²¡æœ‰é—°æœˆåˆ™è¿”回0
      * @param lunar Year
      * @return Number (0、29、30)
      * @eg:var leapMonthDay = calendar.leapDays(1987) ;//leapMonthDay=29
      */
  leapDays: function (y) {
    if (this.leapMonth(y)) {
      return ((this.lunarInfo[y - 1900] & 0x10000) ? 30 : 29)
    }
    return (0)
  },

  /**
      * è¿”回农历yå¹´m月（非闰月）的总天数，计算m为闰月时的天数请使用leapDays方法
      * @param lunar Year
      * @return Number (-1、29、30)
      * @eg:var MonthDay = calendar.monthDays(1987,9) ;//MonthDay=29
      */
  monthDays: function (y, m) {
    if (m > 12 || m < 1) { return -1 }// æœˆä»½å‚数从1至12，参数错误返回-1
    return ((this.lunarInfo[y - 1900] & (0x10000 >> m)) ? 30 : 29)
  },

  /**
      * è¿”回公历(!)yå¹´m月的天数
      * @param solar Year
      * @return Number (-1、28、29、30、31)
      * @eg:var solarMonthDay = calendar.leapDays(1987) ;//solarMonthDay=30
      */
  solarDays: function (y, m) {
    if (m > 12 || m < 1) { return -1 } // è‹¥å‚数错误 è¿”回-1
    var ms = m - 1
    if (ms == 1) { // 2月份的闰平规律测算后确认返回28或29
      return (((y % 4 == 0) && (y % 100 != 0) || (y % 400 == 0)) ? 29 : 28)
    } else {
      return (this.solarMonth[ms])
    }
  },

  /**
     * å†œåŽ†å¹´ä»½è½¬æ¢ä¸ºå¹²æ”¯çºªå¹´
     * @param  lYear å†œåŽ†å¹´çš„年份数
     * @return Cn string
     */
  toGanZhiYear: function (lYear) {
    var ganKey = (lYear - 3) % 10
    var zhiKey = (lYear - 3) % 12
    if (ganKey == 0) ganKey = 10// å¦‚果余数为0则为最后一个天干
    if (zhiKey == 0) zhiKey = 12// å¦‚果余数为0则为最后一个地支
    return this.Gan[ganKey - 1] + this.Zhi[zhiKey - 1]
  },

  /**
     * å…¬åŽ†æœˆã€æ—¥åˆ¤æ–­æ‰€å±žæ˜Ÿåº§
     * @param  cMonth [description]
     * @param  cDay [description]
     * @return Cn string
     */
  toAstro: function (cMonth, cDay) {
    var s = '\u9b54\u7faf\u6c34\u74f6\u53cc\u9c7c\u767d\u7f8a\u91d1\u725b\u53cc\u5b50\u5de8\u87f9\u72ee\u5b50\u5904\u5973\u5929\u79e4\u5929\u874e\u5c04\u624b\u9b54\u7faf'
    var arr = [20, 19, 21, 21, 21, 22, 23, 23, 23, 23, 22, 22]
    return s.substr(cMonth * 2 - (cDay < arr[cMonth - 1] ? 2 : 0), 2) + '\u5ea7'// åº§
  },

  /**
      * ä¼ å…¥offset偏移量返回干支
      * @param offset ç›¸å¯¹ç”²å­çš„偏移量
      * @return Cn string
      */
  toGanZhi: function (offset) {
    return this.Gan[offset % 10] + this.Zhi[offset % 12]
  },

  /**
      * ä¼ å…¥å…¬åŽ†(!)y年获得该年第n个节气的公历日期
      * @param y公历年(1900-2100)；n二十四节气中的第几个节气(1~24)；从n=1(小寒)算起
      * @return day Number
      * @eg:var _24 = calendar.getTerm(1987,3) ;//_24=4;意即1987å¹´2月4日立春
      */
  getTerm: function (y, n) {
    if (y < 1900 || y > 2100) { return -1 }
    if (n < 1 || n > 24) { return -1 }
    var _table = this.sTermInfo[y - 1900]
    var _info = [
      parseInt('0x' + _table.substr(0, 5)).toString(),
      parseInt('0x' + _table.substr(5, 5)).toString(),
      parseInt('0x' + _table.substr(10, 5)).toString(),
      parseInt('0x' + _table.substr(15, 5)).toString(),
      parseInt('0x' + _table.substr(20, 5)).toString(),
      parseInt('0x' + _table.substr(25, 5)).toString()
    ]
    var _calday = [
      _info[0].substr(0, 1),
      _info[0].substr(1, 2),
      _info[0].substr(3, 1),
      _info[0].substr(4, 2),

      _info[1].substr(0, 1),
      _info[1].substr(1, 2),
      _info[1].substr(3, 1),
      _info[1].substr(4, 2),

      _info[2].substr(0, 1),
      _info[2].substr(1, 2),
      _info[2].substr(3, 1),
      _info[2].substr(4, 2),

      _info[3].substr(0, 1),
      _info[3].substr(1, 2),
      _info[3].substr(3, 1),
      _info[3].substr(4, 2),

      _info[4].substr(0, 1),
      _info[4].substr(1, 2),
      _info[4].substr(3, 1),
      _info[4].substr(4, 2),

      _info[5].substr(0, 1),
      _info[5].substr(1, 2),
      _info[5].substr(3, 1),
      _info[5].substr(4, 2)
    ]
    return parseInt(_calday[n - 1])
  },

  /**
      * ä¼ å…¥å†œåŽ†æ•°å­—月份返回汉语通俗表示法
      * @param lunar month
      * @return Cn string
      * @eg:var cnMonth = calendar.toChinaMonth(12) ;//cnMonth='腊月'
      */
  toChinaMonth: function (m) { // æœˆ => \u6708
    if (m > 12 || m < 1) { return -1 } // è‹¥å‚数错误 è¿”回-1
    var s = this.nStr3[m - 1]
    s += '\u6708'// åŠ ä¸Šæœˆå­—
    return s
  },

  /**
      * ä¼ å…¥å†œåŽ†æ—¥æœŸæ•°å­—返回汉字表示法
      * @param lunar day
      * @return Cn string
      * @eg:var cnDay = calendar.toChinaDay(21) ;//cnMonth='廿一'
      */
  toChinaDay: function (d) { // æ—¥ => \u65e5
    var s
    switch (d) {
      case 10:
        s = '\u521d\u5341'; break
      case 20:
        s = '\u4e8c\u5341'; break
        break
      case 30:
        s = '\u4e09\u5341'; break
        break
      default :
        s = this.nStr2[Math.floor(d / 10)]
        s += this.nStr1[d % 10]
    }
    return (s)
  },

  /**
      * å¹´ä»½è½¬ç”Ÿè‚–[!仅能大致转换] => ç²¾ç¡®åˆ’分生肖分界线是“立春”
      * @param y year
      * @return Cn string
      * @eg:var animal = calendar.getAnimal(1987) ;//animal='兔'
      */
  getAnimal: function (y) {
    return this.Animals[(y - 4) % 12]
  },

  /**
      * ä¼ å…¥é˜³åŽ†å¹´æœˆæ—¥èŽ·å¾—详细的公历、农历object信息 <=>JSON
      * @param y  solar year
      * @param m  solar month
      * @param d  solar day
      * @return JSON object
      * @eg:console.log(calendar.solar2lunar(1987,11,01));
      */
  solar2lunar: function (y, m, d) { // å‚数区间1900.1.31~2100.12.31
    // å¹´ä»½é™å®šã€ä¸Šé™
    if (y < 1900 || y > 2100) {
      return -1// undefined转换为数字变为NaN
    }
    // å…¬åŽ†ä¼ å‚最下限
    if (y == 1900 && m == 1 && d < 31) {
      return -1
    }
    // æœªä¼ å‚  èŽ·å¾—当天
    if (!y) {
      var objDate = new Date()
    } else {
      var objDate = new Date(y, parseInt(m) - 1, d)
    }
    var i; var leap = 0; var temp = 0
    // ä¿®æ­£ymd参数
    var y = objDate.getFullYear()
    var m = objDate.getMonth() + 1
    var d = objDate.getDate()
    var offset = (Date.UTC(objDate.getFullYear(), objDate.getMonth(), objDate.getDate()) - Date.UTC(1900, 0, 31)) / 86400000
    for (i = 1900; i < 2101 && offset > 0; i++) {
      temp = this.lYearDays(i)
      offset -= temp
    }
    if (offset < 0) {
      offset += temp; i--
    }

    // æ˜¯å¦ä»Šå¤©
    var isTodayObj = new Date()
    var isToday = false
    if (isTodayObj.getFullYear() == y && isTodayObj.getMonth() + 1 == m && isTodayObj.getDate() == d) {
      isToday = true
    }
    // æ˜ŸæœŸå‡ 
    var nWeek = objDate.getDay()
    var cWeek = this.nStr1[nWeek]
    // æ•°å­—表示周几顺应天朝周一开始的惯例
    if (nWeek == 0) {
      nWeek = 7
    }
    // å†œåŽ†å¹´
    var year = i
    var leap = this.leapMonth(i) // é—°å“ªä¸ªæœˆ
    var isLeap = false

    // æ•ˆéªŒé—°æœˆ
    for (i = 1; i < 13 && offset > 0; i++) {
      // é—°æœˆ
      if (leap > 0 && i == (leap + 1) && isLeap == false) {
        --i
        isLeap = true; temp = this.leapDays(year) // è®¡ç®—农历闰月天数
      } else {
        temp = this.monthDays(year, i)// è®¡ç®—农历普通月天数
      }
      // è§£é™¤é—°æœˆ
      if (isLeap == true && i == (leap + 1)) { isLeap = false }
      offset -= temp
    }
    // é—°æœˆå¯¼è‡´æ•°ç»„下标重叠取反
    if (offset == 0 && leap > 0 && i == leap + 1) {
      if (isLeap) {
        isLeap = false
      } else {
        isLeap = true; --i
      }
    }
    if (offset < 0) {
      offset += temp; --i
    }
    // å†œåŽ†æœˆ
    var month = i
    // å†œåŽ†æ—¥
    var day = offset + 1
    // å¤©å¹²åœ°æ”¯å¤„理
    var sm = m - 1
    var gzY = this.toGanZhiYear(year)

    // å½“月的两个节气
    // bugfix-2017-7-24 11:03:38 use lunar Year Param `y` Not `year`
    var firstNode = this.getTerm(y, (m * 2 - 1))// è¿”回当月「节」为几日开始
    var secondNode = this.getTerm(y, (m * 2))// è¿”回当月「节」为几日开始

    // ä¾æ®12节气修正干支月
    var gzM = this.toGanZhi((y - 1900) * 12 + m + 11)
    if (d >= firstNode) {
      gzM = this.toGanZhi((y - 1900) * 12 + m + 12)
    }

    // ä¼ å…¥çš„日期的节气与否
    var isTerm = false
    var Term = null
    if (firstNode == d) {
      isTerm = true
      Term = this.solarTerm[m * 2 - 2]
    }
    if (secondNode == d) {
      isTerm = true
      Term = this.solarTerm[m * 2 - 1]
    }
    // æ—¥æŸ± å½“月一日与 1900/1/1 ç›¸å·®å¤©æ•°
    var dayCyclical = Date.UTC(y, sm, 1, 0, 0, 0, 0) / 86400000 + 25567 + 10
    var gzD = this.toGanZhi(dayCyclical + d - 1)
    // è¯¥æ—¥æœŸæ‰€å±žçš„星座
    var astro = this.toAstro(m, d)

    return { 'lYear': year, 'lMonth': month, 'lDay': day, 'Animal': this.getAnimal(year), 'IMonthCn': (isLeap ? '\u95f0' : '') + this.toChinaMonth(month), 'IDayCn': this.toChinaDay(day), 'cYear': y, 'cMonth': m, 'cDay': d, 'gzYear': gzY, 'gzMonth': gzM, 'gzDay': gzD, 'isToday': isToday, 'isLeap': isLeap, 'nWeek': nWeek, 'ncWeek': '\u661f\u671f' + cWeek, 'isTerm': isTerm, 'Term': Term, 'astro': astro }
  },

  /**
      * ä¼ å…¥å†œåŽ†å¹´æœˆæ—¥ä»¥åŠä¼ å…¥çš„月份是否闰月获得详细的公历、农历object信息 <=>JSON
      * @param y  lunar year
      * @param m  lunar month
      * @param d  lunar day
      * @param isLeapMonth  lunar month is leap or not.[如果是农历闰月第四个参数赋值true即可]
      * @return JSON object
      * @eg:console.log(calendar.lunar2solar(1987,9,10));
      */
  lunar2solar: function (y, m, d, isLeapMonth) { // å‚数区间1900.1.31~2100.12.1
    var isLeapMonth = !!isLeapMonth
    var leapOffset = 0
    var leapMonth = this.leapMonth(y)
    var leapDay = this.leapDays(y)
    if (isLeapMonth && (leapMonth != m)) { return -1 }// ä¼ å‚要求计算该闰月公历 ä½†è¯¥å¹´å¾—出的闰月与传参的月份并不同
    if (y == 2100 && m == 12 && d > 1 || y == 1900 && m == 1 && d < 31) { return -1 }// è¶…出了最大极限值
    var day = this.monthDays(y, m)
    var _day = day
    // bugFix 2016-9-25
    // if month is leap, _day use leapDays method
    if (isLeapMonth) {
      _day = this.leapDays(y, m)
    }
    if (y < 1900 || y > 2100 || d > _day) { return -1 }// å‚数合法性效验

    // è®¡ç®—农历的时间差
    var offset = 0
    for (var i = 1900; i < y; i++) {
      offset += this.lYearDays(i)
    }
    var leap = 0; var isAdd = false
    for (var i = 1; i < m; i++) {
      leap = this.leapMonth(y)
      if (!isAdd) { // å¤„理闰月
        if (leap <= i && leap > 0) {
          offset += this.leapDays(y); isAdd = true
        }
      }
      offset += this.monthDays(y, i)
    }
    // è½¬æ¢é—°æœˆå†œåŽ† éœ€è¡¥å……该年闰月的前一个月的时差
    if (isLeapMonth) { offset += day }
    // 1900年农历正月一日的公历时间为1900å¹´1月30日0时0分0秒(该时间也是本农历的最开始起始点)
    var stmap = Date.UTC(1900, 1, 30, 0, 0, 0)
    var calObj = new Date((offset + d - 31) * 86400000 + stmap)
    var cY = calObj.getUTCFullYear()
    var cM = calObj.getUTCMonth() + 1
    var cD = calObj.getUTCDate()

    return this.solar2lunar(cY, cM, cD)
  }
}

export default calendar

 uni_modules/uni-fab/changelog.md

New file
@@ -0,0 +1,17 @@
## 1.2.2（2021-12-29）
- æ›´æ–° ç»„件依赖
## 1.2.1（2021-11-19）
- ä¿®å¤ é˜´å½±é¢œè‰²ä¸æ­£ç¡®çš„bug
## 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-fab](https://uniapp.dcloud.io/component/uniui/uni-fab)
## 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.7（2021-05-12）
- æ–°å¢ž ç»„件示例地址
## 1.0.6（2021-02-05）
- è°ƒæ•´ä¸ºuni_modules目录规范
- ä¼˜åŒ– æŒ‰é’®èƒŒæ™¯è‰²è°ƒæ•´
- ä¼˜åŒ– å…¼å®¹pc端

 uni_modules/uni-fab/components/uni-fab/uni-fab.vue

New file
@@ -0,0 +1,475 @@
<template>
    <view class="uni-cursor-point">
        <view v-if="popMenu && (leftBottom||rightBottom||leftTop||rightTop) && content.length > 0" :class="{
        'uni-fab--leftBottom': leftBottom,
        'uni-fab--rightBottom': rightBottom,
        'uni-fab--leftTop': leftTop,
        'uni-fab--rightTop': rightTop
      }" class="uni-fab">
            <view :class="{
          'uni-fab__content--left': horizontal === 'left',
          'uni-fab__content--right': horizontal === 'right',
          'uni-fab__content--flexDirection': direction === 'vertical',
          'uni-fab__content--flexDirectionStart': flexDirectionStart,
          'uni-fab__content--flexDirectionEnd': flexDirectionEnd,
          'uni-fab__content--other-platform': !isAndroidNvue
        }" :style="{ width: boxWidth, height: boxHeight, backgroundColor: styles.backgroundColor }"
                class="uni-fab__content" elevation="5">
                <view v-if="flexDirectionStart || horizontalLeft" class="uni-fab__item uni-fab__item--first" />
                <view v-for="(item, index) in content" :key="index" :class="{ 'uni-fab__item--active': isShow }"
                    class="uni-fab__item" @click="_onItemClick(index, item)">
                    <image :src="item.active ? item.selectedIconPath : item.iconPath" class="uni-fab__item-image"
                        mode="aspectFit" />
                    <text class="uni-fab__item-text"
                        :style="{ color: item.active ? styles.selectedColor : styles.color }">{{ item.text }}</text>
                </view>
                <view v-if="flexDirectionEnd || horizontalRight" class="uni-fab__item uni-fab__item--first" />
            </view>
        </view>
        <view :class="{
          'uni-fab__circle--leftBottom': leftBottom,
          'uni-fab__circle--rightBottom': rightBottom,
          'uni-fab__circle--leftTop': leftTop,
          'uni-fab__circle--rightTop': rightTop,
          'uni-fab__content--other-platform': !isAndroidNvue
        }" class="uni-fab__circle uni-fab__plus" :style="{ 'background-color': styles.buttonColor }" @click="_onClick">
            <uni-icons class="fab-circle-icon" type="plusempty" :color="styles.iconColor" size="32"
                :class="{'uni-fab__plus--active': isShow && content.length > 0}"></uni-icons>
            <!-- <view class="fab-circle-v"  :class="{'uni-fab__plus--active': isShow && content.length > 0}"></view>
            <view class="fab-circle-h" :class="{'uni-fab__plus--active': isShow  && content.length > 0}"></view> -->
        </view>
    </view>
</template>

<script>
    let platform = 'other'
    // #ifdef APP-NVUE
    platform = uni.getSystemInfoSync().platform
    // #endif

    /**
     * Fab æ‚¬æµ®æŒ‰é’®
     * @description ç‚¹å‡»å¯å±•å¼€ä¸€ä¸ªå›¾å½¢æŒ‰é’®èœå•
     * @tutorial https://ext.dcloud.net.cn/plugin?id=144
     * @property {Object} pattern å¯é€‰æ ·å¼é…ç½®é¡¹
     * @property {Object} horizontal = [left | right] æ°´å¹³å¯¹é½æ–¹å¼
     *     @value left å·¦å¯¹é½
     *     @value right å³å¯¹é½
     * @property {Object} vertical = [bottom | top] åž‚直对齐方式
     *     @value bottom ä¸‹å¯¹é½
     *     @value top ä¸Šå¯¹é½
     * @property {Object} direction = [horizontal | vertical] å±•å¼€èœå•æ˜¾ç¤ºæ–¹å¼
     *     @value horizontal æ°´å¹³æ˜¾ç¤º
     *     @value vertical åž‚直显示
     * @property {Array} content å±•å¼€èœå•å†…容配置项
     * @property {Boolean} popMenu æ˜¯å¦ä½¿ç”¨å¼¹å‡ºèœå•
     * @event {Function} trigger å±•å¼€èœå•ç‚¹å‡»äº‹ä»¶ï¼Œè¿”回点击信息
     * @event {Function} fabClick æ‚¬æµ®æŒ‰é’®ç‚¹å‡»äº‹ä»¶
     */
    export default {
        name: 'UniFab',
        emits: ['fabClick', 'trigger'],
        props: {
            pattern: {
                type: Object,
                default () {
                    return {}
                }
            },
            horizontal: {
                type: String,
                default: 'left'
            },
            vertical: {
                type: String,
                default: 'bottom'
            },
            direction: {
                type: String,
                default: 'horizontal'
            },
            content: {
                type: Array,
                default () {
                    return []
                }
            },
            show: {
                type: Boolean,
                default: false
            },
            popMenu: {
                type: Boolean,
                default: true
            }
        },
        data() {
            return {
                fabShow: false,
                isShow: false,
                isAndroidNvue: platform === 'android',
                styles: {
                    color: '#3c3e49',
                    selectedColor: '#007AFF',
                    backgroundColor: '#fff',
                    buttonColor: '#007AFF',
                    iconColor: '#fff'
                }
            }
        },
        computed: {
            contentWidth(e) {
                return (this.content.length + 1) * 55 + 15 + 'px'
            },
            contentWidthMin() {
                return '55px'
            },
            // åŠ¨æ€è®¡ç®—宽度
            boxWidth() {
                return this.getPosition(3, 'horizontal')
            },
            // åŠ¨æ€è®¡ç®—高度
            boxHeight() {
                return this.getPosition(3, 'vertical')
            },
            // è®¡ç®—左下位置
            leftBottom() {
                return this.getPosition(0, 'left', 'bottom')
            },
            // è®¡ç®—右下位置
            rightBottom() {
                return this.getPosition(0, 'right', 'bottom')
            },
            // è®¡ç®—左上位置
            leftTop() {
                return this.getPosition(0, 'left', 'top')
            },
            rightTop() {
                return this.getPosition(0, 'right', 'top')
            },
            flexDirectionStart() {
                return this.getPosition(1, 'vertical', 'top')
            },
            flexDirectionEnd() {
                return this.getPosition(1, 'vertical', 'bottom')
            },
            horizontalLeft() {
                return this.getPosition(2, 'horizontal', 'left')
            },
            horizontalRight() {
                return this.getPosition(2, 'horizontal', 'right')
            }
        },
        watch: {
            pattern: {
                handler(val, oldVal) {
                    this.styles = Object.assign({}, this.styles, val)
                },
                deep: true
            }
        },
        created() {
            this.isShow = this.show
            if (this.top === 0) {
                this.fabShow = true
            }
            // åˆå§‹åŒ–样式
            this.styles = Object.assign({}, this.styles, this.pattern)
        },
        methods: {
            _onClick() {
                this.$emit('fabClick')
                if (!this.popMenu) {
                    return
                }
                this.isShow = !this.isShow
            },
            open() {
                this.isShow = true
            },
            close() {
                this.isShow = false
            },
            /**
             * æŒ‰é’®ç‚¹å‡»äº‹ä»¶
             */
            _onItemClick(index, item) {
                this.$emit('trigger', {
                    index,
                    item
                })
            },
            /**
             * èŽ·å– ä½ç½®ä¿¡æ¯
             */
            getPosition(types, paramA, paramB) {
                if (types === 0) {
                    return this.horizontal === paramA && this.vertical === paramB
                } else if (types === 1) {
                    return this.direction === paramA && this.vertical === paramB
                } else if (types === 2) {
                    return this.direction === paramA && this.horizontal === paramB
                } else {
                    return this.isShow && this.direction === paramA ? this.contentWidth : this.contentWidthMin
                }
            }
        }
    }
</script>

<style lang="scss" >
    $uni-shadow-base:0 1px 5px 2px rgba($color: #000000, $alpha: 0.3) !default;

    .uni-fab {
        position: fixed;
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        justify-content: center;
        align-items: center;
        z-index: 10;
        border-radius: 45px;
        box-shadow: $uni-shadow-base;
    }

    .uni-cursor-point {
        /* #ifdef H5 */
        cursor: pointer;
        /* #endif */
    }

    .uni-fab--active {
        opacity: 1;
    }

    .uni-fab--leftBottom {
        left: 15px;
        bottom: 30px;
        /* #ifdef H5 */
        left: calc(15px + var(--window-left));
        bottom: calc(30px + var(--window-bottom));
        /* #endif */
        // padding: 10px;
    }

    .uni-fab--leftTop {
        left: 15px;
        top: 30px;
        /* #ifdef H5 */
        left: calc(15px + var(--window-left));
        top: calc(30px + var(--window-top));
        /* #endif */
        // padding: 10px;
    }

    .uni-fab--rightBottom {
        right: 15px;
        bottom: 30px;
        /* #ifdef H5 */
        right: calc(15px + var(--window-right));
        bottom: calc(30px + var(--window-bottom));
        /* #endif */
        // padding: 10px;
    }

    .uni-fab--rightTop {
        right: 15px;
        top: 30px;
        /* #ifdef H5 */
        right: calc(15px + var(--window-right));
        top: calc(30px + var(--window-top));
        /* #endif */
        // padding: 10px;
    }

    .uni-fab__circle {
        position: fixed;
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        justify-content: center;
        align-items: center;
        width: 55px;
        height: 55px;
        background-color: #3c3e49;
        border-radius: 45px;
        z-index: 11;
        // box-shadow: $uni-shadow-base;
    }

    .uni-fab__circle--leftBottom {
        left: 15px;
        bottom: 30px;
        /* #ifdef H5 */
        left: calc(15px + var(--window-left));
        bottom: calc(30px + var(--window-bottom));
        /* #endif */
    }

    .uni-fab__circle--leftTop {
        left: 15px;
        top: 30px;
        /* #ifdef H5 */
        left: calc(15px + var(--window-left));
        top: calc(30px + var(--window-top));
        /* #endif */
    }

    .uni-fab__circle--rightBottom {
        right: 15px;
        bottom: 30px;
        /* #ifdef H5 */
        right: calc(15px + var(--window-right));
        bottom: calc(30px + var(--window-bottom));
        /* #endif */
    }

    .uni-fab__circle--rightTop {
        right: 15px;
        top: 30px;
        /* #ifdef H5 */
        right: calc(15px + var(--window-right));
        top: calc(30px + var(--window-top));
        /* #endif */
    }

    .uni-fab__circle--left {
        left: 0;
    }

    .uni-fab__circle--right {
        right: 0;
    }

    .uni-fab__circle--top {
        top: 0;
    }

    .uni-fab__circle--bottom {
        bottom: 0;
    }

    .uni-fab__plus {
        font-weight: bold;
    }

    // .fab-circle-v {
    //     position: absolute;
    //     width: 2px;
    //     height: 24px;
    //     left: 0;
    //     top: 0;
    //     right: 0;
    //     bottom: 0;
    //     /* #ifndef APP-NVUE */
    //     margin: auto;
    //     /* #endif */
    //     background-color: white;
    //     transform: rotate(0deg);
    //     transition: transform 0.3s;
    // }

    // .fab-circle-h {
    //     position: absolute;
    //     width: 24px;
    //     height: 2px;
    //     left: 0;
    //     top: 0;
    //     right: 0;
    //     bottom: 0;
    //     /* #ifndef APP-NVUE */
    //     margin: auto;
    //     /* #endif */
    //     background-color: white;
    //     transform: rotate(0deg);
    //     transition: transform 0.3s;
    // }

    .fab-circle-icon {
        transform: rotate(0deg);
        transition: transform 0.3s;
        font-weight: 200;
    }

    .uni-fab__plus--active {
        transform: rotate(135deg);
    }

    .uni-fab__content {
        /* #ifndef APP-NVUE */
        box-sizing: border-box;
        display: flex;
        /* #endif */
        flex-direction: row;
        border-radius: 55px;
        overflow: hidden;
        transition-property: width, height;
        transition-duration: 0.2s;
        width: 55px;
        border-color: #DDDDDD;
        border-width: 1rpx;
        border-style: solid;
    }

    .uni-fab__content--other-platform {
        border-width: 0px;
        box-shadow: $uni-shadow-base;
    }

    .uni-fab__content--left {
        justify-content: flex-start;
    }

    .uni-fab__content--right {
        justify-content: flex-end;
    }

    .uni-fab__content--flexDirection {
        flex-direction: column;
        justify-content: flex-end;
    }

    .uni-fab__content--flexDirectionStart {
        flex-direction: column;
        justify-content: flex-start;
    }

    .uni-fab__content--flexDirectionEnd {
        flex-direction: column;
        justify-content: flex-end;
    }

    .uni-fab__item {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 55px;
        height: 55px;
        opacity: 0;
        transition: opacity 0.2s;
    }

    .uni-fab__item--active {
        opacity: 1;
    }

    .uni-fab__item-image {
        width: 20px;
        height: 20px;
        margin-bottom: 4px;
    }

    .uni-fab__item-text {
        color: #FFFFFF;
        font-size: 12px;
        line-height: 12px;
        margin-top: 2px;
    }

    .uni-fab__item--first {
        width: 55px;
    }
</style>

 uni_modules/uni-fab/components/uni-fab/uni-fab.vue.bak

New file
@@ -0,0 +1,379 @@
<template>
    <view>
        <view :class="{
        leftBottom: leftBottom,
        rightBottom: rightBottom,
        leftTop: leftTop,
        rightTop: rightTop
      }" v-if="leftBottom||rightBottom||leftTop||rightTop" class="fab-box fab">
            <view :class="{
          left: horizontal === 'left' && direction === 'horizontal',
          top: vertical === 'top' && direction === 'vertical',
          bottom: vertical === 'bottom' && direction === 'vertical',
          right: horizontal === 'right' && direction === 'horizontal'
        }" :style="{ 'background-color': styles.buttonColor }" class="fab-circle" @click="_onClick">
                <view class="fab-circle-box" :class="{ active: isShow }">
                    <view class="fab-circle-v"></view>
                    <view class="fab-circle-h"></view>
                </view>
            </view>
            <view :class="{
          left: horizontal === 'left',
          right: horizontal === 'right',
          flexDirection: direction === 'vertical',
          flexDirectionStart: flexDirectionStart,
          flexDirectionEnd: flexDirectionEnd
        }" :style="{ width: boxWidth, height: boxHeight, background: styles.backgroundColor }" class="fab-content">
                <view v-if="flexDirectionStart || horizontalLeft" class="fab-item first" />
                <view v-for="(item, index) in content" :key="index" :class="{ active: isShow }" :style="{
            color: item.active ? styles.selectedColor : styles.color
          }" class="fab-item" @click="_onItemClick(index, item)">
                    <image :src="item.active ? item.selectedIconPath : item.iconPath" class="content-image" mode="widthFix" />
                    <text class="text">{{ item.text }}</text>
                </view>
                <view v-if="flexDirectionEnd || horizontalRight" class="fab-item first" />
            </view>
        </view>
    </view>
</template>

<script>
    export default {
        name: 'UniFab',
        props: {
            pattern: {
                type: Object,
                default () {
                    return {}
                }
            },
            horizontal: {
                type: String,
                default: 'left'
            },
            vertical: {
                type: String,
                default: 'bottom'
            },
            direction: {
                type: String,
                default: 'horizontal'
            },
            content: {
                type: Array,
                default () {
                    return []
                }
            },
            show: {
                type: Boolean,
                default: false
            }
        },
        data() {
            return {
                fabShow: false,
                flug: true,
                isShow: false,
                styles: {
                    color: '#3c3e49',
                    selectedColor: '#007AFF',
                    backgroundColor: '#fff',
                    buttonColor: '#3c3e49'
                }
            }
        },
        computed: {
            contentWidth(e) {
                return uni.upx2px((this.content.length + 1) * 110 + 20) + 'px'
            },
            contentWidthMin() {
                return uni.upx2px(110) + 'px'
            },
            // åŠ¨æ€è®¡ç®—宽度
            boxWidth() {
                return this.getPosition(3, 'horizontal')
            },
            // åŠ¨æ€è®¡ç®—高度
            boxHeight() {
                return this.getPosition(3, 'vertical')
            },
            // è®¡ç®—左下位置
            leftBottom() {
                return this.getPosition(0, 'left', 'bottom')
            },
            // è®¡ç®—右下位置
            rightBottom() {
                return this.getPosition(0, 'right', 'bottom')
            },
            // è®¡ç®—左上位置
            leftTop() {
                return this.getPosition(0, 'left', 'top')
            },
            rightTop() {
                return this.getPosition(0, 'right', 'top')
            },
            flexDirectionStart() {
                return this.getPosition(1, 'vertical', 'top')
            },
            flexDirectionEnd() {
                return this.getPosition(1, 'vertical', 'bottom')
            },
            horizontalLeft() {
                return this.getPosition(2, 'horizontal', 'left')
            },
            horizontalRight() {
                return this.getPosition(2, 'horizontal', 'right')
            }
        },
        watch: {
            pattern(newValue, oldValue) {
                //console.log(JSON.stringify(newValue))
                this.styles = Object.assign({}, this.styles, newValue)
            }
        },
        created() {
            this.isShow = this.show
            if (this.top === 0) {
                this.fabShow = true
            }
            // åˆå§‹åŒ–样式
            this.styles = Object.assign({}, this.styles, this.pattern)
        },
        methods: {
            _onClick() {
                this.isShow = !this.isShow
            },
            open() {
                this.isShow = true
            },
            close() {
                this.isShow = false
            },
            /**
             * æŒ‰é’®ç‚¹å‡»äº‹ä»¶
             */
            _onItemClick(index, item) {
                this.$emit('trigger', {
                    index,
                    item
                })
            },
            /**
             * èŽ·å– ä½ç½®ä¿¡æ¯
             */
            getPosition(types, paramA, paramB) {
                if (types === 0) {
                    return this.horizontal === paramA && this.vertical === paramB
                } else if (types === 1) {
                    return this.direction === paramA && this.vertical === paramB
                } else if (types === 2) {
                    return this.direction === paramA && this.horizontal === paramB
                } else {
                    return this.isShow && this.direction === paramA ? this.contentWidth : this.contentWidthMin
                }
            }
        }
    }
</script>

<style lang="scss" scoped>

    .uni-icon {
        font-family: uniicons;
        font-size: 30px;
        font-weight: normal;
        font-style: normal;
        line-height: 1;
        display: inline-block;
        text-decoration: none;
        -webkit-font-smoothing: antialiased;
    }

    .fab-box {
        position: fixed;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 2;
    }

    .fab-box.top {
        width: 60rpx;
        height: 60rpx;
        right: 30rpx;
        bottom: 60rpx;
        border: 1px #5989b9 solid;
        background: #6699cc;
        border-radius: 10rpx;
        color: #fff;
        transition: all 0.3;
        opacity: 0;
    }

    .fab-box.active {
        opacity: 1;
    }

    .fab-box.fab {
        z-index: 10;
    }

    .fab-box.fab.leftBottom {
        left: 30rpx;
        bottom: 60rpx;
    }

    .fab-box.fab.leftTop {
        left: 30rpx;
        top: 80rpx;
        /* #ifdef H5 */
        top: calc(80rpx + var(--window-top));
        /* #endif */
    }

    .fab-box.fab.rightBottom {
        right: 30rpx;
        bottom: 60rpx;
    }

    .fab-box.fab.rightTop {
        right: 30rpx;
        top: 80rpx;
        /* #ifdef H5 */
        top: calc(80rpx + var(--window-top));
        /* #endif */
    }

    .fab-circle {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        width: 110rpx;
        height: 110rpx;
        background: #3c3e49;
        /* background: #5989b9; */
        border-radius: 50%;
        box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
        z-index: 11;
    }

    .fab-circle-box {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        transition: all 0.3s;
    }

    .fab-circle-v {
        position: absolute;
        width: 8rpx;
        height: 60rpx;
        left: 50%;
        top: 50%;
        margin: -30rpx 0 0 -4rpx;
        background-color: white;
    }

    .fab-circle-h {
        position: absolute;
        width: 60rpx;
        height: 8rpx;
        left: 50%;
        top: 50%;
        margin: -4rpx 0 0 -30rpx;
        background-color: white;
    }

    .fab-circle.left {
        left: 0;
    }

    .fab-circle.right {
        right: 0;
    }

    .fab-circle.top {
        top: 0;
    }

    .fab-circle.bottom {
        bottom: 0;
    }

    .fab-circle .uni-icon-plusempty {
        color: #ffffff;
        font-size: 80rpx;
        transition: all 0.3s;
        font-weight: bold;
    }

    .fab-circle-box.active {
        transform: rotate(135deg);
        font-size: 80rpx;
    }

    .fab-content {
        background: #6699cc;
        box-sizing: border-box;
        display: flex;
        border-radius: 100rpx;
        overflow: hidden;
        box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
        transition: all 0.2s;
        width: 110rpx;
    }

    .fab-content.left {
        justify-content: flex-start;
    }

    .fab-content.right {
        justify-content: flex-end;
    }

    .fab-content.flexDirection {
        flex-direction: column;
        justify-content: flex-end;
    }

    .fab-content.flexDirectionStart {
        flex-direction: column;
        justify-content: flex-start;
    }

    .fab-content.flexDirectionEnd {
        flex-direction: column;
        justify-content: flex-end;
    }

    .fab-content .fab-item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 110rpx;
        height: 110rpx;
        font-size: 24rpx;
        color: #fff;
        opacity: 0;
        transition: opacity 0.2s;
    }

    .fab-content .fab-item.active {
        opacity: 1;
    }

    .fab-content .fab-item .content-image {
        width: 50rpx;
        height: 50rpx;
        margin-bottom: 5rpx;
    }

    .fab-content .fab-item.first {
        width: 110rpx;
    }
</style>

 uni_modules/uni-fab/package.json

New file
@@ -0,0 +1,87 @@
{
  "id": "uni-fab",
  "displayName": "uni-fab æ‚¬æµ®æŒ‰é’®",
  "version": "1.2.2",
  "description": "悬浮按钮 fab button ï¼Œç‚¹å‡»å¯å±•å¼€ä¸€ä¸ªå›¾æ ‡æŒ‰é’®èœå•ã€‚",
  "keywords": [
    "uni-ui",
    "uniui",
    "按钮",
    "悬浮按钮",
    "fab"
],
  "repository": "https://github.com/dcloudio/uni-ui",
  "engines": {
    "HBuilderX": ""
  },
  "directories": {
    "example": "../../temps/example_temps"
  },
  "dcloudext": {
    "category": [
      "前端组件",
      "通用组件"
    ],
    "sale": {
      "regular": {
        "price": "0.00"
      },
      "sourcecode": {
        "price": "0.00"
      }
    },
    "contact": {
      "qq": ""
    },
    "declaration": {
      "ads": "无",
      "data": "无",
      "permissions": "无"
    },
    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
  },
  "uni_modules": {
    "dependencies": ["uni-scss","uni-icons"],
    "encrypt": [],
    "platforms": {
      "cloud": {
        "tcb": "y",
        "aliyun": "y"
      },
      "client": {
        "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"
        },
        "快应用": {
          "华为": "u",
          "联盟": "u"
        },
        "Vue": {
            "vue2": "y",
            "vue3": "y"
        }
      }
    }
  }
}

 uni_modules/uni-fab/readme.md

New file
@@ -0,0 +1,9 @@
## Fab æ‚¬æµ®æŒ‰é’®
> **组件名：uni-fab**
> ä»£ç å—： `uFab`


点击可展开一个图形按钮菜单

### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-fab)
#### å¦‚使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui äº¤æµç¾¤ï¼š871950839 

 uni_modules/uni-fav/changelog.md

New file
@@ -0,0 +1,17 @@
## 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-fav](https://uniapp.dcloud.io/component/uniui/uni-fav)
## 1.1.1（2021-08-24）
- æ–°å¢ž æ”¯æŒå›½é™…化
## 1.1.0（2021-07-13）
- ç»„件兼容 vue3，如何创建vue3项目，详见 [uni-app é¡¹ç›®æ”¯æŒ vue3 ä»‹ç»](https://ask.dcloud.net.cn/article/37834)
## 1.0.6（2021-05-12）
- æ–°å¢ž ç»„件示例地址
## 1.0.5（2021-04-21）
- ä¼˜åŒ– æ·»åŠ ä¾èµ– uni-icons, å¯¼å…¥åŽè‡ªåŠ¨ä¸‹è½½ä¾èµ–
## 1.0.4（2021-02-05）
- ä¼˜åŒ– ç»„件引用关系，通过uni_modules引用组件
## 1.0.3（2021-02-05）
- ä¼˜åŒ– ç»„件引用关系，通过uni_modules引用组件
## 1.0.2（2021-02-05）
- è°ƒæ•´ä¸ºuni_modules目录规范

 uni_modules/uni-fav/components/uni-fav/i18n/en.json

New file
@@ -0,0 +1,4 @@
{
    "uni-fav.collect": "collect",
    "uni-fav.collected": "collected"
}

 uni_modules/uni-fav/components/uni-fav/i18n/index.js

New file
@@ -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
}

 uni_modules/uni-fav/components/uni-fav/i18n/zh-Hans.json

New file
@@ -0,0 +1,4 @@
{
    "uni-fav.collect": "收藏",
    "uni-fav.collected": "已收藏"
}

 uni_modules/uni-fav/components/uni-fav/i18n/zh-Hant.json

New file
@@ -0,0 +1,4 @@
{
    "uni-fav.collect": "收藏",
    "uni-fav.collected": "已收藏"
}

 uni_modules/uni-fav/components/uni-fav/uni-fav.vue

New file
@@ -0,0 +1,156 @@
<template>
    <view :class="[circle === true || circle === 'true' ? 'uni-fav--circle' : '']" :style="[{ backgroundColor: checked ? bgColorChecked : bgColor }]"
     @click="onClick" class="uni-fav">
        <!-- #ifdef MP-ALIPAY -->
        <view class="uni-fav-star" v-if="!checked && (star === true || star === 'true')">
            <uni-icons :color="fgColor" :style="{color: checked ? fgColorChecked : fgColor}" size="14" type="star-filled" />
        </view>
        <!-- #endif -->
        <!-- #ifndef MP-ALIPAY -->
        <uni-icons :color="fgColor" :style="{color: checked ? fgColorChecked : fgColor}" class="uni-fav-star" size="14" type="star-filled"
         v-if="!checked && (star === true || star === 'true')" />
        <!-- #endif -->
        <text :style="{color: checked ? fgColorChecked : fgColor}" class="uni-fav-text">{{ checked ? contentFav : contentDefault }}</text>
    </view>
</template>

<script>

    /**
     * Fav æ”¶è—æŒ‰é’®
     * @description ç”¨äºŽæ”¶è—åŠŸèƒ½ï¼Œå¯ç‚¹å‡»åˆ‡æ¢é€‰ä¸­ã€ä¸é€‰ä¸­çš„状态
     * @tutorial https://ext.dcloud.net.cn/plugin?id=864
     * @property {Boolean} star = [true|false] æŒ‰é’®æ˜¯å¦å¸¦æ˜Ÿæ˜Ÿ
     * @property {String} bgColor æœªæ”¶è—æ—¶çš„背景色
     * @property {String} bgColorChecked å·²æ”¶è—æ—¶çš„背景色
     * @property {String} fgColor æœªæ”¶è—æ—¶çš„文字颜色
     * @property {String} fgColorChecked å·²æ”¶è—æ—¶çš„文字颜色
     * @property {Boolean} circle = [true|false] æ˜¯å¦ä¸ºåœ†è§’
     * @property {Boolean} checked = [true|false] æ˜¯å¦ä¸ºå·²æ”¶è—
     * @property {Object} contentText = [true|false] æ”¶è—æŒ‰é’®æ–‡å­—
     * @event {Function} click ç‚¹å‡» fav按钮触发事件
     * @example <uni-fav :checked="true"/>
     */

    import {
        initVueI18n
    } from '@dcloudio/uni-i18n'
    import messages from './i18n/index.js'
    const {    t    } = initVueI18n(messages)

    export default {
        name: "UniFav",
        // TODO å…¼å®¹ vue3，需要注册事件
        emits: ['click'],
        props: {
            star: {
                type: [Boolean, String],
                default: true
            },
            bgColor: {
                type: String,
                default: "#eeeeee"
            },
            fgColor: {
                type: String,
                default: "#666666"
            },
            bgColorChecked: {
                type: String,
                default: "#007aff"
            },
            fgColorChecked: {
                type: String,
                default: "#FFFFFF"
            },
            circle: {
                type: [Boolean, String],
                default: false
            },
            checked: {
                type: Boolean,
                default: false
            },
            contentText: {
                type: Object,
                default () {
                    return {
                        contentDefault: "",
                        contentFav: ""
                    };
                }
            }
        },
        computed: {
            contentDefault() {
                return this.contentText.contentDefault || t("uni-fav.collect")
            },
            contentFav() {
                return this.contentText.contentFav || t("uni-fav.collected")
            },
        },
        watch: {
            checked() {
                if (uni.report) {
                    if (this.checked) {
                        uni.report("收藏", "收藏");
                    } else {
                        uni.report("取消收藏", "取消收藏");
                    }
                }
            }
        },
        methods: {
            onClick() {
                this.$emit("click");
            }
        }
    };
</script>

<style lang="scss" scoped>
    $fav-height: 25px;

    .uni-fav {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: row;
        align-items: center;
        justify-content: center;
        width: 60px;
        height: $fav-height;
        line-height: $fav-height;
        text-align: center;
        border-radius: 3px;
        /* #ifdef H5 */
        cursor: pointer;
        /* #endif */
    }

    .uni-fav--circle {
        border-radius: 30px;
    }

    .uni-fav-star {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        height: $fav-height;
        line-height: 24px;
        margin-right: 3px;
        align-items: center;
        justify-content: center;
    }

    .uni-fav-text {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        height: $fav-height;
        line-height: $fav-height;
        align-items: center;
        justify-content: center;
        font-size: 12px;
    }
</style>

 uni_modules/uni-fav/package.json

New file
@@ -0,0 +1,89 @@
{
  "id": "uni-fav",
  "displayName": "uni-fav æ”¶è—æŒ‰é’®",
  "version": "1.2.0",
  "description": " Fav æ”¶è—ç»„件，可自定义颜色、大小。",
  "keywords": [
    "fav",
    "uni-ui",
    "uniui",
    "收藏"
],
  "repository": "https://github.com/dcloudio/uni-ui",
  "engines": {
    "HBuilderX": ""
  },
  "directories": {
    "example": "../../temps/example_temps"
  },
  "dcloudext": {
    "category": [
      "前端组件",
      "通用组件"
    ],
    "sale": {
      "regular": {
        "price": "0.00"
      },
      "sourcecode": {
        "price": "0.00"
      }
    },
    "contact": {
      "qq": ""
    },
    "declaration": {
      "ads": "无",
      "data": "无",
      "permissions": "无"
    },
    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
  },
  "uni_modules": {
    "dependencies": [
            "uni-scss",
            "uni-icons"
        ],
    "encrypt": [],
    "platforms": {
      "cloud": {
        "tcb": "y",
        "aliyun": "y"
      },
      "client": {
        "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"
        },
        "快应用": {
          "华为": "u",
          "联盟": "u"
        },
        "Vue": {
            "vue2": "y",
            "vue3": "y"
        }
      }
    }
  }
}

 uni_modules/uni-fav/readme.md

New file
@@ -0,0 +1,10 @@


## Fav æ”¶è—æŒ‰é’®
> **组件名：uni-fav**
> ä»£ç å—： `uFav`

用于收藏功能，可点击切换选中、不选中的状态。

### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-fav)
#### å¦‚使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui äº¤æµç¾¤ï¼š871950839 

 uni_modules/uni-file-picker/changelog.md

New file
@@ -0,0 +1,61 @@
## 1.0.1（2021-11-23）
- ä¿®å¤ å‚数为对象的情况下，url在某些情况显示错误的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-file-picker](https://uniapp.dcloud.io/component/uniui/uni-file-picker)
## 0.2.16（2021-11-08）
- ä¿®å¤ ä¼ å…¥ç©ºå¯¹è±¡ ï¼Œæ˜¾ç¤ºé”™è¯¯çš„Bug
## 0.2.15（2021-08-30）
- ä¿®å¤ return-type="object" æ—¶ä¸”存在v-model时，无法删除文件的Bug
## 0.2.14（2021-08-23）
- æ–°å¢ž å‚数中返回 fileID å­—段
## 0.2.13（2021-08-23）
- ä¿®å¤ è…¾è®¯äº‘ä¼ å…¥fileID ä¸èƒ½å›žæ˜¾çš„bug
- ä¿®å¤ é€‰æ‹©å›¾ç‰‡åŽï¼Œä¸èƒ½æ”¾å¤§çš„问题
## 0.2.12（2021-08-17）
- ä¿®å¤ ç”±äºŽ 0.2.11 ç‰ˆæœ¬å¼•èµ·çš„不能回显图片的Bug
## 0.2.11（2021-08-16）
- æ–°å¢ž clearFiles(index) æ–¹æ³•ï¼Œå¯ä»¥æ‰‹åŠ¨åˆ é™¤æŒ‡å®šæ–‡ä»¶
- ä¿®å¤ v-model å€¼è®¾ä¸º null æŠ¥é”™çš„Bug
## 0.2.10（2021-08-13）
- ä¿®å¤ return-type="object" æ—¶ï¼Œæ— æ³•åˆ é™¤æ–‡ä»¶çš„Bug
## 0.2.9（2021-08-03）
- ä¿®å¤ auto-upload å±žæ€§å¤±æ•ˆçš„Bug
## 0.2.8（2021-07-31）
- ä¿®å¤ fileExtname属性不指定值报错的Bug
## 0.2.7（2021-07-31）
- ä¿®å¤ åœ¨æŸç§åœºæ™¯ä¸‹å›¾ç‰‡ä¸å›žæ˜¾çš„Bug
## 0.2.6（2021-07-30）
- ä¿®å¤ return-type为object下，返回值不正确的Bug
## 0.2.5（2021-07-30）
- ä¿®å¤ï¼ˆé‡è¦ï¼‰ H5 å¹³å°ä¸‹å¦‚果和uni-forms组件一同使用导致页面卡死的问题
## 0.2.3（2021-07-28）
- ä¼˜åŒ– è°ƒæ•´ç¤ºä¾‹ä»£ç 
## 0.2.2（2021-07-27）
- ä¿®å¤ vue3 ä¸‹èµ‹å€¼é”™è¯¯çš„Bug
- ä¼˜åŒ– h5平台下上传文件导致页面卡死的问题
## 0.2.0（2021-07-13）
- ç»„件兼容 vue3，如何创建vue3项目，详见 [uni-app é¡¹ç›®æ”¯æŒ vue3 ä»‹ç»](https://ask.dcloud.net.cn/article/37834)
## 0.1.1（2021-07-02）
- ä¿®å¤ sourceType ç¼ºå°‘默认值导致 ios æ— æ³•é€‰æ‹©æ–‡ä»¶
## 0.1.0（2021-06-30）
- ä¼˜åŒ– è§£è€¦ä¸ŽuniCloud的强绑定关系 ï¼Œå¦‚不绑定服务空间，默认autoUpload为false且不可更改
## 0.0.11（2021-06-30）
- ä¿®å¤ ç”± 0.0.10 ç‰ˆæœ¬å¼•å‘çš„ returnType å±žæ€§å¤±æ•ˆçš„问题
## 0.0.10（2021-06-29）
- ä¼˜åŒ– æ–‡ä»¶ä¸Šä¼ åŽè¿›åº¦æ¡æ¶ˆå¤±æ—¶æœº
## 0.0.9（2021-06-29）
- ä¿®å¤ åœ¨uni-forms ä¸­ï¼Œåˆ é™¤æ–‡ä»¶ ï¼ŒèŽ·å–的值不对的Bug
## 0.0.8（2021-06-15）
- ä¿®å¤ åˆ é™¤æ–‡ä»¶æ—¶æ— æ³•è§¦å‘ v-model çš„Bug
## 0.0.7（2021-05-12）
- æ–°å¢ž ç»„件示例地址
## 0.0.6（2021-04-09）
- ä¿®å¤ é€‰æ‹©çš„文件非 file-extname å­—段指定的扩展名报错的Bug
## 0.0.5（2021-04-09）
- ä¼˜åŒ– æ›´æ–°ç»„件示例
## 0.0.4（2021-04-09）
- ä¼˜åŒ– file-extname å­—段支持字符串写法，多个扩展名需要用逗号分隔
## 0.0.3（2021-02-05）
- è°ƒæ•´ä¸ºuni_modules目录规范
- ä¿®å¤ å¾®ä¿¡å°ç¨‹åºä¸æŒ‡å®š fileExtname å±žæ€§é€‰æ‹©å¤±è´¥çš„Bug

 uni_modules/uni-file-picker/components/uni-file-picker/choose-and-upload-file.js

New file
@@ -0,0 +1,224 @@
'use strict';

const ERR_MSG_OK = 'chooseAndUploadFile:ok';
const ERR_MSG_FAIL = 'chooseAndUploadFile:fail';

function chooseImage(opts) {
    const {
        count,
        sizeType = ['original', 'compressed'],
        sourceType = ['album', 'camera'],
        extension
    } = opts
    return new Promise((resolve, reject) => {
        uni.chooseImage({
            count,
            sizeType,
            sourceType,
            extension,
            success(res) {
                resolve(normalizeChooseAndUploadFileRes(res, 'image'));
            },
            fail(res) {
                reject({
                    errMsg: res.errMsg.replace('chooseImage:fail', ERR_MSG_FAIL),
                });
            },
        });
    });
}

function chooseVideo(opts) {
    const {
        camera,
        compressed,
        maxDuration,
        sourceType = ['album', 'camera'],
        extension
    } = opts;
    return new Promise((resolve, reject) => {
        uni.chooseVideo({
            camera,
            compressed,
            maxDuration,
            sourceType,
            extension,
            success(res) {
                const {
                    tempFilePath,
                    duration,
                    size,
                    height,
                    width
                } = res;
                resolve(normalizeChooseAndUploadFileRes({
                    errMsg: 'chooseVideo:ok',
                    tempFilePaths: [tempFilePath],
                    tempFiles: [
                    {
                        name: (res.tempFile && res.tempFile.name) || '',
                        path: tempFilePath,
                        size,
                        type: (res.tempFile && res.tempFile.type) || '',
                        width,
                        height,
                        duration,
                        fileType: 'video',
                        cloudPath: '',
                    }, ],
                }, 'video'));
            },
            fail(res) {
                reject({
                    errMsg: res.errMsg.replace('chooseVideo:fail', ERR_MSG_FAIL),
                });
            },
        });
    });
}

function chooseAll(opts) {
    const {
        count,
        extension
    } = opts;
    return new Promise((resolve, reject) => {
        let chooseFile = uni.chooseFile;
        if (typeof wx !== 'undefined' &&
            typeof wx.chooseMessageFile === 'function') {
            chooseFile = wx.chooseMessageFile;
        }
        if (typeof chooseFile !== 'function') {
            return reject({
                errMsg: ERR_MSG_FAIL + ' è¯·æŒ‡å®š type ç±»åž‹ï¼Œè¯¥å¹³å°ä»…支持选择 image æˆ– video。',
            });
        }
        chooseFile({
            type: 'all',
            count,
            extension,
            success(res) {
                resolve(normalizeChooseAndUploadFileRes(res));
            },
            fail(res) {
                reject({
                    errMsg: res.errMsg.replace('chooseFile:fail', ERR_MSG_FAIL),
                });
            },
        });
    });
}

function normalizeChooseAndUploadFileRes(res, fileType) {
    res.tempFiles.forEach((item, index) => {
        if (!item.name) {
            item.name = item.path.substring(item.path.lastIndexOf('/') + 1);
        }
        if (fileType) {
            item.fileType = fileType;
        }
        item.cloudPath =
            Date.now() + '_' + index + item.name.substring(item.name.lastIndexOf('.'));
    });
    if (!res.tempFilePaths) {
        res.tempFilePaths = res.tempFiles.map((file) => file.path);
    }
    return res;
}

function uploadCloudFiles(files, max = 5, onUploadProgress) {
    files = JSON.parse(JSON.stringify(files))
    const len = files.length
    let count = 0
    let self = this
    return new Promise(resolve => {
        while (count < max) {
            next()
        }

        function next() {
            let cur = count++
            if (cur >= len) {
                !files.find(item => !item.url && !item.errMsg) && resolve(files)
                return
            }
            const fileItem = files[cur]
            const index = self.files.findIndex(v => v.uuid === fileItem.uuid)
            fileItem.url = ''
            delete fileItem.errMsg

            uniCloud
                .uploadFile({
                    filePath: fileItem.path,
                    cloudPath: fileItem.cloudPath,
                    fileType: fileItem.fileType,
                    onUploadProgress: res => {
                        res.index = index
                        onUploadProgress && onUploadProgress(res)
                    }
                })
                .then(res => {
                    fileItem.url = res.fileID
                    fileItem.index = index
                    if (cur < len) {
                        next()
                    }
                })
                .catch(res => {
                    fileItem.errMsg = res.errMsg || res.message
                    fileItem.index = index
                    if (cur < len) {
                        next()
                    }
                })
        }
    })
}





function uploadFiles(choosePromise, {
    onChooseFile,
    onUploadProgress
}) {
    return choosePromise
        .then((res) => {
            if (onChooseFile) {
                const customChooseRes = onChooseFile(res);
                if (typeof customChooseRes !== 'undefined') {
                    return Promise.resolve(customChooseRes).then((chooseRes) => typeof chooseRes === 'undefined' ?
                        res : chooseRes);
                }
            }
            return res;
        })
        .then((res) => {
            if (res === false) {
                return {
                    errMsg: ERR_MSG_OK,
                    tempFilePaths: [],
                    tempFiles: [],
                };
            }
            return res
        })
}

function chooseAndUploadFile(opts = {
    type: 'all'
}) {
    if (opts.type === 'image') {
        return uploadFiles(chooseImage(opts), opts);
    }
    else if (opts.type === 'video') {
        return uploadFiles(chooseVideo(opts), opts);
    }
    return uploadFiles(chooseAll(opts), opts);
}

export {
    chooseAndUploadFile,
    uploadCloudFiles
};

 uni_modules/uni-file-picker/components/uni-file-picker/uni-file-picker.vue

New file
@@ -0,0 +1,650 @@
<template>
    <view class="uni-file-picker">
        <view v-if="title" class="uni-file-picker__header">
            <text class="file-title">{{ title }}</text>
            <text class="file-count">{{ filesList.length }}/{{ limitLength }}</text>
        </view>
        <upload-image v-if="fileMediatype === 'image' && showType === 'grid'" :readonly="readonly"
            :image-styles="imageStyles" :files-list="filesList" :limit="limitLength" :disablePreview="disablePreview"
            :delIcon="delIcon" @uploadFiles="uploadFiles" @choose="choose" @delFile="delFile">
            <slot>
                <view class="is-add">
                    <view class="icon-add"></view>
                    <view class="icon-add rotate"></view>
                </view>
            </slot>
        </upload-image>
        <upload-file v-if="fileMediatype !== 'image' || showType !== 'grid'" :readonly="readonly"
            :list-styles="listStyles" :files-list="filesList" :showType="showType" :delIcon="delIcon"
            @uploadFiles="uploadFiles" @choose="choose" @delFile="delFile">
            <slot><button type="primary" size="mini">选择文件</button></slot>
        </upload-file>
    </view>
</template>

<script>
    import {
        chooseAndUploadFile,
        uploadCloudFiles
    } from './choose-and-upload-file.js'
    import {
        get_file_ext,
        get_extname,
        get_files_and_is_max,
        get_file_info,
        get_file_data
    } from './utils.js'
    import uploadImage from './upload-image.vue'
    import uploadFile from './upload-file.vue'
    let fileInput = null
    /**
     * FilePicker æ–‡ä»¶é€‰æ‹©ä¸Šä¼ 
     * @description æ–‡ä»¶é€‰æ‹©ä¸Šä¼ ç»„件，可以选择图片、视频等任意文件并上传到当前绑定的服务空间
     * @tutorial https://ext.dcloud.net.cn/plugin?id=4079
     * @property {Object|Array}    value    ç»„件数据，通常用来回显 ,类型由return-type属性决定
     * @property {Boolean}    disabled = [true|false]    ç»„件禁用
     *     @value true     ç¦ç”¨
     *     @value false     å–消禁用
     * @property {Boolean}    readonly = [true|false]    ç»„件只读，不可选择，不显示进度，不显示删除按钮
     *     @value true     åªè¯»
     *     @value false     å–消只读
     * @property {String}    return-type = [array|object]    é™åˆ¶ value æ ¼å¼ï¼Œå½“为 object æ—¶ ï¼Œç»„件只能单选，且会覆盖
     *     @value array    è§„定 value å±žæ€§çš„类型为数组
     *     @value object    è§„定 value å±žæ€§çš„类型为对象
     * @property {Boolean}    disable-preview = [true|false]    ç¦ç”¨å›¾ç‰‡é¢„览，仅 mode:grid æ—¶ç”Ÿæ•ˆ
     *     @value true     ç¦ç”¨å›¾ç‰‡é¢„览
     *     @value false     å–消禁用图片预览
     * @property {Boolean}    del-icon = [true|false]    æ˜¯å¦æ˜¾ç¤ºåˆ é™¤æŒ‰é’®
     *     @value true     æ˜¾ç¤ºåˆ é™¤æŒ‰é’®
     *     @value false     ä¸æ˜¾ç¤ºåˆ é™¤æŒ‰é’®
     * @property {Boolean}    auto-upload = [true|false]    æ˜¯å¦è‡ªåŠ¨ä¸Šä¼ ï¼Œå€¼ä¸ºtrue则只触发@select,可自行上传
     *     @value true     è‡ªåŠ¨ä¸Šä¼ 
     *     @value false     å–消自动上传
     * @property {Number|String}    limit    æœ€å¤§é€‰æ‹©ä¸ªæ•° ï¼Œh5 ä¼šè‡ªåŠ¨å¿½ç•¥å¤šé€‰çš„部分
     * @property {String}    title    ç»„件标题，右侧显示上传计数
     * @property {String}    mode = [list|grid]    é€‰æ‹©æ–‡ä»¶åŽçš„文件列表样式
     *     @value list     åˆ—表显示
     *     @value grid     å®«æ ¼æ˜¾ç¤º
     * @property {String}    file-mediatype = [image|video|all]    é€‰æ‹©æ–‡ä»¶ç±»åž‹
     *     @value image    åªé€‰æ‹©å›¾ç‰‡
     *     @value video    åªé€‰æ‹©è§†é¢‘
     *     @value all        é€‰æ‹©æ‰€æœ‰æ–‡ä»¶
     * @property {Array}    file-extname    é€‰æ‹©æ–‡ä»¶åŽç¼€ï¼Œæ ¹æ® file-mediatype å±žæ€§è€Œä¸åŒ
     * @property {Object}    list-style    mode:list æ—¶çš„样式
     * @property {Object}    image-styles    é€‰æ‹©æ–‡ä»¶åŽç¼€ï¼Œæ ¹æ® file-mediatype å±žæ€§è€Œä¸åŒ
     * @event {Function} select     é€‰æ‹©æ–‡ä»¶åŽè§¦å‘
     * @event {Function} progress æ–‡ä»¶ä¸Šä¼ æ—¶è§¦å‘
     * @event {Function} success     ä¸Šä¼ æˆåŠŸè§¦å‘
     * @event {Function} fail         ä¸Šä¼ å¤±è´¥è§¦å‘
     * @event {Function} delete     æ–‡ä»¶ä»Žåˆ—表移除时触发
     */
    export default {
        name: 'uniFilePicker',
        components: {
            uploadImage,
            uploadFile
        },
        emits: ['select', 'success', 'fail', 'progress', 'delete', 'update:modelValue', 'input'],
        props: {
            // #ifdef VUE3
            modelValue: {
                type: [Array, Object],
                default () {
                    return []
                }
            },
            // #endif

            // #ifndef VUE3
            value: {
                type: [Array, Object],
                default () {
                    return []
                }
            },
            // #endif

            disabled: {
                type: Boolean,
                default: false
            },
            disablePreview: {
                type: Boolean,
                default: false
            },
            delIcon: {
                type: Boolean,
                default: true
            },
            // è‡ªåŠ¨ä¸Šä¼ 
            autoUpload: {
                type: Boolean,
                default: true
            },
            // æœ€å¤§é€‰æ‹©ä¸ªæ•° ï¼Œh5只能限制单选或是多选
            limit: {
                type: [Number, String],
                default: 9
            },
            // åˆ—表样式 grid | list | list-card
            mode: {
                type: String,
                default: 'grid'
            },
            // é€‰æ‹©æ–‡ä»¶ç±»åž‹  image/video/all
            fileMediatype: {
                type: String,
                default: 'image'
            },
            // æ–‡ä»¶ç±»åž‹ç­›é€‰
            fileExtname: {
                type: [Array, String],
                default () {
                    return []
                }
            },
            title: {
                type: String,
                default: ''
            },
            listStyles: {
                type: Object,
                default () {
                    return {
                        // æ˜¯å¦æ˜¾ç¤ºè¾¹æ¡†
                        border: true,
                        // æ˜¯å¦æ˜¾ç¤ºåˆ†éš”线
                        dividline: true,
                        // çº¿æ¡æ ·å¼
                        borderStyle: {}
                    }
                }
            },
            imageStyles: {
                type: Object,
                default () {
                    return {
                        width: 'auto',
                        height: 'auto'
                    }
                }
            },
            readonly: {
                type: Boolean,
                default: false
            },
            returnType: {
                type: String,
                default: 'array'
            },
            sizeType: {
                type: Array,
                default () {
                    return ['original', 'compressed']
                }
            }
        },
        data() {
            return {
                files: [],
                localValue: []
            }
        },
        watch: {
            // #ifndef VUE3
            value: {
                handler(newVal, oldVal) {
                    this.setValue(newVal, oldVal)
                },
                immediate: true
            },
            // #endif
            // #ifdef VUE3
            modelValue: {
                handler(newVal, oldVal) {
                    this.setValue(newVal, oldVal)
                },
                immediate: true
            },
            // #endif
        },
        computed: {
            filesList() {
                let files = []
                this.files.forEach(v => {
                    files.push(v)
                })
                return files
            },
            showType() {
                if (this.fileMediatype === 'image') {
                    return this.mode
                }
                return 'list'
            },
            limitLength() {
                if (this.returnType === 'object') {
                    return 1
                }
                if (!this.limit) {
                    return 1
                }
                if (this.limit >= 9) {
                    return 9
                }
                return this.limit
            }
        },
        created() {
            // TODO å…¼å®¹ä¸å¼€é€šæœåŠ¡ç©ºé—´çš„情况
            if (!(uniCloud.config && uniCloud.config.provider)) {
                this.noSpace = true
                uniCloud.chooseAndUploadFile = chooseAndUploadFile
            }
            this.form = this.getForm('uniForms')
            this.formItem = this.getForm('uniFormsItem')
            if (this.form && this.formItem) {
                if (this.formItem.name) {
                    this.rename = this.formItem.name
                    this.form.inputChildrens.push(this)
                }
            }
        },
        methods: {
            /**
             * å…¬å¼€ç”¨æˆ·ä½¿ç”¨ï¼Œæ¸…空文件
             * @param {Object} index
             */
            clearFiles(index) {
                if (index !== 0 && !index) {
                    this.files = []
                    this.$nextTick(() => {
                        this.setEmit()
                    })
                } else {
                    this.files.splice(index, 1)
                }
                this.$nextTick(() => {
                    this.setEmit()
                })
            },
            /**
             * å…¬å¼€ç”¨æˆ·ä½¿ç”¨ï¼Œç»§ç»­ä¸Šä¼ 
             */
            upload() {
                let files = []
                this.files.forEach((v, index) => {
                    if (v.status === 'ready' || v.status === 'error') {
                        files.push(Object.assign({}, v))
                    }
                })
                this.uploadFiles(files)
            },
            async setValue(newVal, oldVal) {
                const newData =  async (v) => {
                    const reg = /cloud:\/\/([\w.]+\/?)\S*/
                    let url = ''
                    if(v.fileID){
                        url = v.fileID
                    }else{
                        url = v.url
                    }
                    if (reg.test(url)) {
                        v.fileID = url
                        v.url = await this.getTempFileURL(url)
                    }
                    if(v.url) v.path = v.url
                    return v
                }
                if (this.returnType === 'object') {
                    if (newVal) {
                        await newData(newVal)
                    } else {
                        newVal = {}
                    }
                } else {
                    if (!newVal) newVal = []
                    for(let i =0 ;i < newVal.length ;i++){
                        let v = newVal[i]
                        await newData(v)
                    }
                }
                this.localValue = newVal
                if (this.form && this.formItem &&!this.is_reset) {
                    this.is_reset = false
                    this.formItem.setValue(this.localValue)
                }
                let filesData = Object.keys(newVal).length > 0 ? newVal : [];
                this.files = [].concat(filesData)
            },

            /**
             * é€‰æ‹©æ–‡ä»¶
             */
            choose() {

                if (this.disabled) return
                if (this.files.length >= Number(this.limitLength) && this.showType !== 'grid' && this.returnType ===
                    'array') {
                    uni.showToast({
                        title: `您最多选择 ${this.limitLength} ä¸ªæ–‡ä»¶`,
                        icon: 'none'
                    })
                    return
                }
                this.chooseFiles()
            },

            /**
             * é€‰æ‹©æ–‡ä»¶å¹¶ä¸Šä¼ 
             */
            chooseFiles() {
                const _extname = get_extname(this.fileExtname)
                // èŽ·å–后缀
                uniCloud
                    .chooseAndUploadFile({
                        type: this.fileMediatype,
                        compressed: false,
                        sizeType: this.sizeType,
                        // TODO å¦‚果为空，video æœ‰é—®é¢˜
                        extension: _extname.length > 0 ? _extname : undefined,
                        count: this.limitLength - this.files.length, //默认9
                        onChooseFile: this.chooseFileCallback,
                        onUploadProgress: progressEvent => {
                            this.setProgress(progressEvent, progressEvent.index)
                        }
                    })
                    .then(result => {
                        this.setSuccessAndError(result.tempFiles)
                    })
                    .catch(err => {
                        console.log('选择失败', err)
                    })
            },

            /**
             * é€‰æ‹©æ–‡ä»¶å›žè°ƒ
             * @param {Object} res
             */
            async chooseFileCallback(res) {
                const _extname = get_extname(this.fileExtname)
                const is_one = (Number(this.limitLength) === 1 &&
                        this.disablePreview &&
                        !this.disabled) ||
                    this.returnType === 'object'
                // å¦‚果这有一个文件 ï¼Œéœ€è¦æ¸…空本地缓存数据
                if (is_one) {
                    this.files = []
                }

                let {
                    filePaths,
                    files
                } = get_files_and_is_max(res, _extname)
                if (!(_extname && _extname.length > 0)) {
                    filePaths = res.tempFilePaths
                    files = res.tempFiles
                }

                let currentData = []
                for (let i = 0; i < files.length; i++) {
                    if (this.limitLength - this.files.length <= 0) break
                    files[i].uuid = Date.now()
                    let filedata = await get_file_data(files[i], this.fileMediatype)
                    filedata.progress = 0
                    filedata.status = 'ready'
                    this.files.push(filedata)
                    currentData.push({
                        ...filedata,
                        file: files[i]
                    })
                }
                this.$emit('select', {
                    tempFiles: currentData,
                    tempFilePaths: filePaths
                })
                res.tempFiles = files
                // åœæ­¢è‡ªåŠ¨ä¸Šä¼ 
                if (!this.autoUpload || this.noSpace) {
                    res.tempFiles = []
                }
            },

            /**
             * æ‰¹ä¼ 
             * @param {Object} e
             */
            uploadFiles(files) {
                files = [].concat(files)
                uploadCloudFiles.call(this, files, 5, res => {
                        this.setProgress(res, res.index, true)
                    })
                    .then(result => {
                        this.setSuccessAndError(result)
                    })
                    .catch(err => {
                        console.log(err)
                    })
            },

            /**
             * æˆåŠŸæˆ–失败
             */
            async setSuccessAndError(res, fn) {
                let successData = []
                let errorData = []
                let tempFilePath = []
                let errorTempFilePath = []
                for (let i = 0; i < res.length; i++) {
                    const item = res[i]
                    const index = item.uuid ? this.files.findIndex(p => p.uuid === item.uuid) : item.index

                    if (index === -1 || !this.files) break
                    if (item.errMsg === 'request:fail') {
                        this.files[index].url = item.path
                        this.files[index].status = 'error'
                        this.files[index].errMsg = item.errMsg
                        // this.files[index].progress = -1
                        errorData.push(this.files[index])
                        errorTempFilePath.push(this.files[index].url)
                    } else {
                        this.files[index].errMsg = ''
                        this.files[index].fileID = item.url
                        const reg = /cloud:\/\/([\w.]+\/?)\S*/
                        if (reg.test(item.url)) {
                            this.files[index].url = await this.getTempFileURL(item.url)
                        }else{
                            this.files[index].url = item.url
                        }

                        this.files[index].status = 'success'
                        this.files[index].progress += 1
                        successData.push(this.files[index])
                        tempFilePath.push(this.files[index].fileID)
                    }
                }

                if (successData.length > 0) {
                    this.setEmit()
                    // çŠ¶æ€æ”¹å˜è¿”回
                    this.$emit('success', {
                        tempFiles: this.backObject(successData),
                        tempFilePaths: tempFilePath
                    })
                }

                if (errorData.length > 0) {
                    this.$emit('fail', {
                        tempFiles: this.backObject(errorData),
                        tempFilePaths: errorTempFilePath
                    })
                }
            },

            /**
             * èŽ·å–进度
             * @param {Object} progressEvent
             * @param {Object} index
             * @param {Object} type
             */
            setProgress(progressEvent, index, type) {
                const fileLenth = this.files.length
                const percentNum = (index / fileLenth) * 100
                const percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total)
                let idx = index
                if (!type) {
                    idx = this.files.findIndex(p => p.uuid === progressEvent.tempFile.uuid)
                }
                if (idx === -1 || !this.files[idx]) return
                // fix by mehaotian 100 å°±ä¼šæ¶ˆå¤±ï¼Œ-1 æ˜¯ä¸ºäº†è®©è¿›åº¦æ¡æ¶ˆå¤±
                this.files[idx].progress = percentCompleted - 1
                // ä¸Šä¼ ä¸­
                this.$emit('progress', {
                    index: idx,
                    progress: parseInt(percentCompleted),
                    tempFile: this.files[idx]
                })
            },

            /**
             * åˆ é™¤æ–‡ä»¶
             * @param {Object} index
             */
            delFile(index) {
                this.$emit('delete', {
                    tempFile: this.files[index],
                    tempFilePath: this.files[index].url
                })
                this.files.splice(index, 1)
                this.$nextTick(() => {
                    this.setEmit()
                })
            },

            /**
             * èŽ·å–文件名和后缀
             * @param {Object} name
             */
            getFileExt(name) {
                const last_len = name.lastIndexOf('.')
                const len = name.length
                return {
                    name: name.substring(0, last_len),
                    ext: name.substring(last_len + 1, len)
                }
            },

            /**
             * å¤„理返回事件
             */
            setEmit() {
                let data = []
                if (this.returnType === 'object') {
                    data = this.backObject(this.files)[0]
                    this.localValue = data?data:null
                } else {
                    data = this.backObject(this.files)
                    if (!this.localValue) {
                        this.localValue = []
                    }
                    this.localValue = [...data]
                }
                // #ifdef VUE3
                this.$emit('update:modelValue', this.localValue)
                // #endif
                // #ifndef VUE3
                this.$emit('input', this.localValue)
                // #endif
            },

            /**
             * å¤„理返回参数
             * @param {Object} files
             */
            backObject(files) {
                let newFilesData = []
                files.forEach(v => {
                    newFilesData.push({
                        extname: v.extname,
                        fileType: v.fileType,
                        image: v.image,
                        name: v.name,
                        path: v.path,
                        size: v.size,
                        fileID:v.fileID,
                        url: v.url
                    })
                })
                return newFilesData
            },
            async getTempFileURL(fileList) {
                fileList = {
                    fileList: [].concat(fileList)
                }
                const urls = await uniCloud.getTempFileURL(fileList)
                return urls.fileList[0].tempFileURL || ''
            },
            /**
             * èŽ·å–父元素实例
             */
            getForm(name = 'uniForms') {
                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;
            }
        }
    }
</script>

<style>
    .uni-file-picker {
        /* #ifndef APP-NVUE */
        box-sizing: border-box;
        overflow: hidden;
        /* #endif */
    }

    .uni-file-picker__header {
        padding-top: 5px;
        padding-bottom: 10px;
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        justify-content: space-between;
    }

    .file-title {
        font-size: 14px;
        color: #333;
    }

    .file-count {
        font-size: 14px;
        color: #999;
    }

    .is-add {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        align-items: center;
        justify-content: center;
    }

    .icon-add {
        width: 50px;
        height: 5px;
        background-color: #f1f1f1;
        border-radius: 2px;
    }

    .rotate {
        position: absolute;
        transform: rotate(90deg);
    }
</style>

 uni_modules/uni-file-picker/components/uni-file-picker/upload-file.vue

New file
@@ -0,0 +1,325 @@
<template>
    <view class="uni-file-picker__files">
        <view v-if="!readonly" class="files-button" @click="choose">
            <slot></slot>
        </view>
        <!-- :class="{'is-text-box':showType === 'list'}" -->
        <view v-if="list.length > 0" class="uni-file-picker__lists is-text-box" :style="borderStyle">
            <!-- ,'is-list-card':showType === 'list-card' -->

            <view class="uni-file-picker__lists-box" v-for="(item ,index) in list" :key="index" :class="{
                'files-border':index !== 0 && styles.dividline}"
             :style="index !== 0 && styles.dividline &&borderLineStyle">
                <view class="uni-file-picker__item">
                    <!-- :class="{'is-text-image':showType === 'list'}" -->
                    <!--     <view class="files__image is-text-image">
                        <image class="header-image" :src="item.logo" mode="aspectFit"></image>
                    </view> -->
                    <view class="files__name">{{item.name}}</view>
                    <view v-if="delIcon&&!readonly" class="icon-del-box icon-files" @click="delFile(index)">
                        <view class="icon-del icon-files"></view>
                        <view class="icon-del rotate"></view>
                    </view>
                </view>
                <view v-if="(item.progress && item.progress !== 100) ||item.progress===0 " class="file-picker__progress">
                    <progress class="file-picker__progress-item" :percent="item.progress === -1?0:item.progress" stroke-width="4"
                     :backgroundColor="item.errMsg?'#ff5a5f':'#EBEBEB'" />
                </view>
                <view v-if="item.status === 'error'" class="file-picker__mask" @click.stop="uploadFiles(item,index)">
                    ç‚¹å‡»é‡è¯•
                </view>
            </view>

        </view>
    </view>
</template>

<script>
    export default {
        name: "uploadFile",
        emits:['uploadFiles','choose','delFile'],
        props: {
            filesList: {
                type: Array,
                default () {
                    return []
                }
            },
            delIcon: {
                type: Boolean,
                default: true
            },
            limit: {
                type: [Number, String],
                default: 9
            },
            showType: {
                type: String,
                default: ''
            },
            listStyles: {
                type: Object,
                default () {
                    return {
                        // æ˜¯å¦æ˜¾ç¤ºè¾¹æ¡†
                        border: true,
                        // æ˜¯å¦æ˜¾ç¤ºåˆ†éš”线
                        dividline: true,
                        // çº¿æ¡æ ·å¼
                        borderStyle: {}
                    }
                }
            },
            readonly:{
                type:Boolean,
                default:false
            }
        },
        computed: {
            list() {
                let files = []
                this.filesList.forEach(v => {
                    files.push(v)
                })
                return files
            },
            styles() {
                let styles = {
                    border: true,
                    dividline: true,
                    'border-style': {}
                }
                return Object.assign(styles, this.listStyles)
            },
            borderStyle() {
                let {
                    borderStyle,
                    border
                } = this.styles
                let obj = {}
                if (!border) {
                    obj.border = 'none'
                } else {
                    let width = (borderStyle && borderStyle.width) || 1
                    width = this.value2px(width)
                    let radius = (borderStyle && borderStyle.radius) || 5
                    radius = this.value2px(radius)
                    obj = {
                        'border-width': width,
                        'border-style': (borderStyle && borderStyle.style) || 'solid',
                        'border-color': (borderStyle && borderStyle.color) || '#eee',
                        'border-radius': radius
                    }
                }
                let classles = ''
                for (let i in obj) {
                    classles += `${i}:${obj[i]};`
                }
                return classles
            },
            borderLineStyle() {
                let obj = {}
                let {
                    borderStyle
                } = this.styles
                if (borderStyle && borderStyle.color) {
                    obj['border-color'] = borderStyle.color
                }
                if (borderStyle && borderStyle.width) {
                    let width = borderStyle && borderStyle.width || 1
                    let style = borderStyle && borderStyle.style || 0
                    if (typeof width === 'number') {
                        width += 'px'
                    } else {
                        width = width.indexOf('px') ? width : width + 'px'
                    }
                    obj['border-width'] = width

                    if (typeof style === 'number') {
                        style += 'px'
                    } else {
                        style = style.indexOf('px') ? style : style + 'px'
                    }
                    obj['border-top-style'] = style
                }
                let classles = ''
                for (let i in obj) {
                    classles += `${i}:${obj[i]};`
                }
                return classles
            }
        },

        methods: {
            uploadFiles(item, index) {
                this.$emit("uploadFiles", {
                    item,
                    index
                })
            },
            choose() {
                this.$emit("choose")
            },
            delFile(index) {
                this.$emit('delFile', index)
            },
            value2px(value) {
                if (typeof value === 'number') {
                    value += 'px'
                } else {
                    value = value.indexOf('px') !== -1 ? value : value + 'px'
                }
                return value
            }
        }
    }
</script>

<style lang="scss">
    .uni-file-picker__files {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: column;
        justify-content: flex-start;
    }

    .files-button {
        // border: 1px red solid;
    }

    .uni-file-picker__lists {
        position: relative;
        margin-top: 5px;
        overflow: hidden;
    }

    .file-picker__mask {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        justify-content: center;
        align-items: center;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        left: 0;
        color: #fff;
        font-size: 14px;
        background-color: rgba(0, 0, 0, 0.4);
    }

    .uni-file-picker__lists-box {
        position: relative;
    }

    .uni-file-picker__item {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        align-items: center;
        padding: 8px 10px;
        padding-right: 5px;
        padding-left: 10px;
    }

    .files-border {
        border-top: 1px #eee solid;
    }

    .files__name {
        flex: 1;
        font-size: 14px;
        color: #666;
        margin-right: 25px;
        /* #ifndef APP-NVUE */
        word-break: break-all;
        word-wrap: break-word;
        /* #endif */
    }

    .icon-files {
        /* #ifndef APP-NVUE */
        position: static;
        background-color: initial;
        /* #endif */
    }

    // .icon-files .icon-del {
    //     background-color: #333;
    //     width: 12px;
    //     height: 1px;
    // }


    .is-list-card {
        border: 1px #eee solid;
        margin-bottom: 5px;
        border-radius: 5px;
        box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.1);
        padding: 5px;
    }

    .files__image {
        width: 40px;
        height: 40px;
        margin-right: 10px;
    }

    .header-image {
        width: 100%;
        height: 100%;
    }

    .is-text-box {
        border: 1px #eee solid;
        border-radius: 5px;
    }

    .is-text-image {
        width: 25px;
        height: 25px;
        margin-left: 5px;
    }

    .rotate {
        position: absolute;
        transform: rotate(90deg);
    }

    .icon-del-box {
        /* #ifndef APP-NVUE */
        display: flex;
        margin: auto 0;
        /* #endif */
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0px;
        bottom: 0;
        right: 5px;
        height: 26px;
        width: 26px;
        // border-radius: 50%;
        // background-color: rgba(0, 0, 0, 0.5);
        z-index: 2;
        transform: rotate(-45deg);
    }

    .icon-del {
        width: 15px;
        height: 1px;
        background-color: #333;
        // border-radius: 1px;
    }

    /* #ifdef H5 */
    @media all and (min-width: 768px) {
        .uni-file-picker__files {
            max-width: 375px;
        }
    }

    /* #endif */
</style>

 uni_modules/uni-file-picker/components/uni-file-picker/upload-image.vue

New file
@@ -0,0 +1,292 @@
<template>
    <view class="uni-file-picker__container">
        <view class="file-picker__box" v-for="(item,index) in filesList" :key="index" :style="boxStyle">
            <view class="file-picker__box-content" :style="borderStyle">
                <image class="file-image" :src="item.url" mode="aspectFill" @click.stop="prviewImage(item,index)"></image>
                <view v-if="delIcon && !readonly" class="icon-del-box" @click.stop="delFile(index)">
                    <view class="icon-del"></view>
                    <view class="icon-del rotate"></view>
                </view>
                <view v-if="(item.progress && item.progress !== 100) ||item.progress===0 " class="file-picker__progress">
                    <progress class="file-picker__progress-item" :percent="item.progress === -1?0:item.progress" stroke-width="4"
                     :backgroundColor="item.errMsg?'#ff5a5f':'#EBEBEB'" />
                </view>
                <view v-if="item.errMsg" class="file-picker__mask" @click.stop="uploadFiles(item,index)">
                    ç‚¹å‡»é‡è¯•
                </view>
            </view>
        </view>
        <view v-if="filesList.length < limit && !readonly" class="file-picker__box" :style="boxStyle">
            <view class="file-picker__box-content is-add" :style="borderStyle" @click="choose">
                <slot>
                    <view class="icon-add"></view>
                    <view class="icon-add rotate"></view>
                </slot>
            </view>
        </view>
    </view>
</template>

<script>
    export default {
        name: "uploadImage",
        emits:['uploadFiles','choose','delFile'],
        props: {
            filesList: {
                type: Array,
                default () {
                    return []
                }
            },
            disabled:{
                type: Boolean,
                default: false
            },
            disablePreview: {
                type: Boolean,
                default: false
            },
            limit: {
                type: [Number, String],
                default: 9
            },
            imageStyles: {
                type: Object,
                default () {
                    return {
                        width: 'auto',
                        height: 'auto',
                        border: {}
                    }
                }
            },
            delIcon: {
                type: Boolean,
                default: true
            },
            readonly:{
                type:Boolean,
                default:false
            }
        },
        computed: {
            styles() {
                let styles = {
                    width: 'auto',
                    height: 'auto',
                    border: {}
                }
                return Object.assign(styles, this.imageStyles)
            },
            boxStyle() {
                const {
                    width = 'auto',
                        height = 'auto'
                } = this.styles
                let obj = {}
                if (height === 'auto') {
                    if (width !== 'auto') {
                        obj.height = this.value2px(width)
                        obj['padding-top'] = 0
                    } else {
                        obj.height = 0
                    }
                } else {
                    obj.height = this.value2px(height)
                    obj['padding-top'] = 0
                }

                if (width === 'auto') {
                    if (height !== 'auto') {
                        obj.width = this.value2px(height)
                    } else {
                        obj.width = '33.3%'
                    }
                } else {
                    obj.width = this.value2px(width)
                }

                let classles = ''
                for(let i in obj){
                    classles+= `${i}:${obj[i]};`
                }
                return classles
            },
            borderStyle() {
                let {
                    border
                } = this.styles
                let obj = {}
                const widthDefaultValue = 1
                const radiusDefaultValue = 3
                if (typeof border === 'boolean') {
                    obj.border = border ? '1px #eee solid' : 'none'
                } else {
                    let width = (border && border.width) || widthDefaultValue
                    width = this.value2px(width)
                    let radius = (border && border.radius) || radiusDefaultValue
                    radius = this.value2px(radius)
                    obj = {
                        'border-width': width,
                        'border-style': (border && border.style) || 'solid',
                        'border-color': (border && border.color) || '#eee',
                        'border-radius': radius
                    }
                }
                let classles = ''
                for(let i in obj){
                    classles+= `${i}:${obj[i]};`
                }
                return classles
            }
        },
        methods: {
            uploadFiles(item, index) {
                this.$emit("uploadFiles", item)
            },
            choose() {
                this.$emit("choose")
            },
            delFile(index) {
                this.$emit('delFile', index)
            },
            prviewImage(img, index) {
                let urls = []
                if(Number(this.limit) === 1&&this.disablePreview&&!this.disabled){
                    this.$emit("choose")
                }
                if(this.disablePreview) return
                this.filesList.forEach(i => {
                    urls.push(i.url)
                })

                uni.previewImage({
                    urls: urls,
                    current: index
                });
            },
            value2px(value) {
                if (typeof value === 'number') {
                    value += 'px'
                } else {
                    if (value.indexOf('%') === -1) {
                        value = value.indexOf('px') !== -1 ? value : value + 'px'
                    }
                }
                return value
            }
        }
    }
</script>

<style lang="scss">
    .uni-file-picker__container {
        /* #ifndef APP-NVUE */
        display: flex;
        box-sizing: border-box;
        /* #endif */
        flex-wrap: wrap;
        margin: -5px;
    }

    .file-picker__box {
        position: relative;
        // flex: 0 0 33.3%;
        width: 33.3%;
        height: 0;
        padding-top: 33.33%;
        /* #ifndef APP-NVUE */
        box-sizing: border-box;
        /* #endif */
    }

    .file-picker__box-content {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 5px;
        border: 1px #eee solid;
        border-radius: 5px;
        overflow: hidden;
    }

    .file-picker__progress {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        /* border: 1px red solid; */
        z-index: 2;
    }

    .file-picker__progress-item {
        width: 100%;
    }

    .file-picker__mask {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        justify-content: center;
        align-items: center;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        left: 0;
        color: #fff;
        font-size: 12px;
        background-color: rgba(0, 0, 0, 0.4);
    }

    .file-image {
        width: 100%;
        height: 100%;
    }

    .is-add {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        align-items: center;
        justify-content: center;
    }

    .icon-add {
        width: 50px;
        height: 5px;
        background-color: #f1f1f1;
        border-radius: 2px;
    }

    .rotate {
        position: absolute;
        transform: rotate(90deg);
    }

    .icon-del-box {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 3px;
        right: 3px;
        height: 26px;
        width: 26px;
        border-radius: 50%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 2;
        transform: rotate(-45deg);
    }

    .icon-del {
        width: 15px;
        height: 2px;
        background-color: #fff;
        border-radius: 2px;
    }
</style>

 uni_modules/uni-file-picker/components/uni-file-picker/utils.js

New file
@@ -0,0 +1,109 @@
/**
 * èŽ·å–文件名和后缀
 * @param {String} name
 */
export const get_file_ext = (name) => {
    const last_len = name.lastIndexOf('.')
    const len = name.length
    return {
        name: name.substring(0, last_len),
        ext: name.substring(last_len + 1, len)
    }
}

/**
 * èŽ·å–扩展名
 * @param {Array} fileExtname
 */
export const get_extname = (fileExtname) => {
    if (!Array.isArray(fileExtname)) {
        let extname = fileExtname.replace(/(\[|\])/g, '')
        return extname.split(',')
    } else {
        return fileExtname
    }
    return []
}

/**
 * èŽ·å–文件和检测是否可选
 */
export const get_files_and_is_max = (res, _extname) => {
    let filePaths = []
    let files = []
    if(!_extname || _extname.length === 0){
        return {
            filePaths,
            files
        }
    }
    res.tempFiles.forEach(v => {
        let fileFullName = get_file_ext(v.name)
        const extname = fileFullName.ext.toLowerCase()
        if (_extname.indexOf(extname) !== -1) {
            files.push(v)
            filePaths.push(v.path)
        }
    })
    if (files.length !== res.tempFiles.length) {
        uni.showToast({
            title: `当前选择了${res.tempFiles.length}个文件 ï¼Œ${res.tempFiles.length - files.length} ä¸ªæ–‡ä»¶æ ¼å¼ä¸æ­£ç¡®`,
            icon: 'none',
            duration: 5000
        })
    }

    return {
        filePaths,
        files
    }
}


/**
 * èŽ·å–图片信息
 * @param {Object} filepath
 */
export const get_file_info = (filepath) => {
    return new Promise((resolve, reject) => {
        uni.getImageInfo({
            src: filepath,
            success(res) {
                resolve(res)
            },
            fail(err) {
                reject(err)
            }
        })
    })
}
/**
 * èŽ·å–封装数据
 */
export const get_file_data = async (files, type = 'image') => {
    // æœ€ç»ˆéœ€è¦ä¸Šä¼ æ•°æ®åº“的数据
    let fileFullName = get_file_ext(files.name)
    const extname = fileFullName.ext.toLowerCase()
    let filedata = {
        name: files.name,
        uuid: files.uuid,
        extname: extname || '',
        cloudPath: files.cloudPath,
        fileType: files.fileType,
        url: files.path || files.path,
        size: files.size, //单位是字节
        image: {},
        path: files.path,
        video: {}
    }
    if (type === 'image') {
        const imageinfo = await get_file_info(files.path)
        delete filedata.video
        filedata.image.width = imageinfo.width
        filedata.image.height = imageinfo.height
        filedata.image.location = imageinfo.path
    } else {
        delete filedata.image
    }
    return filedata
}

 uni_modules/uni-file-picker/package.json

New file
@@ -0,0 +1,86 @@
{
  "id": "uni-file-picker",
  "displayName": "uni-file-picker æ–‡ä»¶é€‰æ‹©ä¸Šä¼ ",
  "version": "1.0.1",
  "description": "文件选择上传组件，可以选择图片、视频等任意文件并上传到当前绑定的服务空间",
  "keywords": [
    "uni-ui",
    "uniui",
    "图片上传",
    "文件上传"
],
  "repository": "https://github.com/dcloudio/uni-ui",
  "engines": {
    "HBuilderX": ""
  },
  "directories": {
    "example": "../../temps/example_temps"
  },
  "dcloudext": {
    "category": [
      "前端组件",
      "通用组件"
    ],
    "sale": {
      "regular": {
        "price": "0.00"
      },
      "sourcecode": {
        "price": "0.00"
      }
    },
    "contact": {
      "qq": ""
    },
    "declaration": {
      "ads": "无",
      "data": "无",
      "permissions": "无"
    },
    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
  },
  "uni_modules": {
    "dependencies": ["uni-scss"],
    "encrypt": [],
    "platforms": {
      "cloud": {
        "tcb": "y",
        "aliyun": "y"
      },
      "client": {
        "App": {
          "app-vue": "y",
          "app-nvue": "n"
        },
        "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"
        },
        "快应用": {
          "华为": "u",
          "联盟": "u"
        },
        "Vue": {
            "vue2": "y",
            "vue3": "y"
        }
      }
    }
  }
}

 uni_modules/uni-file-picker/readme.md

New file
@@ -0,0 +1,11 @@

## FilePicker æ–‡ä»¶é€‰æ‹©ä¸Šä¼ 

> **组件名：uni-file-picker**
>  ä»£ç å—： `uFilePicker`


文件选择上传组件，可以选择图片、视频等任意文件并上传到当前绑定的服务空间

### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-file-picker)
#### å¦‚使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui äº¤æµç¾¤ï¼š871950839 

 uni_modules/uni-forms/changelog.md

New file
@@ -0,0 +1,60 @@
## 1.3.2（2021-12-09）
-
## 1.3.1（2021-11-19）
- ä¿®å¤ label æ’槽不生效的bug
## 1.3.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-forms](https://uniapp.dcloud.io/component/uniui/uni-forms)
## 1.2.7（2021-08-13）
- ä¿®å¤ æ²¡æœ‰æ·»åŠ æ ¡éªŒè§„则的字段依然报错的Bug
## 1.2.6（2021-08-11）
- ä¿®å¤ é‡ç½®è¡¨å•é”™è¯¯ä¿¡æ¯æ— æ³•æ¸…除的问题
## 1.2.5（2021-08-11）
- ä¼˜åŒ– ç»„件文档
## 1.2.4（2021-08-11）
- ä¿®å¤ è¡¨å•éªŒè¯åªç”Ÿæ•ˆä¸€æ¬¡çš„问题
## 1.2.3（2021-07-30）
- ä¼˜åŒ– vue3下事件警告的问题
## 1.2.2（2021-07-26）
- ä¿®å¤ vue2 ä¸‹æ¡ä»¶ç¼–译导致destroyed生命周期失效的Bug
- ä¿®å¤ 1.2.1 å¼•èµ·çš„示例在小程序平台报错的Bug
## 1.2.1（2021-07-22）
- ä¿®å¤ åŠ¨æ€æ ¡éªŒè¡¨å•ï¼Œé»˜è®¤å€¼ä¸ºç©ºçš„情况下校验失效的Bug
- ä¿®å¤ ä¸æŒ‡å®šname属性时，运行报错的Bug
- ä¼˜åŒ– label默认宽度从65调整至70，使required为true且四字时不换行
- ä¼˜åŒ– ç»„件示例，新增动态校验示例代码
- ä¼˜åŒ– ç»„件文档，使用方式更清晰
## 1.2.0（2021-07-13）
- ç»„件兼容 vue3，如何创建vue3项目，详见 [uni-app é¡¹ç›®æ”¯æŒ vue3 ä»‹ç»](https://ask.dcloud.net.cn/article/37834)
## 1.1.2（2021-06-25）
- ä¿®å¤ pattern å±žæ€§åœ¨å¾®ä¿¡å°ç¨‹åºå¹³å°æ— æ•ˆçš„问题
## 1.1.1（2021-06-22）
- ä¿®å¤ validate-trigger属性为submit且err-show-type属性为toast时不能弹出的Bug
## 1.1.0（2021-06-22）
- ä¿®å¤ åªå†™setRules方法而导致校验不生效的Bug
- ä¿®å¤ ç”±ä¸Šä¸ªåŠžæ³•å¼•å‘的错误提示文字错位的Bug
## 1.0.48（2021-06-21）
- ä¿®å¤ ä¸è®¾ç½® label å±žæ€§ ï¼Œæ— æ³•è®¾ç½®label插槽的问题
## 1.0.47（2021-06-21）
- ä¿®å¤ ä¸è®¾ç½®label属性，label-width属性不生效的bug
- ä¿®å¤ setRules æ–¹æ³•ä¸Žrules属性冲突的问题
## 1.0.46（2021-06-04）
- ä¿®å¤ åŠ¨æ€åˆ å‡æ•°æ®å¯¼è‡´æŠ¥é”™çš„问题
## 1.0.45（2021-06-04）
- æ–°å¢ž modelValue å±žæ€§ ï¼Œvalue å³å°†åºŸå¼ƒ
## 1.0.44（2021-06-02）
- æ–°å¢ž uni-forms-item å¯ä»¥è®¾ç½®å•ç‹¬çš„ rules
- æ–°å¢ž validate äº‹ä»¶å¢žåŠ  keepitem å‚数，可以选择那些字段不过滤
- ä¼˜åŒ– submit äº‹ä»¶é‡å‘½åä¸º validate
## 1.0.43（2021-05-12）
- æ–°å¢ž ç»„件示例地址
## 1.0.42（2021-04-30）
- ä¿®å¤ è‡ªå®šä¹‰æ£€éªŒå™¨å¤±æ•ˆçš„问题
## 1.0.41（2021-03-05）
- æ›´æ–° æ ¡éªŒå™¨
- ä¿®å¤ è¡¨å•è§„则设置类型为 number çš„情况下，值为0校验失败的Bug
## 1.0.40（2021-03-04）
- ä¿®å¤ åŠ¨æ€æ˜¾ç¤ºuni-forms-item的情况下，submit æ–¹æ³•èŽ·å–值错误的Bug
## 1.0.39（2021-02-05）
- è°ƒæ•´ä¸ºuni_modules目录规范
- ä¿®å¤ æ ¡éªŒå™¨ä¼ å…¥ int ç­‰ç±»åž‹ ï¼Œè¿”回String类型的Bug

 uni_modules/uni-forms/components/uni-forms-item/uni-forms-item.vue

New file
@@ -0,0 +1,509 @@
<template>
    <view class="uni-forms-item" :class="{ 'uni-forms-item--border': border, 'is-first-border': border && isFirstBorder, 'uni-forms-item-error': msg }">
        <view class="uni-forms-item__box">
            <view class="uni-forms-item__inner" :class="['is-direction-' + labelPos]">
                <view class="uni-forms-item__label" :style="{ width: labelWid , justifyContent: justifyContent }">
                    <slot name="label">
                        <text v-if="required" class="is-required">*</text>
                        <uni-icons v-if="leftIcon" class="label-icon" size="16" :type="leftIcon" :color="iconColor" />
                        <text class="label-text">{{ label }}</text>

                        <view v-if="label" class="label-seat"></view>
                    </slot>
                </view>
                <view class="uni-forms-item__content" :class="{ 'is-input-error-border': msg }"><slot></slot></view>
            </view>
            <view
                v-if="msg"
                class="uni-error-message"
                :class="{ 'uni-error-msg--boeder': border }"
                :style="{
                    paddingLeft: labelLeft
                }"
            >
                <text class="uni-error-message-text">{{ showMsg === 'undertext' ? msg : '' }}</text>
            </view>
        </view>
    </view>
</template>

<script>
/**
 * Field è¾“入框
 * @description æ­¤ç»„件可以实现表单的输入与校验，包括 "text" å’Œ "textarea" ç±»åž‹ã€‚
 * @tutorial https://ext.dcloud.net.cn/plugin?id=21001
 * @property {Boolean}     required             æ˜¯å¦å¿…填，左边显示红色"*"号（默认false）
 * @property {String} validateTrigger = [bind|submit]    æ ¡éªŒè§¦å‘器方式 é»˜è®¤ submit å¯é€‰
 *     @value bind     å‘生变化时触发
 *     @value submit     æäº¤æ—¶è§¦å‘
 * @property {String }     leftIcon             label左边的图标，限 uni-ui çš„图标名称
 * @property {String }     iconColor             å·¦è¾¹é€šè¿‡icon配置的图标的颜色（默认#606266）
 * @property {String }     label                 è¾“入框左边的文字提示
 * @property {Number }     labelWidth             label的宽度，单位px（默认65）
 * @property {String }     labelAlign = [left|center|right] label的文字对齐方式（默认left）
 *     @value left        label å·¦ä¾§æ˜¾ç¤º
 *     @value center    label å±…中
 *     @value right    label å³ä¾§å¯¹é½
 * @property {String }     labelPosition = [top|left] label的文字的位置（默认left）
 *     @value top    é¡¶éƒ¨æ˜¾ç¤º label
 *     @value left    å·¦ä¾§æ˜¾ç¤º label
 * @property {String }     errorMessage         æ˜¾ç¤ºçš„错误提示内容，如果为空字符串或者false，则不显示错误信息
 * @property {String }     name                 è¡¨å•åŸŸçš„属性名，在使用校验规则时必填
 */

export default {
    name: 'uniFormsItem',
    props: {
        // è‡ªå®šä¹‰å†…容
        custom: {
            type: Boolean,
            default: false
        },
        // æ˜¯å¦æ˜¾ç¤ºæŠ¥é”™ä¿¡æ¯
        showMessage: {
            type: Boolean,
            default: true
        },
        name: String,
        required: Boolean,
        validateTrigger: {
            type: String,
            default: ''
        },
        leftIcon: String,
        iconColor: {
            type: String,
            default: '#606266'
        },
        label: String,
        // å·¦è¾¹æ ‡é¢˜çš„宽度单位px
        labelWidth: {
            type: [Number, String],
            default: ''
        },
        // å¯¹é½æ–¹å¼ï¼Œleft|center|right
        labelAlign: {
            type: String,
            default: ''
        },
        // lable的位置，可选为 left-左边，top-上边
        labelPosition: {
            type: String,
            default: ''
        },
        errorMessage: {
            type: [String, Boolean],
            default: ''
        },
        // è¡¨å•æ ¡éªŒè§„则
        rules: {
            type: Array,
            default() {
                return [];
            }
        }
    },
    data() {
        return {
            errorTop: false,
            errorBottom: false,
            labelMarginBottom: '',
            errorWidth: '',
            errMsg: '',
            val: '',
            labelPos: '',
            labelWid: '',
            labelAli: '',
            showMsg: 'undertext',
            border: false,
            isFirstBorder: false,
            isArray: false,
            arrayField: ''
        };
    },
    computed: {
        msg() {
            return this.errorMessage || this.errMsg;
        },
        fieldStyle() {
            let style = {};
            if (this.labelPos == 'top') {
                style.padding = '0 0';
                this.labelMarginBottom = '6px';
            }
            if (this.labelPos == 'left' && this.msg !== false && this.msg != '') {
                style.paddingBottom = '0px';
                this.errorBottom = true;
                this.errorTop = false;
            } else if (this.labelPos == 'top' && this.msg !== false && this.msg != '') {
                this.errorBottom = false;
                this.errorTop = true;
            } else {
                // style.paddingBottom = ''
                this.errorTop = false;
                this.errorBottom = false;
            }
            return style;
        },

        // uni不支持在computed中写style.justifyContent = 'center'的形式，故用此方法
        justifyContent() {
            if (this.labelAli === 'left') return 'flex-start';
            if (this.labelAli === 'center') return 'center';
            if (this.labelAli === 'right') return 'flex-end';
        },
        labelLeft(){
            return (this.labelPos === 'left' ? parseInt(this.labelWid) : 0) + 'px'
        }
    },
    watch: {
        validateTrigger(trigger) {
            this.formTrigger = trigger;
        }
    },
    created() {
        this.form = this.getForm();
        this.group = this.getForm('uniGroup');
        this.formRules = [];
        this.formTrigger = this.validateTrigger;
        // å¤„理 name，是否数组
        if (this.name && this.name.indexOf('[') !== -1 && this.name.indexOf(']') !== -1) {
            this.isArray = true;
            this.arrayField = this.name
            // fix by mehaotian ä¿®æ”¹ä¸ä¿®æ”¹çš„情况，动态值不检验的问题
            this.form.formData[this.name] = this.form._getValue(this.name, '')
        }
    },
    mounted() {
        if (this.form) {
            this.form.childrens.push(this);
        }
        this.init();
    },
    // #ifndef VUE3
    destroyed() {
        if(this.__isUnmounted) return
        this.unInit()
    },
    // #endif
    // #ifdef VUE3
    unmounted(){
        this.__isUnmounted = true
        this.unInit()
    },
    // #endif
    methods: {
        init() {
            if (this.form) {
                let { formRules, validator, formData, value, labelPosition, labelWidth, labelAlign, errShowType } = this.form;
                this.labelPos = this.labelPosition ? this.labelPosition : labelPosition;

                if(this.label){
                    this.labelWid = (this.labelWidth ? this.labelWidth : (labelWidth||70))
                }else{
                    this.labelWid =( this.labelWidth ? this.labelWidth : (labelWidth||'auto'))
                }
                if(this.labelWid && this.labelWid !=='auto') {
                    this.labelWid +='px'
                }
                this.labelAli = this.labelAlign ? this.labelAlign : labelAlign;

                // åˆ¤æ–­ç¬¬ä¸€ä¸ª item
                if (!this.form.isFirstBorder) {
                    this.form.isFirstBorder = true;
                    this.isFirstBorder = true;
                }

                // åˆ¤æ–­ group é‡Œçš„第一个 item
                if (this.group) {
                    if (!this.group.isFirstBorder) {
                        this.group.isFirstBorder = true;
                        this.isFirstBorder = true;
                    }
                }

                this.border = this.form.border;
                this.showMsg = errShowType;
                let name = this.isArray ? this.arrayField : this.name;
                if(!name) return
                if (formRules && this.rules.length > 0) {
                    if (!formRules[name]) {
                        formRules[name] = {
                            rules: this.rules
                        }
                    }
                    validator.updateSchema(formRules);
                }
                this.formRules = formRules[name] || {};
                this.validator = validator;
            } else {
                this.labelPos = this.labelPosition || 'left';
                this.labelWid = this.labelWidth || 65;
                this.labelAli = this.labelAlign || 'left';
            }
        },
        unInit(){
            if (this.form) {
                this.form.childrens.forEach((item, index) => {
                    if (item === this) {
                        this.form.childrens.splice(index, 1)
                        delete this.form.formData[item.name]
                    }
                })
            }
        },
        /**
         * èŽ·å–父元素实例
         */
        getForm(name = 'uniForms') {
            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;
        },

        /**
         * ç§»é™¤è¯¥è¡¨å•é¡¹çš„校验结果
         */
        clearValidate() {
            this.errMsg = '';
        },
        /**
         * å­ç»„件调用，如 easyinput
         * @param {Object} value
         */
        setValue(value) {
            let name = this.isArray ? this.arrayField : this.name;
            if (name) {
                if (this.errMsg) this.errMsg = '';
                // ç»™ç»„件赋值
                this.form.formData[name] = this.form._getValue(name, value);
                if (!this.formRules || (typeof this.formRules && JSON.stringify(this.formRules) === '{}')) return;
                this.triggerCheck(this.form._getValue(this.name, value));
            }
        },

        /**
         * æ ¡éªŒè§„则
         * @param {Object} value
         */
        async triggerCheck(value,formTrigger) {
            let promise = null;
            this.errMsg = '';
            // fix by mehaotian è§£å†³æ²¡æœ‰æ£€éªŒè§„则的情况下，抛出错误的问题
            if (!this.validator || Object.keys(this.formRules).length === 0) return;
            const isNoField = this.isRequired(this.formRules.rules || []);
            let isTrigger = this.isTrigger(this.formRules.validateTrigger, this.validateTrigger, this.form.validateTrigger);
            let result = null;
            if (!!isTrigger || formTrigger) {
                let name = this.isArray ? this.arrayField : this.name;
                result = await this.validator.validateUpdate(
                    {
                        [name]: value
                    },
                    this.form.formData
                );
            }
            // åˆ¤æ–­æ˜¯å¦å¿…å¡«,非必填，不填不校验，填写才校验
            if (!isNoField && (value === undefined || value === '')) {
                result = null;
            }
            const inputComp = this.form.inputChildrens.find(child => child.rename === this.name);
            if ((isTrigger ||　formTrigger) && result && result.errorMessage) {
                if (inputComp) {
                    inputComp.errMsg = result.errorMessage;
                }
                if (this.form.errShowType === 'toast') {
                    uni.showToast({
                        title: result.errorMessage || '校验错误',
                        icon: 'none'
                    });
                }
                if (this.form.errShowType === 'modal') {
                    uni.showModal({
                        title: '提示',
                        content: result.errorMessage || '校验错误'
                    });
                }
            } else {
                if (inputComp) {
                    inputComp.errMsg = '';
                }
            }

            this.errMsg = !result ? '' : result.errorMessage;
            // è§¦å‘validate事件
            this.form.validateCheck(result ? result : null);
            // typeof callback === 'function' && callback(result ? result : null);
            // if (promise) return promise
            return result ? result : null;
        },
        /**
         * è§¦å‘时机
         * @param {Object} event
         */
        isTrigger(rule, itemRlue, parentRule) {
            let rl = true;
            //  bind  submit
            if (rule === 'submit' || !rule) {
                if (rule === undefined) {
                    if (itemRlue !== 'bind') {
                        if (!itemRlue) {
                            return parentRule === 'bind' ? true : false;
                        }
                        return false;
                    }
                    return true;
                }
                return false;
            }
            return true;
        },
        // æ˜¯å¦æœ‰å¿…填字段
        isRequired(rules) {
            let isNoField = false;
            for (let i = 0; i < rules.length; i++) {
                const ruleData = rules[i];
                if (ruleData.required) {
                    isNoField = true;
                    break;
                }
            }
            return isNoField;
        }
    }
};
</script>

<style lang="scss" >
.uni-forms-item {
    position: relative;
    padding: 0px;
    text-align: left;
    color: #333;
    font-size: 14px;
    // margin-bottom: 22px;
}

.uni-forms-item__box {
    position: relative;
}

.uni-forms-item__inner {
    /* #ifndef APP-NVUE */
    display: flex;
    /* #endif */
    // flex-direction: row;
    // align-items: center;
    padding-bottom: 22px;
    // margin-bottom: 22px;
}

.is-direction-left {
    flex-direction: row;
}

.is-direction-top {
    flex-direction: column;
}

.uni-forms-item__label {
    /* #ifndef APP-NVUE */
    display: flex;
    flex-shrink: 0;
    box-sizing: border-box;
    /* #endif */
    flex-direction: row;
    align-items: center;
    width: 65px;
    // line-height: 2;
    // margin-top: 3px;
    padding: 5px 0;
    height: 36px;
    // margin-right: 5px;

    .label-text {
        font-size: 13px;
        color: #666666;
    }
    .label-seat {
        margin-right: 5px;
    }
}

.uni-forms-item__content {
    /* #ifndef APP-NVUE */
    width: 100%;
    box-sizing: border-box;
    min-height: 36px;
    /* #endif */
    flex: 1;
}

.label-icon {
    margin-right: 5px;
    margin-top: -1px;
}

// å¿…å¡«
.is-required {
    // color: $uni-color-error;
    color: #dd524d;
    font-weight: bold;
}

.uni-error-message {
    position: absolute;
    bottom: 0px;
    left: 0;
    text-align: left;
}

.uni-error-message-text {
    line-height: 22px;
    color: #dd524d;
    font-size: 12px;
}

.uni-error-msg--boeder {
    position: relative;
    bottom: 0;
    line-height: 22px;
}

.is-input-error-border {
    border-color: #dd524d;
}

.uni-forms-item--border {
    margin-bottom: 0;
    padding: 10px 0;
    // padding-bottom: 0;
    border-top: 1px #eee solid;

    .uni-forms-item__inner {
        padding: 0;
    }
}

.uni-forms-item-error {
    // padding-bottom: 0;
}

.is-first-border {
    /* #ifndef APP-NVUE */
    border: none;
    /* #endif */
    /* #ifdef APP-NVUE */
    border-width: 0;
    /* #endif */
}

.uni-forms--no-padding {
    padding: 0;
}
</style>

 uni_modules/uni-forms/components/uni-forms/uni-forms.vue

New file
@@ -0,0 +1,472 @@
<template>
    <view class="uni-forms" :class="{ 'uni-forms--top': !border }">
        <form @submit.stop="submitForm" @reset="resetForm">
            <slot></slot>
        </form>
    </view>
</template>

<script>
    // #ifndef VUE3
    import Vue from 'vue';
    Vue.prototype.binddata = function(name, value, formName) {
        if (formName) {
            this.$refs[formName].setValue(name, value);
        } else {
            let formVm;
            for (let i in this.$refs) {
                const vm = this.$refs[i];
                if (vm && vm.$options && vm.$options.name === 'uniForms') {
                    formVm = vm;
                    break;
                }
            }
            if (!formVm) return console.error('当前 uni-froms ç»„件缺少 ref å±žæ€§');
            formVm.setValue(name, value);
        }
    };
    // #endif



    import Validator from './validate.js';
    /**
     * Forms è¡¨å•
     * @description ç”±è¾“入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据
     * @tutorial https://ext.dcloud.net.cn/plugin?id=2773
     * @property {Object} rules    è¡¨å•æ ¡éªŒè§„则
     * @property {String} validateTrigger = [bind|submit]    æ ¡éªŒè§¦å‘器方式 é»˜è®¤ submit
     * @value bind        å‘生变化时触发
     * @value submit    æäº¤æ—¶è§¦å‘
     * @property {String} labelPosition = [top|left]    label ä½ç½® é»˜è®¤ left
     * @value top        é¡¶éƒ¨æ˜¾ç¤º label
     * @value left    å·¦ä¾§æ˜¾ç¤º label
     * @property {String} labelWidth    label å®½åº¦ï¼Œé»˜è®¤ 65px
     * @property {String} labelAlign = [left|center|right]    label å±…中方式  é»˜è®¤ left
     * @value left        label å·¦ä¾§æ˜¾ç¤º
     * @value center    label å±…中
     * @value right        label å³ä¾§å¯¹é½
     * @property {String} errShowType = [undertext|toast|modal]    æ ¡éªŒé”™è¯¯ä¿¡æ¯æç¤ºæ–¹å¼
     * @value undertext    é”™è¯¯ä¿¡æ¯åœ¨åº•éƒ¨æ˜¾ç¤º
     * @value toast            é”™è¯¯ä¿¡æ¯toast显示
     * @value modal            é”™è¯¯ä¿¡æ¯modal显示
     * @event {Function} submit    æäº¤æ—¶è§¦å‘
     */

    export default {
        name: 'uniForms',
        components: {},
        emits:['input','reset','validate','submit'],
        props: {
            // å³å°†å¼ƒç”¨
            value: {
                type: Object,
                default () {
                    return {};
                }
            },
            // æ›¿æ¢ value å±žæ€§
            modelValue: {
                type: Object,
                default () {
                    return {};
                }
            },
            // è¡¨å•æ ¡éªŒè§„则
            rules: {
                type: Object,
                default () {
                    return {};
                }
            },
            // æ ¡éªŒè§¦å‘器方式，默认 å…³é—­
            validateTrigger: {
                type: String,
                default: ''
            },
            // label ä½ç½®ï¼Œå¯é€‰å€¼ top/left
            labelPosition: {
                type: String,
                default: 'left'
            },
            // label å®½åº¦ï¼Œå•ä½ px
            labelWidth: {
                type: [String, Number],
                default: ''
            },
            // label å±…中方式，可选值 left/center/right
            labelAlign: {
                type: String,
                default: 'left'
            },
            errShowType: {
                type: String,
                default: 'undertext'
            },
            border: {
                type: Boolean,
                default: false
            }
        },
        data() {
            return {
                formData: {}
            };
        },
        computed: {
            dataValue() {
                if (JSON.stringify(this.modelValue) === '{}') {
                    return this.value
                } else {
                    return this.modelValue
                }
            }
        },
        watch: {
            rules(newVal) {
                // å¦‚果规则发生变化，要初始化组件
                this.init(newVal);
            },
            labelPosition() {
                this.childrens.forEach(vm => {
                    vm.init()
                })
            }
        },
        created() {
            // #ifdef VUE3
            let getbinddata = getApp().$vm.$.appContext.config.globalProperties.binddata
            if (!getbinddata) {
                getApp().$vm.$.appContext.config.globalProperties.binddata = function(name, value, formName) {
                    if (formName) {
                        this.$refs[formName].setValue(name, value);
                    } else {
                        let formVm;
                        for (let i in this.$refs) {
                            const vm = this.$refs[i];
                            if (vm && vm.$options && vm.$options.name === 'uniForms') {
                                formVm = vm;
                                break;
                            }
                        }
                        if (!formVm) return console.error('当前 uni-froms ç»„件缺少 ref å±žæ€§');
                        formVm.setValue(name, value);
                    }
                }
            }
            // #endif

            // å­˜æ”¾watch ç›‘听数组
            this.unwatchs = [];
            // å­˜æ”¾å­ç»„件数组
            this.childrens = [];
            // å­˜æ”¾ easyInput ç»„件
            this.inputChildrens = [];
            // å­˜æ”¾ dataCheckbox ç»„件
            this.checkboxChildrens = [];
            // å­˜æ”¾è§„则
            this.formRules = [];
            this.init(this.rules);
        },
        // mounted() {
        //     this.init(this.rules)
        // },
        methods: {
            init(formRules) {
                // åˆ¤æ–­æ˜¯å¦æœ‰è§„则
                if (Object.keys(formRules).length === 0) {
                    this.formData = this.dataValue
                    return
                };
                this.formRules = formRules;
                this.validator = new Validator(formRules);
                this.registerWatch();
            },
            // ç›‘听 watch
            registerWatch() {
                // å–消监听,避免多次调用 init é‡å¤æ‰§è¡Œ $watch
                this.unwatchs.forEach(v => v());
                this.childrens.forEach((v) => {
                    v.init()
                })
                // watch æ¯ä¸ªå±žæ€§ ï¼Œéœ€è¦çŸ¥é“具体那个属性发变化
                Object.keys(this.dataValue).forEach(key => {
                    let watch = this.$watch(
                        'dataValue.' + key,
                        value => {
                            if (!value) return
                            // å¦‚果是对象 ï¼Œåˆ™å¹³é“ºå†…容
                            if (value.toString() === '[object Object]') {
                                for (let i in value) {
                                    let name = `${key}[${i}]`;
                                    this.formData[name] = this._getValue(name, value[i]);
                                }
                            } else {
                                this.formData[key] = this._getValue(key, value);
                            }
                        },
                        {
                            deep: true,
                            immediate: true
                        }
                    );
                    this.unwatchs.push(watch);
                });
            },
            /**
             * å…¬å¼€ç»™ç”¨æˆ·ä½¿ç”¨
             * è®¾ç½®æ ¡éªŒè§„则
             * @param {Object} formRules
             */
            setRules(formRules) {
                this.init(formRules);
            },
            /**
             * å…¬å¼€ç»™ç”¨æˆ·ä½¿ç”¨
             * è®¾ç½®è‡ªå®šä¹‰è¡¨å•ç»„件 value å€¼
             *  @param {String} name å­—段名称
             *  @param {String} value å­—段值
             */
            setValue(name, value, callback) {
                let example = this.childrens.find(child => child.name === name);
                if (!example) return null;
                value = this._getValue(example.name, value);
                this.formData[name] = value;
                example.val = value;
                return example.triggerCheck(value, callback);
            },

            /**
             * è¡¨å•é‡ç½®
             * @param {Object} event
             */
            resetForm(event) {
                this.childrens.forEach(item => {
                    item.errMsg = '';
                    const inputComp = this.inputChildrens.find(child => child.rename === item.name);
                    if (inputComp) {
                        inputComp.errMsg = '';
                        // fix by mehaotian ä¸è§¦å‘其他组件的 setValue
                        inputComp.is_reset = true
                        inputComp.$emit('input', inputComp.multiple ? [] : '');
                        inputComp.$emit('update:modelValue', inputComp.multiple ? [] : '');
                    }
                });

                this.childrens.forEach(item => {
                    if (item.name) {
                        this.formData[item.name] = this._getValue(item.name, '');
                    }
                });

                this.$emit('reset', event);
            },

            /**
             * è§¦å‘表单校验，通过 @validate èŽ·å–
             * @param {Object} validate
             */
            validateCheck(validate) {
                if (validate === null) validate = null;
                this.$emit('validate', validate);
            },
            /**
             * æ ¡éªŒæ‰€æœ‰æˆ–者部分表单
             */
            async validateAll(invalidFields, type, keepitem, callback) {
                let childrens = []
                for (let i in invalidFields) {
                    const item = this.childrens.find(v => v.name === i)
                    if (item) {
                        childrens.push(item)
                    }
                }

                if (!callback && typeof keepitem === 'function') {
                    callback = keepitem;
                }

                let promise;
                if (!callback && typeof callback !== 'function' && Promise) {
                    promise = new Promise((resolve, reject) => {
                        callback = function(valid, invalidFields) {
                            !valid ? resolve(invalidFields) : reject(valid);
                        };
                    });
                }

                let results = [];
                let newFormData = {};
                if (this.validator) {
                    for (let key in childrens) {
                        const child = childrens[key];
                        let name = child.isArray ? child.arrayField : child.name;
                        if (child.isArray) {
                            if (child.name.indexOf('[') !== -1 && child.name.indexOf(']') !== -1) {
                                const fieldData = child.name.split('[');
                                const fieldName = fieldData[0];
                                const fieldValue = fieldData[1].replace(']', '');
                                if (!newFormData[fieldName]) {
                                    newFormData[fieldName] = {};
                                }
                                newFormData[fieldName][fieldValue] = this._getValue(name, invalidFields[name]);
                            }
                        } else {
                            newFormData[name] = this._getValue(name, invalidFields[name]);
                        }
                        const result = await child.triggerCheck(invalidFields[name], true);
                        if (result) {
                            results.push(result);
                            if (this.errShowType === 'toast' || this.errShowType === 'modal') break;
                        }
                    }
                } else {
                    newFormData = invalidFields
                }
                if (Array.isArray(results)) {
                    if (results.length === 0) results = null;
                }

                if (Array.isArray(keepitem)) {
                    keepitem.forEach(v => {
                        newFormData[v] = this.dataValue[v];
                    });
                }

                if (type === 'submit') {
                    this.$emit('submit', {
                        detail: {
                            value: newFormData,
                            errors: results
                        }
                    });
                } else {
                    this.$emit('validate', results);
                }

                callback && typeof callback === 'function' && callback(results, newFormData);

                if (promise && callback) {
                    return promise;
                } else {
                    return null;
                }
            },
            submitForm() {},
            /**
             * å¤–部调用方法
             * æ‰‹åŠ¨æäº¤æ ¡éªŒè¡¨å•
             * å¯¹æ•´ä¸ªè¡¨å•è¿›è¡Œæ ¡éªŒçš„方法，参数为一个回调函数。
             */
            submit(keepitem, callback, type) {
                for (let i in this.dataValue) {
                    const itemData = this.childrens.find(v => v.name === i);
                    if (itemData) {
                        if (this.formData[i] === undefined) {
                            this.formData[i] = this._getValue(i, this.dataValue[i]);
                        }
                    }
                }
                if (!type) {
                    console.warn('submit æ–¹æ³•å³å°†åºŸå¼ƒï¼Œè¯·ä½¿ç”¨validate方法代替！');
                }
                return this.validateAll(this.formData, 'submit', keepitem, callback);
            },

            /**
             * å¤–部调用方法
             * æ ¡éªŒè¡¨å•
             * å¯¹æ•´ä¸ªè¡¨å•è¿›è¡Œæ ¡éªŒçš„方法，参数为一个回调函数。
             */
            validate(keepitem, callback) {
                return this.submit(keepitem, callback, true);
            },

            /**
             * éƒ¨åˆ†è¡¨å•æ ¡éªŒ
             * @param {Object} props
             * @param {Object} cb
             */
            validateField(props, callback) {
                props = [].concat(props);
                let invalidFields = {};
                this.childrens.forEach(item => {
                    if (props.indexOf(item.name) !== -1) {
                        invalidFields = Object.assign({}, invalidFields, {
                            [item.name]: this.formData[item.name]
                        });
                    }
                });
                return this.validateAll(invalidFields, 'submit', [], callback);
            },

            /**
             * å¯¹æ•´ä¸ªè¡¨å•è¿›è¡Œé‡ç½®ï¼Œå°†æ‰€æœ‰å­—段值重置为初始值并移除校验结果
             */
            resetFields() {
                this.resetForm();
            },

            /**
             * ç§»é™¤è¡¨å•é¡¹çš„校验结果。传入待移除的表单项的 prop å±žæ€§æˆ–者 prop ç»„成的数组，如不传则移除整个表单的校验结果
             */
            clearValidate(props) {
                props = [].concat(props);
                this.childrens.forEach(item => {
                    const inputComp = this.inputChildrens.find(child => child.rename === item.name);
                    if (props.length === 0) {
                        item.errMsg = '';
                        if (inputComp) {
                            inputComp.errMsg = '';
                        }
                    } else {
                        if (props.indexOf(item.name) !== -1) {
                            item.errMsg = '';
                            if (inputComp) {
                                inputComp.errMsg = '';
                            }
                        }
                    }
                });
            },
            /**
             * æŠŠ value è½¬æ¢æˆæŒ‡å®šçš„类型
             * @param {Object} key
             * @param {Object} value
             */
            _getValue(key, value) {
                const rules = (this.formRules[key] && this.formRules[key].rules) || [];
                const isRuleNum = rules.find(val => val.format && this.type_filter(val.format));
                const isRuleBool = rules.find(val => (val.format && val.format === 'boolean') || val.format === 'bool');
                // è¾“入值为 number
                if (isRuleNum) {
                    value = isNaN(value) ? value : value === '' || value === null ? null : Number(value);
                }
                // ç®€å•åˆ¤æ–­çœŸå‡å€¼
                if (isRuleBool) {
                    value = !value ? false : true;
                }
                return value;
            },
            /**
             * è¿‡æ»¤æ•°å­—类型
             * @param {Object} format
             */
            type_filter(format) {
                return format === 'int' || format === 'double' || format === 'number' || format === 'timestamp';
            }
        }
    };
</script>

<style lang="scss" >
    .uni-forms {
        // overflow: hidden;
        // padding: 10px 15px;
    }

    .uni-forms--top {
        // padding: 10px 15px;
        // padding-top: 22px;
    }
</style>

 uni_modules/uni-forms/components/uni-forms/validate.js

New file
@@ -0,0 +1,486 @@
var pattern = {
    email: /^\S+?@\S+?\.\S+?$/,
    idcard: /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
    url: new RegExp(
        "^(?!mailto:)(?:(?:http|https|ftp)://|//)(?:\\S+(?::\\S*)?@)?(?:(?:(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[0-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)(?:\\.(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)*(?:\\.(?:[a-z\\u00a1-\\uffff]{2,})))|localhost)(?::\\d{2,5})?(?:(/|\\?|#)[^\\s]*)?$",
        'i')
};

const FORMAT_MAPPING = {
    "int": 'integer',
    "bool": 'boolean',
    "double": 'number',
    "long": 'number',
    "password": 'string'
    // "fileurls": 'array'
}

function formatMessage(args, resources = '') {
    var defaultMessage = ['label']
    defaultMessage.forEach((item) => {
        if (args[item] === undefined) {
            args[item] = ''
        }
    })

    let str = resources
    for (let key in args) {
        let reg = new RegExp('{' + key + '}')
        str = str.replace(reg, args[key])
    }
    return str
}

function isEmptyValue(value, type) {
    if (value === undefined || value === null) {
        return true;
    }

    if (typeof value === 'string' && !value) {
        return true;
    }

    if (Array.isArray(value) && !value.length) {
        return true;
    }

    if (type === 'object' && !Object.keys(value).length) {
        return true;
    }

    return false;
}

const types = {
    integer(value) {
        return types.number(value) && parseInt(value, 10) === value;
    },
    string(value) {
        return typeof value === 'string';
    },
    number(value) {
        if (isNaN(value)) {
            return false;
        }
        return typeof value === 'number';
    },
    "boolean": function(value) {
        return typeof value === 'boolean';
    },
    "float": function(value) {
        return types.number(value) && !types.integer(value);
    },
    array(value) {
        return Array.isArray(value);
    },
    object(value) {
        return typeof value === 'object' && !types.array(value);
    },
    date(value) {
        return value instanceof Date;
    },
    timestamp(value) {
        if (!this.integer(value) || Math.abs(value).toString().length > 16) {
            return false
        }
        return true;
    },
    file(value) {
        return typeof value.url === 'string';
    },
    email(value) {
        return typeof value === 'string' && !!value.match(pattern.email) && value.length < 255;
    },
    url(value) {
        return typeof value === 'string' && !!value.match(pattern.url);
    },
    pattern(reg, value) {
        try {
            return new RegExp(reg).test(value);
        } catch (e) {
            return false;
        }
    },
    method(value) {
        return typeof value === 'function';
    },
    idcard(value) {
        return typeof value === 'string' && !!value.match(pattern.idcard);
    },
    'url-https'(value) {
        return this.url(value) && value.startsWith('https://');
    },
    'url-scheme'(value) {
        return value.startsWith('://');
    },
    'url-web'(value) {
        return false;
    }
}

class RuleValidator {

    constructor(message) {
        this._message = message
    }

    async validateRule(fieldKey, fieldValue, value, data, allData) {
        var result = null

        let rules = fieldValue.rules

        let hasRequired = rules.findIndex((item) => {
            return item.required
        })
        if (hasRequired < 0) {
            if (value === null || value === undefined) {
                return result
            }
            if (typeof value === 'string' && !value.length) {
                return result
            }
        }

        var message = this._message

        if (rules === undefined) {
            return message['default']
        }

        for (var i = 0; i < rules.length; i++) {
            let rule = rules[i]
            let vt = this._getValidateType(rule)

            Object.assign(rule, {
                label: fieldValue.label || `["${fieldKey}"]`
            })

            if (RuleValidatorHelper[vt]) {
                result = RuleValidatorHelper[vt](rule, value, message)
                if (result != null) {
                    break
                }
            }

            if (rule.validateExpr) {
                let now = Date.now()
                let resultExpr = rule.validateExpr(value, allData, now)
                if (resultExpr === false) {
                    result = this._getMessage(rule, rule.errorMessage || this._message['default'])
                    break
                }
            }

            if (rule.validateFunction) {
                result = await this.validateFunction(rule, value, data, allData, vt)
                if (result !== null) {
                    break
                }
            }
        }

        if (result !== null) {
            result = message.TAG + result
        }

        return result
    }

    async validateFunction(rule, value, data, allData, vt) {
        let result = null
        try {
            let callbackMessage = null
            const res = await rule.validateFunction(rule, value, allData || data, (message) => {
                callbackMessage = message
            })
            if (callbackMessage || (typeof res === 'string' && res) || res === false) {
                result = this._getMessage(rule, callbackMessage || res, vt)
            }
        } catch (e) {
            result = this._getMessage(rule, e.message, vt)
        }
        return result
    }

    _getMessage(rule, message, vt) {
        return formatMessage(rule, message || rule.errorMessage || this._message[vt] || message['default'])
    }

    _getValidateType(rule) {
        var result = ''
        if (rule.required) {
            result = 'required'
        } else if (rule.format) {
            result = 'format'
        } else if (rule.arrayType) {
            result = 'arrayTypeFormat'
        } else if (rule.range) {
            result = 'range'
        } else if (rule.maximum !== undefined || rule.minimum !== undefined) {
            result = 'rangeNumber'
        } else if (rule.maxLength !== undefined || rule.minLength !== undefined) {
            result = 'rangeLength'
        } else if (rule.pattern) {
            result = 'pattern'
        } else if (rule.validateFunction) {
            result = 'validateFunction'
        }
        return result
    }
}

const RuleValidatorHelper = {
    required(rule, value, message) {
        if (rule.required && isEmptyValue(value, rule.format || typeof value)) {
            return formatMessage(rule, rule.errorMessage || message.required);
        }

        return null
    },

    range(rule, value, message) {
        const {
            range,
            errorMessage
        } = rule;

        let list = new Array(range.length);
        for (let i = 0; i < range.length; i++) {
            const item = range[i];
            if (types.object(item) && item.value !== undefined) {
                list[i] = item.value;
            } else {
                list[i] = item;
            }
        }

        let result = false
        if (Array.isArray(value)) {
            result = (new Set(value.concat(list)).size === list.length);
        } else {
            if (list.indexOf(value) > -1) {
                result = true;
            }
        }

        if (!result) {
            return formatMessage(rule, errorMessage || message['enum']);
        }

        return null
    },

    rangeNumber(rule, value, message) {
        if (!types.number(value)) {
            return formatMessage(rule, rule.errorMessage || message.pattern.mismatch);
        }

        let {
            minimum,
            maximum,
            exclusiveMinimum,
            exclusiveMaximum
        } = rule;
        let min = exclusiveMinimum ? value <= minimum : value < minimum;
        let max = exclusiveMaximum ? value >= maximum : value > maximum;

        if (minimum !== undefined && min) {
            return formatMessage(rule, rule.errorMessage || message['number'][exclusiveMinimum ?
                'exclusiveMinimum' : 'minimum'
            ])
        } else if (maximum !== undefined && max) {
            return formatMessage(rule, rule.errorMessage || message['number'][exclusiveMaximum ?
                'exclusiveMaximum' : 'maximum'
            ])
        } else if (minimum !== undefined && maximum !== undefined && (min || max)) {
            return formatMessage(rule, rule.errorMessage || message['number'].range)
        }

        return null
    },

    rangeLength(rule, value, message) {
        if (!types.string(value) && !types.array(value)) {
            return formatMessage(rule, rule.errorMessage || message.pattern.mismatch);
        }

        let min = rule.minLength;
        let max = rule.maxLength;
        let val = value.length;

        if (min !== undefined && val < min) {
            return formatMessage(rule, rule.errorMessage || message['length'].minLength)
        } else if (max !== undefined && val > max) {
            return formatMessage(rule, rule.errorMessage || message['length'].maxLength)
        } else if (min !== undefined && max !== undefined && (val < min || val > max)) {
            return formatMessage(rule, rule.errorMessage || message['length'].range)
        }

        return null
    },

    pattern(rule, value, message) {
        if (!types['pattern'](rule.pattern, value)) {
            return formatMessage(rule, rule.errorMessage || message.pattern.mismatch);
        }

        return null
    },

    format(rule, value, message) {
        var customTypes = Object.keys(types);
        var format = FORMAT_MAPPING[rule.format] ? FORMAT_MAPPING[rule.format] : (rule.format || rule.arrayType);

        if (customTypes.indexOf(format) > -1) {
            if (!types[format](value)) {
                return formatMessage(rule, rule.errorMessage || message.typeError);
            }
        }

        return null
    },

    arrayTypeFormat(rule, value, message) {
        if (!Array.isArray(value)) {
            return formatMessage(rule, rule.errorMessage || message.typeError);
        }

        for (let i = 0; i < value.length; i++) {
            const element = value[i];
            let formatResult = this.format(rule, element, message)
            if (formatResult !== null) {
                return formatResult
            }
        }

        return null
    }
}

class SchemaValidator extends RuleValidator {

    constructor(schema, options) {
        super(SchemaValidator.message);

        this._schema = schema
        this._options = options || null
    }

    updateSchema(schema) {
        this._schema = schema
    }

    async validate(data, allData) {
        let result = this._checkFieldInSchema(data)
        if (!result) {
            result = await this.invokeValidate(data, false, allData)
        }
        return result.length ? result[0] : null
    }

    async validateAll(data, allData) {
        let result = this._checkFieldInSchema(data)
        if (!result) {
            result = await this.invokeValidate(data, true, allData)
        }
        return result
    }

    async validateUpdate(data, allData) {
        let result = this._checkFieldInSchema(data)
        if (!result) {
            result = await this.invokeValidateUpdate(data, false, allData)
        }
        return result.length ? result[0] : null
    }

    async invokeValidate(data, all, allData) {
        let result = []
        let schema = this._schema
        for (let key in schema) {
            let value = schema[key]
            let errorMessage = await this.validateRule(key, value, data[key], data, allData)
            if (errorMessage != null) {
                result.push({
                    key,
                    errorMessage
                })
                if (!all) break
            }
        }
        return result
    }

    async invokeValidateUpdate(data, all, allData) {
        let result = []
        for (let key in data) {
            let errorMessage = await this.validateRule(key, this._schema[key], data[key], data, allData)
            if (errorMessage != null) {
                result.push({
                    key,
                    errorMessage
                })
                if (!all) break
            }
        }
        return result
    }

    _checkFieldInSchema(data) {
        var keys = Object.keys(data)
        var keys2 = Object.keys(this._schema)
        if (new Set(keys.concat(keys2)).size === keys2.length) {
            return ''
        }

        var noExistFields = keys.filter((key) => {
            return keys2.indexOf(key) < 0;
        })
        var errorMessage = formatMessage({
            field: JSON.stringify(noExistFields)
        }, SchemaValidator.message.TAG + SchemaValidator.message['defaultInvalid'])
        return [{
            key: 'invalid',
            errorMessage
        }]
    }
}

function Message() {
    return {
        TAG: "",
        default: '验证错误',
        defaultInvalid: '提交的字段{field}在数据库中并不存在',
        validateFunction: '验证无效',
        required: '{label}必填',
        'enum': '{label}超出范围',
        timestamp: '{label}格式无效',
        whitespace: '{label}不能为空',
        typeError: '{label}类型无效',
        date: {
            format: '{label}日期{value}格式无效',
            parse: '{label}日期无法解析,{value}无效',
            invalid: '{label}日期{value}无效'
        },
        length: {
            minLength: '{label}长度不能少于{minLength}',
            maxLength: '{label}长度不能超过{maxLength}',
            range: '{label}必须介于{minLength}和{maxLength}之间'
        },
        number: {
            minimum: '{label}不能小于{minimum}',
            maximum: '{label}不能大于{maximum}',
            exclusiveMinimum: '{label}不能小于等于{minimum}',
            exclusiveMaximum: '{label}不能大于等于{maximum}',
            range: '{label}必须介于{minimum}and{maximum}之间'
        },
        pattern: {
            mismatch: '{label}格式不匹配'
        }
    };
}


SchemaValidator.message = new Message();

export default SchemaValidator

 uni_modules/uni-forms/package.json

New file
@@ -0,0 +1,90 @@
{
  "id": "uni-forms",
  "displayName": "uni-forms è¡¨å•",
  "version": "1.3.2",
  "description": "由输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据",
  "keywords": [
    "uni-ui",
    "表单",
    "校验",
    "表单校验",
    "表单验证"
],
  "repository": "https://github.com/dcloudio/uni-ui",
  "engines": {
    "HBuilderX": ""
  },
  "directories": {
    "example": "../../temps/example_temps"
  },
  "dcloudext": {
    "category": [
      "前端组件",
      "通用组件"
    ],
    "sale": {
      "regular": {
        "price": "0.00"
      },
      "sourcecode": {
        "price": "0.00"
      }
    },
    "contact": {
      "qq": ""
    },
    "declaration": {
      "ads": "无",
      "data": "无",
      "permissions": "无"
    },
    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
  },
  "uni_modules": {
    "dependencies": [
            "uni-scss",
      "uni-icons"
    ],
    "encrypt": [],
    "platforms": {
      "cloud": {
        "tcb": "y",
        "aliyun": "y"
      },
      "client": {
        "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"
        },
        "快应用": {
          "华为": "u",
          "联盟": "u"
        },
        "Vue": {
            "vue2": "y",
            "vue3": "y"
        }
      }
    }
  }
}

 uni_modules/uni-forms/readme.md

New file
@@ -0,0 +1,23 @@


## Forms è¡¨å•

> **组件名：uni-forms**
> ä»£ç å—： `uForms`、`uni-forms-item`
> å…³è”组件：`uni-forms-item`、`uni-easyinput`、`uni-data-checkbox`、`uni-group`。


uni-app的内置组件已经有了 `<form>`组件，用于提交表单内容。

然而几乎每个表单都需要做表单验证，为了方便做表单验证，减少重复开发，`uni ui` åˆåŸºäºŽ `<form>`组件封装了 `<uni-forms>`组件，内置了表单验证功能。

`<uni-forms>` æä¾›äº† `rules`属性来描述校验规则、`<uni-forms-item>`子组件来包裹具体的表单项，以及给原生或三方组件提供了 `binddata()` æ¥è®¾ç½®è¡¨å•å€¼ã€‚

每个要校验的表单项，不管input还是checkbox，都必须放在`<uni-forms-item>`组件中，且一个`<uni-forms-item>`组件只能放置一个表单项。

`<uni-forms-item>`组件内部预留了显示error message的区域，默认是在表单项的底部。

另外，`<uni-forms>`组件下面的各个表单项，可以通过`<uni-group>`包裹为不同的分组。同一`<uni-group>`下的不同表单项目将聚拢在一起，同其他group保持垂直间距。`<uni-group>`仅影响视觉效果。

### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-forms)
#### å¦‚使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui äº¤æµç¾¤ï¼š871950839 

 uni_modules/uni-goods-nav/changelog.md

New file
@@ -0,0 +1,16 @@
## 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-goods-nav](https://uniapp.dcloud.io/component/uniui/uni-goods-nav)
## 1.1.1（2021-08-24）
- æ–°å¢ž æ”¯æŒå›½é™…化
## 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-21）
- ä¼˜åŒ– æ·»åŠ ä¾èµ– uni-icons, å¯¼å…¥åŽè‡ªåŠ¨ä¸‹è½½ä¾èµ–
## 1.0.5（2021-02-05）
- ä¼˜åŒ– ç»„件引用关系，通过uni_modules引用组件

## 1.0.4（2021-02-05）
- è°ƒæ•´ä¸ºuni_modules目录规范

 uni_modules/uni-goods-nav/components/uni-goods-nav/i18n/en.json

New file
@@ -0,0 +1,6 @@
{
    "uni-goods-nav.options.shop": "shop",
    "uni-goods-nav.options.cart": "cart",
    "uni-goods-nav.buttonGroup.addToCart": "add to cart",
    "uni-goods-nav.buttonGroup.buyNow": "buy now"
}

 uni_modules/uni-goods-nav/components/uni-goods-nav/i18n/index.js

New file
@@ -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
}

 uni_modules/uni-goods-nav/components/uni-goods-nav/i18n/zh-Hans.json

New file
@@ -0,0 +1,6 @@
{
    "uni-goods-nav.options.shop": "店铺",
    "uni-goods-nav.options.cart": "购物车",
    "uni-goods-nav.buttonGroup.addToCart": "加入购物车",
    "uni-goods-nav.buttonGroup.buyNow": "立即购买"
}

 uni_modules/uni-goods-nav/components/uni-goods-nav/i18n/zh-Hant.json

New file
@@ -0,0 +1,6 @@
{
    "uni-goods-nav.options.shop": "店鋪",
    "uni-goods-nav.options.cart": "購物車",
    "uni-goods-nav.buttonGroup.addToCart": "加入購物車",
    "uni-goods-nav.buttonGroup.buyNow": "立即購買"
}

 uni_modules/uni-goods-nav/components/uni-goods-nav/uni-goods-nav.vue

New file
@@ -0,0 +1,224 @@
<template>
    <view class="uni-goods-nav">
        <!-- åº•éƒ¨å ä½ -->
        <view class="uni-tab__seat" />
        <view class="uni-tab__cart-box flex">
            <view class="flex uni-tab__cart-sub-left">
                <view v-for="(item,index) in options" :key="index" class="flex uni-tab__cart-button-left uni-tab__shop-cart" @click="onClick(index,item)">
                    <view class="uni-tab__icon">
                        <uni-icons :type="item.icon" size="20" color="#646566"></uni-icons>
                        <!-- <image class="image" :src="item.icon" mode="widthFix" /> -->
                    </view>
                    <text class="uni-tab__text">{{ item.text }}</text>
                    <view class="flex uni-tab__dot-box">
                        <text v-if="item.info" :class="{ 'uni-tab__dots': item.info > 9 }" class="uni-tab__dot " :style="{'backgroundColor':item.infoBackgroundColor?item.infoBackgroundColor:'#ff0000',
                        color:item.infoColor?item.infoColor:'#fff'
                        }">{{ item.info }}</text>
                    </view>
                </view>
            </view>
            <view :class="{'uni-tab__right':fill}" class="flex uni-tab__cart-sub-right ">
                <view v-for="(item,index) in buttonGroup" :key="index" :style="{background:item.backgroundColor,color:item.color}"
                 class="flex uni-tab__cart-button-right" @click="buttonClick(index,item)"><text :style="{color:item.color}" class="uni-tab__cart-button-right-text">{{ item.text }}</text></view>
            </view>
        </view>
    </view>
</template>

<script>
    import {
    initVueI18n
    } from '@dcloudio/uni-i18n'
    import messages from './i18n/index.js'
    const {    t    } = initVueI18n(messages)
    /**
     * GoodsNav å•†å“å¯¼èˆª
     * @description å•†å“åŠ å…¥è´­ç‰©è½¦ã€ç«‹å³è´­ä¹°ç­‰
     * @tutorial https://ext.dcloud.net.cn/plugin?id=865
     * @property {Array} options ç»„件参数
     * @property {Array} buttonGroup ç»„件按钮组参数
     * @property {Boolean} fill = [true | false] ç»„件按钮组参数
     * @event {Function} click å·¦ä¾§ç‚¹å‡»äº‹ä»¶
     * @event {Function} buttonClick å³ä¾§æŒ‰é’®ç»„点击事件
     * @example <uni-goods-nav :fill="true"  options="" buttonGroup="buttonGroup"  @click="" @buttonClick="" />
     */
    export default {
        name: 'UniGoodsNav',
        emits:['click','buttonClick'],
        props: {
            options: {
                type: Array,
                default () {
                    return [{
                        icon: 'shop',
                        text: t("uni-goods-nav.options.shop"),
                    }, {
                        icon: 'cart',
                        text: t("uni-goods-nav.options.cart")
                    }]
                }
            },
            buttonGroup: {
                type: Array,
                default () {
                    return [{
                            text: t("uni-goods-nav.buttonGroup.addToCart"),
                            backgroundColor: 'linear-gradient(90deg, #FFCD1E, #FF8A18)',
                            color: '#fff'
                        },
                        {
                            text: t("uni-goods-nav.buttonGroup.buyNow"),
                            backgroundColor: 'linear-gradient(90deg, #FE6035, #EF1224)',
                            color: '#fff'
                        }
                    ]
                }
            },
            fill: {
                type: Boolean,
                default: false
            }
        },
        methods: {
            onClick(index, item) {
                this.$emit('click', {
                    index,
                    content: item,
                })
            },
            buttonClick(index, item) {
                if (uni.report) {
                    uni.report(item.text, item.text)
                }
                this.$emit('buttonClick', {
                    index,
                    content: item
                })
            }
        }
    }
</script>

<style lang="scss" scoped>
    .flex {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: row;
    }

    .uni-goods-nav {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex: 1;
        flex-direction: row;
    }

    .uni-tab__cart-box {
        flex: 1;
        height: 50px;
        background-color: #fff;
        z-index: 900;
    }

    .uni-tab__cart-sub-left {
        padding: 0 5px;
    }

    .uni-tab__cart-sub-right {
        flex: 1;
    }

    .uni-tab__right {
        margin: 5px 0;
        margin-right: 10px;
        border-radius: 100px;
        overflow: hidden;
    }

    .uni-tab__cart-button-left {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        // flex: 1;
        position: relative;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin: 0 10px;
        /* #ifdef H5 */
        cursor: pointer;
        /* #endif */
    }

    .uni-tab__icon {
        width: 18px;
        height: 18px;
    }

    .image {
        width: 18px;
        height: 18px;
    }

    .uni-tab__text {
        margin-top: 3px;
        font-size: 12px;
        color: #646566;
    }

    .uni-tab__cart-button-right {
        /* #ifndef APP-NVUE */
        display: flex;
        flex-direction: column;
        /* #endif */
        flex: 1;
        justify-content: center;
        align-items: center;
        /* #ifdef H5 */
        cursor: pointer;
        /* #endif */
    }

    .uni-tab__cart-button-right-text {
        font-size: 14px;
        color: #fff;
    }

    .uni-tab__cart-button-right:active {
        opacity: 0.7;
    }

    .uni-tab__dot-box {
        /* #ifndef APP-NVUE */
        display: flex;
        flex-direction: column;
        /* #endif */
        position: absolute;
        right: -2px;
        top: 2px;
        justify-content: center;
        align-items: center;
        // width: 0;
        // height: 0;
    }

    .uni-tab__dot {
        // width: 30rpx;
        // height: 30rpx;
        padding: 0 4px;
        line-height: 15px;
        color: #ffffff;
        text-align: center;
        font-size: 12px;
        background-color: #ff0000;
        border-radius: 15px;
    }

    .uni-tab__dots {
        padding: 0 4px;
        // width: auto;
        border-radius: 15px;
    }
</style>

 uni_modules/uni-goods-nav/package.json

New file
@@ -0,0 +1,88 @@
{
  "id": "uni-goods-nav",
  "displayName": "uni-goods-nav å•†å“å¯¼èˆª",
  "version": "1.2.0",
  "description": "商品导航组件主要用于电商类应用底部导航，可自定义加入购物车，购买等操作",
  "keywords": [
    "uni-ui",
    "uniui",
    "商品导航"
],
  "repository": "https://github.com/dcloudio/uni-ui",
  "engines": {
    "HBuilderX": ""
  },
  "directories": {
    "example": "../../temps/example_temps"
  },
  "dcloudext": {
    "category": [
      "前端组件",
      "通用组件"
    ],
    "sale": {
      "regular": {
        "price": "0.00"
      },
      "sourcecode": {
        "price": "0.00"
      }
    },
    "contact": {
      "qq": ""
    },
    "declaration": {
      "ads": "无",
      "data": "无",
      "permissions": "无"
    },
    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
  },
  "uni_modules": {
    "dependencies": [
            "uni-scss",
            "uni-icons"
        ],
    "encrypt": [],
    "platforms": {
      "cloud": {
        "tcb": "y",
        "aliyun": "y"
      },
      "client": {
        "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"
        },
        "快应用": {
          "华为": "u",
          "联盟": "u"
        },
        "Vue": {
            "vue2": "y",
            "vue3": "y"
        }
      }
    }
  }
}

 uni_modules/uni-goods-nav/readme.md

New file
@@ -0,0 +1,10 @@


## GoodsNav å•†å“å¯¼èˆª
> **组件名：uni-goods-nav**
> ä»£ç å—： `uGoodsNav`

商品加入购物车，立即购买等。

### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-goods-nav)
#### å¦‚使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui äº¤æµç¾¤ï¼š871950839 

 uni_modules/uni-grid/changelog.md

New file
@@ -0,0 +1,13 @@
## 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-grid](https://uniapp.dcloud.io/component/uniui/uni-grid)
## 1.3.2（2021-11-09） 
- æ–°å¢ž æä¾›ç»„件设计资源，组件样式调整
## 1.3.1（2021-07-30）
- ä¼˜åŒ– vue3下事件警告的问题
## 1.3.0（2021-07-13）
- ç»„件兼容 vue3，如何创建vue3项目，详见 [uni-app é¡¹ç›®æ”¯æŒ vue3 ä»‹ç»](https://ask.dcloud.net.cn/article/37834)
## 1.2.4（2021-05-12）
- æ–°å¢ž ç»„件示例地址
## 1.2.3（2021-02-05）
- è°ƒæ•´ä¸ºuni_modules目录规范

 uni_modules/uni-grid/components/uni-grid-item/uni-grid-item.vue

New file
@@ -0,0 +1,127 @@
<template>
    <view v-if="width" :style="'width:'+width+';'+(square?'height:'+width:'')" class="uni-grid-item">
        <view :class="{ 'uni-grid-item--border': showBorder,  'uni-grid-item--border-top': showBorder && index < column, 'uni-highlight': highlight }"
         :style="{'border-right-color': borderColor ,'border-bottom-color': borderColor ,'border-top-color': borderColor }"
         class="uni-grid-item__box" @click="_onClick">
            <slot />
        </view>
    </view>
</template>

<script>
    /**
     * GridItem å®«æ ¼
     * @description å®«æ ¼ç»„件
     * @tutorial https://ext.dcloud.net.cn/plugin?id=27
     * @property {Number} index å­ç»„件的唯一标识 ï¼Œç‚¹å‡»gird会返回当前的标识
     */
    export default {
        name: 'UniGridItem',
        inject: ['grid'],
        props: {
            index: {
                type: Number,
                default: 0
            }
        },
        data() {
            return {
                column: 0,
                showBorder: true,
                square: true,
                highlight: true,
                left: 0,
                top: 0,
                openNum: 2,
                width: 0,
                borderColor: '#e5e5e5'
            }
        },
        created() {
            this.column = this.grid.column
            this.showBorder = this.grid.showBorder
            this.square = this.grid.square
            this.highlight = this.grid.highlight
            this.top = this.hor === 0 ? this.grid.hor : this.hor
            this.left = this.ver === 0 ? this.grid.ver : this.ver
            this.borderColor = this.grid.borderColor
            this.grid.children.push(this)
            // this.grid.init()
            this.width = this.grid.width
        },
        beforeDestroy() {
            this.grid.children.forEach((item, index) => {
                if (item === this) {
                    this.grid.children.splice(index, 1)
                }
            })
        },
        methods: {
            _onClick() {
                this.grid.change({
                    detail: {
                        index: this.index
                    }
                })
            }
        }
    }
</script>

<style lang="scss" scoped>
    .uni-grid-item {
        /* #ifndef APP-NVUE */
        height: 100%;
        display: flex;
        /* #endif */
        /* #ifdef H5 */
        cursor: pointer;
        /* #endif */
    }

    .uni-grid-item__box {
        /* #ifndef APP-NVUE */
        display: flex;
        width: 100%;
        /* #endif */
        position: relative;
        flex: 1;
        flex-direction: column;
        // justify-content: center;
        // align-items: center;
    }

    .uni-grid-item--border {
        position: relative;
        /* #ifdef APP-NVUE */
        border-bottom-color: #D2D2D2;
        border-bottom-style: solid;
        border-bottom-width: 0.5px;
        border-right-color: #D2D2D2;
        border-right-style: solid;
        border-right-width: 0.5px;
        /* #endif */
        /* #ifndef APP-NVUE */
        z-index: 0;
        border-bottom: 1px #D2D2D2 solid;
        border-right: 1px #D2D2D2 solid;
        /* #endif */
    }
    .uni-grid-item--border-top {
        position: relative;
        /* #ifdef APP-NVUE */
        border-top-color: #D2D2D2;
        border-top-style: solid;
        border-top-width: 0.5px;
        /* #endif */
        /* #ifndef APP-NVUE */
        border-top: 1px #D2D2D2 solid;
        z-index: 0;
        /* #endif */
    }


    .uni-highlight:active {
        background-color: #f1f1f1;
    }
</style>

 uni_modules/uni-grid/components/uni-grid/uni-grid.vue

New file
@@ -0,0 +1,142 @@
<template>
    <view class="uni-grid-wrap">
        <view :id="elId" ref="uni-grid" class="uni-grid" :class="{ 'uni-grid--border': showBorder }" :style="{ 'border-left-color':borderColor}">
            <slot />
        </view>
    </view>
</template>

<script>
    // #ifdef APP-NVUE
    const dom = uni.requireNativePlugin('dom');
    // #endif

    /**
     * Grid å®«æ ¼
     * @description å®«æ ¼ç»„件
     * @tutorial https://ext.dcloud.net.cn/plugin?id=27
     * @property {Number} column æ¯åˆ—显示个数
     * @property {String} borderColor è¾¹æ¡†é¢œè‰²
     * @property {Boolean} showBorder æ˜¯å¦æ˜¾ç¤ºè¾¹æ¡†
     * @property {Boolean} square æ˜¯å¦æ–¹å½¢æ˜¾ç¤º
     * @property {Boolean} Boolean ç‚¹å‡»èƒŒæ™¯æ˜¯å¦é«˜äº®
     * @event {Function} change ç‚¹å‡» grid è§¦å‘，e={detail:{index:0}}，index ä¸ºå½“前点击 gird ä¸‹æ ‡
     */
    export default {
        name: 'UniGrid',
        emits:['change'],
        props: {
            // æ¯åˆ—显示个数
            column: {
                type: Number,
                default: 3
            },
            // æ˜¯å¦æ˜¾ç¤ºè¾¹æ¡†
            showBorder: {
                type: Boolean,
                default: true
            },
            // è¾¹æ¡†é¢œè‰²
            borderColor: {
                type: String,
                default: '#D2D2D2'
            },
            // æ˜¯å¦æ­£æ–¹å½¢æ˜¾ç¤º,默认为 true
            square: {
                type: Boolean,
                default: true
            },
            highlight: {
                type: Boolean,
                default: true
            }
        },
        provide() {
            return {
                grid: this
            }
        },
        data() {
            const elId = `Uni_${Math.ceil(Math.random() * 10e5).toString(36)}`
            return {
                elId,
                width: 0
            }
        },
        created() {
            this.children = []
        },
        mounted() {
            this.$nextTick(()=>{
                this.init()
            })
        },
        methods: {
            init() {
                setTimeout(() => {
                    this._getSize((width) => {
                        this.children.forEach((item, index) => {
                            item.width = width
                        })
                    })
                }, 50)
            },
            change(e) {
                this.$emit('change', e)
            },
            _getSize(fn) {
                // #ifndef APP-NVUE
                uni.createSelectorQuery()
                    .in(this)
                    .select(`#${this.elId}`)
                    .boundingClientRect()
                    .exec(ret => {
                        this.width = parseInt((ret[0].width - 1) / this.column) + 'px'
                        fn(this.width)
                    })
                // #endif
                // #ifdef APP-NVUE
                dom.getComponentRect(this.$refs['uni-grid'], (ret) => {
                    this.width = parseInt((ret.size.width - 1) / this.column) + 'px'
                    fn(this.width)
                })
                // #endif
            }
        }
    }
</script>

<style lang="scss" scoped>
    .uni-grid-wrap {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex: 1;
        flex-direction: column;
        /* #ifdef H5 */
        width: 100%;
        /* #endif */
    }

    .uni-grid {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        // flex: 1;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .uni-grid--border {
        position: relative;
        /* #ifdef APP-NVUE */
        border-left-color: #D2D2D2;
        border-left-style: solid;
        border-left-width: 0.5px;
        /* #endif */
        /* #ifndef APP-NVUE */
        z-index: 1;
        border-left: 1px #D2D2D2 solid;
        /* #endif */
    }
</style>

 uni_modules/uni-grid/package.json

New file
@@ -0,0 +1,86 @@
{
  "id": "uni-grid",
  "displayName": "uni-grid å®«æ ¼",
  "version": "1.4.0",
  "description": "Grid å®«æ ¼ç»„件，提供移动端常见的宫格布局，如九宫格。",
  "keywords": [
    "uni-ui",
    "uniui",
    "九宫格",
    "表格"
],
  "repository": "https://github.com/dcloudio/uni-ui",
  "engines": {
    "HBuilderX": ""
  },
  "directories": {
    "example": "../../temps/example_temps"
  },
  "dcloudext": {
    "category": [
      "前端组件",
      "通用组件"
    ],
    "sale": {
      "regular": {
        "price": "0.00"
      },
      "sourcecode": {
        "price": "0.00"
      }
    },
    "contact": {
      "qq": ""
    },
    "declaration": {
      "ads": "无",
      "data": "无",
      "permissions": "无"
    },
    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
  },
  "uni_modules": {
    "dependencies": ["uni-scss","uni-icons"],
    "encrypt": [],
    "platforms": {
      "cloud": {
        "tcb": "y",
        "aliyun": "y"
      },
      "client": {
        "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"
        },
        "快应用": {
          "华为": "u",
          "联盟": "u"
        },
        "Vue": {
            "vue2": "y",
            "vue3": "y"
        }
      }
    }
  }
}

 uni_modules/uni-grid/readme.md

New file
@@ -0,0 +1,11 @@


## Grid å®«æ ¼
> **组件名：uni-grid**
> ä»£ç å—： `uGrid`


宫格组件。

### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-grid)
#### å¦‚使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui äº¤æµç¾¤ï¼š871950839 

 uni_modules/uni-icons/components/uni-icons/uni.ttf

Binary files differ

 uni_modules/uni-indexed-list/changelog.md

New file
@@ -0,0 +1,17 @@
## 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-indexed-list](https://uniapp.dcloud.io/component/uniui/uni-indexed-list)
## 1.1.0（2021-07-30）
- ç»„件兼容 vue3，如何创建vue3项目，详见 [uni-app é¡¹ç›®æ”¯æŒ vue3 ä»‹ç»](https://ask.dcloud.net.cn/article/37834)
## 1.0.11（2021-05-12）
- æ–°å¢ž ç»„件示例地址
## 1.0.10（2021-04-21）
- ä¼˜åŒ– æ·»åŠ ä¾èµ– uni-icons, å¯¼å…¥åŽè‡ªåŠ¨ä¸‹è½½ä¾èµ–
## 1.0.9（2021-02-05）
- ä¼˜åŒ– ç»„件引用关系，通过uni_modules引用组件

## 1.0.8（2021-02-05）
- è°ƒæ•´ä¸ºuni_modules目录规范
- æ–°å¢ž æ”¯æŒ PC ç«¯

 uni_modules/uni-indexed-list/components/uni-indexed-list/uni-indexed-list-item.vue

New file
@@ -0,0 +1,144 @@
<template>
    <view>
        <view v-if="loaded || list.itemIndex < 15" class="uni-indexed-list__title-wrapper">
            <text v-if="list.items && list.items.length > 0" class="uni-indexed-list__title">{{ list.key }}</text>
        </view>
        <view v-if="(loaded || list.itemIndex < 15) && list.items && list.items.length > 0" class="uni-indexed-list__list">
            <view v-for="(item, index) in list.items" :key="index" class="uni-indexed-list__item" hover-class="uni-indexed-list__item--hover">
                <view class="uni-indexed-list__item-container" @click="onClick(idx, index)">
                    <view class="uni-indexed-list__item-border" :class="{'uni-indexed-list__item-border--last':index===list.items.length-1}">
                        <view v-if="showSelect" style="margin-right: 20rpx;">
                            <uni-icons :type="item.checked ? 'checkbox-filled' : 'circle'" :color="item.checked ? '#007aff' : '#C0C0C0'" size="24" />
                        </view>
                        <text class="uni-indexed-list__item-content">{{ item.name }}</text>
                    </view>
                </view>
            </view>
        </view>
    </view>
</template>

<script>
    export default {
        name: 'UniIndexedList',
        emits:['itemClick'],
        props: {
            loaded: {
                type: Boolean,
                default: false
            },
            idx: {
                type: Number,
                default: 0
            },
            list: {
                type: Object,
                default () {
                    return {}
                }
            },
            showSelect: {
                type: Boolean,
                default: false
            }
        },
        methods: {
            onClick(idx, index) {
                this.$emit("itemClick", {
                    idx,
                    index
                })
            }
        }
    }
</script>

<style lang="scss" scoped>
    .uni-indexed-list__list {
        background-color: $uni-bg-color;
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: column;
        border-top-style: solid;
        border-top-width: 1px;
        border-top-color: #DEDEDE;
    }

    .uni-indexed-list__item {
        font-size: 14px;
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex: 1;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .uni-indexed-list__item-container {
        padding-left: 15px;
        flex: 1;
        position: relative;
        /* #ifndef APP-NVUE */
        display: flex;
        box-sizing: border-box;
        /* #endif */
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        /* #ifdef H5 */
        cursor: pointer;
        /* #endif */
    }

    .uni-indexed-list__item-border {
        flex: 1;
        position: relative;
        /* #ifndef APP-NVUE */
        display: flex;
        box-sizing: border-box;
        /* #endif */
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        height: 50px;
        padding: 25px;
        padding-left: 0;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color:  #DEDEDE;
    }

    .uni-indexed-list__item-border--last {
        border-bottom-width: 0px;
    }

    .uni-indexed-list__item-content {
        flex: 1;
        font-size: 14px;
        color: #191919;
    }

    .uni-indexed-list {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: row;
    }

    .uni-indexed-list__title-wrapper {
        /* #ifndef APP-NVUE */
        display: flex;
        width: 100%;
        /* #endif */
        background-color: #f7f7f7;
    }

    .uni-indexed-list__title {
        padding: 6px 12px;
        line-height: 24px;
        font-size: 16px;
        font-weight: 500;
    }
</style>

 uni_modules/uni-indexed-list/components/uni-indexed-list/uni-indexed-list.vue

New file
@@ -0,0 +1,367 @@
<template>
    <view class="uni-indexed-list" ref="list" id="list">
        <!-- #ifdef APP-NVUE -->
        <list class="uni-indexed-list__scroll" scrollable="true" show-scrollbar="false">
            <cell v-for="(list, idx) in lists" :key="idx" :ref="'uni-indexed-list-' + idx">
                <!-- #endif -->
                <!-- #ifndef APP-NVUE -->
                <scroll-view :scroll-into-view="scrollViewId" class="uni-indexed-list__scroll" scroll-y>
                    <view v-for="(list, idx) in lists" :key="idx" :id="'uni-indexed-list-' + idx">
                        <!-- #endif -->
                        <indexed-list-item :list="list" :loaded="loaded" :idx="idx" :showSelect="showSelect"
                            @itemClick="onClick"></indexed-list-item>
                        <!-- #ifndef APP-NVUE -->
                    </view>
                </scroll-view>
                <!-- #endif -->
                <!-- #ifdef APP-NVUE -->
            </cell>
        </list>
        <!-- #endif -->
        <view class="uni-indexed-list__menu" @touchstart="touchStart" @touchmove.stop.prevent="touchMove"
            @touchend="touchEnd" @mousedown.stop="mousedown" @mousemove.stop.prevent="mousemove"
            @mouseleave.stop="mouseleave">
            <view v-for="(list, key) in lists" :key="key" class="uni-indexed-list__menu-item"
                :class="touchmoveIndex == key ? 'uni-indexed-list__menu--active' : ''">
                <text class="uni-indexed-list__menu-text"
                    :class="touchmoveIndex == key ? 'uni-indexed-list__menu-text--active' : ''">{{ list.key }}</text>
            </view>
        </view>
        <view v-if="touchmove" class="uni-indexed-list__alert-wrapper">
            <text class="uni-indexed-list__alert">{{ lists[touchmoveIndex].key }}</text>
        </view>
    </view>
</template>
<script>
    import indexedListItem from './uni-indexed-list-item.vue'
    // #ifdef APP-NVUE
    const dom = weex.requireModule('dom');
    // #endif
    // #ifdef APP-PLUS
    function throttle(func, delay) {
        var prev = Date.now();
        return function() {
            var context = this;
            var args = arguments;
            var now = Date.now();
            if (now - prev >= delay) {
                func.apply(context, args);
                prev = Date.now();
            }
        }
    }

    function touchMove(e) {
        let pageY = e.touches[0].pageY
        let index = Math.floor((pageY - this.winOffsetY) / this.itemHeight)
        if (this.touchmoveIndex === index) {
            return false
        }
        let item = this.lists[index]
        if (item) {
            // #ifndef APP-NVUE
            this.scrollViewId = 'uni-indexed-list-' + index
            this.touchmoveIndex = index
            // #endif
            // #ifdef APP-NVUE
            dom.scrollToElement(this.$refs['uni-indexed-list-' + index][0], {
                animated: false
            })
            this.touchmoveIndex = index
            // #endif
        }
    }
    const throttleTouchMove = throttle(touchMove, 40)
    // #endif

    /**
     * IndexedList ç´¢å¼•åˆ—表
     * @description ç”¨äºŽå±•ç¤ºç´¢å¼•åˆ—表
     * @tutorial https://ext.dcloud.net.cn/plugin?id=375
     * @property {Boolean} showSelect = [true|false] å±•ç¤ºæ¨¡å¼
     *     @value true å±•ç¤ºæ¨¡å¼
     *     @value false é€‰æ‹©æ¨¡å¼
     * @property {Object} options ç´¢å¼•åˆ—表需要的数据对象
     * @event {Function} click ç‚¹å‡»åˆ—表事件 ï¼Œè¿”回当前选择项的事件对象
     * @example <uni-indexed-list options="" showSelect="false" @click=""></uni-indexed-list>
     */
    export default {
        name: 'UniIndexedList',
        components: {
            indexedListItem
        },
        emits: ['click'],
        props: {
            options: {
                type: Array,
                default () {
                    return []
                }
            },
            showSelect: {
                type: Boolean,
                default: false
            }
        },
        data() {
            return {
                lists: [],
                winHeight: 0,
                itemHeight: 0,
                winOffsetY: 0,
                touchmove: false,
                touchmoveIndex: -1,
                scrollViewId: '',
                touchmovable: true,
                loaded: false,
                isPC: false
            }
        },
        watch: {
            options: {
                handler: function() {
                    this.setList()
                },
                deep: true
            }
        },
        mounted() {
            // #ifdef H5
            this.isPC = this.IsPC()
            // #endif
            setTimeout(() => {
                this.setList()
            }, 50)
            setTimeout(() => {
                this.loaded = true
            }, 300);
        },
        methods: {
            setList() {
                let index = 0;
                this.lists = []
                this.options.forEach((value, index) => {
                    if (value.data.length === 0) {
                        return
                    }
                    let indexBefore = index
                    let items = value.data.map(item => {
                        let obj = {}
                        obj['key'] = value.letter
                        obj['name'] = item
                        obj['itemIndex'] = index
                        index++
                        obj.checked = item.checked ? item.checked : false
                        return obj
                    })
                    this.lists.push({
                        title: value.letter,
                        key: value.letter,
                        items: items,
                        itemIndex: indexBefore
                    })
                })
                // #ifndef APP-NVUE
                uni.createSelectorQuery()
                    .in(this)
                    .select('#list')
                    .boundingClientRect()
                    .exec(ret => {
                        this.winOffsetY = ret[0].top
                        this.winHeight = ret[0].height
                        this.itemHeight = this.winHeight / this.lists.length
                    })
                // #endif
                // #ifdef APP-NVUE
                dom.getComponentRect(this.$refs['list'], (res) => {
                    this.winOffsetY = res.size.top
                    this.winHeight = res.size.height
                    this.itemHeight = this.winHeight / this.lists.length
                })
                // #endif
            },
            touchStart(e) {
                this.touchmove = true
                let pageY = this.isPC ? e.pageY : e.touches[0].pageY
                let index = Math.floor((pageY - this.winOffsetY) / this.itemHeight)
                let item = this.lists[index]
                if (item) {
                    this.scrollViewId = 'uni-indexed-list-' + index
                    this.touchmoveIndex = index
                    // #ifdef APP-NVUE
                    dom.scrollToElement(this.$refs['uni-indexed-list-' + index][0], {
                        animated: false
                    })
                    // #endif
                }
            },
            touchMove(e) {
                // #ifndef APP-PLUS
                let pageY = this.isPC ? e.pageY : e.touches[0].pageY
                let index = Math.floor((pageY - this.winOffsetY) / this.itemHeight)
                if (this.touchmoveIndex === index) {
                    return false
                }
                let item = this.lists[index]
                if (item) {
                    this.scrollViewId = 'uni-indexed-list-' + index
                    this.touchmoveIndex = index
                }
                // #endif
                // #ifdef APP-PLUS
                throttleTouchMove.call(this, e)
                // #endif
            },
            touchEnd() {
                this.touchmove = false
                // this.touchmoveIndex = -1
            },

            /**
             * å…¼å®¹ PC @tian
             */

            mousedown(e) {
                if (!this.isPC) return
                this.touchStart(e)
            },
            mousemove(e) {
                if (!this.isPC) return
                this.touchMove(e)
            },
            mouseleave(e) {
                if (!this.isPC) return
                this.touchEnd(e)
            },

            // #ifdef H5
            IsPC() {
                var userAgentInfo = navigator.userAgent;
                var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
                var flag = true;
                for (let v = 0; v < Agents.length - 1; v++) {
                    if (userAgentInfo.indexOf(Agents[v]) > 0) {
                        flag = false;
                        break;
                    }
                }
                return flag;
            },
            // #endif


            onClick(e) {
                let {
                    idx,
                    index
                } = e
                let obj = {}
                for (let key in this.lists[idx].items[index]) {
                    obj[key] = this.lists[idx].items[index][key]
                }
                let select = []
                if (this.showSelect) {
                    this.lists[idx].items[index].checked = !this.lists[idx].items[index].checked
                    this.lists.forEach((value, idx) => {
                        value.items.forEach((item, index) => {
                            if (item.checked) {
                                let obj = {}
                                for (let key in this.lists[idx].items[index]) {
                                    obj[key] = this.lists[idx].items[index][key]
                                }
                                select.push(obj)
                            }
                        })
                    })
                }
                this.$emit('click', {
                    item: obj,
                    select: select
                })
            }
        }
    }
</script>
<style lang="scss" scoped>
    .uni-indexed-list {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: row;
    }

    .uni-indexed-list__scroll {
        flex: 1;
    }

    .uni-indexed-list__menu {
        width: 24px;
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: column;
    }

    .uni-indexed-list__menu-item {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex: 1;
        align-items: center;
        justify-content: center;
        /* #ifdef H5 */
        cursor: pointer;
        /* #endif */
    }

    .uni-indexed-list__menu-text {
        font-size: 12px;
        text-align: center;
        color: #aaa;
    }

    .uni-indexed-list__menu--active {
        // background-color: rgb(200, 200, 200);
    }

    .uni-indexed-list__menu--active {}

    .uni-indexed-list__menu-text--active {
        border-radius: 16px;
        width: 16px;
        height: 16px;
        line-height: 16px;
        background-color: #007aff;
        color: #fff;
    }

    .uni-indexed-list__alert-wrapper {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .uni-indexed-list__alert {
        width: 80px;
        height: 80px;
        border-radius: 80px;
        text-align: center;
        line-height: 80px;
        font-size: 35px;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.5);
    }
</style>

 uni_modules/uni-indexed-list/package.json

New file
@@ -0,0 +1,89 @@
{
  "id": "uni-indexed-list",
  "displayName": "uni-indexed-list ç´¢å¼•åˆ—表",
  "version": "1.2.1",
  "description": "索引列表组件，右侧带索引的列表，方便快速定位到具体内容，通常用于城市/机场选择等场景",
  "keywords": [
    "uni-ui",
    "索引列表",
    "索引",
    "列表"
],
  "repository": "https://github.com/dcloudio/uni-ui",
  "engines": {
    "HBuilderX": ""
  },
  "directories": {
    "example": "../../temps/example_temps"
  },
  "dcloudext": {
    "category": [
      "前端组件",
      "通用组件"
    ],
    "sale": {
      "regular": {
        "price": "0.00"
      },
      "sourcecode": {
        "price": "0.00"
      }
    },
    "contact": {
      "qq": ""
    },
    "declaration": {
      "ads": "无",
      "data": "无",
      "permissions": "无"
    },
    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
  },
  "uni_modules": {
    "dependencies": [
            "uni-scss",
            "uni-icons"
        ],
    "encrypt": [],
    "platforms": {
      "cloud": {
        "tcb": "y",
        "aliyun": "y"
      },
      "client": {
        "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"
        },
        "快应用": {
          "华为": "u",
          "联盟": "u"
        },
        "Vue": {
            "vue2": "y",
            "vue3": "y"
        }
      }
    }
  }
}

 uni_modules/uni-indexed-list/readme.md

New file
@@ -0,0 +1,11 @@


## IndexedList ç´¢å¼•åˆ—表
> **组件名：uni-indexed-list**
> ä»£ç å—： `uIndexedList`


用于展示索引列表。

### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-indexed-list)
#### å¦‚使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui äº¤æµç¾¤ï¼š871950839 

 uni_modules/uni-link/changelog.md

New file
@@ -0,0 +1,17 @@
## 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-link](https://uniapp.dcloud.io/component/uniui/uni-link)
## 1.1.7（2021-11-08）
## 0.0.7（2021-09-03）
- ä¿®å¤ åœ¨ nvue ä¸‹ä¸æ˜¾ç¤ºçš„ bug
## 0.0.6（2021-07-30）
- æ–°å¢ž æ”¯æŒè‡ªå®šä¹‰æ’槽
## 0.0.5（2021-06-21）
- æ–°å¢ž download å±žæ€§ï¼ŒH5平台下载文件名
## 0.0.4（2021-05-12）
- æ–°å¢ž ç»„件示例地址
## 0.0.3（2021-03-09）
- æ–°å¢ž href å±žæ€§æ”¯æŒ tel:|mailto:

## 0.0.2（2021-02-05）
- è°ƒæ•´ä¸ºuni_modules目录规范

 uni_modules/uni-link/components/uni-link/uni-link.vue

New file
@@ -0,0 +1,128 @@
<template>
    <a v-if="isShowA" class="uni-link" :href="href"
        :class="{'uni-link--withline':showUnderLine===true||showUnderLine==='true'}"
        :style="{color,fontSize:fontSize+'px'}" :download="download">
        <slot>{{text}}</slot>
    </a>
    <!-- #ifndef APP-NVUE -->
    <text v-else class="uni-link" :class="{'uni-link--withline':showUnderLine===true||showUnderLine==='true'}"
        :style="{color,fontSize:fontSize+'px'}" @click="openURL">
        <slot>{{text}}</slot>
    </text>
    <!-- #endif -->
    <!-- #ifdef APP-NVUE -->
    <text v-else class="uni-link" :class="{'uni-link--withline':showUnderLine===true||showUnderLine==='true'}"
        :style="{color,fontSize:fontSize+'px'}" @click="openURL">
        {{text}}
    </text>
    <!-- #endif -->
</template>

<script>
    /**
     * Link å¤–部网页超链接组件
     * @description uni-link是一个外部网页超链接组件，在小程序内复制url，在app内打开外部浏览器，在h5端打开新网页
     * @tutorial https://ext.dcloud.net.cn/plugin?id=1182
     * @property {String} href ç‚¹å‡»åŽæ‰“开的外部网页url
     * @property {String} text æ˜¾ç¤ºçš„文字
     * @property {String} downlaod H5平台下载文件名
     * @property {Boolean} showUnderLine æ˜¯å¦æ˜¾ç¤ºä¸‹åˆ’线
     * @property {String} copyTips åœ¨å°ç¨‹åºç«¯å¤åˆ¶é“¾æŽ¥æ—¶æ˜¾ç¤ºçš„提示语
     * @property {String} color é“¾æŽ¥æ–‡å­—颜色
     * @property {String} fontSize é“¾æŽ¥æ–‡å­—大小
     * @example * <uni-link href="https://ext.dcloud.net.cn" text="https://ext.dcloud.net.cn"></uni-link>
     */
    export default {
        name: 'uniLink',
        props: {
            href: {
                type: String,
                default: ''
            },
            text: {
                type: String,
                default: ''
            },
            download: {
                type: String,
                default: ''
            },
            showUnderLine: {
                type: [Boolean, String],
                default: true
            },
            copyTips: {
                type: String,
                default: '已自动复制网址，请在手机浏览器里粘贴该网址'
            },
            color: {
                type: String,
                default: '#999999'
            },
            fontSize: {
                type: [Number, String],
                default: 14
            }
        },
        computed: {
            isShowA() {
                // #ifdef H5
                this._isH5 = true;
                // #endif
                if ((this.isMail() || this.isTel()) && this._isH5 === true) {
                    return true;
                }
                return false;
            }
        },
        created() {
            this._isH5 = null;
        },
        methods: {
            isMail() {
                return this.href.startsWith('mailto:');
            },
            isTel() {
                return this.href.startsWith('tel:');
            },
            openURL() {
                // #ifdef APP-PLUS
                if (this.isTel()) {
                    this.makePhoneCall(this.href.replace('tel:', ''));
                } else {
                    plus.runtime.openURL(this.href);
                }
                // #endif
                // #ifdef H5
                window.open(this.href)
                // #endif
                // #ifdef MP
                uni.setClipboardData({
                    data: this.href
                });
                uni.showModal({
                    content: this.copyTips,
                    showCancel: false
                });
                // #endif
            },
            makePhoneCall(phoneNumber) {
                uni.makePhoneCall({
                    phoneNumber
                })
            }
        }
    }
</script>

<style>
    /* #ifndef APP-NVUE */
    .uni-link {
        cursor: pointer;
    }

    /* #endif */
    .uni-link--withline {
        text-decoration: underline;
    }
</style>

 uni_modules/uni-link/package.json

New file
@@ -0,0 +1,87 @@
{
  "id": "uni-link",
  "displayName": "uni-link è¶…链接",
  "version": "1.0.0",
  "description": "uni-link是一个外部网页超链接组件，在小程序内复制url，在app内打开外部浏览器，在h5端打",
  "keywords": [
    "uni-ui",
    "uniui",
    "link",
    "超链接",
    ""
],
  "repository": "https://github.com/dcloudio/uni-ui",
  "engines": {
    "HBuilderX": ""
  },
  "directories": {
    "example": "../../temps/example_temps"
  },
  "dcloudext": {
    "category": [
      "前端组件",
      "通用组件"
    ],
    "sale": {
      "regular": {
        "price": "0.00"
      },
      "sourcecode": {
        "price": "0.00"
      }
    },
    "contact": {
      "qq": ""
    },
    "declaration": {
      "ads": "无",
      "data": "无",
      "permissions": "无"
    },
    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
  },
  "uni_modules": {
    "dependencies": ["uni-scss"],
    "encrypt": [],
    "platforms": {
      "cloud": {
        "tcb": "y",
        "aliyun": "y"
      },
      "client": {
        "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"
        },
        "Vue": {
            "vue2": "y",
            "vue3": "y"
        }
      }
    }
  }
}

 uni_modules/uni-link/readme.md

New file
@@ -0,0 +1,11 @@


## Link é“¾æŽ¥
> **组件名：uni-link**
> ä»£ç å—： `uLink`


uni-link是一个外部网页超链接组件，在小程序内复制url，在app内打开外部浏览器，在h5端打开新网页。

### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-link)
#### å¦‚使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui äº¤æµç¾¤ï¼š871950839 

 uni_modules/uni-list/changelog.md

New file
@@ -0,0 +1,18 @@
## 1.2.0（2021-11-23）
- ä¼˜åŒ– ç»„件UI，并提供设计资源，详见:[https://uniapp.dcloud.io/component/uniui/resource](https://uniapp.dcloud.io/component/uniui/resource)
- æ–‡æ¡£è¿ç§»ï¼Œè¯¦è§:[https://uniapp.dcloud.io/component/uniui/uni-list](https://uniapp.dcloud.io/component/uniui/uni-list)
## 1.1.3（2021-08-30）
- ä¿®å¤ åœ¨vue3中to属性在发行应用的时候报错的bug
## 1.1.2（2021-07-30）
- ä¼˜åŒ– vue3下事件警告的问题
## 1.1.1（2021-07-21）
- ä¿®å¤ ä¸Žå…¶ä»–组件嵌套使用时，点击失效的Bug
## 1.1.0（2021-07-13）
- ç»„件兼容 vue3，如何创建vue3项目，详见 [uni-app é¡¹ç›®æ”¯æŒ vue3 ä»‹ç»](https://ask.dcloud.net.cn/article/37834)
## 1.0.17（2021-05-12）
- æ–°å¢ž ç»„件示例地址
## 1.0.16（2021-02-05）
- ä¼˜åŒ– ç»„件引用关系，通过uni_modules引用组件
## 1.0.15（2021-02-05）
- è°ƒæ•´ä¸ºuni_modules目录规范
- ä¿®å¤ uni-list-chat è§’标显示不正常的问题

 uni_modules/uni-list/components/uni-list-ad/uni-list-ad.vue

New file
@@ -0,0 +1,107 @@
<template>
    <!-- #ifdef APP-NVUE -->
    <cell>
        <!-- #endif -->
        <view class="uni-list-ad">
            <view v-if="borderShow" :class="{'uni-list--border':border,'uni-list-item--first':isFirstChild}"></view>
            <ad style="width: 200px;height: 300px;border-width: 1px;border-color: red;border-style: solid;" adpid="1111111111"
             unit-id="" appid="" apid="" type="feed" @error="aderror" @close="closeAd"></ad>
        </view>
        <!-- #ifdef APP-NVUE -->
    </cell>
    <!-- #endif -->

</template>

<script>
    // #ifdef APP-NVUE
    const dom = uni.requireNativePlugin('dom');
    // #endif
    export default {
        name: 'UniListAd',
        props: {
            title: {
                type: String,
                default: '',

            }
        },
        // inject: ['list'],
        data() {
            return {
                isFirstChild: false,
                border: false,
                borderShow: true,
            }
        },

        mounted() {
            this.list = this.getForm()
            if (this.list) {
                if (!this.list.firstChildAppend) {
                    this.list.firstChildAppend = true
                    this.isFirstChild = true
                }
                this.border = this.list.border
            }
        },
        methods: {
            /**
             * èŽ·å–父元素实例
             */
            getForm(name = 'uniList') {
                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;
            },
            aderror(e) {
                console.log("aderror: " + JSON.stringify(e.detail));
            },
            closeAd(e) {
                this.borderShow = false
            }
        }
    }
</script>

<style lang="scss" scoped>
    .uni-list-ad {
        position: relative;
        border: 1px red solid;
    }

    .uni-list--border {
        position: relative;
        padding-bottom: 1px;
        /* #ifdef APP-PLUS */
        border-top-color: $uni-border-color;
        border-top-style: solid;
        border-top-width: 0.5px;
        /* #endif */
        margin-left: $uni-spacing-row-lg;
    }

    /* #ifndef APP-NVUE */
    .uni-list--border:after {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 1px;
        content: '';
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5);
        background-color: $uni-border-color;
    }

    .uni-list-item--first:after {
        height: 0px;
    }

    /* #endif */
</style>

 uni_modules/uni-list/components/uni-list-chat/uni-list-chat.scss

New file
@@ -0,0 +1,58 @@
/**
 * è¿™é‡Œæ˜¯ uni-list ç»„件内置的常用样式变量
 * å¦‚果需要覆盖样式，这里提供了基本的组件样式变量，您可以尝试修改这里的变量，去完成样式替换，而不用去修改源码
 *
 */

// èƒŒæ™¯è‰²
$background-color : #fff;
// åˆ†å‰²çº¿é¢œè‰²
$divide-line-color : #e5e5e5;

// é»˜è®¤å¤´åƒå¤§å°ï¼Œå¦‚需要修改此值，注意同步修改 js ä¸­çš„值 const avatarWidth = xx ï¼Œç›®å‰åªæ”¯æŒæ–¹å½¢å¤´åƒ
// nvue é¡µé¢ä¸æ”¯æŒä¿®æ”¹å¤´åƒå¤§å°
$avatar-width : 45px ;

// å¤´åƒè¾¹æ¡†
$avatar-border-radius: 5px;
$avatar-border-color: #eee;
$avatar-border-width: 1px;

// æ ‡é¢˜æ–‡å­—样式
$title-size : 16px;
$title-color : #3b4144;
$title-weight : normal;

// æè¿°æ–‡å­—样式
$note-size : 12px;
$note-color : #999;
$note-weight : normal;

// å³ä¾§é¢å¤–内容默认样式
$right-text-size : 12px;
$right-text-color : #999;
$right-text-weight : normal;

// è§’标样式
// nvue é¡µé¢ä¸æ”¯æŒä¿®æ”¹åœ†ç‚¹ä½ç½®ä»¥åŠå¤§å°
// è§’标在左侧时，角标的位置，默认为 0 ï¼Œè´Ÿæ•°å·¦/下移动，正数右/上移动
$badge-left: 0px;
$badge-top: 0px;

// æ˜¾ç¤ºåœ†ç‚¹æ—¶ï¼Œåœ†ç‚¹å¤§å°
$dot-width: 10px;
$dot-height: 10px;

// æ˜¾ç¤ºè§’标时，角标大小和字体大小
$badge-size : 18px;
$badge-font : 12px;
// æ˜¾ç¤ºè§’标时，角标前景色
$badge-color : #fff;
// æ˜¾ç¤ºè§’标时，角标背景色
$badge-background-color : #ff5a5f;
// æ˜¾ç¤ºè§’标时，角标左右间距
$badge-space : 6px;

// çŠ¶æ€æ ·å¼
// é€‰ä¸­é¢œè‰²
$hover : #f5f5f5;

 uni_modules/uni-list/components/uni-list-chat/uni-list-chat.vue

New file
@@ -0,0 +1,538 @@
<template>
    <!-- #ifdef APP-NVUE -->
    <cell>
        <!-- #endif -->
        <view :hover-class="!clickable && !link ? '' : 'uni-list-chat--hover'" class="uni-list-chat" @click.stop="onClick">
            <view :class="{ 'uni-list--border': border, 'uni-list-chat--first': isFirstChild }"></view>
            <view class="uni-list-chat__container">
                <view class="uni-list-chat__header-warp">
                    <view v-if="avatarCircle || avatarList.length === 0" class="uni-list-chat__header" :class="{ 'header--circle': avatarCircle }">
                        <image class="uni-list-chat__header-image" :src="avatar" mode="aspectFill"></image>
                    </view>
                    <!-- å¤´åƒç»„ -->
                    <view v-else class="uni-list-chat__header">
                        <view v-for="(item, index) in avatarList" :key="index" class="uni-list-chat__header-box" :class="computedAvatar"
                         :style="{ width: imageWidth + 'px', height: imageWidth + 'px' }">
                            <image class="uni-list-chat__header-image" :style="{ width: imageWidth + 'px', height: imageWidth + 'px' }" :src="item.url"
                             mode="aspectFill"></image>
                        </view>
                    </view>
                </view>
                <view v-if="badgeText && badgePositon === 'left'" class="uni-list-chat__badge uni-list-chat__badge-pos" :class="[isSingle]">
                    <text class="uni-list-chat__badge-text">{{ badgeText === 'dot' ? '' : badgeText }}</text>
                </view>
                <view class="uni-list-chat__content">
                    <view class="uni-list-chat__content-main">
                        <text class="uni-list-chat__content-title uni-ellipsis">{{ title }}</text>
                        <text class="uni-list-chat__content-note uni-ellipsis">{{ note }}</text>
                    </view>
                    <view class="uni-list-chat__content-extra">
                        <slot>
                            <text class="uni-list-chat__content-extra-text">{{ time }}</text>
                            <view v-if="badgeText && badgePositon === 'right'" class="uni-list-chat__badge" :class="[isSingle, badgePositon === 'right' ? 'uni-list-chat--right' : '']">
                                <text class="uni-list-chat__badge-text">{{ badgeText === 'dot' ? '' : badgeText }}</text>
                            </view>
                        </slot>
                    </view>
                </view>
            </view>
        </view>
        <!-- #ifdef APP-NVUE -->
    </cell>
    <!-- #endif -->
</template>

<script>
    // å¤´åƒå¤§å°
    const avatarWidth = 45;

    /**
     * ListChat èŠå¤©åˆ—表
     * @description èŠå¤©åˆ—表,用于创建聊天类列表
     * @tutorial https://ext.dcloud.net.cn/plugin?id=24
     * @property {String}     title                             æ ‡é¢˜
     * @property {String}     note                             æè¿°
     * @property {Boolean}     clickable = [true|false]         æ˜¯å¦å¼€å¯ç‚¹å‡»åé¦ˆï¼Œé»˜è®¤ä¸ºfalse
     * @property {String}     badgeText                        æ•°å­—角标内容
     * @property {String}      badgePositon = [left|right]        è§’标位置，默认为 right
     * @property {String}     link = [false｜navigateTo|redirectTo|reLaunch|switchTab] æ˜¯å¦å±•ç¤ºå³ä¾§ç®­å¤´å¹¶å¼€å¯ç‚¹å‡»åé¦ˆï¼Œé»˜è®¤ä¸ºfalse
     *  @value false         ä¸å¼€å¯
     *  @value navigateTo     åŒ uni.navigateTo()
     *     @value redirectTo     åŒ uni.redirectTo()
     *     @value reLaunch       åŒ uni.reLaunch()
     *     @value switchTab      åŒ uni.switchTab()
     * @property {String | PageURIString}     to              è·³è½¬ç›®æ ‡é¡µé¢
     * @property {String}     time                            å³ä¾§æ—¶é—´æ˜¾ç¤º
     * @property {Boolean}     avatarCircle = [true|false]        æ˜¯å¦æ˜¾ç¤ºåœ†å½¢å¤´åƒï¼Œé»˜è®¤ä¸ºfalse
     * @property {String}     avatar                            å¤´åƒåœ°å€ï¼ŒavatarCircle ä¸å¡«æ—¶ç”Ÿæ•ˆ
     * @property {Array}     avatarList                         å¤´åƒç»„，格式为 [{url:''}]
     * @event {Function}     click                             ç‚¹å‡» uniListChat è§¦å‘事件
     */
    export default {
        name: 'UniListChat',
        emits:['click'],
        props: {
            title: {
                type: String,
                default: ''
            },
            note: {
                type: String,
                default: ''
            },
            clickable: {
                type: Boolean,
                default: false
            },
            link: {
                type: [Boolean, String],
                default: false
            },
            to: {
                type: String,
                default: ''
            },
            badgeText: {
                type: [String, Number],
                default: ''
            },
            badgePositon: {
                type: String,
                default: 'right'
            },
            time: {
                type: String,
                default: ''
            },
            avatarCircle: {
                type: Boolean,
                default: false
            },
            avatar: {
                type: String,
                default: ''
            },
            avatarList: {
                type: Array,
                default () {
                    return [];
                }
            }
        },
        // inject: ['list'],
        computed: {
            isSingle() {
                if (this.badgeText === 'dot') {
                    return 'uni-badge--dot';
                } else {
                    const badgeText = this.badgeText.toString();
                    if (badgeText.length > 1) {
                        return 'uni-badge--complex';
                    } else {
                        return 'uni-badge--single';
                    }
                }
            },
            computedAvatar() {
                if (this.avatarList.length > 4) {
                    this.imageWidth = avatarWidth * 0.31;
                    return 'avatarItem--3';
                } else if (this.avatarList.length > 1) {
                    this.imageWidth = avatarWidth * 0.47;
                    return 'avatarItem--2';
                } else {
                    this.imageWidth = avatarWidth;
                    return 'avatarItem--1';
                }
            }
        },
        data() {
            return {
                isFirstChild: false,
                border: true,
                // avatarList: 3,
                imageWidth: 50
            };
        },
        mounted() {
            this.list = this.getForm()
            if (this.list) {
                if (!this.list.firstChildAppend) {
                    this.list.firstChildAppend = true;
                    this.isFirstChild = true;
                }
                this.border = this.list.border;
            }
        },
        methods: {
            /**
             * èŽ·å–父元素实例
             */
            getForm(name = 'uniList') {
                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;
            },
            onClick() {
                if (this.to !== '') {
                    this.openPage();
                    return;
                }

                if (this.clickable || this.link) {
                    this.$emit('click', {
                        data: {}
                    });
                }
            },
            openPage() {
                if (['navigateTo', 'redirectTo', 'reLaunch', 'switchTab'].indexOf(this.link) !== -1) {
                    this.pageApi(this.link);
                } else {
                    this.pageApi('navigateTo');
                }
            },
            pageApi(api) {
                uni[api]({
                    url: this.to,
                    success: res => {
                        this.$emit('click', {
                            data: res
                        });
                    },
                    fail: err => {
                        this.$emit('click', {
                            data: err
                        });
                        console.error(err.errMsg);
                    }
                });
            }
        }
    };
</script>

<style lang="scss" scoped>
    $uni-font-size-lg:16px;
    $uni-spacing-row-sm: 5px;
    $uni-spacing-row-base: 10px;
    $uni-spacing-row-lg: 15px;
    $background-color: #fff;
    $divide-line-color: #e5e5e5;
    $avatar-width: 45px;
    $avatar-border-radius: 5px;
    $avatar-border-color: #eee;
    $avatar-border-width: 1px;
    $title-size: 16px;
    $title-color: #3b4144;
    $title-weight: normal;
    $note-size: 12px;
    $note-color: #999;
    $note-weight: normal;
    $right-text-size: 12px;
    $right-text-color: #999;
    $right-text-weight: normal;
    $badge-left: 0px;
    $badge-top: 0px;
    $dot-width: 10px;
    $dot-height: 10px;
    $badge-size: 18px;
    $badge-font: 12px;
    $badge-color: #fff;
    $badge-background-color: #ff5a5f;
    $badge-space: 6px;
    $hover: #f5f5f5;

    .uni-list-chat {
        font-size: $uni-font-size-lg;
        position: relative;
        flex-direction: column;
        justify-content: space-between;
        background-color: $background-color;
    }

    // .uni-list-chat--disabled {
    //     opacity: 0.3;
    // }

    .uni-list-chat--hover {
        background-color: $hover;
    }

    .uni-list--border {
        position: relative;
        margin-left: $uni-spacing-row-lg;
        /* #ifdef APP-PLUS */
        border-top-color: $divide-line-color;
        border-top-style: solid;
        border-top-width: 0.5px;
        /* #endif */
    }

    /* #ifndef APP-NVUE */
    .uni-list--border:after {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 1px;
        content: '';
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        background-color: $divide-line-color;
    }

    .uni-list-item--first:after {
        height: 0px;
    }

    /* #endif */

    .uni-list-chat--first {
        border-top-width: 0px;
    }

    .uni-ellipsis {
        /* #ifndef APP-NVUE */
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        /* #endif */
        /* #ifdef APP-NVUE */
        lines: 1;
        /* #endif */
    }

    .uni-ellipsis-2 {
        /* #ifndef APP-NVUE */
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        /* #endif */

        /* #ifdef APP-NVUE */
        lines: 2;
        /* #endif */
    }

    .uni-list-chat__container {
        position: relative;
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: row;
        flex: 1;
        padding: $uni-spacing-row-base $uni-spacing-row-lg;
        position: relative;
        overflow: hidden;
    }

    .uni-list-chat__header-warp {
        position: relative;
    }

    .uni-list-chat__header {
        /* #ifndef APP-NVUE */
        display: flex;
        align-content: center;
        /* #endif */
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap-reverse;
        /* #ifdef APP-NVUE */
        width: 50px;
        height: 50px;
        /* #endif */
        /* #ifndef APP-NVUE */
        width: $avatar-width;
        height: $avatar-width;
        /* #endif */

        border-radius: $avatar-border-radius;
        border-color: $avatar-border-color;
        border-width: $avatar-border-width;
        border-style: solid;
        overflow: hidden;
    }

    .uni-list-chat__header-box {
        /* #ifndef APP-PLUS */
        box-sizing: border-box;
        display: flex;
        width: $avatar-width;
        height: $avatar-width;
        /* #endif */
        /* #ifdef APP-NVUE */
        width: 50px;
        height: 50px;
        /* #endif */
        overflow: hidden;
        border-radius: 2px;
    }

    .uni-list-chat__header-image {
        margin: 1px;
        /* #ifdef APP-NVUE */
        width: 50px;
        height: 50px;
        /* #endif */
        /* #ifndef APP-NVUE */
        width: $avatar-width;
        height: $avatar-width;
        /* #endif */
    }

    /* #ifndef APP-NVUE */
    .uni-list-chat__header-image {
        display: block;
        width: 100%;
        height: 100%;
    }

    .avatarItem--1 {
        width: 100%;
        height: 100%;
    }

    .avatarItem--2 {
        width: 47%;
        height: 47%;
    }

    .avatarItem--3 {
        width: 32%;
        height: 32%;
    }

    /* #endif */
    .header--circle {
        border-radius: 50%;
    }

    .uni-list-chat__content {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: row;
        flex: 1;
        overflow: hidden;
        padding: 2px 0;
    }

    .uni-list-chat__content-main {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: column;
        justify-content: space-between;
        padding-left: $uni-spacing-row-base;
        flex: 1;
        overflow: hidden;
    }

    .uni-list-chat__content-title {
        font-size: $title-size;
        color: $title-color;
        font-weight: $title-weight;
        overflow: hidden;
    }

    .uni-list-chat__content-note {
        margin-top: 3px;
        color: $note-color;
        font-size: $note-size;
        font-weight: $title-weight;
        overflow: hidden;
    }

    .uni-list-chat__content-extra {
        /* #ifndef APP-NVUE */
        flex-shrink: 0;
        display: flex;
        /* #endif */
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-end;
        margin-left: 5px;
    }

    .uni-list-chat__content-extra-text {
        color: $right-text-color;
        font-size: $right-text-size;
        font-weight: $right-text-weight;
        overflow: hidden;
    }

    .uni-list-chat__badge-pos {
        position: absolute;
        /* #ifdef APP-NVUE */
        left: 55px;
        top: 3px;
        /* #endif */
        /* #ifndef APP-NVUE */
        left: calc(#{$avatar-width} + 10px - #{$badge-space} + #{$badge-left});
        top: calc(#{$uni-spacing-row-base}/ 2 + 1px + #{$badge-top});
        /* #endif */
    }

    .uni-list-chat__badge {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        justify-content: center;
        align-items: center;
        border-radius: 100px;
        background-color: $badge-background-color;
    }

    .uni-list-chat__badge-text {
        color: $badge-color;
        font-size: $badge-font;
    }

    .uni-badge--single {
        /* #ifndef APP-NVUE */
        // left: calc(#{$avatar-width} + 7px + #{$badge-left});
        /* #endif */
        width: $badge-size;
        height: $badge-size;
    }

    .uni-badge--complex {
        /* #ifdef APP-NVUE */
        left: 50px;
        /* #endif */
        /* #ifndef APP-NVUE */
        width: auto;
        /* #endif */
        height: $badge-size;
        padding: 0 $badge-space;
    }

    .uni-badge--dot {
        /* #ifdef APP-NVUE */
        left: 60px;
        top: 6px;
        /* #endif */
        /* #ifndef APP-NVUE */
        left: calc(#{$avatar-width} + 15px - #{$dot-width}/ 2 + 1px + #{$badge-left});
        /* #endif */
        width: $dot-width;
        height: $dot-height;
        padding: 0;
    }

    .uni-list-chat--right {
        /* #ifdef APP-NVUE */
        left: 0;
        /* #endif */
    }
</style>

 uni_modules/uni-list/components/uni-list-item/uni-list-item.vue

New file
@@ -0,0 +1,474 @@
<template>
    <!-- #ifdef APP-NVUE -->
    <cell>
        <!-- #endif -->

        <view :class="{ 'uni-list-item--disabled': disabled }"
            :hover-class="(!clickable && !link) || disabled || showSwitch ? '' : 'uni-list-item--hover'"
            class="uni-list-item" @click="onClick">
            <view v-if="!isFirstChild" class="border--left" :class="{ 'uni-list--border': border }"></view>
            <view class="uni-list-item__container"
                :class="{ 'container--right': showArrow || link, 'flex--direction': direction === 'column' }">
                <slot name="header">
                    <view class="uni-list-item__header">
                        <view v-if="thumb" class="uni-list-item__icon">
                            <image :src="thumb" class="uni-list-item__icon-img" :class="['uni-list--' + thumbSize]" />
                        </view>
                        <view v-else-if="showExtraIcon" class="uni-list-item__icon">
                            <uni-icons :color="extraIcon.color" :size="extraIcon.size" :type="extraIcon.type" />
                        </view>
                    </view>
                </slot>
                <slot name="body">
                    <view class="uni-list-item__content"
                        :class="{ 'uni-list-item__content--center': thumb || showExtraIcon || showBadge || showSwitch }">
                        <text v-if="title" class="uni-list-item__content-title"
                            :class="[ellipsis !== 0 && ellipsis <= 2 ? 'uni-ellipsis-' + ellipsis : '']">{{ title }}</text>
                        <text v-if="note" class="uni-list-item__content-note">{{ note }}</text>
                    </view>
                </slot>
                <slot name="footer">
                    <view v-if="rightText || showBadge || showSwitch" class="uni-list-item__extra"
                        :class="{ 'flex--justify': direction === 'column' }">
                        <text v-if="rightText" class="uni-list-item__extra-text">{{ rightText }}</text>
                        <uni-badge v-if="showBadge" :type="badgeType" :text="badgeText" />
                        <switch v-if="showSwitch" :disabled="disabled" :checked="switchChecked"
                            @change="onSwitchChange" />
                    </view>
                </slot>
            </view>
            <uni-icons v-if="showArrow || link" :size="16" class="uni-icon-wrapper" color="#bbb" type="arrowright" />
        </view>
        <!-- #ifdef APP-NVUE -->
    </cell>
    <!-- #endif -->
</template>

<script>
    /**
     * ListItem åˆ—表子组件
     * @description åˆ—表子组件
     * @tutorial https://ext.dcloud.net.cn/plugin?id=24
     * @property {String}     title                             æ ‡é¢˜
     * @property {String}     note                             æè¿°
     * @property {String}     thumb                             å·¦ä¾§ç¼©ç•¥å›¾ï¼Œè‹¥thumb有值，则不会显示扩展图标
     * @property {String}      thumbSize = [lg|base|sm]        ç•¥ç¼©å›¾å¤§å°
     *     @value      lg            å¤§å›¾
     *     @value      base        ä¸€èˆ¬
     *     @value      sm            å°å›¾
     * @property {String}     badgeText                        æ•°å­—角标内容
     * @property {String}     badgeType                         æ•°å­—角标类型，参考[uni-icons](https://ext.dcloud.net.cn/plugin?id=21)
     * @property {String}     rightText                         å³ä¾§æ–‡å­—内容
     * @property {Boolean}     disabled = [true|false]            æ˜¯å¦ç¦ç”¨
     * @property {Boolean}     clickable = [true|false]         æ˜¯å¦å¼€å¯ç‚¹å‡»åé¦ˆ
     * @property {String}     link = [navigateTo|redirectTo|reLaunch|switchTab] æ˜¯å¦å±•ç¤ºå³ä¾§ç®­å¤´å¹¶å¼€å¯ç‚¹å‡»åé¦ˆ
     *  @value     navigateTo     åŒ uni.navigateTo()
     *     @value redirectTo     åŒ uni.redirectTo()
     *     @value reLaunch       åŒ uni.reLaunch()
     *     @value switchTab      åŒ uni.switchTab()
     * @property {String | PageURIString}     to              è·³è½¬ç›®æ ‡é¡µé¢
     * @property {Boolean}     showBadge = [true|false]         æ˜¯å¦æ˜¾ç¤ºæ•°å­—角标
     * @property {Boolean}     showSwitch = [true|false]         æ˜¯å¦æ˜¾ç¤ºSwitch
     * @property {Boolean}     switchChecked = [true|false]     Switch是否被选中
     * @property {Boolean}     showExtraIcon = [true|false]     å·¦ä¾§æ˜¯å¦æ˜¾ç¤ºæ‰©å±•å›¾æ ‡
     * @property {Object}     extraIcon                         æ‰©å±•å›¾æ ‡å‚数，格式为 {color: '#4cd964',size: '22',type: 'spinner'}
     * @property {String}     direction = [row|column]        æŽ’版方向
     * @value row             æ°´å¹³æŽ’列
     * @value column         åž‚直排列
     * @event {Function}     click                             ç‚¹å‡» uniListItem è§¦å‘事件
     * @event {Function}     switchChange                     ç‚¹å‡»åˆ‡æ¢ Switch æ—¶è§¦å‘
     */
    export default {
        name: 'UniListItem',
        emits: ['click', 'switchChange'],
        props: {
            direction: {
                type: String,
                default: 'row'
            },
            title: {
                type: String,
                default: ''
            },
            note: {
                type: String,
                default: ''
            },
            ellipsis: {
                type: [Number,String],
                default: 0
            },
            disabled: {
                type: [Boolean, String],
                default: false
            },
            clickable: {
                type: Boolean,
                default: false
            },
            showArrow: {
                type: [Boolean, String],
                default: false
            },
            link: {
                type: [Boolean, String],
                default: false
            },
            to: {
                type: String,
                default: ''
            },
            showBadge: {
                type: [Boolean, String],
                default: false
            },
            showSwitch: {
                type: [Boolean, String],
                default: false
            },
            switchChecked: {
                type: [Boolean, String],
                default: false
            },
            badgeText: {
                type: String,
                default: ''
            },
            badgeType: {
                type: String,
                default: 'success'
            },
            rightText: {
                type: String,
                default: ''
            },
            thumb: {
                type: String,
                default: ''
            },
            thumbSize: {
                type: String,
                default: 'base'
            },
            showExtraIcon: {
                type: [Boolean, String],
                default: false
            },
            extraIcon: {
                type: Object,
                default () {
                    return {
                        type: 'contact',
                        color: '#000000',
                        size: 20
                    };
                }
            },
            border: {
                type: Boolean,
                default: true
            }
        },
        // inject: ['list'],
        data() {
            return {
                isFirstChild: false
            };
        },
        mounted() {
            this.list = this.getForm()
            // åˆ¤æ–­æ˜¯å¦å­˜åœ¨ uni-list ç»„件
            if (this.list) {
                if (!this.list.firstChildAppend) {
                    this.list.firstChildAppend = true;
                    this.isFirstChild = true;
                }
            }
        },
        methods: {
            /**
             * èŽ·å–父元素实例
             */
            getForm(name = 'uniList') {
                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;
            },
            onClick() {
                if (this.to !== '') {
                    this.openPage();
                    return;
                }
                if (this.clickable || this.link) {
                    this.$emit('click', {
                        data: {}
                    });
                }
            },
            onSwitchChange(e) {
                this.$emit('switchChange', e.detail);
            },
            openPage() {
                if (['navigateTo', 'redirectTo', 'reLaunch', 'switchTab'].indexOf(this.link) !== -1) {
                    this.pageApi(this.link);
                } else {
                    this.pageApi('navigateTo');
                }
            },
            pageApi(api) {
                let callback = {
                    url: this.to,
                    success: res => {
                        this.$emit('click', {
                            data: res
                        });
                    },
                    fail: err => {
                        this.$emit('click', {
                            data: err
                        });
                    }
                }
                switch (api) {
                    case 'navigateTo':
                        uni.navigateTo(callback)
                        break
                    case 'redirectTo':
                        uni.redirectTo(callback)
                        break
                    case 'reLaunch':
                        uni.reLaunch(callback)
                        break
                    case 'switchTab':
                        uni.switchTab(callback)
                        break
                    default:
                    uni.navigateTo(callback)
                }
            }
        }
    };
</script>

<style lang="scss">
    $uni-font-size-sm:12px;
    $uni-font-size-base:14px;
    $uni-font-size-lg:16px;
    $uni-spacing-col-lg: 12px;
    $uni-spacing-row-lg: 15px;
    $uni-img-size-sm:20px;
    $uni-img-size-base:26px;
    $uni-img-size-lg:40px;
    $uni-border-color:#e5e5e5;
    $uni-bg-color-hover:#f1f1f1;
    $uni-text-color-grey:#999;
    $list-item-pd: $uni-spacing-col-lg $uni-spacing-row-lg;

    .uni-list-item {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        font-size: $uni-font-size-lg;
        position: relative;
        justify-content: space-between;
        align-items: center;
        background-color: #fff;
        flex-direction: row;
        /* #ifdef H5 */
        cursor: pointer;
        /* #endif */
    }

    .uni-list-item--disabled {
        opacity: 0.3;
    }

    .uni-list-item--hover {
        background-color: $uni-bg-color-hover;
    }

    .uni-list-item__container {
        position: relative;
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: row;
        padding: $list-item-pd;
        padding-left: $uni-spacing-row-lg;
        flex: 1;
        overflow: hidden;
        // align-items: center;
    }

    .container--right {
        padding-right: 0;
    }

    // .border--left {
    //     margin-left: $uni-spacing-row-lg;
    // }

    .uni-list--border {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        /* #ifdef APP-NVUE */
        border-top-color: $uni-border-color;
        border-top-style: solid;
        border-top-width: 0.5px;
        /* #endif */
    }

    /* #ifndef APP-NVUE */
    .uni-list--border:after {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 1px;
        content: '';
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        background-color: $uni-border-color;
    }

    /* #endif */

    .uni-list-item__content {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        padding-right: 8px;
        flex: 1;
        color: #3b4144;
        // overflow: hidden;
        flex-direction: column;
        justify-content: space-between;
        overflow: hidden;
    }

    .uni-list-item__content--center {
        justify-content: center;
    }

    .uni-list-item__content-title {
        font-size: $uni-font-size-base;
        color: #3b4144;
        overflow: hidden;
    }

    .uni-list-item__content-note {
        margin-top: 6rpx;
        color: $uni-text-color-grey;
        font-size: $uni-font-size-sm;
        overflow: hidden;
    }

    .uni-list-item__extra {
        // width: 25%;
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
    }

    .uni-list-item__header {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: row;
        align-items: center;
    }

    .uni-list-item__icon {
        margin-right: 18rpx;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .uni-list-item__icon-img {
        /* #ifndef APP-NVUE */
        display: block;
        /* #endif */
        height: $uni-img-size-base;
        width: $uni-img-size-base;
        margin-right: 10px;
    }

    .uni-icon-wrapper {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        align-items: center;
        padding: 0 10px;
    }

    .flex--direction {
        flex-direction: column;
        /* #ifndef APP-NVUE */
        align-items: initial;
        /* #endif */
    }

    .flex--justify {
        /* #ifndef APP-NVUE */
        justify-content: initial;
        /* #endif */
    }

    .uni-list--lg {
        height: $uni-img-size-lg;
        width: $uni-img-size-lg;
    }

    .uni-list--base {
        height: $uni-img-size-base;
        width: $uni-img-size-base;
    }

    .uni-list--sm {
        height: $uni-img-size-sm;
        width: $uni-img-size-sm;
    }

    .uni-list-item__extra-text {
        color: $uni-text-color-grey;
        font-size: $uni-font-size-sm;
    }

    .uni-ellipsis-1 {
        /* #ifndef APP-NVUE */
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        /* #endif */
        /* #ifdef APP-NVUE */
        lines: 1;
        text-overflow:ellipsis;
        /* #endif */
    }

    .uni-ellipsis-2 {
        /* #ifndef APP-NVUE */
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        /* #endif */

        /* #ifdef APP-NVUE */
        lines: 2;
        text-overflow:ellipsis;
        /* #endif */
    }
</style>

 uni_modules/uni-list/components/uni-list/uni-list - ¸±±¾.vue

New file
@@ -0,0 +1,106 @@
<template>
    <!-- #ifndef APP-NVUE -->
    <view class="uni-list uni-border-top-bottom">
        <view v-if="border" class="uni-list--border-top"></view>
        <slot />
        <view v-if="border" class="uni-list--border-bottom"></view>
    </view>
    <!-- #endif -->
    <!-- #ifdef APP-NVUE -->
    <list class="uni-list" :class="{ 'uni-list--border': border }" :enableBackToTop="enableBackToTop" loadmoreoffset="15"><slot /></list>
    <!-- #endif -->
</template>

<script>
/**
 * List åˆ—表
 * @description åˆ—表组件
 * @tutorial https://ext.dcloud.net.cn/plugin?id=24
 * @property {String}     border = [true|false]         æ ‡é¢˜
 */
export default {
    name: 'uniList',
    'mp-weixin': {
        options: {
            multipleSlots: false
        }
    },
    props: {
        enableBackToTop: {
            type: [Boolean, String],
            default: false
        },
        scrollY: {
            type: [Boolean, String],
            default: false
        },
        border: {
            type: Boolean,
            default: true
        }
    },
    // provide() {
    //     return {
    //         list: this
    //     };
    // },
    created() {
        this.firstChildAppend = false;
    },
    methods: {
        loadMore(e) {
            this.$emit('scrolltolower');
        }
    }
};
</script>
<style lang="scss" scoped>
.uni-list {
    /* #ifndef APP-NVUE */
    display: flex;
    /* #endif */
    background-color: $uni-bg-color;
    position: relative;
    flex-direction: column;
}

.uni-list--border {
    position: relative;
    /* #ifdef APP-NVUE */
    border-top-color: $uni-border-color;
    border-top-style: solid;
    border-top-width: 0.5px;
    border-bottom-color: $uni-border-color;
    border-bottom-style: solid;
    border-bottom-width: 0.5px;
    /* #endif */
    z-index: -1;
}

/* #ifndef APP-NVUE */

.uni-list--border-top {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 1px;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    background-color: $uni-border-color;
    z-index: 1;
}

.uni-list--border-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 1px;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    background-color: $uni-border-color;
}

/* #endif */
</style>

 uni_modules/uni-list/components/uni-list/uni-list.vue

New file
@@ -0,0 +1,108 @@
<template>
    <!-- #ifndef APP-NVUE -->
    <view class="uni-list uni-border-top-bottom">
        <view v-if="border" class="uni-list--border-top"></view>
        <slot />
        <view v-if="border" class="uni-list--border-bottom"></view>
    </view>
    <!-- #endif -->
    <!-- #ifdef APP-NVUE -->
    <list class="uni-list" :class="{ 'uni-list--border': border }" :enableBackToTop="enableBackToTop" loadmoreoffset="15"><slot /></list>
    <!-- #endif -->
</template>

<script>
/**
 * List åˆ—表
 * @description åˆ—表组件
 * @tutorial https://ext.dcloud.net.cn/plugin?id=24
 * @property {String}     border = [true|false]         æ ‡é¢˜
 */
export default {
    name: 'uniList',
    'mp-weixin': {
        options: {
            multipleSlots: false
        }
    },
    props: {
        enableBackToTop: {
            type: [Boolean, String],
            default: false
        },
        scrollY: {
            type: [Boolean, String],
            default: false
        },
        border: {
            type: Boolean,
            default: true
        }
    },
    // provide() {
    //     return {
    //         list: this
    //     };
    // },
    created() {
        this.firstChildAppend = false;
    },
    methods: {
        loadMore(e) {
            this.$emit('scrolltolower');
        }
    }
};
</script>
<style lang="scss" scoped>
$uni-bg-color:#ffffff;
$uni-border-color:#e5e5e5;
.uni-list {
    /* #ifndef APP-NVUE */
    display: flex;
    /* #endif */
    background-color: $uni-bg-color;
    position: relative;
    flex-direction: column;
}

.uni-list--border {
    position: relative;
    /* #ifdef APP-NVUE */
    border-top-color: $uni-border-color;
    border-top-style: solid;
    border-top-width: 0.5px;
    border-bottom-color: $uni-border-color;
    border-bottom-style: solid;
    border-bottom-width: 0.5px;
    /* #endif */
    z-index: -1;
}

/* #ifndef APP-NVUE */

.uni-list--border-top {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 1px;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    background-color: $uni-border-color;
    z-index: 1;
}

.uni-list--border-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 1px;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    background-color: $uni-border-color;
}

/* #endif */
</style>

 uni_modules/uni-list/components/uni-list/uni-refresh.vue

New file
@@ -0,0 +1,65 @@
<template>
    <!-- #ifdef APP-NVUE -->
    <refresh :display="display" @refresh="onrefresh" @pullingdown="onpullingdown">
        <slot />
    </refresh>
    <!-- #endif -->
    <!-- #ifndef APP-NVUE -->
    <view ref="uni-refresh" class="uni-refresh" v-show="isShow">
        <slot />
    </view>
    <!-- #endif -->
</template>

<script>
    export default {
        name: 'UniRefresh',
        props: {
            display: {
                type: [String],
                default: "hide"
            }
        },
        data() {
            return {
                pulling: false
            }
        },
        computed: {
            isShow() {
                if (this.display === "show" || this.pulling === true) {
                    return true;
                }
                return false;
            }
        },
        created() {},
        methods: {
            onchange(value) {
                this.pulling = value;
            },
            onrefresh(e) {
                this.$emit("refresh", e);
            },
            onpullingdown(e) {
                // #ifdef APP-NVUE
                this.$emit("pullingdown", e);
                // #endif
                // #ifndef APP-NVUE
                var detail = {
                    viewHeight: 90,
                    pullingDistance: e.height
                }
                this.$emit("pullingdown", detail);
                // #endif
            }
        }
    }
</script>

<style>
    .uni-refresh {
        height: 0;
        overflow: hidden;
    }
</style>

 uni_modules/uni-list/components/uni-list/uni-refresh.wxs

New file
@@ -0,0 +1,87 @@
var pullDown = {
    threshold: 95,
    maxHeight: 200,
    callRefresh: 'onrefresh',
    callPullingDown: 'onpullingdown',
    refreshSelector: '.uni-refresh'
};

function ready(newValue, oldValue, ownerInstance, instance) {
    var state = instance.getState()
    state.canPullDown = newValue;
    // console.log(newValue);
}

function touchStart(e, instance) {
    var state = instance.getState();
    state.refreshInstance = instance.selectComponent(pullDown.refreshSelector);
    state.canPullDown = (state.refreshInstance != null && state.refreshInstance != undefined);
    if (!state.canPullDown) {
        return
    }

    // console.log("touchStart");

    state.height = 0;
    state.touchStartY = e.touches[0].pageY || e.changedTouches[0].pageY;
    state.refreshInstance.setStyle({
        'height': 0
    });
    state.refreshInstance.callMethod("onchange", true);
}

function touchMove(e, ownerInstance) {
    var instance = e.instance;
    var state = instance.getState();
    if (!state.canPullDown) {
        return
    }

    var oldHeight = state.height;
    var endY = e.touches[0].pageY || e.changedTouches[0].pageY;
    var height = endY - state.touchStartY;
    if (height > pullDown.maxHeight) {
        return;
    }

    var refreshInstance = state.refreshInstance;
    refreshInstance.setStyle({
        'height': height + 'px'
    });

    height = height < pullDown.maxHeight ? height : pullDown.maxHeight;
    state.height = height;
    refreshInstance.callMethod(pullDown.callPullingDown, {
        height: height
    });
}

function touchEnd(e, ownerInstance) {
    var state = e.instance.getState();
    if (!state.canPullDown) {
        return
    }

    state.refreshInstance.callMethod("onchange", false);

    var refreshInstance = state.refreshInstance;
    if (state.height > pullDown.threshold) {
        refreshInstance.callMethod(pullDown.callRefresh);
        return;
    }

    refreshInstance.setStyle({
        'height': 0
    });
}

function propObserver(newValue, oldValue, instance) {
    pullDown = newValue;
}

module.exports = {
    touchmove: touchMove,
    touchstart: touchStart,
    touchend: touchEnd,
    propObserver: propObserver
}

 uni_modules/uni-list/package.json

New file
@@ -0,0 +1,91 @@
{
  "id": "uni-list",
  "displayName": "uni-list åˆ—表",
  "version": "1.2.0",
  "description": "List ç»„件 ï¼Œå¸®åŠ©ä½¿ç”¨è€…快速构建列表。",
  "keywords": [
    "",
    "uni-ui",
    "uniui",
    "列表",
    "",
    "list"
],
  "repository": "https://github.com/dcloudio/uni-ui",
  "engines": {
    "HBuilderX": ""
  },
  "directories": {
    "example": "../../temps/example_temps"
  },
  "dcloudext": {
    "category": [
      "前端组件",
      "通用组件"
    ],
    "sale": {
      "regular": {
        "price": "0.00"
      },
      "sourcecode": {
        "price": "0.00"
      }
    },
    "contact": {
      "qq": ""
    },
    "declaration": {
      "ads": "无",
      "data": "无",
      "permissions": "无"
    },
    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
  },
  "uni_modules": {
    "dependencies": [
      "uni-badge",
      "uni-icons"
    ],
    "encrypt": [],
    "platforms": {
      "cloud": {
        "tcb": "y",
        "aliyun": "y"
      },
      "client": {
        "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"
        },
        "快应用": {
          "华为": "u",
          "联盟": "u"
        },
        "Vue": {
            "vue2": "y",
            "vue3": "y"
        }
      }
    }
  }
}

 uni_modules/uni-list/readme.md

New file
@@ -0,0 +1,347 @@


## List åˆ—表
> **组件名：uni-list**
> ä»£ç å—： `uList`、`uListItem`
> å…³è”组件：`uni-list-item`、`uni-badge`、`uni-icons`、`uni-list-chat`、`uni-list-ad`


List åˆ—表组件，包含基本列表样式、可扩展插槽机制、长列表性能优化、多端兼容。

在vue页面里，它默认使用页面级滚动。在app-nvue页面里，它默认使用原生list组件滚动。这样的长列表，在滚动出屏幕外后，系统会回收不可见区域的渲染内存资源，不会造成滚动越长手机越卡的问题。

uni-list组件是父容器，里面的核心是uni-list-item子组件，它代表列表中的一个可重复行，子组件可以无限循环。

uni-list-item有很多风格，uni-list-item组件通过内置的属性，满足一些常用的场景。当内置属性不满足需求时，可以通过扩展插槽来自定义列表内容。

内置属性可以覆盖的场景包括：导航列表、设置列表、小图标列表、通信录列表、聊天记录列表。

涉及很多大图或丰富内容的列表，比如类今日头条的新闻列表、类淘宝的电商列表，需要通过扩展插槽实现。

下文均有样例给出。

uni-list不包含下拉刷新和上拉翻页。上拉翻页另见组件：[uni-load-more](https://ext.dcloud.net.cn/plugin?id=29)


### å®‰è£…方式

本组件符合[easycom](https://uniapp.dcloud.io/collocation/pages?id=easycom)规范，`HBuilderX 2.5.5`起，只需将本组件导入项目，在页面`template`中即可直接使用，无需在页面中`import`和注册`components`。

如需通过`npm`方式使用`uni-ui`组件，另见文档：[https://ext.dcloud.net.cn/plugin?id=55](https://ext.dcloud.net.cn/plugin?id=55)

> **注意事项**
> ä¸ºäº†é¿å…é”™è¯¯ä½¿ç”¨ï¼Œç»™å¤§å®¶å¸¦æ¥ä¸å¥½çš„开发体验，请在使用组件前仔细阅读下面的注意事项，可以帮你避免一些错误。
> - ç»„件需要依赖 `sass` æ’件 ï¼Œè¯·è‡ªè¡Œæ‰‹åŠ¨å®‰è£…
> - ç»„件内部依赖 `'uni-icons'` ã€`uni-badge` ç»„件
> - `uni-list` å’Œ `uni-list-item` éœ€è¦é…å¥—使用，暂不支持单独使用 `uni-list-item`
> - åªæœ‰å¼€å¯ç‚¹å‡»åé¦ˆåŽï¼Œä¼šæœ‰ç‚¹å‡»é€‰ä¸­æ•ˆæžœ
> - ä½¿ç”¨æ’槽时，可以完全自定义内容
> - note ã€rightText å±žæ€§æš‚时没做限制，不支持文字溢出隐藏，使用时应该控制长度显示或通过默认插槽自行扩展
> - æ”¯ä»˜å®å°ç¨‹åºå¹³å°éœ€è¦åœ¨æ”¯ä»˜å®å°ç¨‹åºå¼€å‘者工具里开启 component2 ç¼–译模式，开启方式： è¯¦æƒ… --> é¡¹ç›®é…ç½® --> å¯ç”¨ component2 ç¼–译
> - å¦‚果需要修改 `switch`、`badge` æ ·å¼ï¼Œè¯·ä½¿ç”¨æ’槽自定义
> - åœ¨ `HBuilderX` ä½Žç‰ˆæœ¬ä¸­ï¼Œå¯èƒ½ä¼šå‡ºçŽ°ç»„件显示 `undefined` çš„问题，请升级最新的 `HBuilderX` æˆ–者 `cli`
> - å¦‚使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui äº¤æµç¾¤ï¼š871950839
 

### åŸºæœ¬ç”¨æ³• 

- è®¾ç½® `title` å±žæ€§ï¼Œå¯ä»¥æ˜¾ç¤ºåˆ—表标题
- è®¾ç½® `disabled` å±žæ€§ï¼Œå¯ä»¥ç¦ç”¨å½“前项

```html
<uni-list>
    <uni-list-item  title="列表文字" ></uni-list-item>
    <uni-list-item :disabled="true" title="列表禁用状态" ></uni-list-item>
</uni-list>
			 
```

### å¤šè¡Œå†…容显示

- è®¾ç½® `note` å±žæ€§ ï¼Œå¯ä»¥åœ¨ç¬¬äºŒè¡Œæ˜¾ç¤ºæè¿°æ–‡æœ¬ä¿¡æ¯

```html
<uni-list>
    <uni-list-item title="列表文字" note="列表描述信息"></uni-list-item>
    <uni-list-item :disabled="true" title="列表文字" note="列表禁用状态"></uni-list-item>
</uni-list>

```

### å³ä¾§æ˜¾ç¤ºè§’标、switch

- è®¾ç½® `show-badge` å±žæ€§ ï¼Œå¯ä»¥æ˜¾ç¤ºè§’标内容
- è®¾ç½® `show-switch` å±žæ€§ï¼Œå¯ä»¥æ˜¾ç¤º switch å¼€å…³

```html
<uni-list>
    <uni-list-item  title="列表右侧显示角标" :show-badge="true" badge-text="12" ></uni-list-item>
    <uni-list-item title="列表右侧显示 switch"  :show-switch="true"  @switchChange="switchChange" ></uni-list-item>
</uni-list>

```

### å·¦ä¾§æ˜¾ç¤ºç•¥ç¼©å›¾ã€å›¾æ ‡  

- è®¾ç½® `thumb` å±žæ€§ ï¼Œå¯ä»¥åœ¨åˆ—表左侧显示略缩图
- è®¾ç½® `show-extra-icon` å±žæ€§ï¼Œå¹¶æŒ‡å®š `extra-icon` å¯ä»¥åœ¨å·¦ä¾§æ˜¾ç¤ºå›¾æ ‡

```html
 <uni-list>
     <uni-list-item title="列表左侧带略缩图" note="列表描述信息" thumb="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png"
      thumb-size="lg" rightText="右侧文字"></uni-list-item>
     <uni-list-item :show-extra-icon="true" :extra-icon="extraIcon1" title="列表左侧带扩展图标" ></uni-list-item>
</uni-list>
```

### å¼€å¯ç‚¹å‡»åé¦ˆå’Œå³ä¾§ç®­å¤´
- è®¾ç½® `clickable` ä¸º `true` ï¼Œåˆ™è¡¨ç¤ºè¿™æ˜¯ä¸€ä¸ªå¯ç‚¹å‡»çš„列表，会默认给一个点击效果，并可以监听 `click` äº‹ä»¶
- è®¾ç½® `link` å±žæ€§ï¼Œä¼šè‡ªåŠ¨å¼€å¯ç‚¹å‡»åé¦ˆï¼Œå¹¶ç»™åˆ—表右侧添加一个箭头
- è®¾ç½® `to` å±žæ€§ï¼Œå¯ä»¥è·³è½¬é¡µé¢ï¼Œ`link` çš„值表示跳转方式，如果不指定，默认为 `navigateTo`

```html

<uni-list>
    <uni-list-item title="开启点击反馈" clickable  @click="onClick" ></uni-list-item>
    <uni-list-item title="默认 navigateTo æ–¹å¼è·³è½¬é¡µé¢" link to="/pages/vue/index/index" @click="onClick($event,1)" ></uni-list-item>
    <uni-list-item title="reLaunch æ–¹å¼è·³è½¬é¡µé¢" link="reLaunch" to="/pages/vue/index/index" @click="onClick($event,1)" ></uni-list-item>
</uni-list>

```


### èŠå¤©åˆ—表示例
- è®¾ç½® `clickable` ä¸º `true` ï¼Œåˆ™è¡¨ç¤ºè¿™æ˜¯ä¸€ä¸ªå¯ç‚¹å‡»çš„列表，会默认给一个点击效果，并可以监听 `click` äº‹ä»¶
- è®¾ç½® `link` å±žæ€§ï¼Œä¼šè‡ªåŠ¨å¼€å¯ç‚¹å‡»åé¦ˆï¼Œ`link` çš„值表示跳转方式，如果不指定，默认为 `navigateTo`
- è®¾ç½® `to` å±žæ€§ï¼Œå¯ä»¥è·³è½¬é¡µé¢
- `time` å±žæ€§ï¼Œé€šå¸¸ä¼šè®¾ç½®æˆæ—¶é—´æ˜¾ç¤ºï¼Œä½†æ˜¯è¿™ä¸ªå±žæ€§ä¸ä»…仅可以设置时间，你可以传入任何文本，注意文本长度可能会影响显示
- `avatar` å’Œ `avatarList` å±žæ€§åŒæ—¶åªä¼šæœ‰ä¸€ä¸ªç”Ÿæ•ˆï¼ŒåŒæ—¶è®¾ç½®çš„话，`avatarList` å±žæ€§çš„长度大于1 ï¼Œ`avatar` å±žæ€§å°†å¤±æ•ˆ
- å¯ä»¥é€šè¿‡é»˜è®¤æ’槽自定义列表右侧内容

```html

<uni-list>
    <uni-list :border="true">
        <!-- æ˜¾ç¤ºåœ†å½¢å¤´åƒ -->
        <uni-list-chat :avatar-circle="true" title="uni-app" avatar="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png" note="您收到一条新的消息" time="2020-02-02 20:20" ></uni-list-chat>
        <!-- å³ä¾§å¸¦è§’æ ‡ -->
        <uni-list-chat title="uni-app" avatar="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png" note="您收到一条新的消息" time="2020-02-02 20:20" badge-text="12"></uni-list-chat>
        <!-- å¤´åƒæ˜¾ç¤ºåœ†ç‚¹ -->
        <uni-list-chat title="uni-app" avatar="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png" note="您收到一条新的消息" time="2020-02-02 20:20" badge-positon="left" badge-text="dot"></uni-list-chat>
        <!-- å¤´åƒæ˜¾ç¤ºè§’æ ‡ -->
        <uni-list-chat title="uni-app" avatar="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png" note="您收到一条新的消息" time="2020-02-02 20:20" badge-positon="left" badge-text="99"></uni-list-chat>
        <!-- æ˜¾ç¤ºå¤šå¤´åƒ -->
        <uni-list-chat title="uni-app" :avatar-list="avatarList" note="您收到一条新的消息" time="2020-02-02 20:20" badge-positon="left" badge-text="dot"></uni-list-chat>
        <!-- è‡ªå®šä¹‰å³ä¾§å†…容 -->
        <uni-list-chat title="uni-app" :avatar-list="avatarList" note="您收到一条新的消息" time="2020-02-02 20:20" badge-positon="left" badge-text="dot">
            <view class="chat-custom-right">
                <text class="chat-custom-text">刚刚</text>
                <!-- éœ€è¦ä½¿ç”¨ uni-icons è¯·è‡ªè¡Œå¼•å…¥ -->
                <uni-icons type="star-filled" color="#999" size="18"></uni-icons>
            </view>
        </uni-list-chat>
    </uni-list>
</uni-list>

```

```javascript

export default {
    components: {},
    data() {
        return {
            avatarList: [{
                url: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png'
            }, {
                url: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png'
            }, {
                url: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png'
            }]
        }
    }
}

```


```css

.chat-custom-right {
    flex: 1;
    /* #ifndef APP-NVUE */
    display: flex;
    /* #endif */
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}

.chat-custom-text {
    font-size: 12px;
    color: #999;
}

```

## API

### List Props

属性名            |类型        |默认值        |    è¯´æ˜Ž																									
:-:                |:-:        |:-:        |    :-:	
border            |Boolean    |true        |    æ˜¯å¦æ˜¾ç¤ºè¾¹æ¡†


### ListItem Props

属性名            |类型        |默认值        |    è¯´æ˜Ž																					
:-:                |:-:        |:-:        |    :-:	
title            |String        |-            |    æ ‡é¢˜
note            |String        |-            |    æè¿°
ellipsis        |Number        |0            |    title æ˜¯å¦æº¢å‡ºéšè—ï¼Œå¯é€‰å€¼ï¼Œ0:默认;  1:显示一行;    2:显示两行;【nvue æš‚不支持】
thumb            |String        |-            |    å·¦ä¾§ç¼©ç•¥å›¾ï¼Œè‹¥thumb有值，则不会显示扩展图标
thumbSize        |String     |medium     |    ç•¥ç¼©å›¾å°ºå¯¸ï¼Œå¯é€‰å€¼ï¼Œlg:大图;  medium:一般;    sm:小图;
showBadge        |Boolean    |false        |    æ˜¯å¦æ˜¾ç¤ºæ•°å­—角标	
badgeText        |String        |-            |    æ•°å­—角标内容
badgeType        |String        |-            |    æ•°å­—角标类型，参考[uni-icons](https://ext.dcloud.net.cn/plugin?id=21)					
rightText        |String        |-            |    å³ä¾§æ–‡å­—内容
disabled        |Boolean    |false        |    æ˜¯å¦ç¦ç”¨	
showArrow         |Boolean    |true        |    æ˜¯å¦æ˜¾ç¤ºç®­å¤´å›¾æ ‡			
link            |String     |navigateTo    |    æ–°é¡µé¢è·³è½¬æ–¹å¼ï¼Œå¯é€‰å€¼è§ä¸‹è¡¨
to                |String        |-            |    æ–°é¡µé¢è·³è½¬åœ°å€ï¼Œå¦‚填写此属性，click ä¼šè¿”回页面是否跳转成功			
clickable        |Boolean    |false        |    æ˜¯å¦å¼€å¯ç‚¹å‡»åé¦ˆ
showSwitch        |Boolean    |false        |    æ˜¯å¦æ˜¾ç¤ºSwitch																			
switchChecked    |Boolean    |false        |    Switch是否被选中																			
showExtraIcon   |Boolean    |false        |    å·¦ä¾§æ˜¯å¦æ˜¾ç¤ºæ‰©å±•å›¾æ ‡																		
extraIcon        |Object        |-            |    æ‰©å±•å›¾æ ‡å‚数，格式为 ``{color: '#4cd964',size: '22',type: 'spinner'}``，参考 [uni-icons](https://ext.dcloud.net.cn/plugin?id=28)	
direction        | String    |row        |    æŽ’版方向，可选值，row:水平排列;  column:垂直排列; 3个插槽是水平排还是垂直排，也受此属性控制


#### Link Options

属性名                |    è¯´æ˜Ž
:-:                    |    :-:
navigateTo     |     åŒ uni.navigateTo()
redirectTo     |    åŒ uni.reLaunch()
reLaunch        |    åŒ uni.reLaunch()
switchTab      |    åŒ uni.switchTab()

### ListItem Events

事件称名            |说明                                    |返回参数			
:-:                |:-:                                    |:-:				
click            |点击 uniListItem è§¦å‘事件，需开启点击反馈    |-					
switchChange    |点击切换 Switch æ—¶è§¦å‘，需显示 switch        |e={value:checked}	



### ListItem Slots

名称         |    è¯´æ˜Ž					
:-:        |    :-:						
header    |    å·¦/上内容插槽，可完全自定义默认显示
body    |    ä¸­é—´å†…容插槽，可完全自定义中间内容				
footer    |    å³/下内容插槽，可完全自定义右侧内容		


> **通过插槽扩展**
> éœ€è¦æ³¨æ„çš„是当使用插槽时，内置样式将会失效，只保留排版样式，此时的样式需要开发者自己实现
> å¦‚æžœ    `uni-list-item` ç»„件内置属性样式无法满足需求，可以使用插槽来自定义uni-list-item里的内容。
> uni-list-item提供了3个可扩展的插槽：`header`、`body`、`footer`
> - å½“ `direction` å±žæ€§ä¸º `row` æ—¶è¡¨ç¤ºæ°´å¹³æŽ’列，此时 `header` è¡¨ç¤ºåˆ—表的左边部分，`body` è¡¨ç¤ºåˆ—表的中间部分，`footer` è¡¨ç¤ºåˆ—表的右边部分
> - å½“ `direction` å±žæ€§ä¸º `column` æ—¶è¡¨ç¤ºåž‚直排列，此时 `header` è¡¨ç¤ºåˆ—表的上边部分，`body` è¡¨ç¤ºåˆ—表的中间部分，`footer` è¡¨ç¤ºåˆ—表的下边部分
> å¼€å‘者可以只用1个插槽，也可以3个一起使用。在插槽中可自主编写view标签，实现自己所需的效果。

	
**示例**

```html
<uni-list>
    <uni-list-item title="自定义右侧插槽" note="列表描述信息" link>
        <template slot="header">
            <image class="slot-image" src="/static/logo.png" mode="widthFix"></image>
        </template>
    </uni-list-item>
    <uni-list-item>
        <!-- è‡ªå®šä¹‰ header -->
        <view slot="header" class="slot-box"><image class="slot-image" src="/static/logo.png" mode="widthFix"></image></view>
        <!-- è‡ªå®šä¹‰ body -->
        <text slot="body" class="slot-box slot-text">自定义插槽</text>
        <!-- è‡ªå®šä¹‰ footer-->
        <template slot="footer">
            <image class="slot-image" src="/static/logo.png" mode="widthFix"></image>
        </template>
    </uni-list-item>
</uni-list>
```





### ListItemChat Props

属性名            |类型        |默认值        |    è¯´æ˜Ž																		
:-:                |:-:        |:-:        |    :-:	
title             |String        |-            |    æ ‡é¢˜
note             |String        |-            |    æè¿°
clickable        |Boolean    |false        |    æ˜¯å¦å¼€å¯ç‚¹å‡»åé¦ˆ
badgeText        |String        |-            |    æ•°å­—角标内容，设置为 `dot` å°†æ˜¾ç¤ºåœ†ç‚¹
badgePositon     |String        |right        |    è§’标位置
link            |String     |navigateTo    |    æ˜¯å¦å±•ç¤ºå³ä¾§ç®­å¤´å¹¶å¼€å¯ç‚¹å‡»åé¦ˆï¼Œå¯é€‰å€¼è§ä¸‹è¡¨
clickable        |Boolean    |false        |    æ˜¯å¦å¼€å¯ç‚¹å‡»åé¦ˆ
to                |String        |-            |    è·³è½¬é¡µé¢åœ°å€ï¼Œå¦‚填写此属性，click ä¼šè¿”回页面是否跳转成功	
time            |String     |-            |    å³ä¾§æ—¶é—´æ˜¾ç¤º
avatarCircle     |Boolean     |false        |    æ˜¯å¦æ˜¾ç¤ºåœ†å½¢å¤´åƒ
avatar            |String     |-            |    å¤´åƒåœ°å€ï¼ŒavatarCircle ä¸å¡«æ—¶ç”Ÿæ•ˆ
avatarList         |Array         |-            |    å¤´åƒç»„，格式为 [{url:''}]

#### Link Options

属性名        |    è¯´æ˜Ž
:-:            |    :-:
navigateTo     |     åŒ uni.navigateTo()
redirectTo     |    åŒ uni.reLaunch()
reLaunch    |    åŒ uni.reLaunch()
switchTab      |    åŒ uni.switchTab()

### ListItemChat Slots

名称         |    è¯´æ˜Ž					
:-        |    :-						
default    |    è‡ªå®šä¹‰åˆ—表右侧内容（包括时间和角标显示）

### ListItemChat Events
事件称名            |    è¯´æ˜Ž                        |    è¿”回参数			
:-:                |    :-:                        |    :-:	
@click            |    ç‚¹å‡» uniListChat è§¦å‘事件    |    {data:{}}    ï¼Œå¦‚有 to å±žæ€§ï¼Œä¼šè¿”回页面跳转信息	






## åŸºäºŽuni-list扩展的页面模板

通过扩展插槽，可实现多种常见样式的列表

**新闻列表类**

1. äº‘端一体混合布局：[https://ext.dcloud.net.cn/plugin?id=2546](https://ext.dcloud.net.cn/plugin?id=2546)
2. äº‘端一体垂直布局，大图模式：[https://ext.dcloud.net.cn/plugin?id=2583](https://ext.dcloud.net.cn/plugin?id=2583)
3. äº‘端一体垂直布局，多行图文混排：[https://ext.dcloud.net.cn/plugin?id=2584](https://ext.dcloud.net.cn/plugin?id=2584)
4. äº‘端一体垂直布局，多图模式：[https://ext.dcloud.net.cn/plugin?id=2585](https://ext.dcloud.net.cn/plugin?id=2585)
5. äº‘端一体水平布局，左图右文：[https://ext.dcloud.net.cn/plugin?id=2586](https://ext.dcloud.net.cn/plugin?id=2586)
6. äº‘端一体水平布局，左文右图：[https://ext.dcloud.net.cn/plugin?id=2587](https://ext.dcloud.net.cn/plugin?id=2587)
7. äº‘端一体垂直布局，无图模式，主标题+副标题：[https://ext.dcloud.net.cn/plugin?id=2588](https://ext.dcloud.net.cn/plugin?id=2588)

**商品列表类**

1. äº‘端一体列表/宫格视图互切：[https://ext.dcloud.net.cn/plugin?id=2651](https://ext.dcloud.net.cn/plugin?id=2651)
2. äº‘端一体列表（宫格模式）：[https://ext.dcloud.net.cn/plugin?id=2671](https://ext.dcloud.net.cn/plugin?id=2671)
3. äº‘端一体列表（列表模式）：[https://ext.dcloud.net.cn/plugin?id=2672](https://ext.dcloud.net.cn/plugin?id=2672)

## ç»„件示例

点击查看：[https://hellouniapp.dcloud.net.cn/pages/extUI/list/list](https://hellouniapp.dcloud.net.cn/pages/extUI/list/list)

 uni_modules/uni-load-more/changelog.md

New file
@@ -0,0 +1,19 @@
## 1.3.3（2022-01-20）
- æ–°å¢ž showText属性 ï¼Œæ˜¯å¦æ˜¾ç¤ºæ–‡æœ¬
## 1.3.2（2022-01-19）
- ä¿®å¤ nvue å¹³å°ä¸‹ä¸æ˜¾ç¤ºæ–‡æœ¬çš„bug
## 1.3.1（2022-01-19）
- ä¿®å¤ å¾®ä¿¡å°ç¨‹åºå¹³å°æ ·å¼é€‰æ‹©å™¨æŠ¥è­¦å‘Šçš„问题
## 1.3.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-load-more](https://uniapp.dcloud.io/component/uniui/uni-load-more)
## 1.2.1（2021-08-24）
- æ–°å¢ž æ”¯æŒå›½é™…化
## 1.2.0（2021-07-30）
- ç»„件兼容 vue3，如何创建vue3项目，详见 [uni-app é¡¹ç›®æ”¯æŒ vue3 ä»‹ç»](https://ask.dcloud.net.cn/article/37834)
## 1.1.8（2021-05-12）
- æ–°å¢ž ç»„件示例地址
## 1.1.7（2021-03-30）
- ä¿®å¤ uni-load-more åœ¨é¦–页使用时，h5 å¹³å°æŠ¥ 'uni is not defined' çš„ bug
## 1.1.6（2021-02-05）
- è°ƒæ•´ä¸ºuni_modules目录规范

 uni_modules/uni-load-more/components/uni-load-more/i18n/en.json

New file
@@ -0,0 +1,5 @@
{
    "uni-load-more.contentdown": "Pull up to show more",
    "uni-load-more.contentrefresh": "loading...",
    "uni-load-more.contentnomore": "No more data"
}

 uni_modules/uni-load-more/components/uni-load-more/i18n/index.js

New file
@@ -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
}

 uni_modules/uni-load-more/components/uni-load-more/i18n/zh-Hans.json

New file
@@ -0,0 +1,5 @@
{
    "uni-load-more.contentdown": "上拉显示更多",
    "uni-load-more.contentrefresh": "正在加载...",
    "uni-load-more.contentnomore": "没有更多数据了"
}

 uni_modules/uni-load-more/components/uni-load-more/i18n/zh-Hant.json

New file
@@ -0,0 +1,5 @@
{
    "uni-load-more.contentdown": "上拉顯示更多",
    "uni-load-more.contentrefresh": "正在加載...",
    "uni-load-more.contentnomore": "沒有更多數據了"
}

 uni_modules/uni-load-more/components/uni-load-more/uni-load-more.vue

New file
@@ -0,0 +1,399 @@
<template>
    <view class="uni-load-more" @click="onClick">
        <!-- #ifdef APP-NVUE -->
        <loading-indicator v-if="!webviewHide && status === 'loading' && showIcon"
            :style="{color: color,width:iconSize+'px',height:iconSize+'px'}" :animating="true"
            class="uni-load-more__img uni-load-more__img--nvue"></loading-indicator>
        <!-- #endif -->
        <!-- #ifdef H5 -->
        <svg width="24" height="24" viewBox="25 25 50 50"
            v-if="!webviewHide && (iconType==='circle' || iconType==='auto' && platform === 'android') && status === 'loading' && showIcon"
            :style="{width:iconSize+'px',height:iconSize+'px'}"
            class="uni-load-more__img uni-load-more__img--android-H5">
            <circle cx="50" cy="50" r="20" fill="none" :style="{color:color}" :stroke-width="3"></circle>
        </svg>
        <!-- #endif -->
        <!-- #ifndef APP-NVUE || H5 -->
        <view
            v-if="!webviewHide && (iconType==='circle' || iconType==='auto' && platform === 'android') && status === 'loading' && showIcon"
            :style="{width:iconSize+'px',height:iconSize+'px'}"
            class="uni-load-more__img uni-load-more__img--android-MP">
            <view class="uni-load-more__img-icon" :style="{borderTopColor:color,borderTopWidth:iconSize/12}"></view>
            <view class="uni-load-more__img-icon" :style="{borderTopColor:color,borderTopWidth:iconSize/12}"></view>
            <view class="uni-load-more__img-icon" :style="{borderTopColor:color,borderTopWidth:iconSize/12}"></view>
        </view>
        <!-- #endif -->
        <!-- #ifndef APP-NVUE -->
        <view v-else-if="!webviewHide && status === 'loading' && showIcon"
            :style="{width:iconSize+'px',height:iconSize+'px'}" class="uni-load-more__img uni-load-more__img--ios-H5">
            <image :src="imgBase64" mode="widthFix"></image>
        </view>
        <!-- #endif -->
        <text v-if="showText" class="uni-load-more__text"
            :style="{color: color}">{{ status === 'more' ? contentdownText : status === 'loading' ? contentrefreshText : contentnomoreText }}</text>
    </view>
</template>

<script>
    let platform
    setTimeout(() => {
        platform = uni.getSystemInfoSync().platform
    }, 16)

    import {
        initVueI18n
    } from '@dcloudio/uni-i18n'
    import messages from './i18n/index.js'
    const {
        t
    } = initVueI18n(messages)

    /**
     * LoadMore åŠ è½½æ›´å¤š
     * @description ç”¨äºŽåˆ—表中，做滚动加载使用，展示 loading çš„各种状态
     * @tutorial https://ext.dcloud.net.cn/plugin?id=29
     * @property {String} status = [more|loading|noMore] loading çš„状态
     *     @value more loading前
     *     @value loading loading中
     *     @value noMore æ²¡æœ‰æ›´å¤šäº†
     * @property {Number} iconSize æŒ‡å®šå›¾æ ‡å¤§å°
     * @property {Boolean} iconSize = [true|false] æ˜¯å¦æ˜¾ç¤º loading å›¾æ ‡
     * @property {String} iconType = [snow|circle|auto] æŒ‡å®šå›¾æ ‡æ ·å¼
     *     @value snow ios雪花加载样式
     *     @value circle å®‰å“唤醒加载样式
     *     @value auto æ ¹æ®å¹³å°è‡ªåŠ¨é€‰æ‹©åŠ è½½æ ·å¼
     * @property {String} color å›¾æ ‡å’Œæ–‡å­—颜色
     * @property {Object} contentText å„状态文字说明，值为：{contentdown: "上拉显示更多",contentrefresh: "正在加载...",contentnomore: "没有更多数据了"}
     * @event {Function} clickLoadMore ç‚¹å‡»åŠ è½½æ›´å¤šæ—¶è§¦å‘
     */
    export default {
        name: 'UniLoadMore',
        emits: ['clickLoadMore'],
        props: {
            status: {
                // ä¸Šæ‹‰çš„状态：more-loading前；loading-loading中；noMore-没有更多了
                type: String,
                default: 'more'
            },
            showIcon: {
                type: Boolean,
                default: true
            },
            iconType: {
                type: String,
                default: 'auto'
            },
            iconSize: {
                type: Number,
                default: 24
            },
            color: {
                type: String,
                default: '#777777'
            },
            contentText: {
                type: Object,
                default () {
                    return {
                        contentdown: '',
                        contentrefresh: '',
                        contentnomore: ''
                    }
                }
            },
            showText: {
                type: Boolean,
                default: true
            }
        },
        data() {
            return {
                webviewHide: false,
                platform: platform,
                imgBase64: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzlBMzU3OTlEOUM0MTFFOUI0NTZDNERBQURBQzI4RkUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzlBMzU3OUFEOUM0MTFFOUI0NTZDNERBQURBQzI4RkUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDOUEzNTc5N0Q5QzQxMUU5QjQ1NkM0REFBREFDMjhGRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDOUEzNTc5OEQ5QzQxMUU5QjQ1NkM0REFBREFDMjhGRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pt+ALSwAAA6CSURBVHja1FsLkFZVHb98LM+F5bHL8khA1iSeiyQBCRM+YGqKUnnJTDLGI0BGZlKDIU2MMglUiDApEZvSsZnQtBRJtKwQNKQMFYeRDR10WOLd8ljYXdh+v8v5fR3Od+797t1dnOnO/Ofce77z+J//+b/P+ZqtXbs2sJ9MJhNUV1cHJ06cCJo3bx7EPc2aNcvpy7pWrVoF+/fvDyoqKoI2bdoE9fX1F7TjN8a+EXBn/fkfvw942Tf+wYMHg9mzZwfjxo0LDhw4EPa1x2MbFw/fOGfPng1qa2tzcCkILsLDydq2bRsunpOTMM7TD/W/tZDZhPdeKD+yGxHhdu3aBV27dg3OnDlzMVANMheLAO3btw8KCwuDmpoaX5OxbgUIMEq7K8IcPnw4KCsrC/r37x8cP378/4cAXAB3vqSkJMuiDhTkw+XcuXNhOWbMmKBly5YhUT8xArhyFvP0BfwRsAuwxJZJsm/nzp2DTp06he/OU+cZ64K6o0ePBkOHDg2GDx8e6gEbJ5Q/NHNuAJQ1hgBeHUDlR7nVTkY8rQAvAi4z34vR/mPs1FoRsaCgIJThI0eOBC1atEiFGGV+5MiRoS45efJkqFjJFXV1dQuA012m2WcwTw98fy6CqBdsaiIO4CScrGPHjvk4odhavPquRtFWXEC25VgkREKOCh/qDSq+vn37htzD/mZTOmOc5U7zKzBPEedygWshcDyWvs30igAbU+6oyMgJBCFhwQE0fccxN60Ay9iebbjoDh06hMowjQxT4fXq1SskArmHZpkArvixp/kWzHdMeArExSJEaiXIjjRjRJ4DaAGWpibLzXN3Fm1vA5teBgh3j1Rv3bp1YgKwPdmf2p9zcyNYYgPKMfY0T5f5nNYdw158nJ8QawW4CLKwiOBSEgO/hok2eBydR+3dYH+PLxA5J8Vv0KBBwenTp0P2JWAx6+yFEBfs8lMY+y0SWMBNI9E4ThKi58VKTg3FQZS1RQF1cz27eC0QHMu+3E0SkUowjhVt5VdaWhp07949ZHv2Qd1EjDXM2cla1M0nl3GxAs3J9yREzyTdFVKVFOaE9qRA8GM0WebRuo9JGZKA7Mv2SeS/Z8+eoQ9BArMfFrLGo6jvxbhHbJZnKX2Rzz1O7QhJJ9Cs2ZMaWIyq/zhdeqPNfIoHd58clIQD+JSXl4dKlyIAuBdVXZwFVWKspSSoxE++h8x4k3uCnEhE4I5KwRiFWGOU0QWKiCYLbdoRMRKAu2kQ9vkfLU6dOhX06NEjlH+yMRZSinnuyWnYosVcji8CEA/6Cg2JF+IIUBqnGKUTCNwtwBN4f89RiK1R96DEgO2o0NDmtEdvVFdVVYV+P3UAPUEs6GFwV3PHmXkD4vh74iDFJysVI/MlaQhwKeBNTLYX5VuA8T4/gZxA4MRGFxDB6R7OmYPfyykGRJbyie+XnGYnQIC/coH9+vULiYrxrkL9ZA9+0ykaHIfEpM7ge8TiJ2CsHYwyMfafAF1yCGBHYIbCVDjDjKt7BeB51D+LgQa6OkG7IDYEEtvQ7lnXLKLtLdLuJBpE4gPUXcW2+PkZwOex+4cGDhwYDBkyRL7/HFcEwUGPo/8uWRUpYnfxGHco8HkewLHLyYmAawAPuIFZxhOpDfJQ8gbUv41yORAptMWBNr6oqMhWird5+u+iHmBb2nhjDV7HWBNQTgK8y11l5NetWzc5ULscAtSj7nbNI0skhWeUZCc0W4nyH/jO4Vz0u1IeYhbk4AiwM6tjxIWByHsoZ9qcIBPJd/y+DwPfBESOmCa/QF3WiZHucLlEDpNxcNhmheEOPgdQNx6/VZFQzFZ5TN08AHXQt2Ii3EdyFuUsPtTcGPhW5iMiCNELvz+Gdn9huG4HUJaW/w3g0wxV0XaG7arG2WeKiUWYM4Y7GO5ezshTARbbWGw/DvXkpp/ivVvE0JVoMxN4rpGzJMhE5Pl+xlATsDIqikP9F9D2z3h9nOksEUFhK+qO4rcPkoalMQ/HqJLIyb3F3JdjrCcw1yZ8joyJLR5gCo54etlag7qIoeNh1N1BRYj3DTFJ0elotxPlVzkGuYAmL0VSJVGAJA41c4Z6A3BzTLfn0HYwYKEI6CUAMzZEWvLsIcQOo1AmmyyM72nHJCfYsogflGV6jEk9vyQZXSuq6w4c16NsGcGZbwOPr+H1RkOk2LEzjNepxQkihHSCQ4ynAYNRx2zMKV92CQMWqj8J0BRE8EShxRFN6YrfCRhC0x3r/Zm4IbQCcmJoV0kMamllccR6FjHqUC5F2R/wS2dcymOlfAKOS4KmzQb5cpNC2MC7JhVn5wjXoJ44rYhLh8n0eXOCorJxa7POjbSlCGVczr34/RsAmrcvo9s+wGp3tzVhntxiXiJ4nvEYb4FJkf0O8HocAePmLvCxnL0AORraVekJk6TYjDabRVXfRE2lCN1h6ZQRN1+InUbsCpKwoBZHh0dODN9JBCUffItXxEavTQkUtnfTVAplCWL3JISz29h4NjotnuSsQKJCk8dF+kJR6RARjrqFVmfPnj3ZbK8cIJ0msd6jgHPGtfVTQ8VLmlvh4mct9sobRmPic0DyDQQnx/NlfYUgyz59+oScsH379pAwXABD32nTpoUHIToESeI5mnbE/UqDdyLcafEBf2MCqgC7NwxIbMREJQ0g4D4sfJwnD+AmRrII05cfMWJE+L1169bQr+fip06dGp4oJ83lmYd5wj/EmMa4TaHivo4EeCguYZBnkB5g2aWA69OIEnUHOaGysjIYMGBAMGnSpODYsWPZwCpFmm4lNq+4gSLQA7jcX8DwtjEyRC8wjabnXEx9kfWnTJkSJkAo90xpJVV+FmcVNeYAF5zWngS4C4O91MBxmAv8blLEpbjI5sz9MTdAhcgkCT1RO8mZkAjfiYpTEvStAS53Uw1vAiUGgZ3GpuQEYvoiBqlIan7kSDHnTwJQFNiPu0+5VxCVYhcZIjNrdXUDdp+Eq5AZ3Gkg8QAyVZRZIk4Tl4QAbF9cXJxNYZMAtAokgs4BrNxEpCtteXg7DDTMDKYNSuQdKsnJBek7HxewvxaosWxLYXtw+cJp18217wql4aKCfBNoEu0O5VU+PhctJ0YeXD4C6JQpyrlpSLTojpGGGN5YwNziChdIZLk4lvLcFJ9jMX3QdiImY9bmGQU+TRUL5CHITTRlgF8D9ouD1MfmLoEPl5xokIumZ2cfgMpHt47IW9N64Hsh7wQYYjyIugWuF5fCqYncXRd5vPMWyizzvhi/32+nvG0dZc9vR6fZOu0md5e+uC408FvKSIOZwXlGvxPv95izA2Vtvg1xKFWARI+vMX66HUhpQQb643uW1bSjuTWyw2SBvDrBvjFic1eGGlz5esq3ko9uSIlBRqPuFcCv8F4WIcN12nVaBd0SaYwI6PDDImR11JkqgHcPmQssjxIn6bUshygDFJUTxPMpHk+jfjPgupgdnYV2R/g7xSjtpah8RJBewhwf0gGK6XI92u4wXFEU40afJ4DN4h5LcAd+40HI3JgJecuT0c062W0i2hQJUTcxan3/CMW1PF2K6bbA+Daz4xRs1D3Br1Cm0OihKCqizW78/nXAF/G5TXrEcVzaNMH6CyMswqsAHqDyDLEyou8lwOXnKF8DjI6KjV3KzMBiXkDH8ij/H214J5A596ekrZ3F0zXlWeL7+P5eUrNo3/QwC15uxthuzidy7DzKRwEDaAViiDgKbTbz7CJnzo0bN7pIfIiid8SuPwn25o3QCmpnyjlZkyxPP8EomCJzrGb7GJMx7tNsq4MT2xMUYaiErZOluTzKsnz3gwCeCZyVRZJfYplNEokEjwrPtxlxjeYAk+F1F74VAzPxQRNYYdtpOUvWs8J1sGhBJMNsb7igN8plJs1eSmLIhLKE4rvaCX27gOhLpLOsIzJ7qn/i+wZzcvSOZ23/du8TZjwV8zHIXoP4R3ifBxiFz1dcVpa3aPntPE+c6TmIWE9EtcMmAcPdWAhYhAXxcLOQi9L1WhD1Sc8p1d2oL7XGiRKp8F4A2i8K/nfI+y/gsTDJ/YC/8+AD5Uh04KHiGl+cIFPnBDDrPMjwRGkLXyxO4VGbfQWnDH2v0bVWE3C9QOXlepbgjEfIJQI6XDG3z5ahD9cw2pS78ipB85wyScNTvsVzlzzhL8/jRrnmVjfFJK/m3m4nj9vbgQTguT8XZTjsm672R5uJKEaQmBI/c58gyus8ZDagLpEVSJBIyHp4jn++xqPV71OgQgJYEWOtZ/haxRtKmWOBu8xdBLftWltsY84zE6WIEy/eIOWL+BaayMx+KHtL7EAkqdNDLiEXmEMUHniedtJqg9HmZtfvt26vNi0BdG3Ft3g8ZOf7PAu59TxtzivLNIekyi+wD1i8CuUiD9FXAa8C+/xS3JPmZnomyc7H+fb4/Se0bk41Fel621r4cgVxbq91V4jVqwB7HTe2M7jgB+QWHavZkDRPmZcASoZEmBx6i75bGjPcMdL4/VKGFAGWZkGzPG0XAbdL9A81G5LOmUnC9hHKJeO7dcUMjblSl12867ElFTtaGl20xvvLGPdVz/8TVuU7y0x1PG7vtNg24oz9Uo/Z412++VFWI7Fcog9tu9Lm6gvRmIPv9x1xmQAu6RDkXtbOtlGEmpgD5Nvnyc0dcv0EE6cfdi1HmhMf9wDF3k3gtRvEedhxjpgfqPb9PU9iEJHnyOUA7bQUXh6kq/D7l2iTjWv7XOD530BDr8jIrus+srXjt4MzumJMHuTsBa63YKE1+RR5lBjEikCCnWKWiHdzOgKO+nRIBAF88za/IFmJ3eMZov4CYxGBabcpGL8EYx+SeMXJeRwHNsV/h+vdxeuhEpN3ZyNY78Gm2fknJxVGhyjixPiQvVkNzT1elD9Py/aTAL64Hb9vcYmC9zfdXdT/C1LeGbg4rnBaAihDFJH12W5ulfNCNe/xTsP3bp8ikzJs5BF+5PNfAQYAPaseTdsEcaYAAAAASUVORK5CYII='
            }
        },
        computed: {
            iconSnowWidth() {
                return (Math.floor(this.iconSize / 24) || 1) * 2
            },
            contentdownText() {
                return this.contentText.contentdown || t("uni-load-more.contentdown")
            },
            contentrefreshText() {
                return this.contentText.contentrefresh || t("uni-load-more.contentrefresh")
            },
            contentnomoreText() {
                return this.contentText.contentnomore || t("uni-load-more.contentnomore")
            }
        },
        mounted() {
            // #ifdef APP-PLUS
            var pages = getCurrentPages();
            var page = pages[pages.length - 1];
            var currentWebview = page.$getAppWebview();
            currentWebview.addEventListener('hide', () => {
                this.webviewHide = true
            })
            currentWebview.addEventListener('show', () => {
                this.webviewHide = false
            })
            // #endif
        },
        methods: {
            onClick() {
                this.$emit('clickLoadMore', {
                    detail: {
                        status: this.status,
                    }
                })
            }
        }
    }
</script>

<style lang="scss" >
    .uni-load-more {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: row;
        height: 40px;
        align-items: center;
        justify-content: center;
    }

    .uni-load-more__text {
        font-size: 14px;
        margin-left: 8px;
    }

    .uni-load-more__img {
        width: 24px;
        height: 24px;
        // margin-right: 8px;
    }

    .uni-load-more__img--nvue {
        color: #666666;
    }

    .uni-load-more__img--android,
    .uni-load-more__img--ios {
        width: 24px;
        height: 24px;
        transform: rotate(0deg);
    }

    /* #ifndef APP-NVUE */
    .uni-load-more__img--android {
        animation: loading-ios 1s 0s linear infinite;
    }

    @keyframes loading-android {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    .uni-load-more__img--ios-H5 {
        position: relative;
        animation: loading-ios-H5 1s 0s step-end infinite;
    }

    .uni-load-more__img--ios-H5 image {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

    @keyframes loading-ios-H5 {
        0% {
            transform: rotate(0deg);
        }

        8% {
            transform: rotate(30deg);
        }

        16% {
            transform: rotate(60deg);
        }

        24% {
            transform: rotate(90deg);
        }

        32% {
            transform: rotate(120deg);
        }

        40% {
            transform: rotate(150deg);
        }

        48% {
            transform: rotate(180deg);
        }

        56% {
            transform: rotate(210deg);
        }

        64% {
            transform: rotate(240deg);
        }

        73% {
            transform: rotate(270deg);
        }

        82% {
            transform: rotate(300deg);
        }

        91% {
            transform: rotate(330deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    /* #endif */

    /* #ifdef H5 */
    .uni-load-more__img--android-H5 {
        animation: loading-android-H5-rotate 2s linear infinite;
        transform-origin: center center;
    }

    .uni-load-more__img--android-H5 circle {
        display: inline-block;
        animation: loading-android-H5-dash 1.5s ease-in-out infinite;
        stroke: currentColor;
        stroke-linecap: round;
    }

    @keyframes loading-android-H5-rotate {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    @keyframes loading-android-H5-dash {
        0% {
            stroke-dasharray: 1, 200;
            stroke-dashoffset: 0;
        }

        50% {
            stroke-dasharray: 90, 150;
            stroke-dashoffset: -40;
        }

        100% {
            stroke-dasharray: 90, 150;
            stroke-dashoffset: -120;
        }
    }

    /* #endif */

    /* #ifndef APP-NVUE || H5 */
    .uni-load-more__img--android-MP {
        position: relative;
        width: 24px;
        height: 24px;
        transform: rotate(0deg);
        animation: loading-ios 1s 0s ease infinite;
    }

    .uni-load-more__img--android-MP .uni-load-more__img-icon {
        position: absolute;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: solid 2px transparent;
        border-top: solid 2px #777777;
        transform-origin: center;
    }

    .uni-load-more__img--android-MP .uni-load-more__img-icon:nth-child(1) {
        animation: loading-android-MP-1 1s 0s linear infinite;
    }

    .uni-load-more__img--android-MP .uni-load-more__img-icon:nth-child(2) {
        animation: loading-android-MP-2 1s 0s linear infinite;
    }

    .uni-load-more__img--android-MP .uni-load-more__img-icon:nth-child(3) {
        animation: loading-android-MP-3 1s 0s linear infinite;
    }

    @keyframes loading-android {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    @keyframes loading-android-MP-1 {
        0% {
            transform: rotate(0deg);
        }

        50% {
            transform: rotate(90deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    @keyframes loading-android-MP-2 {
        0% {
            transform: rotate(0deg);
        }

        50% {
            transform: rotate(180deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    @keyframes loading-android-MP-3 {
        0% {
            transform: rotate(0deg);
        }

        50% {
            transform: rotate(270deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    /* #endif */
</style>

 uni_modules/uni-load-more/package.json

New file
@@ -0,0 +1,86 @@
{
  "id": "uni-load-more",
  "displayName": "uni-load-more åŠ è½½æ›´å¤š",
  "version": "1.3.3",
  "description": "LoadMore ç»„件，常用在列表里面，做滚动加载使用。",
  "keywords": [
    "uni-ui",
    "uniui",
    "加载更多",
    "load-more"
],
  "repository": "https://github.com/dcloudio/uni-ui",
  "engines": {
    "HBuilderX": ""
  },
  "directories": {
    "example": "../../temps/example_temps"
  },
  "dcloudext": {
    "category": [
      "前端组件",
      "通用组件"
    ],
    "sale": {
      "regular": {
        "price": "0.00"
      },
      "sourcecode": {
        "price": "0.00"
      }
    },
    "contact": {
      "qq": ""
    },
    "declaration": {
      "ads": "无",
      "data": "无",
      "permissions": "无"
    },
    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
  },
  "uni_modules": {
    "dependencies": ["uni-scss"],
    "encrypt": [],
    "platforms": {
      "cloud": {
        "tcb": "y",
        "aliyun": "y"
      },
      "client": {
        "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"
        },
        "快应用": {
          "华为": "u",
          "联盟": "u"
        },
        "Vue": {
            "vue2": "y",
            "vue3": "y"
        }
      }
    }
  }
}

 uni_modules/uni-load-more/readme.md

New file
@@ -0,0 +1,14 @@


### LoadMore åŠ è½½æ›´å¤š
> **组件名：uni-load-more**
> ä»£ç å—： `uLoadMore`


用于列表中，做滚动加载使用，展示 loading çš„各种状态。


### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-load-more)
#### å¦‚使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui äº¤æµç¾¤ï¼š871950839 



 uni_modules/uni-nav-bar/changelog.md

New file
@@ -0,0 +1,37 @@
## 1.3.4（2022-01-24）
- æ›´æ–° ç»„件示例
## 1.3.3（2022-01-24）
- æ–°å¢ž left-width/right-width属性 ï¼Œå¯ä¿®æ”¹å·¦å³ä¸¤ä¾§çš„宽度
## 1.3.2（2022-01-18）
- ä¿®å¤ åœ¨vue下，标题不垂直居中的bug
## 1.3.1（2022-01-18）
- ä¿®å¤ height å±žæ€§ç±»åž‹é”™è¯¯
## 1.3.0（2022-01-18）
- æ–°å¢ž height å±žæ€§,可修改组件高度
- æ–°å¢ž dark å±žæ€§å¯å¯å¼€å¯æš—黑模式
- ä¼˜åŒ– æ ‡é¢˜å­—数过多显示省略号
- ä¼˜åŒ– æ’槽，插入内容可完全覆盖
## 1.2.1（2022-01-10）
- ä¿®å¤ color å±žæ€§ä¸ç”Ÿæ•ˆçš„bug
## 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-nav-bar](https://uniapp.dcloud.io/component/uniui/uni-nav-bar)
## 1.1.0（2021-07-30）
- ç»„件兼容 vue3，如何创建vue3项目，详见 [uni-app é¡¹ç›®æ”¯æŒ vue3 ä»‹ç»](https://ask.dcloud.net.cn/article/37834)
## 1.0.11（2021-05-12）
- æ–°å¢ž ç»„件示例地址
## 1.0.10（2021-04-30）
- ä¿®å¤ åœ¨nvue下fixed为true，宽度不能撑满的Bug
## 1.0.9（2021-04-21）
- ä¼˜åŒ– æ·»åŠ ä¾èµ– uni-icons, å¯¼å…¥åŽè‡ªåŠ¨ä¸‹è½½ä¾èµ–
## 1.0.8（2021-04-14）
- uni-ui ä¿®å¤ uni-nav-bar å½“ fixed å±žæ€§ä¸º true æ—¶é“ºä¸æ»¡å±å¹•çš„ bug

## 1.0.7（2021-02-25）
- ä¿®å¤ easycom ä¸‹ï¼Œæ‰¾ä¸åˆ° uni-status-bar çš„bug

## 1.0.6（2021-02-05）
- ä¼˜åŒ– ç»„件引用关系，通过uni_modules引用组件

## 1.0.5（2021-02-05）
- è°ƒæ•´ä¸ºuni_modules目录规范

 uni_modules/uni-nav-bar/components/uni-nav-bar/uni-nav-bar.vue

New file
@@ -0,0 +1,343 @@
<template>
    <view class="uni-navbar" :class="{'uni-dark':dark}">
        <view :class="{ 'uni-navbar--fixed': fixed, 'uni-navbar--shadow': shadow, 'uni-navbar--border': border }"
            :style="{ 'background-color': themeBgColor }" class="uni-navbar__content">
            <status-bar v-if="statusBar" />
            <view :style="{ color: themeColor,backgroundColor: themeBgColor ,height:navbarHeight}"
                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">
                            <uni-icons :color="themeColor" :type="leftIcon" size="20" />
                        </view>
                        <view :class="{ 'uni-navbar-btn-icon-left': !leftIcon.length > 0 }" class="uni-navbar-btn-text"
                            v-if="leftText.length">
                            <text :style="{ color: themeColor, fontSize: '12px' }">{{ leftText }}</text>
                        </view>
                    </slot>
                </view>
                <view class="uni-navbar__header-container " @tap="onClickTitle">
                    <slot>
                        <view class="uni-navbar__header-container-inner" v-if="title.length>0">
                            <text class="uni-nav-bar-text uni-ellipsis-1"
                                :style="{color: themeColor }">{{ title }}</text>
                        </view>
                    </slot>
                </view>
                <view @click="onClickRight" class="uni-navbar__header-btns uni-navbar__header-btns-right"
                    :style="{width:rightIconWidth}">
                    <slot name="right">
                        <view v-if="rightIcon.length">
                            <uni-icons :color="themeColor" :type="rightIcon" size="22" />
                        </view>
                        <view class="uni-navbar-btn-text" v-if="rightText.length && !rightIcon.length">
                            <text class="uni-nav-bar-right-text" :style="{ color: themeColor}">{{ rightText }}</text>
                        </view>
                    </slot>
                </view>
            </view>
        </view>
        <view class="uni-navbar__placeholder" v-if="fixed">
            <status-bar v-if="statusBar" />
            <view class="uni-navbar__placeholder-view" :style="{ height:navbarHeight}" />
        </view>
    </view>
</template>

<script>
    import statusBar from "./uni-status-bar.vue";
    const getVal = (val) => typeof val === 'number' ? val + 'px' : val;

    /**
     * NavBar è‡ªå®šä¹‰å¯¼èˆªæ 
     * @description å¯¼èˆªæ ç»„件，主要用于头部导航
     * @tutorial https://ext.dcloud.net.cn/plugin?id=52
     * @property {Boolean} dark å¼€å¯é»‘暗模式
     * @property {String} title æ ‡é¢˜æ–‡å­—
     * @property {String} leftText å·¦ä¾§æŒ‰é’®æ–‡æœ¬
     * @property {String} rightText å³ä¾§æŒ‰é’®æ–‡æœ¬
     * @property {String} leftIcon å·¦ä¾§æŒ‰é’®å›¾æ ‡ï¼ˆå›¾æ ‡ç±»åž‹å‚考 [Icon å›¾æ ‡](http://ext.dcloud.net.cn/plugin?id=28) type å±žæ€§ï¼‰
     * @property {String} rightIcon å³ä¾§æŒ‰é’®å›¾æ ‡ï¼ˆå›¾æ ‡ç±»åž‹å‚考 [Icon å›¾æ ‡](http://ext.dcloud.net.cn/plugin?id=28) type å±žæ€§ï¼‰
     * @property {String} color å›¾æ ‡å’Œæ–‡å­—颜色
     * @property {String} backgroundColor å¯¼èˆªæ èƒŒæ™¯é¢œè‰²
     * @property {Boolean} fixed = [true|false] æ˜¯å¦å›ºå®šé¡¶éƒ¨
     * @property {Boolean} statusBar = [true|false] æ˜¯å¦åŒ…含状态栏
     * @property {Boolean} shadow = [true|false] å¯¼èˆªæ ä¸‹æ˜¯å¦æœ‰é˜´å½±
     * @event {Function} clickLeft å·¦ä¾§æŒ‰é’®ç‚¹å‡»æ—¶è§¦å‘
     * @event {Function} clickRight å³ä¾§æŒ‰é’®ç‚¹å‡»æ—¶è§¦å‘
     * @event {Function} clickTitle ä¸­é—´æ ‡é¢˜ç‚¹å‡»æ—¶è§¦å‘
     */
    export default {
        name: "UniNavBar",
        components: {
            statusBar
        },
        emits: ['clickLeft', 'clickRight', 'clickTitle'],
        props: {
            dark: {
                type: Boolean,
                default: false
            },
            title: {
                type: String,
                default: ""
            },
            leftText: {
                type: String,
                default: ""
            },
            rightText: {
                type: String,
                default: ""
            },
            leftIcon: {
                type: String,
                default: ""
            },
            rightIcon: {
                type: String,
                default: ""
            },
            fixed: {
                type: [Boolean, String],
                default: false
            },
            color: {
                type: String,
                default: ""
            },
            backgroundColor: {
                type: String,
                default: ""
            },
            statusBar: {
                type: [Boolean, String],
                default: false
            },
            shadow: {
                type: [Boolean, String],
                default: false
            },
            border: {
                type: [Boolean, String],
                default: true
            },
            height: {
                type: [Number, String],
                default: 44
            },
            leftWidth: {
                type: [Number, String],
                default: 60
            },
            rightWidth: {
                type: [Number, String],
                default: 60
            },
        },
        computed: {
            themeBgColor() {
                if (this.dark) {
                    // é»˜è®¤å€¼
                    if (this.backgroundColor) {
                        return this.backgroundColor
                    } else {
                        return this.dark ? '#333' : '#FFF'
                    }
                }
                return this.backgroundColor || '#FFF'
            },
            themeColor() {
                if (this.dark) {
                    // é»˜è®¤å€¼
                    if (this.color) {
                        return this.color
                    } else {
                        return this.dark ? '#fff' : '#333'
                    }
                }
                return this.color || '#333'
            },
            navbarHeight() {
                return getVal(this.height)
            },
            leftIconWidth() {
                return getVal(this.leftWidth)
            },
            rightIconWidth() {
                return getVal(this.rightWidth)
            }
        },
        mounted() {
            if (uni.report && this.title !== '') {
                uni.report('title', this.title)
            }
        },
        methods: {
            onClickLeft() {
                this.$emit("clickLeft");
            },
            onClickRight() {
                this.$emit("clickRight");
            },
            onClickTitle() {
                this.$emit("clickTitle");
            }
        }
    };
</script>

<style lang="scss" scoped>
    $nav-height: 44px;

    .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: $nav-height;
    }

    .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>

 uni_modules/uni-nav-bar/components/uni-nav-bar/uni-status-bar.vue

New file
@@ -0,0 +1,27 @@
<template>
    <view :style="{ height: statusBarHeight }" class="uni-status-bar">
        <slot />
    </view>
</template>

<script>
    export default {
        name: 'UniStatusBar',
        data() {
            return {
                statusBarHeight: 20
            }
        },
        mounted() {
            this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 'px'
        }
    }
</script>

<style lang="scss" >
    .uni-status-bar {
        // width: 750rpx;
        height: 20px;
        // height: var(--status-bar-height);
    }
</style>

 uni_modules/uni-nav-bar/package.json

New file
@@ -0,0 +1,89 @@
{
  "id": "uni-nav-bar",
  "displayName": "uni-nav-bar è‡ªå®šä¹‰å¯¼èˆªæ ",
  "version": "1.3.4",
  "description": "自定义导航栏组件，主要用于头部导航。",
  "keywords": [
    "uni-ui",
    "导航",
    "导航栏",
    "自定义导航栏"
],
  "repository": "https://github.com/dcloudio/uni-ui",
  "engines": {
    "HBuilderX": ""
  },
  "directories": {
    "example": "../../temps/example_temps"
  },
  "dcloudext": {
    "category": [
      "前端组件",
      "通用组件"
    ],
    "sale": {
      "regular": {
        "price": "0.00"
      },
      "sourcecode": {
        "price": "0.00"
      }
    },
    "contact": {
      "qq": ""
    },
    "declaration": {
      "ads": "无",
      "data": "无",
      "permissions": "无"
    },
    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
  },
  "uni_modules": {
    "dependencies": [
            "uni-scss",
            "uni-icons"
        ],
    "encrypt": [],
    "platforms": {
      "cloud": {
        "tcb": "y",
        "aliyun": "y"
      },
      "client": {
        "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"
        },
        "快应用": {
          "华为": "u",
          "联盟": "u"
        },
        "Vue": {
            "vue2": "y",
            "vue3": "y"
        }
      }
    }
  }
}

 uni_modules/uni-nav-bar/readme.md

New file
@@ -0,0 +1,15 @@


## NavBar å¯¼èˆªæ 
> **组件名：uni-nav-bar**
> ä»£ç å—： `uNavBar`

导航栏组件，主要用于头部导航。

### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-nav-bar)
#### å¦‚使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui äº¤æµç¾¤ï¼š871950839 






 uni_modules/uni-notice-bar/changelog.md

New file
@@ -0,0 +1,16 @@
## 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目录规范

 uni_modules/uni-notice-bar/components/uni-notice-bar/uni-notice-bar.vue

New file
@@ -0,0 +1,395 @@
<template>
    <view v-if="show" class="uni-noticebar" :style="{ backgroundColor: backgroundColor }" @click="onClick">
        <uni-icons v-if="showIcon === true || showIcon === 'true'" class="uni-noticebar-icon" type="sound"
            :color="color" size="22" />
        <view ref="textBox" class="uni-noticebar__content-wrapper"
            :class="{'uni-noticebar__content-wrapper--scrollable':scrollable, 'uni-noticebar__content-wrapper--single':!scrollable && (single || moreText)}">
            <view :id="elIdBox" class="uni-noticebar__content"
                :class="{'uni-noticebar__content--scrollable':scrollable, 'uni-noticebar__content--single':!scrollable && (single || moreText)}">
                <text :id="elId" ref="animationEle" class="uni-noticebar__content-text"
                    :class="{'uni-noticebar__content-text--scrollable':scrollable,'uni-noticebar__content-text--single':!scrollable && (single || showGetMore)}"
                    :style="{color:color, width:wrapWidth+'px', 'animationDuration': animationDuration, '-webkit-animationDuration': animationDuration ,animationPlayState: webviewHide?'paused':animationPlayState,'-webkit-animationPlayState':webviewHide?'paused':animationPlayState, animationDelay: animationDelay, '-webkit-animationDelay':animationDelay}">{{text}}</text>
            </view>
        </view>
        <view v-if="showGetMore === true || showGetMore === 'true'" class="uni-noticebar__more uni-cursor-point"
            @click="clickMore">
            <text v-if="moreText.length > 0" :style="{ color: moreColor }" class="uni-noticebar__more-text">{{ moreText }}</text>
            <uni-icons v-else type="right" :color="moreColor" size="16" />
        </view>
        <view class="uni-noticebar-close uni-cursor-point" v-if="(showClose === true || showClose === 'true') && (showGetMore === false || showGetMore === 'false')">
            <uni-icons
                type="closeempty" :color="color" size="16" @click="close" />
        </view>
    </view>
</template>

<script>
    // #ifdef APP-NVUE
    const dom = weex.requireModule('dom');
    const animation = weex.requireModule('animation');
    // #endif

    /**
     * NoticeBar è‡ªå®šä¹‰å¯¼èˆªæ 
     * @description é€šå‘Šæ ç»„件
     * @tutorial https://ext.dcloud.net.cn/plugin?id=30
     * @property {Number} speed æ–‡å­—滚动的速度，默认100px/秒
     * @property {String} text æ˜¾ç¤ºæ–‡å­—
     * @property {String} backgroundColor èƒŒæ™¯é¢œè‰²
     * @property {String} color æ–‡å­—颜色
     * @property {String} moreColor æŸ¥çœ‹æ›´å¤šæ–‡å­—的颜色
     * @property {String} moreText è®¾ç½®â€œæŸ¥çœ‹æ›´å¤šâ€çš„文本
     * @property {Boolean} single = [true|false] æ˜¯å¦å•è¡Œ
     * @property {Boolean} scrollable = [true|false] æ˜¯å¦æ»šåŠ¨ï¼Œä¸ºtrue时，NoticeBar为单行
     * @property {Boolean} showIcon = [true|false] æ˜¯å¦æ˜¾ç¤ºå·¦ä¾§å–‡å­å›¾æ ‡
     * @property {Boolean} showClose = [true|false] æ˜¯å¦æ˜¾ç¤ºå·¦ä¾§å…³é—­æŒ‰é’®
     * @property {Boolean} showGetMore = [true|false] æ˜¯å¦æ˜¾ç¤ºå³ä¾§æŸ¥çœ‹æ›´å¤šå›¾æ ‡ï¼Œä¸ºtrue时，NoticeBar为单行
     * @event {Function} click ç‚¹å‡» NoticeBar è§¦å‘事件
     * @event {Function} close å…³é—­ NoticeBar è§¦å‘事件
     * @event {Function} getmore ç‚¹å‡»â€æŸ¥çœ‹æ›´å¤šâ€œæ—¶è§¦å‘事件
     */

    export default {
        name: 'UniNoticeBar',
        emits: ['click', 'getmore', 'close'],
        props: {
            text: {
                type: String,
                default: ''
            },
            moreText: {
                type: String,
                default: ''
            },
            backgroundColor: {
                type: String,
                default: '#FFF9EA'
            },
            speed: {
                // é»˜è®¤1s滚动100px
                type: Number,
                default: 100
            },
            color: {
                type: String,
                default: '#FF9A43'
            },
            moreColor: {
                type: String,
                default: '#FF9A43'
            },
            single: {
                // æ˜¯å¦å•è¡Œ
                type: [Boolean, String],
                default: false
            },
            scrollable: {
                // æ˜¯å¦æ»šåŠ¨ï¼Œæ·»åŠ åŽæŽ§åˆ¶å•è¡Œæ•ˆæžœå–消
                type: [Boolean, String],
                default: false
            },
            showIcon: {
                // æ˜¯å¦æ˜¾ç¤ºå·¦ä¾§icon
                type: [Boolean, String],
                default: false
            },
            showGetMore: {
                // æ˜¯å¦æ˜¾ç¤ºå³ä¾§æŸ¥çœ‹æ›´å¤š
                type: [Boolean, String],
                default: false
            },
            showClose: {
                // æ˜¯å¦æ˜¾ç¤ºå·¦ä¾§å…³é—­æŒ‰é’®
                type: [Boolean, String],
                default: false
            }
        },
        data() {
            const elId = `Uni_${Math.ceil(Math.random() * 10e5).toString(36)}`
            const elIdBox = `Uni_${Math.ceil(Math.random() * 10e5).toString(36)}`
            return {
                textWidth: 0,
                boxWidth: 0,
                wrapWidth: '',
                webviewHide: false,
                // #ifdef APP-NVUE
                stopAnimation: false,
                // #endif
                elId: elId,
                elIdBox: elIdBox,
                show: true,
                animationDuration: 'none',
                animationPlayState: 'paused',
                animationDelay: '0s'
            }
        },
        mounted() {
            // #ifdef APP-PLUS
            var pages = getCurrentPages();
            var page = pages[pages.length - 1];
            var currentWebview = page.$getAppWebview();
            currentWebview.addEventListener('hide', () => {
                this.webviewHide = true
            })
            currentWebview.addEventListener('show', () => {
                this.webviewHide = false
            })
            // #endif
            this.$nextTick(() => {
                this.initSize()
            })
        },
        // #ifdef APP-NVUE
        beforeDestroy() {
            this.stopAnimation = true
        },
        // #endif
        methods: {
            initSize() {
                if (this.scrollable) {
                    // #ifndef APP-NVUE
                    let query = [],
                        boxWidth = 0,
                        textWidth = 0;
                    let textQuery = new Promise((resolve, reject) => {
                        uni.createSelectorQuery()
                            // #ifndef MP-ALIPAY
                            .in(this)
                            // #endif
                            .select(`#${this.elId}`)
                            .boundingClientRect()
                            .exec(ret => {
                                this.textWidth = ret[0].width
                                resolve()
                            })
                    })
                    let boxQuery = new Promise((resolve, reject) => {
                        uni.createSelectorQuery()
                            // #ifndef MP-ALIPAY
                            .in(this)
                            // #endif
                            .select(`#${this.elIdBox}`)
                            .boundingClientRect()
                            .exec(ret => {
                                this.boxWidth = ret[0].width
                                resolve()
                            })
                    })
                    query.push(textQuery)
                    query.push(boxQuery)
                    Promise.all(query).then(() => {
                        this.animationDuration = `${this.textWidth / this.speed}s`
                        this.animationDelay = `-${this.boxWidth / this.speed}s`
                        setTimeout(() => {
                            this.animationPlayState = 'running'
                        }, 1000)
                    })
                    // #endif
                    // #ifdef APP-NVUE
                    dom.getComponentRect(this.$refs['animationEle'], (res) => {
                        let winWidth = uni.getSystemInfoSync().windowWidth
                        this.textWidth = res.size.width
                        animation.transition(this.$refs['animationEle'], {
                            styles: {
                                transform: `translateX(-${winWidth}px)`
                            },
                            duration: 0,
                            timingFunction: 'linear',
                            delay: 0
                        }, () => {
                            if (!this.stopAnimation) {
                                animation.transition(this.$refs['animationEle'], {
                                    styles: {
                                        transform: `translateX(-${this.textWidth}px)`
                                    },
                                    timingFunction: 'linear',
                                    duration: (this.textWidth - winWidth) / this.speed * 1000,
                                    delay: 1000
                                }, () => {
                                    if (!this.stopAnimation) {
                                        this.loopAnimation()
                                    }
                                });
                            }
                        });
                    })
                    // #endif
                }
                // #ifdef APP-NVUE
                if (!this.scrollable && (this.single || this.moreText)) {
                    dom.getComponentRect(this.$refs['textBox'], (res) => {
                        this.wrapWidth = res.size.width
                    })
                }
                // #endif
            },
            loopAnimation() {
                // #ifdef APP-NVUE
                animation.transition(this.$refs['animationEle'], {
                    styles: {
                        transform: `translateX(0px)`
                    },
                    duration: 0
                }, () => {
                    if (!this.stopAnimation) {
                        animation.transition(this.$refs['animationEle'], {
                            styles: {
                                transform: `translateX(-${this.textWidth}px)`
                            },
                            duration: this.textWidth / this.speed * 1000,
                            timingFunction: 'linear',
                            delay: 0
                        }, () => {
                            if (!this.stopAnimation) {
                                this.loopAnimation()
                            }
                        });
                    }
                });
                // #endif
            },
            clickMore() {
                this.$emit('getmore')
            },
            close() {
                this.show = false;
                this.$emit('close')
            },
            onClick() {
                this.$emit('click')
            }
        }
    }
</script>

<style lang="scss" scoped>
    .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;
        height: 18px;
    }

    /* #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;
    }

    .uni-noticebar__more-text {
        font-size: 14px;
    }

    @keyframes notice {
        100% {
            transform: translate3d(-100%, 0, 0);
        }
    }
</style>

 uni_modules/uni-notice-bar/package.json

New file
@@ -0,0 +1,90 @@
{
  "id": "uni-notice-bar",
  "displayName": "uni-notice-bar é€šå‘Šæ ",
  "version": "1.2.0",
  "description": "NoticeBar é€šå‘Šæ ç»„件，常用于展示公告信息，可设为滚动公告",
  "keywords": [
    "uni-ui",
    "uniui",
    "通告栏",
    "公告",
    "跑马灯"
],
  "repository": "https://github.com/dcloudio/uni-ui",
  "engines": {
    "HBuilderX": ""
  },
  "directories": {
    "example": "../../temps/example_temps"
  },
  "dcloudext": {
    "category": [
      "前端组件",
      "通用组件"
    ],
    "sale": {
      "regular": {
        "price": "0.00"
      },
      "sourcecode": {
        "price": "0.00"
      }
    },
    "contact": {
      "qq": ""
    },
    "declaration": {
      "ads": "无",
      "data": "无",
      "permissions": "无"
    },
    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
  },
  "uni_modules": {
    "dependencies": [
            "uni-scss",
            "uni-icons"
        ],
    "encrypt": [],
    "platforms": {
      "cloud": {
        "tcb": "y",
        "aliyun": "y"
      },
      "client": {
        "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"
        },
        "快应用": {
          "华为": "u",
          "联盟": "u"
        },
        "Vue": {
            "vue2": "y",
            "vue3": "y"
        }
      }
    }
  }
}

 uni_modules/uni-notice-bar/readme.md

New file
@@ -0,0 +1,13 @@


## NoticeBar é€šå‘Šæ 
> **组件名：uni-notice-bar**
> ä»£ç å—： `uNoticeBar`


通告栏组件 ã€‚

### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-notice-bar)
#### å¦‚使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui äº¤æµç¾¤ï¼š871950839 



 uni_modules/uni-pagination/changelog.md

New file
@@ -0,0 +1,20 @@
## 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-pagination](https://uniapp.dcloud.io/component/uniui/uni-pagination)
## 1.1.2（2021-10-08）
- ä¿®å¤ current ã€value å±žæ€§æœªç›‘听，导致高亮样式失效的 bug
## 1.1.1（2021-08-20）
- æ–°å¢ž æ”¯æŒå›½é™…化
## 1.1.0（2021-07-30）
- ç»„件兼容 vue3，如何创建vue3项目，详见 [uni-app é¡¹ç›®æ”¯æŒ vue3 ä»‹ç»](https://ask.dcloud.net.cn/article/37834)
## 1.0.7（2021-05-12）
- æ–°å¢ž ç»„件示例地址
## 1.0.6（2021-04-12）
- æ–°å¢ž PC å’Œ ç§»åŠ¨ç«¯é€‚配不同的 ui 
## 1.0.5（2021-02-05）
- ä¼˜åŒ– ç»„件引用关系，通过uni_modules引用组件

## 1.0.4（2021-02-05）
- è°ƒæ•´ä¸ºuni_modules目录规范

 uni_modules/uni-pagination/components/uni-pagination/i18n/en.json

New file
@@ -0,0 +1,4 @@
{
    "uni-pagination.prevText": "prev",
    "uni-pagination.nextText": "next"
}

 uni_modules/uni-pagination/components/uni-pagination/i18n/es.json

New file
@@ -0,0 +1,4 @@
{
    "uni-pagination.prevText": "anterior",
    "uni-pagination.nextText": "próxima"
}

 uni_modules/uni-pagination/components/uni-pagination/i18n/fr.json

New file
@@ -0,0 +1,4 @@
{
    "uni-pagination.prevText": "précédente",
    "uni-pagination.nextText": "suivante"
}

 uni_modules/uni-pagination/components/uni-pagination/i18n/index.js

New file
@@ -0,0 +1,12 @@
import en from './en.json'
import es from './es.json'
import fr from './fr.json'
import zhHans from './zh-Hans.json'
import zhHant from './zh-Hant.json'
export default {
    en,
    es,
    fr,
    'zh-Hans': zhHans,
    'zh-Hant': zhHant
}

 uni_modules/uni-pagination/components/uni-pagination/i18n/zh-Hans.json

New file
@@ -0,0 +1,4 @@
{
    "uni-pagination.prevText": "上一页",
    "uni-pagination.nextText": "下一页"
}

 uni_modules/uni-pagination/components/uni-pagination/i18n/zh-Hant.json

New file
@@ -0,0 +1,4 @@
{
    "uni-pagination.prevText": "上一頁",
    "uni-pagination.nextText": "下一頁"
}

 uni_modules/uni-pagination/components/uni-pagination/uni-pagination.vue

New file
@@ -0,0 +1,409 @@
<template>
    <view class="uni-pagination">
        <!-- #ifndef APP-NVUE -->
        <view class="uni-pagination__total is-phone-hide">共 {{ total }} æ¡</view>
        <!-- #endif -->
        <view class="uni-pagination__btn"
            :class="currentIndex === 1 ? 'uni-pagination--disabled' : 'uni-pagination--enabled'"
            :hover-class="currentIndex === 1 ? '' : 'uni-pagination--hover'" :hover-start-time="20"
            :hover-stay-time="70" @click="clickLeft">
            <template v-if="showIcon === true || showIcon === 'true'">
                <uni-icons color="#666" size="16" type="left" />
            </template>
            <template v-else>
                <text class="uni-pagination__child-btn">{{ prevPageText }}</text>
            </template>
        </view>
        <view class="uni-pagination__num uni-pagination__num-flex-none">
            <view class="uni-pagination__num-current">
                <text class="uni-pagination__num-current-text is-pc-hide"
                    style="color:#409EFF">{{ currentIndex }}</text>
                <text class="uni-pagination__num-current-text is-pc-hide">/{{ maxPage || 0 }}</text>
                <!-- #ifndef APP-NVUE -->
                <view v-for="(item, index) in paper" :key="index" :class="{ 'page--active': item === currentIndex }"
                    class="uni-pagination__num-tag tag--active is-phone-hide" @click.top="selectPage(item, index)">
                    <text>{{ item }}</text>
                </view>
                <!-- #endif -->

            </view>
        </view>
        <view class="uni-pagination__btn"
            :class="currentIndex >= maxPage ? 'uni-pagination--disabled' : 'uni-pagination--enabled'"
            :hover-class="currentIndex === maxPage ? '' : 'uni-pagination--hover'" :hover-start-time="20"
            :hover-stay-time="70" @click="clickRight">
            <template v-if="showIcon === true || showIcon === 'true'">
                <uni-icons color="#666" size="16" type="right" />
            </template>
            <template v-else>
                <text class="uni-pagination__child-btn">{{ nextPageText }}</text>
            </template>
        </view>
    </view>
</template>

<script>
    /**
     * Pagination åˆ†é¡µå™¨
     * @description åˆ†é¡µå™¨ç»„件，用于展示页码、请求数据等
     * @tutorial https://ext.dcloud.net.cn/plugin?id=32
     * @property {String} prevText å·¦ä¾§æŒ‰é’®æ–‡å­—
     * @property {String} nextText å³ä¾§æŒ‰é’®æ–‡å­—
     * @property {Number} current å½“前页
     * @property {Number} total æ•°æ®æ€»é‡
     * @property {Number} pageSize æ¯é¡µæ•°æ®é‡
     * @property {Number} showIcon = [true|false] æ˜¯å¦ä»¥ icon å½¢å¼å±•ç¤ºæŒ‰é’®
     * @event {Function} change ç‚¹å‡»é¡µç æŒ‰é’®æ—¶è§¦å‘ ,e={type,current} current为当前页，type值为：next/prev，表示点击的是上一页还是下一个
     */

    import {
        initVueI18n
    } from '@dcloudio/uni-i18n'
    import messages from './i18n/index.js'
    const {
        t
    } = initVueI18n(messages)
    export default {
        name: 'UniPagination',
        emits: ['update:modelValue', 'input', 'change'],
        props: {
            value: {
                type: [Number, String],
                default: 1
            },
            modelValue: {
                type: [Number, String],
                default: 1
            },
            prevText: {
                type: String,
            },
            nextText: {
                type: String,
            },
            current: {
                type: [Number, String],
                default: 1
            },
            total: {
                // æ•°æ®æ€»é‡
                type: [Number, String],
                default: 0
            },
            pageSize: {
                // æ¯é¡µæ•°æ®é‡
                type: [Number, String],
                default: 10
            },
            showIcon: {
                // æ˜¯å¦ä»¥ icon å½¢å¼å±•ç¤ºæŒ‰é’®
                type: [Boolean, String],
                default: false
            },
            pagerCount: {
                type: Number,
                default: 7
            }
        },
        data() {
            return {
                currentIndex: 1,
                paperData: []
            }
        },
        computed: {
            prevPageText() {
                return this.prevText || t('uni-pagination.prevText')
            },
            nextPageText() {
                return this.nextText || t('uni-pagination.nextText')
            },
            maxPage() {
                let maxPage = 1
                let total = Number(this.total)
                let pageSize = Number(this.pageSize)
                if (total && pageSize) {
                    maxPage = Math.ceil(total / pageSize)
                }
                return maxPage
            },
            paper() {
                const num = this.currentIndex
                // TODO æœ€å¤§é¡µæ•°
                const pagerCount = this.pagerCount
                // const total = 181
                const total = this.total
                const pageSize = this.pageSize
                let totalArr = []
                let showPagerArr = []
                let pagerNum = Math.ceil(total / pageSize)
                for (let i = 0; i < pagerNum; i++) {
                    totalArr.push(i + 1)
                }
                showPagerArr.push(1)
                const totalNum = totalArr[totalArr.length - (pagerCount + 1) / 2]
                totalArr.forEach((item, index) => {
                    if ((pagerCount + 1) / 2 >= num) {
                        if (item < pagerCount + 1 && item > 1) {
                            showPagerArr.push(item)
                        }
                    } else if (num + 2 <= totalNum) {
                        if (item > num - (pagerCount + 1) / 2 && item < num + (pagerCount + 1) / 2) {
                            showPagerArr.push(item)
                        }
                    } else {
                        if ((item > num - (pagerCount + 1) / 2 || pagerNum - pagerCount < item) && item < totalArr[
                                totalArr.length - 1]) {
                            showPagerArr.push(item)
                        }
                    }
                })
                if (pagerNum > pagerCount) {
                    if ((pagerCount + 1) / 2 >= num) {
                        showPagerArr[showPagerArr.length - 1] = '...'
                    } else if (num + 2 <= totalNum) {
                        showPagerArr[1] = '...'
                        showPagerArr[showPagerArr.length - 1] = '...'
                    } else {
                        showPagerArr[1] = '...'
                    }
                    showPagerArr.push(totalArr[totalArr.length - 1])
                } else {
                    if ((pagerCount + 1) / 2 >= num) {} else if (num + 2 <= totalNum) {} else {
                        showPagerArr.shift()
                        showPagerArr.push(totalArr[totalArr.length - 1])
                    }
                }

                return showPagerArr
            }
        },
        watch: {
            current: {
                immediate: true,
                handler(val, old) {
                    if (val < 1) {
                        this.currentIndex = 1
                    } else {
                        this.currentIndex = val
                    }
                }
            },
            value: {
                immediate: true,
                handler(val) {
                    if (Number(this.current) !== 1) return
                    if (val < 1) {
                        this.currentIndex = 1
                    } else {
                        this.currentIndex = val
                    }
                }
            }
        },
        methods: {
            // é€‰æ‹©æ ‡ç­¾
            selectPage(e, index) {
                if (parseInt(e)) {
                    this.currentIndex = e
                    this.change('current')
                } else {
                    let pagerNum = Math.ceil(this.total / this.pageSize)
                    // let pagerNum = Math.ceil(181 / this.pageSize)
                    // ä¸Šä¸€é¡µ
                    if (index <= 1) {
                        if (this.currentIndex - 5 > 1) {
                            this.currentIndex -= 5
                        } else {
                            this.currentIndex = 1
                        }
                        return
                    }
                    // ä¸‹ä¸€é¡µ
                    if (index >= 6) {
                        if (this.currentIndex + 5 > pagerNum) {
                            this.currentIndex = pagerNum
                        } else {
                            this.currentIndex += 5
                        }
                        return
                    }
                }
            },
            clickLeft() {
                if (Number(this.currentIndex) === 1) {
                    return
                }
                this.currentIndex -= 1
                this.change('prev')
            },
            clickRight() {
                if (Number(this.currentIndex) >= this.maxPage) {
                    return
                }
                this.currentIndex += 1
                this.change('next')
            },
            change(e) {
                this.$emit('input', this.currentIndex)
                this.$emit('update:modelValue', this.currentIndex)
                this.$emit('change', {
                    type: e,
                    current: this.currentIndex
                })
            }
        }
    }
</script>

<style lang="scss" scoped>
    $uni-primary: #2979ff;
    .uni-pagination {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        position: relative;
        overflow: hidden;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .uni-pagination__total {
        font-size: 14px;
        color: #999;
        margin-right: 15px;
    }

    .uni-pagination__btn {
        /* #ifndef APP-NVUE */
        display: flex;
        cursor: pointer;
        /* #endif */
        padding: 0 8px;
        line-height: 30px;
        font-size: 12px;
        position: relative;
        background-color: #F0F0F0;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        text-align: center;
        border-radius: 5px;
        // border-width: 1px;
        // border-style: solid;
        // border-color: $uni-border-color;
    }

    .uni-pagination__child-btn {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        font-size: 12px;
        position: relative;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        text-align: center;
        color: #666;
        font-size: 12px;
    }

    .uni-pagination__num {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex: 1;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        color: #666;
        margin: 0 5px;
    }

    .uni-pagination__num-tag {
        /* #ifdef H5 */
        cursor: pointer;
        min-width: 30px;
        /* #endif */
        margin: 0 5px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        // border: 1px red solid;
        color: #999;
        border-radius: 4px;
        // border-width: 1px;
        // border-style: solid;
        // border-color: $uni-border-color;
    }

    .uni-pagination__num-current {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: row;
    }

    .uni-pagination__num-current-text {
        font-size: 15px;
    }

    .uni-pagination--enabled {
        color: #333333;
        opacity: 1;
    }

    .uni-pagination--disabled {
        opacity: 0.5;
        /* #ifdef H5 */
        cursor: default;
        /* #endif */
    }

    .uni-pagination--hover {
        color: rgba(0, 0, 0, 0.6);
        background-color: #eee;
    }

    .tag--active:hover {
        color: $uni-primary;
    }

    .page--active {
        color: #fff;
        background-color: $uni-primary;
    }

    .page--active:hover {
        color: #fff;
    }

    /* #ifndef APP-NVUE */
    .is-pc-hide {
        display: block;
    }

    .is-phone-hide {
        display: none;
    }

    @media screen and (min-width: 450px) {
        .is-pc-hide {
            display: none;
        }

        .is-phone-hide {
            display: block;
        }

        .uni-pagination__num-flex-none {
            flex: none;
        }
    }

    /* #endif */
</style>

 uni_modules/uni-pagination/package.json

New file
@@ -0,0 +1,86 @@
{
  "id": "uni-pagination",
  "displayName": "uni-pagination åˆ†é¡µå™¨",
  "version": "1.2.1",
  "description": "Pagination åˆ†é¡µå™¨ç»„件，用于展示页码、请求数据等。",
  "keywords": [
    "uni-ui",
    "uniui",
    "分页器",
    "页码"
],
  "repository": "https://github.com/dcloudio/uni-ui",
  "engines": {
    "HBuilderX": ""
  },
  "directories": {
    "example": "../../temps/example_temps"
  },
  "dcloudext": {
    "category": [
      "前端组件",
      "通用组件"
    ],
    "sale": {
      "regular": {
        "price": "0.00"
      },
      "sourcecode": {
        "price": "0.00"
      }
    },
    "contact": {
      "qq": ""
    },
    "declaration": {
      "ads": "无",
      "data": "无",
      "permissions": "无"
    },
    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
  },
  "uni_modules": {
    "dependencies": ["uni-scss","uni-icons"],
    "encrypt": [],
    "platforms": {
      "cloud": {
        "tcb": "y",
        "aliyun": "y"
      },
      "client": {
        "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"
        },
        "快应用": {
          "华为": "u",
          "联盟": "u"
        },
        "Vue": {
            "vue2": "y",
            "vue3": "y"
        }
      }
    }
  }
}

 uni_modules/uni-pagination/readme.md

New file
@@ -0,0 +1,13 @@


## Pagination åˆ†é¡µå™¨
> **组件名：uni-pagination**
> ä»£ç å—： `uPagination`


分页器组件，用于展示页码、请求数据等。

### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-pagination)
#### å¦‚使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui äº¤æµç¾¤ï¼š871950839 



 uni_modules/uni-rate/changelog.md

New file
@@ -0,0 +1,25 @@
## 1.3.1（2022-02-25）
- ä¿®å¤ æ¡ä»¶åˆ¤æ–­ `NaN` é”™è¯¯çš„ bug
## 1.3.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-rate](https://uniapp.dcloud.io/component/uniui/uni-rate)
## 1.2.2（2021-09-10）
- ä¼˜åŒ– é»˜è®¤å€¼ä¿®æ”¹ä¸º 0 é¢—星
## 1.2.1（2021-07-30）
- ä¼˜åŒ– vue3下事件警告的问题
## 1.2.0（2021-07-13）
- ç»„件兼容 vue3，如何创建vue3项目，详见 [uni-app é¡¹ç›®æ”¯æŒ vue3 ä»‹ç»](https://ask.dcloud.net.cn/article/37834)
## 1.1.2（2021-05-12）
- æ–°å¢ž ç»„件示例地址
## 1.1.1（2021-04-21）
- ä¿®å¤ å¸ƒå±€å˜åŒ–后 uni-rate  æ˜Ÿæ˜Ÿè®¡ç®—不准确的 bug
- ä¼˜åŒ– æ·»åŠ ä¾èµ– uni-icons, å¯¼å…¥ uni-rate è‡ªåŠ¨ä¸‹è½½ä¾èµ–
## 1.1.0（2021-04-16）
- ä¿®å¤ uni-rate å±žæ€§ margin å€¼ä¸º string ç»„件失效的 bug

## 1.0.9（2021-02-05）
- ä¼˜åŒ– ç»„件引用关系，通过uni_modules引用组件

## 1.0.8（2021-02-05）
- è°ƒæ•´ä¸ºuni_modules目录规范
- æ”¯æŒ pc ç«¯

 uni_modules/uni-rate/components/uni-rate/uni-rate.vue

New file
@@ -0,0 +1,361 @@
<template>
    <view>
        <view ref="uni-rate" class="uni-rate">
            <view class="uni-rate__icon" :class="{'uni-cursor-not-allowed': disabled}"
                :style="{ 'margin-right': marginNumber + 'px' }" v-for="(star, index) in stars" :key="index"
                @touchstart.stop="touchstart" @touchmove.stop="touchmove" @mousedown.stop="mousedown"
                @mousemove.stop="mousemove" @mouseleave="mouseleave">
                <uni-icons :color="color" :size="size" :type="isFill ? 'star-filled' : 'star'" />
                <!-- #ifdef APP-NVUE -->
                <view :style="{ width: star.activeWitch.replace('%','')*size/100+'px'}" class="uni-rate__icon-on">
                    <uni-icons style="text-align: left;" :color="disabled?'#ccc':activeColor" :size="size"
                        type="star-filled" />
                </view>
                <!-- #endif -->
                <!-- #ifndef APP-NVUE -->
                <view :style="{ width: star.activeWitch}" class="uni-rate__icon-on">
                    <uni-icons :color="disabled?disabledColor:activeColor" :size="size" type="star-filled" />
                </view>
                <!-- #endif -->
            </view>
        </view>
    </view>
</template>

<script>
    // #ifdef APP-NVUE
    const dom = uni.requireNativePlugin('dom');
    // #endif
    /**
     * Rate è¯„分
     * @description è¯„分组件
     * @tutorial https://ext.dcloud.net.cn/plugin?id=33
     * @property {Boolean}     isFill = [true|false]         æ˜Ÿæ˜Ÿçš„类型，是否为实心类型, é»˜è®¤ä¸ºå®žå¿ƒ
     * @property {String}     color                         æœªé€‰ä¸­çŠ¶æ€çš„星星颜色，默认为 "#ececec"
     * @property {String}     activeColor                 é€‰ä¸­çŠ¶æ€çš„星星颜色，默认为 "#ffca3e"
     * @property {String}     disabledColor                 ç¦ç”¨çŠ¶æ€çš„星星颜色，默认为 "#c0c0c0"
     * @property {Number}     size                         æ˜Ÿæ˜Ÿçš„大小
     * @property {Number}     value/v-model                 å½“前评分
     * @property {Number}     max                         æœ€å¤§è¯„分评分数量，目前一分一颗星
     * @property {Number}     margin                         æ˜Ÿæ˜Ÿçš„间距，单位 px
     * @property {Boolean}     disabled = [true|false]     æ˜¯å¦ä¸ºç¦ç”¨çŠ¶æ€ï¼Œé»˜è®¤ä¸º false
     * @property {Boolean}     readonly = [true|false]     æ˜¯å¦ä¸ºåªè¯»çŠ¶æ€ï¼Œé»˜è®¤ä¸º false
     * @property {Boolean}     allowHalf = [true|false]     æ˜¯å¦å®žçŽ°åŠæ˜Ÿï¼Œé»˜è®¤ä¸º false
     * @property {Boolean}     touchable = [true|false]     æ˜¯å¦æ”¯æŒæ»‘动手势，默认为 true
     * @event {Function} change                         uniRate çš„ value æ”¹å˜æ—¶è§¦å‘事件，e={value:Number}
     */

    export default {
        name: "UniRate",
        props: {
            isFill: {
                // æ˜Ÿæ˜Ÿçš„类型，是否镂空
                type: [Boolean, String],
                default: true
            },
            color: {
                // æ˜Ÿæ˜Ÿæœªé€‰ä¸­çš„颜色
                type: String,
                default: "#ececec"
            },
            activeColor: {
                // æ˜Ÿæ˜Ÿé€‰ä¸­çŠ¶æ€é¢œè‰²
                type: String,
                default: "#ffca3e"
            },
            disabledColor: {
                // æ˜Ÿæ˜Ÿç¦ç”¨çŠ¶æ€é¢œè‰²
                type: String,
                default: "#c0c0c0"
            },
            size: {
                // æ˜Ÿæ˜Ÿçš„大小
                type: [Number, String],
                default: 24
            },
            value: {
                // å½“前评分
                type: [Number, String],
                default: 0
            },
            modelValue: {
                // å½“前评分
                type: [Number, String],
                default: 0
            },
            max: {
                // æœ€å¤§è¯„分
                type: [Number, String],
                default: 5
            },
            margin: {
                // æ˜Ÿæ˜Ÿçš„间距
                type: [Number, String],
                default: 0
            },
            disabled: {
                // æ˜¯å¦å¯ç‚¹å‡»
                type: [Boolean, String],
                default: false
            },
            readonly: {
                // æ˜¯å¦åªè¯»
                type: [Boolean, String],
                default: false
            },
            allowHalf: {
                // æ˜¯å¦æ˜¾ç¤ºåŠæ˜Ÿ
                type: [Boolean, String],
                default: false
            },
            touchable: {
                // æ˜¯å¦æ”¯æŒæ»‘动手势
                type: [Boolean, String],
                default: true
            }
        },
        data() {
            return {
                valueSync: "",
                userMouseFristMove: true,
                userRated: false,
                userLastRate: 1
            };
        },
        watch: {
            value(newVal) {
                this.valueSync = Number(newVal);
            },
            modelValue(newVal) {
                this.valueSync = Number(newVal);
            },
        },
        computed: {
            stars() {
                const value = this.valueSync ? this.valueSync : 0;
                const starList = [];
                const floorValue = Math.floor(value);
                const ceilValue = Math.ceil(value);
                for (let i = 0; i < this.max; i++) {
                    if (floorValue > i) {
                        starList.push({
                            activeWitch: "100%"
                        });
                    } else if (ceilValue - 1 === i) {
                        starList.push({
                            activeWitch: (value - floorValue) * 100 + "%"
                        });
                    } else {
                        starList.push({
                            activeWitch: "0"
                        });
                    }
                }
                return starList;
            },

            marginNumber() {
                return Number(this.margin)
            }
        },
        created() {
            this.valueSync = Number(this.value || this.modelValue);
            this._rateBoxLeft = 0
            this._oldValue = null
        },
        mounted() {
            setTimeout(() => {
                this._getSize()
            }, 100)
            // #ifdef H5
            this.PC = this.IsPC()
            // #endif
        },
        methods: {
            touchstart(e) {
                // #ifdef H5
                if (this.IsPC()) return
                // #endif
                if (this.readonly || this.disabled) return
                const {
                    clientX,
                    screenX
                } = e.changedTouches[0]
                // TODO åšä¸€ä¸‹å…¼å®¹ï¼Œåªæœ‰ Nvue ä¸‹æ‰æœ‰ screenX，其他平台式 clientX
                this._getRateCount(clientX || screenX)
            },
            touchmove(e) {
                // #ifdef H5
                if (this.IsPC()) return
                // #endif
                if (this.readonly || this.disabled || !this.touchable) return
                const {
                    clientX,
                    screenX
                } = e.changedTouches[0]
                this._getRateCount(clientX || screenX)
            },

            /**
             * å…¼å®¹ PC @tian
             */

            mousedown(e) {
                // #ifdef H5
                if (!this.IsPC()) return
                if (this.readonly || this.disabled) return
                const {
                    clientX,
                } = e
                this.userLastRate = this.valueSync
                this._getRateCount(clientX)
                this.userRated = true
                // #endif
            },
            mousemove(e) {
                // #ifdef H5
                if (!this.IsPC()) return
                if (this.userRated) return
                if (this.userMouseFristMove) {
                    console.log('---mousemove----', this.valueSync);
                    this.userLastRate = this.valueSync
                    this.userMouseFristMove = false
                }
                if (this.readonly || this.disabled || !this.touchable) return
                const {
                    clientX,
                } = e
                this._getRateCount(clientX)
                // #endif
            },
            mouseleave(e) {
                // #ifdef H5
                if (!this.IsPC()) return
                if (this.readonly || this.disabled || !this.touchable) return
                if (this.userRated) {
                    this.userRated = false
                    return
                }
                this.valueSync = this.userLastRate
                // #endif
            },
            // #ifdef H5
            IsPC() {
                var userAgentInfo = navigator.userAgent;
                var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
                var flag = true;
                for (let v = 0; v < Agents.length - 1; v++) {
                    if (userAgentInfo.indexOf(Agents[v]) > 0) {
                        flag = false;
                        break;
                    }
                }
                return flag;
            },
            // #endif

            /**
             * èŽ·å–星星个数
             */
            _getRateCount(clientX) {
                this._getSize()
                const size = Number(this.size)
                if (isNaN(size)) {
                    return new Error('size å±žæ€§åªèƒ½è®¾ç½®ä¸ºæ•°å­—')
                }
                const rateMoveRange = clientX - this._rateBoxLeft
                let index = parseInt(rateMoveRange / (size + this.marginNumber))
                index = index < 0 ? 0 : index;
                index = index > this.max ? this.max : index;
                const range = parseInt(rateMoveRange - (size + this.marginNumber) * index);
                let value = 0;
                if (this._oldValue === index && !this.PC) return;
                this._oldValue = index;
                if (this.allowHalf) {
                    if (range > (size / 2)) {
                        value = index + 1
                    } else {
                        value = index + 0.5
                    }
                } else {
                    value = index + 1
                }

                value = Math.max(0.5, Math.min(value, this.max))
                this.valueSync = value
                this._onChange()
            },

            /**
             * è§¦å‘动态修改
             */
            _onChange() {

                this.$emit("input", this.valueSync);
                this.$emit("update:modelValue", this.valueSync);
                this.$emit("change", {
                    value: this.valueSync
                });
            },
            /**
             * èŽ·å–星星距离屏幕左侧距离
             */
            _getSize() {
                // #ifndef APP-NVUE
                uni.createSelectorQuery()
                    .in(this)
                    .select('.uni-rate')
                    .boundingClientRect()
                    .exec(ret => {
                        if (ret) {
                            this._rateBoxLeft = ret[0].left
                        }
                    })
                // #endif
                // #ifdef APP-NVUE
                dom.getComponentRect(this.$refs['uni-rate'], (ret) => {
                    const size = ret.size
                    if (size) {
                        this._rateBoxLeft = size.left
                    }
                })
                // #endif
            }
        }
    };
</script>

<style lang="scss">
    .uni-rate {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        line-height: 1;
        font-size: 0;
        flex-direction: row;
        /* #ifdef H5 */
        cursor: pointer;
        /* #endif */
    }

    .uni-rate__icon {
        position: relative;
        line-height: 1;
        font-size: 0;
    }

    .uni-rate__icon-on {
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        line-height: 1;
        text-align: left;
    }

    .uni-cursor-not-allowed {
        /* #ifdef H5 */
        cursor: not-allowed !important;
        /* #endif */
    }
</style>

 uni_modules/uni-rate/package.json

New file
@@ -0,0 +1,88 @@
{
  "id": "uni-rate",
  "displayName": "uni-rate è¯„分",
  "version": "1.3.1",
  "description": "Rate è¯„分组件，可自定义评分星星图标的大小、间隔、评分数。",
  "keywords": [
    "uni-ui",
    "uniui",
    "评分"
],
  "repository": "https://github.com/dcloudio/uni-ui",
  "engines": {
    "HBuilderX": ""
  },
  "directories": {
    "example": "../../temps/example_temps"
  },
  "dcloudext": {
    "category": [
      "前端组件",
      "通用组件"
    ],
    "sale": {
      "regular": {
        "price": "0.00"
      },
      "sourcecode": {
        "price": "0.00"
      }
    },
    "contact": {
      "qq": ""
    },
    "declaration": {
      "ads": "无",
      "data": "无",
      "permissions": "无"
    },
    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
  },
  "uni_modules": {
    "dependencies": [
            "uni-scss",
            "uni-icons"
        ],
    "encrypt": [],
    "platforms": {
      "cloud": {
        "tcb": "y",
        "aliyun": "y"
      },
      "client": {
        "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"
        },
        "快应用": {
          "华为": "u",
          "联盟": "u"
        },
        "Vue": {
            "vue2": "y",
            "vue3": "y"
        }
      }
    }
  }
}

 uni_modules/uni-rate/readme.md

New file
@@ -0,0 +1,12 @@


## Rate è¯„分
> **组件名：uni-rate**
> ä»£ç å—： `uRate`
> å…³è”组件：`uni-icons`


评分组件，多用于购买商品后，对商品进行评价等场景

### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-rate)
#### å¦‚使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui äº¤æµç¾¤ï¼š871950839 

 uni_modules/uni-row/changelog.md

New file
@@ -0,0 +1,10 @@
## 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-row](https://uniapp.dcloud.io/component/uniui/uni-row)
## 0.1.0（2021-07-13）
- ç»„件兼容 vue3，如何创建vue3项目，详见 [uni-app é¡¹ç›®æ”¯æŒ vue3 ä»‹ç»](https://ask.dcloud.net.cn/article/37834)
## 0.0.4（2021-05-12）
- æ–°å¢ž ç»„件示例地址
## 0.0.3（2021-02-05）
- è°ƒæ•´ä¸ºuni_modules目录规范
- æ–°å¢žuni-row组件

 uni_modules/uni-row/components/uni-col/uni-col.vue

New file
@@ -0,0 +1,317 @@
<template>
    <!-- #ifndef APP-NVUE -->
    <view :class="['uni-col', sizeClass, pointClassList]" :style="{
        paddingLeft:`${Number(gutter)}rpx`,
        paddingRight:`${Number(gutter)}rpx`,
    }">
        <slot></slot>
    </view>
    <!-- #endif -->
    <!-- #ifdef APP-NVUE -->
    <!-- åœ¨nvue上，类名样式不生效，换为style -->
    <!-- è®¾ç½®right正值失效，设置 left è´Ÿå€¼ -->
    <view :class="['uni-col']" :style="{
        paddingLeft:`${Number(gutter)}rpx`,
        paddingRight:`${Number(gutter)}rpx`,
        width:`${nvueWidth}rpx`,
        position:'relative',
        marginLeft:`${marginLeft}rpx`,
        left:`${right === 0 ? left : -right}rpx`
    }">
        <slot></slot>
    </view>
    <!-- #endif -->
</template>

<script>
    /**
     * Col    å¸ƒå±€-列
     * @description    æ­é…uni-row使用，构建布局。
     * @tutorial    https://ext.dcloud.net.cn/plugin?id=3958
     *
     * @property    {span} type = Number æ …格占据的列数
     *                         é»˜è®¤ 24
     * @property    {offset} type = Number æ …格左侧的间隔格数
     * @property    {push} type = Number æ …格向右移动格数
     * @property    {pull} type = Number æ …格向左移动格数
     * @property    {xs} type = [Number, Object] <768px å“åº”式栅格数或者栅格属性对象
     *                         @description    Number时表示在此屏幕宽度下，栅格占据的列数。Object时可配置多个描述{span: 4, offset: 4}
     * @property    {sm} type = [Number, Object] â‰¥768px å“åº”式栅格数或者栅格属性对象
     *                         @description    Number时表示在此屏幕宽度下，栅格占据的列数。Object时可配置多个描述{span: 4, offset: 4}
     * @property    {md} type = [Number, Object] â‰¥992px å“åº”式栅格数或者栅格属性对象
     *                         @description    Number时表示在此屏幕宽度下，栅格占据的列数。Object时可配置多个描述{span: 4, offset: 4}
     * @property    {lg} type = [Number, Object] â‰¥1200px å“åº”式栅格数或者栅格属性对象
     *                         @description    Number时表示在此屏幕宽度下，栅格占据的列数。Object时可配置多个描述{span: 4, offset: 4}
     * @property    {xl} type = [Number, Object] â‰¥1920px å“åº”式栅格数或者栅格属性对象
     *                         @description    Number时表示在此屏幕宽度下，栅格占据的列数。Object时可配置多个描述{span: 4, offset: 4}
     */
    const ComponentClass = 'uni-col';

    // -1 é»˜è®¤å€¼ï¼Œå› ä¸ºåœ¨å¾®ä¿¡å°ç¨‹åºç«¯åªç»™Number会有默认值0
    export default {
        name: 'uniCol',
        // #ifdef MP-WEIXIN
        options: {
            virtualHost: true // åœ¨å¾®ä¿¡å°ç¨‹åºä¸­å°†ç»„件节点渲染为虚拟节点，更加接近Vue组件的表现
        },
        // #endif
        props: {
            span: {
                type: Number,
                default: 24
            },
            offset: {
                type: Number,
                default: -1
            },
            pull: {
                type: Number,
                default: -1
            },
            push: {
                type: Number,
                default: -1
            },
            xs: [Number, Object],
            sm: [Number, Object],
            md: [Number, Object],
            lg: [Number, Object],
            xl: [Number, Object]
        },
        data() {
            return {
                gutter: 0,
                sizeClass: '',
                parentWidth: 0,
                nvueWidth: 0,
                marginLeft: 0,
                right: 0,
                left: 0
            }
        },
        created() {
            // å­—节小程序中，在computed中读取$parent为undefined
            let parent = this.$parent;

            while (parent && parent.$options.componentName !== 'uniRow') {
                parent = parent.$parent;
            }

            this.updateGutter(parent.gutter)
            parent.$watch('gutter', (gutter) => {
                this.updateGutter(gutter)
            })

            // #ifdef APP-NVUE
            this.updateNvueWidth(parent.width)
            parent.$watch('width', (width) => {
                this.updateNvueWidth(width)
            })
            // #endif
        },
        computed: {
            sizeList() {
                let {
                    span,
                    offset,
                    pull,
                    push
                } = this;

                return {
                    span,
                    offset,
                    pull,
                    push
                }
            },
            // #ifndef APP-NVUE
            pointClassList() {
                let classList = [];

                ['xs', 'sm', 'md', 'lg', 'xl'].forEach(point => {
                    const props = this[point];
                    if (typeof props === 'number') {
                        classList.push(`${ComponentClass}-${point}-${props}`)
                    } else if (typeof props === 'object' && props) {
                        Object.keys(props).forEach(pointProp => {
                            classList.push(
                                pointProp === 'span' ?
                                `${ComponentClass}-${point}-${props[pointProp]}` :
                                `${ComponentClass}-${point}-${pointProp}-${props[pointProp]}`
                            )
                        })
                    }
                });

                // æ”¯ä»˜å®å°ç¨‹åºä½¿ç”¨ :class=[ ['a','b'] ]，渲染错误
                return classList.join(' ');
            }
            // #endif
        },
        methods: {
            updateGutter(parentGutter) {
                parentGutter = Number(parentGutter);
                if (!isNaN(parentGutter)) {
                    this.gutter = parentGutter / 2
                }
            },
            // #ifdef APP-NVUE
            updateNvueWidth(width) {
                // ç”¨äºŽåœ¨nvue端，span，offset，pull，push的计算
                this.parentWidth = width;
                ['span', 'offset', 'pull', 'push'].forEach(size => {
                    const curSize = this[size];
                    if ((curSize || curSize === 0) && curSize !== -1) {
                        let RPX = 1 / 24 * curSize * width
                        RPX = Number(RPX);
                        switch (size) {
                            case 'span':
                                this.nvueWidth = RPX
                                break;
                            case 'offset':
                                this.marginLeft = RPX
                                break;
                            case 'pull':
                                this.right = RPX
                                break;
                            case 'push':
                                this.left = RPX
                                break;
                        }
                    }
                });
            }
            // #endif
        },
        watch: {
            sizeList: {
                immediate: true,
                handler(newVal) {
                    // #ifndef APP-NVUE
                    let classList = [];
                    for (let size in newVal) {
                        const curSize = newVal[size];
                        if ((curSize || curSize === 0) && curSize !== -1) {
                            classList.push(
                                size === 'span' ?
                                `${ComponentClass}-${curSize}` :
                                `${ComponentClass}-${size}-${curSize}`
                            )
                        }
                    }
                    // æ”¯ä»˜å®å°ç¨‹åºä½¿ç”¨ :class=[ ['a','b'] ]，渲染错误
                    this.sizeClass = classList.join(' ');
                    // #endif
                    // #ifdef APP-NVUE
                    this.updateNvueWidth(this.parentWidth);
                    // #endif
                }
            }
        }
    }
</script>

<style lang='scss' scoped>
    /* breakpoints */
    $--sm: 768px !default;
    $--md: 992px !default;
    $--lg: 1200px !default;
    $--xl: 1920px !default;

    $breakpoints: ('xs' : (max-width: $--sm - 1),
    'sm' : (min-width: $--sm),
    'md' : (min-width: $--md),
    'lg' : (min-width: $--lg),
    'xl' : (min-width: $--xl));

    $layout-namespace: ".uni-";
    $col: $layout-namespace+"col";

    @function getSize($size) {
        /* TODO 1/24 * $size * 100 * 1%; ä½¿ç”¨è®¡ç®—后的值，为了解决 vue3 æŽ§åˆ¶å°æŠ¥é”™ */
        @return 0.04166666666 * $size * 100 * 1%;
    }

    @mixin res($key, $map:$breakpoints) {
        @if map-has-key($map, $key) {
            @media screen and #{inspect(map-get($map,$key))} {
                @content;
            }
        }

        @else {
            @warn "Undeinfed point: `#{$key}`";
        }
    }

    /* #ifndef APP-NVUE */
    #{$col} {
        float: left;
        box-sizing: border-box;
    }

    #{$col}-0 {
        /* #ifdef APP-NVUE */
        width: 0;
        height: 0;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
        /* #endif */
        /* #ifndef APP-NVUE */
        display: none;
        /* #endif */
    }

    @for $i from 0 through 24 {
        #{$col}-#{$i} {
            width: getSize($i);
        }

        #{$col}-offset-#{$i} {
            margin-left: getSize($i);
        }

        #{$col}-pull-#{$i} {
            position: relative;
            right: getSize($i);
        }

        #{$col}-push-#{$i} {
            position: relative;
            left: getSize($i);
        }
    }

    @each $point in map-keys($breakpoints) {
        @include res($point) {
            #{$col}-#{$point}-0 {
                display: none;
            }

            @for $i from 0 through 24 {
                #{$col}-#{$point}-#{$i} {
                    width: getSize($i);
                }

                #{$col}-#{$point}-offset-#{$i} {
                    margin-left: getSize($i);
                }

                #{$col}-#{$point}-pull-#{$i} {
                    position: relative;
                    right: getSize($i);
                }

                #{$col}-#{$point}-push-#{$i} {
                    position: relative;
                    left: getSize($i);
                }
            }
        }
    }

    /* #endif */
</style>

 uni_modules/uni-row/components/uni-row/uni-row.vue

New file
@@ -0,0 +1,190 @@
<template>
    <view :class="[ 'uni-row', typeClass , justifyClass, alignClass, ]" :style="{
        marginLeft:`${Number(marginValue)}rpx`,
        marginRight:`${Number(marginValue)}rpx`,
    }">
        <slot></slot>
    </view>
</template>

<script>
    const ComponentClass = 'uni-row';
    const modifierSeparator = '--';
    /**
     * Row    å¸ƒå±€-行
     * @description    æµå¼æ …格系统，随着屏幕或视口分为 24 ä»½ï¼Œå¯ä»¥è¿…速简便地创建布局。
     * @tutorial    https://ext.dcloud.net.cn/plugin?id=3958
     *
     * @property    {gutter} type = Number æ …格间隔
     * @property    {justify} type = String flex å¸ƒå±€ä¸‹çš„水平排列方式
     *                         å¯é€‰    start/end/center/space-around/space-between    start
     *                         é»˜è®¤å€¼    start
     * @property    {align} type = String flex å¸ƒå±€ä¸‹çš„垂直排列方式
     *                         å¯é€‰    top/middle/bottom
     *                         é»˜è®¤å€¼    top
     * @property    {width} type = String|Number nvue下需要自行配置宽度用于计算
     *                         é»˜è®¤å€¼ 750
     */


    export default {
        name: 'uniRow',
        componentName: 'uniRow',
        // #ifdef MP-WEIXIN
        options: {
            virtualHost: true // åœ¨å¾®ä¿¡å°ç¨‹åºä¸­å°†ç»„件节点渲染为虚拟节点，更加接近Vue组件的表现，可使用flex布局
        },
        // #endif
        props: {
            type: String,
            gutter: Number,
            justify: {
                type: String,
                default: 'start'
            },
            align: {
                type: String,
                default: 'top'
            },
            // nvue如果使用span等属性，需要配置宽度
            width: {
                type: [String, Number],
                default: 750
            }
        },
        created() {
            // #ifdef APP-NVUE
            this.type = 'flex';
            // #endif
        },
        computed: {
            marginValue() {
                // #ifndef APP-NVUE
                if (this.gutter) {
                    return -(this.gutter / 2);
                }
                // #endif
                return 0;
            },
            typeClass() {
                return this.type === 'flex' ? `${ComponentClass + modifierSeparator}flex` : '';
            },
            justifyClass() {
                return this.justify !== 'start' ? `${ComponentClass + modifierSeparator}flex-justify-${this.justify}` : ''
            },
            alignClass() {
                return this.align !== 'top' ? `${ComponentClass + modifierSeparator}flex-align-${this.align}` : ''
            }
        }
    };
</script>

<style lang="scss">
    $layout-namespace: ".uni-";
    $row:$layout-namespace+"row";
    $modifier-separator: "--";

    @mixin utils-clearfix {
        $selector: &;

        @at-root {

            /* #ifndef APP-NVUE */
            #{$selector}::before,
            #{$selector}::after {
                display: table;
                content: "";
            }

            #{$selector}::after {
                clear: both;
            }

            /* #endif */
        }

    }

    @mixin utils-flex ($direction: row) {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: $direction;
    }

    @mixin set-flex($state) {
        @at-root &-#{$state} {
            @content
        }
    }

    #{$row} {
        position: relative;
        flex-direction: row;

        /* #ifdef APP-NVUE */
        flex: 1;
        /* #endif */

        /* #ifndef APP-NVUE */
        box-sizing: border-box;
        /* #endif */

        // éžnvue使用float布局
        @include utils-clearfix;

        // åœ¨QQ、字节、百度小程序平台，编译后使用shadow dom，不可使用flex布局，使用float
        @at-root {

            /* #ifndef MP-QQ || MP-TOUTIAO || MP-BAIDU */
            &#{$modifier-separator}flex {
                @include utils-flex;
                flex-wrap: wrap;
                flex: 1;

                &:before,
                &:after {
                    /* #ifndef APP-NVUE */
                    display: none;
                    /* #endif */
                }

                @include set-flex(justify-center) {
                    justify-content: center;
                }

                @include set-flex(justify-end) {
                    justify-content: flex-end;
                }

                @include set-flex(justify-space-between) {
                    justify-content: space-between;
                }

                @include set-flex(justify-space-around) {
                    justify-content: space-around;
                }

                @include set-flex(align-middle) {
                    align-items: center;
                }

                @include set-flex(align-bottom) {
                    align-items: flex-end;
                }
            }

            /* #endif */
        }

    }

    // å­—节、QQ配置后不生效
    // æ­¤å¤„用法无法使用scoped
    /* #ifdef MP-WEIXIN || MP-TOUTIAO || MP-QQ */
    :host {
        display: block;
    }

    /* #endif */
</style>

 uni_modules/uni-row/package.json

New file
@@ -0,0 +1,87 @@
{
  "id": "uni-row",
  "displayName": "uni-row å¸ƒå±€-行",
  "version": "1.0.0",
  "description": "流式栅格系统，随着屏幕或视口分为 24 ä»½ï¼Œå¯ä»¥è¿…速简便地创建布局。",
  "keywords": [
    "uni-ui",
    "uniui",
    "栅格",
    "布局",
    "layout"
],
  "repository": "https://github.com/dcloudio/uni-ui",
  "engines": {
    "HBuilderX": ""
  },
  "directories": {
    "example": "../../temps/example_temps"
  },
  "dcloudext": {
    "category": [
      "前端组件",
      "通用组件"
    ],
    "sale": {
      "regular": {
        "price": "0.00"
      },
      "sourcecode": {
        "price": "0.00"
      }
    },
    "contact": {
      "qq": ""
    },
    "declaration": {
      "ads": "无",
      "data": "无",
      "permissions": "无"
    },
    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
  },
  "uni_modules": {
    "dependencies": ["uni-scss"],
    "encrypt": [],
    "platforms": {
      "cloud": {
        "tcb": "y",
        "aliyun": "y"
      },
      "client": {
        "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"
        },
        "快应用": {
          "华为": "u",
          "联盟": "u"
        },
        "Vue": {
            "vue2": "y",
            "vue3": "u"
        }
      }
    }
  }
}

Diff truncated after the above file
uni_modules/uni-row/readme.md
uni_modules/uni-scss/manifest.json
uni_modules/uni-search-bar/changelog.md
uni_modules/uni-search-bar/components/uni-search-bar/i18n/en.json
uni_modules/uni-search-bar/components/uni-search-bar/i18n/index.js
uni_modules/uni-search-bar/components/uni-search-bar/i18n/zh-Hans.json
uni_modules/uni-search-bar/components/uni-search-bar/i18n/zh-Hant.json
uni_modules/uni-search-bar/components/uni-search-bar/uni-search-bar.vue
uni_modules/uni-search-bar/package.json
uni_modules/uni-search-bar/readme.md
uni_modules/uni-segmented-control/changelog.md
uni_modules/uni-segmented-control/components/uni-segmented-control/uni-segmented-control.vue
uni_modules/uni-segmented-control/package.json
uni_modules/uni-segmented-control/readme.md
uni_modules/uni-steps/changelog.md
uni_modules/uni-steps/components/uni-steps/uni-steps.vue
uni_modules/uni-steps/package.json
uni_modules/uni-steps/readme.md
uni_modules/uni-swipe-action/changelog.md
uni_modules/uni-swipe-action/components/uni-swipe-action-item/bindingx.js
uni_modules/uni-swipe-action/components/uni-swipe-action-item/index.wxs
uni_modules/uni-swipe-action/components/uni-swipe-action-item/isPC.js
uni_modules/uni-swipe-action/components/uni-swipe-action-item/mpalipay.js
uni_modules/uni-swipe-action/components/uni-swipe-action-item/mpother.js
uni_modules/uni-swipe-action/components/uni-swipe-action-item/mpwxs.js
uni_modules/uni-swipe-action/components/uni-swipe-action-item/render.js
uni_modules/uni-swipe-action/components/uni-swipe-action-item/uni-swipe-action-item.vue
uni_modules/uni-swipe-action/components/uni-swipe-action-item/wx.wxs
uni_modules/uni-swipe-action/components/uni-swipe-action/uni-swipe-action.vue
uni_modules/uni-swipe-action/package.json
uni_modules/uni-swipe-action/readme.md
uni_modules/uni-swiper-dot/changelog.md
uni_modules/uni-swiper-dot/components/uni-swiper-dot/uni-swiper-dot.vue
uni_modules/uni-swiper-dot/package.json
uni_modules/uni-swiper-dot/readme.md
uni_modules/uni-tag/changelog.md
uni_modules/uni-tag/components/uni-tag/uni-tag.vue
uni_modules/uni-tag/package.json
uni_modules/uni-tag/readme.md
uni_modules/uni-title/changelog.md
uni_modules/uni-title/components/uni-title/uni-title.vue
uni_modules/uni-title/package.json
uni_modules/uni-title/readme.md
uni_modules/uni-upgrade-center-app/changelog.md
uni_modules/uni-upgrade-center-app/images/app_update_close.png
uni_modules/uni-upgrade-center-app/images/bg_top.png
uni_modules/uni-upgrade-center-app/package.json
uni_modules/uni-upgrade-center-app/pages/upgrade-popup.vue
uni_modules/uni-upgrade-center-app/pages_init.json
uni_modules/uni-upgrade-center-app/readme.md
uni_modules/uni-upgrade-center-app/static/app_update_close.png
uni_modules/uni-upgrade-center-app/static/bg_top.png
uni_modules/uni-upgrade-center-app/uniCloud/cloudfunctions/check-version/check-version.param.json
uni_modules/uni-upgrade-center-app/uniCloud/cloudfunctions/check-version/index.js
uni_modules/uni-upgrade-center-app/utils/call-check-version.js
uni_modules/uni-upgrade-center-app/utils/check-update.js