-
Notifications
You must be signed in to change notification settings - Fork 141
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat(comp:divider): add size prop (#742)
BREAKING CHANGE: `position` was deprecated, please use `labelPlacement` instead, `type` was deprecated, please use `vertical` instead
- Loading branch information
Showing
22 changed files
with
281 additions
and
335 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
2 changes: 1 addition & 1 deletion
2
packages/components/divider/__tests__/__snapshots__/divider.spec.ts.snap
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,7 +1,7 @@ | ||
// Jest Snapshot v1, https://goo.gl/fbAQLP | ||
|
||
exports[`Divider render work 1`] = ` | ||
"<div class=\\"ix-divider-horizontal ix-divider\\"> | ||
"<div class=\\"ix-divider ix-divider-md ix-divider-horizontal\\"> | ||
<!----> | ||
</div>" | ||
`; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -7,4 +7,4 @@ title: | |
|
||
## zh | ||
|
||
默认为水平分割线,可在中间加入文字。 | ||
默认为水平分割线,可在通过 `dashed` 设置为虚线。 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,16 +1,7 @@ | ||
<template> | ||
<p> | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a | ||
te dicta? Refert tamen, quo modo. | ||
</p> | ||
<p>见山是山,见水是水;见山不是山,见水不是水;见山还是山,见水还是水。</p> | ||
<IxDivider /> | ||
<p> | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a | ||
te dicta? Refert tamen, quo modo. | ||
</p> | ||
<p>见山是山,见水是水;见山不是山,见水不是水;见山还是山,见水还是水。</p> | ||
<IxDivider dashed /> | ||
<p> | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a | ||
te dicta? Refert tamen, quo modo. | ||
</p> | ||
<p>见山是山,见水是水;见山不是山,见水不是水;见山还是山,见水还是水。</p> | ||
</template> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,21 +1,5 @@ | ||
<template> | ||
<p> | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a | ||
te dicta? Refert tamen, quo modo. | ||
</p> | ||
<IxDivider plain>Text</IxDivider> | ||
<p> | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a | ||
te dicta? Refert tamen, quo modo. | ||
</p> | ||
<IxDivider position="left" plain>Left Text</IxDivider> | ||
<p> | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a | ||
te dicta? Refert tamen, quo modo. | ||
</p> | ||
<IxDivider position="right" plain>Right Text</IxDivider> | ||
<p> | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a | ||
te dicta? Refert tamen, quo modo. | ||
</p> | ||
<p>见山是山,见水是水;见山不是山,见水不是水;见山还是山,见水还是水。</p> | ||
<IxDivider label="iDux" plain /> | ||
<p>见山是山,见水是水;见山不是山,见水不是水;见山还是山,见水还是水。</p> | ||
</template> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,10 @@ | ||
--- | ||
order: 4 | ||
title: | ||
zh: 分割线大小 | ||
en: Divider size | ||
--- | ||
|
||
## zh | ||
|
||
使用 `size` 可以设置分割线的大小。 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,24 @@ | ||
<template> | ||
<IxRadioGroup v-model:value="size" buttoned> | ||
<IxRadio value="sm">Small</IxRadio> | ||
<IxRadio value="md">Medium</IxRadio> | ||
<IxRadio value="lg">Large</IxRadio> | ||
</IxRadioGroup> | ||
|
||
<IxDivider :size="size" label="iDux" /> | ||
<p>见山是山,见水是水;见山不是山,见水不是水;见山还是山,见水还是水。</p> | ||
<IxDivider :size="size" label="iDux" /> | ||
<div> | ||
<span>Text</span> | ||
<IxDivider :size="size" vertical /> | ||
<a href="#">Link</a> | ||
<IxDivider :size="size" vertical dashed /> | ||
<a href="#">Link</a></div | ||
> | ||
</template> | ||
|
||
<script setup lang="ts"> | ||
import { ref } from 'vue' | ||
const size = ref('md') | ||
</script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,10 +1,10 @@ | ||
--- | ||
order: 3 | ||
order: 1 | ||
title: | ||
zh: 垂直分割线 | ||
en: vertical divider | ||
en: Vertical divider | ||
--- | ||
|
||
## zh | ||
|
||
使用 `type="vertical"`设置为行内的垂直分割线 | ||
使用 `vertical` 设置为行内的垂直分割线 |
Oops, something went wrong.