@king-one/form-design 0.0.2 → 0.0.3

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

@@ -1,15 +1,14 @@
 import { CSSProperties, Component, VNode } from 'vue';
 import { FormDesign } from './core/Design';
 import { LifeCycleInstance } from './effects/types';
+import { Plugin } from './plugins';
+export type PluginInterface = InstanceType<typeof Plugin>;
 export declare const valueTypeMap: {
     string: string;
     number: string;
     boolean: string;
     object: string;
     array: string;
-    date: string;
-    time: string;
-    datetime: string;
     void: string;
 };
 export type valueType = keyof typeof valueTypeMap;
@@ -23,21 +22,47 @@ export interface FieldSchema {
     'key': string;
     'type': valueType;
     'k-component': string;
+    'enum'?: any[];
+    'items'?: FieldSchema[];
+    'children'?: FieldSchema[];
     'required'?: boolean;
     'id'?: string;
     'name'?: string;
     'icon'?: string | VNode;
+    'k-design-props'?: {
+        unDragTo?: string[];
+        validate?: {
+            status: 'success' | 'error' | 'warning' | '';
+            message: string;
+        };
+        [x: string]: any;
+    };
     'k-component-props'?: Record<string, any>;
+    'k-decorator-props'?: {
+        [x: string]: any;
+    };
 }
 export interface DesignSchema {
     name: string;
     key: string;
     widget?: FieldSchema[];
 }
+type PromiseFn<T> = () => Promise<T>;
+export type WidgetComponentType = PromiseFn<Component> | Component;
+export interface WidgetsPropsType {
+    component: Component[];
+    defaultValues?: Record<string, any>;
+    rules?: any;
+}
 export interface DesignParams {
     schema: DesignSchema[];
-    propsComponents?: Record<string, VueComponent>;
-    panelComponents?: Record<string, VueComponent>;
+    extendFormProps?: {
+        title: string;
+        key: string;
+        component: PromiseFn<Component> | Component;
+    }[];
+    propsWidgets?: Record<string, WidgetsPropsType>;
+    panelWidgets?: Record<string, WidgetComponentType>;
     effects?: () => void;
 }
 export type FormDesignInstance = InstanceType<typeof FormDesign>;
@@ -47,3 +72,9 @@ export interface HeartProps<Context> {
     context?: Context;
 }
 export type VueComponent = Component;
+export interface FormDesignPlugin {
+    name: string;
+    install: (app: PluginInterface, ...options: any[]) => void;
+}
+export type widgetPropsType = Record<string, WidgetsPropsType>;
+export {};

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

@@ -0,0 +1,2 @@
+export declare const globalThisPolyfill: typeof globalThis;
+export declare function instOf(value: any, cls: any): boolean;

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

@@ -0,0 +1,2 @@
+export declare const isValid: (val: any) => boolean;
+export declare function isEmpty(val: any, strict?: boolean): boolean;

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

@@ -0,0 +1,12 @@
+export type AnyFunction = (...args: any[]) => any;
+interface Options {
+    arrayMerge?: (target: any[], source: any[], options?: Options) => any[];
+    clone?: boolean;
+    assign?: boolean;
+    customMerge?: (key: string, options?: Options) => ((x: any, y: any) => any) | undefined;
+    isMergeableObject?: (value: object) => boolean;
+    cloneUnlessOtherwiseSpecified?: (value: any, options: Options) => any;
+}
+declare function deepmerge(target: any, source: any, options?: Options): any;
+export declare const merge: typeof deepmerge;
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@king-one/form-design",
   "type": "module",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "@king-one 表单设计器",
   "author": "",
   "license": "ISC",
