Skip to content

feat: pickerview #2986

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

Merged
oasis-cloud merged 26 commits into from
Feb 14, 2025
Merged

feat: pickerview #2986

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
26 commits
Select commit Hold shift + click to select a range
1c1ef86
feat: 初始化pickerview
irisSong Jan 16, 2025
3acf368
feat: add pickerView
irisSong Jan 22, 2025
2e3a00a
feat: add tiled demo
irisSong Jan 22, 2025
7a27934
fix: 更新pickerview
irisSong Feb 12, 2025
a030ff4
fix: update test
irisSong Feb 12, 2025
f436c51
fix: update error
irisSong Feb 12, 2025
6a6bc39
fix: update error
irisSong Feb 12, 2025
10be5cd
fix: update demo
irisSong Feb 12, 2025
80f20a1
Merge remote-tracking branch 'upstream/feat_v3.x' into feat_v3.x_pick…
irisSong Feb 12, 2025
8ad7392
fix: update test
irisSong Feb 12, 2025
95b5423
feat: 添加异步demo
irisSong Feb 12, 2025
fe66362
fix: update doc
irisSong Feb 12, 2025
d5118f6
fix: 修改标签
irisSong Feb 13, 2025
a787f7d
feat: add test
irisSong Feb 13, 2025
c10fcc7
fix: update doc and test
irisSong Feb 13, 2025
9e32bcd
fix: adjust the dependency package location
irisSong Feb 13, 2025
ae272de
Merge remote-tracking branch 'upstream/feat_v3.x' into feat_v3.x_pick…
irisSong Feb 13, 2025
f539b83
fix: adjust the dependency package path
irisSong Feb 13, 2025
f06ec00
fix: adjust the dependency package path
irisSong Feb 13, 2025
b67dfca
fix: adjust the dependency package path
irisSong Feb 13, 2025
9905564
fix: update doc props type
irisSong Feb 13, 2025
0c448c8
fix: adjust note
irisSong Feb 13, 2025
88d4f80
fix: optimize details
irisSong Feb 13, 2025
654d1e0
fix: update test
irisSong Feb 13, 2025
d9628e7
fix: path not compilable
irisSong Feb 13, 2025
38296d3
fix: key error
irisSong Feb 13, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 13 additions & 0 deletions src/config.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -690,6 +690,19 @@
"author": "dsj",
"dd": false
},
{
"version": "3.0.0",
"name": "PickerView",
"type": "component",
"cName": "选择器视图",
"desc": "PickerView 是 Picker 的内容区域。",
"sort": 15,
"show": true,
"taro": true,
"v15": false,
"dd": true,
"author": "songsong"
},
{
"version": "3.0.0",
"name": "Radio",
Expand Down
318 changes: 318 additions & 0 deletions src/packages/pickerview/__test__/__snapshots__/pickerview.spec.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,318 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html

exports[`should match base 1`] = `
<div>
<div
class="nut-pickerview"
>
<div
class="nut-pickerview-list"
>
<div
class="nut-pickerview-roller"
style="transition: transform 0ms cubic-bezier(0.17, 0.89, 0.45, 1); transform: rotate3d(1, 0, 0, 20deg);"
>
<div
class="nut-pickerview-roller-item false"
style="transform: rotate3d(1, 0, 0, -20deg) translate3d(0px, 0px, 115px);"
>
南京市
</div>
<div
class="nut-pickerview-roller-item false"
style="transform: rotate3d(1, 0, 0, -40deg) translate3d(0px, 0px, 115px);"
>
无锡市
</div>
<div
class="nut-pickerview-roller-item false"
style="transform: rotate3d(1, 0, 0, -60deg) translate3d(0px, 0px, 115px);"
>
海北藏族自治区
</div>
<div
class="nut-pickerview-roller-item false"
style="transform: rotate3d(1, 0, 0, -80deg) translate3d(0px, 0px, 115px);"
>
北京市
</div>
<div
class="nut-pickerview-roller-item false"
style="transform: rotate3d(1, 0, 0, -100deg) translate3d(0px, 0px, 115px);"
>
连云港市
</div>
<div
class="nut-pickerview-roller-item false"
style="transform: rotate3d(1, 0, 0, -120deg) translate3d(0px, 0px, 115px);"
>
大庆市
</div>
<div
class="nut-pickerview-roller-item false"
style="transform: rotate3d(1, 0, 0, -140deg) translate3d(0px, 0px, 115px);"
>
绥化市
</div>
<div
class="nut-pickerview-roller-item false"
style="transform: rotate3d(1, 0, 0, -160deg) translate3d(0px, 0px, 115px);"
>
潍坊市
</div>
<div
class="nut-pickerview-roller-item nut-pickerview-roller-item-hidden"
style="transform: rotate3d(1, 0, 0, -180deg) translate3d(0px, 0px, 115px);"
>
乌鲁木齐市
</div>
</div>
</div>
<div
class="nut-pickerview-mask"
/>
<div
class="nut-pickerview-indicator"
/>
</div>
</div>
`;

exports[`should match cascade 1`] = `
<div>
<div
class="nut-pickerview"
>
<div
class="nut-pickerview-list"
>
<div
class="nut-pickerview-roller"
style="transition: transform 0ms cubic-bezier(0.17, 0.89, 0.45, 1); transform: rotate3d(1, 0, 0, 20deg);"
>
<div
class="nut-pickerview-roller-item false"
style="transform: rotate3d(1, 0, 0, -20deg) translate3d(0px, 0px, 115px);"
>
北京 | 测试
</div>
<div
class="nut-pickerview-roller-item false"
style="transform: rotate3d(1, 0, 0, -40deg) translate3d(0px, 0px, 115px);"
>
上海 | 测试
</div>
</div>
</div>
<div
class="nut-pickerview-list"
>
<div
class="nut-pickerview-roller"
style="transition: transform 0ms cubic-bezier(0.17, 0.89, 0.45, 1); transform: rotate3d(1, 0, 0, 0deg);"
>
<div
class="nut-pickerview-roller-item false"
style="transform: rotate3d(1, 0, 0, -20deg) translate3d(0px, 0px, 115px);"
>
朝阳区 | 测试
</div>
<div
class="nut-pickerview-roller-item false"
style="transform: rotate3d(1, 0, 0, -40deg) translate3d(0px, 0px, 115px);"
>
海淀区 | 测试
</div>
<div
class="nut-pickerview-roller-item false"
style="transform: rotate3d(1, 0, 0, -60deg) translate3d(0px, 0px, 115px);"
>
大兴区 | 测试
</div>
<div
class="nut-pickerview-roller-item false"
style="transform: rotate3d(1, 0, 0, -80deg) translate3d(0px, 0px, 115px);"
>
东城区 | 测试
</div>
<div
class="nut-pickerview-roller-item false"
style="transform: rotate3d(1, 0, 0, -100deg) translate3d(0px, 0px, 115px);"
>
西城区 | 测试
</div>
<div
class="nut-pickerview-roller-item false"
style="transform: rotate3d(1, 0, 0, -120deg) translate3d(0px, 0px, 115px);"
>
丰台区 | 测试
</div>
</div>
</div>
<div
class="nut-pickerview-mask"
/>
<div
class="nut-pickerview-indicator"
/>
</div>
</div>
`;

exports[`should match onchange 1`] = `
<div>
<div
class="nut-pickerview"
/>
</div>
`;

exports[`should render tiled 1`] = `
<div>
<div
class="nut-pickerview"
>
<div
class="nut-pickerview-list"
>
<div
class="nut-pickerview-roller"
style="transition: transform 0ms cubic-bezier(0.17, 0.89, 0.45, 1); transform: translate3d(0, 0px, 0);"
>
<div
class="nut-pickerview-roller-item-tiled"
>
南京市
</div>
<div
class="nut-pickerview-roller-item-tiled"
>
无锡市
</div>
<div
class="nut-pickerview-roller-item-tiled"
>
海北藏族自治区
</div>
<div
class="nut-pickerview-roller-item-tiled"
>
北京市
</div>
<div
class="nut-pickerview-roller-item-tiled"
>
连云港市
</div>
<div
class="nut-pickerview-roller-item-tiled"
>
大庆市
</div>
<div
class="nut-pickerview-roller-item-tiled"
>
绥化市
</div>
<div
class="nut-pickerview-roller-item-tiled"
>
潍坊市
</div>
<div
class="nut-pickerview-roller-item-tiled"
>
乌鲁木齐市
</div>
</div>
</div>
<div
class="nut-pickerview-mask"
/>
<div
class="nut-pickerview-indicator"
/>
</div>
</div>
`;

exports[`should render with Multi Column 1`] = `
<div>
<div
class="nut-pickerview"
>
<div
class="nut-pickerview-list"
>
<div
class="nut-pickerview-roller"
style="transition: transform 0ms cubic-bezier(0.17, 0.89, 0.45, 1); transform: rotate3d(1, 0, 0, 0deg);"
>
<div
class="nut-pickerview-roller-item false"
style="transform: rotate3d(1, 0, 0, -20deg) translate3d(0px, 0px, 115px);"
>
周一
</div>
<div
class="nut-pickerview-roller-item false"
style="transform: rotate3d(1, 0, 0, -40deg) translate3d(0px, 0px, 115px);"
>
周二
</div>
<div
class="nut-pickerview-roller-item false"
style="transform: rotate3d(1, 0, 0, -60deg) translate3d(0px, 0px, 115px);"
>
周三
</div>
<div
class="nut-pickerview-roller-item false"
style="transform: rotate3d(1, 0, 0, -80deg) translate3d(0px, 0px, 115px);"
>
周四
</div>
<div
class="nut-pickerview-roller-item false"
style="transform: rotate3d(1, 0, 0, -100deg) translate3d(0px, 0px, 115px);"
>
周五
</div>
</div>
</div>
<div
class="nut-pickerview-list"
>
<div
class="nut-pickerview-roller"
style="transition: transform 0ms cubic-bezier(0.17, 0.89, 0.45, 1); transform: rotate3d(1, 0, 0, 0deg);"
>
<div
class="nut-pickerview-roller-item false"
style="transform: rotate3d(1, 0, 0, -20deg) translate3d(0px, 0px, 115px);"
>
上午
</div>
<div
class="nut-pickerview-roller-item false"
style="transform: rotate3d(1, 0, 0, -40deg) translate3d(0px, 0px, 115px);"
>
下午
</div>
<div
class="nut-pickerview-roller-item false"
style="transform: rotate3d(1, 0, 0, -60deg) translate3d(0px, 0px, 115px);"
>
晚上
</div>
</div>
</div>
<div
class="nut-pickerview-mask"
/>
<div
class="nut-pickerview-indicator"
/>
</div>
</div>
`;
Loading