Introducing KickStart —  AI generated FormKit forms in seconds. Generate from a screenshot, edit with drag-and-drop or conversational AI, copy & paste as components or schema!
Try for free

变更日志

0.122.8

2024年3月11日

🐛 错误修复

  • 修复了使用 popover API 渲染的输入面板在非文档主体的可滚动祖先元素内时可能会丢失位置的问题。
  • 修复了在聚焦 mask 输入时按下 enter 键不会提交表单的问题。625
  • 修复了 mask 在用户输入时不会触发 DOM 输入事件的问题。#1011

0.122.7

2024年3月5日

🐛 错误修复

  • 修复了滑块输入在挂载钩子之后发出提交事件的问题 (#1231)。

0.122.6

2024年3月5日

🐛 错误修复

  • 修复了颜色选择器无法正确处理空值的问题(#1215)。

0.122.5

2024年3月5日

🐛 错误修复

  • 修复了自动完成输入的问题,当尝试编辑现有值时,光标会跳到输入字段的末尾 (#1051)。

0.122.4

2024年3月5日

🐛 错误修复

  • 修复了具有行为过度滚动和多重属性的下拉菜单在选择时会出现不稳定滚动的问题 (#1023)。

0.122.3

2024年3月4日

🐛 错误修复

  • 修复了多选 dropdown 中带标签时,使用Tab键会在最后一个标签上“卡住”的问题 (#1221)。

0.122.2

2024年2月28日

构建

  • 提升了FormKit拖放功能的版本限制。

0.122.1

2024年2月22日

构建

  • 为新版本升级稍微改变了拖放 API。

0.122.0

2024年2月15日

💪 新功能

  • 将 (Tempo) 添加为 FormKit Pro 的依赖项。

0.121.10

2024年2月14日

🐛 错误修复

  • 修复了下拉式家族输入无法使用向下箭头键滚动的问题 (#1203)。

0.121.9

2024年2月14日

🐛 错误修复

  • 修复了当焦点在自动完成的列表框按钮上时,列表框可以通过任何类型的按键打开的问题。现在它只能通过回车键或空格键打开 (#1201)。

0.121.8

2024年2月14日

🐛 错误修复

  • 修复了 aria-label 属性不会根据自动完成是否打开而动态变化的问题。(#923)。
  • 修复了自动完成列表框按钮可以聚焦,但按回车键或空格键不会打开列表框本身的问题 (#1201)。

0.121.7

2024年2月12日

🐛 错误修复

  • 在类型定义中添加了 popover 属性。

0.121.6

2024年2月12日

🐛 错误修复

  • 修复了关于 autocomplete 输入的可访问性问题 (#923)。
  • 在下拉列表族输入的 listboxButtonremoveSelection 部分添加了 aria-label 标签。

0.121.5

2024年2月9日

🐛 错误修复

  • autocompletetaglist 输入的 removeSelection 部分标题属性添加了本地化支持。

0.121.4

2024年2月9日

🐛 错误修复

  • 解决了 autocomplete 输入中 removeSelection 部分涉及的可访问性问题。(#1195)。
  • 修复了 dropdown 输入的 max 属性会导致输入变为禁用的问题 (#1193)。

0.121.3

2024年2月7日

🐛 错误修复

  • 修复了 vanilla CSS Genesis 用户在使用重复器拖放时的样式问题。

0.121.2

2024年2月6日

🐛 错误修复

  • 修复了无法在不赋值的情况下使用 draggable 属性的问题。

0.121.1

2024年2月6日

💪 新功能

  • 为外部区域添加了 data-draggable 属性。

0.121.0

2024年2月6日

💪 新功能

  • repeater添加拖放功能。
  • 为所有拖放功能添加默认动画。

🐛 问题修复

  • 修复了在使用验证和自动动画时下拉家族输入不正常工作的问题(#1182)。
  • 修复了从列表框中选择当前“已选”选项时,列表框没有关闭的问题(当close-on-select设置为true时)(#1126)。

0.120.0

2024年2月5日

💪 新功能

  • autocompletecolorpickerdatepickerdropdowntaglist 输入组件添加了一个新的可选 popover 属性,该属性使用新的浏览器 Popover API 渲染它们的内容面板。截至目前,Popover API 还未在 Firefox(版本 122)中得到支持 — 但将在版本 125 中得到支持。您可以在这里检查支持情况。要启用 popover 渲染,只需在使用支持的输入组件时,向您的 FormKit 组件添加 popover 属性。
  • 您可以在这里查看新的 popover 功能演示:https://formkit.link/2d80abf698f38785f0be27ebce76aa20

0.119.13

2024年1月29日

🐛 错误修复

修复了下拉菜单系列输入不渲染 name 属性的问题。(#1161)。

0.119.12

2024年1月25日

🐛 错误修复

修复了带有异步选项和分页的下拉框家族输入在点击“加载更多”部分时会滚动到列表框顶部的问题。(#1149)。

0.119.11

2024年1月24日

🐛 错误修复

  • 调整 FormKit 重复输入的类型定义。

0.119.10

2024年1月24日

🐛 错误修复

  • 调整 FormKit 下拉输入的类型定义。

0.119.9

2024年1月22日

构建

  • 将 @formkit/drag-and-drop 依赖提升至 0.0.7

0.119.7

2024年1月17日

🐛 错误修复

  • 修复了在与异步选项加载器配对且包裹在具有初始值的表单中时,transferlist 错误处理异步选项的问题。

0.119.6

2024年1月16日

🐛 错误修复

  • 修复了在Safari环境中Transferlist拖放时错误引用TouchEvent的问题 (#1123)。

0.119.5

2024年1月3日

🐛 错误修复

  • 修复了 togglebuttons 的问题,当选项值为 null 时,活动状态不会显示 (#975)。

0.119.4

2024年1月2日

🐛 错误修复

  • 移除了重复字段集部分的 disabled 属性。

0.119.3

2024年1月2日

🐛 错误修复

  • (@formkit/core v1.5.x): 修复了在重复器中的子项在禁用后无法重新启用的问题 (#975)。

0.119.2

2023年12月14日

🐛 错误修复

  • 修复了 togglebuttons 在遇到 null 或 undefined 值时的问题 (#975)。

0.119.1

2023年12月12日

💪 新功能

  • dropdown输入添加了deselect属性,以防止用户取消选择一个项目:(#1012)。

0.119.0

2023年12月11日

💪 新功能

  • transferlist输入添加了触摸支持的拖放功能。

🐛 错误修复

  • 修复了transferlist的关键错误。

0.118.0

2023年11月28日

🐛 错误修复

  • 修复了 Genesis CSS 主题中 togglebuttons 字体大小的问题。

0.117.7

2023年11月20日

🐞 修复错误

  • 颜色选择器:修复了初始化颜色选择器时,#00000 十六进制颜色值可能导致未定义的 rgba 属性值的问题

0.117.5

2023年10月5日

🐞 修复错误

  • 滑块:防止默认的步长标签0被隐藏

0.117.4

2023年10月5日

🚀 特性

  • 滑块:添加新的 handleMaxInner 和 handleMinInner 部分到输入
  • 滑块:允许为标记和标记标签添加自定义类
  • 滑块:重新设计缩放函数,使用户不需要在反向函数中自行计算百分比值

🐞 错误修复

  • 滑块:防止 undefined 标记标签渲染为“未定义”
  • 滑块:在外部输入时更新单值滑块

0.117.3

2023年10月5日

🐛 错误修复

  • 修复了下拉输入初始值为null时渲染可移除选择的关闭图标的问题(如果使用了selection-removable属性)。(#971)。

0.117.2

2023年10月3日

🐛 错误修复

0.117.1

2023年10月3日

🐛 错误修复

  • 修复了在使用 load-on-created 属性时可能会在下拉菜单中产生重复选项的错误 (#975)。

0.117.0

2023年10月2日

⚠️ 破坏性变更

  • datepicker 现在在仅触摸设备上渲染时包含一个“关闭”按钮(@media (max-width: 431px) and (hover: none))。这在创世主题中已经考虑到了,但如果您使用的是自定义主题,您应该更新它以适应这一变化。

💪 新功能

  • 为滑块输入添加非线性能力
  • 改进了日期选择器输入的移动样式。

🐛 错误修复

  • 修复了一个可能导致下拉菜单中出现重复选项的错误(#975)。
  • 修复了一个问题,该问题导致 datepicker 在设置为 undefined 后未显示正确日期,之前已应用了有效日期(#972)。

0.116.0

2023年9月29日

💪 新功能

🐛 错误修复

  • 解决了选择可移除的错误 (#971)

0.115.10

2023年9月20日

🐛 错误修复

  • @formkit/core 依赖版本的限制扩大,以包括 1.1.0

0.115.9

2023年9月19日

🐛 错误修复

  • 修复了在picker-only模式下,使用鼠标点击日期本身打开日期选择器时,选择器会自动关闭的错误。(#942)。

0.115.2

2023年8月30日

🐛 错误修复

  • 改进了autocompletedropdowntaglist输入项上选项的响应性 (#922)。
  • 修复了自动完成输入项上的可访问性问题 (#923)。

0.115.1

2023年8月26日

⚠️ 破坏性变更

  • 多选的 autocomplete 输入现在的 removeSelection 部分也位于选择槽位的旁边,而不是内部。

0.115.0

2023年8月25日

⚠️ 破坏性变更

  • autocompletedropdown 现在有一个新的部分叫做 selectionWrapper,用于包裹选中的选项。这使得覆盖选择槽变得更容易,因为你不再需要重新实现任何功能。然而,这确实意味着在标记中有一个多余的DOM元素。
  • 在单选模式下的 autocomplete 输入时,removeSelection 部分现在位于选择槽的旁边,而不是内部。这使得覆盖选择槽变得更容易,而不必重新实现移除选择功能。

💪 新功能

  • 专用的 FormKit Pro 更新日志,用于跟踪与开源 FormKit 项目分开的变更。Pro 的更新将不再与标准 FormKit 更新日志混合。
  • datepicker 输入现在包括一个新的 clearable 属性,当输入有值时,它会在输入旁边添加一个清除按钮。

🐛 错误修复

  • 修复了 datepicker 输入上的点击外部逻辑 (#645)。
  • 改进了 autocompletedropdowntaglist 的类型定义。
  • 修复了在 dropdown 的选项槽中引用选项标签时导致的错误 (#914)
  • 修复了在选择后更改 option 槽中的 option 时,导致 option 不再是响应式的问题。

1.6.0

2024年3月11日

💪 新功能

  • 新增 useFormKitContext 可组合函数,用于访问父级 FormKit 组件的上下文对象 — 或树中的任何其他 FormKit 组件。可选地,您可以提供一个效果回调,当上下文可用时执行。
  • 新增 useFormKitContextById 可组合函数,用于访问具有显式id的任何 FormKit 组件的上下文对象。可选地,您可以提供一个效果回调,当上下文可用时执行。
  • 新增 useFormKitNodeById 可组合函数,用于访问具有显式id的任何 FormKit 组件的节点对象。可选地,您可以提供一个效果回调,当节点可用时执行。
  • FormKit 组件的 type 属性添加智能感知自动完成功能(#1241)。
  • @formkit/core 包中新增 stopWatch 函数,允许从 watchRegistry 函数注销收据。
  • getNode<T>() 函数添加类型泛型。
  • @nuxt/tailwindcss 的新集成,自动包含 formkit.theme.ts 文件在 tailwind content 中。
  • 新增 currencyunit 图标。
  • FormKitFormKitMessages 组件添加新的 library 属性,允许您包含额外的组件用于输入模式,例如,在使用 sections-schema 修改输入时(#1145)(#1137)。
  • 现在,传递了 FormKitTypeDefinitionFormKit 组件的 value 类型是从 FormKitTypeDefinition 推断出来的。

🐛 错误修复

  • 修复了 changeLocale 中的错误,导致更新的语言环境在新节点上未被使用(#1143)。
  • 修复了 @formkit/icons 包的树摇动问题(#1184)。
  • FormKitIcon 组件添加到 Nuxt 模块的 autoImport 功能中(#1168)。
  • 修复了 BeforeStepChangeData 的类型(#1224)。
  • 修复了 datetime-local 输入类型的类型(#1129)。
  • Vue 现在是 @formkit/vuepeerDependency,以减少同一项目中多个 Vue 实例的事件(#1160)。
  • 当图标上添加了点击事件时,为图标包装器添加 tabindex 和 role="button"(#1210)。
自定义输入类型

FormKit 组件的 type 参数现在需要在 FormKitInputProps 类型中有一个匹配的类型以支持 TypeScript。如果您使用了自定义输入并为 FormKitInputProps 提供了模块增强,您将需要更新 FormKitInputProps 类型以包含您的类型

1.5.9

2024年2月9日

💪 新功能

  • 在所有i18n本地化中添加了ui.open功能。

1.5.7

2024年2月6日

💪 新功能

  • 在创世图标中添加了拖拽手柄图标。

1.5.6

2024年2月6日

💪 新功能

  • 新增拖拽手柄图标。

1.5.5

2024年2月3日

🐛 错误修复

  • 修复了使用 npx formkit theme 命令安装主题时遇到的问题。

1.5.4

2024年2月2日

💪 新功能

  • 浮动标签插件现在支持在计算标签位置时使用 prefix 内容。(#878)
  • 更新了 @formkit/cli 包,允许在您的项目中本地生成已发布的主题。请查看新文档这里。(#1170)

🐛 错误修复

  • 修复了 multi-step 不允许对 tabstab 部分进行模式覆盖的问题。(1110)

1.5.3

2024年1月29日

🐛 错误修复

  • 修复了一个错误,该错误导致在更新规则后一些动态验证规则停止工作 (#1155)
  • 修复了1.5.0中的一个回归问题,该问题导致一些FormKit包没有被正确地进行树摇处理 (#1139)
  • 修复了一个错误,该错误导致最初使用 属性设置的错误不总是最初显示 (#1153)

1.5.2

2024年1月23日

🐛 错误修复

  • 更新了 FormKitKitchenSink 组件,以提供新的 $options 预设,主题作者可以在动态获取的架构示例中使用这些预设。

1.5.1

2024年1月19日

🐛 错误修复

  • 修复了在 1.5.0 中引入的一个错误,该错误导致在嵌套组结构内部,context.value 未能正确与 node.value 同步 (#1133)。

1.5.0

2024年1月16日

FormKit 1.5.0带来了FormKit的新开发版本。在开发中,FormKit现在使用了包含额外开发者体验增强功能的不同版本的包。这与Vue本身拥有“开发”和“生产”版本的方式类似,它允许FormKit提供改进的开发者体验,例如改进的HMR支持和更好的错误信息。

现在为未来版本大幅改进的开发者体验奠定了基础。此版本还包括数十个错误修复和改进。

💪 新功能

  • 添加了一个新的API,用于向输入添加带有默认值、布尔属性和getter/setter的属性。请参阅更新后的文档以获取更多信息
  • createInput现在支持第三个参数sectionsSchema,它允许你扩展createInput自带的默认部分(#882)。
  • 添加了新的上下文属性didMount和节点事件mounted,用于识别<FormKit>组件何时挂载到DOM上(#0b8753d)。
  • 现在node.children@formkit/observer观察,这允许验证规则以响应性访问node.children
  • 使用Vite/Nuxt的热模块替换现在在更新表单代码时保留表单状态(#1068
  • 添加了新的changeLocale可组合函数,它可以全局更改所有表单的区域设置,适用于Options API、Composition API和Nuxt自动导入(#1112
  • 规则allow_non_alphaallow_numeric
  • 新的FormKit cli现在可以搭建新应用程序(npx formkit create-app),以使用themes.formkit.com的主题系统。
  • 包含额外开发者体验增强功能的FormKit新开发版本。

🐛 错误修复

  • 修复了Vite TSDoc注释警告 - 由Yue Yang (e47c9)提供
  • 修复了Windows下nuxt项目的create-app名称问题(1066
  • 使用options(选择、复选框、单选框、自动完成等)的输入现在正确计算它们的__mask值(#1046)。
  • 修复了一个不允许submitAttrs禁用提交输入的错误(#789)。
  • 当为false时移除复选框和单选框输入上的data-disabled -(#1043)。
  • 修复了在使用重复器和其他具有复杂条件的输入时autoAnimate的问题(#1016)。
  • 显著改进了@formkit/nuxt的实验性autoImport功能(1095等)。
  • 在nuxt中的autoheight textarea水合(#980)。
  • 在getValidationMessages中添加了非阻塞消息(#849)。
  • node.clearErrors()始终移除该节点本地的错误(#941
  • 减少了解构组值时的重复渲染(#1068)。
  • 移除了关于多步骤默认插槽在渲染函数外被调用的警告(#920)。
  • 在禁用的重复器内部的输入可以按输入启用(#1043)。
  • 改进了createInput()的类型定义(#1105)。
  • 移除了组/列表上的data-complete#1038)。
  • 布尔属性如disabled和preserve现在可以在不显式设置为truefalse的情况下使用(#989)。
warning

Vitest不会自动使用Vite所使用的相同节点参数(条件)(参见#4971)。如果你在更新后发现你的测试失败了,你可以在你的vitest.config.js文件中添加以下内容:

export default defineConfig({
  resolver: {
    conditions: process.env.VITEST ? ['development'] : undefined
  },
  test: {
    // ...vitest配置
  }
})

Vite应该在~1.2.x或更高版本以使用此功能。

1.4.0

2023年12月5日

💪 新功能

  • FormKit 现在支持 TailwindCSS 的主题!使用可视化编辑器自定义表单的外观和感觉。更多信息请见 themes.formkit.com
  • 新增 <KitchenSink> 组件,可以渲染 FormKit 输入的每一个样本(有助于样式设计)。
  • 在上下文对象中新增 state.required 属性(使得在必填输入项中添加星号变得更容易)。
  • 当输入项为必填时,为 <input><select><textarea> 元素添加 aria-required 属性(#984)。
  • <FormKitSummary> 组件中新增 force-show 属性,即使没有可见错误也强制显示摘要。
  • formkit CLI 工具新增 create-theme 命令,从 @formkit/theme-starter 脚手架一个新主题。

🐛 问题修复

  • 修复了一个导致在重复器内的单选输入变得耦合的错误(#1044)。
  • 修复了一个导致 node.submit() 在自定义元素的阴影根内部失败的问题(#1057)。
  • 修复了一个导致专业输入不产生正确 memokeys 的错误(#933)。
  • 修复了一个导致属性无法通过 <FormKitProvider>(及相关提供者)传递的错误(#1013)。
  • invalidDate 消息移至 validation 本地化键(#953
  • 改进了 minmax 验证消息(英文)为 validation 本地化键(#953
  • 修复了一个阻止 incomplete-message 属性(在表单上)成为响应式的错误(#1047)。

1.3.2

2023年11月28日

🐛 修复错误

  • 修复了默认Tailwind Genesis主题中的togglebuttons文本颜色。

1.3.1

2023年11月28日

💪 新功能

🐛 错误修复

  • 修复了按钮族输入中前缀图标对齐的Tailwind样式。

1.3.0

2023年10月9日

💪 新功能

  • 添加新的插件,用于根据length规则计算输入中可用的字符数量。
  • 添加一个<KitchenSink>组件,用于渲染所有输入样本。
  • file输入在outer部分有多个文件时,添加一个data-has-multiple属性。

🐛 Bug修复

  • 修复了select输入中包含非字符串值的选项组的问题 (#986)。
  • 修复了nuxt autoImport在webpack中的问题 (#983)
  • 修复了一个阻止深层嵌套输入在重置期间接收正确输入值的错误 (#1025)
  • 修复了formkit cli工具的create-app命令在安装vite时的问题。
  • 修复了一个错误,导致@formkit/nuxt模块的autoImport没有包含FormKit组件 (#995)

1.2.2

2023年10月3日

🐛 错误修复

  • 修复了@formkit/nuxtautoImport模式下的一个错误,其中SSR上下文在每个请求后都没有被重置,导致一些专业输入出现水合错误和破损的用户界面。

1.2.1

2023年9月29日

🐛 错误修复

  • 在启用autoImport选项的情况下,改进了对@formkit/nuxt的开发模式支持。

1.2.0

2023年9月29日

💪 新功能

  • select 输入现在支持分组选项 (<optgroup>) (#426)。
  • @formkit/nuxt 包现在包含一个实验性的 autoImport 选项,该选项只在使用 FormKit 的页面上加载 FormKit,而不是全局加载。这将从您的入口文件中删除 FormKit。我们计划最终使这成为默认行为,并鼓励使用当前 nuxt 模块的所有人尝试新选项。
  • createInput() 创建的输入添加 prefix-iconsuffix-icon 的支持。
  • 显著改善了输入和配置选项的 tree shaking(需要手动配置)。
  • 为新的 colorpicker 输入添加 Tailwind 支持。
  • 添加新的 color 图标。

📙 文档

🐛 Bug 修复

  • Zod 插件现在遍历问题而不是错误 (#945)

1.1.0

2023年9月20日

💪 新功能

  • 添加新的 <FormKitProvider :config="yourConfig"> ——一个定义新配置边界的组件。任何嵌套在 <FormKitProvider> 下的 <FormKit> 组件都将从这个位置继承它们的配置。
  • 添加新的 <FormKitLazyProvider>,它检查更高级别的 <Suspense> 边界(如果没有找到,它会注入一个),并注入一个 <FormKitConfigLoader> 组件。
  • 添加新的 <FormKitConfigLoader> 组件。一个执行配置文件动态导入的异步组件。

注意:上述新组件目前处于实验阶段,API稳定后将进一步进行文档化。

🐛 Bug修复

  • 修复了 <FormKit> 组件的TypeScript定义中的一个错误,该错误在Vue语言工具(Volar)> 1.8.11中导致TypeScript错误。
  • 改进了 @formkit/* 包的整体树摇动。
  • 修复了许多 alphaalphanumericcontains_* 验证规则在 latin 字符集中的错误。

1.0.0

2023年9月1日

随着这次发布,我们正式宣布FormKit稳定且可投入生产使用。许多社区成员已经在生产环境中使用FormKit超过一年了,他们对结果非常满意。我们希望你也会喜欢!

此外,FormKit Pro现已对公众开放(无需早期访问权限)。FormKit Pro仍处于Beta阶段,我们正在努力准备它的稳定发布。

💪 新功能

  • 添加了一个新的<FormKitSummary> 组件,它会自动列出表单中的所有错误和验证消息,并提供跳转链接到每个错误(a11y)。

🐛 Bug修复

  • 改进了radiocheckboxrange输入的焦点样式(a11y)。
  • 提高了genesis对比度比例至4.5:1(a11y)。
  • file输入现在在删除文件按钮中包含文件名(a11y)。
  • 删除文件后,file输入现在会重新聚焦(a11y)。

0.19.3 (候选版本 1)

2023年8月30日

🐛 错误修复

  • 通过config对象改进属性继承。

0.19.2 (候选版本 1)

2023年8月29日

💪 新功能

  • 您现在可以登录到您的FormKit Pro账户,并直接从CLI创建团队和项目。
  • 导出StepHandlersMultiStepHandlersBeforeStepChangeData以协助输入多步骤。

🐛 错误修复

  • 修复了一个问题,该问题导致datetime-local输入无法解析其插槽类型。
  • 修复了一个导致nuxt安装失败的错误。

0.19.1 (候选版本 1)

我们不谈论布鲁诺。

0.19.0 (发布候选版本 1)

2023年8月25日

💪 新功能

  • 引入了一个新的隐藏输入meta。元输入仅在内存中,并向您的表单添加数据,而无需向用户显示或在页面上渲染任何内容。元文档
  • textnumberrangehidden输入添加了一个新的number属性,该属性使用parseIntparseFloat将值转换为数字,并扩展或收缩值的类型定义以匹配。
  • 动态列表现在会自动更改任何子单选输入的渲染名称,以确保它们不会彼此冲突。
  • 🇧🇦 添加波斯尼亚(bs)语言环境。

🐛 错误修复

  • 修复了一个问题,该问题导致在动态列表中使用时,复选框和单选按钮使用重复的id属性 (#908)。
  • 使用复选框和单选按钮
  • stepIndexsteps添加到step输入的类型定义中。
  • 改进nl语言环境的翻译。
  • context.handlers.blur的类型定义中添加了可选的FocusEvent

0.18.4(Beta 18)

2023年8月22日

🐛 错误修复

  • 改进了多步插件及其插槽的类型。

0.18.3(Beta 18)

2023年8月18日

🐛 错误修复

  • 改进按钮和提交输入的类型 (#895)。
  • 改进多步骤插件的类型

0.18.2 (Beta 18)

2023年8月16日

🐛 错误修复

  • 修复了一个错误,该错误导致分类账对不是集合中的第一个的计数器执行错误的取消合并计算。这导致组和列表在卸载时偶尔会留下他们的计数器值 (#878)。

0.18.1 (Beta 18)

2023年8月15日

🐛 错误修复

  • 修复了一个错误,该错误导致具有动态列表的表单在重置时抛出错误 (#731)。
  • 修复了一个错误,该错误导致在某些边缘情况下,当模式动态更新时,模式数据渲染不正确 (#610)。
  • 修复了 autoHeightTextareaPlugin 并大大提高了其调整大小的准确性 (#888)
  • 修复了 tetlt 的翻译 (#886)

0.18.0 (Beta 18)

2023年8月11日

🎉 主要特性

改进的 TypeScript 支持 🎉

1 分钟

  • 增强了对 Vue 3.3+ 的 TypeScript prop 支持。#627
  • 新增 barcode 输入,可通过 @formkit/barcode 包使用。Barcode 文档

💪 新功能

  • 引入 dropdown 输入功能:
    • 支持移除当前选择。#646
    • 多选功能。#647
  • @formkit/utils 中的 whenAvailable 工具动态引用其文档上下文,便于在 web 组件 shadow DOM 中使用 FormKit。#837
  • dropdownautocompletetaglist 输入添加新的行为属性。
  • repeater 输入添加了一个 #empty 部分/插槽,当没有值时显示上下文。Repeater 文档
  • 添加了立陶宛语 🇱🇹 (lt)

🐛 Bug 修复

  • repeater 尊重其父表单的禁用状态。#579
  • taglist 接受空选项。#586
  • 防止在下拉族输入中对选项方法的不必要调用。#657
  • 确保 autocomplete 输入与 Vue 的 @focus 指令兼容。#670
  • taglist 接受其选项列表之外的值。#681
  • 解决了父表单重新启用后字段重新激活的问题。#733
  • 解决了 datepickerpicker-only 模式下键盘导航的错误。#736
  • 修正了相邻的单选按钮覆盖复选框标签插槽的问题。#778
  • Genesis 主题限制 actions 插槽中提交类型按钮的 pointer-events: none#790
  • "Compare" 脏检查适应表单重置期间提供的新值。#791
  • 确保 taglist 在启用 open-on-click 时尊重最大 prop。#793
  • 增强了 selectionAppearance 设置为 optionautocomplete 以配合 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
  • 下拉输入(dropdownautocompletetaglist)现在可以渲染不属于其选项列表的值。#877

0.17.5 (Beta 17)

2023年7月20日

💪 新功能

  • 添加新的 <FormKitRoot> 组件。此组件提供有关根元素(DocumentShadowRoot)的上下文。在自定义元素(Web 组件)内使用 FormKit 时,将一个或多个 FormKit 输入包装在 <FormKitRoot> 中以确保正确的功能。
  • 添加新的 node.props.__rootcontext.__root 属性,引用节点当前的根元素(Document | ShadowRoot)。

🐛 错误修复

  • 修复了一个问题,其中 mult-step 输入插件在渲染 stepsv-for 循环或通过模式条件渲染步骤时会中断。#823 #825
  • Textarea 自动高度插件在程序更改值时重新计算高度。#839
  • 修复了 Zod 插件中的一个问题,该问题阻止了转换的应用。#833

0.17.4 (Beta 17)

2023年6月30日

💪 新功能

  • 为输入 outer 包装器添加新的 data-empty 属性以便于样式设计。#777
  • 更新 Nuxt 模块以支持 runtimeConfig — 查看安装向导指南中的新文档。#795

🐛 错误修复:

  • 实际上真正修复了 blur 事件可能在路由更改时导致控制台错误的问题。#776
  • 修复了 null 图标值会抛出错误的问题。#780
  • 修复了 multistep.css 中缺少的分号。#783
  • 修复了使用 :model-value 属性不更新内部 FormKit 节点值的问题。#785

0.17.3 (Beta 17)

2023年6月16日

💪 新功能

  • 添加 🇲🇳 蒙古语 (mn) 语言 - #747
  • 添加 🇮🇸 冰岛语 (is) 语言 #748
  • 通过MultiStep插件为multi-step输入添加新的node.next()node.previous()node.goTo()扩展。这使得更容易外部控制multi-step输入导航。#685
  • 为localStorage插件添加新的node.restoreCache()扩展,以允许在提交失败时将表单值恢复到缓存中。#727

🐛 Bug修复:

  • 修复了multi-step输入的SSR hydration问题。#720
  • 修复了blur事件可能在路由更改时导致控制台错误的问题。#735
  • 修复了Pro输入在与Floating Labels插件一起使用时可能会中断的问题。#742
  • MultiStep的beforeStepChange现在可以与async函数调用一起工作。#743
  • 修复了file输入在调用reset后不允许重新上传相同文件的问题。#762
  • 通过添加fk-前缀,防止Genesis CSS关键帧命名冲突。

0.17.2 (Beta 17)

2023年5月17日

🐛 Bug修复:

  • 修复了一个问题,该问题导致深度嵌套的v-model在深度处发生变异时不更新(#722)
  • 修复了一个问题,该问题导致覆盖text输入族的自定义输入重复使用第一个模式(#719)
  • 导出类型FormKitValidationMessage以帮助类型验证消息函数(#695)

💪 新功能

  • localStorage插件现在支持新的选项:keycontroldebouncebeforeSavebeforeLoad
  • localStorage插件现在可以应用于任何内部类型group的输入。例如(formgroupmulti-step等)。

0.17.1 (Beta 17)

2023年5月16日

🐛 Bug修复

  • 修复了一个错误,该错误导致当动态列表以相同的初始标量值初始化时抛出错误(#715)
  • 修复了一个错误,该错误导致在某些边缘情况下插槽的value属性不更新(#717)。

0.17.0 (Beta 17)

2023年5月12日

💪 新功能

  • 新的FormKit Zod插件 — 使用Zod模式验证您的FormKit表单。
  • 新的dynamic列表属性允许您轻松创建自己的重复器。
  • 新的保存到localStorage插件用于保存表单中的用户进度并在意外事件发生时保护数据不丢失。
  • 添加新的验证规则:require_one(感谢@devoidofgenius),contains_alphacontains_alphanumericcontains_alpha_spacecontains_symbolcontains_uppercasecontains_lowercasecontains_numericsymboluppercaselowercase(感谢@riderx)。
  • 新的自动高度文本区插件用于创建具有动态调整高度的textarea输入。
  • Pro: 新的滑块输入
  • 添加新的commitRaw事件,即使输入值没有变化也会触发。
  • FormKitSchema现在可以使用单个根节点(而不是片段)
  • 所有FormKit输入现在都使用根节点而不是片段,这意味着像v-show这样的标准Vue指令现在可以工作,通常不再需要为动态输入添加key#528)。
  • AutoAnimate插件现在支持动画重复器输入和其他Pro输入。
  • 传递给node.reset()函数的值成为输入的新默认值(#621)。
  • 添加繁体中文 🇨🇳 (zh-TW)
  • 添加拉脱维亚语 🇱🇻 (lv)
  • 添加德顿语 🇹🇱 (tet)
  • 添加新的能力,可以使用node.extend()扩展核心节点。