@@ -44,6 +44,7 @@
     "vue": "^3.5.13"
   },
   "dependencies": {
+    "@king-one/tapable": "^3.0.0",
     "@king-one/theme": "^1.0.1",
     "@king-one/utils": "^1.0.13",
     "monaco-editor": "^0.52.2",

package/dist/es/src/components/props/base-props.vue.mjs

@@ -1,60 +0,0 @@
-import { defineComponent as u, openBlock as i, createElementBlock as p, createVNode as t, unref as e, withCtx as o, createTextVNode as d } from "vue";
-import { Form as f, FormItem as r, Input as m, Switch as s } from "ant-design-vue";
-import "../../internal.mjs";
-import "../form-icon.vue.mjs";
-import { useInjectDesignContext as v } from "../../context/design.mjs";
-import _ from "../form-icon.vue2.mjs";
-const y = /* @__PURE__ */ u({
-  __name: "base-props",
-  setup(x) {
-    const { checkedField: a } = v();
-    return (c, l) => (i(), p("div", null, [
-      t(e(f), {
-        "label-col": { style: { width: "85px" } },
-        layout: "vertical"
-      }, {
-        default: o(() => [
-          t(e(r), {
-            label: "字段名称",
-            tooltip: "表单name"
-          }, {
-            default: o(() => [
-              t(e(m), {
-                value: e(a).name,
-                "onUpdate:value": l[0] || (l[0] = (n) => e(a).name = n)
-              }, null, 8, ["value"])
-            ]),
-            _: 1
-            /* STABLE */
-          }),
-          t(e(r), { label: "字段标题" }, {
-            default: o(() => [
-              t(e(m), {
-                value: e(a).title,
-                "onUpdate:value": l[1] || (l[1] = (n) => e(a).title = n)
-              }, null, 8, ["value"])
-            ]),
-            _: 1
-            /* STABLE */
-          }),
-          t(e(r), { label: "是否必填" }, {
-            extra: o(() => [
-              t(_, { name: "sound" }),
-              l[2] || (l[2] = d(" 表单字段设置为必填才能作为审批条件 "))
-            ]),
-            default: o(() => [
-              t(e(s))
-            ]),
-            _: 1
-            /* STABLE */
-          })
-        ]),
-        _: 1
-        /* STABLE */
-      })
-    ]));
-  }
-});
-export {
-  y as default
-};

package/dist/es/src/components/props/base-props.vue2.mjs

@@ -1,4 +0,0 @@
-import f from "./base-props.vue.mjs";
-export {
-  f as default
-};

package/dist/es/src/components/props/component-props.vue.mjs

@@ -1,21 +0,0 @@
-import { defineComponent as e, openBlock as n, createElementBlock as p, normalizeClass as r, unref as t } from "vue";
-import "../../internal.mjs";
-import { useNamespace as s } from "../../hooks/use-namespace/index.mjs";
-const f = /* @__PURE__ */ e({
-  __name: "component-props",
-  setup(c) {
-    const { b: o } = s("component-props");
-    return (m, a) => (n(), p(
-      "div",
-      {
-        class: r(t(o)())
-      },
-      " component props ",
-      2
-      /* CLASS */
-    ));
-  }
-});
-export {
-  f as default
-};

package/dist/es/src/components/props/component-props.vue2.mjs

@@ -1,4 +0,0 @@
-import f from "./component-props.vue.mjs";
-export {
-  f as default
-};

package/dist/lib/src/components/props/base-props.vue.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("ant-design-vue");require("../../internal.js");require("../form-icon.vue.js");const l=require("../../context/design.js"),o=require("../form-icon.vue2.js"),a=e.defineComponent({__name:"base-props",setup(i){const{checkedField:u}=l.useInjectDesignContext();return(d,r)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(e.unref(t.Form),{"label-col":{style:{width:"85px"}},layout:"vertical"},{default:e.withCtx(()=>[e.createVNode(e.unref(t.FormItem),{label:"字段名称",tooltip:"表单name"},{default:e.withCtx(()=>[e.createVNode(e.unref(t.Input),{value:e.unref(u).name,"onUpdate:value":r[0]||(r[0]=n=>e.unref(u).name=n)},null,8,["value"])]),_:1}),e.createVNode(e.unref(t.FormItem),{label:"字段标题"},{default:e.withCtx(()=>[e.createVNode(e.unref(t.Input),{value:e.unref(u).title,"onUpdate:value":r[1]||(r[1]=n=>e.unref(u).title=n)},null,8,["value"])]),_:1}),e.createVNode(e.unref(t.FormItem),{label:"是否必填"},{extra:e.withCtx(()=>[e.createVNode(o.default,{name:"sound"}),r[2]||(r[2]=e.createTextVNode(" 表单字段设置为必填才能作为审批条件 "))]),default:e.withCtx(()=>[e.createVNode(e.unref(t.Switch))]),_:1})]),_:1})]))}});exports.default=a;

package/dist/lib/src/components/props/base-props.vue2.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./base-props.vue.js");exports.default=e.default;

package/dist/lib/src/components/props/component-props.vue.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../internal.js");const n=require("../../hooks/use-namespace/index.js"),r=e.defineComponent({__name:"component-props",setup(t){const{b:o}=n.useNamespace("component-props");return(s,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(o)())}," component props ",2))}});exports.default=r;

package/dist/lib/src/components/props/component-props.vue2.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./component-props.vue.js");exports.default=e.default;