Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Select] 增加横向排列布局模式 #414

Open
Wen1kang opened this issue Nov 1, 2023 · 6 comments
Open

[Select] 增加横向排列布局模式 #414

Wen1kang opened this issue Nov 1, 2023 · 6 comments
Assignees
@chaishi @uyarn @Wen1kang
Labels
enhancement New feature or request

Comments

@Wen1kang
Copy link
Collaborator

Wen1kang commented Nov 1, 2023 •
edited
Loading

这个功能解决了什么问题

业务需要使用横向排列，并新增分组能力
image
@Wen1kang Wen1kang self-assigned this Nov 1, 2023
@Wen1kang Wen1kang added the enhancement New feature or request label Nov 1, 2023
@Wen1kang Wen1kang added this to TDesign Nov 1, 2023
@Wen1kang Wen1kang moved this to 待启动 in TDesign Nov 1, 2023
@Wen1kang
Copy link
Collaborator Author

Wen1kang commented Nov 10, 2023 •
edited
Loading

Select横向排列

腾讯 CoDesign:
https://codesign.qq.com/s/GD5OjEyaKqj3eAX
访问密码：GSR7

Figma:
https://www.figma.com/file/CDAStUfVuUOExfhDsoClbV/select%E5%A2%9E%E5%8A%A0%E6%A8%AA%E5%90%91%E6%8E%92%E5%88%97?type=design&node-id=105016-1726&mode=design&t=UN4ohwleWUsDaZL9-4

@Wen1kang
Copy link
Collaborator Author

@uyarn @chaishi 麻烦看看

@Wen1kang Wen1kang moved this from 待启动 to 设计定稿 in TDesign Nov 10, 2023
@Wen1kang Wen1kang moved this from 设计定稿 to 开发中 in TDesign Nov 10, 2023
@Wen1kang
Copy link
Collaborator Author

Tree横向排列

腾讯 CoDesign:
https://codesign.qq.com/s/zm5q0XpEq70RBb6
访问密码：FDCA

Figma:
https://www.figma.com/file/CDAStUfVuUOExfhDsoClbV/select%E5%A2%9E%E5%8A%A0%E6%A8%AA%E5%90%91%E6%8E%92%E5%88%97?type=design&node-id=105016-42035&mode=design&t=UN4ohwleWUsDaZL9-4

@chaishi
Copy link
Collaborator

chaishi commented Nov 10, 2023 •
edited
Loading

全选位置可能会跟在标题后面，也可能会是第一个选项
image

@chaishi
Copy link
Collaborator

chaishi commented Nov 12, 2023

API 平台已新增 optionsLayout: 'vertical' | 'horizontal'，用于表示下拉选项，横向排列或纵向排列

git clone https://github.com/TDesignOteam/tdesign-api
Vue3 执行: npm run api:docs Select "VueNext(PC)" finalProject
Vue2 执行: npm run api:docs Select "Vue(PC)" finalProject,useDefault

@Wen1kang
Copy link
Collaborator Author

全选位置可能会跟在标题后面，也可能会是第一个选项 image

全选需要使用这样的布局形式，已经上传codesign和figma
image

@uyarn uyarn mentioned this issue Jan 8, 2024
Open
@uyarn uyarn removed this from TDesign Jan 8, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@chaishi chaishi

@uyarn uyarn

@Wen1kang Wen1kang

Labels
enhancement New feature or request
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@chaishi @uyarn @Wen1kang