From c4afb0342ef8a84f2c03dd2a0f4cbbdab862cc17 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?= <me@yanhao.ren>
Date: Fri, 6 Dec 2024 15:10:20 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=20formkit=20?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE=EF=BC=8C=E7=A7=BB=E9=99=A4=E4=B8=8D=E5=BF=85?=
 =?UTF-8?q?=E8=A6=81=E7=9A=84=E6=8F=92=E4=BB=B6=E5=92=8C=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=EF=BC=8C=E4=BC=98=E5=8C=96=E4=BB=A3=E7=A0=81=E7=BB=93=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 formkit.config.ts             | 18 +++---------------
 src/all-custom/all-custom.vue | 11 ++---------
 2 files changed, 5 insertions(+), 24 deletions(-)

diff --git a/formkit.config.ts b/formkit.config.ts
index b43a3c9..e73b44f 100644
--- a/formkit.config.ts
+++ b/formkit.config.ts
@@ -1,26 +1,23 @@
 import { form } from '@/__fk-inputs__/inputs/form';
 import { PInputPassword } from '@/__fk-inputs__/inputs/p-input-password';
 import { PInputText } from '@/__fk-inputs__/inputs/p-input-text';
+import { PSelect } from '@/__fk-inputs__/inputs/p-select';
 import { createAutoAnimatePlugin, createAutoHeightTextareaPlugin } from '@formkit/addons';
 import { autoAnimatePlugin } from '@formkit/auto-animate/vue';
 import type { FormKitOptions, FormKitPlugin } from '@formkit/core';
 import { register as decodeErrors } from '@formkit/dev';
 import { createI18nPlugin, zh } from '@formkit/i18n';
-import { createLibraryPlugin, group, list, submit, text } from '@formkit/inputs';
+import { createLibraryPlugin, group, list, submit } from '@formkit/inputs';
 import * as defaultRules from '@formkit/rules';
 import { createValidationPlugin } from '@formkit/validation';
 import { /* defaultConfig, */ bindings, plugin /* defaultConfig */ } from '@formkit/vue';
 import type { App } from 'vue';
 import { addAsteriskPlugin } from './formkit.config.plugin.addAsteriskPlugin';
 import { debugPlugin } from './formkit.config.plugin.debug';
-import { PSelect } from '@/__fk-inputs__/inputs/p-select';
-import { createProPlugin, dropdown } from '@formkit/pro';
-import { rootClasses } from './formkit.config.theme';
 
 const plugins: FormKitPlugin[] = [
   // createLibraryPlugin(fkLibrary),
   createLibraryPlugin({
-    text,
     submit,
     list,
     group,
@@ -62,20 +59,11 @@ const plugins: FormKitPlugin[] = [
   ),
 ];
 
-if (import.meta.env.VITE_FORMKIT_PRO_KEY)
-  plugins.unshift(createProPlugin(import.meta.env.VITE_FORMKIT_PRO_KEY, { dropdown }));
-
 if (import.meta.env.VITE_DEBUG_FORMKIT === 'true') plugins.push(debugPlugin);
 
 const config: FormKitOptions = {
   plugins,
-  config: {
-    // rootClasses: false,
-    rootClasses,
-    // rootClasses: (sectionName: string, node: FormKitNode) => {
-    //   console.debug(`sectionName :>> `, sectionName);
-    // }
-  },
+  config: {},
 };
 
 export function setupFormKit(app: App) {
diff --git a/src/all-custom/all-custom.vue b/src/all-custom/all-custom.vue
index 8476013..0ba5166 100644
--- a/src/all-custom/all-custom.vue
+++ b/src/all-custom/all-custom.vue
@@ -97,13 +97,6 @@ const promiseOptions = new Promise<typeof K_OPTIONS>(resolve => {
         optionLabel="label"
         optionValue="value"
       />
-      <FormKit
-        type="dropdown"
-        name="dropdown"
-        label="选择框"
-        validation="required"
-        :options="() => { return K_OPTIONS }"
-      />
 
       <div class="flex flex-wrap gap-4">
         <FormKit
@@ -124,7 +117,7 @@ const promiseOptions = new Promise<typeof K_OPTIONS>(resolve => {
           name="group"
         >
           <FormKit
-            type="text"
+            :type="text"
             name="text-in-group-1"
           >
           </FormKit>
@@ -135,7 +128,7 @@ const promiseOptions = new Promise<typeof K_OPTIONS>(resolve => {
           name="group"
         >
           <FormKit
-            type="text"
+            :type="text"
             name="text-in-group-2"
           >
           </FormKit>