Renovate: Update dependency @nextcloud/vue to v9 #11
Loading…
Add table
Add a link
Reference in a new issue
No description provided.
Delete branch "renovate/nextcloud-vue-9.x"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
This PR contains the following updates:
^8.31.0
->^9.0.0
Release Notes
nextcloud-libraries/nextcloud-vue (@nextcloud/vue)
v9.0.1
Compare Source
Full Changelog
🐛 Fixed bugs
Other Changes
v9.0.0
Compare Source
Full Changelog
💥 Breaking Changes
This mostly affects the visual appearance of components.
NcSettingsInputText
component was deprecated in v8 and is now removed.Plugin registering removed
The plugin registering all the components and directives globally is removed.
Instead use local registration of components and directives.
If you really need an alternative we recommend using
unplugin-vue-components
.Import paths changed
The old import paths like
@nextcloud/vue/dist/Components/NcComponent.js
were removed.Instead use the new ones (
@nextcloud/vue/components/NcComponent
).Example shell command to do the refactoring:
Container components now default to
box-sizing: border-box
For container components that can be directly mounted to
<body>
thebox-sizing
was adjusted to match the behavior ofNcContent
.The
box-sizing: border-box
is now default for following components and its content:NcDialog
NcModal
NcPopover
Consistent usage of
modelValue
propAll input elements were refactored to use the
modelValue
prop instead of the now removedvalue
/checked
prop and emit theupdate:modelValue
event instead of the removedupdate:checked
/update:value
/input
events.This which allows consistent using of
v-model
.Affected components:
checked
prop andupdate:checked
eventNcActionCheckbox
NcActionRadio
NcCheckboxRadioSwitch
value
prop andupdate:value
/input
events:modelValue
prop ofNcActionRadio
is expecting to have typestring|number
to be compared tovalue
prop.value
prop was renamed tomodelValue
, theupdate:value
orinput
events were renamed toupdate:modelValue
. This affects the following components:NcActionInput
NcActionTextEditable
NcColorPicker
NcDateTimePicker
NcDateTimePickerNative
NcInputField
NcPasswordField
NcRichContenteditable
NcSelect
NcSelectTags
NcSettingsInputText
NcSettingsSelectGroup
NcTextArea
NcTextField
NcTimezonePicker
Removing the
exact
propThe
exact
prop, previously used byrouter-link
components, was removed.This affects the following components:
NcActionRouter
NcAppNavigationItem
NcBreadcrumb
NcButton
NcListItem
Renaming icon slot of
Nc*Field
The leading icon slot was changed from
#default
to#icon
inNc*Field
components:NcInputField
NcTextField
NcPasswordField
Boolean props default to
false
Some boolean props that have been deprecated in favor of alternatives with default value
false
,are now removed. Following components have been adjusted:
NcAppContent
allowSwipeNavigation
disabledSwipe
NcAvatar
showUserStatus
hideStatus
NcAvatar
showUserStatusCompact
verboseStatus
NcModal
closeButtonContained
closeButtonOutside
NcModal
enableSwipe
disableSwipe
NcModal
canClose
noClose
NcDialog
canClose
noClose
NcPopover
focusTrap
noFocusTrap
Additionally the default value
closeOnClickOutside
forNcModal
was aligned withNcDialog
and now defaults tofalse
.Removal of
type
andnativeType
propsThe
type
property for button components (NcButton
,NcActions
,NcDialogButton
) was deprecated for the usage with color variants likeprimary
.The fallback behavior was removed,
type
now only allows the native HTML button type likebutton
,reset
orsubmit
.Instead use the
variant
property for the color variant.The
nativeType
property was removed in favor oftype
.Event names
To have a consistent naming for custom event the following events were deprecated
and now are removed in favor of a new consistent event name:
---------------|-----------------|----------------
NcAppContent
|resize:list
|resizeList
NcRichText
|interact:todo
|interactTodo
Mixins are removed
Mixins only work in Options API and are in general not recommended by Vue anymore:
As this library also uses composition API now all required mixins have been migrated to composables which work in Options API and Composition API.
Especially the following are now provided as composables:
isFullscreen
is now provided asuseIsFullscreen
isMobile
is now provided asuseIsMobile
andisMobileState
was removed.The
richEditing
mixin can be replaced by just using theNcRichText
component.Other breaking changes
NcActions
andNcAction*
ariaHidden
property is removed, please do no longer provide it, otherwise the root element will inherit incorrect aria-hidden.NcAppSidebar
closing
andopening
events were removed.They are directly emitted when the sidebar was opened when using
v-if
and also just duplicated the state of the
open
prop #5606NcButton
now does no longer hasrole="button"
when used as a link (passing thehref
prop or a router link (to
)).Instead, for accessibility and semantical correctness, has the
link
role.NcColorPicker
close
event was removed in favor of theclosed
event, this was done for consistent event names.NcCounterBubble
count
prop is now required #5997NcHeaderMenu
open
,close
andcancel
events were removed in favor ofopened
andclosed
events #6429NcSettingsSection
limitWidth
was removed (the content is now always limited width) #5605isFullscreen
, andisMobile
mixins were removed. Use the according composables instead.clickOutsideOptions
mixin is removedbox-sizing: border-box
is now default for following components and its content. This is done to match behavior ofNcContent
(as they can be mounted directly tobody
):NcModal
NcPopover
NcDateTimePicker
range
property was removed in favor oftype="datetime-range"
(datetime ranges),type="date-range"
(date only ranges), andtype="time-range"
(time only ranges).lang
property was replaced with thelocale
property.formatter
property was removed.NcPopover
is no longer a transparent wrapper over thefloating-vue
package.Instead only use the documented properties and events.
If you find some use cases not covered by the documented interface, please open a feature request.
NcRichContenteditable
NcAutoCompleteResult
: Thetitle
prop was deprecated and is now removed in favor of thelabel
propNcMentionBubble
: Thetitle
prop was deprecated and is now removed in favor of thelabel
propNcSelect
userSelect
property was removed, instead just use theNcSelectUsers
componentcloseOnSelect
property was removed in favor ofkeepOpen
.NcTextField
:'arrowRight'
for thetrailingButtonIcon
property was deprecated is now removed in favor ofarrowEnd
.Tooltip
directive was deprecated in v8 and is now removed.This was done in favor of native tooltips using the
title
attribute, which is better for accessibility.If you really need custom formatted tooltips, you can use
NcPopover
instead.useFormatDateTime
composable - only exported from default entry point - is removed.Instead you can now use
useFormatTime
for formatting a time to a local date string oruseFormatRelativeTime
to format it to a humanized string like a day ago.usernameToColor
function is named exported instead of a default export.This was done to have consistent export types.
🚀 Enhancements
NcButton
#4525 (susnux)useFormatRelativeTime
composable #7067 (susnux)active
as slot property to the "icon"-slot #7273 (susnux)closeOnClickOutside
withnoCloseOnClickOutside
#7525 (ShGKme)🐛 Fixed bugs
info
slot #6666 (Antreesy)$attrs
toDropdown
inNcPopover
#4564 (raimund-schluessler)false
for disabled tooltip #4740 (raimund-schluessler)menu
needs a label assigned so label by trigger #6023 (susnux)required
doesn't work #6458 (ShGKme)spawnDialog
types #6781 (mattersj)[Date, null]
#6726 (susnux)NcSelectUsers
export #6947 (susnux)core.apps
format in Nextcloud 30 #7010 (julien-nc)showUserStatus
prop #7053 (Antreesy)active
prop take higher priority #7086 (DorraJaouad)this.$refs.actions.$refs.menuButton
is undefined #7143--border-radius-container
#7176 (susnux)to
prop from VueRouter #7201 (susnux)NcActions
#7237 (susnux)ariaLabel
norariaLabelledby
is set #7350 (susnux)ariaLabel
prop and add proper default values #7367 (susnux)Changed
default: true
withdefault: false
#6653 (susnux)GenRandomId
withgetRandomId
#6425 (susnux)md5
dependency forusernameToColor
and migrate to TS #6657 (susnux)findRanges
to Typescript #6662 (susnux)useIsMobile
to TS and removeisMobileState
#6658 (susnux)@vuepick
library #6651 (susnux)isSlotPopulated
#6681 (susnux)passive: true
totransitionend
event listener #6688 (skjnldsv)main
and Vue 2 branch isstable8
#6697 (susnux)GetChildren
util #6701 (susnux)GetParent
to Typescript #6702 (susnux)NcDateTimePicker
#6704 (susnux)checked
prop tomodelValue
#4994 (raimund-schluessler)modelValue
naming #4990 (raimund-schluessler)NcSelect*
and related components #4587 (raimund-schluessler)value
tomodel-value
#4647 (raimund-schluessler)next
branch #6007 (susnux)useIsDarkTheme
import #6215 (ShGKme)package.json
#6405 (susnux)NcButton
from render function to template #6033 (susnux)string-length
dependency and replace with native solution #6779 (susnux)dev:watch
towatch
#6888 (skjnldsv)NodeList
#7060 (susnux)useFormatDateTime
#7129 (susnux)usernameToColor
) #7161 (susnux)debounce
instead of custom delay function #7174 (susnux)script-setup
#7200 (susnux)corepack
blocking dependency updates #7213 (susnux)pressed
to allowundefined
#7368 (susnux)NcSettingsInputText
component #7486 (susnux)NcRadioGroup
#7490 (susnux)v8.32.0
Compare Source
What's Changed
🚀 Enhancements
closeButtonOutside
prop and deprecatedcloseButtonContained
by @Antreesy in https://github.com/nextcloud-libraries/nextcloud-vue/pull/7553🐛 Fixed bugs
Other Changes
Full Changelog: https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.31.0...v8.32.0
Configuration
📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).
🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.
♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
🔕 Ignore: Close this PR and you won't be reminded about this update again.
This PR has been generated by Renovate Bot.
1d7d1fe662
tod63a75812b
d63a75812b
to71ad02fedd
View command line instructions
Checkout
From your project repository, check out a new branch and test the changes.Merge
Merge the changes and update on Forgejo.Warning: The "Autodetect manual merge" setting is not enabled for this repository, you will have to mark this pull request as manually merged afterwards.