@king-one/form-design 0.0.17 → 0.0.19

package/dist/types/src/core/Design.d.ts

@@ -1,9 +1,10 @@
-import { ComponentWidgetType, DesignParams, DesignSchema, FieldSchema, FormDesignPlugin, PropsWidgetType, valueType } from '@king-one/form-design/src/types';
+import { ComponentWidgetType, DesignParams, DesignSchema, FieldSchema, FormDesignPlugin, PropsWidgetType, TemplateSchema, valueType, DragPutType } from '@king-one/form-design/src/types';
 import { Ref, VNode } from 'vue';
 import { Field } from './Field';
-import { SyncBailHook, UnsetAdditionalOptions } from '@king-one/tapable';
+import { SyncBailHook, UnsetAdditionalOptions, SyncHook } from '@king-one/tapable';
 export declare class FormDesign {
     schema: DesignSchema[];
+    tempSchema: TemplateSchema[];
     private heart;
     private plugin;
     private FormSchema;
@@ -12,21 +13,27 @@ export declare class FormDesign {
         title?: string | undefined;
         key?: string | undefined;
         type?: "string" | "number" | "boolean" | "object" | "array" | "void" | undefined;
-        'k-component'?: string | undefined;
+        'x-component'?: string | undefined;
         enum?: any[] | undefined;
+        format?: string | undefined;
         items?: {
             title: string;
             key: string;
             type: valueType;
-            'k-component'?: string | undefined;
+            'x-component'?: string | undefined;
             enum?: any[] | undefined;
-            items?: any[] | undefined;
+            format?: string | undefined;
+            items?: any[] | {
+                [x: string]: any;
+                type?: valueType | undefined;
+                properties?: Record<string, FieldSchema> | undefined;
+            } | undefined;
             children?: any[] | undefined;
             required?: boolean | undefined;
             id?: string | undefined;
             name?: string | undefined;
             icon?: (string | VNode) | undefined;
-            'k-design-props'?: {
+            'x-design-props'?: {
                 [x: string]: any;
                 unDragTo?: string[] | undefined;
                 validate?: {
@@ -34,24 +41,34 @@ export declare class FormDesign {
                     message: string;
                 } | undefined;
             } | undefined;
-            'k-component-props'?: Record<string, any> | undefined;
-            'k-decorator-props'?: {
+            'x-component-props'?: Record<string, any> | undefined;
+            'x-decorator'?: string | undefined;
+            'x-decorator-props'?: {
                 [x: string]: any;
             } | undefined;
-        }[] | undefined;
+        }[] | {
+            [x: string]: any;
+            type?: valueType | undefined;
+            properties?: Record<string, FieldSchema> | undefined;
+        } | undefined;
         children?: {
             title: string;
             key: string;
             type: valueType;
-            'k-component'?: string | undefined;
+            'x-component'?: string | undefined;
             enum?: any[] | undefined;
-            items?: any[] | undefined;
+            format?: string | undefined;
+            items?: any[] | {
+                [x: string]: any;
+                type?: valueType | undefined;
+                properties?: Record<string, FieldSchema> | undefined;
+            } | undefined;
             children?: any[] | undefined;
             required?: boolean | undefined;
             id?: string | undefined;
             name?: string | undefined;
             icon?: (string | VNode) | undefined;
-            'k-design-props'?: {
+            'x-design-props'?: {
                 [x: string]: any;
                 unDragTo?: string[] | undefined;
                 validate?: {
@@ -59,8 +76,9 @@ export declare class FormDesign {
                     message: string;
                 } | undefined;
             } | undefined;
-            'k-component-props'?: Record<string, any> | undefined;
-            'k-decorator-props'?: {
+            'x-component-props'?: Record<string, any> | undefined;
+            'x-decorator'?: string | undefined;
+            'x-decorator-props'?: {
                 [x: string]: any;
             } | undefined;
         }[] | undefined;
@@ -68,7 +86,7 @@ export declare class FormDesign {
         id?: string | undefined;
         name?: string | undefined;
         icon?: (string | VNode) | undefined;
-        'k-design-props'?: {
+        'x-design-props'?: {
             [x: string]: any;
             unDragTo?: string[] | undefined;
             validate?: {
@@ -76,29 +94,36 @@ export declare class FormDesign {
                 message: string;
             } | undefined;
         } | undefined;
-        'k-component-props'?: Record<string, any> | undefined;
-        'k-decorator-props'?: {
+        'x-component-props'?: Record<string, any> | undefined;
+        'x-decorator'?: string | undefined;
+        'x-decorator-props'?: {
             [x: string]: any;
         } | undefined;
     }, Partial<FieldSchema> | {
         title?: string | undefined;
         key?: string | undefined;
         type?: "string" | "number" | "boolean" | "object" | "array" | "void" | undefined;
-        'k-component'?: string | undefined;
+        'x-component'?: string | undefined;
         enum?: any[] | undefined;
+        format?: string | undefined;
         items?: {
             title: string;
             key: string;
             type: valueType;
-            'k-component'?: string | undefined;
+            'x-component'?: string | undefined;
             enum?: any[] | undefined;
-            items?: any[] | undefined;
+            format?: string | undefined;
+            items?: any[] | {
+                [x: string]: any;
+                type?: valueType | undefined;
+                properties?: Record<string, FieldSchema> | undefined;
+            } | undefined;
             children?: any[] | undefined;
             required?: boolean | undefined;
             id?: string | undefined;
             name?: string | undefined;
             icon?: (string | VNode) | undefined;
-            'k-design-props'?: {
+            'x-design-props'?: {
                 [x: string]: any;
                 unDragTo?: string[] | undefined;
                 validate?: {
@@ -106,24 +131,34 @@ export declare class FormDesign {
                     message: string;
                 } | undefined;
             } | undefined;
-            'k-component-props'?: Record<string, any> | undefined;
-            'k-decorator-props'?: {
+            'x-component-props'?: Record<string, any> | undefined;
+            'x-decorator'?: string | undefined;
+            'x-decorator-props'?: {
                 [x: string]: any;
             } | undefined;
-        }[] | undefined;
+        }[] | {
+            [x: string]: any;
+            type?: valueType | undefined;
+            properties?: Record<string, FieldSchema> | undefined;
+        } | undefined;
         children?: {
             title: string;
             key: string;
             type: valueType;
-            'k-component'?: string | undefined;
+            'x-component'?: string | undefined;
             enum?: any[] | undefined;
-            items?: any[] | undefined;
+            format?: string | undefined;
+            items?: any[] | {
+                [x: string]: any;
+                type?: valueType | undefined;
+                properties?: Record<string, FieldSchema> | undefined;
+            } | undefined;
             children?: any[] | undefined;
             required?: boolean | undefined;
             id?: string | undefined;
             name?: string | undefined;
             icon?: (string | VNode) | undefined;
-            'k-design-props'?: {
+            'x-design-props'?: {
                 [x: string]: any;
                 unDragTo?: string[] | undefined;
                 validate?: {
@@ -131,8 +166,9 @@ export declare class FormDesign {
                     message: string;
                 } | undefined;
             } | undefined;
-            'k-component-props'?: Record<string, any> | undefined;
-            'k-decorator-props'?: {
+            'x-component-props'?: Record<string, any> | undefined;
+            'x-decorator'?: string | undefined;
+            'x-decorator-props'?: {
                 [x: string]: any;
             } | undefined;
         }[] | undefined;
@@ -140,7 +176,7 @@ export declare class FormDesign {
         id?: string | undefined;
         name?: string | undefined;
         icon?: (string | VNode) | undefined;
-        'k-design-props'?: {
+        'x-design-props'?: {
             [x: string]: any;
             unDragTo?: string[] | undefined;
             validate?: {
@@ -148,14 +184,16 @@ export declare class FormDesign {
                 message: string;
             } | undefined;
         } | undefined;
-        'k-component-props'?: Record<string, any> | undefined;
-        'k-decorator-props'?: {
+        'x-component-props'?: Record<string, any> | undefined;
+        'x-decorator'?: string | undefined;
+        'x-decorator-props'?: {
             [x: string]: any;
         } | undefined;
     }>;
     shared: {
         draggedContext: {
             key: string;
+            field: any;
         };
         panelWidgets: Record<string, ComponentWidgetType>;
         propsWidgets: Record<string, PropsWidgetType>;
@@ -171,23 +209,31 @@ export declare class FormDesign {
         };
     };
     getFieldList(): Field[];
+    setCheckedField(field: FieldSchema): void;
     private get lifecycles();
     get hooks(): {
         beforeDelete: SyncBailHook<FieldSchema, boolean, UnsetAdditionalOptions>;
+        syncDragAdd: SyncHook<DragPutType, void, UnsetAdditionalOptions>;
     };
+    get dragAddResult(): any[];
     get fields(): Ref<{
         title: string;
         key: string;
         type: valueType;
-        'k-component'?: string | undefined;
+        'x-component'?: string | undefined;
         enum?: any[] | undefined;
-        items?: any[] | undefined;
+        format?: string | undefined;
+        items?: any[] | {
+            [x: string]: any;
+            type?: valueType | undefined;
+            properties?: Record<string, FieldSchema> | undefined;
+        } | undefined;
         children?: any[] | undefined;
         required?: boolean | undefined;
         id?: string | undefined;
         name?: string | undefined;
         icon?: (string | VNode) | undefined;
-        'k-design-props'?: {
+        'x-design-props'?: {
             [x: string]: any;
             unDragTo?: string[] | undefined;
             validate?: {
@@ -195,23 +241,29 @@ export declare class FormDesign {
                 message: string;
             } | undefined;
         } | undefined;
-        'k-component-props'?: Record<string, any> | undefined;
-        'k-decorator-props'?: {
+        'x-component-props'?: Record<string, any> | undefined;
+        'x-decorator'?: string | undefined;
+        'x-decorator-props'?: {
             [x: string]: any;
         } | undefined;
     }[], FieldSchema[] | {
         title: string;
         key: string;
         type: valueType;
-        'k-component'?: string | undefined;
+        'x-component'?: string | undefined;
         enum?: any[] | undefined;
-        items?: any[] | undefined;
+        format?: string | undefined;
+        items?: any[] | {
+            [x: string]: any;
+            type?: valueType | undefined;
+            properties?: Record<string, FieldSchema> | undefined;
+        } | undefined;
         children?: any[] | undefined;
         required?: boolean | undefined;
         id?: string | undefined;
         name?: string | undefined;
         icon?: (string | VNode) | undefined;
-        'k-design-props'?: {
+        'x-design-props'?: {
             [x: string]: any;
             unDragTo?: string[] | undefined;
             validate?: {
@@ -219,8 +271,9 @@ export declare class FormDesign {
                 message: string;
             } | undefined;
         } | undefined;
-        'k-component-props'?: Record<string, any> | undefined;
-        'k-decorator-props'?: {
+        'x-component-props'?: Record<string, any> | undefined;
+        'x-decorator'?: string | undefined;
+        'x-decorator-props'?: {
             [x: string]: any;
         } | undefined;
     }[]>;

package/dist/types/src/core/FormSchema.d.ts

@@ -7,15 +7,20 @@ export declare class FormSchema {
         title: string;
         key: string;
         type: valueType;
-        'k-component'?: string | undefined;
+        'x-component'?: string | undefined;
         enum?: any[] | undefined;
-        items?: any[] | undefined;
+        format?: string | undefined;
+        items?: any[] | {
+            [x: string]: any;
+            type?: valueType | undefined;
+            properties?: Record<string, FieldSchema> | undefined;
+        } | undefined;
         children?: any[] | undefined;
         required?: boolean | undefined;
         id?: string | undefined;
         name?: string | undefined;
         icon?: (string | VNode) | undefined;
-        'k-design-props'?: {
+        'x-design-props'?: {
             [x: string]: any;
             unDragTo?: string[] | undefined;
             validate?: {
@@ -23,23 +28,29 @@ export declare class FormSchema {
                 message: string;
             } | undefined;
         } | undefined;
-        'k-component-props'?: Record<string, any> | undefined;
-        'k-decorator-props'?: {
+        'x-component-props'?: Record<string, any> | undefined;
+        'x-decorator'?: string | undefined;
+        'x-decorator-props'?: {
             [x: string]: any;
         } | undefined;
     }[], FieldSchema[] | {
         title: string;
         key: string;
         type: valueType;
-        'k-component'?: string | undefined;
+        'x-component'?: string | undefined;
         enum?: any[] | undefined;
-        items?: any[] | undefined;
+        format?: string | undefined;
+        items?: any[] | {
+            [x: string]: any;
+            type?: valueType | undefined;
+            properties?: Record<string, FieldSchema> | undefined;
+        } | undefined;
         children?: any[] | undefined;
         required?: boolean | undefined;
         id?: string | undefined;
         name?: string | undefined;
         icon?: (string | VNode) | undefined;
-        'k-design-props'?: {
+        'x-design-props'?: {
             [x: string]: any;
             unDragTo?: string[] | undefined;
             validate?: {
@@ -47,8 +58,9 @@ export declare class FormSchema {
                 message: string;
             } | undefined;
         } | undefined;
-        'k-component-props'?: Record<string, any> | undefined;
-        'k-decorator-props'?: {
+        'x-component-props'?: Record<string, any> | undefined;
+        'x-decorator'?: string | undefined;
+        'x-decorator-props'?: {
             [x: string]: any;
         } | undefined;
     }[]>;

package/dist/types/src/hooks/usePolling.d.ts

@@ -0,0 +1,5 @@
+import { Ref } from 'vue';
+export declare function usePolling(callback: () => Promise<boolean>, delay: number, count?: number): {
+    loading: Ref<boolean, boolean>;
+    stop: () => void;
+};

package/dist/types/src/index.d.ts

@@ -1,3 +1,4 @@
+export { default as Carousel } from './components/base/Carousel.vue';
 export { default as FormPanelItem } from './components/panel/panel-item.vue';
 export { useInjectDesignContext } from './context/design';
 export { default as FormDesign } from './components/form-desgin';

package/dist/types/src/internal.d.ts

@@ -1,2 +1,3 @@
 export * from './hooks';
 export * from './context/design';
+export * from './utils';

package/dist/types/src/plugins/index.d.ts

@@ -1,8 +1,11 @@
-import { SyncBailHook, UnsetAdditionalOptions } from '@king-one/tapable';
-import { FieldSchema, FormDesignPlugin } from '../types';
+import { SyncBailHook, SyncHook, UnsetAdditionalOptions } from '@king-one/tapable';
+import { DragPutType, FieldSchema, FormDesignPlugin } from '../types';
 export declare class Plugin {
     readonly hooks: {
         beforeDelete: SyncBailHook<FieldSchema, boolean, UnsetAdditionalOptions>;
+        syncDragAdd: SyncHook<DragPutType, void, UnsetAdditionalOptions>;
     };
+    dragAddResult: any[];
+    constructor();
     use(plugIn: FormDesignPlugin): void;
 }

package/dist/types/src/plugins/modules/drag-add.d.ts

@@ -0,0 +1,6 @@
+import { FormDesignPlugin, PluginInterface } from '../../types';
+export declare const exclusion: string[];
+export declare class BaseDragAdd implements FormDesignPlugin {
+    name: string;
+    install(app: PluginInterface): void;
+}

package/dist/types/src/types.d.ts

@@ -22,15 +22,20 @@ export interface FieldSchema {
     'title': string;
     'key': string;
     'type': valueType;
-    'k-component'?: string;
+    'x-component'?: string;
     'enum'?: any[];
-    'items'?: FieldSchema[];
+    'format'?: string;
+    'items'?: FieldSchema[] | {
+        type?: valueType;
+        properties?: Record<string, FieldSchema>;
+        [x: string]: any;
+    };
     'children'?: FieldSchema[];
     'required'?: boolean;
     'id'?: string;
     'name'?: string;
     'icon'?: string | VNode;
-    'k-design-props'?: {
+    'x-design-props'?: {
         unDragTo?: string[];
         validate?: {
             status: 'success' | 'error' | 'warning' | '';
@@ -38,11 +43,18 @@ export interface FieldSchema {
         };
         [x: string]: any;
     };
-    'k-component-props'?: Record<string, any>;
-    'k-decorator-props'?: {
+    'x-component-props'?: Record<string, any>;
+    'x-decorator'?: string;
+    'x-decorator-props'?: {
         [x: string]: any;
     };
 }
+export interface TemplateSchema {
+    name: string;
+    key: string;
+    icon?: string | VNode;
+    schema: FieldSchema;
+}
 export interface DesignSchema {
     name: string;
     key: string;
@@ -50,13 +62,19 @@ export interface DesignSchema {
 }
 type PromiseFn<T> = () => Promise<T>;
 export type ComponentWidgetType = PromiseFn<Component> | Component;
+export interface PropsWidgetComponent {
+    header: string;
+    widget: Component;
+}
 export interface PropsWidgetType {
-    component: Component[];
+    component: PropsWidgetComponent[];
     defaultValues?: Record<string, any>;
+    activeKey?: string;
     rules?: any;
 }
 export interface DesignParams {
     schema: DesignSchema[];
+    tempSchema?: TemplateSchema[];
     extendFormProps?: {
         title: string;
         key: string;
@@ -78,3 +96,8 @@ export interface FormDesignPlugin {
     install: (app: PluginInterface, ...options: any[]) => void;
 }
 export type widgetPropsType = Record<string, PropsWidgetType>;
+export interface DragPutType {
+    source: FieldSchema;
+    traget: FieldSchema[];
+    region: 'form-panel' | 'k-array-card' | 'k-object' | 'k-table';
+}

package/dist/types/src/utils/debounce.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 防抖函数
+ * @param fn 需要防抖的函数
+ * @param delay 延迟时间（毫秒）
+ * @param immediate 是否立即执行（默认 false）
+ * @returns 防抖后的函数，包含 cancel 方法用于取消
+ */
+export declare function debounce<T extends (...args: any[]) => any>(fn: T, delay: number, immediate?: boolean): T & {
+    cancel: () => void;
+};

package/dist/types/src/utils/index.d.ts

@@ -1 +1,2 @@
 export * from './checkers';
+export * from './debounce';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@king-one/form-design",
   "type": "module",
-  "version": "0.0.17",
+  "version": "0.0.19",
   "description": "@king-one 表单设计器",
   "author": "",
   "license": "ISC",
@@ -46,7 +46,7 @@
   "dependencies": {
     "@king-one/tapable": "^3.0.0",
     "@king-one/theme": "^1.0.1",
-    "@king-one/utils": "^1.0.13",
+    "@king-one/utils": "^1.0.14",
     "highlight.js": "^11.11.1",
     "monaco-editor": "^0.54.0",
     "vuedraggable": "^4.1.0"