tencent / tdesign-miniprogram Goto Github PK

Describe Framework

tdesign-miniprogram

Describe Environment

Add browser version here

Describe the bug
t-tabs 左右滑动时不会触发change事件

建议：

使用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
}

你想要的特性
部分场景用到table，不知后续是否有加入table组件计划？

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

请问 cell组件 image接收的只是svg吗？另外slot方式不生效。小程序的

Describe Framework

tdesign-miniprogram

Describe Environment

Describe the bug

DataTimePicker 布局是错的；

你想要的特性

你想要的解决方案

Button 组件支持纯图标按钮, 而不仅仅是带图标按钮

你考虑过的替代方案

使用 external-classes 覆盖原有样式

Describe Framework
tdesign-miniprogram

Describe Environment

any

Describe the bug

• Button 需要支持 content
• Dialog 的 confirmBtn 目前传入 buttonProps 并不会透传 t-button

我只引用了一个Button组件，但把所有代码都打包了，不知是否有tree-shaking设置？

对应的组件

Steps

相关环境

基础库版本：最新

运行环境：开发者工具

出现的问题

视觉已更新：

• 已完成步骤和错误步骤样式更新；
• 分割线颜色改为Gy5；
• 去掉【竖向带图标只读步骤条样式】

存在问题：

• 所有可操作类型中，所有未选状态是统一的，没有灰色部分（只区分选中/未选中两种）

附加信息

视觉稿地址：https://codesign.qq.com/s/JG2mj75B3G0VKdM

为 t-button 设置 shape: round 无效

Is your feature request related to a problem? Please describe.
当为 Button 组件设置 disabled 时, 尽管组件颜色变淡, 但是 tap 事件依旧可以正常执行, 需要自行在函数中处理

Describe the solution you'd like

• 自定义点击事件, 组件设置 disabled 后, 在组件内部处理
• 文档中指明在组件设置 disabled 后, tap 事件依旧会正常触发, 提醒用户处理
• 希望两者都能实现:pray:

Describe alternatives you've considered
在 tap 事件函数中处理, 但是很容易忘记

全量展示icon，并增加点击复制icon name的功能

对应的组件

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/

你想要的特性

Upload组件 上传后列表是否可以支持拖拽排序

对应的组件

Slider

相关环境

基础库版本：最新

运行环境：开发者工具

出现的问题

视觉已更新：

• 滑动点样式对齐web端（加粗，变蓝）
• 所有默认状态文字色彩改为 90%；
• 未激活线条样式改为Gray3；
• 刻度样式改为居中

存在问题：

• 部分数字位置偏移了
• 没有与滑动选择器对齐
• 展示demo无法滑动

附加信息

视觉稿地址：https://codesign.qq.com/s/JG2mj75B3G0VKdM

小程序的那个popup 点击遮罩层关闭不了，点击关闭按钮也没反应，这是bug吗

导入 button 按钮组件后发现点击没有出现 “点击后状态样式”（即按钮变暗），百思不得其解，准备放弃 tdesign 的按钮尝试使用 vant-weapp 的按钮，发现其文档 快速上手部分 的 步骤二 说明如下：

将 app.json 中的 "style": "v2" 去除，小程序的新版基础组件强行加上了许多样式，难以覆盖，不关闭将造成部分组件样式混乱。

按照其说法去除 "style": "v2" 后发现 tdesign 按钮样式恢复，重新加上 "style": "v2" 按钮的 “点击后样式” 失效。
建议在文档中也补充相关说明。

小程序：文档错了吧，应该是 t-stepper

Describe Framework

tdesign-miniprogram

Describe Environment

Any

Describe the bug
文档中 visible-change 事件返回的参数应为 visible, 而在示例代码和组件源码中实际使用的是 visiable

Additional context

手机是iphone6

string 方式：

slot 方式：

【Dialog对话框】Events 中缺少 confirm 以及 open-type 事件

Describe Framework

• tdesign-miniprogram

Describe Environment

Add browser version here

Describe the bug
引入的 usingComponents 中缺少了 t- 前缀。

还有 stepper 组件

