confirm-dialog: стилизация, сторисы, обёртки#33
Conversation
| imports: [ConfirmDialog, Button, PrimeTemplate], | ||
| template: ` | ||
| <p-confirmDialog [key]="key" [styleClass]="computedClass" appendTo="body"> | ||
| <ng-template pTemplate="headless" let-message let-onAccept="onAccept" let-onReject="onReject"> |
There was a problem hiding this comment.
мы не планируем кастомизаций этого диалога?
| selector: 'app-confirm-dialog-default', | ||
| standalone: true, | ||
| imports: [ConfirmDialogComponent, Button], | ||
| providers: [ConfirmationService], |
There was a problem hiding this comment.
у нас должен быть свой сервис для работа с этим комонентом. под капотом он может использовать праймовский сервис.
| <ng-template pTemplate="headless" let-message let-onAccept="onAccept" let-onReject="onReject"> | ||
| <div class="p-dialog-header"> | ||
| <div class="p-dialog-title"> | ||
| <i [class]="message.icon + ' p-icon'"></i> |
There was a problem hiding this comment.
думаю праймовский класс иконки не нужен
| <i [class]="message.icon"></i> | ||
| <span>{{ message.header }}</span> | ||
| </div> | ||
| <button |
There was a problem hiding this comment.
кнопки должны быть наши, иначе всё сломается если прайм выпилим из под капота.
There was a problem hiding this comment.
тоже не совсем верно. надо нашей кнопке задать другой селектор (cdek-button например), и использовать тогда в шаблоне . тогда не нужно будет навешивать все эти классы.
| selector: 'app-confirm-dialog-default', | ||
| standalone: true, | ||
| imports: [ConfirmDialogComponent, Button], | ||
| providers: [ConfirmationService, ConfirmDialogService], |
There was a problem hiding this comment.
тут также - при использовании нашего компонента/сервиса мы не должны ничего знать про прайм. нужно что бы всё взаимодействие шло через наш сервис, а уже наш сервис может работать с сервисом прайма.
…mationService, праймовский импорт убран из сторис
dialog: стилизация, сторисы, обёртки
| export type ConfirmDialogSize = 'sm' | 'default' | 'lg' | 'xlg'; | ||
| export type ConfirmDialogSeverity = 'success' | 'info' | 'warn' | 'help' | 'danger' | 'default'; | ||
|
|
||
| @Component({ |
Аналогично UiDialogService — сервис скрывает primeng от потребителей. ToastComponent: убран scoped MessageService, добавлен проброс pt.
…место primeng Все toast example-компоненты переведены на ui-toast и UiToastService — прямые импорты Toast, MessageService, SharedModule из primeng убраны.
Документация в toast.stories.ts теперь указывает на UiToastService вместо MessageService из primeng.
toast: стилизация, сторисы, обёртки
Messages.toast
# Conflicts: # src/lib/providers/prime-preset/tokens/components/data-table.ts # src/prime-preset/map-tokens.ts
galleria: стилизация
… context.$implicit не совпадает с новым item, принудительно обновляем context
патч прототипа в preview.ts
carousel: стилизация, сторисы, обёртки
Лицензия MIT
data-table: стилизация, сторисы, обёртки
# Conflicts: # src/lib/providers/prime-preset/tokens/components/stepper.ts # src/lib/providers/prime-preset/tokens/components/tabs.ts
stepper: стилизация, сторисы, обёртки
# Conflicts: # src/lib/providers/prime-preset/tokens/components/accordion.ts
accordion: стилизация, сторисы, обёртки
# Conflicts: # .gitignore # src/lib/providers/prime-preset/tokens/components/confirm-dialog.ts # src/prime-preset/map-tokens.ts

No description provided.