inputtext: стилизация, сторисы, токены#171
inputtext: стилизация, сторисы, токены#171khaliulin wants to merge 55 commits intostorybook-updatefrom
Conversation
bd22ba2 to
4ac21fd
Compare
|
Решить конфликты |
There was a problem hiding this comment.
почему этот файл вообще в этом ПР редактируется?
| argTypes: { | ||
| size: { | ||
| control: 'select', | ||
| options: ['small', 'medium', 'large', 'xlarge'], |
There was a problem hiding this comment.
прайм не умеет в xlarge, нужен какой-то коммент, что нужно использовать зарезервированный класс
…-класс p-inputtext-xlg
There was a problem hiding this comment.
навзание файла видимо прошлое вернулось
There was a problem hiding this comment.
а, ну в целом файл просто остался почему-то
| import { IconX } from '@tabler/icons-vue'; | ||
|
|
||
| const props = withDefaults( | ||
| defineProps<{ |
There was a problem hiding this comment.
почему исчезло наследование от базового текст инпута?
| invalid?: boolean; | ||
| disabled?: boolean; | ||
| readonly?: boolean; | ||
| placeholder?: string; | ||
| fluid?: boolean; |
There was a problem hiding this comment.
нет смысла описывать, если наследоваться
| import { IconX } from '@tabler/icons-vue'; | ||
| import { computed } from 'vue'; | ||
|
|
||
| interface PBlockInputTextProps extends /* @vue-ignore */ InputTextProps { |
There was a problem hiding this comment.
не вижу прокидывания пропса has-floatlabel
| } | ||
|
|
||
| &__required { | ||
| color: var(--p-red-500); |
There was a problem hiding this comment.
@khaliulin коммент для меня. Проверить как еще можно читать токены прайма на стороне оберток
|
|
||
| &__required { | ||
| color: var(--p-red-500); | ||
| margin-left: 2px; |
| </script> | ||
|
|
||
| <template> | ||
| <FloatLabel v-if="hasFloatlabel" variant="in"> |
There was a problem hiding this comment.
в ds не планируется других вариантов использования флоатов?
There was a problem hiding this comment.
Ок, но я бы в сториз тогда описал, что возможно использование FloatLabel и PBlockInputText напрямую
| <IconField | ||
| v-else | ||
| class="p-block-inputtext" | ||
| :class="{ 'p-block-inputtext--fluid': fluid }" | ||
| > | ||
| <InputText | ||
| v-bind="attrs" | ||
| :modelValue="modelValue" | ||
| :fluid="fluid" | ||
| :size="size === 'xlarge' ? undefined : size" | ||
| :class="{ 'p-inputtext-xlg': size === 'xlarge' }" | ||
| @update:modelValue="onUpdateModelValue($event as string)" | ||
| /> | ||
| <InputIcon | ||
| v-show="showClear && modelValue" | ||
| class="p-block-inputtext__icon" | ||
| @click.stop="onClear" | ||
| > | ||
| <slot name="clear-icon"> | ||
| <IconX :size="14" /> | ||
| </slot> | ||
| </InputIcon> | ||
| </IconField> |
There was a problem hiding this comment.
Дублирование кода, вынести в подкомпонент, переиспользовать в двух случаях
| @click.stop="onClear" | ||
| > | ||
| <slot name="clear-icon"> | ||
| <IconX :size="14" /> |
No description provided.