Essentials变更日志
- 增强了对 Vue 3.3+ 的 TypeScript prop 支持。#627
- 新增
barcode 输入,可通过 @formkit/barcode 包使用。Barcode 文档
- 引入
dropdown 输入功能: @formkit/utils 中的 whenAvailable 工具动态引用其文档上下文,便于在 web 组件 shadow DOM 中使用 FormKit。#837- 为
dropdown、autocomplete 和 taglist 输入添加新的行为属性。 - 为
repeater 输入添加了一个 #empty 部分/插槽,当没有值时显示上下文。Repeater 文档 - 添加了立陶宛语 🇱🇹 (
lt)
repeater 尊重其父表单的禁用状态。#579taglist 接受空选项。#586- 防止在下拉族输入中对选项方法的不必要调用。#657
- 确保
autocomplete 输入与 Vue 的 @focus 指令兼容。#670 taglist 接受其选项列表之外的值。#681- 解决了父表单重新启用后字段重新激活的问题。#733
- 解决了
datepicker 在 picker-only 模式下键盘导航的错误。#736 - 修正了相邻的单选按钮覆盖复选框标签插槽的问题。#778
- Genesis 主题限制
actions 插槽中提交类型按钮的 pointer-events: none。#790 - "Compare" 脏检查适应表单重置期间提供的新值。#791
- 确保
taglist 在启用 open-on-click 时尊重最大 prop。#793 - 增强了
selectionAppearance 设置为 option 的 autocomplete 以配合 open-on-click prop 使用。#817 - 修复了
@formkit/utils 中的 eq 函数的问题。#819 - 解决了
datepicker 在以 year 开始时的导航错误。#827 - 确保
taglist 在禁用 close-on-select 时尊重最大 prop。#838 - 解决了内联数组语法验证 prop 异常。#852
- 修复了 FormKit CLI 导出路径问题。#854
- 解决了 FormKit 的模式编译器问题。#857
formkit-icon 类与 config.rootClasses 对齐。#859- 纠正了 Transfer List 拖放的故障。#863
- 通过将打开按钮修改为
role="button" div,解决了 datepicker 的 Safari 焦点问题。#864 - 下拉输入(
dropdown、autocomplete、taglist)现在可以渲染不属于其选项列表的值。#877
- 添加新的
<FormKitRoot> 组件。此组件提供有关根元素(Document 或 ShadowRoot)的上下文。在自定义元素(Web 组件)内使用 FormKit 时,将一个或多个 FormKit 输入包装在 <FormKitRoot> 中以确保正确的功能。 - 添加新的
node.props.__root 和 context.__root 属性,引用节点当前的根元素(Document | ShadowRoot)。
- 修复了一个问题,其中
mult-step 输入插件在渲染 steps 在 v-for 循环或通过模式条件渲染步骤时会中断。#823 #825 - Textarea 自动高度插件在程序更改值时重新计算高度。#839
- 修复了 Zod 插件中的一个问题,该问题阻止了转换的应用。#833
- 为输入
outer 包装器添加新的 data-empty 属性以便于样式设计。#777 - 更新 Nuxt 模块以支持
runtimeConfig — 查看安装向导指南中的新文档。#795
- 实际上真正修复了
blur 事件可能在路由更改时导致控制台错误的问题。#776 - 修复了
null 图标值会抛出错误的问题。#780 - 修复了
multistep.css 中缺少的分号。#783 - 修复了使用
:model-value 属性不更新内部 FormKit 节点值的问题。#785
- 添加 🇲🇳 蒙古语 (mn) 语言 - #747
- 添加 🇮🇸 冰岛语 (is) 语言 #748
- 通过MultiStep插件为
multi-step输入添加新的node.next(),node.previous()和node.goTo()扩展。这使得更容易外部控制multi-step输入导航。#685 - 为localStorage插件添加新的
node.restoreCache()扩展,以允许在提交失败时将表单值恢复到缓存中。#727
- 修复了
multi-step输入的SSR hydration问题。#720 - 修复了
blur事件可能在路由更改时导致控制台错误的问题。#735 - 修复了Pro输入在与Floating Labels插件一起使用时可能会中断的问题。#742
- MultiStep的
beforeStepChange现在可以与async函数调用一起工作。#743 - 修复了
file输入在调用reset后不允许重新上传相同文件的问题。#762 - 通过添加
fk-前缀,防止Genesis CSS关键帧命名冲突。
- 修复了一个问题,该问题导致深度嵌套的v-model在深度处发生变异时不更新(#722)
- 修复了一个问题,该问题导致覆盖
text输入族的自定义输入重复使用第一个模式(#719) - 导出类型
FormKitValidationMessage以帮助类型验证消息函数(#695)
- 修复了一个错误,该错误导致当动态列表以相同的初始标量值初始化时抛出错误(#715)
- 修复了一个错误,该错误导致在某些边缘情况下插槽的
value属性不更新(#717)。
- 新的FormKit Zod插件 — 使用Zod模式验证您的FormKit表单。
- 新的
dynamic列表属性允许您轻松创建自己的重复器。 - 新的保存到localStorage插件用于保存表单中的用户进度并在意外事件发生时保护数据不丢失。
- 添加新的验证规则:
require_one(感谢@devoidofgenius),contains_alpha,contains_alphanumeric,contains_alpha_space,contains_symbol,contains_uppercase,contains_lowercase,contains_numeric,symbol,uppercase和lowercase(感谢@riderx)。 - 新的自动高度文本区插件用于创建具有动态调整高度的
textarea输入。 - Pro: 新的滑块输入。
- 添加新的
commitRaw事件,即使输入值没有变化也会触发。 FormKitSchema现在可以使用单个根节点(而不是片段)- 所有FormKit输入现在都使用根节点而不是片段,这意味着像
v-show这样的标准Vue指令现在可以工作,通常不再需要为动态输入添加key(#528)。 - AutoAnimate插件现在支持动画重复器输入和其他Pro输入。
- 传递给
node.reset()函数的值成为输入的新默认值(#621)。 - 添加繁体中文 🇨🇳 (
zh-TW) - 添加拉脱维亚语 🇱🇻 (
lv) - 添加德顿语 🇹🇱 (
tet) - 添加新的能力,可以使用
node.extend()扩展核心节点。