From 25fad2c766b784a092d13082d39d18b6a126917f Mon Sep 17 00:00:00 2001 From: mac-mini-2024 Date: Wed, 20 Nov 2024 22:50:05 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=20@formkit/pro=20?= =?UTF-8?q?=E6=8F=92=E4=BB=B6=EF=BC=8C=E6=9B=B4=E6=96=B0=20FormKit=20?= =?UTF-8?q?=E9=85=8D=E7=BD=AE=E4=BB=A5=E6=94=AF=E6=8C=81=E5=88=87=E6=8D=A2?= =?UTF-8?q?=E5=8A=9F=E8=83=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- formkit.config.ts | 9 +++++++-- package.json | 1 + pnpm-lock.yaml | 28 ++++++++++++++++++++++++++++ src/tutorial-form/index.vue | 3 ++- 4 files changed, 38 insertions(+), 3 deletions(-) diff --git a/formkit.config.ts b/formkit.config.ts index de72e59..4255b91 100644 --- a/formkit.config.ts +++ b/formkit.config.ts @@ -3,6 +3,7 @@ import type { FormKitOptions } from '@formkit/core' import { createI18nPlugin, zh } from '@formkit/i18n' import { genesisIcons } from '@formkit/icons' import { checkbox, createLibraryPlugin, form, group, list, number, range, submit, text, textarea } from '@formkit/inputs' +import { createProPlugin, toggle } from '@formkit/pro' import * as defaultRules from '@formkit/rules' import { createThemePlugin } from '@formkit/themes' import { createValidationPlugin } from '@formkit/validation' @@ -17,10 +18,14 @@ const theme = undefined; const icons = genesisIcons; const themePlugin = createThemePlugin(theme, icons/* , iconLoaderUrl, iconLoader */) - +const apiKey = 'fk-6cdd5192223' export default { plugins: [ - library, themePlugin, bindings, i18n, validation, addAsteriskPlugin, + createProPlugin(apiKey, { toggle }), + + library, + + themePlugin, bindings, i18n, validation, addAsteriskPlugin, // https://github.com/formkit/formkit/blob/ac1947a305eb5082ba95f53800305d080787cb32/packages/addons/src/plugins/autoHeightTextarea.ts createAutoHeightTextareaPlugin(), diff --git a/package.json b/package.json index 9f51159..cafd883 100644 --- a/package.json +++ b/package.json @@ -13,6 +13,7 @@ "@formkit/addons": "^1.6.9", "@formkit/core": "latest", "@formkit/icons": "latest", + "@formkit/pro": "^0.127.7", "@formkit/themes": "latest", "@formkit/vue": "latest", "@formkit/zod": "^1.6.9", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 0db6af0..471a4fb 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -17,6 +17,9 @@ importers: '@formkit/icons': specifier: latest version: 1.6.9 + '@formkit/pro': + specifier: ^0.127.7 + version: 0.127.7(@formkit/core@1.6.9)(@formkit/inputs@1.6.9)(@formkit/utils@1.6.9) '@formkit/themes': specifier: latest version: 1.6.9(tailwindcss@3.4.15) @@ -235,6 +238,9 @@ packages: '@formkit/dev@1.6.9': resolution: {integrity: sha512-4ueBpZAOiKr8/LZnq3mNePCX4ZB1j1JuJscBEwugWMnDeDwCNo5XWBrng1ER/LlitTRQ3mtEBNy2Qpm0yAHlwA==} + '@formkit/drag-and-drop@0.0.38': + resolution: {integrity: sha512-3uJFcqz1xL7x/5pClDnyqEDfyFRDFH+75MFpJYXnVF17oekxLrwbUaOBN7ttKGn1jW2MdojRw4WMnSN1iLryvw==} + '@formkit/i18n@1.6.9': resolution: {integrity: sha512-8NA5bALlspCBEwInuZVgBqgQr0lDfproZdmbs2LciQpGi2B15u74JCjAkEwaKlMs+qgf/ds3QcIgUv2ztyyVEA==} @@ -247,9 +253,19 @@ packages: '@formkit/observer@1.6.9': resolution: {integrity: sha512-p3MCmzp6jwzXIuV3gI9uTJTJl+sN5689C7qf7gdrS8jb1fbX1snKiTyWA8FXOrBXu+ne5z/sA/yBWqYFTSLy8A==} + '@formkit/pro@0.127.7': + resolution: {integrity: sha512-IfrOL1hZg3hX+pY5tAi08hkzTdchEO1o3b1j3MCgJJUdOJ6Gf1hdm36qK8gAFM1fQVEv6+NwEFwDeq6zAqfVpw==} + peerDependencies: + '@formkit/core': ^1.6.5 + '@formkit/inputs': ^1.6.5 + '@formkit/utils': ^1.6.5 + '@formkit/rules@1.6.9': resolution: {integrity: sha512-5Vu3JACKyws1kw02qF+024WkS7L9kYZ0lmdSpsaTqg5Wf7+InsxWXFYaG6vCzqIh4Lk9NeffIzq/xyGpGxf5uQ==} + '@formkit/tempo@0.1.2': + resolution: {integrity: sha512-jNPPbjL8oj7hK3eHX++CwbR6X4GKQt+x00/q4yeXkwynXHGKL27dylYhpEgwrmediPP4y7s0XtN1if/M/JYujg==} + '@formkit/themes@1.6.9': resolution: {integrity: sha512-/UD+MehQEdcCEadt73eIBGGAMEK8ODN0yq9r9299WvQxIELCOP2MbcxuWCV/g2Vd15Xhl8YFdn4KCzQi4X7QXA==} peerDependencies: @@ -1103,6 +1119,8 @@ snapshots: '@formkit/core': 1.6.9 '@formkit/utils': 1.6.9 + '@formkit/drag-and-drop@0.0.38': {} + '@formkit/i18n@1.6.9': dependencies: '@formkit/core': 1.6.9 @@ -1123,12 +1141,22 @@ snapshots: '@formkit/core': 1.6.9 '@formkit/utils': 1.6.9 + '@formkit/pro@0.127.7(@formkit/core@1.6.9)(@formkit/inputs@1.6.9)(@formkit/utils@1.6.9)': + dependencies: + '@formkit/core': 1.6.9 + '@formkit/drag-and-drop': 0.0.38 + '@formkit/inputs': 1.6.9 + '@formkit/tempo': 0.1.2 + '@formkit/utils': 1.6.9 + '@formkit/rules@1.6.9': dependencies: '@formkit/core': 1.6.9 '@formkit/utils': 1.6.9 '@formkit/validation': 1.6.9 + '@formkit/tempo@0.1.2': {} + '@formkit/themes@1.6.9(tailwindcss@3.4.15)': dependencies: '@formkit/core': 1.6.9 diff --git a/src/tutorial-form/index.vue b/src/tutorial-form/index.vue index a82ab09..98226f7 100644 --- a/src/tutorial-form/index.vue +++ b/src/tutorial-form/index.vue @@ -134,7 +134,8 @@ onMounted(() => { v-if="attributes?.name" :preserve="false" name="confirmName" - type="checkbox" + type="toggle" + thumb-icon="star" :value="true" :label="`如果清空 name 输入框，这个确认框及其值将被移除。`" />