@simitgroup/simpleapp-generator 1.6.6-m-alpha → 1.6.6-n-alpha

package/templates/basic/nest/apischema.ts.eta

@@ -8,32 +8,43 @@ import { ApiProperty } from '@nestjs/swagger';
 import { Field, ObjectType,ID } from '@nestjs/graphql';
 import GraphQLJSON, { GraphQLJSONObject } from 'graphql-type-json';
 <%Object.keys(it.models).forEach(function(name) { %>
-    <% let schema = it.models[name].model %>        
-        @ObjectType()
-        export class <%= name %>{            
+    <% let schema = it.models[name].model %>
 
-            <% Object.keys(schema).forEach(function(key){%>
-                <% let obj = schema[key] %>
-                <% if(typeof obj == 'string') {%>
+    <% // Skip Draw Dynamic Object Class %>
+    <% if(it.models[name].type === 'object' && schema && Object.keys(schema).length === 0 ) return; %>
+
+    @ObjectType()
+    export class <%= name %> {
+
+        <% Object.keys(schema).forEach(function(key) { %>
+            <% let obj = schema[key] %>
+            <% if(typeof obj == 'string') {%>
+                <% // This Is Dynamic Object %>
+                <% if(it.models?.[obj] && it.models[obj]?.model && Object.keys(it.models[obj]?.model).length === 0) { %>
+                    @Field(()=>GraphQLJSON)
+                    @ApiProperty({ type:()=>Object,required: false, default: {} })
+                    <%= key %>: Object;
+                <% } else { %>
                     @Field()
                     @ApiProperty({type: ()=><%=obj%>})
-                    <%= key %>:  <%= obj %>;        
-                <%} else if(typeof obj.default !='undefined' && JSON.stringify(obj.default)=='{}'){%>
-                        @Field(()=>GraphQLJSON)
-                        @ApiProperty({ type:()=>Object,required: false, default: {} })
-                        <%= key %>: Object;
-                <% }else if( Array.isArray( obj)){%>
-                    @Field(type=>[<%=initType(obj[0]) %>])
-                    @ApiProperty({type: ()=>[<%=initType(obj[0]) %>] })                    
-                    <%= key %>:  <%= obj[0] %>[];
-                
-                <% }else{%>
-                    @Field()                
-                    @ApiProperty(<%~ JSON.stringify(obj)%> )
-                    <%= key %>:  <%= obj.type %>;
+                    <%= key %>:  <%= obj %>;
                 <% } %>
-            <% }) %>
-        }    
+            <%} else if(typeof obj.default !='undefined' && JSON.stringify(obj.default)=='{}'){%>
+                @Field(()=>GraphQLJSON)
+                @ApiProperty({ type:()=>Object,required: false, default: {} })
+                <%= key %>: Object;
+            <% } else if( Array.isArray( obj)){%>
+                @Field(type=>[<%=initType(obj[0]) %>])
+                @ApiProperty({type: ()=>[<%=initType(obj[0]) %>] })                    
+                <%= key %>:  <%= obj[0] %>[];
+                
+            <% }else{%>
+                @Field()                
+                @ApiProperty(<%~ JSON.stringify(obj)%> )
+                <%= key %>:  <%= obj.type %>;
+            <% } %>
+        <% }) %>
+    }
 <%}) %>
 
   /*****************************customized code begin here *****************************************/

package/templates/basic/nest/default.ts.eta

@@ -13,7 +13,12 @@ export const Default<%=modelname%> = (uuid:string)=>{
       return undefined
     <%} else{%>
     return {
-        _id : uuid,
+        <% if(it.models?.[modelname] && it.models[modelname]?.model && Object.keys(it.models[modelname]?.model).length === 0) { %>
+          // Dynamic Object
+        <% } else { %>
+          _id : uuid,
+        <% } %>
+
         <%Object.keys(it.models[modelname].model).forEach(function(key){%>      
           <%let field=it.models[modelname].model[key]%>                
             

package/templates/basic/nest/type.ts.eta

@@ -9,20 +9,24 @@ import {DefaultHooks} from  "../types"
 <%Object.keys(it.models).forEach(function(prop){ %>  
   <% let schema = it.models[prop] %>
   export type <%= prop %> = {
-     
+    <% // Dynamic Object %>
+    <% if(it.models[prop].type === 'object' && it.models[prop]?.model && Object.keys(it.models[prop].model).length === 0 ) { %>
+      [key: string]: any;
+    <% } else { %>
       <%Object.keys(schema.model).forEach(function(key){ %>     
       <% const obj = schema.model[key] %>
         <% if(typeof obj == 'string') {%>
-          <%= key %> <%if(obj.required){%>?<%}%>: <%= obj  %>; //child object
+          <%= key %> <%if(!schema.required.includes(key)){%>?<%}%>: <%= obj  %>; //child object
         <% }else if( Array.isArray( obj)){%>
-          <%= key %>?: <%= obj[0] %>[]; //array 1
+          <%= key %> <%if(!schema.required.includes(key)){%>?<%}%>: <%= obj[0] %>[]; //array 1
         <% }else if( obj.type == 'array'){%>
-          <%= key %><%if(obj.required){%>?<%}%>: <%= obj.items.type %>[]; //array 2
+          <%= key %> <%if(!schema.required.includes(key)){%>?<%}%>: <%= obj.items.type %>[]; //array 2
         <% }else{%>
           <%= key %> <% if(!obj.required || obj.required==false){%>?<%}%>: <%= obj.type %>;   // <%~ JSON.stringify(obj) %>
         <% } %>
       <%})%>
-
+      
+    <% } %>
   }
 <%})%>
 

package/templates/basic/nuxt/default.ts.eta

@@ -12,7 +12,13 @@ export const Default<%=modelname%> = (uuid:string)=>{
       return undefined
     <%} else{%>
     return {
-        _id : uuid,
+        <% if(it.models?.[modelname] && it.models[modelname]?.model && Object.keys(it.models[modelname]?.model).length === 0) { %>
+          // Dynamic Object
+        <% } else { %>
+          _id : uuid,
+        <% } %>
+
+
         <%Object.keys(it.models[modelname].model).forEach(function(key){%>      
           <%let field=it.models[modelname].model[key]%>                
             

package/templates/basic/nuxt/pages.form.vue.eta

@@ -58,7 +58,7 @@
                 <% } else {%>
                         <%~ getBasicElement('text',`#/properties/${key}`,`data.${key}`) %>            
                 <% }%>  
-        <% } else if(obj.type=='object' && obj.properties){ %>                  
+        <% } else if(obj.type=='object' && obj.properties && key !== 'more'){ %>                  
             <SimpleAppValue :setting="o.getField('#/properties/<%= key %>')">
             <%Object.keys(obj.properties).forEach(function(skey) { %>
                 <% let sobj=obj.properties[skey] %>
@@ -125,8 +125,10 @@
                         </Column>
             </SimpleAppInputTable>
         <% } else{%>
-            <!-- Can auto generate <%=obj.key %> -->  
-            <!--  <%~ JSON.stringify(obj) %>-->  
+            <% if(key !== 'more'){ %>
+                <!-- Can auto generate <%=obj.key %> -->  
+                <!--  <%~ JSON.stringify(obj) %>-->  
+            <% } %>
         <%}%>
       <%})%>  
       </div>        

package/templates/basic/nuxt/simpleapp.generate.client.ts.eta

@@ -27,7 +27,12 @@ export type {
       <%= it.typename%> ,
       <%Object.keys(it.schema).forEach(function(key){%>              
         <% if(typeof it.schema[key]=='string' || (Array.isArray(it.schema[key]) && typeof it.schema[key][0]=='string' && it.schema[key][0]!='string')){%>
-          <%= it.schema[key]  %>,
+          <% const typeKey = it.schema[key] %>
+          <% if(it.models?.[typeKey] && it.models?.[typeKey].type === 'object' &&  Object.keys(it.models?.[typeKey].model).length == 0) { %>
+            // <%= key %>, Dynamic Object
+          <% } else { %>
+            <%= it.schema[key]  %>,
+          <% } %>
         <%} else {%>
           /*<%~ key + JSON.stringify(it.schema[key])  %>,*/
         <%} %>
@@ -36,7 +41,7 @@ export type {
     } from '../openapi'
 
 export class <%= capitalizeFirstLetter(it.name)%>Client extends SimpleAppClient<openapi.<%= capitalizeFirstLetter(it.name)%>,openapi.<%= it.name.toUpperCase()%>Api>{
-  public readonly schema= <%~ JSON.stringify(it.jsonschema) %> as SchemaType;
+  public override readonly schema= <%~ JSON.stringify(it.jsonschema) %> as SchemaType;
   protected documentIdentityCode='<%~ it.autocompletecode %>'
   protected documentIdentityName='<%~ it.autocompletename %>'  
   <%if(it.jsonschema['x-simpleapp-config']['generateDocumentNumber']){%>
@@ -49,30 +54,47 @@ export class <%= capitalizeFirstLetter(it.name)%>Client extends SimpleAppClient<
       xorg='MC0wLTA' //0-0-0
     }
 
-    //const apipath = `${useRuntimeConfig().public.API_URL}/${xorg}`    
-    //const apiobj = new <%= it.name.toUpperCase()%>Api(undefined,apipath,$axios)
     const apiobj = getDocumentApi('<%=it.name %>')
     super(apiobj,'<%= it.doctype %>','<%=it.name %>')
     this.event=$event
     this.listen=$listen    
-    this.setNew();        
+    this.setNew();      
+
+    this.processCustomField();  
   }
 
-  setWatchChange = ()=>{
+  override setWatchChange = ()=>{
     this.unwantchobj = watch(this.getData(),(newvalue)=>{
       if(this.completeformula==true){
-          this.completeformula=false
-          this.reCalculateValue()
-          this.completeformula=true
+        this.completeformula=false
+        this.reCalculateValue()
+        this.completeformula=true
       }               
-    },{deep:true})    
+    },{deep:true})
+
+    <% if(!['Plugins', 'Plugininstallations', 'Customfield'].includes(capitalizeFirstLetter(it.name))) { %>
+      const { $customFieldStore, $appPluginsStore } = useNuxtApp();
+      if (!this._customFieldWatch) {
+        this._customFieldWatch = watch(
+          [() => $customFieldStore.data, () => $appPluginsStore.installedPlugins],
+          ([newCustomField, newPlugins], [oldCustomField, oldPlugins]) => {
+            this.processCustomField();
+          },
+          { immediate: false, deep: true },
+        );
+      }
+    <% } %>
+    
   }
-  setNew = ()=>{         
-      const newdata = Default<%= it.typename%>(randomUUID())
-      this.setData(newdata)
-      this.setWatchChange()
-      return true
-    }
+
+  override setNew = ()=>{         
+    const newdata = Default<%= it.typename%>(randomUUID())
+    this.setData(newdata)
+    this.setWatchChange()
+    return true
+  }
+
+  /********************************** begin document status code *********************************/
   <%if(it.jsonschema.properties['readOnly'] || it.jsonschema.properties['documentStatus']){%>
   public isReadOnly():boolean{      
       <%if(it.jsonschema.properties['readOnly']){%>
@@ -87,7 +109,10 @@ export class <%= capitalizeFirstLetter(it.name)%>Client extends SimpleAppClient<
       return false            
     } 
   <%}%>
-<%Object.keys(it.jsonschema.properties).forEach(function(key) { %>
+  /*********************************** end document status code **********************************/
+  
+  /*********************************** begin add function code ***********************************/
+  <%Object.keys(it.jsonschema.properties).forEach(function(key) { %>
     <% let obj=it.jsonschema.properties[key] %>
     
     <% if(obj.type=='array' &&  obj.items && obj.items.type=='object' && obj.items['properties']){ %>
@@ -96,14 +121,12 @@ export class <%= capitalizeFirstLetter(it.name)%>Client extends SimpleAppClient<
         
         this.getReactiveData().value.<%= key %>.push(Default<%= it.typename%><%=capitalizeFirstLetter(key)%>(randomUUID()))
         return this.getReactiveData().value.<%= key %>.length -1
-       }
-        
-          
+       } 
     <%}%>
   <%})%>
-  
+  /************************************ end add function code ************************************/
 
-  public getActions(){
+  public override getActions(){
     const actions =  super.getActions()
     actions.docstatus=[
         <%for(let i=0;i<it.docStatusSettings.length;i++){%>
@@ -121,7 +144,7 @@ export class <%= capitalizeFirstLetter(it.name)%>Client extends SimpleAppClient<
   }
 
 
-  /*****************************begin x-document-api code*****************************************/
+  /***************************** begin x-document-api code *****************************************/
  
   <%for(let i=0;i<it.apiSettings.length;i++){%>
   <% let api = it.apiSettings[i] %>
@@ -141,12 +164,27 @@ export class <%= capitalizeFirstLetter(it.name)%>Client extends SimpleAppClient<
         <%=api.queryPara[j]%>: string,
       <%}%> 
     <%}%>
-     
-
-         <% if(['post','put','patch'].includes(api.method)){ %>data:<%=api.schema 
-         ?  (api.schema.includes('[') ?  'openapi.'+api.schema.replace('[','').replace(']','') + '[]' : 'openapi.'+api.schema  )
-         :'any'%><%}%>  
-        ){
+    
+    <% if(['post','put','patch'].includes(api.method)){ %>
+      data: 
+      <% 
+        const convertTypes = ['Object', 'String'];
+        const openApiPrefix = convertTypes.includes(api.schema.replace('[','').replace(']','')) ? '' : 'openapi.';
+      %>
+      <%= 
+        api.schema ? 
+          (
+            api.schema.includes('[') ? 
+              openApiPrefix + (
+                openApiPrefix == '' ? 
+                  api.schema.replace('[','').replace(']','').toLowerCase() : 
+                  api.schema.replace('[','').replace(']','')
+              ) + '[]' : 
+              openApiPrefix + (openApiPrefix == '' ? api.schema.toLowerCase() : api.schema)
+          ) 
+          : 'any' %>
+    <%}%>  
+  ){
     //const recordid: string = this.data.value._id ?? '';
     return await this.docapi.run<%=capitalizeFirstLetter(api.action)%>(
       <% if(api.entryPoint && api.entryPoint.includes(':')) {%>
@@ -161,7 +199,7 @@ export class <%= capitalizeFirstLetter(it.name)%>Client extends SimpleAppClient<
         <%}%>
         <% if(['post','put','patch'].includes(api.method)){ %>data<%}%>  
     )
-    .then((res: AxiosResponse) => {
+    .then((res) => {
       if(this.event){this.event('info:<%=api.action%>',res.data)}
       return res.data;
     }).catch((res:any)=>{
@@ -173,7 +211,7 @@ export class <%= capitalizeFirstLetter(it.name)%>Client extends SimpleAppClient<
 
 
   
-  reCalculateValue(){
+  override reCalculateValue(){
     //console.log('trigger new recalculate')
     const $data = this.getData()
     
@@ -280,7 +318,7 @@ export class <%= capitalizeFirstLetter(it.name)%>Client extends SimpleAppClient<
           return await Promise.reject(errors);
         } 
       }
-      return await this.docapi.<%=it.name %>ControllerSetStatus<%=capitalizeFirstLetter(setting.status)%>(id,data).then((res:AxiosResponse)=>{
+      return await this.docapi.<%=it.name %>ControllerSetStatus<%=capitalizeFirstLetter(setting.status)%>(id,data).then((res)=>{
         $event('Notification',{
           documentName:this.getDocName(),
           summary:t('setStatus<%=capitalizeFirstLetter(setting.status)%>Success'),

package/templates/nest/src/enums/enums.generate.ts.eta

@@ -0,0 +1,23 @@
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2025-06-09
+ */
+<% it.modules.forEach(function(module) { %>
+<% if (module.schema && module.schema.properties) { %>
+<% Object.entries(module.schema.properties).forEach(function([propName, prop]) { %>
+<% if (prop.enum) { %>
+export enum <%= module.docname %><%= propName.charAt(0).toUpperCase() + propName.slice(1) + 'Enum' %> {
+<% prop.enum.forEach(function(enumValue, index) { %>
+<% if (enumValue === '') { %>
+  EMPTY = ''<%= index < prop.enum.length - 1 ? ',' : '' %>
+<% } else { %>
+  <%= enumValue.replace(/([A-Z])/g, '_$1').replace(/^_/, '').toUpperCase().replace(/-/g, '_') %> = '<%= enumValue %>'<%= index < prop.enum.length - 1 ? ',' : '' %>
+<% } %>
+<% }); %> 
+}
+
+<% } %>
+<% }); %>
+<% } %>
+<% }); %>

package/templates/nest/src/simpleapp/generate/apischemas/simpleapp.apischema.ts.eta

@@ -5,7 +5,7 @@
  * Author: Ks Tan
  */
 
-import { ApiProperty } from '@nestjs/swagger';
+import { ApiProperty, ApiExtraModels } from '@nestjs/swagger';
 export class ApiKeyValuePair {
   @ApiProperty({
     type: Object,
@@ -54,3 +54,9 @@ export class ApiSearchBody {
   @ApiProperty({ type: () => Object, required: false })
   lookup: Object;
 }
+
+@ApiExtraModels()
+export class NoParam {}
+
+@ApiExtraModels()
+export class DynamicParam {}

package/templates/nest/src/simpleapp/generate/types/simpleapp.type.ts.eta

@@ -290,4 +290,10 @@ export type SchemaFields = {
       readOnly?: boolean | undefined;
       writeOnly?: boolean | undefined;
       example?: JSONSchema7Type | undefined;
-  }
+  }
+
+export type NoParam = {}
+
+export type DynamicParam = {
+  [key: string]: any;
+}

package/templates/nuxt/components/simpleApp/SimpleAppForm.vue.eta

@@ -1,6 +1,14 @@
 <template>
   <form class="simpleapp-form" @submit.prevent="true">
     <slot name="default" :data="document.getData()" :getField="getField"></slot>
+    <slot name="customField">
+      <!-- TODO: TS Error -->
+      <SimpleAppCustomFieldFormSection
+        :customFieldJsonSchema="document.schema.properties.more"
+        :data="document.getData().more"
+        :handleGetField="getField"
+      />
+    </slot>
   </form>
 </template>
 <script setup lang="ts">

package/templates/nuxt/components/simpleApp/SimpleAppInput.vue.eta

@@ -249,11 +249,24 @@
       v-else-if="inputType == SimpleAppInputType.chip"
       v-model="modelValue"
       :type="type"
-      :pt="pt"
+      :pt="
+        pt ?? {
+          root: {
+            class: 'min-h-[2.35rem]',
+          },
+          input: {
+            class: 'flex flex-wrap items-center gap-2',
+          },
+          inputitemfield: {
+            class: 'focus:outline-none focus:ring-0',
+          },
+        }
+      "
       :disabled="isReadonly"
       :input-id="slotprops.uuid"
       :path="setting.instancepath"
       :placeholder="placeholder"
+      class="w-full flex leading-none m-0 py-0.5 px-3 rounded-md text-surface-800 dark:text-white/80 placeholder:text-surface-400 dark:placeholder:text-surface-500 bg-surface-0 dark:bg-surface-950 border border-surface-300 dark:border-surface-700 invalid:focus:ring-red-200 invalid:hover:border-red-500 hover:border-surface-400 dark:hover:border-surface-600 focus:outline-none focus:outline-offset-0 focus:ring-1 focus:ring-primary-500 dark:focus:ring-primary-400 focus:z-10 appearance-none transition-colors duration-200"
       v-bind="componentProps"
       @update:model-value="onChange"
     />
@@ -481,7 +494,7 @@ const emits = defineEmits([
 ]);
 
 const onChange = () => {
-  if (props.setting.document.isReady()) {
+  if (props.setting?.document?.isReady()) {
     pt.value = undefined;
     resetcount.value++;
     emits("change", modelValue.value);

package/templates/nuxt/components/simpleApp/SimpleAppInputTable.vue.eta

@@ -55,7 +55,12 @@ const modelValue = defineModel<any[]>();
 
 const addNew = () => {
   const field = props.setting.path.split("/").at(-1);
-  props.setting.document[`add${field}`]();
+  if (props.setting.document[`add${field}`]) {
+    props.setting.document[`add${field}`]();
+  } else {
+    console.log("customfield", modelValue.value);
+    modelValue.value?.push({});
+  }
 };
 /**
  * 1. support array with field to label

package/templates/nuxt/composables/getUserStore.generate.ts.eta

@@ -56,6 +56,10 @@ export const haveAccess = (resource:string):boolean =>{
     return getUserStore().haveAccess(upperFirst(resource))
 }
 
+export const checkHasHighPrivilege = ():boolean =>{
+    return getUserStore().checkHasHighPrivilege()
+}
+
 
 
 export const getProfileEmail = () => getUserProfile()?.email

package/templates/nuxt/enums/enums.generate.ts.eta

@@ -0,0 +1,23 @@
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2025-06-09
+ */
+<% it.modules.forEach(function(module) { %>
+<% if (module.schema && module.schema.properties) { %>
+<% Object.entries(module.schema.properties).forEach(function([propName, prop]) { %>
+<% if (prop.enum) { %>
+export enum <%= module.docname %><%= propName.charAt(0).toUpperCase() + propName.slice(1) + 'Enum' %> {
+<% prop.enum.forEach(function(enumValue, index) { %>
+<% if (enumValue === '') { %>
+  EMPTY = ''<%= index < prop.enum.length - 1 ? ',' : '' %>
+<% } else { %>
+  <%= enumValue.replace(/([A-Z])/g, '_$1').replace(/^_/, '').toUpperCase().replace(/-/g, '_') %> = '<%= enumValue %>'<%= index < prop.enum.length - 1 ? ',' : '' %>
+<% } %>
+<% }); %> 
+}
+
+<% } %>
+<% }); %>
+<% } %>
+<% }); %>

package/templates/nuxt/i18n/lang/cn.ts._eta

@@ -0,0 +1,15 @@
+/**
+ * This file was automatically generated by simpleapp generator during initialization. It is changable.
+ * --remove-this-line-to-prevent-override--
+ * last change 2024-02-22
+ * author: Ks Tan
+ */
+export default {
+    welcome:'欢迎',
+    welcomeSimpleApp: '你好,欢迎来到 SimpleApp',
+    changeHomePageMsg: '改了这面',
+    category: '类别',
+    /*manually fix from df.ts.eta*/
+}
+
+// or

package/templates/nuxt/i18n/lang/en.ts.eta

@@ -0,0 +1,19 @@
+
+export default {
+    //auto generate from lang/default.ts
+    <%let langkeys = Object.keys(it.lang) %>
+    <% for(let l=0; l< langkeys.length; l++){ %>
+    <% let key = langkeys[l] %>
+        "<%=key%>" : <% if (typeof it.lang[key] === 'object') { %><%~ JSON.stringify(it.lang[key], null, 2) %><% } else { %>"<%~ it.lang[key] %>"<% } %>,
+    <%}%>    
+
+
+    //auto generate from schema
+    <% for(let i=0; i< it.allfields.length; i++){ %>
+    <% let f = it.allfields[i] %>
+        <% if(!it.lang[f]){%>        
+            '<%= f %>' : '<%= camelCaseToWords(f) %>',
+        <%}%>
+    <%}%>    
+
+}

package/templates/nuxt/lang/en.ts.eta

@@ -4,7 +4,7 @@ export default {
     <%let langkeys = Object.keys(it.lang) %>
     <% for(let l=0; l< langkeys.length; l++){ %>
     <% let key = langkeys[l] %>
-        '<%=key%>' : '<%= it.lang[key] %>',
+        "<%=key%>" : <% if (typeof it.lang[key] === 'object') { %><%~ JSON.stringify(it.lang[key], null, 2) %><% } else { %>"<%~ it.lang[key] %>"<% } %>,
     <%}%>    
 
 

package/templates/nuxt/plugins/18.simpleapp-custom-field-store.ts.eta

@@ -0,0 +1,38 @@
+import { ShallowRef } from "vue";
+import { Customfield, CUSTOMFIELDApi } from "~/simpleapp/generate/openapi";
+
+type CustomFieldStoreData = Pick<Customfield, "_id" | "collectionName" | "form">[];
+
+type CustomFieldStore = {
+  data: ShallowRef<CustomFieldStoreData>;
+};
+
+export default defineNuxtPlugin(async (nuxtApp) => {
+  const useCustomFieldStore = defineStore("custom-field-store", {
+    state: (): CustomFieldStore => ({
+      data: shallowRef([]),
+    }),
+    actions: {
+      async fetchList() {
+        const config = getAxiosConfig();
+        const api = new CUSTOMFIELDApi(config);
+        const resp = await api.runSearch({
+          filter: {},
+          fields: ["_id", "collectionName", "form"],
+        });
+        // setTimeout(() => {
+        this.$patch({ data: resp.data ?? [] });
+        // }, 10000);
+      },
+      findByCollectionName(collectionName: string) {
+        return this.data.find((item) => item.collectionName === collectionName) ?? null;
+      },
+    },
+  });
+
+  return {
+    provide: {
+      customFieldStore: useCustomFieldStore(),
+    },
+  };
+});