Skip to content

Commit

Permalink
fix(button): using new style (#612)
Browse files Browse the repository at this point in the history 
* fix(button): using new style

* feat(button): finish new style

* refactor: remove button group

* fix: update common & test

* test: update snapshot
  • Loading branch information
@LeeJim
LeeJim committed Apr 21, 2023
1 parent bb4ec8d commit 8ead3e5
Show file tree
Hide file tree
Showing 53 changed files with 2,548 additions and 2,314 deletions.
2 changes: 1 addition & 1 deletion src/_common
Submodule _common updated 25 files
+34 −5 docs/mobile/api_v2/button.md
+7 −17 docs/mobile/api_v2/toast.md
+41 −0 docs/web/api/badge.en-US.md
+91 −0 docs/web/api/calendar.en-US.md
+35 −0 docs/web/api/collapse.en-US.md
+43 −0 docs/web/api/comment.en-US.md
+30 −0 docs/web/api/divider.en-US.md
+43 −0 docs/web/api/grid.en-US.md
+7 −0 docs/web/api/icon.en-US.md
+34 −0 docs/web/api/layout.en-US.md
+37 −0 docs/web/api/list.en-US.md
+53 −0 docs/web/api/loading.en-US.md
+19 −0 docs/web/api/progress.en-US.md
+37 −0 docs/web/api/skeleton.en-US.md
+57 −0 docs/web/api/steps.en-US.md
+56 −0 docs/web/api/swiper.en-US.md
+394 −0 docs/web/api/table.en-US.md
+31 −0 docs/web/api/tag.en-US.md
+41 −0 docs/web/api/tooltip.en-US.md
+107 −0 docs/web/api/tree.en-US.md
+7 −0 js/color-picker/color.ts
+17 −6 style/mobile/components/button/v2/_index.less
+1 −2 style/mobile/components/toast/v2/_index.less
+2 −0 style/mobile/mixins/_index.less
+2 −2 theme.md
36 changes: 24 additions & 12 deletions src/action-sheet/__test__/__snapshots__/demo.test.jsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,18 +11,20 @@ exports[`ActionSheet > ActionSheet gridMultipleVue demo works fine 1`] = `
>
<button
aria-disabled="false"
class="t-button t-size-l t-button--outline t-button--default t-button--shape-rectangle t-is-block"
class="t-button t-button--size-large t-button--outline t-button--default t-button--rectangle t-button--block"
data-v-1719f7aa=""
role="button"
type="button"
>
<!---->
<span
class="t-button__text"
class="t-button__content"
>
宫格型-多页
</span>
<!---->
</button>
</div>
<teleport-stub
Expand Down Expand Up @@ -1116,18 +1118,20 @@ exports[`ActionSheet > ActionSheet gridVue demo works fine 1`] = `
>
<button
aria-disabled="false"
class="t-button t-size-l t-button--outline t-button--default t-button--shape-rectangle t-is-block"
class="t-button t-button--size-large t-button--outline t-button--default t-button--rectangle t-button--block"
data-v-06f7cca3=""
role="button"
type="button"
>
<!---->
<span
class="t-button__text"
class="t-button__content"
>
宫格型
</span>
<!---->
</button>
</div>
<teleport-stub
Expand Down Expand Up @@ -1701,18 +1705,20 @@ exports[`ActionSheet > ActionSheet listVue demo works fine 1`] = `
>
<button
aria-disabled="false"
class="t-button t-size-l t-button--outline t-button--default t-button--shape-rectangle t-is-block"
class="t-button t-button--size-large t-button--outline t-button--default t-button--rectangle t-button--block"
data-v-443785fb=""
role="button"
type="button"
>
<!---->
<span
class="t-button__text"
class="t-button__content"
>
列表型
</span>
<!---->
</button>
</div>
<teleport-stub
Expand Down Expand Up @@ -1852,18 +1858,20 @@ exports[`ActionSheet > ActionSheet mobileVue demo works fine 1`] = `
>
<button
aria-disabled="false"
class="t-button t-size-l t-button--outline t-button--default t-button--shape-rectangle t-is-block"
class="t-button t-button--size-large t-button--outline t-button--default t-button--rectangle t-button--block"
data-v-443785fb=""
role="button"
type="button"
>
<!---->
<span
class="t-button__text"
class="t-button__content"
>
列表型
</span>
<!---->
</button>
</div>
<teleport-stub
Expand Down Expand Up @@ -1964,18 +1972,20 @@ exports[`ActionSheet > ActionSheet mobileVue demo works fine 1`] = `
>
<button
aria-disabled="false"
class="t-button t-size-l t-button--outline t-button--default t-button--shape-rectangle t-is-block"
class="t-button t-button--size-large t-button--outline t-button--default t-button--rectangle t-button--block"
data-v-06f7cca3=""
role="button"
type="button"
>
<!---->
<span
class="t-button__text"
class="t-button__content"
>
宫格型
</span>
<!---->
</button>
</div>
<teleport-stub
Expand Down Expand Up @@ -2542,18 +2552,20 @@ exports[`ActionSheet > ActionSheet mobileVue demo works fine 1`] = `
>
<button
aria-disabled="false"
class="t-button t-size-l t-button--outline t-button--default t-button--shape-rectangle t-is-block"
class="t-button t-button--size-large t-button--outline t-button--default t-button--rectangle t-button--block"
data-v-1719f7aa=""
role="button"
type="button"
>
<!---->
<span
class="t-button__text"
class="t-button__content"
>
宫格型-多页
</span>
<!---->
</button>
</div>
<teleport-stub
Expand Down
72 changes: 48 additions & 24 deletions src/back-top/__test__/__snapshots__/demo.test.jsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,33 +11,37 @@ exports[`BackTop > BackTop halfRoundVue demo works fine 1`] = `
>
<button
aria-disabled="false"
class="t-button t-size-l t-button--outline t-button--default t-button--shape-rectangle t-is-block"
class="t-button t-button--size-large t-button--outline t-button--default t-button--rectangle t-button--block"
data-v-924378ec=""
role="button"
type="button"
>
<!---->
<span
class="t-button__text"
class="t-button__content"
>
半圆白底
</span>
<!---->
</button>
<button
aria-disabled="false"
class="t-button t-size-l t-button--outline t-button--default t-button--shape-rectangle t-is-block"
class="t-button t-button--size-large t-button--outline t-button--default t-button--rectangle t-button--block"
data-v-924378ec=""
role="button"
type="button"
>
<!---->
<span
class="t-button__text"
class="t-button__content"
>
半圆黑底
</span>
<!---->
</button>
</div>
<div
Expand Down Expand Up @@ -120,63 +124,71 @@ exports[`BackTop > BackTop mobileVue demo works fine 1`] = `
>
<button
aria-disabled="false"
class="t-button t-size-l t-button--outline t-button--default t-button--shape-rectangle t-is-block"
class="t-button t-button--size-large t-button--outline t-button--default t-button--rectangle t-button--block"
data-v-915cc230=""
role="button"
type="button"
>
<!---->
<span
class="t-button__text"
class="t-button__content"
>
圆角白底
</span>
<!---->
</button>
<button
aria-disabled="false"
class="t-button t-size-l t-button--outline t-button--default t-button--shape-rectangle t-is-block"
class="t-button t-button--size-large t-button--outline t-button--default t-button--rectangle t-button--block"
data-v-915cc230=""
role="button"
type="button"
>
<!---->
<span
class="t-button__text"
class="t-button__content"
>
圆角黑底
</span>
<!---->
</button>
<button
aria-disabled="false"
class="t-button t-size-l t-button--outline t-button--default t-button--shape-rectangle t-is-block"
class="t-button t-button--size-large t-button--outline t-button--default t-button--rectangle t-button--block"
data-v-915cc230=""
role="button"
type="button"
>
<!---->
<span
class="t-button__text"
class="t-button__content"
>
圆白底纯图标
</span>
<!---->
</button>
<button
aria-disabled="false"
class="t-button t-size-l t-button--outline t-button--default t-button--shape-rectangle t-is-block"
class="t-button t-button--size-large t-button--outline t-button--default t-button--rectangle t-button--block"
data-v-915cc230=""
role="button"
type="button"
>
<!---->
<span
class="t-button__text"
class="t-button__content"
>
圆黑底纯图标
</span>
<!---->
</button>
</div>
<div
Expand Down Expand Up @@ -237,33 +249,37 @@ exports[`BackTop > BackTop mobileVue demo works fine 1`] = `
>
<button
aria-disabled="false"
class="t-button t-size-l t-button--outline t-button--default t-button--shape-rectangle t-is-block"
class="t-button t-button--size-large t-button--outline t-button--default t-button--rectangle t-button--block"
data-v-924378ec=""
role="button"
type="button"
>
<!---->
<span
class="t-button__text"
class="t-button__content"
>
半圆白底
</span>
<!---->
</button>
<button
aria-disabled="false"
class="t-button t-size-l t-button--outline t-button--default t-button--shape-rectangle t-is-block"
class="t-button t-button--size-large t-button--outline t-button--default t-button--rectangle t-button--block"
data-v-924378ec=""
role="button"
type="button"
>
<!---->
<span
class="t-button__text"
class="t-button__content"
>
半圆黑底
</span>
<!---->
</button>
</div>
<div
Expand Down Expand Up @@ -480,63 +496,71 @@ exports[`BackTop > BackTop roundVue demo works fine 1`] = `
>
<button
aria-disabled="false"
class="t-button t-size-l t-button--outline t-button--default t-button--shape-rectangle t-is-block"
class="t-button t-button--size-large t-button--outline t-button--default t-button--rectangle t-button--block"
data-v-915cc230=""
role="button"
type="button"
>
<!---->
<span
class="t-button__text"
class="t-button__content"
>
圆角白底
</span>
<!---->
</button>
<button
aria-disabled="false"
class="t-button t-size-l t-button--outline t-button--default t-button--shape-rectangle t-is-block"
class="t-button t-button--size-large t-button--outline t-button--default t-button--rectangle t-button--block"
data-v-915cc230=""
role="button"
type="button"
>
<!---->
<span
class="t-button__text"
class="t-button__content"
>
圆角黑底
</span>
<!---->
</button>
<button
aria-disabled="false"
class="t-button t-size-l t-button--outline t-button--default t-button--shape-rectangle t-is-block"
class="t-button t-button--size-large t-button--outline t-button--default t-button--rectangle t-button--block"
data-v-915cc230=""
role="button"
type="button"
>
<!---->
<span
class="t-button__text"
class="t-button__content"
>
圆白底纯图标
</span>
<!---->
</button>
<button
aria-disabled="false"
class="t-button t-size-l t-button--outline t-button--default t-button--shape-rectangle t-is-block"
class="t-button t-button--size-large t-button--outline t-button--default t-button--rectangle t-button--block"
data-v-915cc230=""
role="button"
type="button"
>
<!---->
<span
class="t-button__text"
class="t-button__content"
>
圆黑底纯图标
</span>
<!---->
</button>
</div>
<div
Expand Down

0 comments on commit 8ead3e5

Please sign in to comment.