Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: select component integration #285

Open
wants to merge 3 commits into
base: main
Choose a base branch
from

Conversation

DeadCreator
Copy link
Contributor

By this update Select Component was integrated into note's settings into Role Select component, which fixes #284. Due to this integration, some other little issues were fixed:

  • added ability to get selected value outside the component via @value-update attribute
  • changed Popover's reactive styling to avoid unapplying component's positioning
  • Updated Select Component's page in Playground

By this update Select Component was integrated into note's settings into Role Select component.
Due to this integration, some issues were fixed:
- added ability to get selected value outside the component via @value-update attribute
- changed Popover's reactive styling to avoid unapplying component's positioning
- Updated Select Component's page in Playground
@DeadCreator DeadCreator self-assigned this Jan 6, 2025
@DeadCreator DeadCreator requested a review from neSpecc January 6, 2025 21:20
const updateActiveItem = (item: DefaultItem) => {
activeItem.value = item;
emit('valueUpdate', activeItem.value);
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lets use v-model instead. To make Select work like native input
https://vuejs.org/guide/components/v-model

<Select
  :items="roleItems"
  :default-item="defaultRole"
  v-model="currentRole"
/>

Some changes in Select behavior:
- Now selected Item is two-binded, so it can be accessed outside the component easier and native
- Added style properties: align to configure select's popover and isDisabled property to make component unaccessible in needed cases
- Update Select's page on Playground according to its new interactions
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Feature] Note Settings Select Component integration
2 participants