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()
扩展核心节点。