diff --git a/yudao-vue-ui/App.vue b/yudao-vue-ui/App.vue index 0827cc9c7..a26228403 100644 --- a/yudao-vue-ui/App.vue +++ b/yudao-vue-ui/App.vue @@ -73,34 +73,7 @@ diff --git a/yudao-vue-ui/pages/auth/login.vue b/yudao-vue-ui/pages/auth/login.vue index df5f8e7a3..56ca14c6f 100644 --- a/yudao-vue-ui/pages/auth/login.vue +++ b/yudao-vue-ui/pages/auth/login.vue @@ -19,30 +19,23 @@ 手机登录/注册 - - 手机号码 - - - - - - - 验证码 - - - - - - - 密码 - - - - - + + + + + + + + + + + + + + + + 账号密码登录 免密登录 @@ -71,9 +64,6 @@ - - - @@ -85,52 +75,59 @@ export default{ mixins: [loginMpWx, loginAppWx], - data(){ + data() { return { - loginType: 'code', // 登录方式，code 验证码；password 密码 - mobile: '', - code: '', - password: '', agreement: true, + loginType: 'password', // 登录方式，code 验证码；password 密码 + loading: false, // 表单提交 + rules: { + mobile: [{ + required: true, + message: '请输入手机号' + }, { + validator: (rule, value, callback) => { + return uni.$u.test.mobile(value); + }, + message: '手机号码不正确' + }], + code: [], + password: [] + }, + form: { + mobile: '', + code: '', + password: '', + }, + disabled1: false, + tips: '', } }, onLoad() { + this.setLoginType(this.loginType); }, methods: { // 手机号登录 - async mobileLogin() { - // 参数校验 TODO 芋艿：表单校验的支持 + mobileLogin() { if (!this.agreement) { this.$util.msg('请阅读并同意用户服务及隐私协议'); - this.$refs.confirmBtn.stop(); return; } - const {mobile, code, password} = this; - if (!checkStr(mobile, 'mobile')){ - this.$util.msg('请输入正确的手机号码'); - this.$refs.confirmBtn.stop(); - return; - } - if (this.loginType === 'code' && !checkStr(code, 'mobileCode')) { - this.$util.msg('验证码格式错误'); - this.$refs.confirmBtn.stop(); - return; - } - if (this.loginType === 'password' && !checkStr(password, 'pwd')) { - this.$util.msg('密码格式错误'); - this.$refs.confirmBtn.stop(); - return; - } - - // 执行登陆 - try { - const data = this.loginType === 'code' ? await smsLogin(mobile, code) - : await login(mobile, password); - // 登陆成功 - this.loginSuccessCallBack(data); - } finally { - this.$refs.confirmBtn.stop(); - } + this.$refs.form.validate().then(() => { + this.loading = true; + // 执行登陆 + const { mobile, code, password} = this.form; + const loginPromise = this.loginType == 'password' ? login(mobile, password) : + smsLogin(mobile, code); + loginPromise.then(data => { + // 登陆成功 + this.loginSuccessCallBack(data); + }).catch(errors => { + }).finally(() => { + this.loading = false; + }) + }).catch(errors => { + debugger; + }); }, // 登陆成功的处理逻辑 loginSuccessCallBack(data){ @@ -146,6 +143,28 @@ }, setLoginType(loginType) { this.loginType = loginType; + // 修改校验规则 + this.rules.code = []; + this.rules.password = []; + if (loginType == 'code') { + this.rules.code = [{ + required: true, + message: '请输入验证码' + }, { + min: 1000, + max: 999999, + message: '验证码不正确' + }]; + } else { + this.rules.password = [{ + required: true, + message: '请输入密码' + }, { + min: 4, + max: 16, + message: '密码不正确' + }] + } }, //同意协议 checkAgreement(){ @@ -161,12 +180,32 @@ } })) }, + codeChange(text) { + this.tips = text; + }, + getCode() { + if (this.$refs.uCode.canGetCode) { + // 模拟向后端请求验证码 + uni.showLoading({ + title: '正在获取验证码' + }) + setTimeout(() => { + uni.hideLoading(); + // 这里此提示会被this.start()方法中的提示覆盖 + uni.$u.toast('验证码已发送'); + // 通知验证码组件内部开始倒计时 + this.$refs.uCode.start(); + }, 2000); + } else { + uni.$u.toast('倒计时结束后再发送'); + } + }, } } @@ -243,35 +282,8 @@ /** 手机登录部分 */ .input-content { padding: 0 60rpx; - .input-item { - display:flex; - flex-direction: column; - align-items:flex-start; - justify-content: center; - padding: 0 30rpx; - background: #f8f6fc; - height: 120rpx; - border-radius: 4px; - margin-bottom: 50rpx; - &:last-child{ - margin-bottom: 0; - } - .row{ - width: 100%; - } - .title{ - height: 50rpx; - line-height: 56rpx; - font-size: 26rpx; - color: #606266; - } - input { - flex: 1; - height: 60rpx; - font-size: 30rpx; - color: #303133; - width: 100%; - } + .login-button { + margin-top: 30rpx; } .login-type { display: flex; diff --git a/yudao-vue-ui/uni.scss b/yudao-vue-ui/uni.scss index cf9767858..8daa39f8c 100644 --- a/yudao-vue-ui/uni.scss +++ b/yudao-vue-ui/uni.scss @@ -1,42 +1,13 @@ -$base-color: #ff536f; - - -$main:#07c160; //主背景色 -$lightMain: rgba($main,0.1); //淡主色 -$mainInverse:#fff; //与主色搭配的反色 -$mainGradual:linear-gradient(to top right,$main,rgba($main,0.2));//渐变主色 -$mainGradualInverse:#fff;//与渐变主色搭配的反色 - -/* 配色 */ -$red:#e1251b; //红色 -$lightRed:rgba(225, 37, 27, 0.08);//淡淡的红色 - -$black: #000; -$lightBlack:#e6e6e6; - -$yellow:#f69c00; -$lightYellow:#fef3d1; - -$green:#07c160; -$lightGreen:#dff5e2; - -$orange: #F74F0E; -$lightOrange: #fedfd3; - -$blue:#0081ff; -$lightBlue:#e6f2ff; - -$brown: #8B4513; -$lightBrown:#ffdbc1; - -$purple:#6739b6; -$lightPurple:#e7dff5; - -$white : #fff ; -$black : #000 ; -$gray : #777 ; -$grey : #82939c ; - -$borderColor:#e0e0e0; - @import '@/uni_modules/uview-ui/theme.scss'; + +.u-button--success { + background-color: #5ac725 !important; // TODO 芋艿：莫名不行 +} +.u-button--primary { + background-color: #3c9cff !important; // TODO 芋艿：莫名不行 +} +.u-button--error { + background-color: #f56c6c !important; // TODO 芋艿：莫名不行 +} + +$base-color: #ff536f; diff --git a/yudao-vue-ui/uni_modules/uview-ui/LICENSE b/yudao-vue-ui/uni_modules/uview-ui/LICENSE new file mode 100644 index 000000000..8e39eada8 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2020 www.uviewui.com + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. \ No newline at end of file diff --git a/yudao-vue-ui/uni_modules/uview-ui/README.md b/yudao-vue-ui/uni_modules/uview-ui/README.md new file mode 100644 index 000000000..1dca4a8f6 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/README.md @@ -0,0 +1,105 @@ +

+ logo +

+

uView

+

多平台快速开发的UI框架

+ + +## 说明 + +uView UI，是[uni-app](https://uniapp.dcloud.io/)生态优秀的UI框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水 + +## 特性 + +- 兼容安卓，iOS，微信小程序，H5，QQ小程序，百度小程序，支付宝小程序，头条小程序 +- 60+精选组件，功能丰富，多端兼容，让您快速集成，开箱即用 +- 众多贴心的JS利器，让您飞镖在手，召之即来，百步穿杨 +- 众多的常用页面和布局，让您专注逻辑，事半功倍 +- 详尽的文档支持，现代化的演示效果 +- 按需引入，精简打包体积 + + +## 安装 + +```bash +# npm方式安装 +npm i uview-ui +``` + +## 快速上手 + +1. `main.js`引入uView库 +```js +// main.js +import uView from 'uview-ui'; +Vue.use(uView); +``` + +2. `App.vue`引入基础样式(注意style标签需声明scss属性支持) +```css +/* App.vue */ + +``` + +3. `uni.scss`引入全局scss变量文件 +```css +/* uni.scss */ +@import "uview-ui/theme.scss"; +``` + +4. `pages.json`配置easycom规则(按需引入) + +```js +// pages.json +{ + "easycom": { + // npm安装的方式不需要前面的"@/"，下载安装的方式需要"@/" + // npm安装方式 + "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue" + // 下载安装方式 + // "^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue" + }, + // 此为本身已有的内容 + "pages": [ + // ...... + ] +} +``` + +请通过[快速上手](https://www.uviewui.com/components/quickstart.html)了解更详细的内容 + +## 使用方法 +配置easycom规则后，自动按需引入，无需`import`组件，直接引用即可。 + +```html + +``` + +请通过[快速上手](https://www.uviewui.com/components/quickstart.html)了解更详细的内容 + +## 链接 + +- [官方文档](https://www.uviewui.com/) +- [更新日志](https://www.www.uviewui.com/components/changelog.html) +- [升级指南](https://www.uviewui.com/components/changelog.html) +- [关于我们](https://www.uviewui.com/cooperation/about.html) + +## 预览 + +您可以通过**微信**扫码，查看最佳的演示效果。 +
+
+ + +## 捐赠uView的研发 + +uView文档和源码全部开源免费，如果您认为uView帮到了您的开发工作，您可以捐赠uView的研发工作，捐赠无门槛，哪怕是一杯可乐也好(相信这比打赏主播更有意义)。 + + + +## 版权信息 +uView遵循[MIT](https://en.wikipedia.org/wiki/MIT_License)开源协议，意味着您无需支付任何费用，也无需授权，即可将uView应用到您的产品中。 diff --git a/yudao-vue-ui/uni_modules/uview-ui/changelog.md b/yudao-vue-ui/uni_modules/uview-ui/changelog.md new file mode 100644 index 000000000..bfc76e4b4 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/changelog.md @@ -0,0 +1,55 @@ +## 2.0.5（2021-11-25） +## [点击加群交流反馈：232041042](https://jq.qq.com/?_wv=1027&k=KnbeceDU) + +# uView2.0重磅发布，利剑出鞘，一统江湖 + +1. calendar在vue下显示异常问题。 +2. form组件labelPosition和errorType参数无效的问题 +3. input组件inputAlign无效的问题 +4. 其他一些修复 +## 2.0.4（2021-11-23） +## [点击加群交流反馈：232041042](https://jq.qq.com/?_wv=1027&k=KnbeceDU) + +# uView2.0重磅发布，利剑出鞘，一统江湖 + +0. input组件缺失@confirm事件，以及subfix和prefix无效问题 +1. component.scss文件样式在vue下干扰全局布局问题 +2. 修复subsection在vue环境下表现异常的问题 +3. tag组件的bgColor等参数无效的问题 +4. upload组件不换行的问题 +5. 其他的一些修复处理 +## 2.0.3（2021-11-16） +## [点击加群交流反馈：1129077272](https://jq.qq.com/?_wv=1027&k=KnbeceDU) + +# uView2.0重磅发布，利剑出鞘，一统江湖 + +1. uView2.0已实现全面兼容nvue +2. uView2.0对1.x进行了架构重构，细节和性能都有极大提升 +3. 目前uView2.0为公测阶段，相关细节可能会有变动 +4. 我们写了一份与1.x的对比指南，详见[对比1.x](https://www.uviewui.com/components/diff1.x.html) +5. 处理modal的confirm回调事件拼写错误问题 +6. 处理input组件@input事件参数错误问题 +7. 其他一些修复 +## 2.0.2（2021-11-16） +## [点击加群交流反馈：1129077272](https://jq.qq.com/?_wv=1027&k=KnbeceDU) + +# uView2.0重磅发布，利剑出鞘，一统江湖 + +1. uView2.0已实现全面兼容nvue +2. uView2.0对1.x进行了架构重构，细节和性能都有极大提升 +3. 目前uView2.0为公测阶段，相关细节可能会有变动 +4. 我们写了一份与1.x的对比指南，详见[对比1.x](https://www.uviewui.com/components/diff1.x.html) +5. 修复input组件formatter参数缺失问题 +6. 优化loading-icon组件的scss写法问题，防止不兼容新版本scss +## 2.0.0(2020-11-15) +## [点击加群交流反馈：1129077272](https://jq.qq.com/?_wv=1027&k=KnbeceDU) + +# uView2.0重磅发布，利剑出鞘，一统江湖 + +1. uView2.0已实现全面兼容nvue +2. uView2.0对1.x进行了架构重构，细节和性能都有极大提升 +3. 目前uView2.0为公测阶段，相关细节可能会有变动 +4. 我们写了一份与1.x的对比指南，详见[对比1.x](https://www.uviewui.com/components/diff1.x.html) +5. 修复input组件formatter参数缺失问题 + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u--form/u--form.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u--form/u--form.vue new file mode 100644 index 000000000..fc6856c68 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u--form/u--form.vue @@ -0,0 +1,74 @@ + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u--image/u--image.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u--image/u--image.vue new file mode 100644 index 000000000..50c4d57f9 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u--image/u--image.vue @@ -0,0 +1,40 @@ + + + \ No newline at end of file diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u--input/u--input.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u--input/u--input.vue new file mode 100644 index 000000000..f1ab9b25d --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u--input/u--input.vue @@ -0,0 +1,67 @@ + + + \ No newline at end of file diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u--text/u--text.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u--text/u--text.vue new file mode 100644 index 000000000..3aa326275 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u--text/u--text.vue @@ -0,0 +1,46 @@ + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u--textarea/u--textarea.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u--textarea/u--textarea.vue new file mode 100644 index 000000000..c56baf699 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u--textarea/u--textarea.vue @@ -0,0 +1,47 @@ + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-action-sheet/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-action-sheet/props.js new file mode 100644 index 000000000..a8ae4c9db --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-action-sheet/props.js @@ -0,0 +1,54 @@ +export default { + props: { + // 操作菜单是否展示 （默认false） + show: { + type: Boolean, + default: uni.$u.props.actionSheet.show + }, + // 标题 + title: { + type: String, + default: uni.$u.props.actionSheet.title + }, + // 选项上方的描述信息 + description: { + type: String, + default: uni.$u.props.actionSheet.description + }, + // 数据 + actions: { + type: Array, + default: uni.$u.props.actionSheet.actions + }, + // 取消按钮的文字，不为空时显示按钮 + cancelText: { + type: String, + default: uni.$u.props.actionSheet.cancelText + }, + // 点击某个菜单项时是否关闭弹窗 + closeOnClickAction: { + type: Boolean, + default: uni.$u.props.actionSheet.closeOnClickAction + }, + // 处理底部安全区（默认true） + safeAreaInsetBottom: { + type: Boolean, + default: uni.$u.props.actionSheet.safeAreaInsetBottom + }, + // 小程序的打开方式 + openType: { + type: String, + default: uni.$u.props.actionSheet.openType + }, + // 点击遮罩是否允许关闭 (默认true) + closeOnClickOverlay: { + type: Boolean, + default: uni.$u.props.actionSheet.closeOnClickOverlay + }, + // 是否显示圆角 (默认false) + round: { + type: Boolean, + default: uni.$u.props.actionSheet.round + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-action-sheet/u-action-sheet.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-action-sheet/u-action-sheet.vue new file mode 100644 index 000000000..a8c6ea74d --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-action-sheet/u-action-sheet.vue @@ -0,0 +1,275 @@ + + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-album/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-album/props.js new file mode 100644 index 000000000..75cdb37d5 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-album/props.js @@ -0,0 +1,59 @@ +export default { + props: { + // 图片地址，Array|Array形式 + urls: { + type: Array, + default: uni.$u.props.album.urls + }, + // 指定从数组的对象元素中读取哪个属性作为图片地址 + keyName: { + type: String, + default: uni.$u.props.album.keyName + }, + // 单图时，图片长边的长度 + singleSize: { + type: [String, Number], + default: uni.$u.props.album.singleSize + }, + // 多图时，图片边长 + multipleSize: { + type: [String, Number], + default: uni.$u.props.album.multipleSize + }, + // 多图时，图片水平和垂直之间的间隔 + space: { + type: [String, Number], + default: uni.$u.props.album.space + }, + // 单图时，图片缩放裁剪的模式 + singleMode: { + type: String, + default: uni.$u.props.album.singleMode + }, + // 多图时，图片缩放裁剪的模式 + multipleMode: { + type: String, + default: uni.$u.props.album.multipleMode + }, + // 最多展示的图片数量，超出时最后一个位置将会显示剩余图片数量 + maxCount: { + type: [String, Number], + default: uni.$u.props.album.maxCount + }, + // 是否可以预览图片 + previewFullImage: { + type: Boolean, + default: uni.$u.props.album.previewFullImage + }, + // 每行展示图片数量，如设置，singleSize和multipleSize将会无效 + rowCount: { + type: [String, Number], + default: uni.$u.props.album.rowCount + }, + // 超出maxCount时是否显示查看更多的提示 + showMore: { + type: Boolean, + default: uni.$u.props.album.showMore + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-album/u-album.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-album/u-album.vue new file mode 100644 index 000000000..8c67890b6 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-album/u-album.vue @@ -0,0 +1,236 @@ + + + + + \ No newline at end of file diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-alert/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-alert/props.js new file mode 100644 index 000000000..4297e2c3d --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-alert/props.js @@ -0,0 +1,44 @@ +export default { + props: { + // 显示文字 + title: { + type: String, + default: uni.$u.props.alert.title + }, + // 主题，success/warning/info/error + type: { + type: String, + default: uni.$u.props.alert.type + }, + // 辅助性文字 + description: { + type: String, + default: uni.$u.props.alert.description + }, + // 是否可关闭 + closable: { + type: Boolean, + default: uni.$u.props.alert.closable + }, + // 是否显示图标 + showIcon: { + type: Boolean, + default: uni.$u.props.alert.showIcon + }, + // 浅或深色调，light-浅色，dark-深色 + effect: { + type: String, + default: uni.$u.props.alert.effect + }, + // 文字是否居中 + center: { + type: Boolean, + default: uni.$u.props.alert.center + }, + // 字体大小 + fontSize: { + type: [String, Number], + default: uni.$u.props.alert.fontSize + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-alert/u-alert.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-alert/u-alert.vue new file mode 100644 index 000000000..81f7d43e1 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-alert/u-alert.vue @@ -0,0 +1,243 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-avatar-group/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-avatar-group/props.js new file mode 100644 index 000000000..6de6a9bfd --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-avatar-group/props.js @@ -0,0 +1,46 @@ +export default { + props: { + // 头像图片组 + urls: { + type: Array, + default: uni.$u.props.avatarGroup.urls + }, + // 最多展示的头像数量 + maxCount: { + type: [String, Number], + default: uni.$u.props.avatarGroup.maxCount + }, + // 头像形状 + shape: { + type: String, + default: uni.$u.props.avatarGroup.shape + }, + // 图片裁剪模式 + mode: { + type: String, + default: uni.$u.props.avatarGroup.mode + }, + // 超出maxCount时是否显示查看更多的提示 + showMore: { + type: Boolean, + default: uni.$u.props.avatarGroup.showMore + }, + // 头像大小 + size: { + type: [String, Number], + default: uni.$u.props.avatarGroup.size + }, + // 指定从数组的对象元素中读取哪个属性作为图片地址 + keyName: { + type: String, + default: uni.$u.props.avatarGroup.keyName + }, + gap: { + type: [String, Number], + validator(value) { + return value >= 0 && value <= 1 + }, + default: uni.$u.props.avatarGroup.gap + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-avatar-group/u-avatar-group.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-avatar-group/u-avatar-group.vue new file mode 100644 index 000000000..c053639ee --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-avatar-group/u-avatar-group.vue @@ -0,0 +1,103 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-avatar/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-avatar/props.js new file mode 100644 index 000000000..34ca0f282 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-avatar/props.js @@ -0,0 +1,78 @@ +export default { + props: { + // 头像图片路径(不能为相对路径) + src: { + type: String, + default: uni.$u.props.avatar.src + }, + // 头像形状，circle-圆形，square-方形 + shape: { + type: String, + default: uni.$u.props.avatar.shape + }, + // 头像尺寸 + size: { + type: [String, Number], + default: uni.$u.props.avatar.size + }, + // 裁剪模式 + mode: { + type: String, + default: uni.$u.props.avatar.mode + }, + // 显示的文字 + text: { + type: String, + default: uni.$u.props.avatar.text + }, + // 背景色 + bgColor: { + type: String, + default: uni.$u.props.avatar.bgColor + }, + // 文字颜色 + color: { + type: String, + default: uni.$u.props.avatar.color + }, + // 文字大小 + fontSize: { + type: [String, Number], + default: uni.$u.props.avatar.fontSize + }, + // 显示的图标 + icon: { + type: String, + default: uni.$u.props.avatar.icon + }, + // 显示小程序头像，只对百度，微信，QQ小程序有效 + mpAvatar: { + type: Boolean, + default: uni.$u.props.avatar.mpAvatar + }, + // 是否使用随机背景色 + randomBgColor: { + type: Boolean, + default: uni.$u.props.avatar.randomBgColor + }, + // 加载失败的默认头像(组件有内置默认图片) + defaultUrl: { + type: String, + default: uni.$u.props.avatar.defaultUrl + }, + // 如果配置了randomBgColor为true，且配置了此值，则从默认的背景色数组中取出对应索引的颜色值，取值0-19之间 + colorIndex: { + type: [String, Number], + // 校验参数规则，索引在0-19之间 + validator(n) { + return uni.$u.test.range(n, [0, 19]) || n === '' + }, + default: uni.$u.props.avatar.colorIndex + }, + // 组件标识符 + name: { + type: String, + default: uni.$u.props.avatar.name + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-avatar/u-avatar.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-avatar/u-avatar.vue new file mode 100644 index 000000000..39b1a4b95 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-avatar/u-avatar.vue @@ -0,0 +1,163 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-back-top/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-back-top/props.js new file mode 100644 index 000000000..6c702c286 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-back-top/props.js @@ -0,0 +1,54 @@ +export default { + props: { + // 返回顶部的形状，circle-圆形，square-方形 + mode: { + type: String, + default: uni.$u.props.backtop.mode + }, + // 自定义图标 + icon: { + type: String, + default: uni.$u.props.backtop.icon + }, + // 提示文字 + text: { + type: String, + default: uni.$u.props.backtop.text + }, + // 返回顶部滚动时间 + duration: { + type: [String, Number], + default: uni.$u.props.backtop.duration + }, + // 滚动距离 + scrollTop: { + type: [String, Number], + default: uni.$u.props.backtop.scrollTop + }, + // 距离顶部多少距离显示，单位px + top: { + type: [String, Number], + default: uni.$u.props.backtop.top + }, + // 返回顶部按钮到底部的距离，单位px + bottom: { + type: [String, Number], + default: uni.$u.props.backtop.bottom + }, + // 返回顶部按钮到右边的距离，单位px + right: { + type: [String, Number], + default: uni.$u.props.backtop.right + }, + // 层级 + zIndex: { + type: [String, Number], + default: uni.$u.props.backtop.zIndex + }, + // 图标的样式，对象形式 + iconStyle: { + type: Object, + default: uni.$u.props.backtop.iconStyle + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-back-top/u-back-top.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-back-top/u-back-top.vue new file mode 100644 index 000000000..622e08d8a --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-back-top/u-back-top.vue @@ -0,0 +1,137 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-badge/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-badge/props.js new file mode 100644 index 000000000..74c032c39 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-badge/props.js @@ -0,0 +1,72 @@ +export default { + props: { + // 是否显示圆点 + isDot: { + type: Boolean, + default: uni.$u.props.badge.isDot + }, + // 显示的内容 + value: { + type: [Number, String], + default: uni.$u.props.badge.value + }, + // 是否显示 + show: { + type: Boolean, + default: uni.$u.props.badge.show + }, + // 最大值，超过最大值会显示 '{max}+' + max: { + type: [Number, String], + default: uni.$u.props.badge.max + }, + // 主题类型，error|warning|success|primary + type: { + type: String, + default: uni.$u.props.badge.type + }, + // 当数值为 0 时，是否展示 Badge + showZero: { + type: Boolean, + default: uni.$u.props.badge.showZero + }, + // 背景颜色，优先级比type高，如设置，type参数会失效 + bgColor: { + type: [String, null], + default: uni.$u.props.badge.bgColor + }, + // 字体颜色 + color: { + type: [String, null], + default: uni.$u.props.badge.color + }, + // 徽标形状，circle-四角均为圆角，horn-左下角为直角 + shape: { + type: String, + default: uni.$u.props.badge.shape + }, + // 设置数字的显示方式，overflow|ellipsis|limit + // overflow会根据max字段判断，超出显示`${max}+` + // ellipsis会根据max判断，超出显示`${max}...` + // limit会依据1000作为判断条件，超出1000，显示`${value/1000}K`，比如2.2k、3.34w，最多保留2位小数 + numberType: { + type: String, + default: uni.$u.props.badge.numberType + }, + // 设置badge的位置偏移，格式为 [x, y]，也即设置的为top和right的值，absolute为true时有效 + offset: { + type: Array, + default: uni.$u.props.badge.offset + }, + // 是否反转背景和字体颜色 + inverted: { + type: Boolean, + default: uni.$u.props.badge.inverted + }, + // 是否绝对定位 + absolute: { + type: Boolean, + default: uni.$u.props.badge.absolute + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-badge/u-badge.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-badge/u-badge.vue new file mode 100644 index 000000000..53cfc8115 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-badge/u-badge.vue @@ -0,0 +1,171 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-button/nvue.scss b/yudao-vue-ui/uni_modules/uview-ui/components/u-button/nvue.scss new file mode 100644 index 000000000..490db7d99 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-button/nvue.scss @@ -0,0 +1,46 @@ +$u-button-active-opacity:0.75 !default; +$u-button-loading-text-margin-left:4px !default; +$u-button-text-color: #FFFFFF !default; +$u-button-text-plain-error-color:$u-error !default; +$u-button-text-plain-warning-color:$u-warning !default; +$u-button-text-plain-success-color:$u-success !default; +$u-button-text-plain-info-color:$u-info !default; +$u-button-text-plain-primary-color:$u-primary !default; +.u-button { + &--active { + opacity: $u-button-active-opacity; + } + + &--active--plain { + background-color: rgb(217, 217, 217); + } + + &__loading-text { + margin-left:$u-button-loading-text-margin-left; + } + + &__text, + &__loading-text { + color:$u-button-text-color; + } + + &__text--plain--error { + color:$u-button-text-plain-error-color; + } + + &__text--plain--warning { + color:$u-button-text-plain-warning-color; + } + + &__text--plain--success{ + color:$u-button-text-plain-success-color; + } + + &__text--plain--info { + color:$u-button-text-plain-info-color; + } + + &__text--plain--primary { + color:$u-button-text-plain-primary-color; + } +} \ No newline at end of file diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-button/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-button/props.js new file mode 100644 index 000000000..19746edeb --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-button/props.js @@ -0,0 +1,156 @@ +/* + * @Author : LQ + * @Description : + * @version : 1.0 + * @Date : 2021-08-16 10:04:04 + * @LastAuthor : LQ + * @lastTime : 2021-08-16 10:04:24 + * @FilePath : /u-view2.0/uview-ui/components/u-button/props.js + */ +export default { + props: { + // 是否细边框 + hairline: { + type: Boolean, + default: uni.$u.props.button.hairline + }, + // 按钮的预置样式，info，primary，error，warning，success + type: { + type: String, + default: uni.$u.props.button.type + }, + // 按钮尺寸，large，normal，small，mini + size: { + type: String, + default: uni.$u.props.button.size + }, + // 按钮形状，circle（两边为半圆），square（带圆角） + shape: { + type: String, + default: uni.$u.props.button.shape + }, + // 按钮是否镂空 + plain: { + type: Boolean, + default: uni.$u.props.button.plain + }, + // 是否禁止状态 + disabled: { + type: Boolean, + default: uni.$u.props.button.disabled + }, + // 是否加载中 + loading: { + type: Boolean, + default: uni.$u.props.button.loading + }, + // 加载中提示文字 + loadingText: { + type: [String, Number], + default: uni.$u.props.button.loadingText + }, + // 加载状态图标类型 + loadingMode: { + type: String, + default: uni.$u.props.button.loadingMode + }, + // 加载图标大小 + loadingSize: { + type: [String, Number], + default: uni.$u.props.button.loadingSize + }, + // 开放能力，具体请看uniapp稳定关于button组件部分说明 + // https://uniapp.dcloud.io/component/button + openType: { + type: String, + default: uni.$u.props.button.openType + }, + // 用于
组件，点击分别会触发 组件的 submit/reset 事件 + // 取值为submit（提交表单），reset（重置表单） + formType: { + type: String, + default: uni.$u.props.button.formType + }, + // 打开 APP 时，向 APP 传递的参数，open-type=launchApp时有效 + // 只微信小程序、QQ小程序有效 + appParameter: { + type: String, + default: uni.$u.props.button.appParameter + }, + // 指定是否阻止本节点的祖先节点出现点击态，微信小程序有效 + hoverStopPropagation: { + type: Boolean, + default: uni.$u.props.button.hoverStopPropagation + }, + // 指定返回用户信息的语言，zh_CN 简体中文，zh_TW 繁体中文，en 英文。只微信小程序有效 + lang: { + type: String, + default: uni.$u.props.button.lang + }, + // 会话来源，open-type="contact"时有效。只微信小程序有效 + sessionFrom: { + type: String, + default: uni.$u.props.button.sessionFrom + }, + // 会话内消息卡片标题，open-type="contact"时有效 + // 默认当前标题，只微信小程序有效 + sendMessageTitle: { + type: String, + default: uni.$u.props.button.sendMessageTitle + }, + // 会话内消息卡片点击跳转小程序路径，open-type="contact"时有效 + // 默认当前分享路径，只微信小程序有效 + sendMessagePath: { + type: String, + default: uni.$u.props.button.sendMessagePath + }, + // 会话内消息卡片图片，open-type="contact"时有效 + // 默认当前页面截图，只微信小程序有效 + sendMessageImg: { + type: String, + default: uni.$u.props.button.sendMessageImg + }, + // 是否显示会话内消息卡片，设置此参数为 true，用户进入客服会话会在右下角显示"可能要发送的小程序"提示， + // 用户点击后可以快速发送小程序消息，open-type="contact"时有效 + showMessageCard: { + type: Boolean, + default: uni.$u.props.button.showMessageCard + }, + // 额外传参参数，用于小程序的data-xxx属性，通过target.dataset.name获取 + dataName: { + type: String, + default: uni.$u.props.button.dataName + }, + // 节流，一定时间内只能触发一次 + throttleTime: { + type: [String, Number], + default: uni.$u.props.button.throttleTime + }, + // 按住后多久出现点击态，单位毫秒 + hoverStartTime: { + type: [String, Number], + default: uni.$u.props.button.hoverStartTime + }, + // 手指松开后点击态保留时间，单位毫秒 + hoverStayTime: { + type: [String, Number], + default: uni.$u.props.button.hoverStayTime + }, + // 按钮文字，之所以通过props传入，是因为slot传入的话 + // nvue中无法控制文字的样式 + text: { + type: [String, Number], + default: uni.$u.props.button.text + }, + // 按钮图标 + icon: { + type: String, + default: uni.$u.props.button.icon + }, + // 按钮颜色，支持传入linear-gradient渐变色 + color: { + type: String, + default: uni.$u.props.button.color + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-button/u-button.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-button/u-button.vue new file mode 100644 index 000000000..962030eb8 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-button/u-button.vue @@ -0,0 +1,485 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-button/vue.scss b/yudao-vue-ui/uni_modules/uview-ui/components/u-button/vue.scss new file mode 100644 index 000000000..b2c5e7bf5 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-button/vue.scss @@ -0,0 +1,75 @@ +// nvue下hover-class无效 +$u-button-before-top:50% !default; +$u-button-before-left:50% !default; +$u-button-before-width:100% !default; +$u-button-before-height:100% !default; +$u-button-before-transform:translate(-50%, -50%) !default; +$u-button-before-opacity:0 !default; +$u-button-before-background-color:#000 !default; +$u-button-before-border-color:#000 !default; +$u-button-active-before-opacity:.15 !default; +$u-button-icon-margin-left:4px !default; +$u-button-plain-u-button-info-color:$u-info; +$u-button-plain-u-button-success-color:$u-success; +$u-button-plain-u-button-error-color:$u-error; +$u-button-plain-u-button-warning-color:$u-error; + +.u-button { + width: 100%; + + &:before { + position: absolute; + top:$u-button-before-top; + left:$u-button-before-left; + width:$u-button-before-width; + height:$u-button-before-height; + border: inherit; + border-radius: inherit; + transform:$u-button-before-transform; + opacity:$u-button-before-opacity; + content: " "; + background-color:$u-button-before-background-color; + border-color:$u-button-before-border-color; + } + + &--active { + &:before { + opacity: .15 + } + } + + &__icon+&__text:not(:empty), + &__loading-text { + margin-left:$u-button-icon-margin-left; + } + + &--plain { + &.u-button--primary { + color: $u-primary; + } + } + + &--plain { + &.u-button--info { + color:$u-button-plain-u-button-info-color; + } + } + + &--plain { + &.u-button--success { + color:$u-button-plain-u-button-success-color; + } + } + + &--plain { + &.u-button--error { + color:$u-button-plain-u-button-error-color; + } + } + + &--plain { + &.u-button--warning { + color:$u-button-plain-u-button-warning-color; + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-calendar/header.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-calendar/header.vue new file mode 100644 index 000000000..dc4f7d054 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-calendar/header.vue @@ -0,0 +1,99 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-calendar/month.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-calendar/month.vue new file mode 100644 index 000000000..a46388df8 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-calendar/month.vue @@ -0,0 +1,577 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-calendar/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-calendar/props.js new file mode 100644 index 000000000..b7ed0ad23 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-calendar/props.js @@ -0,0 +1,134 @@ +export default { + props: { + // 日历顶部标题 + title: { + type: String, + default: uni.$u.props.calendar.title + }, + // 是否显示标题 + showTitle: { + type: Boolean, + default: uni.$u.props.calendar.showTitle + }, + // 是否显示副标题 + showSubtitle: { + type: Boolean, + default: uni.$u.props.calendar.showSubtitle + }, + // 日期类型选择，single-选择单个日期，multiple-可以选择多个日期，range-选择日期范围 + mode: { + type: String, + default: uni.$u.props.calendar.mode + }, + // mode=range时，第一个日期底部的提示文字 + startText: { + type: String, + default: uni.$u.props.calendar.startText + }, + // mode=range时，最后一个日期底部的提示文字 + endText: { + type: String, + default: uni.$u.props.calendar.endText + }, + // 自定义列表 + customList: { + type: Array, + default: uni.$u.props.calendar.customList + }, + // 主题色，对底部按钮和选中日期有效 + color: { + type: String, + default: uni.$u.props.calendar.color + }, + // 最小的可选日期 + minDate: { + type: [String, Number], + default: uni.$u.props.calendar.minDate + }, + // 最大可选日期 + maxDate: { + type: [String, Number], + default: uni.$u.props.calendar.maxDate + }, + // 默认选中的日期，mode为multiple或range是必须为数组格式 + defaultDate: { + type: [Array, String, Date, null], + default: uni.$u.props.calendar.defaultDate + }, + // mode=multiple时，最多可选多少个日期 + maxCount: { + type: [String, Number], + default: uni.$u.props.calendar.maxCount + }, + // 日期行高 + rowHeight: { + type: [String, Number], + default: uni.$u.props.calendar.rowHeight + }, + // 日期格式化函数 + formatter: { + type: [Function, null], + default: uni.$u.props.calendar.formatter + }, + // 是否显示农历 + showLunar: { + type: Boolean, + default: uni.$u.props.calendar.showLunar + }, + // 是否显示月份背景色 + showMark: { + type: Boolean, + default: uni.$u.props.calendar.showMark + }, + // 确定按钮的文字 + confirmText: { + type: String, + default: uni.$u.props.calendar.confirmText + }, + // 确认按钮处于禁用状态时的文字 + confirmDisabledText: { + type: String, + default: uni.$u.props.calendar.confirmDisabledText + }, + // 是否显示日历弹窗 + show: { + type: Boolean, + default: uni.$u.props.calendar.show + }, + // 是否允许点击遮罩关闭日历 + closeOnClickOverlay: { + type: Boolean, + default: uni.$u.props.calendar.closeOnClickOverlay + }, + // 是否为只读状态，只读状态下禁止选择日期 + readonly: { + type: Boolean, + default: uni.$u.props.calendar.readonly + }, + // 是否展示确认按钮 + showConfirm: { + type: Boolean, + default: uni.$u.props.calendar.showConfirm + }, + // 日期区间最多可选天数，默认无限制，mode = range时有效 + maxRange: { + type: [Number, String], + default: uni.$u.props.calendar.maxRange + }, + // 范围选择超过最多可选天数时的提示文案，mode = range时有效 + rangePrompt: { + type: String, + default: uni.$u.props.calendar.rangePrompt + }, + // 范围选择超过最多可选天数时，是否展示提示文案，mode = range时有效 + showRangePrompt: { + type: Boolean, + default: uni.$u.props.calendar.showRangePrompt + }, + // 是否允许日期范围的起止时间为同一天，mode = range时有效 + allowSameDay: { + type: Boolean, + default: uni.$u.props.calendar.allowSameDay + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-calendar/u-calendar.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-calendar/u-calendar.vue new file mode 100644 index 000000000..9474e1812 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-calendar/u-calendar.vue @@ -0,0 +1,288 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-calendar/util.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-calendar/util.js new file mode 100644 index 000000000..ca4736bb2 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-calendar/util.js @@ -0,0 +1,85 @@ +export default { + methods: { + // 设置月份数据 + setMonth() { + // 月初是周几 + const day = dayjs(this.date).date(1).day() + const start = day == 0 ? 6 : day - 1 + + // 本月天数 + const days = dayjs(this.date).endOf('month').format('D') + + // 上个月天数 + const prevDays = dayjs(this.date).endOf('month').subtract(1, 'month').format('D') + + // 日期数据 + const arr = [] + // 清空表格 + this.month = [] + + // 添加上月数据 + arr.push( + ...new Array(start).fill(1).map((e, i) => { + const day = prevDays - start + i + 1 + + return { + value: day, + disabled: true, + date: dayjs(this.date).subtract(1, 'month').date(day).format('YYYY-MM-DD') + } + }) + ) + + // 添加本月数据 + arr.push( + ...new Array(days - 0).fill(1).map((e, i) => { + const day = i + 1 + + return { + value: day, + date: dayjs(this.date).date(day).format('YYYY-MM-DD') + } + }) + ) + + // 添加下个月 + arr.push( + ...new Array(42 - days - start).fill(1).map((e, i) => { + const day = i + 1 + + return { + value: day, + disabled: true, + date: dayjs(this.date).add(1, 'month').date(day).format('YYYY-MM-DD') + } + }) + ) + + // 分割数组 + for (let n = 0; n < arr.length; n += 7) { + this.month.push( + arr.slice(n, n + 7).map((e, i) => { + e.index = i + n + + // 自定义信息 + const custom = this.customList.find((c) => c.date == e.date) + + // 农历 + if (this.lunar) { + const { + IDayCn, + IMonthCn + } = this.getLunar(e.date) + e.lunar = IDayCn == '初一' ? IMonthCn : IDayCn + } + + return { + ...e, + ...custom + } + }) + ) + } + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-car-keyboard/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-car-keyboard/props.js new file mode 100644 index 000000000..3553647a9 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-car-keyboard/props.js @@ -0,0 +1,14 @@ +export default { + props: { + // 是否打乱键盘按键的顺序 + random: { + type: Boolean, + default: false + }, + // 输入一个中文后，是否自动切换到英文 + autoChange: { + type: Boolean, + default: false + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-car-keyboard/u-car-keyboard.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-car-keyboard/u-car-keyboard.vue new file mode 100644 index 000000000..7852fabb1 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-car-keyboard/u-car-keyboard.vue @@ -0,0 +1,311 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-cell-group/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-cell-group/props.js new file mode 100644 index 000000000..350ef403e --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-cell-group/props.js @@ -0,0 +1,14 @@ +export default { + props: { + // 分组标题 + title: { + type: String, + default: uni.$u.props.cellGroup.title + }, + // 是否显示外边框 + border: { + type: Boolean, + default: uni.$u.props.cellGroup.border + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-cell-group/u-cell-group.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-cell-group/u-cell-group.vue new file mode 100644 index 000000000..a9508c0c7 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-cell-group/u-cell-group.vue @@ -0,0 +1,61 @@ + + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-cell/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-cell/props.js new file mode 100644 index 000000000..3c1954324 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-cell/props.js @@ -0,0 +1,109 @@ +export default { + props: { + // 标题 + title: { + type: [String, Number], + default: uni.$u.props.cell.title + }, + // 标题下方的描述信息 + label: { + type: [String, Number], + default: uni.$u.props.cell.label + }, + // 右侧的内容 + value: { + type: [String, Number], + default: uni.$u.props.cell.value + }, + // 左侧图标名称，或者图片链接(本地文件建议使用绝对地址) + icon: { + type: String, + default: uni.$u.props.cell.icon + }, + // 标题的宽度，单位任意，数值默认为px单位 + titleWidth: { + type: [String, Number], + default: uni.$u.props.cell.titleWidth + }, + // 是否禁用cell + disabled: { + type: Boolean, + default: uni.$u.props.cell.disabled + }, + // 是否显示下边框 + border: { + type: Boolean, + default: uni.$u.props.cell.border + }, + // 内容是否垂直居中(主要是针对右侧的value部分) + center: { + type: Boolean, + default: uni.$u.props.cell.center + }, + // 点击后跳转的URL地址 + url: { + type: String, + default: uni.$u.props.cell.url + }, + // 链接跳转的方式，内部使用的是uView封装的route方法，可能会进行拦截操作 + linkType: { + type: String, + default: uni.$u.props.cell.linkType + }, + // 是否开启点击反馈(表现为点击时加上灰色背景) + clickable: { + type: Boolean, + default: uni.$u.props.cell.clickable + }, + // 是否展示右侧箭头并开启点击反馈 + isLink: { + type: Boolean, + default: uni.$u.props.cell.isLink + }, + // 是否显示表单状态下的必填星号(此组件可能会内嵌入input组件) + required: { + type: Boolean, + default: uni.$u.props.cell.required + }, + // 右侧的图标箭头 + rightIcon: { + type: String, + default: uni.$u.props.cell.rightIcon + }, + // 右侧箭头的方向，可选值为：left，up，down + arrowDirection: { + type: String, + default: uni.$u.props.cell.arrowDirection + }, + // 左侧图标样式 + iconStyle: { + type: Object, + default: () => {} + }, + // 右侧箭头图标的样式 + rightIconStyle: { + type: Object, + default: () => uni.$u.props.cell.rightIconStyle + }, + // 标题的样式 + titleStyle: { + type: Object, + default: () => uni.$u.props.cell.titleStyle + }, + // 单位元的大小，可选值为large + size: { + type: String, + default: uni.$u.props.cell.size + }, + // 点击cell是否阻止事件传播 + stop: { + type: Boolean, + default: uni.$u.props.cell.stop + }, + // 标识符，cell被点击时返回 + name: { + type: [Number, String], + default: uni.$u.props.cell.name + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-cell/u-cell.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-cell/u-cell.vue new file mode 100644 index 000000000..196c5e7d5 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-cell/u-cell.vue @@ -0,0 +1,224 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-checkbox-group/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-checkbox-group/props.js new file mode 100644 index 000000000..2f818a10c --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-checkbox-group/props.js @@ -0,0 +1,82 @@ +export default { + props: { + // 标识符 + name: { + type: String, + default: uni.$u.props.checkboxGroup.name + }, + // 绑定的值 + value: { + type: Array, + default: uni.$u.props.checkboxGroup.value + }, + // 形状，circle-圆形，square-方形 + shape: { + type: String, + default: uni.$u.props.checkboxGroup.shape + }, + // 是否禁用全部checkbox + disabled: { + type: Boolean, + default: uni.$u.props.checkboxGroup.disabled + }, + + // 选中状态下的颜色，如设置此值，将会覆盖parent的activeColor值 + activeColor: { + type: String, + default: uni.$u.props.checkboxGroup.activeColor + }, + // 未选中的颜色 + inactiveColor: { + type: String, + default: uni.$u.props.checkboxGroup.inactiveColor + }, + + // 整个组件的尺寸，默认px + size: { + type: [String, Number], + default: uni.$u.props.checkboxGroup.size + }, + // 布局方式，row-横向，column-纵向 + placement: { + type: String, + default: uni.$u.props.checkboxGroup.placement + }, + // label的字体大小，px单位 + labelSize: { + type: [String, Number], + default: uni.$u.props.checkboxGroup.labelSize + }, + // label的字体颜色 + labelColor: { + type: [String], + default: uni.$u.props.checkboxGroup.labelColor + }, + // 是否禁止点击文本操作 + labelDisabled: { + type: Boolean, + default: uni.$u.props.checkboxGroup.labelDisabled + }, + // 图标颜色 + iconColor: { + type: String, + default: uni.$u.props.checkboxGroup.iconColor + }, + // 图标的大小，单位px + iconSize: { + type: [String, Number], + default: uni.$u.props.checkboxGroup.iconSize + }, + // 勾选图标的对齐方式，left-左边，right-右边 + iconPlacement: { + type: String, + default: uni.$u.props.checkboxGroup.iconPlacement + }, + // 竖向配列时，是否显示下划线 + borderBottom: { + type: Boolean, + default: uni.$u.props.checkboxGroup.borderBottom + } + + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-checkbox-group/u-checkbox-group.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-checkbox-group/u-checkbox-group.vue new file mode 100644 index 000000000..af15eafc6 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-checkbox-group/u-checkbox-group.vue @@ -0,0 +1,103 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-checkbox/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-checkbox/props.js new file mode 100644 index 000000000..93f4fd9f2 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-checkbox/props.js @@ -0,0 +1,69 @@ +export default { + props: { + // checkbox的名称 + name: { + type: [String, Number, Boolean], + default: uni.$u.props.checkbox.name + }, + // 形状，square为方形，circle为圆型 + shape: { + type: String, + default: uni.$u.props.checkbox.shape + }, + // 整体的大小 + size: { + type: [String, Number], + default: uni.$u.props.checkbox.size + }, + // 是否默认选中 + checked: { + type: Boolean, + default: uni.$u.props.checkbox.checked + }, + // 是否禁用 + disabled: { + type: [String, Boolean], + default: uni.$u.props.checkbox.disabled + }, + // 选中状态下的颜色，如设置此值，将会覆盖parent的activeColor值 + activeColor: { + type: String, + default: uni.$u.props.checkbox.activeColor + }, + // 未选中的颜色 + inactiveColor: { + type: String, + default: uni.$u.props.checkbox.inactiveColor + }, + // 图标的大小，单位px + iconSize: { + type: [String, Number], + default: uni.$u.props.checkbox.iconSize + }, + // 图标颜色 + iconColor: { + type: String, + default: uni.$u.props.checkbox.iconColor + }, + // label提示文字，因为nvue下，直接slot进来的文字，由于特殊的结构，无法修改样式 + label: { + type: [String, Number], + default: uni.$u.props.checkbox.label + }, + // label的字体大小，px单位 + labelSize: { + type: [String, Number], + default: uni.$u.props.checkbox.labelSize + }, + // label的颜色 + labelColor: { + type: String, + default: uni.$u.props.checkbox.labelColor + }, + // 是否禁止点击提示语选中复选框 + labelDisabled: { + type: [String, Boolean], + default: uni.$u.props.checkbox.labelDisabled + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-checkbox/u-checkbox.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-checkbox/u-checkbox.vue new file mode 100644 index 000000000..f04e6b49f --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-checkbox/u-checkbox.vue @@ -0,0 +1,339 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-circle-progress/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-circle-progress/props.js new file mode 100644 index 000000000..d776cfb61 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-circle-progress/props.js @@ -0,0 +1,8 @@ +export default { + props: { + percentage: { + type: [String, Number], + default: uni.$u.props.circleProgress.percentage + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-circle-progress/u-circle-progress.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-circle-progress/u-circle-progress.vue new file mode 100644 index 000000000..d1ee2867b --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-circle-progress/u-circle-progress.vue @@ -0,0 +1,198 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-code-input/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-code-input/props.js new file mode 100644 index 000000000..de421ba52 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-code-input/props.js @@ -0,0 +1,69 @@ +export default { + props: { + // 最大输入长度 + maxlength: { + type: [String, Number], + default: uni.$u.props.codeInput.maxlength + }, + // 是否用圆点填充 + dot: { + type: Boolean, + default: uni.$u.props.codeInput.dot + }, + // 显示模式，box-盒子模式，line-底部横线模式 + mode: { + type: String, + default: uni.$u.props.codeInput.mode + }, + // 是否细边框 + hairline: { + type: Boolean, + default: uni.$u.props.codeInput.hairline + }, + // 字符间的距离 + space: { + type: [String, Number], + default: uni.$u.props.codeInput.space + }, + // 预置值 + value: { + type: [String, Number], + default: uni.$u.props.codeInput.value + }, + // 是否自动获取焦点 + focus: { + type: Boolean, + default: uni.$u.props.codeInput.focus + }, + // 字体是否加粗 + bold: { + type: Boolean, + default: uni.$u.props.codeInput.bold + }, + // 字体颜色 + color: { + type: String, + default: uni.$u.props.codeInput.color + }, + // 字体大小 + fontSize: { + type: [String, Number], + default: uni.$u.props.codeInput.fontSize + }, + // 输入框的大小，宽等于高 + size: { + type: [String, Number], + default: uni.$u.props.codeInput.size + }, + // 是否隐藏原生键盘，如果想用自定义键盘的话，需设置此参数为true + disabledKeyboard: { + type: Boolean, + default: uni.$u.props.codeInput.disabledKeyboard + }, + // 边框和线条颜色 + borderColor: { + type: String, + default: uni.$u.props.codeInput.borderColor + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-code-input/u-code-input.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-code-input/u-code-input.vue new file mode 100644 index 000000000..f7c17a125 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-code-input/u-code-input.vue @@ -0,0 +1,206 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-code/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-code/props.js new file mode 100644 index 000000000..eaf80d02f --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-code/props.js @@ -0,0 +1,34 @@ +export default { + props: { + // 倒计时总秒数 + seconds: { + type: [String, Number], + default: uni.$u.props.code.seconds + }, + // 尚未开始时提示 + startText: { + type: String, + default: uni.$u.props.code.startText + }, + // 正在倒计时中的提示 + changeText: { + type: String, + default: uni.$u.props.code.changeText + }, + // 倒计时结束时的提示 + endText: { + type: String, + default: uni.$u.props.code.endText + }, + // 是否在H5刷新或各端返回再进入时继续倒计时 + keepRunning: { + type: Boolean, + default: uni.$u.props.code.keepRunning + }, + // 为了区分多个页面，或者一个页面多个倒计时组件本地存储的继续倒计时变了 + uniqueKey: { + type: String, + default: uni.$u.props.code.uniqueKey + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-code/u-code.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-code/u-code.vue new file mode 100644 index 000000000..cdf9f825a --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-code/u-code.vue @@ -0,0 +1,129 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-col/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-col/props.js new file mode 100644 index 000000000..06222517e --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-col/props.js @@ -0,0 +1,29 @@ +export default { + props: { + // 占父容器宽度的多少等分，总分为12份 + span: { + type: [String, Number], + default: uni.$u.props.col.span + }, + // 指定栅格左侧的间隔数(总12栏) + offset: { + type: [String, Number], + default: uni.$u.props.col.offset + }, + // 水平排列方式，可选值为`start`(或`flex-start`)、`end`(或`flex-end`)、`center`、`around`(或`space-around`)、`between`(或`space-between`) + justify: { + type: String, + default: uni.$u.props.col.justify + }, + // 垂直对齐方式，可选值为top、center、bottom、stretch + align: { + type: String, + default: uni.$u.props.col.align + }, + // 文字对齐方式 + textAlign: { + type: String, + default: uni.$u.props.col.textAlign + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-col/u-col.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-col/u-col.vue new file mode 100644 index 000000000..329eff3c6 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-col/u-col.vue @@ -0,0 +1,159 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-collapse-item/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-collapse-item/props.js new file mode 100644 index 000000000..bd5749b62 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-collapse-item/props.js @@ -0,0 +1,59 @@ +export default { + props: { + // 标题 + title: { + type: String, + default: uni.$u.props.collapseItem.title + }, + // 标题右侧内容 + value: { + type: String, + default: uni.$u.props.collapseItem.value + }, + // 标题下方的描述信息 + label: { + type: String, + default: uni.$u.props.collapseItem.label + }, + // 是否禁用折叠面板 + disabled: { + type: Boolean, + default: uni.$u.props.collapseItem.disabled + }, + // 是否展示右侧箭头并开启点击反馈 + isLink: { + type: Boolean, + default: uni.$u.props.collapseItem.isLink + }, + // 是否开启点击反馈 + clickable: { + type: Boolean, + default: uni.$u.props.collapseItem.clickable + }, + // 是否显示内边框 + border: { + type: Boolean, + default: uni.$u.props.collapseItem.border + }, + // 标题的对齐方式 + align: { + type: String, + default: uni.$u.props.collapseItem.align + }, + // 唯一标识符 + name: { + type: [String, Number], + default: uni.$u.props.collapseItem.name + }, + // 标题左侧图片，可为绝对路径的图片或内置图标 + icon: { + type: String, + default: uni.$u.props.collapseItem.icon + }, + // 面板展开收起的过渡时间，单位ms + duration: { + type: Number, + default: uni.$u.props.collapseItem.duration + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-collapse-item/u-collapse-item.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-collapse-item/u-collapse-item.vue new file mode 100644 index 000000000..347f39b75 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-collapse-item/u-collapse-item.vue @@ -0,0 +1,229 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-collapse/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-collapse/props.js new file mode 100644 index 000000000..7ee6d3198 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-collapse/props.js @@ -0,0 +1,19 @@ +export default { + props: { + // 当前展开面板的name，非手风琴模式：[]，手风琴模式：string | number + value: { + type: [String, Number, Array, null], + default: uni.$u.props.collapse.value + }, + // 是否手风琴模式 + accordion: { + type: Boolean, + default: uni.$u.props.collapse.accordion + }, + // 是否显示外边框 + border: { + type: Boolean, + default: uni.$u.props.collapse.border + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-collapse/u-collapse.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-collapse/u-collapse.vue new file mode 100644 index 000000000..fc188a2ea --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-collapse/u-collapse.vue @@ -0,0 +1,90 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-column-notice/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-column-notice/props.js new file mode 100644 index 000000000..48091549f --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-column-notice/props.js @@ -0,0 +1,55 @@ +export default { + props: { + // 显示的内容，字符串 + text: { + type: [Array], + default: uni.$u.props.columnNotice.text + }, + // 是否显示左侧的音量图标 + icon: { + type: String, + default: uni.$u.props.columnNotice.icon + }, + // 通告模式，link-显示右箭头，closable-显示右侧关闭图标 + mode: { + type: String, + default: uni.$u.props.columnNotice.mode + }, + // 文字颜色，各图标也会使用文字颜色 + color: { + type: String, + default: uni.$u.props.columnNotice.color + }, + // 背景颜色 + bgColor: { + type: String, + default: uni.$u.props.columnNotice.bgColor + }, + // 字体大小，单位px + fontSize: { + type: [String, Number], + default: uni.$u.props.columnNotice.fontSize + }, + // 水平滚动时的滚动速度，即每秒滚动多少px(px)，这有利于控制文字无论多少时，都能有一个恒定的速度 + speed: { + type: [String, Number], + default: uni.$u.props.columnNotice.speed + }, + // direction = row时，是否使用步进形式滚动 + step: { + type: Boolean, + default: uni.$u.props.columnNotice.step + }, + // 滚动一个周期的时间长，单位ms + duration: { + type: [String, Number], + default: uni.$u.props.columnNotice.duration + }, + // 是否禁止用手滑动切换 + // 目前HX2.6.11，只支持App 2.5.5+、H5 2.5.5+、支付宝小程序、字节跳动小程序 + disableTouch: { + type: Boolean, + default: uni.$u.props.columnNotice.disableTouch + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-column-notice/u-column-notice.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-column-notice/u-column-notice.vue new file mode 100644 index 000000000..136f48abe --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-column-notice/u-column-notice.vue @@ -0,0 +1,156 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-count-down/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-count-down/props.js new file mode 100644 index 000000000..d62f02551 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-count-down/props.js @@ -0,0 +1,24 @@ +export default { + props: { + // 倒计时时长，单位ms + time: { + type: [String, Number], + default: uni.$u.props.countDown.time + }, + // 时间格式，DD-日，HH-时，mm-分，ss-秒，SSS-毫秒 + format: { + type: String, + default: uni.$u.props.countDown.format + }, + // 是否自动开始倒计时 + autoStart: { + type: Boolean, + default: uni.$u.props.countDown.autoStart + }, + // 是否展示毫秒倒计时 + millisecond: { + type: Boolean, + default: uni.$u.props.countDown.millisecond + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-count-down/u-count-down.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-count-down/u-count-down.vue new file mode 100644 index 000000000..f18365c3c --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-count-down/u-count-down.vue @@ -0,0 +1,162 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-count-down/utils.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-count-down/utils.js new file mode 100644 index 000000000..8c7500501 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-count-down/utils.js @@ -0,0 +1,62 @@ +// 补0，如1 -> 01 +function padZero(num, targetLength = 2) { + let str = `${num}` + while (str.length < targetLength) { + str = `0${str}` + } + return str +} +const SECOND = 1000 +const MINUTE = 60 * SECOND +const HOUR = 60 * MINUTE +const DAY = 24 * HOUR +export function parseTimeData(time) { + const days = Math.floor(time / DAY) + const hours = Math.floor((time % DAY) / HOUR) + const minutes = Math.floor((time % HOUR) / MINUTE) + const seconds = Math.floor((time % MINUTE) / SECOND) + const milliseconds = Math.floor(time % SECOND) + return { + days, + hours, + minutes, + seconds, + milliseconds + } +} +export function parseFormat(format, timeData) { + let { + days, + hours, + minutes, + seconds, + milliseconds + } = timeData + // 如果格式化字符串中不存在DD(天)，则将天的时间转为小时中去 + if (format.indexOf('DD') === -1) { + hours += days * 24 + } else { + // 对天补0 + format = format.replace('DD', padZero(days)) + } + // 其他同理于DD的格式化处理方式 + if (format.indexOf('HH') === -1) { + minutes += hours * 60 + } else { + format = format.replace('HH', padZero(hours)) + } + if (format.indexOf('mm') === -1) { + seconds += minutes * 60 + } else { + format = format.replace('mm', padZero(minutes)) + } + if (format.indexOf('ss') === -1) { + milliseconds += seconds * 1000 + } else { + format = format.replace('ss', padZero(seconds)) + } + return format.replace('SSS', padZero(milliseconds, 3)) +} +export function isSameSecond(time1, time2) { + return Math.floor(time1 / 1000) === Math.floor(time2 / 1000) +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-count-to/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-count-to/props.js new file mode 100644 index 000000000..86873c184 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-count-to/props.js @@ -0,0 +1,59 @@ +export default { + props: { + // 开始的数值，默认从0增长到某一个数 + startVal: { + type: [String, Number], + default: uni.$u.props.countTo.startVal + }, + // 要滚动的目标数值，必须 + endVal: { + type: [String, Number], + default: uni.$u.props.countTo.endVal + }, + // 滚动到目标数值的动画持续时间，单位为毫秒（ms） + duration: { + type: [String, Number], + default: uni.$u.props.countTo.duration + }, + // 设置数值后是否自动开始滚动 + autoplay: { + type: Boolean, + default: uni.$u.props.countTo.autoplay + }, + // 要显示的小数位数 + decimals: { + type: [String, Number], + default: uni.$u.props.countTo.decimals + }, + // 是否在即将到达目标数值的时候，使用缓慢滚动的效果 + useEasing: { + type: Boolean, + default: uni.$u.props.countTo.useEasing + }, + // 十进制分割 + decimal: { + type: [String, Number], + default: uni.$u.props.countTo.decimal + }, + // 字体颜色 + color: { + type: String, + default: uni.$u.props.countTo.color + }, + // 字体大小 + fontSize: { + type: [String, Number], + default: uni.$u.props.countTo.fontSize + }, + // 是否加粗字体 + bold: { + type: Boolean, + default: uni.$u.props.countTo.bold + }, + // 千位分隔符，类似金额的分割(￥23,321.05中的",") + separator: { + type: String, + default: uni.$u.props.countTo.separator + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-count-to/u-count-to.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-count-to/u-count-to.vue new file mode 100644 index 000000000..417b7327b --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-count-to/u-count-to.vue @@ -0,0 +1,184 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-datetime-picker/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-datetime-picker/props.js new file mode 100644 index 000000000..f44c0f99a --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-datetime-picker/props.js @@ -0,0 +1,116 @@ +export default { + props: { + // 是否打开组件 + show: { + type: Boolean, + default: uni.$u.props.datetimePicker.show + }, + // 是否展示顶部的操作栏 + showToolbar: { + type: Boolean, + default: uni.$u.props.datetimePicker.showToolbar + }, + // 绑定值 + value: { + type: [String, Number], + default: uni.$u.props.datetimePicker.value + }, + // 顶部标题 + title: { + type: String, + default: uni.$u.props.datetimePicker.title + }, + // 展示格式，mode=date为日期选择，mode=time为时间选择，mode=year-month为年月选择，mode=datetime为日期时间选择 + mode: { + type: String, + default: uni.$u.props.datetimePicker.mode + }, + // 可选的最大时间 + maxDate: { + type: Number, + // 最大默认值为后10年 + default: uni.$u.props.datetimePicker.maxDate + }, + // 可选的最小时间 + minDate: { + type: Number, + // 最小默认值为前10年 + default: uni.$u.props.datetimePicker.minDate + }, + // 可选的最小小时，仅mode=time有效 + minHour: { + type: Number, + default: uni.$u.props.datetimePicker.minHour + }, + // 可选的最大小时，仅mode=time有效 + maxHour: { + type: Number, + default: uni.$u.props.datetimePicker.maxHour + }, + // 可选的最小分钟，仅mode=time有效 + minMinute: { + type: Number, + default: uni.$u.props.datetimePicker.minMinute + }, + // 可选的最大分钟，仅mode=time有效 + maxMinute: { + type: Number, + default: uni.$u.props.datetimePicker.maxMinute + }, + // 选项过滤函数 + filter: { + type: [Function, null], + default: uni.$u.props.datetimePicker.filter + }, + // 选项格式化函数 + formatter: { + type: [Function, null], + default: uni.$u.props.datetimePicker.formatter + }, + // 是否显示加载中状态 + loading: { + type: Boolean, + default: uni.$u.props.datetimePicker.loading + }, + // 各列中，单个选项的高度 + itemHeight: { + type: [String, Number], + default: uni.$u.props.datetimePicker.itemHeight + }, + // 取消按钮的文字 + cancelText: { + type: String, + default: uni.$u.props.datetimePicker.cancelText + }, + // 确认按钮的文字 + confirmText: { + type: String, + default: uni.$u.props.datetimePicker.confirmText + }, + // 取消按钮的颜色 + cancelColor: { + type: String, + default: uni.$u.props.datetimePicker.cancelColor + }, + // 确认按钮的颜色 + confirmColor: { + type: String, + default: uni.$u.props.datetimePicker.confirmColor + }, + // 每列中可见选项的数量 + visibleItemCount: { + type: [String, Number], + default: uni.$u.props.datetimePicker.visibleItemCount + }, + // 是否允许点击遮罩关闭选择器 + closeOnClickOverlay: { + type: Boolean, + default: uni.$u.props.datetimePicker.closeOnClickOverlay + }, + // 各列的默认索引 + defaultIndex: { + type: Array, + default: uni.$u.props.datetimePicker.defaultIndex + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-datetime-picker/u-datetime-picker.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-datetime-picker/u-datetime-picker.vue new file mode 100644 index 000000000..612e4a7af --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-datetime-picker/u-datetime-picker.vue @@ -0,0 +1,335 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-divider/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-divider/props.js new file mode 100644 index 000000000..1fa8359fc --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-divider/props.js @@ -0,0 +1,44 @@ +export default { + props: { + // 是否虚线 + dashed: { + type: Boolean, + default: uni.$u.props.divider.dashed + }, + // 是否细线 + hairline: { + type: Boolean, + default: uni.$u.props.divider.hairline + }, + // 是否以点替代文字，优先于text字段起作用 + dot: { + type: Boolean, + default: uni.$u.props.divider.dot + }, + // 内容文本的位置，left-左边，center-中间，right-右边 + textPosition: { + type: String, + default: uni.$u.props.divider.textPosition + }, + // 文本内容 + text: { + type: [String, Number], + default: uni.$u.props.divider.text + }, + // 文本大小 + textSize: { + type: [String, Number], + default: uni.$u.props.divider.textSize + }, + // 文本颜色 + textColor: { + type: String, + default: uni.$u.props.divider.textColor + }, + // 线条颜色 + lineColor: { + type: String, + default: uni.$u.props.divider.lineColor + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-divider/u-divider.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-divider/u-divider.vue new file mode 100644 index 000000000..4f9225528 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-divider/u-divider.vue @@ -0,0 +1,115 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-dropdown-item/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-dropdown-item/props.js new file mode 100644 index 000000000..501a1f058 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-dropdown-item/props.js @@ -0,0 +1,36 @@ +export default { + props: { + // 当前选中项的value值 + value: { + type: [Number, String, Array], + default: '' + }, + // 菜单项标题 + title: { + type: [String, Number], + default: '' + }, + // 选项数据，如果传入了默认slot，此参数无效 + options: { + type: Array, + default() { + return [] + } + }, + // 是否禁用此菜单项 + disabled: { + type: Boolean, + default: false + }, + // 下拉弹窗的高度 + height: { + type: [Number, String], + default: 'auto' + }, + // 点击遮罩是否可以收起弹窗 + closeOnClickOverlay: { + type: Boolean, + default: true + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-dropdown-item/u-dropdown-item.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-dropdown-item/u-dropdown-item.vue new file mode 100644 index 000000000..07de583d6 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-dropdown-item/u-dropdown-item.vue @@ -0,0 +1,146 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-dropdown/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-dropdown/props.js new file mode 100644 index 000000000..5f8465efe --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-dropdown/props.js @@ -0,0 +1,65 @@ +export default { + props: { + // 标题选中时的样式 + activeStyle: { + type: [String, Object], + default: () => ({ + color: '#2979ff', + fontSize: '14px' + }) + }, + // 标题未选中时的样式 + inactiveStyle: { + type: [String, Object], + default: () => ({ + color: '#606266', + fontSize: '14px' + }) + }, + // 点击遮罩是否关闭菜单 + closeOnClickMask: { + type: Boolean, + default: true + }, + // 点击当前激活项标题是否关闭菜单 + closeOnClickSelf: { + type: Boolean, + default: true + }, + // 过渡时间 + duration: { + type: [Number, String], + default: 300 + }, + // 标题菜单的高度 + height: { + type: [Number, String], + default: 40 + }, + // 是否显示下边框 + borderBottom: { + type: Boolean, + default: false + }, + // 标题的字体大小 + titleSize: { + type: [Number, String], + default: 14 + }, + // 下拉出来的内容部分的圆角值 + borderRadius: { + type: [Number, String], + default: 0 + }, + // 菜单右侧的icon图标 + menuIcon: { + type: String, + default: 'arrow-down' + }, + // 菜单右侧图标的大小 + menuIconSize: { + type: [Number, String], + default: 14 + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-dropdown/u-dropdown.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-dropdown/u-dropdown.vue new file mode 100644 index 000000000..9c50bfe71 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-dropdown/u-dropdown.vue @@ -0,0 +1,127 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-empty/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-empty/props.js new file mode 100644 index 000000000..78662f8fd --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-empty/props.js @@ -0,0 +1,59 @@ +export default { + props: { + // 内置图标名称，或图片路径，建议绝对路径 + icon: { + type: String, + default: uni.$u.props.empty.icon + }, + // 提示文字 + text: { + type: String, + default: uni.$u.props.empty.text + }, + // 文字颜色 + textColor: { + type: String, + default: uni.$u.props.empty.textColor + }, + // 文字大小 + textSize: { + type: [String, Number], + default: uni.$u.props.empty.textSize + }, + // 图标的颜色 + iconColor: { + type: String, + default: uni.$u.props.empty.iconColor + }, + // 图标的大小 + iconSize: { + type: [String, Number], + default: uni.$u.props.empty.iconSize + }, + // 选择预置的图标类型 + mode: { + type: String, + default: uni.$u.props.empty.mode + }, + // 图标宽度，单位px + width: { + type: [String, Number], + default: uni.$u.props.empty.width + }, + // 图标高度，单位px + height: { + type: [String, Number], + default: uni.$u.props.empty.height + }, + // 是否显示组件 + show: { + type: Boolean, + default: uni.$u.props.empty.show + }, + // 组件距离上一个元素之间的距离，默认px单位 + marginTop: { + type: [String, Number], + default: uni.$u.props.empty.marginTop + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-empty/u-empty.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-empty/u-empty.vue new file mode 100644 index 000000000..03d6a2736 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-empty/u-empty.vue @@ -0,0 +1,128 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-form-item/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-form-item/props.js new file mode 100644 index 000000000..affaa1a72 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-form-item/props.js @@ -0,0 +1,39 @@ +export default { + props: { + // input的label提示语 + label: { + type: String, + default: uni.$u.props.formItem.label + }, + // 绑定的值 + prop: { + type: String, + default: uni.$u.props.formItem.prop + }, + // 是否显示表单域的下划线边框 + borderBottom: { + type: [String, Boolean], + default: uni.$u.props.formItem.borderBottom + }, + // label的宽度，单位px + labelWidth: { + type: [String, Number], + default: uni.$u.props.formItem.labelWidth + }, + // 右侧图标 + rightIcon: { + type: String, + default: uni.$u.props.formItem.rightIcon + }, + // 左侧图标 + leftIcon: { + type: String, + default: uni.$u.props.formItem.leftIcon + }, + // 是否显示左边的必填星号，只作显示用，具体校验必填的逻辑，请在rules中配置 + required: { + type: Boolean, + default: uni.$u.props.formItem.required + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-form-item/u-form-item.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-form-item/u-form-item.vue new file mode 100644 index 000000000..af9771536 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-form-item/u-form-item.vue @@ -0,0 +1,228 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-form/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-form/props.js new file mode 100644 index 000000000..f2a629c0e --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-form/props.js @@ -0,0 +1,45 @@ +export default { + props: { + // 当前form的需要验证字段的集合 + model: { + type: Object, + default: uni.$u.props.form.model + }, + // 验证规则 + rules: { + type: [Object, Function, Array], + default: uni.$u.props.form.rules + }, + // 有错误时的提示方式，message-提示信息，toast-进行toast提示 + // border-bottom-下边框呈现红色，none-无提示 + errorType: { + type: String, + default: uni.$u.props.form.errorType + }, + // 是否显示表单域的下划线边框 + borderBottom: { + type: Boolean, + default: uni.$u.props.form.borderBottom + }, + // label的位置，left-左边，top-上边 + labelPosition: { + type: String, + default: uni.$u.props.form.labelPosition + }, + // label的宽度，单位px + labelWidth: { + type: [String, Number], + default: uni.$u.props.form.labelWidth + }, + // lable字体的对齐方式 + labelAlign: { + type: String, + default: uni.$u.props.form.labelAlign + }, + // lable的样式，对象形式 + labelStyle: { + type: Object, + default: uni.$u.props.form.labelStyle + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-form/u-form.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-form/u-form.vue new file mode 100644 index 000000000..52e09cfcc --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-form/u-form.vue @@ -0,0 +1,205 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-gap/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-gap/props.js new file mode 100644 index 000000000..89953e32a --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-gap/props.js @@ -0,0 +1,24 @@ +export default { + props: { + // 背景颜色（默认transparent） + bgColor: { + type: String, + default: uni.$u.props.gap.bgColor + }, + // 分割槽高度，单位px（默认30） + height: { + type: [String, Number], + default: uni.$u.props.gap.height + }, + // 与上一个组件的距离 + marginTop: { + type: [String, Number], + default: uni.$u.props.gap.marginTop + }, + // 与下一个组件的距离 + marginBottom: { + type: [String, Number], + default: uni.$u.props.gap.marginBottom + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-gap/u-gap.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-gap/u-gap.vue new file mode 100644 index 000000000..e4429f0e4 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-gap/u-gap.vue @@ -0,0 +1,38 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-grid-item/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-grid-item/props.js new file mode 100644 index 000000000..06c3c6637 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-grid-item/props.js @@ -0,0 +1,14 @@ +export default { + props: { + // 宫格的name + name: { + type: [String, Number, null], + default: uni.$u.props.gridItem.name + }, + // 背景颜色 + bgColor: { + type: String, + default: uni.$u.props.gridItem.bgColor + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-grid-item/u-grid-item.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-grid-item/u-grid-item.vue new file mode 100644 index 000000000..14e8053d1 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-grid-item/u-grid-item.vue @@ -0,0 +1,196 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-grid/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-grid/props.js new file mode 100644 index 000000000..87b0f6a74 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-grid/props.js @@ -0,0 +1,19 @@ +export default { + props: { + // 分成几列 + col: { + type: [String, Number], + default: uni.$u.props.grid.col + }, + // 是否显示边框 + border: { + type: Boolean, + default: uni.$u.props.grid.border + }, + // 宫格对齐方式，表现为数量少的时候，靠左，居中，还是靠右 + align: { + type: String, + default: uni.$u.props.grid.align + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-grid/u-grid.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-grid/u-grid.vue new file mode 100644 index 000000000..5ac878f57 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-grid/u-grid.vue @@ -0,0 +1,99 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-icon/icons.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-icon/icons.js new file mode 100644 index 000000000..f4d0fe293 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-icon/icons.js @@ -0,0 +1,214 @@ +export default { + 'uicon-level': '\ue693', + 'uicon-column-line': '\ue68e', + 'uicon-checkbox-mark': '\ue807', + 'uicon-folder': '\ue7f5', + 'uicon-movie': '\ue7f6', + 'uicon-star-fill': '\ue669', + 'uicon-star': '\ue65f', + 'uicon-phone-fill': '\ue64f', + 'uicon-phone': '\ue622', + 'uicon-apple-fill': '\ue881', + 'uicon-chrome-circle-fill': '\ue885', + 'uicon-backspace': '\ue67b', + 'uicon-attach': '\ue632', + 'uicon-cut': '\ue948', + 'uicon-empty-car': '\ue602', + 'uicon-empty-coupon': '\ue682', + 'uicon-empty-address': '\ue646', + 'uicon-empty-favor': '\ue67c', + 'uicon-empty-permission': '\ue686', + 'uicon-empty-news': '\ue687', + 'uicon-empty-search': '\ue664', + 'uicon-github-circle-fill': '\ue887', + 'uicon-rmb': '\ue608', + 'uicon-person-delete-fill': '\ue66a', + 'uicon-reload': '\ue788', + 'uicon-order': '\ue68f', + 'uicon-server-man': '\ue6bc', + 'uicon-search': '\ue62a', + 'uicon-fingerprint': '\ue955', + 'uicon-more-dot-fill': '\ue630', + 'uicon-scan': '\ue662', + 'uicon-share-square': '\ue60b', + 'uicon-map': '\ue61d', + 'uicon-map-fill': '\ue64e', + 'uicon-tags': '\ue629', + 'uicon-tags-fill': '\ue651', + 'uicon-bookmark-fill': '\ue63b', + 'uicon-bookmark': '\ue60a', + 'uicon-eye': '\ue613', + 'uicon-eye-fill': '\ue641', + 'uicon-mic': '\ue64a', + 'uicon-mic-off': '\ue649', + 'uicon-calendar': '\ue66e', + 'uicon-calendar-fill': '\ue634', + 'uicon-trash': '\ue623', + 'uicon-trash-fill': '\ue658', + 'uicon-play-left': '\ue66d', + 'uicon-play-right': '\ue610', + 'uicon-minus': '\ue618', + 'uicon-plus': '\ue62d', + 'uicon-info': '\ue653', + 'uicon-info-circle': '\ue7d2', + 'uicon-info-circle-fill': '\ue64b', + 'uicon-question': '\ue715', + 'uicon-error': '\ue6d3', + 'uicon-close': '\ue685', + 'uicon-checkmark': '\ue6a8', + 'uicon-android-circle-fill': '\ue67e', + 'uicon-android-fill': '\ue67d', + 'uicon-ie': '\ue87b', + 'uicon-IE-circle-fill': '\ue889', + 'uicon-google': '\ue87a', + 'uicon-google-circle-fill': '\ue88a', + 'uicon-setting-fill': '\ue872', + 'uicon-setting': '\ue61f', + 'uicon-minus-square-fill': '\ue855', + 'uicon-plus-square-fill': '\ue856', + 'uicon-heart': '\ue7df', + 'uicon-heart-fill': '\ue851', + 'uicon-camera': '\ue7d7', + 'uicon-camera-fill': '\ue870', + 'uicon-more-circle': '\ue63e', + 'uicon-more-circle-fill': '\ue645', + 'uicon-chat': '\ue620', + 'uicon-chat-fill': '\ue61e', + 'uicon-bag-fill': '\ue617', + 'uicon-bag': '\ue619', + 'uicon-error-circle-fill': '\ue62c', + 'uicon-error-circle': '\ue624', + 'uicon-close-circle': '\ue63f', + 'uicon-close-circle-fill': '\ue637', + 'uicon-checkmark-circle': '\ue63d', + 'uicon-checkmark-circle-fill': '\ue635', + 'uicon-question-circle-fill': '\ue666', + 'uicon-question-circle': '\ue625', + 'uicon-share': '\ue631', + 'uicon-share-fill': '\ue65e', + 'uicon-shopping-cart': '\ue621', + 'uicon-shopping-cart-fill': '\ue65d', + 'uicon-bell': '\ue609', + 'uicon-bell-fill': '\ue640', + 'uicon-list': '\ue650', + 'uicon-list-dot': '\ue616', + 'uicon-zhihu': '\ue6ba', + 'uicon-zhihu-circle-fill': '\ue709', + 'uicon-zhifubao': '\ue6b9', + 'uicon-zhifubao-circle-fill': '\ue6b8', + 'uicon-weixin-circle-fill': '\ue6b1', + 'uicon-weixin-fill': '\ue6b2', + 'uicon-twitter-circle-fill': '\ue6ab', + 'uicon-twitter': '\ue6aa', + 'uicon-taobao-circle-fill': '\ue6a7', + 'uicon-taobao': '\ue6a6', + 'uicon-weibo-circle-fill': '\ue6a5', + 'uicon-weibo': '\ue6a4', + 'uicon-qq-fill': '\ue6a1', + 'uicon-qq-circle-fill': '\ue6a0', + 'uicon-moments-circel-fill': '\ue69a', + 'uicon-moments': '\ue69b', + 'uicon-qzone': '\ue695', + 'uicon-qzone-circle-fill': '\ue696', + 'uicon-baidu-circle-fill': '\ue680', + 'uicon-baidu': '\ue681', + 'uicon-facebook-circle-fill': '\ue68a', + 'uicon-facebook': '\ue689', + 'uicon-car': '\ue60c', + 'uicon-car-fill': '\ue636', + 'uicon-warning-fill': '\ue64d', + 'uicon-warning': '\ue694', + 'uicon-clock-fill': '\ue638', + 'uicon-clock': '\ue60f', + 'uicon-edit-pen': '\ue612', + 'uicon-edit-pen-fill': '\ue66b', + 'uicon-email': '\ue611', + 'uicon-email-fill': '\ue642', + 'uicon-minus-circle': '\ue61b', + 'uicon-minus-circle-fill': '\ue652', + 'uicon-plus-circle': '\ue62e', + 'uicon-plus-circle-fill': '\ue661', + 'uicon-file-text': '\ue663', + 'uicon-file-text-fill': '\ue665', + 'uicon-pushpin': '\ue7e3', + 'uicon-pushpin-fill': '\ue86e', + 'uicon-grid': '\ue673', + 'uicon-grid-fill': '\ue678', + 'uicon-play-circle': '\ue647', + 'uicon-play-circle-fill': '\ue655', + 'uicon-pause-circle-fill': '\ue654', + 'uicon-pause': '\ue8fa', + 'uicon-pause-circle': '\ue643', + 'uicon-eye-off': '\ue648', + 'uicon-eye-off-outline': '\ue62b', + 'uicon-gift-fill': '\ue65c', + 'uicon-gift': '\ue65b', + 'uicon-rmb-circle-fill': '\ue657', + 'uicon-rmb-circle': '\ue677', + 'uicon-kefu-ermai': '\ue656', + 'uicon-server-fill': '\ue751', + 'uicon-coupon-fill': '\ue8c4', + 'uicon-coupon': '\ue8ae', + 'uicon-integral': '\ue704', + 'uicon-integral-fill': '\ue703', + 'uicon-home-fill': '\ue964', + 'uicon-home': '\ue965', + 'uicon-hourglass-half-fill': '\ue966', + 'uicon-hourglass': '\ue967', + 'uicon-account': '\ue628', + 'uicon-plus-people-fill': '\ue626', + 'uicon-minus-people-fill': '\ue615', + 'uicon-account-fill': '\ue614', + 'uicon-thumb-down-fill': '\ue726', + 'uicon-thumb-down': '\ue727', + 'uicon-thumb-up': '\ue733', + 'uicon-thumb-up-fill': '\ue72f', + 'uicon-lock-fill': '\ue979', + 'uicon-lock-open': '\ue973', + 'uicon-lock-opened-fill': '\ue974', + 'uicon-lock': '\ue97a', + 'uicon-red-packet-fill': '\ue690', + 'uicon-photo-fill': '\ue98b', + 'uicon-photo': '\ue98d', + 'uicon-volume-off-fill': '\ue659', + 'uicon-volume-off': '\ue644', + 'uicon-volume-fill': '\ue670', + 'uicon-volume': '\ue633', + 'uicon-red-packet': '\ue691', + 'uicon-download': '\ue63c', + 'uicon-arrow-up-fill': '\ue6b0', + 'uicon-arrow-down-fill': '\ue600', + 'uicon-play-left-fill': '\ue675', + 'uicon-play-right-fill': '\ue676', + 'uicon-rewind-left-fill': '\ue679', + 'uicon-rewind-right-fill': '\ue67a', + 'uicon-arrow-downward': '\ue604', + 'uicon-arrow-leftward': '\ue601', + 'uicon-arrow-rightward': '\ue603', + 'uicon-arrow-upward': '\ue607', + 'uicon-arrow-down': '\ue60d', + 'uicon-arrow-right': '\ue605', + 'uicon-arrow-left': '\ue60e', + 'uicon-arrow-up': '\ue606', + 'uicon-skip-back-left': '\ue674', + 'uicon-skip-forward-right': '\ue672', + 'uicon-rewind-right': '\ue66f', + 'uicon-rewind-left': '\ue671', + 'uicon-arrow-right-double': '\ue68d', + 'uicon-arrow-left-double': '\ue68c', + 'uicon-wifi-off': '\ue668', + 'uicon-wifi': '\ue667', + 'uicon-empty-data': '\ue62f', + 'uicon-empty-history': '\ue684', + 'uicon-empty-list': '\ue68b', + 'uicon-empty-page': '\ue627', + 'uicon-empty-order': '\ue639', + 'uicon-man': '\ue697', + 'uicon-woman': '\ue69c', + 'uicon-man-add': '\ue61c', + 'uicon-man-add-fill': '\ue64c', + 'uicon-man-delete': '\ue61a', + 'uicon-man-delete-fill': '\ue66a', + 'uicon-zh': '\ue70a', + 'uicon-en': '\ue692' +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-icon/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-icon/props.js new file mode 100644 index 000000000..71845b7ca --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-icon/props.js @@ -0,0 +1,89 @@ +export default { + props: { + // 图标类名 + name: { + type: String, + default: uni.$u.props.icon.name + }, + // 图标颜色，可接受主题色 + color: { + type: String, + default: uni.$u.props.icon.color + }, + // 字体大小，单位px + size: { + type: [String, Number], + default: uni.$u.props.icon.size + }, + // 是否显示粗体 + bold: { + type: Boolean, + default: uni.$u.props.icon.bold + }, + // 点击图标的时候传递事件出去的index（用于区分点击了哪一个） + index: { + type: [String, Number], + default: uni.$u.props.icon.index + }, + // 触摸图标时的类名 + hoverClass: { + type: String, + default: uni.$u.props.icon.hoverClass + }, + // 自定义扩展前缀，方便用户扩展自己的图标库 + customPrefix: { + type: String, + default: uni.$u.props.icon.customPrefix + }, + // 图标右边或者下面的文字 + label: { + type: [String, Number], + default: uni.$u.props.icon.label + }, + // label的位置，只能右边或者下边 + labelPos: { + type: String, + default: uni.$u.props.icon.labelPos + }, + // label的大小 + labelSize: { + type: [String, Number], + default: uni.$u.props.icon.labelSize + }, + // label的颜色 + labelColor: { + type: String, + default: uni.$u.props.icon.labelColor + }, + // label与图标的距离 + space: { + type: [String, Number], + default: uni.$u.props.icon.space + }, + // 图片的mode + imgMode: { + type: String, + default: uni.$u.props.icon.imgMode + }, + // 用于显示图片小图标时，图片的宽度 + width: { + type: [String, Number], + default: uni.$u.props.icon.width + }, + // 用于显示图片小图标时，图片的高度 + height: { + type: [String, Number], + default: uni.$u.props.icon.height + }, + // 用于解决某些情况下，让图标垂直居中的用途 + top: { + type: [String, Number], + default: uni.$u.props.icon.top + }, + // 是否阻止事件传播 + stop: { + type: Boolean, + default: uni.$u.props.icon.stop + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-icon/u-icon.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-icon/u-icon.vue new file mode 100644 index 000000000..fb1205141 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-icon/u-icon.vue @@ -0,0 +1,234 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-image/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-image/props.js new file mode 100644 index 000000000..2eabb746b --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-image/props.js @@ -0,0 +1,84 @@ +export default { + props: { + // 图片地址 + src: { + type: String, + default: uni.$u.props.image.src + }, + // 裁剪模式 + mode: { + type: String, + default: uni.$u.props.image.mode + }, + // 宽度，单位任意 + width: { + type: [String, Number], + default: uni.$u.props.image.width + }, + // 高度，单位任意 + height: { + type: [String, Number], + default: uni.$u.props.image.height + }, + // 图片形状，circle-圆形，square-方形 + shape: { + type: String, + default: uni.$u.props.image.shape + }, + // 圆角，单位任意 + radius: { + type: [String, Number], + default: uni.$u.props.image.radius + }, + // 是否懒加载，微信小程序、App、百度小程序、字节跳动小程序 + lazyLoad: { + type: Boolean, + default: uni.$u.props.image.lazyLoad + }, + // 开启长按图片显示识别微信小程序码菜单 + showMenuByLongpress: { + type: Boolean, + default: uni.$u.props.image.showMenuByLongpress + }, + // 加载中的图标，或者小图片 + loadingIcon: { + type: String, + default: uni.$u.props.image.loadingIcon + }, + // 加载失败的图标，或者小图片 + errorIcon: { + type: String, + default: uni.$u.props.image.errorIcon + }, + // 是否显示加载中的图标或者自定义的slot + showLoading: { + type: Boolean, + default: uni.$u.props.image.showLoading + }, + // 是否显示加载错误的图标或者自定义的slot + showError: { + type: Boolean, + default: uni.$u.props.image.showError + }, + // 是否需要淡入效果 + fade: { + type: Boolean, + default: uni.$u.props.image.fade + }, + // 只支持网络资源，只对微信小程序有效 + webp: { + type: Boolean, + default: uni.$u.props.image.webp + }, + // 过渡时间，单位ms + duration: { + type: [String, Number], + default: uni.$u.props.image.duration + }, + // 背景颜色，用于深色页面加载图片时，为了和背景色融合 + bgColor: { + type: String, + default: uni.$u.props.image.bgColor + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-image/u-image.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-image/u-image.vue new file mode 100644 index 000000000..17998f5c0 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-image/u-image.vue @@ -0,0 +1,219 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-index-anchor/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-index-anchor/props.js new file mode 100644 index 000000000..6d8b59a72 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-index-anchor/props.js @@ -0,0 +1,29 @@ +export default { + props: { + // 列表锚点文本内容 + text: { + type: [String, Number], + default: uni.$u.props.indexAnchor.text + }, + // 列表锚点文字颜色 + color: { + type: String, + default: uni.$u.props.indexAnchor.color + }, + // 列表锚点文字大小，单位默认px + size: { + type: [String, Number], + default: uni.$u.props.indexAnchor.size + }, + // 列表锚点背景颜色 + bgColor: { + type: String, + default: uni.$u.props.indexAnchor.bgColor + }, + // 列表锚点高度，单位默认px + height: { + type: [String, Number], + default: uni.$u.props.indexAnchor.height + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-index-anchor/u-index-anchor.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-index-anchor/u-index-anchor.vue new file mode 100644 index 000000000..a50eabf80 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-index-anchor/u-index-anchor.vue @@ -0,0 +1,91 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-index-item/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-index-item/props.js new file mode 100644 index 000000000..7c1133117 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-index-item/props.js @@ -0,0 +1,5 @@ +export default { + props: { + + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-index-item/u-index-item.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-index-item/u-index-item.vue new file mode 100644 index 000000000..0bc7fb3cd --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-index-item/u-index-item.vue @@ -0,0 +1,87 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-index-list/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-index-list/props.js new file mode 100644 index 000000000..354d45914 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-index-list/props.js @@ -0,0 +1,29 @@ +export default { + props: { + // 右边锚点非激活的颜色 + inactiveColor: { + type: String, + default: uni.$u.props.indexList.inactiveColor + }, + // 右边锚点激活的颜色 + activeColor: { + type: String, + default: uni.$u.props.indexList.activeColor + }, + // 索引字符列表，数组形式 + indexList: { + type: Array, + default: uni.$u.props.indexList.indexList + }, + // 是否开启锚点自动吸顶 + sticky: { + type: Boolean, + default: uni.$u.props.indexList.sticky + }, + // 自定义导航栏的高度 + customNavHeight: { + type: [String, Number], + default: uni.$u.props.indexList.customNavHeight + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-index-list/u-index-list.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-index-list/u-index-list.vue new file mode 100644 index 000000000..bdc5aa9c5 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-index-list/u-index-list.vue @@ -0,0 +1,438 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-input/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-input/props.js new file mode 100644 index 000000000..44ec75196 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-input/props.js @@ -0,0 +1,187 @@ +export default { + props: { + // 输入的值 + value: { + type: [String, Number], + default: uni.$u.props.input.value + }, + // 输入框类型 + // number-数字输入键盘，app-vue下可以输入浮点数，app-nvue和小程序平台下只能输入整数 + // idcard-身份证输入键盘，微信、支付宝、百度、QQ小程序 + // digit-带小数点的数字键盘，App的nvue页面、微信、支付宝、百度、头条、QQ小程序 + // text-文本输入键盘 + type: { + type: String, + default: uni.$u.props.input.type + }, + // 如果 textarea 是在一个 position:fixed 的区域，需要显示指定属性 fixed 为 true， + // 兼容性：微信小程序、百度小程序、字节跳动小程序、QQ小程序 + fixed: { + default: Boolean, + default: uni.$u.props.input.fixed + }, + // 是否禁用输入框 + disabled: { + type: Boolean, + default: uni.$u.props.input.disabled + }, + // 禁用状态时的背景色 + disabledColor: { + type: String, + default: uni.$u.props.input.disabledColor + }, + // 是否显示清除控件 + clearable: { + type: Boolean, + default: uni.$u.props.input.clearable + }, + // 是否密码类型 + password: { + type: Boolean, + default: uni.$u.props.input.password + }, + // 最大输入长度，设置为 -1 的时候不限制最大长度 + maxlength: { + type: [String, Number], + default: uni.$u.props.input.maxlength + }, + // 输入框为空时的占位符 + placeholder: { + type: String, + default: uni.$u.props.input.placeholder + }, + // 指定placeholder的样式类，注意页面或组件的style中写了scoped时，需要在类名前写/deep/ + placeholderClass: { + type: String, + default: uni.$u.props.input.placeholderClass + }, + // 指定placeholder的样式 + placeholderStyle: { + type: [String, Object], + default: uni.$u.props.input.placeholderStyle + }, + // 是否显示输入字数统计，只在 type ="text"或type ="textarea"时有效 + showWordLimit: { + type: Boolean, + default: uni.$u.props.input.showWordLimit + }, + // 设置右下角按钮的文字，有效值：send|search|next|go|done，兼容性详见uni-app文档 + // https://uniapp.dcloud.io/component/input + // https://uniapp.dcloud.io/component/textarea + confirmType: { + type: String, + default: uni.$u.props.input.confirmType + }, + // 点击键盘右下角按钮时是否保持键盘不收起，H5无效 + confirmHold: { + type: Boolean, + default: uni.$u.props.input.confirmHold + }, + // focus时，点击页面的时候不收起键盘，微信小程序有效 + holdKeyboard: { + type: Boolean, + default: uni.$u.props.input.holdKeyboard + }, + // 自动获取焦点 + // 在 H5 平台能否聚焦以及软键盘是否跟随弹出，取决于当前浏览器本身的实现。nvue 页面不支持，需使用组件的 focus()、blur() 方法控制焦点 + focus: { + type: Boolean, + default: uni.$u.props.input.focus + }, + // 键盘收起时，是否自动失去焦点，目前仅App3.0.0+有效 + autoBlur: { + type: Boolean, + default: uni.$u.props.input.autoBlur + }, + // 是否去掉 iOS 下的默认内边距，仅微信小程序，且type=textarea时有效 + disableDefaultPadding: { + type: Boolean, + default: uni.$u.props.input.disableDefaultPadding + }, + // 指定focus时光标的位置 + cursor: { + type: [String, Number], + default: uni.$u.props.input.cursor + }, + // 输入框聚焦时底部与键盘的距离 + cursorSpacing: { + type: [String, Number], + default: uni.$u.props.input.cursorSpacing + }, + // 光标起始位置，自动聚集时有效，需与selection-end搭配使用 + selectionStart: { + type: [String, Number], + default: uni.$u.props.input.selectionStart + }, + // 光标结束位置，自动聚集时有效，需与selection-start搭配使用 + selectionEnd: { + type: [String, Number], + default: uni.$u.props.input.selectionEnd + }, + // 键盘弹起时，是否自动上推页面 + adjustPosition: { + type: Boolean, + default: uni.$u.props.input.adjustPosition + }, + // 输入框内容对齐方式，可选值为：left|center|right + inputAlign: { + type: String, + default: uni.$u.props.input.inputAlign + }, + // 是否自适应内容高度，只对type=textarea有效，可传入对象,如{ maxHeight: 100, minHeight: 50 } + autosize: { + type: Boolean, + default: uni.$u.props.input.autosize + }, + // 输入框字体的大小 + fontSize: { + type: [String, Number], + default: uni.$u.props.input.fontSize + }, + // 输入框字体颜色 + color: { + type: String, + default: uni.$u.props.input.color + }, + // 输入框前置图标 + prefixIcon: { + type: String, + default: uni.$u.props.input.prefixIcon + }, + // 前置图标样式，对象或字符串 + prefixIconStyle: { + type: [String, Object], + default: uni.$u.props.input.prefixIconStyle + }, + // 输入框后置图标 + suffixIcon: { + type: String, + default: uni.$u.props.input.suffixIcon + }, + // 后置图标样式，对象或字符串 + suffixIconStyle: { + type: [String, Object], + default: uni.$u.props.input.suffixIconStyle + }, + // 边框类型，surround-四周边框，bottom-底部边框，none-无边框 + border: { + type: String, + default: uni.$u.props.input.border + }, + // 是否只读，与disabled不同之处在于disabled会置灰组件，而readonly则不会 + readonly: { + type: Boolean, + default: uni.$u.props.input.readonly + }, + // 输入框形状，circle-圆形，square-方形 + shape: { + type: String, + default: uni.$u.props.input.shape + }, + // 用于处理或者过滤输入框内容的方法 + formatter: { + type: [Function, null], + default: uni.$u.props.input.formatter + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-input/u-input.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-input/u-input.vue new file mode 100644 index 000000000..552ff09ed --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-input/u-input.vue @@ -0,0 +1,346 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-keyboard/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-keyboard/props.js new file mode 100644 index 000000000..cfdb00aca --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-keyboard/props.js @@ -0,0 +1,84 @@ +export default { + props: { + // 键盘的类型，number-数字键盘，card-身份证键盘，car-车牌号键盘 + mode: { + type: String, + default: uni.$u.props.keyboard.mode + }, + // 是否显示键盘的"."符号 + dotDisabled: { + type: Boolean, + default: uni.$u.props.keyboard.dotDisabled + }, + // 是否显示顶部工具条 + tooltip: { + type: Boolean, + default: uni.$u.props.keyboard.tooltip + }, + // 是否显示工具条中间的提示 + showTips: { + type: Boolean, + default: uni.$u.props.keyboard.showTips + }, + // 工具条中间的提示文字 + tips: { + type: String, + default: uni.$u.props.keyboard.tips + }, + // 是否显示工具条左边的"取消"按钮 + showCancel: { + type: Boolean, + default: uni.$u.props.keyboard.showCancel + }, + // 是否显示工具条右边的"完成"按钮 + showConfirm: { + type: Boolean, + default: uni.$u.props.keyboard.showConfirm + }, + // 是否打乱键盘按键的顺序 + random: { + type: Boolean, + default: uni.$u.props.keyboard.random + }, + // 是否开启底部安全区适配，开启的话，会在iPhoneX机型底部添加一定的内边距 + safeAreaInsetBottom: { + type: Boolean, + default: uni.$u.props.keyboard.safeAreaInsetBottom + }, + // 是否允许通过点击遮罩关闭键盘 + closeOnClickOverlay: { + type: Boolean, + default: uni.$u.props.keyboard.closeOnClickOverlay + }, + // 控制键盘的弹出与收起 + show: { + type: Boolean, + default: uni.$u.props.keyboard.show + }, + // 是否显示遮罩，某些时候数字键盘时，用户希望看到自己的数值，所以可能不想要遮罩 + overlay: { + type: Boolean, + default: uni.$u.props.keyboard.overlay + }, + // z-index值 + zIndex: { + type: [String, Number], + default: uni.$u.props.keyboard.zIndex + }, + // 取消按钮的文字 + cancelText: { + type: String, + default: uni.$u.props.keyboard.cancelText + }, + // 确认按钮的文字 + confirmText: { + type: String, + default: uni.$u.props.keyboard.confirmText + }, + // 输入一个中文后，是否自动切换到英文 + autoChange: { + type: Boolean, + default: uni.$u.props.keyboard.autoChange + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-keyboard/u-keyboard.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-keyboard/u-keyboard.vue new file mode 100644 index 000000000..664a19759 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-keyboard/u-keyboard.vue @@ -0,0 +1,164 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-line-progress/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-line-progress/props.js new file mode 100644 index 000000000..a4210bdfa --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-line-progress/props.js @@ -0,0 +1,28 @@ +export default { + props: { + // 激活部分的颜色 + activeColor: { + type: String, + default: uni.$u.props.lineProgress.activeColor + }, + inactiveColor: { + type: String, + default: uni.$u.props.lineProgress.color + }, + // 进度百分比，数值 + percentage: { + type: [String, Number], + default: uni.$u.props.lineProgress.inactiveColor + }, + // 是否在进度条内部显示百分比的值 + showText: { + type: Boolean, + default: uni.$u.props.lineProgress.showText + }, + // 进度条的高度，单位px + height: { + type: [String, Number], + default: uni.$u.props.lineProgress.height + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-line-progress/u-line-progress.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-line-progress/u-line-progress.vue new file mode 100644 index 000000000..b1cdadce3 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-line-progress/u-line-progress.vue @@ -0,0 +1,142 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-line/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-line/props.js new file mode 100644 index 000000000..866bade95 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-line/props.js @@ -0,0 +1,33 @@ +export default { + props: { + color: { + type: String, + default: uni.$u.props.line.color + }, + // 长度，竖向时表现为高度，横向时表现为长度，可以为百分比，带px单位的值等 + length: { + type: [String, Number], + default: uni.$u.props.line.length + }, + // 线条方向，col-竖向，row-横向 + direction: { + type: String, + default: uni.$u.props.line.direction + }, + // 是否显示细边框 + hairline: { + type: Boolean, + default: uni.$u.props.line.hairline + }, + // 线条与上下左右元素的间距，字符串形式，如"30px"、"20px 30px" + margin: { + type: [String, Number], + default: uni.$u.props.line.margin + }, + // 是否虚线，true-实线，false-虚线 + dashed: { + type: Boolean, + default: uni.$u.props.line.dashed + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-line/u-line.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-line/u-line.vue new file mode 100644 index 000000000..eaa39e2a6 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-line/u-line.vue @@ -0,0 +1,62 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-link/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-link/props.js new file mode 100644 index 000000000..d39353f18 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-link/props.js @@ -0,0 +1,39 @@ +export default { + props: { + // 文字颜色 + color: { + type: String, + default: uni.$u.props.link.color + }, + // 字体大小，单位px + fontSize: { + type: [String, Number], + default: uni.$u.props.link.fontSize + }, + // 是否显示下划线 + underLine: { + type: Boolean, + default: uni.$u.props.link.underLine + }, + // 要跳转的链接 + href: { + type: String, + default: uni.$u.props.link.href + }, + // 小程序中复制到粘贴板的提示语 + mpTips: { + type: String, + default: uni.$u.props.link.mpTips + }, + // 下划线颜色 + lineColor: { + type: String, + default: uni.$u.props.link.lineColor + }, + // 超链接的问题，不使用slot形式传入，是因为nvue下无法修改颜色 + text: { + type: String, + default: uni.$u.props.link.text + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-link/u-link.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-link/u-link.vue new file mode 100644 index 000000000..c6802a560 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-link/u-link.vue @@ -0,0 +1,83 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-list-item/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-list-item/props.js new file mode 100644 index 000000000..58ddc493c --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-list-item/props.js @@ -0,0 +1,9 @@ +export default { + props: { + // 用于滚动到指定item + anchor: { + type: [String, Number], + default: uni.$u.props.listItem.anchor + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-list-item/u-list-item.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-list-item/u-list-item.vue new file mode 100644 index 000000000..1a25db65e --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-list-item/u-list-item.vue @@ -0,0 +1,116 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-list/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-list/props.js new file mode 100644 index 000000000..25406f4e0 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-list/props.js @@ -0,0 +1,76 @@ +export default { + props: { + // 控制是否出现滚动条，仅nvue有效 + showScrollbar: { + type: Boolean, + default: uni.$u.props.list.showScrollbar + }, + // 距底部多少时触发scrolltolower事件 + lowerThreshold: { + type: [String, Number], + default: uni.$u.props.list.lowerThreshold + }, + // 距顶部多少时触发scrolltoupper事件，非nvue有效 + upperThreshold: { + type: [String, Number], + default: uni.$u.props.list.upperThreshold + }, + // 设置竖向滚动条位置 + scrollTop: { + type: [String, Number], + default: uni.$u.props.list.scrollTop + }, + // 控制 onscroll 事件触发的频率，仅nvue有效 + offsetAccuracy: { + type: [String, Number], + default: uni.$u.props.list.offsetAccuracy + }, + // 启用 flexbox 布局。开启后，当前节点声明了display: flex就会成为flex container，并作用于其孩子节点，仅微信小程序有效 + enableFlex: { + type: Boolean, + default: uni.$u.props.list.enableFlex + }, + // 是否按分页模式显示List，默认值false + pagingEnabled: { + type: Boolean, + default: uni.$u.props.list.pagingEnabled + }, + // 是否允许List滚动 + scrollable: { + type: Boolean, + default: uni.$u.props.list.scrollable + }, + // 值应为某子元素id（id不能以数字开头） + scrollIntoView: { + type: String, + default: uni.$u.props.list.scrollIntoView + }, + // 在设置滚动条位置时使用动画过渡 + scrollWithAnimation: { + type: Boolean, + default: uni.$u.props.list.scrollWithAnimation + }, + // iOS点击顶部状态栏、安卓双击标题栏时，滚动条返回顶部，只对微信小程序有效 + enableBackToTop: { + type: Boolean, + default: uni.$u.props.list.enableBackToTop + }, + // 列表的高度 + height: { + type: [String, Number], + default: uni.$u.props.list.height + }, + // 列表宽度 + width: { + type: [String, Number], + default: uni.$u.props.list.width + }, + // 列表前后预渲染的屏数，1代表一个屏幕的高度，1.5代表1个半屏幕高度 + preLoadScreen: { + type: [String, Number], + default: uni.$u.props.list.preLoadScreen + } + // vue下，是否开启虚拟列表 + + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-list/u-list.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-list/u-list.vue new file mode 100644 index 000000000..6e08cb39a --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-list/u-list.vue @@ -0,0 +1,159 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-loading-icon/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-loading-icon/props.js new file mode 100644 index 000000000..c35524e2a --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-loading-icon/props.js @@ -0,0 +1,59 @@ +export default { + props: { + // 是否显示组件 + show: { + type: Boolean, + default: uni.$u.props.loadingIcon.show + }, + // 颜色 + color: { + type: String, + default: uni.$u.props.loadingIcon.color + }, + // 提示文字颜色 + textColor: { + type: String, + default: uni.$u.props.loadingIcon.textColor + }, + // 文字和图标是否垂直排列 + vertical: { + type: Boolean, + default: uni.$u.props.loadingIcon.vertical + }, + // 模式选择，circle-圆形，spinner-花朵形，semicircle-半圆形 + mode: { + type: String, + default: uni.$u.props.loadingIcon.mode + }, + // 图标大小，单位默认px + size: { + type: [String, Number], + default: uni.$u.props.loadingIcon.size + }, + // 文字大小 + textSize: { + type: [String, Number], + default: uni.$u.props.loadingIcon.textSize + }, + // 文字内容 + text: { + type: [String, Number], + default: uni.$u.props.loadingIcon.text + }, + // 动画模式 + timingFunction: { + type: String, + default: uni.$u.props.loadingIcon.timingFunction + }, + // 动画执行周期时间 + duration: { + type: [String, Number], + default: uni.$u.props.loadingIcon.duration + }, + // mode=circle时的暗边颜色 + inactiveColor: { + type: String, + default: uni.$u.props.loadingIcon.inactiveColor + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-loading-icon/u-loading-icon.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-loading-icon/u-loading-icon.vue new file mode 100644 index 000000000..2ede5c3a3 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-loading-icon/u-loading-icon.vue @@ -0,0 +1,343 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-loading-page/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-loading-page/props.js new file mode 100644 index 000000000..438ab6437 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-loading-page/props.js @@ -0,0 +1,44 @@ +export default { + props: { + // 提示内容 + loadingText: { + type: [String, Number], + default: uni.$u.props.loadingPage.loadingText + }, + // 文字上方用于替换loading动画的图片 + image: { + type: String, + default: uni.$u.props.loadingPage.image + }, + // 加载动画的模式，circle-圆形，spinner-花朵形，semicircle-半圆形 + loadingMode: { + type: String, + default: uni.$u.props.loadingPage.loadingMode + }, + // 是否加载中 + loading: { + type: Boolean, + default: uni.$u.props.loadingPage.loading + }, + // 背景色 + bgColor: { + type: String, + default: uni.$u.props.loadingPage.bgColor + }, + // 文字颜色 + color: { + type: String, + default: uni.$u.props.loadingPage.color + }, + // 文字大小 + fontSize: { + type: [String, Number], + default: uni.$u.props.loadingPage.fontSize + }, + // 加载中图标的颜色，只能rgb或者十六进制颜色值 + loadingColor: { + type: String, + default: uni.$u.props.loadingPage.loadingColor + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-loading-page/u-loading-page.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-loading-page/u-loading-page.vue new file mode 100644 index 000000000..c6b51b973 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-loading-page/u-loading-page.vue @@ -0,0 +1,110 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-loadmore/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-loadmore/props.js new file mode 100644 index 000000000..125ad3eb7 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-loadmore/props.js @@ -0,0 +1,80 @@ +export default { + props: { + // 组件状态，loadmore-加载前的状态，loading-加载中的状态，nomore-没有更多的状态 + status: { + type: String, + default: uni.$u.props.loadmore.status + }, + // 组件背景色 + bgColor: { + type: String, + default: uni.$u.props.loadmore.bgColor + }, + // 是否显示加载中的图标 + icon: { + type: Boolean, + default: uni.$u.props.loadmore.icon + }, + // 字体大小 + fontSize: { + type: [String, Number], + default: uni.$u.props.loadmore.fontSize + }, + // 字体颜色 + color: { + type: String, + default: uni.$u.props.loadmore.color + }, + + // 加载中状态的图标，spinner-花朵状图标，circle-圆圈状，semicircle-半圆 + loadingIcon: { + type: String, + default: uni.$u.props.loadmore.loadingIcon + }, + // 加载前的提示语 + loadmoreText: { + type: String, + default: uni.$u.props.loadmore.loadmoreText + }, + // 加载中提示语 + loadingText: { + type: String, + default: uni.$u.props.loadmore.loadingText + }, + // 没有更多的提示语 + nomoreText: { + type: String, + default: uni.$u.props.loadmore.nomoreText + }, + // 在“没有更多”状态下，是否显示粗点 + isDot: { + type: Boolean, + default: uni.$u.props.loadmore.isDot + }, + // 加载中图标的颜色 + iconColor: { + type: String, + default: uni.$u.props.loadmore.iconColor + }, + // 上边距 + marginTop: { + type: [String, Number], + default: uni.$u.props.loadmore.marginTop + }, + // 下边距 + marginBottom: { + type: [String, Number], + default: uni.$u.props.loadmore.marginBottom + }, + // 高度，单位px + height: { + type: [String, Number], + default: uni.$u.props.loadmore.height + }, + // 是否显示左边分割线 + line: { + type: Boolean, + default: uni.$u.props.loadmore.line + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-loadmore/u-loadmore.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-loadmore/u-loadmore.vue new file mode 100644 index 000000000..740ca166a --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-loadmore/u-loadmore.vue @@ -0,0 +1,145 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-modal/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-modal/props.js new file mode 100644 index 000000000..f76672c81 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-modal/props.js @@ -0,0 +1,84 @@ +export default { + props: { + // 是否展示modal + show: { + type: Boolean, + default: uni.$u.props.modal.show + }, + // 标题 + title: { + type: [String], + default: uni.$u.props.modal.title + }, + // 弹窗内容 + content: { + type: String, + default: uni.$u.props.modal.content + }, + // 确认文案 + confirmText: { + type: String, + default: uni.$u.props.modal.confirmText + }, + // 取消文案 + cancelText: { + type: String, + default: uni.$u.props.modal.cancelText + }, + // 是否显示确认按钮 + showConfirmButton: { + type: Boolean, + default: uni.$u.props.modal.showConfirmButton + }, + // 是否显示取消按钮 + showCancelButton: { + type: Boolean, + default: uni.$u.props.modal.showCancelButton + }, + // 确认按钮颜色 + confirmColor: { + type: String, + default: uni.$u.props.modal.confirmColor + }, + // 取消文字颜色 + cancelColor: { + type: String, + default: uni.$u.props.modal.cancelColor + }, + // 对调确认和取消的位置 + buttonReverse: { + type: Boolean, + default: uni.$u.props.modal.buttonReverse + }, + // 是否开启缩放效果 + zoom: { + type: Boolean, + default: uni.$u.props.modal.zoom + }, + // 是否异步关闭，只对确定按钮有效 + asyncClose: { + type: Boolean, + default: uni.$u.props.modal.asyncClose + }, + // 是否允许点击遮罩关闭modal + closeOnClickOverlay: { + type: Boolean, + default: uni.$u.props.modal.closeOnClickOverlay + }, + // 给一个负的margin-top，往上偏移，避免和键盘重合的情况 + negativeTop: { + type: [String, Number], + default: uni.$u.props.modal.negativeTop + }, + // modal宽度，不支持百分比，可以数值，px，rpx单位 + width: { + type: [String, Number], + default: uni.$u.props.modal.width + }, + // 确认按钮的样式，circle-圆形，square-方形，如设置，将不会显示取消按钮 + confirmButtonShape: { + type: String, + default: uni.$u.props.modal.confirmButtonShape + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-modal/u-modal.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-modal/u-modal.vue new file mode 100644 index 000000000..4c37ae2ed --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-modal/u-modal.vue @@ -0,0 +1,227 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-navbar/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-navbar/props.js new file mode 100644 index 000000000..2617a1046 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-navbar/props.js @@ -0,0 +1,64 @@ +export default { + props: { + // 是否开启顶部安全区适配 + safeAreaInsetTop: { + type: Boolean, + default: uni.$u.props.navbar.safeAreaInsetTop + }, + // 固定在顶部时，是否生成一个等高元素，以防止塌陷 + placeholder: { + type: Boolean, + default: uni.$u.props.navbar.placeholder + }, + // 是否固定在顶部 + fixed: { + type: Boolean, + default: uni.$u.props.navbar.fixed + }, + // 是否显示下边框 + border: { + type: Boolean, + default: uni.$u.props.navbar.border + }, + // 左边的图标 + leftIcon: { + type: String, + default: uni.$u.props.navbar.leftIcon + }, + // 左边的提示文字 + leftText: { + type: String, + default: uni.$u.props.navbar.leftText + }, + // 左右的提示文字 + rightText: { + type: String, + default: uni.$u.props.navbar.rightText + }, + // 右边的图标 + rightIcon: { + type: String, + default: uni.$u.props.navbar.rightIcon + }, + // 标题 + title: { + type: [String, Number], + default: uni.$u.props.navbar.title + }, + // 背景颜色 + bgColor: { + type: String, + default: uni.$u.props.navbar.bgColor + }, + // 标题的宽度 + titleWidth: { + type: [String, Number], + default: uni.$u.props.navbar.titleWidth + }, + // 导航栏高度 + height: { + type: [String, Number], + default: uni.$u.props.navbar.height + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-navbar/u-navbar.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-navbar/u-navbar.vue new file mode 100644 index 000000000..0f05566ce --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-navbar/u-navbar.vue @@ -0,0 +1,172 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-no-network/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-no-network/props.js new file mode 100644 index 000000000..9f3af62ca --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-no-network/props.js @@ -0,0 +1,19 @@ +export default { + props: { + // 页面文字提示 + tips: { + type: String, + default: uni.$u.props.noNetwork.tips + }, + // 一个z-index值，用于设置没有网络这个组件的层次，因为页面可能会有其他定位的元素层级过高，导致此组件被覆盖 + zIndex: { + type: [String, Number], + default: uni.$u.props.noNetwork.zIndex + }, + // image 没有网络的图片提示 + image: { + type: String, + default: uni.$u.props.noNetwork.image + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-no-network/u-no-network.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-no-network/u-no-network.vue new file mode 100644 index 000000000..53db90588 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-no-network/u-no-network.vue @@ -0,0 +1,219 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-notice-bar/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-notice-bar/props.js new file mode 100644 index 000000000..7040c29a5 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-notice-bar/props.js @@ -0,0 +1,70 @@ +export default { + props: { + // 显示的内容，数组 + text: { + type: [Array, String], + default: uni.$u.props.noticeBar.text + }, + // 通告滚动模式，row-横向滚动，column-竖向滚动 + direction: { + type: String, + default: uni.$u.props.noticeBar.direction + }, + // direction = row时，是否使用步进形式滚动 + step: { + type: Boolean, + default: uni.$u.props.noticeBar.step + }, + // 是否显示左侧的音量图标 + icon: { + type: String, + default: uni.$u.props.noticeBar.icon + }, + // 通告模式，link-显示右箭头，closable-显示右侧关闭图标 + mode: { + type: String, + default: uni.$u.props.noticeBar.mode + }, + // 文字颜色，各图标也会使用文字颜色 + color: { + type: String, + default: uni.$u.props.noticeBar.color + }, + // 背景颜色 + bgColor: { + type: String, + default: uni.$u.props.noticeBar.bgColor + }, + // 水平滚动时的滚动速度，即每秒滚动多少px(px)，这有利于控制文字无论多少时，都能有一个恒定的速度 + speed: { + type: [String, Number], + default: uni.$u.props.noticeBar.speed + }, + // 字体大小 + fontSize: { + type: [String, Number], + default: uni.$u.props.noticeBar.fontSize + }, + // 滚动一个周期的时间长，单位ms + duration: { + type: [String, Number], + default: uni.$u.props.noticeBar.duration + }, + // 是否禁止用手滑动切换 + // 目前HX2.6.11，只支持App 2.5.5+、H5 2.5.5+、支付宝小程序、字节跳动小程序 + disableTouch: { + type: Boolean, + default: uni.$u.props.noticeBar.disableTouch + }, + // 跳转的页面路径 + url: { + type: String, + default: uni.$u.props.noticeBar.url + }, + // 页面跳转的类型 + linkType: { + type: String, + default: uni.$u.props.noticeBar.linkType + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-notice-bar/u-notice-bar.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-notice-bar/u-notice-bar.vue new file mode 100644 index 000000000..a06eb39ad --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-notice-bar/u-notice-bar.vue @@ -0,0 +1,101 @@ + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-notify/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-notify/props.js new file mode 100644 index 000000000..57a9d71e9 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-notify/props.js @@ -0,0 +1,49 @@ +export default { + props: { + // 到顶部的距离 + top: { + type: [String, Number], + default: uni.$u.props.notify.top + }, + // 是否展示组件 + // show: { + // type: Boolean, + // default: uni.$u.props.notify.show + // }, + // type主题，primary，success，warning，error + type: { + type: String, + default: uni.$u.props.notify.type + }, + // 字体颜色 + color: { + type: String, + default: uni.$u.props.notify.color + }, + // 背景颜色 + bgColor: { + type: String, + default: uni.$u.props.notify.bgColor + }, + // 展示的文字内容 + message: { + type: String, + default: uni.$u.props.notify.message + }, + // 展示时长，为0时不消失，单位ms + duration: { + type: [String, Number], + default: uni.$u.props.notify.duration + }, + // 字体大小 + fontSize: { + type: [String, Number], + default: uni.$u.props.notify.fontSize + }, + // 是否留出顶部安全距离（状态栏高度） + safeAreaInsetTop: { + type: Boolean, + default: uni.$u.props.notify.safeAreaInsetTop + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-notify/u-notify.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-notify/u-notify.vue new file mode 100644 index 000000000..dc3c3894b --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-notify/u-notify.vue @@ -0,0 +1,210 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-number-box/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-number-box/props.js new file mode 100644 index 000000000..fb0fa947f --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-number-box/props.js @@ -0,0 +1,109 @@ +export default { + props: { + // 步进器标识符，在change回调返回 + name: { + type: [String, Number], + default: uni.$u.props.numberBox.name + }, + // 用于双向绑定的值，初始化时设置设为默认min值(最小值) + value: { + type: [String, Number], + default: uni.$u.props.numberBox.value + }, + // 最小值 + min: { + type: [String, Number], + default: uni.$u.props.numberBox.min + }, + // 最大值 + max: { + type: [String, Number], + default: uni.$u.props.numberBox.max + }, + // 加减的步长，可为小数 + step: { + type: [String, Number], + default: uni.$u.props.numberBox.step + }, + // 是否只允许输入整数 + integer: { + type: Boolean, + default: uni.$u.props.numberBox.integer + }, + // 是否禁用，包括输入框，加减按钮 + disabled: { + type: Boolean, + default: uni.$u.props.numberBox.disabled + }, + // 是否禁用输入框 + disabledInput: { + type: Boolean, + default: uni.$u.props.numberBox.disabledInput + }, + // 是否开启异步变更，开启后需要手动控制输入值 + asyncChange: { + type: Boolean, + default: uni.$u.props.numberBox.asyncChange + }, + // 输入框宽度，单位为px + inputWidth: { + type: [String, Number], + default: uni.$u.props.numberBox.inputWidth + }, + // 是否显示减少按钮 + showMinus: { + type: Boolean, + default: uni.$u.props.numberBox.showMinus + }, + // 是否显示增加按钮 + showPlus: { + type: Boolean, + default: uni.$u.props.numberBox.showPlus + }, + // 显示的小数位数 + decimalLength: { + type: [String, Number, null], + default: uni.$u.props.numberBox.decimalLength + }, + // 是否开启长按加减手势 + longPress: { + type: Boolean, + default: uni.$u.props.numberBox.longPress + }, + // 输入框文字和加减按钮图标的颜色 + color: { + type: String, + default: uni.$u.props.numberBox.color + }, + // 按钮大小，宽高等于此值，单位px，输入框高度和此值保持一致 + buttonSize: { + type: [String, Number], + default: uni.$u.props.numberBox.buttonSize + }, + // 输入框和按钮的背景颜色 + bgColor: { + type: String, + default: uni.$u.props.numberBox.bgColor + }, + // 指定光标于键盘的距离，避免键盘遮挡输入框，单位px + cursorSpacing: { + type: [String, Number], + default: uni.$u.props.numberBox.cursorSpacing + }, + // 是否禁用增加按钮 + disablePlus: { + type: Boolean, + default: uni.$u.props.numberBox.disablePlus + }, + // 是否禁用减少按钮 + disableMinus: { + type: Boolean, + default: uni.$u.props.numberBox.disableMinus + }, + // 加减按钮图标的样式 + iconStyle: { + type: [Object, String], + default: uni.$u.props.numberBox.iconStyle + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-number-box/u-number-box.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-number-box/u-number-box.vue new file mode 100644 index 000000000..84b042022 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-number-box/u-number-box.vue @@ -0,0 +1,412 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-number-keyboard/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-number-keyboard/props.js new file mode 100644 index 000000000..5e3bf556b --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-number-keyboard/props.js @@ -0,0 +1,19 @@ +export default { + props: { + // 键盘的类型，number-数字键盘，card-身份证键盘 + mode: { + type: String, + default: uni.$u.props.numberKeyboard.value + }, + // 是否显示键盘的"."符号 + dotDisabled: { + type: Boolean, + default: uni.$u.props.numberKeyboard.dotDisabled + }, + // 是否打乱键盘按键的顺序 + random: { + type: Boolean, + default: uni.$u.props.numberKeyboard.random + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-number-keyboard/u-number-keyboard.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-number-keyboard/u-number-keyboard.vue new file mode 100644 index 000000000..c5fcbf4e9 --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-number-keyboard/u-number-keyboard.vue @@ -0,0 +1,196 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-overlay/props.js b/yudao-vue-ui/uni_modules/uview-ui/components/u-overlay/props.js new file mode 100644 index 000000000..e6974df9b --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-overlay/props.js @@ -0,0 +1,24 @@ +export default { + props: { + // 是否显示遮罩 + show: { + type: Boolean, + default: uni.$u.props.overlay.show + }, + // 层级z-index + zIndex: { + type: [String, Number], + default: uni.$u.props.overlay.zIndex + }, + // 遮罩的过渡时间，单位为ms + duration: { + type: [String, Number], + default: uni.$u.props.overlay.duration + }, + // 不透明度值，当做rgba的第四个参数 + opacity: { + type: [String, Number], + default: uni.$u.props.overlay.opacity + } + } +} diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-overlay/u-overlay.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-overlay/u-overlay.vue new file mode 100644 index 000000000..92de4e9fd --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-overlay/u-overlay.vue @@ -0,0 +1,68 @@ + + + + + diff --git a/yudao-vue-ui/uni_modules/uview-ui/components/u-parse/node/node.vue b/yudao-vue-ui/uni_modules/uview-ui/components/u-parse/node/node.vue new file mode 100644 index 000000000..e2a9f7bef --- /dev/null +++ b/yudao-vue-ui/uni_modules/uview-ui/components/u-parse/node/node.vue @@ -0,0 +1,499 @@ +