@king-one/form-design 0.0.5 → 0.0.6

package/dist/es/src/core/FormSchema.mjs

@@ -1,52 +1,47 @@
-var a = Object.defineProperty;
-var l = (s, e, t) => e in s ? a(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var i = (s, e, t) => l(s, typeof e != "symbol" ? e + "" : e, t);
-import { reactive as m, ref as c, toRaw as n } from "vue";
+var n = Object.defineProperty;
+var a = (r, e, t) => e in r ? n(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var i = (r, e, t) => a(r, typeof e != "symbol" ? e + "" : e, t);
+import { ref as m, toRaw as c } from "vue";
 import { uid as h } from "@king-one/utils";
-import { Field as f } from "./Field.mjs";
+import { Field as l } from "./Field.mjs";
 class j {
   constructor() {
     i(this, "version", "1.0.0");
-    i(this, "formProps", m({
-      layout: "horizontal",
-      labelAlign: "left"
-    }));
-    i(this, "fields", c([]));
+    i(this, "fields", m([]));
   }
   getSchema() {
-    const e = n(this.fields.value), t = n(this.formProps), r = this.jsonToschema(e);
+    const e = c(this.fields.value), t = this.jsonToschema(e);
     return {
       version: this.version,
       form: {
-        ...t,
-        schema: r
+        schema: t
       }
     };
   }
   getFieldList() {
-    return this.fields.value.map((e) => new f(e));
+    return this.fields.value.map((e) => new l(e));
   }
   jsonToschema(e, t = {}) {
-    return e.forEach((r) => {
-      const o = this.omit(r, ["children"]);
+    return e.forEach((s) => {
+      const o = this.omit(s, ["children"]);
       o.type === "object" || o.type === "void" ? t[o.name] = {
         ...o,
-        properties: this.jsonToschema(r.children)
+        properties: this.jsonToschema(s.children)
       } : o.type === "array" ? t[o.name] = {
         ...o,
         items: {
           type: "object",
           id: h(),
-          properties: this.jsonToschema(r.children)
+          properties: this.jsonToschema(s.children)
         }
       } : t[o.name] = o;
     }), t;
   }
   omit(e, t) {
-    const r = { ...e };
+    const s = { ...e };
     return t.forEach((o) => {
-      delete r[o];
-    }), r;
+      delete s[o];
+    }), s;
   }
 }
 export {

package/dist/es/src/hooks/use-monaco.mjs

@@ -1,10 +1,27 @@
-import o from "@monaco-editor/loader";
-function i(t) {
+import * as a from "monaco-editor";
+import u from "monaco-editor/esm/vs/language/json/json.worker?worker";
+import { onMounted as l } from "vue";
+function c(r) {
+  window.MonacoEnvironment = {
+    // getWorker() {
+    //   return new Promise(() => {})
+    // }
+    getWorker(o, n) {
+      switch (n) {
+        case "json":
+          return new u({ name: n });
+        default:
+          return new Promise(() => {
+          });
+      }
+    }
+  };
   let e = null;
-  const r = async () => {
-    if (!t.value)
-      return;
-    e = (await o.init()).editor.create(t.value, {
+  const t = async (o) => {
+    e && e.setValue(JSON.stringify(o, null, 2));
+  };
+  return l(() => {
+    r.value && (e = a.editor.create(r.value, {
       value: "",
       readOnly: !0,
       automaticLayout: !0,
@@ -18,15 +35,11 @@ function i(t) {
       // 取消代码后面一大段空白
       overviewRulerBorder: !1
       // 不要滚动条的边框
-    });
-  };
-  return {
-    initEditor: r,
-    setEditorValue: async (a) => {
-      e || await r(), e.setValue(JSON.stringify(a, null, 2));
-    }
+    }));
+  }), {
+    setEditorValue: t
   };
 }
 export {
-  i as useMonaco
+  c as useMonaco
 };

package/dist/es/src/index.mjs

@@ -1,17 +1,18 @@
 import "./style/index.mjs";
 import "./components/panel/panel-item.vue2.mjs";
-import { useInjectDesignContext as m } from "./context/design.mjs";
+import { useInjectDesignContext as n } from "./context/design.mjs";
 import { default as a } from "./components/form-desgin.mjs";
 import { CreateFormDesign as s } from "./core/index.mjs";
-import { BaseSchema as x, ExtendSchema as f, LayoutSchema as g } from "./config/index.mjs";
-import { onDesignFieldChange as c, onDesignInit as h } from "./effects/onEffects.mjs";
+import "./components/index.mjs";
+import { BaseSchema as f, ExtendSchema as g, LayoutSchema as D } from "./config/index.mjs";
+import { onDesignFieldChange as h, onDesignInit as d } from "./effects/onEffects.mjs";
 export {
-  x as BaseSchema,
+  f as BaseSchema,
   s as CreateFormDesign,
-  f as ExtendSchema,
+  g as ExtendSchema,
   a as FormDesign,
-  g as LayoutSchema,
-  c as onDesignFieldChange,
-  h as onDesignInit,
-  m as useInjectDesignContext
+  D as LayoutSchema,
+  h as onDesignFieldChange,
+  d as onDesignInit,
+  n as useInjectDesignContext
 };

package/dist/lib/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./src/index.js");const t=require("./src/components/panel/panel-item.vue.js"),i=require("./src/context/design.js"),r=require("./src/components/form-desgin.js"),s=require("./src/core/index.js"),e=require("./src/config/index.js"),n=require("./src/effects/onEffects.js");exports.FormPanelItem=t.default;exports.useInjectDesignContext=i.useInjectDesignContext;exports.FormDesign=r.default;exports.CreateFormDesign=s.CreateFormDesign;exports.BaseSchema=e.BaseSchema;exports.ExtendSchema=e.ExtendSchema;exports.LayoutSchema=e.LayoutSchema;exports.onDesignFieldChange=n.onDesignFieldChange;exports.onDesignInit=n.onDesignInit;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./src/index.js");const t=require("./src/components/panel/panel-item.vue.js"),r=require("./src/context/design.js"),i=require("./src/components/form-desgin.js"),o=require("./src/core/index.js"),s=require("./src/components/props/form-config.vue.js"),e=require("./src/config/index.js"),n=require("./src/effects/onEffects.js");exports.FormPanelItem=t.default;exports.useInjectDesignContext=r.useInjectDesignContext;exports.FormDesign=i.default;exports.CreateFormDesign=o.CreateFormDesign;exports.FormConfig=s.default;exports.BaseSchema=e.BaseSchema;exports.ExtendSchema=e.ExtendSchema;exports.LayoutSchema=e.LayoutSchema;exports.onDesignFieldChange=n.onDesignFieldChange;exports.onDesignInit=n.onDesignInit;

package/dist/lib/src/components/form-desgin.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../internal.js");const r=require("../context/design.js");require("./index.js");const i=require("./types.js"),a=require("../utils/merge.js"),c=require("../hooks/use-namespace/index.js"),g=require("./form-material.vue.js"),_=require("./form-panel.vue.js"),l=require("./form-setting.vue.js"),{b:p}=c.useNamespace("main"),d={config:{theme:"dark",tags:["frontend","vue"]}},f={config:{language:"zh-CN",tags:["typescript","javascript"]}},m=a.merge(d,f,{});console.log(m);const v=e.defineComponent({name:"FormDesign",props:i.FormDesignProps,setup(s,{slots:u}){const{toolbar:n}=u,t=e.ref(!1);return r.useProvideDragContext({isDrag:t,updateDrag:o=>{t.value=o}}),r.useProvideDesignContext(s.design),()=>e.h("form",{class:p()},[e.h(g.default),e.h(_.default,{},{toolbar:n}),e.h(l.default)])}});exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../internal.js");const s=require("../context/design.js");require("./index.js");const i=require("./types.js"),c=require("../utils/merge.js"),l=require("../hooks/use-namespace/index.js"),g=require("./form-material.vue.js"),_=require("./form-panel.vue.js"),p=require("./form-setting.vue.js"),{b:d}=l.useNamespace("main"),f={config:{theme:"dark",tags:["frontend","vue"]}},m={config:{language:"zh-CN",tags:["typescript","javascript"]}},v=c.merge(f,m,{});console.log(v);const q=e.defineComponent({name:"FormDesign",props:i.FormDesignProps,setup(u,{slots:n}){const{toolbar:o,setting:r}=n,t=e.ref(!1);return s.useProvideDragContext({isDrag:t,updateDrag:a=>{t.value=a}}),s.useProvideDesignContext(u.design),()=>e.h("form",{class:d()},[e.h(g.default),e.h(_.default,{},{toolbar:o}),e.h(p.default,null,{default:()=>r==null?void 0:r()})])}});exports.default=q;

package/dist/lib/src/components/form-panel.vue.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../internal.js");const a=require("ant-design-vue"),w=require("vuedraggable"),d=require("../context/design.js");require("./panel/panel-item.vue2.js");require("./index.js");const k=require("../hooks/use-monaco.js"),b=require("../hooks/use-namespace/index.js"),m=require("./form-icon.vue2.js"),x=require("./panel/panel-item.vue.js"),S={class:"left"},q={class:"right"},y={class:"content-panel"},D={key:0,class:"prompt"},z={class:"form-item"},I={ref:"contentEditorTel",class:"content-editor"},T=e.defineComponent({name:"FormPanel",__name:"form-panel",setup(F){const f=e.useTemplateRef("contentEditorTel"),{isDrag:p}=d.useInjectDragContext(),{setEditorValue:_}=k.useMonaco(f),r=e.ref(!1),s=d.useInjectDesignContext(),{fields:l}=s;function g(){r.value=!r.value,_(s.getFormSchema())}function v(){}const{b:h,e:c,em:i}=b.useNamespace("panel");function C(){const{shared:o}=s,{key:t}=o.draggedContext;return t!==""}function V(o,t){const n=e.toRaw(o),{oldIndex:N}=t,u=n[N];if(u){const{shared:E}=s;E.draggedContext.key=u.key}}return(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(h)())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(c)("toolbar"))},[e.createElementVNode("div",S,[e.createVNode(e.unref(a.Tooltip),{placement:"bottom"},{title:e.withCtx(()=>t[1]||(t[1]=[e.createElementVNode("span",null,"全部删除",-1)])),default:e.withCtx(()=>[e.createVNode(e.unref(m.default),{name:"delete1",class:e.normalizeClass(e.unref(i)("toolbar","icon")),size:18,onClick:v},null,8,["class"])]),_:1}),e.createVNode(e.unref(a.Tooltip),{placement:"bottom"},{title:e.withCtx(()=>t[2]||(t[2]=[e.createElementVNode("span",null,"查看JSON Schema",-1)])),default:e.withCtx(()=>[e.createVNode(e.unref(m.default),{name:"code",class:e.normalizeClass(e.unref(i)("toolbar","icon")),size:18,onClick:g},null,8,["class"])]),_:1}),e.createCommentVNode(` <FormIcon name="desktop" />
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../internal.js");const a=require("ant-design-vue"),w=require("vuedraggable"),d=require("../context/design.js");require("./panel/panel-item.vue2.js");require("./index.js");const k=require("../hooks/use-monaco.js"),b=require("../hooks/use-namespace/index.js"),m=require("./form-icon.vue2.js"),x=require("./panel/panel-item.vue.js"),S={class:"left"},q={class:"right"},y={class:"content-panel"},D={key:0,class:"prompt"},z={class:"form-item"},I={ref:"contentEditorTel",class:"content-editor"},T=e.defineComponent({name:"FormPanel",__name:"form-panel",setup(F){const f=e.useTemplateRef("contentEditorTel"),{isDrag:p}=d.useInjectDragContext(),{setEditorValue:_}=k.useMonaco(f),r=e.ref(!1),s=d.useInjectDesignContext(),{fields:l}=s;function g(){_(s.getFormSchema()).then(()=>{r.value=!r.value})}function v(){}const{b:h,e:c,em:i}=b.useNamespace("panel");function C(){const{shared:o}=s,{key:t}=o.draggedContext;return t!==""}function V(o,t){const n=e.toRaw(o),{oldIndex:N}=t,u=n[N];if(u){const{shared:E}=s;E.draggedContext.key=u.key}}return(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(h)())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(c)("toolbar"))},[e.createElementVNode("div",S,[e.createVNode(e.unref(a.Tooltip),{placement:"bottom"},{title:e.withCtx(()=>t[1]||(t[1]=[e.createElementVNode("span",null,"全部删除",-1)])),default:e.withCtx(()=>[e.createVNode(e.unref(m.default),{name:"delete1",class:e.normalizeClass(e.unref(i)("toolbar","icon")),size:18,onClick:v},null,8,["class"])]),_:1}),e.createVNode(e.unref(a.Tooltip),{placement:"bottom"},{title:e.withCtx(()=>t[2]||(t[2]=[e.createElementVNode("span",null,"查看JSON Schema",-1)])),default:e.withCtx(()=>[e.createVNode(e.unref(m.default),{name:"code",class:e.normalizeClass(e.unref(i)("toolbar","icon")),size:18,onClick:g},null,8,["class"])]),_:1}),e.createCommentVNode(` <FormIcon name="desktop" />
         <FormIcon name="mobile" /> `)]),e.createElementVNode("div",q,[e.renderSlot(o.$slots,"toolbar")])],2),e.createCommentVNode(' ref="contentTelRef" '),e.createElementVNode("div",{class:e.normalizeClass(e.unref(c)("content"))},[e.withDirectives(e.createElementVNode("div",y,[!e.unref(p)&&e.unref(l).length===0?(e.openBlock(),e.createElementBlock("div",D," 👈 请在左侧选择控件并拖至此处 ")):e.createCommentVNode("v-if",!0),e.createVNode(e.unref(a.Form),{autocomplete:"off",class:"design-from","label-align":"left"},{default:e.withCtx(()=>[e.createVNode(e.unref(w),{class:"drag-from",list:e.unref(l),group:{name:"form",put:C},animation:300,sort:!0,"item-key":"id","chosen-class":"choose",onStart:t[0]||(t[0]=n=>V(e.unref(l),n))},{item:e.withCtx(({element:n})=>[e.createElementVNode("div",z,[e.renderSlot(o.$slots,`panel-${n.key}`,{},()=>[e.createVNode(x.default,{field:n,space:e.unref(l)},null,8,["field","space"])])])]),_:3},8,["list","group"])]),_:3})],512),[[e.vShow,!r.value]]),e.withDirectives(e.createElementVNode("div",I,null,512),[[e.vShow,r.value]])],2)],2))}});exports.default=T;

package/dist/lib/src/components/form-setting.vue.js

@@ -1 +1,11 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("ant-design-vue");require("../internal.js");require("../hooks/index.js");require("./form-icon.vue.js");require("./base/collapse.vue.js");require("./props/index.js");const k=require("../context/design.js"),i=require("../hooks/use-namespace/index.js"),v=require("./base/collapse.vue2.js"),f=require("./props/form-props.vue2.js"),d=require("./form-icon.vue2.js"),g={style:{height:"100%"}},y={class:"setting-aside"},h=e.defineComponent({name:"FormSetting",__name:"form-setting",setup(B){const{checkedField:s,shared:u}=k.useInjectDesignContext(),{b:p}=i.useNamespace("setting"),{b:_}=i.useNamespace("setting-collapse"),t=e.ref(!0),m=e.computed(()=>[p(),!t.value&&_()]),o=e.computed(()=>s.value.key),a=e.computed(()=>o.value&&u.widgetProps[o.value]?u.widgetProps[o.value].component.map((c,n)=>({...c,key:n})):[]);return(c,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(m.value)},[e.createVNode(v.default,null,{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",g,[e.createElementVNode("aside",y,[e.createVNode(e.unref(r.Tabs),{size:"small",centered:"",class:"setting-tabs"},{default:e.withCtx(()=>[e.createVNode(e.unref(r.TabPane),{key:"1",tab:"组件配置"},{default:e.withCtx(()=>[Object.keys(e.unref(s)).length&&a.value.length?(e.openBlock(),e.createBlock(e.unref(r.Collapse),{key:0},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,l=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l),{key:l.key}))),128))]),_:1})):(e.openBlock(),e.createBlock(e.unref(r.Empty),{key:1,style:{"margin-top":"50px"},description:"请选择添加的组件"}))]),_:1}),e.createVNode(e.unref(r.TabPane),{key:"2",tab:"表单配置"},{default:e.withCtx(()=>[e.createVNode(e.unref(f.default))]),_:1})]),_:1})])],512),[[e.vShow,t.value]])]),_:1}),e.createElementVNode("div",{class:"setting-collapse",onClick:n[0]||(n[0]=l=>t.value=!t.value)},[t.value?(e.openBlock(),e.createBlock(d.default,{key:1,name:"double-right",size:18})):(e.openBlock(),e.createBlock(d.default,{key:0,name:"double-left",size:18}))])],2))}});exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("ant-design-vue");require("../hooks/index.js");require("./form-icon.vue.js");require("./base/collapse.vue.js");const n=require("../hooks/use-namespace/index.js"),u=require("./base/collapse.vue2.js"),l=require("./form-icon.vue2.js"),p={style:{height:"100%"}},d={class:"setting-aside"},m=e.defineComponent({name:"FormSetting",__name:"form-setting",setup(_){const{b:a}=n.useNamespace("setting"),{b:o}=n.useNamespace("setting-collapse"),t=e.ref(!0),r=e.computed(()=>[a(),!t.value&&o()]);return(i,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(r.value)},[e.createVNode(u.default,null,{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",p,[e.createElementVNode("aside",d,[e.createCommentVNode(` <Tabs size="small" centered class="setting-tabs">
+            <TabPane key="1" tab="组件配置">
+              <Collapse v-if="Object.keys(checkedField).length && CollapsePanels.length">
+                <component :is="item" v-for="item in CollapsePanels" :key="item.key" />
+              </Collapse>
+              <Empty v-else style="margin-top: 50px;" description="请选择添加的组件" />
+            </TabPane>
+            <TabPane key="2" tab="表单配置">
+              <FormProps />
+            </TabPane>
+          </Tabs> `),e.renderSlot(i.$slots,"default",{},()=>[e.createVNode(e.unref(c.Empty),{class:"setting-empty",description:"暂无配置项"})])])],512),[[e.vShow,t.value]])]),_:3}),e.createElementVNode("div",{class:"setting-collapse",onClick:s[0]||(s[0]=v=>t.value=!t.value)},[t.value?(e.openBlock(),e.createBlock(l.default,{key:1,name:"double-right",size:18})):(e.openBlock(),e.createBlock(l.default,{key:0,name:"double-left",size:18}))])],2))}});exports.default=m;

package/dist/lib/src/components/index.js

@@ -1 +1 @@
-"use strict";require("./form-material.vue2.js");require("./form-setting.vue2.js");require("./form-panel.vue2.js");require("./form-icon.vue.js");
+"use strict";require("./form-material.vue2.js");require("./form-setting.vue2.js");require("./form-panel.vue2.js");require("./form-icon.vue.js");require("./props/index.js");

package/dist/lib/src/components/props/form-config.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("ant-design-vue");require("../../internal.js");const i=require("../types.js");require("./form-props.vue.js");const l=require("./widget/index.js");require("@king-one/form-design/dist/theme-chalk/form-config.css");const p=require("../../context/design.js"),d=require("../../hooks/use-namespace/index.js"),f=require("./form-props.vue2.js"),m=e.defineComponent({__name:"form-config",props:i.FormConfigProps,setup(o){const s=o,{checkedField:c}=p.useInjectDesignContext(),r=e.computed(()=>c.value.key||""),{b:a}=d.useNamespace("form-config"),n=l.expandProps(s.expandProps);return(u,k)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(a)())},[e.createVNode(e.unref(t.Tabs),{size:"small",centered:"",class:"setting-tabs"},{default:e.withCtx(()=>[e.createVNode(e.unref(t.TabPane),{key:"1",tab:"组件配置"},{default:e.withCtx(()=>[r.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(n)[r.value]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(n)[r.value]),{key:0})):(e.openBlock(),e.createBlock(e.unref(t.Empty),{key:1,style:{"margin-top":"50px"},description:"当前组件不支持配置"}))],64)):(e.openBlock(),e.createBlock(e.unref(t.Empty),{key:1,style:{"margin-top":"50px"},description:"请选择添加的组件"}))]),_:1}),e.createVNode(e.unref(t.TabPane),{key:"2",tab:"表单配置"},{default:e.withCtx(()=>[e.renderSlot(u.$slots,"formProps",{},()=>[e.createVNode(f.default)])]),_:3})]),_:3})],2))}});exports.default=m;

package/dist/lib/src/components/props/form-config.vue2.js

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("ant-design-vue");require("../../internal.js");const a=require("../../context/design.js"),i={style:{padding:"10px"}},s=e.defineComponent({__name:"form-props",setup(c){const l=a.useInjectDesignContext().getFormProps(),r=[{value:"horizontal",label:"水平"},{value:"vertical",label:"垂直"}],u=[{value:"left",label:"左对齐"},{value:"right",label:"右对齐"}];return(p,o)=>(e.openBlock(),e.createElementBlock("div",i,[e.createCommentVNode(` :label-col="{ style: { width: '85px' } }" `),e.createVNode(e.unref(t.Form),{layout:"vertical"},{default:e.withCtx(()=>[e.createVNode(e.unref(t.FormItem),{label:"表单布局",tooltip:"表单布局"},{default:e.withCtx(()=>[e.createVNode(e.unref(t.Select),{value:e.unref(l).layout,"onUpdate:value":o[0]||(o[0]=n=>e.unref(l).layout=n),options:r},null,8,["value"])]),_:1}),e.createVNode(e.unref(t.FormItem),{label:"标签对齐方式",tooltip:"标签对齐方式"},{default:e.withCtx(()=>[e.createVNode(e.unref(t.Select),{value:e.unref(l).labelAlign,"onUpdate:value":o[1]||(o[1]=n=>e.unref(l).labelAlign=n),options:u},null,8,["value"])]),_:1})]),_:1})]))}});exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("ant-design-vue"),u={style:{padding:"10px"}},i=e.defineComponent({__name:"form-props",setup(s){const l=e.reactive({layout:"horizontal",labelAlign:"left"}),n=[{value:"horizontal",label:"水平"},{value:"vertical",label:"垂直"}],r=[{value:"left",label:"左对齐"},{value:"right",label:"右对齐"}];return(d,o)=>(e.openBlock(),e.createElementBlock("div",u,[e.createCommentVNode(` :label-col="{ style: { width: '85px' } }" `),e.createVNode(e.unref(t.Form),{layout:"vertical"},{default:e.withCtx(()=>[e.createVNode(e.unref(t.FormItem),{label:"表单布局",tooltip:"表单布局"},{default:e.withCtx(()=>[e.createVNode(e.unref(t.Select),{value:l.layout,"onUpdate:value":o[0]||(o[0]=a=>l.layout=a),options:n},null,8,["value"])]),_:1}),e.createVNode(e.unref(t.FormItem),{label:"标签对齐方式",tooltip:"标签对齐方式"},{default:e.withCtx(()=>[e.createVNode(e.unref(t.Select),{value:l.labelAlign,"onUpdate:value":o[1]||(o[1]=a=>l.labelAlign=a),options:r},null,8,["value"])]),_:1})]),_:1})]))}});exports.default=i;

package/dist/lib/src/components/props/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./form-props.vue.js");const e=require("./widget/index.js");exports.widgetProps=e.widgetProps;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./form-props.vue.js");const e=require("./widget/index.js");require("./form-config.vue2.js");exports.widgetProps=e.widgetProps;

package/dist/lib/src/components/props/widget/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./InputProps.vue.js");require("./TextareaProps.vue.js");require("./InputNumberProps.vue.js");require("./BaseProps.vue.js");const t=require("./InputProps.vue2.js"),u=require("./TextareaProps.vue2.js"),r=require("./InputNumberProps.vue2.js"),e=require("./BaseProps.vue2.js"),n={"k-input":t.default,"k-textarea":u.default,"k-input-number":r.default},p={"k-input":{component:[e.default,t.default]},"k-textarea":{component:[e.default,u.default]},"k-input-number":{component:[e.default,r.default]}};exports.components=n;exports.widgetProps=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),f=require("ant-design-vue");require("./InputProps.vue.js");require("./TextareaProps.vue.js");require("./InputNumberProps.vue.js");require("./BaseProps.vue.js");const a=require("./InputProps.vue2.js"),c=require("./TextareaProps.vue2.js"),i=require("./InputNumberProps.vue2.js"),o=require("./BaseProps.vue2.js"),m={"k-input":a.default,"k-textarea":c.default,"k-input-number":i.default},_={"k-input":{component:[o.default,a.default]},"k-textarea":{component:[o.default,c.default]},"k-input-number":{component:[o.default,i.default]}};function g(r=[]){const t={};for(const[e,l]of Object.entries(_)){const s=[...l.component];for(const p of r){const{keys:n}=p;(Array.isArray(n)?n.includes(e):n.test(e))&&s.push(p.component)}t[e]=d(e,s)}return t}function d(r,t){return u.defineComponent({name:`${r}-props`,inheritAttrs:!1,setup(){return()=>u.h(f.Collapse,null,{default:()=>t.map(e=>u.h(e))})}})}exports.components=m;exports.expandProps=g;exports.propsWidgetDecorator=d;exports.widgetProps=_;

package/dist/lib/src/components/types.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=r=>r,o={name:{type:String,required:!0},size:{type:Number},color:{type:String}},t={design:{type:Object,required:!0}},i={icon:{type:e([Object,String]),required:!0}};exports.FormDesignProps=t;exports.definePropType=e;exports.iconProps=o;exports.widgetIconProps=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=r=>r,o={name:{type:String,required:!0},size:{type:Number},color:{type:String}},t={design:{type:Object,required:!0}},n={expandProps:{type:Array,default:()=>[]}},i={icon:{type:e([Object,String]),required:!0}};exports.FormConfigProps=n;exports.FormDesignProps=t;exports.definePropType=e;exports.iconProps=o;exports.widgetIconProps=i;

package/dist/lib/src/config/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"布局组件",key:"layout",widget:[{title:"表单布局",icon:"k-form-grid",key:"form-layout",type:"void","k-component":"FormLayout"}]},t={name:"基础组件",key:"basic",widget:[{title:"输入框",key:"k-input",type:"string",icon:"form-input","k-component":"Input","k-component-props":{placeholder:"请输入"}},{title:"多文本输入框",key:"k-textarea",type:"string",icon:"form-textarea","k-component":"Textarea","k-component-props":{placeholder:"请输入"}},{title:"数字输入框",key:"k-input-number",type:"number",icon:"form-number","k-component":"InputNumber","k-component-props":{placeholder:"请输入"}},{title:"下拉选择框",key:"k-select",type:"string",icon:"form-select","k-component":"Select",enum:[{label:"选项1",value:"1"},{label:"选项2",value:"2"}],"k-component-props":{placeholder:"请选择"}}]},o={name:"扩展组件",key:"extend",widget:[{title:"对象容器",key:"k-object",type:"object",icon:"form-object","k-component":"FormLayout",children:[]},{title:"数组容器",key:"k-array-card",type:"array",icon:"form-list",children:[],"k-component":"FormLayout"},{title:"明细表",key:"k-table",type:"array",icon:"form-table","k-component":"FormLayout"}]};exports.BaseSchema=t;exports.ExtendSchema=o;exports.LayoutSchema=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"布局组件",key:"layout",widget:[{title:"表单布局",icon:"k-form-grid",key:"form-layout",type:"void","k-component":"FormLayout"}]},t={name:"基础组件",key:"basic",widget:[{title:"输入框",key:"k-input",type:"string",icon:"form-input","k-component":"Input","k-component-props":{placeholder:"请输入"}},{title:"多文本输入框",key:"k-textarea",type:"string",icon:"form-textarea","k-component":"Textarea","k-component-props":{placeholder:"请输入"}},{title:"数字输入框",key:"k-input-number",type:"number",icon:"form-number","k-component":"InputNumber","k-component-props":{placeholder:"请输入"}},{title:"下拉选择框",key:"k-select",type:"string",icon:"form-select","k-component":"Select",enum:[{label:"选项1",value:"1"},{label:"选项2",value:"2"}],"k-component-props":{placeholder:"请选择"}}]},o={name:"扩展组件",key:"extend",widget:[{title:"对象容器",key:"k-object",type:"object",icon:"form-object",children:[]},{title:"数组容器",key:"k-array-card",type:"array",icon:"form-list",children:[],"k-component":"ArrayCard"},{title:"明细表",key:"k-table",type:"array",icon:"form-table","k-component":"FormLayout"}]};exports.BaseSchema=t;exports.ExtendSchema=o;exports.LayoutSchema=e;

package/dist/lib/src/core/Design.js

@@ -1 +1 @@
-"use strict";var h=Object.defineProperty;var c=(s,e,r)=>e in s?h(s,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):s[e]=r;var t=(s,e,r)=>c(s,typeof e!="symbol"?e+"":e,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue");require("../effects/index.js");const d=require("../components/panel/index.js");require("../components/props/index.js");const g=require("../plugins/index.js"),m=require("./Heart.js"),a=require("./FormSchema.js"),p=require("../components/props/widget/index.js"),l=require("../effects/effective.js");class f{constructor(e){t(this,"schema");t(this,"heart");t(this,"plugin");t(this,"FormSchema",new a.FormSchema);t(this,"props");t(this,"checkedField",u.ref({}));t(this,"shared",{draggedContext:{key:""},panelWidgets:{},widgetProps:{}});t(this,"extendFormProps",[]);t(this,"notify",(e,...r)=>{this.heart.publish(e,...r)});const{extendFormProps:r=[],propsWidgets:i={},panelWidgets:o={},...n}=e;this.shared.panelWidgets={...d.widgetPanels,...o},this.shared.widgetProps={...p.widgetProps,...i},this.props={...n},this.schema=e.schema,this.plugin=new g.Plugin,this.heart=new m.Heart({lifecycles:this.lifecycles,context:this}),this.extendFormProps=r}use(e){this.plugin.use(e)}getFormSchema(){return this.FormSchema.getSchema()}getFieldList(){return this.FormSchema.getFieldList()}get lifecycles(){return this.props.effects?l.runEffects(this,this.props.effects):[]}getFormProps(){return this.FormSchema.formProps}get hooks(){return this.plugin.hooks}get fields(){return this.FormSchema.fields}}exports.FormDesign=f;
+"use strict";var h=Object.defineProperty;var c=(r,e,s)=>e in r?h(r,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):r[e]=s;var t=(r,e,s)=>c(r,typeof e!="symbol"?e+"":e,s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue");require("../effects/index.js");const d=require("../components/panel/index.js");require("../components/props/index.js");const g=require("../plugins/index.js"),p=require("./Heart.js"),a=require("./FormSchema.js"),l=require("../components/props/widget/index.js"),m=require("../effects/effective.js");class f{constructor(e){t(this,"schema");t(this,"heart");t(this,"plugin");t(this,"FormSchema",new a.FormSchema);t(this,"props");t(this,"checkedField",u.ref({}));t(this,"shared",{draggedContext:{key:""},panelWidgets:{},propsWidgets:{}});t(this,"extendFormProps",[]);t(this,"notify",(e,...s)=>{this.heart.publish(e,...s)});const{extendFormProps:s=[],propsWidgets:i={},panelWidgets:o={},...n}=e;this.shared.panelWidgets={...d.widgetPanels,...o},this.shared.propsWidgets={...l.widgetProps,...i},this.props={...n},this.schema=e.schema,this.plugin=new g.Plugin,this.heart=new p.Heart({lifecycles:this.lifecycles,context:this}),this.extendFormProps=s}use(e){this.plugin.use(e)}getFormSchema(){return this.FormSchema.getSchema()}getFieldList(){return this.FormSchema.getFieldList()}get lifecycles(){return this.props.effects?m.runEffects(this,this.props.effects):[]}get hooks(){return this.plugin.hooks}get fields(){return this.FormSchema.fields}}exports.FormDesign=f;

package/dist/lib/src/core/FormSchema.js

@@ -1 +1 @@
-"use strict";var a=Object.defineProperty;var l=(s,e,t)=>e in s?a(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var i=(s,e,t)=>l(s,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),c=require("@king-one/utils"),h=require("./Field.js");class m{constructor(){i(this,"version","1.0.0");i(this,"formProps",n.reactive({layout:"horizontal",labelAlign:"left"}));i(this,"fields",n.ref([]))}getSchema(){const e=n.toRaw(this.fields.value),t=n.toRaw(this.formProps),r=this.jsonToschema(e);return{version:this.version,form:{...t,schema:r}}}getFieldList(){return this.fields.value.map(e=>new h.Field(e))}jsonToschema(e,t={}){return e.forEach(r=>{const o=this.omit(r,["children"]);o.type==="object"||o.type==="void"?t[o.name]={...o,properties:this.jsonToschema(r.children)}:o.type==="array"?t[o.name]={...o,items:{type:"object",id:c.uid(),properties:this.jsonToschema(r.children)}}:t[o.name]=o}),t}omit(e,t){const r={...e};return t.forEach(o=>{delete r[o]}),r}}exports.FormSchema=m;
+"use strict";var c=Object.defineProperty;var a=(s,e,t)=>e in s?c(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var o=(s,e,t)=>a(s,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),l=require("@king-one/utils"),h=require("./Field.js");class d{constructor(){o(this,"version","1.0.0");o(this,"fields",n.ref([]))}getSchema(){const e=n.toRaw(this.fields.value),t=this.jsonToschema(e);return{version:this.version,form:{schema:t}}}getFieldList(){return this.fields.value.map(e=>new h.Field(e))}jsonToschema(e,t={}){return e.forEach(i=>{const r=this.omit(i,["children"]);r.type==="object"||r.type==="void"?t[r.name]={...r,properties:this.jsonToschema(i.children)}:r.type==="array"?t[r.name]={...r,items:{type:"object",id:l.uid(),properties:this.jsonToschema(i.children)}}:t[r.name]=r}),t}omit(e,t){const i={...e};return t.forEach(r=>{delete i[r]}),i}}exports.FormSchema=d;

package/dist/lib/src/hooks/use-monaco.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@monaco-editor/loader");function n(t){let e=null;const o=async()=>{if(!t.value)return;e=(await a.init()).editor.create(t.value,{value:"",readOnly:!0,automaticLayout:!0,scrollbar:{verticalScrollbarSize:5},theme:"vs",language:"json",selectOnLineNumbers:!0,scrollBeyondLastLine:!0,overviewRulerBorder:!1})};return{initEditor:o,setEditorValue:async r=>{e||await o(),e.setValue(JSON.stringify(r,null,2))}}}exports.useMonaco=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("monaco-editor"),a=require("monaco-editor/esm/vs/language/json/json.worker?worker"),c=require("vue");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const s=l(u);function i(e){window.MonacoEnvironment={getWorker(n,o){switch(o){case"json":return new a({name:o});default:return new Promise(()=>{})}}};let t=null;const r=async n=>{t&&t.setValue(JSON.stringify(n,null,2))};return c.onMounted(()=>{e.value&&(t=s.editor.create(e.value,{value:"",readOnly:!0,automaticLayout:!0,scrollbar:{verticalScrollbarSize:5},theme:"vs",language:"json",selectOnLineNumbers:!0,scrollBeyondLastLine:!0,overviewRulerBorder:!1}))}),{setEditorValue:r}}exports.useMonaco=i;

package/dist/lib/src/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./style/index.js");require("./components/panel/panel-item.vue2.js");const i=require("./context/design.js"),t=require("./components/form-desgin.js"),r=require("./core/index.js"),e=require("./config/index.js"),n=require("./effects/onEffects.js");exports.useInjectDesignContext=i.useInjectDesignContext;exports.FormDesign=t.default;exports.CreateFormDesign=r.CreateFormDesign;exports.BaseSchema=e.BaseSchema;exports.ExtendSchema=e.ExtendSchema;exports.LayoutSchema=e.LayoutSchema;exports.onDesignFieldChange=n.onDesignFieldChange;exports.onDesignInit=n.onDesignInit;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./style/index.js");require("./components/panel/panel-item.vue2.js");const i=require("./context/design.js"),t=require("./components/form-desgin.js"),r=require("./core/index.js");require("./components/index.js");const e=require("./config/index.js"),n=require("./effects/onEffects.js");exports.useInjectDesignContext=i.useInjectDesignContext;exports.FormDesign=t.default;exports.CreateFormDesign=r.CreateFormDesign;exports.BaseSchema=e.BaseSchema;exports.ExtendSchema=e.ExtendSchema;exports.LayoutSchema=e.LayoutSchema;exports.onDesignFieldChange=n.onDesignFieldChange;exports.onDesignInit=n.onDesignInit;

package/dist/theme-chalk/form-config.css

@@ -0,0 +1 @@
+.k-design-form-config .setting-tabs{height:100%}.k-design-form-config .setting-tabs .ant-tabs-content{height:100%;overflow:auto}.k-design-form-config .ant-collapse{border-radius:0;border-left:none;border-right:none}.k-design-form-config .ant-collapse-header{padding:5px 10px!important}.k-design-form-config .ant-collapse-item{border-radius:0!important}

package/dist/theme-chalk/icon.css

@@ -1 +1 @@
-@font-face{font-family:iconfont-design;src:url(fonts/iconfont.woff2?t=38044) format("woff2"),url(fonts/iconfont.woff?t=20180) format("woff"),url(fonts/iconfont.ttf?t=24355) format("truetype")}.k-design-icon{font-family:iconfont-design!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-from-design-exclamation-circle-filled:before{content:"\e670"}.icon-from-design-exclamation-circle:before{content:"\e660"}.icon-from-design-form-object:before{content:"\e666"}.icon-from-design-form-list:before{content:"\e667"}.icon-from-design-form-table:before{content:"\e66f"}.icon-from-design-copy:before{content:"\e65d"}.icon-from-design-form-radio:before{content:"\e698"}.icon-from-design-form-daterange:before{content:"\e699"}.icon-from-design-form-money:before{content:"\e69a"}.icon-from-design-form-kit-leave:before{content:"\e69b"}.icon-from-design-form-kit-reimbursement:before{content:"\e69c"}.icon-from-design-form-kit-out:before{content:"\e69d"}.icon-from-design-form-kit-replenish:before{content:"\e69e"}.icon-from-design-form-kit-overtime:before{content:"\e69f"}.icon-from-design-form-number:before{content:"\e6a0"}.icon-from-design-form-textarea:before{content:"\e6a1"}.icon-from-design-form-select:before{content:"\e6a2"}.icon-from-design-form-kit-transfer:before{content:"\e6a3"}.icon-from-design-form-right:before{content:"\e6a4"}.icon-from-design-form-checkbox:before{content:"\e687"}.icon-from-design-form-area:before{content:"\e688"}.icon-from-design-form-del:before{content:"\e689"}.icon-from-design-form-contact-person:before{content:"\e68a"}.icon-from-design-form-default:before{content:"\e68b"}.icon-from-design-form-date:before{content:"\e68c"}.icon-from-design-form-drag:before{content:"\e68d"}.icon-from-design-form-desctext:before{content:"\e68e"}.icon-from-design-form-fileupload:before{content:"\e68f"}.icon-from-design-form-input:before{content:"\e690"}.icon-from-design-form-grid:before{content:"\e691"}.icon-from-design-form-imgupload:before{content:"\e692"}.icon-from-design-form-hot-city:before{content:"\e693"}.icon-from-design-form-kit-leave-2:before{content:"\e694"}.icon-from-design-form-inputNumber:before{content:"\e695"}.icon-from-design-form-kit-business-trip:before{content:"\e696"}.icon-from-design-shouzhixiangyou:before{content:"\e615"}.icon-from-design-xiangzuohuangse:before{content:"\e60a"}.icon-from-design-code:before{content:"\e65a"}.icon-from-design-desktop:before{content:"\e65b"}.icon-from-design-delete1:before{content:"\e65c"}.icon-from-design-double-left:before{content:"\e65e"}.icon-from-design-double-right:before{content:"\e65f"}.icon-from-design-mobile:before{content:"\e668"}.icon-from-design-question-circle:before{content:"\e66c"}.icon-from-design-sound:before{content:"\e672"}
+@font-face{font-family:iconfont-design;src:url(fonts/iconfont.woff2?t=55242) format("woff2"),url(fonts/iconfont.woff?t=53702) format("woff"),url(fonts/iconfont.ttf?t=42043) format("truetype")}.k-design-icon{font-family:iconfont-design!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-from-design-exclamation-circle-filled:before{content:"\e670"}.icon-from-design-exclamation-circle:before{content:"\e660"}.icon-from-design-form-object:before{content:"\e666"}.icon-from-design-form-list:before{content:"\e667"}.icon-from-design-form-table:before{content:"\e66f"}.icon-from-design-copy:before{content:"\e65d"}.icon-from-design-form-radio:before{content:"\e698"}.icon-from-design-form-daterange:before{content:"\e699"}.icon-from-design-form-money:before{content:"\e69a"}.icon-from-design-form-kit-leave:before{content:"\e69b"}.icon-from-design-form-kit-reimbursement:before{content:"\e69c"}.icon-from-design-form-kit-out:before{content:"\e69d"}.icon-from-design-form-kit-replenish:before{content:"\e69e"}.icon-from-design-form-kit-overtime:before{content:"\e69f"}.icon-from-design-form-number:before{content:"\e6a0"}.icon-from-design-form-textarea:before{content:"\e6a1"}.icon-from-design-form-select:before{content:"\e6a2"}.icon-from-design-form-kit-transfer:before{content:"\e6a3"}.icon-from-design-form-right:before{content:"\e6a4"}.icon-from-design-form-checkbox:before{content:"\e687"}.icon-from-design-form-area:before{content:"\e688"}.icon-from-design-form-del:before{content:"\e689"}.icon-from-design-form-contact-person:before{content:"\e68a"}.icon-from-design-form-default:before{content:"\e68b"}.icon-from-design-form-date:before{content:"\e68c"}.icon-from-design-form-drag:before{content:"\e68d"}.icon-from-design-form-desctext:before{content:"\e68e"}.icon-from-design-form-fileupload:before{content:"\e68f"}.icon-from-design-form-input:before{content:"\e690"}.icon-from-design-form-grid:before{content:"\e691"}.icon-from-design-form-imgupload:before{content:"\e692"}.icon-from-design-form-hot-city:before{content:"\e693"}.icon-from-design-form-kit-leave-2:before{content:"\e694"}.icon-from-design-form-inputNumber:before{content:"\e695"}.icon-from-design-form-kit-business-trip:before{content:"\e696"}.icon-from-design-shouzhixiangyou:before{content:"\e615"}.icon-from-design-xiangzuohuangse:before{content:"\e60a"}.icon-from-design-code:before{content:"\e65a"}.icon-from-design-desktop:before{content:"\e65b"}.icon-from-design-delete1:before{content:"\e65c"}.icon-from-design-double-left:before{content:"\e65e"}.icon-from-design-double-right:before{content:"\e65f"}.icon-from-design-mobile:before{content:"\e668"}.icon-from-design-question-circle:before{content:"\e66c"}.icon-from-design-sound:before{content:"\e672"}

package/dist/theme-chalk/index.css

@@ -1 +1 @@
-:root{--king-color-white:#ffffff;--king-color-primary:#409eff;--king-color-primary-light-3:#79bbff;--king-color-primary-light-5:#a0cfff;--king-color-primary-light-7:#c6e2ff;--king-color-primary-light-8:#d9ecff;--king-color-primary-light-9:#ecf5ff;--king-color-success:#67c23a;--king-color-success-light-3:#95d475;--king-color-success-light-5:#b3e19d;--king-color-success-light-7:#d1edc4;--king-color-success-light-8:#e1f3d8;--king-color-success-light-9:#f0f9eb;--king-color-warning:#e6a23c;--king-color-warning-light-3:#eebe77;--king-color-warning-light-5:#f3d19e;--king-color-warning-light-7:#f8e3c5;--king-color-warning-light-8:#faecd8;--king-color-warning-light-9:#fdf6ec;--king-color-danger:#f56c6c;--king-color-danger-light-3:#f89898;--king-color-danger-light-5:#fab6b6;--king-color-danger-light-7:#fcd3d3;--king-color-danger-light-8:#fde2e2;--king-color-danger-light-9:#fef0f0;--king-color-error:#f56c6c;--king-color-error-light-3:#f89898;--king-color-error-light-5:#fab6b6;--king-color-error-light-7:#fcd3d3;--king-color-error-light-8:#fde2e2;--king-color-error-light-9:#fef0f0;--king-color-info:#909399;--king-color-info-light-3:#b1b3b8;--king-color-info-light-5:#c8c9cc;--king-color-info-light-7:#dedfe0;--king-color-info-light-8:#e9e9eb;--king-color-info-light-9:#f4f4f5;--king-transition-duration:0.3s}.k-design-main{width:100%;height:100%;display:flex;background:#f8f8f8;overflow:hidden;overflow-x:auto;font-size:13px;text-align:initial}.k-design-main,.k-design-main *{box-sizing:border-box}.k-design-material{flex:0 0 320px;height:100%;border:1px solid var(--king-color-info-light-7)}.k-design-material .k-design-toolbar{height:50px;display:flex;justify-content:center;align-items:center}.k-design-material .k-design-toolbar .toolbar-button{width:120px;text-align:center}.k-design-material .k-design-widget{padding:0 10px}.k-design-material .k-design-widget .widget-group-name{color:var(--king-color-info);font-size:14px;margin:10px 0}.k-design-material .k-design-widget .widget-list-drag{display:flex;flex-flow:row wrap;margin-left:-5px;margin-right:-5px;row-gap:10px}.k-design-material .k-design-widget .widget-col{padding-left:5px;padding-right:5px;width:50%}.k-design-material .k-design-widget .widget-col .widget-item{display:flex;align-items:center;padding:8px 10px;background:#fff;border:1px solid var(--king-color-info-light-9);border-radius:5px;cursor:pointer;font-size:13px}.k-design-material .k-design-widget .widget-item:hover{color:var(--king-color-primary);border-color:var(--king-color-primary-light-3)}.k-design-material .k-design-widget .widget-item-icon{margin-right:5px}.k-design-setting{flex:0;height:100%;border:1px solid var(--king-color-info-light-7);position:relative;background:#fff}.k-design-setting .setting-aside{height:100%;width:320px}.k-design-setting .setting-tabs{height:100%}.k-design-setting .setting-tabs .ant-tabs-content{height:100%;overflow:auto}.k-design-setting .setting-collapse{position:absolute;left:-25px;top:8px;cursor:pointer}.k-design-setting .ant-collapse{border-radius:0;border-left:none;border-right:none}.k-design-setting .ant-collapse-header{padding:5px 10px!important}.k-design-setting .ant-collapse-item{border-radius:0!important}.k-design-setting-collapse{border-left:none}.k-design-component-props .props-error{color:var(--king-color-danger)}.form-design-collapse-enter-active,.form-design-collapse-leave-active{transition:var(--form-design-collapse-duration) max-width linear,var(--form-design-collapse-duration) padding-left linear,var(--form-design-collapse-duration) padding-right linear}:root{--form-design-collapse-duration:0.3s}.k-design-panel{flex:1;min-width:800px;border-top:1px solid var(--king-color-info-light-7);border-bottom:1px solid var(--king-color-info-light-7);display:flex;flex-direction:column}.k-design-panel .k-design-panel__toolbar{min-height:38px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:5px 10px;border-bottom:1px solid var(--king-color-info-light-9)}.k-design-panel .k-design-panel__toolbar .k-design-panel__toolbar--icon{cursor:pointer;margin-right:5px}.k-design-panel .k-design-panel__toolbar .right{padding-right:25px;display:flex;align-items:center}.k-design-panel .k-design-panel__content{flex:1;overflow:hidden;position:relative}.k-design-panel .k-design-panel__content .design-from{height:100%}.k-design-panel .k-design-panel__content .content-panel{height:100%;overflow:auto}.k-design-panel .k-design-panel__content .content-panel .prompt{margin:0 auto;width:65%;max-width:400px;padding:35px 20px;border-radius:10px;border:1px dashed rgba(25,31,37,.12);margin-top:50px;text-align:center;font-size:14px;color:#7a7a7a}.k-design-panel .k-design-panel__content .content-editor{height:100%;overflow:hidden}.k-design-panel .k-design-panel__content .drag-from{min-height:100%;padding-bottom:20px}.k-design-panel .k-design-panel__content .drag-from .widget-col{background-color:#fff}.k-design-panel .k-design-panel__content .drag-from .widget-col .widget-item{display:flex;padding:10px}.k-design-panel .k-design-panel__content .drag-from .widget-col .widget-item .widget-item-icon{margin-right:5px}@font-face{font-family:iconfont-design;src:url(fonts/iconfont.woff2?t=23953) format("woff2"),url(fonts/iconfont.woff?t=41490) format("woff"),url(fonts/iconfont.ttf?t=37597) format("truetype")}.k-design-icon{font-family:iconfont-design!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-from-design-exclamation-circle-filled:before{content:"\e670"}.icon-from-design-exclamation-circle:before{content:"\e660"}.icon-from-design-form-object:before{content:"\e666"}.icon-from-design-form-list:before{content:"\e667"}.icon-from-design-form-table:before{content:"\e66f"}.icon-from-design-copy:before{content:"\e65d"}.icon-from-design-form-radio:before{content:"\e698"}.icon-from-design-form-daterange:before{content:"\e699"}.icon-from-design-form-money:before{content:"\e69a"}.icon-from-design-form-kit-leave:before{content:"\e69b"}.icon-from-design-form-kit-reimbursement:before{content:"\e69c"}.icon-from-design-form-kit-out:before{content:"\e69d"}.icon-from-design-form-kit-replenish:before{content:"\e69e"}.icon-from-design-form-kit-overtime:before{content:"\e69f"}.icon-from-design-form-number:before{content:"\e6a0"}.icon-from-design-form-textarea:before{content:"\e6a1"}.icon-from-design-form-select:before{content:"\e6a2"}.icon-from-design-form-kit-transfer:before{content:"\e6a3"}.icon-from-design-form-right:before{content:"\e6a4"}.icon-from-design-form-checkbox:before{content:"\e687"}.icon-from-design-form-area:before{content:"\e688"}.icon-from-design-form-del:before{content:"\e689"}.icon-from-design-form-contact-person:before{content:"\e68a"}.icon-from-design-form-default:before{content:"\e68b"}.icon-from-design-form-date:before{content:"\e68c"}.icon-from-design-form-drag:before{content:"\e68d"}.icon-from-design-form-desctext:before{content:"\e68e"}.icon-from-design-form-fileupload:before{content:"\e68f"}.icon-from-design-form-input:before{content:"\e690"}.icon-from-design-form-grid:before{content:"\e691"}.icon-from-design-form-imgupload:before{content:"\e692"}.icon-from-design-form-hot-city:before{content:"\e693"}.icon-from-design-form-kit-leave-2:before{content:"\e694"}.icon-from-design-form-inputNumber:before{content:"\e695"}.icon-from-design-form-kit-business-trip:before{content:"\e696"}.icon-from-design-shouzhixiangyou:before{content:"\e615"}.icon-from-design-xiangzuohuangse:before{content:"\e60a"}.icon-from-design-code:before{content:"\e65a"}.icon-from-design-desktop:before{content:"\e65b"}.icon-from-design-delete1:before{content:"\e65c"}.icon-from-design-double-left:before{content:"\e65e"}.icon-from-design-double-right:before{content:"\e65f"}.icon-from-design-mobile:before{content:"\e668"}.icon-from-design-question-circle:before{content:"\e66c"}.icon-from-design-sound:before{content:"\e672"}.k-design-panel-item{cursor:move;border:1px dashed transparent;padding:10px;background-color:#fff;margin-bottom:10px;position:relative}.k-design-panel-item .k-design-panel-item__form{margin-bottom:0;cursor:move}.k-design-panel-item .k-design-panel-item__form *{cursor:move}.k-design-panel-item .k-design-panel-item__error{color:var(--king-color-error)}.k-design-panel-item .icons{position:absolute;right:0;bottom:0;background-color:#fff;border:1px solid var(--king-color-primary);border-bottom:0;border-right:0;padding:0 7px;cursor:pointer;border-top-left-radius:10px}.k-design-panel-item .icons .panel-icon{color:var(--king-color-primary);cursor:pointer}.k-design-panel-item .icons .panel-icon{margin-right:5px}.k-design-panel-item .icons .panel-exclamation-icon{color:var(--king-color-error)}.k-design-panel-item--active{border-color:var(--king-color-primary);border-left:4px solid var(--king-color-primary)}.k-design-panel-item--error{border-color:var(--king-color-error)}.k-design-panel-item--error .icons{border-color:var(--king-color-error)}.k-design-panel-drag{min-height:60px;background-color:#f5f6f6;padding:10px 5px}
+:root{--king-color-white:#ffffff;--king-color-primary:#409eff;--king-color-primary-light-3:#79bbff;--king-color-primary-light-5:#a0cfff;--king-color-primary-light-7:#c6e2ff;--king-color-primary-light-8:#d9ecff;--king-color-primary-light-9:#ecf5ff;--king-color-success:#67c23a;--king-color-success-light-3:#95d475;--king-color-success-light-5:#b3e19d;--king-color-success-light-7:#d1edc4;--king-color-success-light-8:#e1f3d8;--king-color-success-light-9:#f0f9eb;--king-color-warning:#e6a23c;--king-color-warning-light-3:#eebe77;--king-color-warning-light-5:#f3d19e;--king-color-warning-light-7:#f8e3c5;--king-color-warning-light-8:#faecd8;--king-color-warning-light-9:#fdf6ec;--king-color-danger:#f56c6c;--king-color-danger-light-3:#f89898;--king-color-danger-light-5:#fab6b6;--king-color-danger-light-7:#fcd3d3;--king-color-danger-light-8:#fde2e2;--king-color-danger-light-9:#fef0f0;--king-color-error:#f56c6c;--king-color-error-light-3:#f89898;--king-color-error-light-5:#fab6b6;--king-color-error-light-7:#fcd3d3;--king-color-error-light-8:#fde2e2;--king-color-error-light-9:#fef0f0;--king-color-info:#909399;--king-color-info-light-3:#b1b3b8;--king-color-info-light-5:#c8c9cc;--king-color-info-light-7:#dedfe0;--king-color-info-light-8:#e9e9eb;--king-color-info-light-9:#f4f4f5;--king-transition-duration:0.3s}.k-design-main{width:100%;height:100%;display:flex;background:#f8f8f8;overflow:hidden;overflow-x:auto;font-size:13px;text-align:initial}.k-design-main,.k-design-main *{box-sizing:border-box}.k-design-material{flex:0 0 320px;height:100%;border:1px solid var(--king-color-info-light-7)}.k-design-material .k-design-toolbar{height:50px;display:flex;justify-content:center;align-items:center}.k-design-material .k-design-toolbar .toolbar-button{width:120px;text-align:center}.k-design-material .k-design-widget{padding:0 10px}.k-design-material .k-design-widget .widget-group-name{color:var(--king-color-info);font-size:14px;margin:10px 0}.k-design-material .k-design-widget .widget-list-drag{display:flex;flex-flow:row wrap;margin-left:-5px;margin-right:-5px;row-gap:10px}.k-design-material .k-design-widget .widget-col{padding-left:5px;padding-right:5px;width:50%}.k-design-material .k-design-widget .widget-col .widget-item{display:flex;align-items:center;padding:8px 10px;background:#fff;border:1px solid var(--king-color-info-light-9);border-radius:5px;cursor:pointer;font-size:13px}.k-design-material .k-design-widget .widget-item:hover{color:var(--king-color-primary);border-color:var(--king-color-primary-light-3)}.k-design-material .k-design-widget .widget-item-icon{margin-right:5px}.k-design-setting{flex:0;height:100%;border:1px solid var(--king-color-info-light-7);position:relative;background:#fff}.k-design-setting .setting-aside{height:100%;width:320px}.k-design-setting .setting-aside .setting-empty{margin-top:50px}.k-design-setting .setting-collapse{position:absolute;left:-25px;top:8px;cursor:pointer;border-left:none}.form-design-collapse-enter-active,.form-design-collapse-leave-active{transition:var(--form-design-collapse-duration) max-width linear,var(--form-design-collapse-duration) padding-left linear,var(--form-design-collapse-duration) padding-right linear}:root{--form-design-collapse-duration:0.3s}.k-design-panel{flex:1;min-width:800px;border-top:1px solid var(--king-color-info-light-7);border-bottom:1px solid var(--king-color-info-light-7);display:flex;flex-direction:column}.k-design-panel .k-design-panel__toolbar{min-height:38px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:5px 10px;border-bottom:1px solid var(--king-color-info-light-9)}.k-design-panel .k-design-panel__toolbar .k-design-panel__toolbar--icon{cursor:pointer;margin-right:5px}.k-design-panel .k-design-panel__toolbar .right{padding-right:25px;display:flex;align-items:center}.k-design-panel .k-design-panel__content{flex:1;overflow:hidden;position:relative}.k-design-panel .k-design-panel__content .design-from{height:100%}.k-design-panel .k-design-panel__content .content-panel{height:100%;overflow:auto}.k-design-panel .k-design-panel__content .content-panel .prompt{margin:0 auto;width:65%;max-width:400px;padding:35px 20px;border-radius:10px;border:1px dashed rgba(25,31,37,.12);margin-top:50px;text-align:center;font-size:14px;color:#7a7a7a}.k-design-panel .k-design-panel__content .content-editor{height:100%;overflow:hidden}.k-design-panel .k-design-panel__content .drag-from{min-height:100%;padding-bottom:20px}.k-design-panel .k-design-panel__content .drag-from .widget-col{background-color:#fff}.k-design-panel .k-design-panel__content .drag-from .widget-col .widget-item{display:flex;padding:10px}.k-design-panel .k-design-panel__content .drag-from .widget-col .widget-item .widget-item-icon{margin-right:5px}@font-face{font-family:iconfont-design;src:url(fonts/iconfont.woff2?t=10161) format("woff2"),url(fonts/iconfont.woff?t=30856) format("woff"),url(fonts/iconfont.ttf?t=48244) format("truetype")}.k-design-icon{font-family:iconfont-design!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-from-design-exclamation-circle-filled:before{content:"\e670"}.icon-from-design-exclamation-circle:before{content:"\e660"}.icon-from-design-form-object:before{content:"\e666"}.icon-from-design-form-list:before{content:"\e667"}.icon-from-design-form-table:before{content:"\e66f"}.icon-from-design-copy:before{content:"\e65d"}.icon-from-design-form-radio:before{content:"\e698"}.icon-from-design-form-daterange:before{content:"\e699"}.icon-from-design-form-money:before{content:"\e69a"}.icon-from-design-form-kit-leave:before{content:"\e69b"}.icon-from-design-form-kit-reimbursement:before{content:"\e69c"}.icon-from-design-form-kit-out:before{content:"\e69d"}.icon-from-design-form-kit-replenish:before{content:"\e69e"}.icon-from-design-form-kit-overtime:before{content:"\e69f"}.icon-from-design-form-number:before{content:"\e6a0"}.icon-from-design-form-textarea:before{content:"\e6a1"}.icon-from-design-form-select:before{content:"\e6a2"}.icon-from-design-form-kit-transfer:before{content:"\e6a3"}.icon-from-design-form-right:before{content:"\e6a4"}.icon-from-design-form-checkbox:before{content:"\e687"}.icon-from-design-form-area:before{content:"\e688"}.icon-from-design-form-del:before{content:"\e689"}.icon-from-design-form-contact-person:before{content:"\e68a"}.icon-from-design-form-default:before{content:"\e68b"}.icon-from-design-form-date:before{content:"\e68c"}.icon-from-design-form-drag:before{content:"\e68d"}.icon-from-design-form-desctext:before{content:"\e68e"}.icon-from-design-form-fileupload:before{content:"\e68f"}.icon-from-design-form-input:before{content:"\e690"}.icon-from-design-form-grid:before{content:"\e691"}.icon-from-design-form-imgupload:before{content:"\e692"}.icon-from-design-form-hot-city:before{content:"\e693"}.icon-from-design-form-kit-leave-2:before{content:"\e694"}.icon-from-design-form-inputNumber:before{content:"\e695"}.icon-from-design-form-kit-business-trip:before{content:"\e696"}.icon-from-design-shouzhixiangyou:before{content:"\e615"}.icon-from-design-xiangzuohuangse:before{content:"\e60a"}.icon-from-design-code:before{content:"\e65a"}.icon-from-design-desktop:before{content:"\e65b"}.icon-from-design-delete1:before{content:"\e65c"}.icon-from-design-double-left:before{content:"\e65e"}.icon-from-design-double-right:before{content:"\e65f"}.icon-from-design-mobile:before{content:"\e668"}.icon-from-design-question-circle:before{content:"\e66c"}.icon-from-design-sound:before{content:"\e672"}.k-design-panel-item{cursor:move;border:1px dashed transparent;padding:10px;background-color:#fff;margin-bottom:10px;position:relative}.k-design-panel-item .k-design-panel-item__form{margin-bottom:0;cursor:move}.k-design-panel-item .k-design-panel-item__form *{cursor:move}.k-design-panel-item .k-design-panel-item__error{color:var(--king-color-error)}.k-design-panel-item .icons{position:absolute;right:0;bottom:0;background-color:#fff;border:1px solid var(--king-color-primary);border-bottom:0;border-right:0;padding:0 7px;cursor:pointer;border-top-left-radius:10px}.k-design-panel-item .icons .panel-icon{color:var(--king-color-primary);cursor:pointer}.k-design-panel-item .icons .panel-icon{margin-right:5px}.k-design-panel-item .icons .panel-exclamation-icon{color:var(--king-color-error)}.k-design-panel-item--active{border-color:var(--king-color-primary);border-left:4px solid var(--king-color-primary)}.k-design-panel-item--error{border-color:var(--king-color-error)}.k-design-panel-item--error .icons{border-color:var(--king-color-error)}.k-design-panel-drag{min-height:60px;background-color:#f5f6f6;padding:10px 5px}

package/dist/theme-chalk/setting.css

@@ -1 +1 @@
-.k-design-setting{flex:0;height:100%;border:1px solid var(--king-color-info-light-7);position:relative;background:#fff}.k-design-setting .setting-aside{height:100%;width:320px}.k-design-setting .setting-tabs{height:100%}.k-design-setting .setting-tabs .ant-tabs-content{height:100%;overflow:auto}.k-design-setting .setting-collapse{position:absolute;left:-25px;top:8px;cursor:pointer}.k-design-setting .ant-collapse{border-radius:0;border-left:none;border-right:none}.k-design-setting .ant-collapse-header{padding:5px 10px!important}.k-design-setting .ant-collapse-item{border-radius:0!important}.k-design-setting-collapse{border-left:none}.k-design-component-props .props-error{color:var(--king-color-danger)}
+.k-design-setting{flex:0;height:100%;border:1px solid var(--king-color-info-light-7);position:relative;background:#fff}.k-design-setting .setting-aside{height:100%;width:320px}.k-design-setting .setting-aside .setting-empty{margin-top:50px}.k-design-setting .setting-collapse{position:absolute;left:-25px;top:8px;cursor:pointer;border-left:none}

package/dist/types/src/components/form-setting.vue.d.ts

@@ -1,3 +1,17 @@
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -2,3 +2,4 @@ export { default as FormMaterial } from './form-material.vue';
 export { default as FormSetting } from './form-setting.vue';
 export { default as FormPanel } from './form-panel.vue';
 export { default as FormIcon } from './form-icon.vue';
+export { FormConfig } from './props';

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

@@ -1,2 +1,2 @@
-import { WidgetComponentType } from '../../types';
-export declare const widgetPanels: Record<string, WidgetComponentType>;
+import { ComponentWidgetType } from '../../types';
+export declare const widgetPanels: Record<string, ComponentWidgetType>;

package/dist/types/src/components/props/form-config.vue.d.ts

@@ -0,0 +1,30 @@
+import { DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { ExpandPropsType } from '../types';
+declare function __VLS_template(): {
+    slots: {
+        formProps?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<ExtractPropTypes<{
+    readonly expandProps: {
+        readonly type: PropType< ExpandPropsType[]>;
+        readonly default: () => never[];
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    readonly expandProps: {
+        readonly type: PropType< ExpandPropsType[]>;
+        readonly default: () => never[];
+    };
+}>> & Readonly<{}>, {
+    readonly expandProps: ExpandPropsType[];
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,2 +1,3 @@
 export { default as FormProps } from './form-props.vue';
 export { widgetProps } from './widget';
+export { default as FormConfig } from './form-config.vue';

package/dist/types/src/components/props/widget/index.d.ts

@@ -1,8 +1,13 @@
-import { WidgetsPropsType } from '@king-one/form-design/src/types';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PropsWidgetType } from '@king-one/form-design/src/types';
+import { Component, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, VNode, RendererNode, RendererElement } from 'vue';
+import { ExpandPropsType } from '../../types';
 export declare const components: {
     'k-input': DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
     'k-textarea': DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
     'k-input-number': DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 };
-export declare const widgetProps: Record<string, WidgetsPropsType>;
+export declare const widgetProps: Record<string, PropsWidgetType>;
+export declare function expandProps(expandSchema?: ExpandPropsType[]): Record<string, Component>;
+export declare function propsWidgetDecorator(key: string, components: Component[]): DefineComponent<{}, () => VNode<RendererNode, RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;

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

@@ -1,5 +1,9 @@
 import { FormDesignInstance } from '@king-one/form-design/src/types';
-import { PropType, VNode, RendererNode, RendererElement } from 'vue';
+import { Component, PropType, VNode, RendererNode, RendererElement } from 'vue';
+export interface ExpandPropsType {
+    component: Component;
+    keys: Array<string> | RegExp;
+}
 export declare const definePropType: <T>(val: any) => PropType<T>;
 export declare const iconProps: {
     readonly name: {
@@ -19,6 +23,12 @@ export declare const FormDesignProps: {
         readonly required: true;
     };
 };
+export declare const FormConfigProps: {
+    readonly expandProps: {
+        readonly type: PropType<ExpandPropsType[]>;
+        readonly default: () => never[];
+    };
+};
 export declare const widgetIconProps: {
     readonly icon: {
         readonly type: PropType<string | VNode< RendererNode, RendererElement, {

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

@@ -1,5 +1,5 @@
-import { DesignParams, DesignSchema, FieldSchema, FormDesignPlugin, WidgetComponentType, WidgetsPropsType, valueType, FormProps } from '@king-one/form-design/src/types';
-import { Ref, VNode, CSSProperties } from 'vue';
+import { ComponentWidgetType, DesignParams, DesignSchema, FieldSchema, FormDesignPlugin, PropsWidgetType, valueType } from '@king-one/form-design/src/types';
+import { Ref, VNode } from 'vue';
 import { Field } from './Field';
 import { SyncBailHook, UnsetAdditionalOptions } from '@king-one/tapable';
 export declare class FormDesign {
@@ -18,7 +18,7 @@ export declare class FormDesign {
             title: string;
             key: string;
             type: valueType;
-            'k-component': string;
+            'k-component'?: string | undefined;
             enum?: any[] | undefined;
             items?: any[] | undefined;
             children?: any[] | undefined;
@@ -43,7 +43,7 @@ export declare class FormDesign {
             title: string;
             key: string;
             type: valueType;
-            'k-component': string;
+            'k-component'?: string | undefined;
             enum?: any[] | undefined;
             items?: any[] | undefined;
             children?: any[] | undefined;
@@ -90,7 +90,7 @@ export declare class FormDesign {
             title: string;
             key: string;
             type: valueType;
-            'k-component': string;
+            'k-component'?: string | undefined;
             enum?: any[] | undefined;
             items?: any[] | undefined;
             children?: any[] | undefined;
@@ -115,7 +115,7 @@ export declare class FormDesign {
             title: string;
             key: string;
             type: valueType;
-            'k-component': string;
+            'k-component'?: string | undefined;
             enum?: any[] | undefined;
             items?: any[] | undefined;
             children?: any[] | undefined;
@@ -157,8 +157,8 @@ export declare class FormDesign {
         draggedContext: {
             key: string;
         };
-        panelWidgets: Record<string, WidgetComponentType>;
-        widgetProps: Record<string, WidgetsPropsType>;
+        panelWidgets: Record<string, ComponentWidgetType>;
+        propsWidgets: Record<string, PropsWidgetType>;
     };
     extendFormProps: NonNullable<DesignParams["extendFormProps"]>;
     constructor(params: DesignParams);
@@ -168,14 +168,10 @@ export declare class FormDesign {
         version: string;
         form: {
             schema: {};
-            layout: "horizontal" | "vertical";
-            labelAlign: "left" | "right" | "top";
-            style?: CSSProperties;
         };
     };
     getFieldList(): Field[];
     private get lifecycles();
-    getFormProps(): FormProps;
     get hooks(): {
         beforeDelete: SyncBailHook<FieldSchema, boolean, UnsetAdditionalOptions>;
     };
@@ -183,7 +179,7 @@ export declare class FormDesign {
         title: string;
         key: string;
         type: valueType;
-        'k-component': string;
+        'k-component'?: string | undefined;
         enum?: any[] | undefined;
         items?: any[] | undefined;
         children?: any[] | undefined;
@@ -207,7 +203,7 @@ export declare class FormDesign {
         title: string;
         key: string;
         type: valueType;
-        'k-component': string;
+        'k-component'?: string | undefined;
         enum?: any[] | undefined;
         items?: any[] | undefined;
         children?: any[] | undefined;