Skip to content

feat(range): 鸿蒙适配,修订NaN,纵向mark时异常问题 #3217

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 6 commits into from
May 17, 2025
Merged

feat(range): 鸿蒙适配,修订NaN,纵向mark时异常问题 #3217

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
0b6f8fb
feat(range): 鸿蒙适配,修订NaN,纵向mark时异常问题
xiaoyatong May 5, 2025
b32c7b3
refactor: 改进命名等
xiaoyatong May 9, 2025
eb46924
fix: 鸿蒙下异常问题跟进
xiaoyatong May 17, 2025
fc198f3
fix: 鸿蒙动效问题修复,优化性能处理
xiaoyatong May 17, 2025
af8d70e
fix: h5 animate
xiaoyatong May 17, 2025
9618157
test: update snap
oasis-cloud May 17, 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
4 changes: 2 additions & 2 deletions src/packages/range/__test__/__snapshots__/range.spec.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ exports[`range props test 1`] = `
class="nut-range"
>
<div
class="nut-range-bar"
class="nut-range-bar nut-range-bar-animate"
style="width: 40%; left: 0%; transition: none;"
>
<div
Expand Down Expand Up @@ -45,4 +45,4 @@ exports[`range props test 1`] = `
</div>
`;

exports[`range test 1`] = `"<div><div class="nut-range-container"><div class="nut-range-min">0</div><div class="nut-range"><div class="nut-range-bar" style="width: 30%; left: 30%; transition: none;"><div class="nut-range-button-wrapper-left" style="transform: translate(-50%, -50%);"><div class="nut-range-button" style="transform: translate(-50%, -50%);"><div class="nut-range-button-number" style="transform: translate(-50%, -100%);">30</div></div></div><div class="nut-range-button-wrapper-right" style="transform: translate(-50%, -50%);"><div class="nut-range-button" style="transform: translate(-50%, -50%);"><div class="nut-range-button-number" style="transform: translate(-50%, -100%);">60</div></div></div></div></div><div class="nut-range-max">100</div></div></div>"`;
exports[`range test 1`] = `"<div><div class="nut-range-container"><div class="nut-range-min">0</div><div class="nut-range"><div class="nut-range-bar nut-range-bar-animate" style="width: 30%; left: 30%; transition: none;"><div class="nut-range-button-wrapper-left" style="transform: translate(-50%, -50%);"><div class="nut-range-button" style="transform: translate(-50%, -50%);"><div class="nut-range-button-number" style="transform: translate(-50%, -100%);">30</div></div></div><div class="nut-range-button-wrapper-right" style="transform: translate(-50%, -50%);"><div class="nut-range-button" style="transform: translate(-50%, -50%);"><div class="nut-range-button-number" style="transform: translate(-50%, -100%);">60</div></div></div></div></div><div class="nut-range-max">100</div></div></div>"`;
3 changes: 1 addition & 2 deletions src/packages/range/demos/taro/demo11.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,6 @@ const Demo11 = () => {
justifyContent: 'center',
top: '50%',
left: '50%',
// @ts-ignore
transform: 'translate(-50%, -50%)',
...buttonNativeStyle,
}}
Expand All @@ -54,7 +53,7 @@ const Demo11 = () => {
height: pxTransform(18),
color: 'white',
fontSize: pxTransform(10),
lineHeight: pxTransform(10),
lineHeight: 1,
textAlign: 'center',
paddingTop: pxTransform(4),
paddingBottom: pxTransform(4),
Expand Down
8 changes: 6 additions & 2 deletions src/packages/range/range.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,10 @@
max-height: 100%;
background: $range-active-color;
border-radius: 2px;
transition: all 0.2s;

&-animate {
transition: all 0.2s;
}
}

&-button {
Expand Down Expand Up @@ -204,7 +207,8 @@
position: absolute;
width: 36px;
height: 100%;
top: initial;
// top: initial;
top: 0px;
right: 50%;
overflow: visible;
font-size: 12px;
Expand Down
Loading
Loading