@king-one/form-design 0.0.1

package/dist/lib/src/components/props/base-props.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");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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1 @@
+"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

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

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

@@ -0,0 +1 @@
+"use strict";require("./base-props.vue2.js");require("./component-props.vue2.js");

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

@@ -0,0 +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;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"布局组件",key:"layout",widget:[{title:"表单布局",icon:"form-grid",key:"form-layout",type:"void","k-component":"FormLayout"}]},t={name:"基础组件",key:"basic",widget:[{title:"输入框",key:"input",type:"string",icon:"form-input","k-component":"Input","k-component-props":{placeholder:"请输入"}},{title:"多文本输入框",key:"textarea",type:"string",icon:"form-textarea","k-component":"Textarea","k-component-props":{placeholder:"请输入"}},{title:"数字输入框",key:"input-number",type:"number",icon:"form-number","k-component":"InputNumber","k-component-props":{placeholder:"请输入"}}]};exports.BaseSchema=t;exports.LayoutSchema=e;

package/dist/lib/src/context/design.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=Symbol("DragSymbol");function r(t){return e.provide(n,t)}function i(){return e.inject(n,{isDrag:e.ref(!1),updateDrag:()=>{}})}const o=Symbol("DesignContext");function u(t){return e.provide(o,t)}function s(){return e.inject(o)}exports.useInjectDesignContext=s;exports.useInjectDragContext=i;exports.useProvideDesignContext=u;exports.useProvideDragContext=r;

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

