Skip to content

Commit 530da2b

Browse files
tassiocaiquetassiocaique
authored
Merge pull request #1043 from Sysvale/feature/text-input-label-slot
Feature/text input label slot
2 parents 5a5f74e + 6deae98 commit 530da2b

File tree

11 files changed

+36
-35
lines changed

11 files changed

+36
-35
lines changed

‎docs/components/forms/text-input.md‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -53,6 +53,14 @@ TextInputs permitem que os usuários insiram texto em uma interface
5353
/>
5454
<br>
5555

56+
## Slots
57+
58+
<APITable
59+
name="CdsTextInput"
60+
section="slots"
61+
/>
62+
<br>
63+
5664
---
5765

5866
<script setup>

‎package-lock.json‎

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@sysvale/cuida",
3-
"version": "3.151.3",
3+
"version": "3.152.0",
44
"description": "A design system built by Sysvale, using storybook and Vue components",
55
"repository": {
66
"type": "git",

‎src/components/BaseInput.vue‎

Lines changed: 14 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -22,25 +22,20 @@
2222
</CdsBaseMobileInput>
2323

2424
<template v-else>
25-
<template
26-
v-if="useHasSlot('label')"
27-
>
28-
<slot name="label" />
29-
</template>
30-
31-
<CdsLabel
32-
v-if="!hideLabelInput"
33-
:text="label"
34-
:fluid="fluid"
35-
:for="componentId"
36-
:required="required"
37-
:tooltip="tooltip"
38-
:tooltip-icon="tooltipIcon"
39-
:support-link="supportLink"
40-
:support-link-url="supportLinkUrl"
41-
@support-link-click="emits('supportLinkClick')"
42-
/>
43-
25+
<slot name="label">
26+
<CdsLabel
27+
v-if="!hideLabelInput"
28+
:text="label"
29+
:fluid="fluid"
30+
:for="componentId"
31+
:required="required"
32+
:tooltip="tooltip"
33+
:tooltip-icon="tooltipIcon"
34+
:support-link="supportLink"
35+
:support-link-url="supportLinkUrl"
36+
@support-link-click="emits('supportLinkClick')"
37+
/>
38+
</slot>
4439
<div
4540
:class="baseInputClass"
4641
@click="handleClick"

‎src/components/TextInput.vue‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,11 @@
1212
@focus="emitFocus"
1313
@blur="emitBlur"
1414
@keydown="emitKeydown"
15-
/>
15+
>
16+
<template #label>
17+
<slot name="label" />
18+
</template>
19+
</CdsBaseInput>
1620
</template>
1721

1822
<script setup>

‎src/tests/__snapshots__/BaseInput.spec.js.snap‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,7 @@
11
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
22

33
exports[`BaseInput > renders correctly 1`] = `
4-
"<div data-v-82c69faf="" class="base-input__container">
5-
<!--v-if--><label data-v-c1eb01da="" data-v-82c69faf="" class="label">
4+
"<div data-v-82c69faf="" class="base-input__container"><label data-v-c1eb01da="" data-v-82c69faf="" class="label">
65
<div data-v-c2ac4e6d="" data-v-c1eb01da="" class="flexbox label__content">
76
<!-- @slot Slot com o conteúdo interno do FlexBox -->Label
87
<!--v-if-->

‎src/tests/__snapshots__/DateInput.spec.js.snap‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,7 @@
33
exports[`DateInput > renders correctly 1`] = `
44
"<div data-v-fcd39cd1="" class="date-input" id="text-input">
55
<!--v-if-->
6-
<div data-v-82c69faf="" data-v-fcd39cd1="" class="base-input__container" variant="green" mode="picking" range="false" mobile="false" showtodaydot="false" highlighttoday="false" mindate="" maxdate="">
7-
<!--v-if--><label data-v-c1eb01da="" data-v-82c69faf="" class="label">
6+
<div data-v-82c69faf="" data-v-fcd39cd1="" class="base-input__container" variant="green" mode="picking" range="false" mobile="false" showtodaydot="false" highlighttoday="false" mindate="" maxdate=""><label data-v-c1eb01da="" data-v-82c69faf="" class="label">
87
<div data-v-c2ac4e6d="" data-v-c1eb01da="" class="flexbox label__content">
98
<!-- @slot Slot com o conteúdo interno do FlexBox -->Selecione uma data
109
<!--v-if-->

‎src/tests/__snapshots__/NumberInput.spec.js.snap‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,7 @@
22

33
exports[`CdsNumberInput > renders correctly 1`] = `
44
"<div id="number-input">
5-
<div data-v-82c69faf="" class="base-input__container" money="false" mobile="false">
6-
<!--v-if--><label data-v-c1eb01da="" data-v-82c69faf="" class="label">
5+
<div data-v-82c69faf="" class="base-input__container" money="false" mobile="false"><label data-v-c1eb01da="" data-v-82c69faf="" class="label">
76
<div data-v-c2ac4e6d="" data-v-c1eb01da="" class="flexbox label__content">
87
<!-- @slot Slot com o conteúdo interno do FlexBox -->Valor
98
<!--v-if-->

‎src/tests/__snapshots__/Select.spec.js.snap‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,7 @@
33
exports[`Select > renders correctly 1`] = `
44
"<div data-v-96b70cc4="" class="select" id="select-input">
55
<div data-v-96b70cc4="" class="select__container select__container--fit">
6-
<div data-v-82c69faf="" data-v-96b70cc4="" class="base-input__container select__input--undefined select__input--fit" options="[object Object],[object Object]" searchable="false" deepsearch="false" width="" optionsfield="value" returnvalue="false" mobile="false" addable="false" onkeypress="return false;">
7-
<!--v-if--><label data-v-c1eb01da="" data-v-82c69faf="" class="label">
6+
<div data-v-82c69faf="" data-v-96b70cc4="" class="base-input__container select__input--undefined select__input--fit" options="[object Object],[object Object]" searchable="false" deepsearch="false" width="" optionsfield="value" returnvalue="false" mobile="false" addable="false" onkeypress="return false;"><label data-v-c1eb01da="" data-v-82c69faf="" class="label">
87
<div data-v-c2ac4e6d="" data-v-c1eb01da="" class="flexbox label__content">
98
<!-- @slot Slot com o conteúdo interno do FlexBox -->label
109
<!--v-if-->

‎src/tests/__snapshots__/TextInput.spec.js.snap‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,7 @@
11
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
22

33
exports[`TextInput > renders correctly 1`] = `
4-
"<div data-v-82c69faf="" class="base-input__container" inputtype="text" mobile="false" disableautocomplete="false">
5-
<!--v-if--><label data-v-c1eb01da="" data-v-82c69faf="" class="label">
4+
"<div data-v-82c69faf="" class="base-input__container" inputtype="text" mobile="false" disableautocomplete="false"><label data-v-c1eb01da="" data-v-82c69faf="" class="label">
65
<div data-v-c2ac4e6d="" data-v-c1eb01da="" class="flexbox label__content">
76
<!-- @slot Slot com o conteúdo interno do FlexBox -->Label
87
<!--v-if-->

0 commit comments

Comments
 (0)