v8.20.0

v8.20.0 (2024-10-29)

Full Changelog

📝 Notes

Now you can use v-model directive, :model-value prop, and @update:model-value (@update:modelValue) event in all data input components to have compatibility with v9 in the future.

<!-- Only v8 (Vue 2) -->
<NcTextField :value.sync="username" />
<!-- Compatible with both v8 (Vue 2) and v9 (Vue 3) -->
<NcTextField v-model="username" />
<!-- same as -->
<NcTextField :model-value="username" @update:model-value="username = $event" />

If you already use v-model with a custom writable computed on :value.sync components before, it might not work as expected anymore. Make sure to remove or adjust it before update.
See the full list in v9 breaking changes.

🚀 Enhancements

• feat: add v-model support for input-like components #5418 (kyteinsky)
• feat: forward compatibility with v9 on v-model props/events #6172 (ShGKme)
• feat(NcRichText): add styles to mount point for custom picker and custom widget elements #6108 (julien-nc)
• feat(NcRichText): make interactive widgets opt-in #6151 (Antreesy)
• feat: add isDarkTheme functions and composables #5698 (ShGKme)
• feat: add spawnDialog function #6195 (susnux)

🐛 Fixed bugs

• fix(NcReferencePicker): allow closing modal dialog #6137 (JuliaKirschenheuter)
• fix(NcActions): RTL support #6148 (hamza221)
• fix(NcAppNavigation): RTL support #6144 (hamza221)
• fix(NcSelect): RTL support #6150 (hamza221)
• fix(NcAppDetailsToggle): RTL support #6145 (hamza221)
• fix(NcModal): RTL support #6171 (hamza221)
• fix(NcAppSidebar): RTL support #6187 (hamza221)
• fix(NcDateTimePicker): adjust component styling close to native appearance #6095 (GretaD)
• fix(NcTimeZonePicker): scope css styles #6184 (Antreesy)
• fix(NcAppSidebarTabs): force color-main-text for icons #6189 (Antreesy)
• fix(NcAppNavigationItem): use $scopedSlots instead of $slots #6161 (st3iny)

Changed

• Updated workflows and dependencies
• Updated translations