【现状】有的组件比如 t-icon 可以传入 customStyle 属性来控制组件样式，但是有的组件不支持，比如 t-button，目前传入 customStyle 无效。
【期望】所有组件都支持该属性

对应的组件

Button

相关环境

基础库版本：最新

运行环境：开发者工具 / iOS / Android

出现的问题

A clear and concise description of what the bug is.

附加信息

Add any other context about the problem here.

使用 audits 评分的时候会提示异常

参数不完全文档

README.md

源码参数完全部分

externalClasses = ['t-class', 't-class-image', 't-class-icon', 't-class-alt'];

avatar.ts

望更新, 避免造成困扰

小程序的css选择器兼容如果能好好搞一搞，完全兼容所有css选择器的话，比出再多的UI组件都好

大多数业务场景 用户有自己的iconfont库，希望能提供配置支持

对应的组件

Loading

相关环境

基础库版本：最新

运行环境：开发者工具 / iOS / Android

出现的问题

Loading没有显示正确的颜色

附加信息

Describe Framework

tdesign-miniprogram

Describe Environment

官方h5演示

Describe the bug
UI错位/无取消按钮

Additional context

【现状】目前dialog 点击确定的时候直接把dialog 就关闭了
【期望】否关闭交给开发者控制比较好，比如有些校验不通过不想关闭dialog

对应的组件

Button

相关环境

基础库版本：最新

运行环境：开发者工具 / iOS / Android

出现的问题

搜索框组件，获取搜索的内容显示undefined

想要的特性

• 基础样式的实现
• 受控实现
• 双向绑定

想要的解决方案

< 基础样式的实现 >

目前许多组件的基础样式都是在示例里面实现，应该在组件里面实现。

• Avatar #116
• Loading #140
• Cell #171
• CountDown #172
• Divider #173
• Empty
• [ ]

<受控实现>

不是所有组件都需要，而且由于工作量可能比较大，因此会有优先顺序：

• Dialog #124
• Switch #122
• Checkbox #158
• Steps #146
• Tabs #147
• Tabbar #148
• Input 因为双向绑定和受控冲突，目前还是未受控的
• Textarea 因为双向绑定和受控冲突，目前还是未受控的
• Radio #143
• Rate #149
• Search #152
• Slider #151
• Stepper #150
• Upload #156

Popup 不需要支持

<双向绑定>

优先实现表单相关组件：

• Input
• Checkbox
• Switch
• Textarea
• Radio
• Search
• Slider
• Stepper

关联的issue: #98

补充

======================================================
|| 欢迎大家一起参与开源共建。感兴趣的伙伴可以提 PR 或 联系 Core Contributor:
||
|| @LeeJim @jin0209 @JJunYang
======================================================

根据官方文档指引miniprogram_dist 这个文件夹没有找到

Describe Framework

tdesign-miniprogram

Describe the bug

Additional context
Add any other context about the problem here.

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

简易双向绑定 | 微信开放文档

尝试使用Taro配置了一下，许多样式和属性丢失，请问如何在 Taro 中使用？有 Demo 吗？

用微信小程序工具创建项目，直接npm i tdesign-miniprogram -S --production 下载下来，拷贝的目录下面。
在全局引入的时候，提示组件找不到内部自己的组件，为什么？

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.

对应的组件

Badge

相关环境

基础库版本：最新

运行环境：开发者工具 / iOS / Android

出现的问题

徽标组件，单个数字时不是圆形

附加信息

徽标组件基础是正圆，然后在此基础扩展

Is your feature request related to a problem? Please describe.
文档示例中的代码演示与预览部分大多数对不上号

Describe the solution you'd like

• 统一文档代码演示部分与右侧预览部分的代码, 确保左侧代码复制完整后, 可以实现与右侧预览相同的功能与样式
• 或者提供查看完整代码的 GitHub 链接等指引

Describe alternatives you've considered
对比示例代码与组件源码

Additional context

Describe Framework

tdesign-miniprogram

Describe Environment

fc003c6

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

按照说明clone下来 build后 复制到根目录 运行小程序 复制了tbutton作为demo 提示 ["usingComponents"]["t-button"] 未找到

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)