@@ -0,0 +1 @@
+"use strict";var c=Object.defineProperty;var p=(r,e,t)=>e in r?c(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t;var s=(r,e,t)=>p(r,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue");require("../effects/index.js");const m=require("../components/panel/index.js"),h=require("./Heart.js"),a=require("./FormSchema.js"),u=require("../effects/effective.js");class f{constructor(e){s(this,"schema");s(this,"heart");s(this,"FormSchema",new a.FormSchema);s(this,"props");s(this,"checkedField",i.ref({}));const{propsComponents:t,panelComponents:o,...n}=e;this.props={propsComponents:{...t},panelComponents:{...m.panels,...o},...n},this.schema=e.schema,this.heart=new h.Heart({lifecycles:this.lifecycles,context:this})}get lifecycles(){return this.props.effects?u.runEffects(this,this.props.effects):[]}getFormSchema(){return this.FormSchema.getSchema()}get formProps(){return this.FormSchema.formProps}get fields(){return this.FormSchema.fields}get propsComponents(){return this.props.propsComponents}get panelComponents(){return this.props.panelComponents}}exports.FormDesign=f;

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

@@ -0,0 +1 @@
+"use strict";var i=Object.defineProperty;var a=(o,e,r)=>e in o?i(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r;var t=(o,e,r)=>a(o,typeof e!="symbol"?e+"":e,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue");class l{constructor(){t(this,"version","1.0.0");t(this,"formProps",s.reactive({layout:"horizontal",labelAlign:"left"}));t(this,"fields",s.ref([]))}getSchema(){const e=s.toRaw(this.fields.value),r=s.toRaw(this.formProps);return{version:this.version,form:{...r,schema:e}}}}exports.FormSchema=l;

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

@@ -0,0 +1 @@
+"use strict";var s=Object.defineProperty;var l=(c,e,t)=>e in c?s(c,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):c[e]=t;var r=(c,e,t)=>l(c,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../utils/index.js");require("../effects/index.js");const n=require("../effects/LifeCycle.js"),o=require("../utils/checkers.js");class u{constructor({lifecycles:e,context:t}){r(this,"context");r(this,"lifecycles");this.lifecycles=this.buildLifeCycles(e||[]),this.context=t}buildLifeCycles(e){return e.reduce((t,i)=>i instanceof n.LifeCycle?t.concat(i):t,[])}publish(e,...t){o.isStr(e)&&this.lifecycles.forEach(i=>{i.notify(e,this.context,...t)})}}exports.Heart=u;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./Design.js"),t=e=>new r.FormDesign(e);exports.CreateFormDesign=t;

package/dist/lib/src/effects/LifeCycle.js

@@ -0,0 +1 @@
+"use strict";var o=Object.defineProperty;var f=(t,e,i)=>e in t?o(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i;var r=(t,e,i)=>f(t,typeof e!="symbol"?e+"":e,i);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../utils/checkers.js");class u{constructor(...e){r(this,"listener");r(this,"notify",(e,i,...l)=>{n.isStr(e)&&this.listener.call(i,{type:e,payload:i},...l)});this.listener=this.buildListener(e)}buildListener(e){return(i,...l)=>{for(let s=0;s<e.length;s++){const c=e[s];n.isStr(c)&&n.isFn(e[s+1])&&c===i.type&&e[s+1].call(this,i.payload,...l)}}}}exports.LifeCycle=u;

package/dist/lib/src/effects/contants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={lifecycles:[],context:[],effectStart:!1,effectEnd:!1,initializing:!1};exports.GlobalState=e;

package/dist/lib/src/effects/effective.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../utils/index.js");const a=require("./LifeCycle.js"),e=require("./contants.js"),f=require("../utils/checkers.js");function n(c,t){return(...o)=>{if(e.GlobalState.effectStart)e.GlobalState.lifecycles.push(new a.LifeCycle(c,(l,...r)=>{f.isFn(t)&&t(...r,l)(...o)}));else throw new Error("Effect hooks cannot be used in asynchronous function body")}}function s(c,...t){return e.GlobalState.lifecycles=[],e.GlobalState.context=[],e.GlobalState.effectStart=!0,e.GlobalState.effectEnd=!1,t.forEach(o=>{f.isFn(o)&&o(c)}),e.GlobalState.context=[],e.GlobalState.effectStart=!1,e.GlobalState.effectEnd=!0,e.GlobalState.lifecycles}exports.createEffectHook=n;exports.runEffects=s;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./LifeCycle.js"),t=require("./effective.js");exports.LifeCycle=e.LifeCycle;exports.runEffects=t.runEffects;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./use-namespace/index.js"),a=require("./use-monaco.js");exports.defaultNamespace=e.defaultNamespace;exports.namespaceContextKey=e.namespaceContextKey;exports.useGetDerivedNamespace=e.useGetDerivedNamespace;exports.useNamespace=e.useNamespace;exports.useMonaco=a.useMonaco;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("monaco-editor"),u=require("monaco-editor/esm/vs/language/json/json.worker?worker"),a=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 o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const c=l(n);function i(e){window.MonacoEnvironment={getWorker(){return new u}};let t=null;const r=o=>{t&&t.setValue(JSON.stringify(o,null,2))};return a.onMounted(()=>{e.value&&(t=c.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/hooks/use-namespace/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),m="k-form",y="is-";function c(a,u,t,$,v){let o=`${a}-${u}`;return t&&(o+=`-${t}`),$&&(o+=`__${$}`),v&&(o+=`--${v}`),o}const p=Symbol("namespaceContextKey");function N(a){const u=a||(r.getCurrentInstance()?r.inject(p,r.ref(m)):r.ref(m));return r.computed(()=>r.unref(u)||m)}function l(a,u){const t=N(u);return{namespace:t,b:(e="")=>c(t.value,a,e,"",""),e:e=>e?c(t.value,a,"",e,""):"",m:e=>e?c(t.value,a,"","",e):"",be:(e,s)=>e&&s?c(t.value,a,e,s,""):"",em:(e,s)=>e&&s?c(t.value,a,"",e,s):"",bm:(e,s)=>e&&s?c(t.value,a,e,"",s):"",bem:(e,s,n)=>e&&s&&n?c(t.value,a,e,s,n):"",is:(e,...s)=>{const n=s.length>=1?s[0]:!0;return e&&n?`${y}${e}`:""},cssVar:e=>{const s={};for(const n in e)e[n]&&(s[`--${t.value}-${n}`]=e[n]);return s},cssVarName:e=>`--${t.value}-${e}`,cssVarBlock:e=>{const s={};for(const n in e)e[n]&&(s[`--${t.value}-${a}-${n}`]=e[n]);return s},cssVarBlockName:e=>`--${t.value}-${a}-${e}`}}exports.defaultNamespace=m;exports.namespaceContextKey=p;exports.useGetDerivedNamespace=N;exports.useNamespace=l;

package/dist/lib/src/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./style/index.js");const r=require("./components/form-desgin.js"),t=require("./core/index.js"),e=require("./config/index.js");exports.FormDesign=r.default;exports.CreateFormDesign=t.CreateFormDesign;exports.BaseSchema=e.BaseSchema;exports.LayoutSchema=e.LayoutSchema;

package/dist/lib/src/internal.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./hooks/index.js");const e=require("./context/design.js");exports.useInjectDesignContext=e.useInjectDesignContext;exports.useInjectDragContext=e.useInjectDragContext;exports.useProvideDesignContext=e.useProvideDesignContext;exports.useProvideDragContext=e.useProvideDragContext;

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

@@ -0,0 +1 @@
+"use strict";require("@king-one/form-design/dist/theme-chalk/index.css");

package/dist/lib/src/utils/checkers.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=Object.prototype.toString,n=t=>o.call(t);function e(t){return s=>n(s)===`[object ${t}]`}const r=t=>typeof t=="function",c=Array.isArray,u=e("Object"),a=e("String"),p=e("Boolean"),i=e("Number");function f(t){return t&&t instanceof Map}const S=t=>t&&t instanceof Set;function l(t){return t&&t instanceof WeakMap}function b(t){return t&&t instanceof WeakSet}function y(t){return i(t)||/^\d+$/.test(t)}const g=t=>typeof t=="object",m=e("RegExp");function M(t){return t&&t.$$typeof&&t._owner}function j(t){return Object.prototype.toString.call(t).includes("HTML")}exports.getType=n;exports.isArr=c;exports.isBool=p;exports.isFn=r;exports.isHTMLElement=j;exports.isMap=f;exports.isNum=i;exports.isNumberLike=y;exports.isObj=g;exports.isPlainObj=u;exports.isReactElement=M;exports.isRegExp=m;exports.isSet=S;exports.isStr=a;exports.isWeakMap=l;exports.isWeakSet=b;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./checkers.js");exports.getType=e.getType;exports.isArr=e.isArr;exports.isBool=e.isBool;exports.isFn=e.isFn;exports.isHTMLElement=e.isHTMLElement;exports.isMap=e.isMap;exports.isNum=e.isNum;exports.isNumberLike=e.isNumberLike;exports.isObj=e.isObj;exports.isPlainObj=e.isPlainObj;exports.isReactElement=e.isReactElement;exports.isRegExp=e.isRegExp;exports.isSet=e.isSet;exports.isStr=e.isStr;exports.isWeakMap=e.isWeakMap;exports.isWeakSet=e.isWeakSet;

package/dist/theme-chalk/base.css

@@ -0,0 +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}

package/dist/theme-chalk/collapse.css

@@ -0,0 +1 @@
+.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}

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

@@ -0,0 +1 @@
+.k-form-main{width:100%;height:100%;display:flex;background:#f8f8f8;overflow:hidden;overflow-x:auto;font-size:13px}.k-form-main,.k-form-main *{box-sizing:border-box}

package/dist/theme-chalk/icon.css

@@ -0,0 +1 @@
+@font-face{font-family:iconfont-design;src:url(fonts/iconfont.woff2?t=50899) format("woff2"),url(fonts/iconfont.woff?t=49439) format("woff"),url(fonts/iconfont.ttf?t=76503) format("truetype")}.k-form-icon{font-family:iconfont-design!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-from-design-form-kit-tiaogang:before{content:"\e697"}.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

@@ -0,0 +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-form-main{width:100%;height:100%;display:flex;background:#f8f8f8;overflow:hidden;overflow-x:auto;font-size:13px}.k-form-main,.k-form-main *{box-sizing:border-box}.k-form-material{flex:0 0 320px;height:100%;border:1px solid var(--king-color-info-light-7)}.k-form-material .k-form-toolbar{height:50px;display:flex;justify-content:center;align-items:center}.k-form-material .k-form-toolbar .toolbar-button{width:120px;text-align:center}.k-form-material .k-form-widget{padding:0 10px}.k-form-material .k-form-widget .widget-group-name{color:var(--king-color-info);font-size:14px;margin:10px 0}.k-form-material .k-form-widget .widget-list-drag{display:flex;flex-flow:row wrap;margin-left:-5px;margin-right:-5px;row-gap:10px}.k-form-material .k-form-widget .widget-col{padding-left:5px;padding-right:5px;width:50%}.k-form-material .k-form-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-form-material .k-form-widget .widget-item:hover{color:var(--king-color-primary);border-color:var(--king-color-primary-light-3)}.k-form-material .k-form-widget .widget-item-icon{margin-right:5px}.k-form-setting{flex:0;height:100%;border:1px solid var(--king-color-info-light-7);position:relative;background:#fff}.k-form-setting .setting-aside{height:100%;width:320px}.k-form-setting .setting-collapse{position:absolute;left:-25px;top:8px;cursor:pointer}.k-form-setting .ant-collapse{border-radius:0;border-left:none;border-right:none}.k-form-setting .ant-collapse-header{padding:5px 10px!important}.k-form-setting .ant-collapse-item{border-radius:0!important}.k-form-setting-collapse{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-form-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-form-panel .k-form-panel__toolbar{height:38px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 10px;border-bottom:1px solid var(--king-color-info-light-9)}.k-form-panel .k-form-panel__toolbar .k-form-panel__toolbar--icon{cursor:pointer;margin-right:5px}.k-form-panel .k-form-panel__content{flex:1;overflow:hidden;position:relative}.k-form-panel .k-form-panel__content .content-panel{height:100%;overflow:hidden}.k-form-panel .k-form-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-form-panel .k-form-panel__content .content-editor{height:100%;overflow:hidden}.k-form-panel .k-form-panel__content .drag-from{height:100%;min-height:300px}.k-form-panel .k-form-panel__content .drag-from .widget-col{background-color:#fff}.k-form-panel .k-form-panel__content .drag-from .widget-col .widget-item{display:flex;padding:10px}.k-form-panel .k-form-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=1672) format("woff2"),url(fonts/iconfont.woff?t=47946) format("woff"),url(fonts/iconfont.ttf?t=14790) format("truetype")}.k-form-icon{font-family:iconfont-design!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-from-design-form-kit-tiaogang:before{content:"\e697"}.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-form-panel-item{cursor:move;border:1px solid transparent;padding:10px;background-color:#fff;margin-bottom:10px}.k-form-panel-item .k-form-panel-item__form{margin-bottom:0;cursor:move}.k-form-panel-item .k-form-panel-item__form *{cursor:move}.k-form-panel-item .k-form-panel-item__error{color:var(--king-color-error)}.k-form-panel-item--active{border-color:var(--king-color-primary);border-left:4px solid var(--king-color-primary)}

package/dist/theme-chalk/material.css

@@ -0,0 +1 @@
+.k-form-material{flex:0 0 320px;height:100%;border:1px solid var(--king-color-info-light-7)}.k-form-material .k-form-toolbar{height:50px;display:flex;justify-content:center;align-items:center}.k-form-material .k-form-toolbar .toolbar-button{width:120px;text-align:center}.k-form-material .k-form-widget{padding:0 10px}.k-form-material .k-form-widget .widget-group-name{color:var(--king-color-info);font-size:14px;margin:10px 0}.k-form-material .k-form-widget .widget-list-drag{display:flex;flex-flow:row wrap;margin-left:-5px;margin-right:-5px;row-gap:10px}.k-form-material .k-form-widget .widget-col{padding-left:5px;padding-right:5px;width:50%}.k-form-material .k-form-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-form-material .k-form-widget .widget-item:hover{color:var(--king-color-primary);border-color:var(--king-color-primary-light-3)}.k-form-material .k-form-widget .widget-item-icon{margin-right:5px}

package/dist/theme-chalk/panel-item.css

@@ -0,0 +1 @@
+.k-form-panel-item{cursor:move;border:1px solid transparent;padding:10px;background-color:#fff;margin-bottom:10px}.k-form-panel-item .k-form-panel-item__form{margin-bottom:0;cursor:move}.k-form-panel-item .k-form-panel-item__form *{cursor:move}.k-form-panel-item .k-form-panel-item__error{color:var(--king-color-error)}.k-form-panel-item--active{border-color:var(--king-color-primary);border-left:4px solid var(--king-color-primary)}

package/dist/theme-chalk/panel.css

@@ -0,0 +1 @@
+.k-form-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-form-panel .k-form-panel__toolbar{height:38px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 10px;border-bottom:1px solid var(--king-color-info-light-9)}.k-form-panel .k-form-panel__toolbar .k-form-panel__toolbar--icon{cursor:pointer;margin-right:5px}.k-form-panel .k-form-panel__content{flex:1;overflow:hidden;position:relative}.k-form-panel .k-form-panel__content .content-panel{height:100%;overflow:hidden}.k-form-panel .k-form-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-form-panel .k-form-panel__content .content-editor{height:100%;overflow:hidden}.k-form-panel .k-form-panel__content .drag-from{height:100%;min-height:300px}.k-form-panel .k-form-panel__content .drag-from .widget-col{background-color:#fff}.k-form-panel .k-form-panel__content .drag-from .widget-col .widget-item{display:flex;padding:10px}.k-form-panel .k-form-panel__content .drag-from .widget-col .widget-item .widget-item-icon{margin-right:5px}

package/dist/theme-chalk/setting.css

@@ -0,0 +1 @@
+.k-form-setting{flex:0;height:100%;border:1px solid var(--king-color-info-light-7);position:relative;background:#fff}.k-form-setting .setting-aside{height:100%;width:320px}.k-form-setting .setting-collapse{position:absolute;left:-25px;top:8px;cursor:pointer}.k-form-setting .ant-collapse{border-radius:0;border-left:none;border-right:none}.k-form-setting .ant-collapse-header{padding:5px 10px!important}.k-form-setting .ant-collapse-item{border-radius:0!important}.k-form-setting-collapse{border-left:none}

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export * from './src';

package/dist/types/src/components/base/collapse.vue.d.ts

@@ -0,0 +1,17 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+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/base/widget-icon.d.ts

@@ -0,0 +1,19 @@
+import { DefineComponent, ExtractPropTypes, PropType, VNode, RendererNode, RendererElement, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    readonly icon: {
+        readonly type: PropType<string | VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }>>;
+        readonly required: true;
+    };
+}>, () => VNode<RendererNode, RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    readonly icon: {
+        readonly type: PropType<string | VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }>>;
+        readonly required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/src/components/form-desgin.d.ts

@@ -0,0 +1,16 @@
+import { DefineComponent, ExtractPropTypes, PropType, VNode, RendererNode, RendererElement, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { FormDesignInstance } from '../types';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    readonly design: {
+        readonly type: PropType<FormDesignInstance>;
+        readonly required: true;
+    };
+}>, () => VNode<RendererNode, RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    readonly design: {
+        readonly type: PropType<FormDesignInstance>;
+        readonly required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,25 @@
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    readonly name: {
+        readonly type: StringConstructor;
+        readonly required: true;
+    };
+    readonly size: {
+        readonly type: NumberConstructor;
+    };
+    readonly color: {
+        readonly type: StringConstructor;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    readonly name: {
+        readonly type: StringConstructor;
+        readonly required: true;
+    };
+    readonly size: {
+        readonly type: NumberConstructor;
+    };
+    readonly color: {
+        readonly type: StringConstructor;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,3 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,19 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    slots: Partial<Record<`panel-${any}`, (_: {}) => any>>;
+    refs: {
+        contentEditorTel: HTMLDivElement;
+    };
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {
+    contentEditorTel: HTMLDivElement;
+}, 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/form-setting.vue.d.ts

@@ -0,0 +1,3 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,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';

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

@@ -0,0 +1,2 @@
+import { VueComponent } from '../../types';
+export declare const panels: Record<string, VueComponent>;

package/dist/types/src/components/panel/panel-item.vue.d.ts

@@ -0,0 +1,8 @@
+import { FieldSchema } from '@king-one/form-design/src/types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<{
+    field: FieldSchema;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+    field: FieldSchema;
+}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,3 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,3 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as BaseProps } from './base-props.vue';
+export { default as ComponentProps } from './component-props.vue';

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

@@ -0,0 +1,29 @@
+import { FormDesignInstance } from '@king-one/form-design/src/types';
+import { PropType, VNode, RendererNode, RendererElement } from 'vue';
+export declare const definePropType: <T>(val: any) => PropType<T>;
+export declare const iconProps: {
+    readonly name: {
+        readonly type: StringConstructor;
+        readonly required: true;
+    };
+    readonly size: {
+        readonly type: NumberConstructor;
+    };
+    readonly color: {
+        readonly type: StringConstructor;
+    };
+};
+export declare const FormDesignProps: {
+    readonly design: {
+        readonly type: PropType<FormDesignInstance>;
+        readonly required: true;
+    };
+};
+export declare const widgetIconProps: {
+    readonly icon: {
+        readonly type: PropType<string | VNode< RendererNode, RendererElement, {
+            [key: string]: any;
+        }>>;
+        readonly required: true;
+    };
+};

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

@@ -0,0 +1,3 @@
+import { DesignSchema } from '@king-one/form-design/src/types';
+export declare const LayoutSchema: DesignSchema;
+export declare const BaseSchema: DesignSchema;

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

@@ -0,0 +1,11 @@
+import { Ref } from 'vue';
+import { FormDesignInstance } from '@king-one/form-design/src/types';
+interface DragContext {
+    isDrag: Ref<boolean>;
+    updateDrag: (isDrag: boolean) => void;
+}
+export declare function useProvideDragContext(params: DragContext): void;
+export declare function useInjectDragContext(): DragContext;
+export declare function useProvideDesignContext(params: FormDesignInstance): void;
+export declare function useInjectDesignContext(): FormDesignInstance;
+export {};

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

@@ -0,0 +1,74 @@
+import { DesignParams, DesignSchema, FieldSchema, valueType, FormProps, VueComponent } from '@king-one/form-design/src/types';
+import { Ref, VNode, CSSProperties } from 'vue';
+export declare class FormDesign {
+    schema: DesignSchema[];
+    private heart;
+    private FormSchema;
+    private props;
+    checkedField: Ref<{
+        title?: string | undefined;
+        key?: string | undefined;
+        type?: "string" | "number" | "boolean" | "object" | "time" | "date" | "array" | "datetime" | "void" | undefined;
+        'k-component'?: string | undefined;
+        required?: boolean | undefined;
+        id?: string | undefined;
+        name?: string | undefined;
+        icon?: (string | VNode) | undefined;
+        'k-component-props'?: Record<string, any> | undefined;
+    }, Partial<FieldSchema> | {
+        title?: string | undefined;
+        key?: string | undefined;
+        type?: "string" | "number" | "boolean" | "object" | "time" | "date" | "array" | "datetime" | "void" | undefined;
+        'k-component'?: string | undefined;
+        required?: boolean | undefined;
+        id?: string | undefined;
+        name?: string | undefined;
+        icon?: (string | VNode) | undefined;
+        'k-component-props'?: Record<string, any> | undefined;
+    }>;
+    constructor(params: DesignParams);
+    private get lifecycles();
+    getFormSchema(): {
+        version: string;
+        form: {
+            schema: {
+                title: string;
+                key: string;
+                type: valueType;
+                'k-component': string;
+                required?: boolean | undefined;
+                id?: string | undefined;
+                name?: string | undefined;
+                icon?: (string | VNode) | undefined;
+                'k-component-props'?: Record<string, any> | undefined;
+            }[];
+            layout: "horizontal" | "vertical";
+            labelAlign: "left" | "right" | "top";
+            style?: CSSProperties;
+        };
+    };
+    get formProps(): FormProps;
+    get fields(): Ref<{
+        title: string;
+        key: string;
+        type: valueType;
+        'k-component': string;
+        required?: boolean | undefined;
+        id?: string | undefined;
+        name?: string | undefined;
+        icon?: (string | VNode) | undefined;
+        'k-component-props'?: Record<string, any> | undefined;
+    }[], FieldSchema[] | {
+        title: string;
+        key: string;
+        type: valueType;
+        'k-component': string;
+        required?: boolean | undefined;
+        id?: string | undefined;
+        name?: string | undefined;
+        icon?: (string | VNode) | undefined;
+        'k-component-props'?: Record<string, any> | undefined;
+    }[]>;
+    get propsComponents(): Record<string, VueComponent> | undefined;
+    get panelComponents(): Record<string, VueComponent>;
+}

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

@@ -0,0 +1,46 @@
+import { FieldSchema, FormProps, valueType } from '@king-one/form-design/src/types';
+import { Ref, VNode, CSSProperties } from 'vue';
+export declare class FormSchema {
+    private version;
+    formProps: FormProps;
+    fields: Ref<{
+        title: string;
+        key: string;
+        type: valueType;
+        'k-component': string;
+        required?: boolean | undefined;
+        id?: string | undefined;
+        name?: string | undefined;
+        icon?: (string | VNode) | undefined;
+        'k-component-props'?: Record<string, any> | undefined;
+    }[], FieldSchema[] | {
+        title: string;
+        key: string;
+        type: valueType;
+        'k-component': string;
+        required?: boolean | undefined;
+        id?: string | undefined;
+        name?: string | undefined;
+        icon?: (string | VNode) | undefined;
+        'k-component-props'?: Record<string, any> | undefined;
+    }[]>;
+    getSchema(): {
+        version: string;
+        form: {
+            schema: {
+                title: string;
+                key: string;
+                type: valueType;
+                'k-component': string;
+                required?: boolean | undefined;
+                id?: string | undefined;
+                name?: string | undefined;
+                icon?: (string | VNode) | undefined;
+                'k-component-props'?: Record<string, any> | undefined;
+            }[];
+            layout: "horizontal" | "vertical";
+            labelAlign: "left" | "right" | "top";
+            style?: CSSProperties;
+        };
+    };
+}

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

@@ -0,0 +1,9 @@
+import { LifeCycle } from '../effects';
+import { HeartProps } from '../types';
+export declare class Heart<Context = any> {
+    private context;
+    private lifecycles;
+    constructor({ lifecycles, context }: HeartProps<Context>);
+    protected buildLifeCycles(lifecycles: LifeCycle[]): LifeCycle<any>[];
+    publish(type: string, ...args: any[]): void;
+}

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

@@ -0,0 +1,3 @@
+import { DesignParams } from '../types';
+import { FormDesign } from './Design';
+export declare const CreateFormDesign: (params: DesignParams) => FormDesign;

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

@@ -0,0 +1,9 @@
+export declare class LifeCycle<Payload = any> {
+    private listener;
+    constructor(...params: any[]);
+    buildListener(params: any[]): (payload: {
+        type: string;
+        payload: Payload;
+    }, ...args: any[]) => void;
+    notify: (type: any, payload: Payload, ...args: any[]) => void;
+}

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

@@ -0,0 +1,7 @@
+export declare const GlobalState: {
+    lifecycles: any[];
+    context: any[];
+    effectStart: boolean;
+    effectEnd: boolean;
+    initializing: boolean;
+};

package/dist/types/src/effects/effect-dict.d.ts

@@ -0,0 +1,4 @@
+export declare const DesignEffectDict: {
+    readonly ON_DESIGN_FIELD_CHANGE: "onDesignFieldChange";
+    readonly ON_DESIGN_INIT: "onDesignInit";
+};

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

@@ -0,0 +1,3 @@
+import { AnyFunction } from '../types';
+export declare function createEffectHook(type: string, callback: AnyFunction): (...args: any[]) => void;
+export declare function runEffects<context>(context: context, ...args: ((context: context) => void)[]): any[];

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

@@ -0,0 +1,2 @@
+export * from './LifeCycle';
+export { runEffects } from './effective';

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

@@ -0,0 +1,5 @@
+import { FormDesignInstance } from '../types';
+type EffectFn<T extends any[]> = (callback: (...args: T & any[]) => void) => void;
+export declare const onDesignInit: EffectFn<[FormDesignInstance]>;
+export declare const onDesignFieldChange: EffectFn<[FormDesignInstance]>;
+export {};

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

@@ -0,0 +1,9 @@
+import { DesignEffectDict } from './effect-dict';
+import { LifeCycle } from './LifeCycle';
+export type LifeCyclePayload<T> = (params: {
+    type: string;
+    payload: T;
+}, ...args: any[]) => void;
+export type DesignEffectType = (typeof DesignEffectDict)[keyof typeof DesignEffectDict];
+export type DesignEffectKey = keyof typeof DesignEffectDict;
+export type LifeCycleInstance = InstanceType<typeof LifeCycle>;

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

@@ -0,0 +1,2 @@
+export * from './use-namespace/index';
+export * from './use-monaco';

package/dist/types/src/hooks/use-monaco.d.ts

@@ -0,0 +1,4 @@
+import { Ref } from 'vue';
+export declare function useMonaco(editorRef: Ref<HTMLElement | null>): {
+    setEditorValue: (value: object) => void;
+};

package/dist/types/src/hooks/use-namespace/index.d.ts

@@ -0,0 +1,23 @@
+import { InjectionKey, Ref, ComputedRef } from 'vue';
+export declare const defaultNamespace = "k-form";
+export declare const namespaceContextKey: InjectionKey<Ref<string | undefined>>;
+export declare function useGetDerivedNamespace(namespaceOverrides?: Ref<string | undefined>): ComputedRef<string>;
+export declare function useNamespace(block: string, namespaceOverrides?: Ref<string | undefined>): {
+    namespace: ComputedRef<string>;
+    b: (blockSuffix?: string) => string;
+    e: (element?: string) => string;
+    m: (modifier?: string) => string;
+    be: (blockSuffix?: string, element?: string) => string;
+    em: (element?: string, modifier?: string) => string;
+    bm: (blockSuffix?: string, modifier?: string) => string;
+    bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+    is: {
+        (name: string, state: boolean | undefined): string;
+        (name: string): string;
+    };
+    cssVar: (object: Record<string, string>) => Record<string, string>;
+    cssVarName: (name: string) => string;
+    cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+    cssVarBlockName: (name: string) => string;
+};
+export type UseNamespaceReturn = ReturnType<typeof useNamespace>;