tencent / tdesign-miniprogram Goto Github PK
View Code? Open in Web Editor NEWA Wechat MiniProgram UI components lib for TDesign.
Home Page: https://tdesign.tencent.com/miniprogram
License: MIT License
A Wechat MiniProgram UI components lib for TDesign.
Home Page: https://tdesign.tencent.com/miniprogram
License: MIT License
Is your feature request related to a problem? Please describe.
当为 Button 组件设置 disabled 时, 尽管组件颜色变淡, 但是 tap 事件依旧可以正常执行, 需要自行在函数中处理
Describe the solution you'd like
Describe alternatives you've considered
在 tap 事件函数中处理, 但是很容易忘记
Is your feature request related to a problem? Please describe.
在处理用户输入时, 会使用到多个 Input 组件, 而每个 Input 都需要监听 change 事件, 并完成数据的更新
Describe the solution you'd like
使用 model:value 实现数据的双向绑定
<t-input model:value="{{ title }}" />
Describe alternatives you've considered
<t-input value="{{ title }}" />
handleChange(e) {
const { value } = e.detail
this.setData({ title: value })
}
Additional context
Describe Framework
Describe Environment
Add browser version here
Describe the bug
引入的 usingComponents
中缺少了 t-
前缀。
还有 stepper 组件
对应的组件
Badge
相关环境
基础库版本:最新
运行环境:开发者工具 / iOS / Android
出现的问题
徽标组件,单个数字时不是圆形
附加信息
徽标组件基础是正圆,然后在此基础扩展
【Dialog对话框】Events 中缺少 confirm
以及 open-type
事件
Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
Describe the solution you'd like
A clear and concise description of what you want to happen.
Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.
Additional context
Add any other context or screenshots about the feature request here.
使用css3的变量函数 var(--) 来自定义。
以Button按钮组件为例子:
开发者如果想自定义背景色(background-color)、字体色(color)、边框(border)
现阶段是样式覆盖,经测试需要加 !important 才能覆盖以上样式,个人感觉写法有点不爽
如果使用css3的变量函数 var(--) ,按照以下写法,个人感觉合理,希望能被采纳
.t-button{
color: var(--color , #000000e6);
background-color: var(--background-color , #fff);
border: var(--border , 1px solid #dcdcdc);
}
.my-button{
--color : red;
--background-color : blue
--border : solid 5px yellow
}
大多数业务场景 用户有自己的iconfont库,希望能提供配置支持
全量展示icon,并增加点击复制icon name的功能
【现状】有的组件比如 t-icon
可以传入 customStyle
属性来控制组件样式,但是有的组件不支持,比如 t-button
,目前传入 customStyle
无效。
【期望】所有组件都支持该属性
手机是iphone6
Describe Framework
tdesign-miniprogram
Describe Environment
Describe the bug
<!-- 在为 Cell 组件设置 url 后, 点击组件报错: `TypeError: wx[jumpType] is not a function` -->
<t-cell title="添加" hover arrow url="/pages/meeting/staff/index" ></t-cell>
<!-- 按照文档同时设置 url 和 jump-type 后, 依旧报错 `TypeError: wx[jumpType] is not a function` -->
<t-cell title="添加" hover arrow url="/pages/meeting/staff/index" jump-type="navigate-to"></t-cell>
根据代码定义, 目前使用的方案:
<t-cell title="添加" hover arrow url="/pages/meeting/staff/index" jump-type="navigateTo"></t-cell>
Additional context
tdesign-miniprogram/src/cell/README.md
Line 96 in fc003c6
tdesign-miniprogram/src/cell/cell.ts
Lines 45 to 52 in fc003c6
为 t-button 设置 shape: round 无效
小程序的css选择器兼容如果能好好搞一搞,完全兼容所有css选择器的话,比出再多的UI组件都好
小程序的那个popup 点击遮罩层关闭不了,点击关闭按钮也没反应,这是bug吗
Describe Framework
tdesign-miniprogram
Describe Environment
any
Describe the bug
t-button
尝试使用Taro配置了一下,许多样式和属性丢失,请问如何在 Taro 中使用?有 Demo 吗?
Describe Framework
tdesign-miniprogram
Describe Environment
Any
Describe the bug
文档中 visible-change
事件返回的参数应为 visible, 而在示例代码和组件源码中实际使用的是 visiable
Additional context
tdesign-miniprogram/src/popup/README.md
Line 97 in e80b109
tdesign-miniprogram/example/pages/popup/popup.ts
Lines 48 to 57 in e80b109
tdesign-miniprogram/src/popup/popup.ts
Lines 66 to 75 in e80b109
你想要的特性
Upload组件 上传后列表是否可以支持拖拽排序
想要的特性
想要的解决方案
< 基础样式的实现 >
目前许多组件的基础样式都是在示例里面实现,应该在组件里面实现。
<受控实现>
不是所有组件都需要,而且由于工作量可能比较大,因此会有优先顺序:
Popup不需要支持
<双向绑定>
优先实现表单相关组件:
关联的issue: #98
补充
======================================================
|| 欢迎大家一起参与开源共建。感兴趣的伙伴可以提 PR 或 联系 Core Contributor:
||
|| @LeeJim @jin0209 @JJunYang
======================================================
根据官方文档指引miniprogram_dist 这个文件夹没有找到
对应的组件
Button
相关环境
基础库版本:最新
运行环境:开发者工具 / iOS / Android
出现的问题
A clear and concise description of what the bug is.
附加信息
Add any other context about the problem here.
对应的组件
Button
相关环境
基础库版本:最新
运行环境:开发者工具 / iOS / Android
出现的问题
搜索框组件,获取搜索的内容显示undefined
对应的组件
Steps
相关环境
基础库版本:最新
运行环境:开发者工具
出现的问题
视觉已更新:
存在问题:
附加信息
对应的组件
Slider
相关环境
基础库版本:最新
运行环境:开发者工具
出现的问题
视觉已更新:
存在问题:
附加信息
Describe Framework
tdesign-miniprogram
Describe Environment
Add browser version here
Describe the bug
在使用Page.js 引入
import Message from 'tdesign-miniprogram/message/index';
并在触发事件中使用该API, 报错,无法显示; 报错信息如下:
VM5634 WAService.js:2 Unhandled promise rejection (env: Windows,mp,1.05.2111051; lib: 2.19.4)
导入 button 按钮组件后发现点击没有出现 “点击后状态样式”(即按钮变暗),百思不得其解,准备放弃 tdesign 的按钮尝试使用 vant-weapp 的按钮,发现其文档 快速上手部分 的 步骤二 说明如下:
将 app.json 中的 "style": "v2" 去除,小程序的新版基础组件强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱。
按照其说法去除 "style": "v2" 后发现 tdesign 按钮样式恢复,重新加上 "style": "v2" 按钮的 “点击后样式” 失效。
建议在文档中也补充相关说明。
Describe Framework
tdesign-miniprogram
Describe Environment
Add browser version here
Describe the bug
t-tabs 左右滑动时不会触发change事件
对应的组件
Avatar
相关环境
基础库版本:最新
运行环境:开发者工具
出现的问题
按官网的示例使用:
<t-avatar icon="user" t-class-icon="default-user" />
是没有任何样式的。需要手动实现 default-user
相关的样式:
.default-user {
background-color: #e7e7e7;
color: #c5c5c5;
font-size: 60rpx;
}
我的预期
应该是有默认的样式,而不是通过 externClass 来实现这默认样式
附加信息
相关链接:https://txc.qq.com/products/293854/post/164195607783926055/
你想要的特性
部分场景用到table,不知后续是否有加入table组件计划?
【现状】目前dialog 点击确定的时候直接把dialog 就关闭了
【期望】否关闭交给开发者控制比较好,比如有些校验不通过不想关闭dialog
Describe Framework
tdesign-miniprogram
Describe Environment
any
Describe the bug
check-box slot="content"
doesn't work.
<t-checkbox>
<!-- doesn't work -->
<view slot="content">
</view>
<!-- work -->
<view></view>
</t-checkbox>
Additional context
tdesign-miniprogram/src/checkbox/checkbox.wxml
Lines 34 to 40 in 9d703b2
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.