Releases: AlansCodeLog/vue-components
v2.5.0
v2.4.0
v2.3.0
2.3.0 (2024-09-03)
Features
popup: exposed function to set the background element (f9a493e)
This is helpful in some complex cases to constrain the position to be inside
some element.
Bug Fixes
popup: fix popup not recomputing on internal element scrolls (26d17b3)
Adds the recompute listener with capture: true on the scroll so we can catch the
non-bubbling scroll events.
v2.2.1
v2.2.0
2.2.0 (2024-08-22)
Features
popup: added more ways to control the popup position (b658de1)
- Preferred directions can now be a function
- You can now specify a positionModifier to modify the resulting position.
popup: added positioning options for left/right/top/bottom/center most (1762faa)
popup: added avoidRepositioning option to prevent recalculation of best position (877b764)
This allows the popup to be opened in a good position and keep that position if
the user scrolls, without it picking a different position. This can be useful
for things like menus where we expect them to stay pinned.
popup: popup now exposes a way to set the reference "button" element manually without the slot (1cb497f)
- The element need not be an element, so long as it implement
getBoundingClientRect. - This makes it possible to use the popup only for positioning when we don't
have access to the button directly, only a position we want to place the popup
relative to.
Bug Fixes
removed unnecesary hiding of scrollbar, leave up to user (3f8e8cd)
popup: fixed bug with max-width/height being set when it shouldn't have been (7351a9b)
popup: removed unnecesary recompute (c4bcfd2)
v2.1.1
v2.1.0
2.1.0 (2024-08-03)
Features
added suggestion picked to suggestion submit event (6b633ba)
This was added because we often want to know what suggestion item the user
picked, but by the time of the submit event the active suggestion is undefined
because the suggestions were closed.
the input now exposes it's suggestion component if the slot is not used (a72e977)
improved input with suggestions vmodel experience, added option updateOnlyOnSubmit (cfdbece)
- fixed input not emmitting modelValue update when it should
- made it easier to only have the modelValue update on submit when using
unrestricted suggestions
popup no longers needs relative el for positioning if center-screen is the first preferredHorizontal and Vertical placement (b30ea62)
Bug Fixes
fixed generic component types (3cb3408)
disabled debug in suggestions (cc61c96)
v2.0.0
2.0.0 (2024-07-24)
Bug Fixes
fixed build:types not exiting when it has errors (31bf76e)
fixed missing onInput attribute for the simple input component (2c4c93c)
Also cast the event type as InputEvent instead of vue's Event type.
fixed color picker input (dab0778)
fixed types of individual imports (a6612fe)
added missing types folder to package.json (39d7d29)
fixed Fa attribute types (4248718)
fixed .gitignore (915ff9c)
added vue-ignore to eslint's known jsdoc tags (e102285)
moved vue from devDeps to deps (7ff807b)
added missing playground vite config and dev script (b2e2d8a)
fixed missing components import (2707d83)
added missing types property in some exports paths (c6b84ea)
fixed aria auto-title (460506e)
fixed file input focus outline, added new focus-outline-within tailwind class (b92438c)
fixed non-multiple file input showing file count (2a12b68)
input value now resets to model value on blur in case model value wasn't changed (dddff45)
close suggestions in the input component when a suggestion is submitted (9cf08f1)
all label props in input are now also passed to the slot (1f9b1e6)
clicking on label whitespace no longer focuses input (f5ed2ea)
Clicking on the label itself still works.
BREAKING CHANGE: The label whitespace fix is a breaking change because it changes the layout of the label.
Style top no longer automatically does w-full. You must place an additional
The top style will probably be removed in the future.
prevent recorder from emitting click event when pressing space (a9ba47a)
fixed some bugs with suggestions when they aren't restricted or filtered (220a7f3)
fixed listeners not getting correctly removed (9402014)
fixed input accidentally becoming multi-value input (e52934b)
We were not properly checking whether multi-value was enabled or not.
An incorrect implementation of "addValue" (now removed) was masking the problem.
input not correctly re-emits events it also listens to (1f8b27e)
fixed several issues with suggestions (44be50f)
- It now also emits "submit" properly on any "intentful" selection (pressing enter or directly clicking)
instead of just when multiple values are enabled.
exposed table config as a type (TableColConfig) (d58c16d)
BREAKING CHANGE: colInfo prop is now colConfig
fixed input suggestions not closing properly (b31053f)
fixed input padding issues (5c99f2e)
fixed checkbox cursor on hover (980b64d)
renamed plugin from MyLibPlugin to VueComponentsPlugin (636beb0)
BREAKING CHANGE
fixed checkbox value type (a8d934a)
twMerge now takes into account custom focus-outline class (8fa714f)
fixed slot padding in input (eaabbf8)
fixed types and lint errors (60518ef)
- generic types still have some problems
fixed incorrect alignment in notification without title (cbad11e)
- Fixed single notification story.
- Added story for this.
fixed autoTitle setting title as false (4eb1a3f)
fix useDivideAttrs not generating keys for all divisions even if empty (668dbd8)
fixed button looking vertically off center next to other elements (9acbd9e)
- The sm shadow is too far down, added custom subtle shadow.
- Also added slight highlight to make buttons pop better in dark mode.
removed tailwind utilities import from utilities.css (5b64e12)
The downstream user can then choose to import them or not.
removed usage of some tailwind colors that shouldn't have been used (708462f)
- added a recorder color since that doesn't need to be danger red
removed accidentally left in border (a78b9eb)
fixed useDivideAttrs not correctly dividing attributes (24c1f6e)
fix missing indicator class in input component (14da66d)
fixed all typescript errors (4ce1bbf)
Features
allow file input to take in any format by passing empty array (a95d74a)
Also added stories/test for this and the error handler.
dropped fontawesome in favor of unplugin-icons (3558b6b)
BREAKING CHANGE: The Fa fontawesome component has been removed.
-
There is now an icon component but it is not for "picking" an icon, just a
wrapper to make it have the right height when it's alone in a div. -
Instructions have been added for how to add unplugin to a downstream project
to use it similarly to how it's used internally. -
Any components that took in an icon prop no longer do.
-
The button component no longer has an icon slot nested inside the label slot,
but separate icon, iconAfter, and label slots.
improved input dropdown when it's borderless (d64dacf)
make select like input/suggestions require submission (24c6595)
- The suggestions component now shows the suggestions when there is one matching suggestion.
- The input now doesn't change the modelValue when restrictToSuggestions is true.
The user must hit enter to submit.
added ability to us...
v2.0.0-beta.15
2.0.0-beta.15 (2024-07-24)
Reverts
Revert "fix: temporary workaround for types build error" (28f090e)
This reverts commit 1874533.
Was not actually needed, the error was in another temporary workaround commit.
Now works fine without both.
Revert "build: added temporary workaround for @vuejs/language-tools #4497" (321471f), closes #4497
This reverts commit 60b269b.
The issue was fixed and having the override was causing the real type emit
issue.
v2.0.0-beta.14
2.0.0-beta.14 (2024-07-15)
Bug Fixes
temporary workaround for types build error (1874533)
removed tailwind utilities import from utilities.css (5b64e12)
The downstream user can then choose to import them or not.
removed usage of some tailwind colors that shouldn't have been used (708462f)
- added a recorder color since that doesn't need to be danger red
removed accidentally left in border (a78b9eb)
fixed useDivideAttrs not correctly dividing attributes (24c1f6e)
fix missing indicator class in input component (14da66d)
Features
improved suggestions (636dda1)
The suggestions logic is now de-coupled from the component and can be re-used if
needed.
-
The submit event also works more consistently.
-
The open/close logic in general has been cleaned up.
-
Added a
suggestionSelectorprop option for determining which option to
select (this can be used to implement fuzzy matching). -
You can now filter the handling of all events to the suggestions component.
BREAKING CHANGE: -isValid,isOpenandactiveSuggestionare no longer v-models.isValid
is only a prop, the others are now only events. -
The suggestions component should be controled instead from the
suggestions
object it exposes which contains all the variables and functions from the
composable. Before these were partially exposed at the root. -
The component is no longer generic for the model or input value only for the
suggestions list and it still has some edge cases to iron out. In general though
it works better than before. -
data-is-active-suggestionhas been removed, given aria-selected is the same
thing. -
The way the submit event works is now slightly different.
added export of the twMerge config used (twMergeExtend) (e6ff086)
BREAKING CHANGES
-
isValid,isOpenandactiveSuggestionare no longer v-models.isValid
is only a prop, the others are now only events.
-
The suggestions component should be controled instead from the
suggestions
object it exposes which contains all the variables and functions from the
composable. Before these were partially exposed at the root. -
The component is no longer generic for the model or input value only for the
suggestions list and it still has some edge cases to iron out. In general though
it works better than before. -
data-is-active-suggestionhas been removed, given aria-selected is the same
thing. -
The way the submit event works is now slightly different.