feat: schema-builder 新增 methods 方法

tools/schema-builder/src/main.tsx

@@ -1,14 +1,10 @@
 import React, { useEffect, useRef, useImperativeHandle, forwardRef } from 'react';
 import createIframe from './createIframe';
-interface IProps {
-  widgets: any
-  settings: any
-  [key: string]: any
-}
+import { TSchemaBuilder } from './type';
 
 let iframe: any;
 
-const Design = (props: IProps, ref: any) => {
+const Design = (props: TSchemaBuilder, ref: any) => {
   const { widgets, settings, ...restProps } = props;
   const containerRef: any = useRef();
 

tools/schema-builder/src/type.ts

@@ -0,0 +1,35 @@
+interface TProperties {
+  [key: string]: any;
+}
+
+interface TLogo {
+  title?: string;
+  image?: string;
+  href?: string;
+}
+
+interface TSchema {
+  "type": "object",
+  "properties": TProperties
+}
+
+interface TToolBtn {
+  text: string;
+  order: number;
+  onClick: (schema: TSchema) => void;
+}
+
+export interface TSchemaBuilder {
+  logo?: TLogo;
+  importBtn?: boolean;
+  exportBtn?: boolean;
+  clearBtn?: boolean | TToolBtn;
+  saveBtn?: boolean | TToolBtn;
+  pubBtn?: boolean | TToolBtn;
+  extraBtns?: TToolBtn[];
+  defaultValue?: TSchema;
+  widgets?: any;
+  settings?: any;
+  onMount?: () => void;
+  [key: string]: any
+}