@king-one/form-design 0.0.18 → 0.0.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/es/src/components/form-material.vue.mjs +53 -51
  3. package/dist/es/src/components/form-panel.vue.mjs +69 -70
  4. package/dist/es/src/components/panel/index.mjs +12 -9
  5. package/dist/es/src/components/panel/panel-item.vue.mjs +28 -28
  6. package/dist/es/src/components/panel/panel-wrapper.mjs +25 -15
  7. package/dist/es/src/components/panel/widget/array-card.vue2.mjs +39 -26
  8. package/dist/es/src/components/panel/widget/array-table.vue.mjs +4 -0
  9. package/dist/es/src/components/panel/widget/array-table.vue2.mjs +105 -0
  10. package/dist/es/src/components/panel/widget/date-range.vue2.mjs +10 -10
  11. package/dist/es/src/components/panel/widget/object.vue2.mjs +40 -29
  12. package/dist/es/src/config/index.mjs +90 -21
  13. package/dist/es/src/core/Design.mjs +15 -12
  14. package/dist/es/src/core/FormSchema.mjs +1 -1
  15. package/dist/es/src/internal.mjs +5 -4
  16. package/dist/es/src/plugins/index.mjs +23 -11
  17. package/dist/es/src/plugins/modules/drag-add.mjs +23 -0
  18. package/dist/lib/src/components/form-material.vue.js +1 -1
  19. package/dist/lib/src/components/form-panel.vue.js +2 -2
  20. package/dist/lib/src/components/panel/index.js +1 -1
  21. package/dist/lib/src/components/panel/panel-item.vue.js +1 -1
  22. package/dist/lib/src/components/panel/panel-wrapper.js +1 -1
  23. package/dist/lib/src/components/panel/widget/array-card.vue2.js +1 -1
  24. package/dist/lib/src/components/panel/widget/array-table.vue.js +1 -0
  25. package/dist/lib/src/components/panel/widget/array-table.vue2.js +1 -0
  26. package/dist/lib/src/components/panel/widget/date-range.vue2.js +1 -1
  27. package/dist/lib/src/components/panel/widget/object.vue2.js +1 -1
  28. package/dist/lib/src/config/index.js +1 -1
  29. package/dist/lib/src/core/Design.js +1 -1
  30. package/dist/lib/src/core/FormSchema.js +1 -1
  31. package/dist/lib/src/internal.js +1 -1
  32. package/dist/lib/src/plugins/index.js +1 -1
  33. package/dist/lib/src/plugins/modules/drag-add.js +1 -0
  34. package/dist/theme-chalk/array-table.css +1 -0
  35. package/dist/theme-chalk/icon.css +1 -1
  36. package/dist/theme-chalk/index.css +1 -1
  37. package/dist/theme-chalk/panel-item.css +1 -1
  38. package/dist/theme-chalk/panel.css +1 -1
  39. package/dist/types/src/components/base/Carousel.vue.d.ts +1 -1
  40. package/dist/types/src/components/panel/panel-item.vue.d.ts +2 -0
  41. package/dist/types/src/components/panel/panel-wrapper.d.ts +11 -1
  42. package/dist/types/src/components/panel/widget/array-table.vue.d.ts +20 -0
  43. package/dist/types/src/core/Design.d.ts +3 -2
  44. package/dist/types/src/internal.d.ts +1 -0
  45. package/dist/types/src/plugins/index.d.ts +3 -2
  46. package/dist/types/src/plugins/modules/{drag-put.d.ts → drag-add.d.ts} +2 -1
  47. package/dist/types/src/types.d.ts +3 -3
  48. package/package.json +1 -1
  49. package/dist/es/src/plugins/modules/drag-put.mjs +0 -14
  50. package/dist/lib/src/plugins/modules/drag-put.js +0 -1
@@ -1,20 +1,32 @@
1
- var s = Object.defineProperty;
2
- var a = (o, e, t) => e in o ? s(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
3
- var l = (o, e, t) => a(o, typeof e != "symbol" ? e + "" : e, t);
4
- import { SyncBailHook as r } from "@king-one/tapable";
5
- import { BaseDragPut as i } from "./modules/drag-put.mjs";
6
- class m {
1
+ var n = Object.defineProperty;
2
+ var d = (s, e, r) => e in s ? n(s, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : s[e] = r;
3
+ var t = (s, e, r) => d(s, typeof e != "symbol" ? e + "" : e, r);
4
+ import { SyncBailHook as i, SyncHook as a } from "@king-one/tapable";
5
+ import { BaseDragAdd as u } from "./modules/drag-add.mjs";
6
+ class A {
7
7
  constructor() {
8
- l(this, "hooks", {
9
- beforeDelete: new r(["value"]),
10
- dragPut: new r(["value"])
8
+ t(this, "hooks", {
9
+ beforeDelete: new i(["value"]),
10
+ syncDragAdd: new a(["value"])
11
+ });
12
+ t(this, "dragAddResult", []);
13
+ this.use(new u()), this.hooks.syncDragAdd.intercept({
14
+ call: () => {
15
+ this.dragAddResult = [];
16
+ },
17
+ register: (e) => {
18
+ const r = e.fn;
19
+ return e.fn = (...l) => {
20
+ const o = r(...l);
21
+ return this.dragAddResult.push(o), o;
22
+ }, e;
23
+ }
11
24
  });
12
- this.use(new i());
13
25
  }
14
26
  use(e) {
15
27
  e.install.call(void 0, this);
16
28
  }
17
29
  }
18
30
  export {
19
- m as Plugin
31
+ A as Plugin
20
32
  };
@@ -0,0 +1,23 @@
1
+ var n = Object.defineProperty;
2
+ var k = (e, r, a) => r in e ? n(e, r, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[r] = a;
3
+ var s = (e, r, a) => k(e, typeof r != "symbol" ? r + "" : r, a);
4
+ const u = ["k-array-card", "k-object", "k-table"];
5
+ class g {
6
+ constructor() {
7
+ s(this, "name", "BaseDragAdd");
8
+ }
9
+ install(r) {
10
+ r.hooks.syncDragAdd.tap("formPanelDragAdd", (a) => !0), r.hooks.syncDragAdd.tap("NestedDragAdd", (a) => {
11
+ const { region: t, source: c } = a;
12
+ if (t === "k-array-card" || t === "k-object" || t === "k-table") {
13
+ const d = ["k-array-card", "k-object", "k-table"], { key: o } = c;
14
+ return !d.includes(o);
15
+ }
16
+ return !0;
17
+ });
18
+ }
19
+ }
20
+ export {
21
+ g as BaseDragAdd,
22
+ u as exclusion
23
+ };
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../internal.js");const c=require("ant-design-vue"),g=require("vuedraggable"),b=require("@king-one/utils"),p=require("../context/design.js");require("./base/Carousel.vue2.js");const v=require("./base/widget-icon.js"),i=require("../hooks/use-namespace/index.js"),B=require("./base/Carousel.vue.js"),h={class:"widget-group-name"},S={class:"widget-col"},q={class:"widget-item"},D={key:0,class:"widget-item-icon"},z={class:"widget-item-title"},R={class:"template-item"},j={key:0,class:"template-item-icon"},I={class:"template-item-name"},O=e.defineComponent({name:"FormMaterial",__name:"form-material",setup(T){const d=e.ref(),{updateDrag:a}=p.useInjectDragContext(),{b:_}=i.useNamespace("material"),{b:N}=i.useNamespace("toolbar"),{b:k}=i.useNamespace("widget"),{b:C}=i.useNamespace("temp"),r=p.useInjectDesignContext(),{schema:y,tempSchema:V}=r,u=e.ref("1");function x(o){const{icon:t,...n}=o,s=JSON.parse(JSON.stringify(n)),m=b.uid(),l={...s,name:m,id:m,"x-design-props":Object.assign({validate:{status:"",message:""}},o["x-design-props"]||{})},{shared:f}=r;return f.draggedContext.field=l,f.draggedContext.key=l.key,l}function w(o){const{schema:t}=o,{shared:n}=r;return n.draggedContext.field=t,n.draggedContext.key=t.key,t}function E(o){var t;(t=d.value)==null||t.goTo(Number(o.target.value)-1)}return(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(_)())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(N)())},[e.createVNode(e.unref(c.RadioGroup),{value:u.value,"onUpdate:value":t[0]||(t[0]=n=>u.value=n),"button-style":"solid",size:"default",onChange:E},{default:e.withCtx(()=>[e.createVNode(e.unref(c.RadioButton),{class:"toolbar-button",value:"1"},{default:e.withCtx(()=>t[5]||(t[5]=[e.createTextVNode(" 组件库 ")])),_:1,__:[5]}),e.createVNode(e.unref(c.RadioButton),{class:"toolbar-button",value:"2"},{default:e.withCtx(()=>t[6]||(t[6]=[e.createTextVNode(" 业务套件 ")])),_:1,__:[6]})]),_:1},8,["value"])],2),e.createVNode(B.default,{ref_key:"carouselRef",ref:d,"model-value":0},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(k)())},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(y),n=>(e.openBlock(),e.createElementBlock("div",{key:n.key,class:"widget-group"},[e.createElementVNode("div",h,e.toDisplayString(n.name),1),n.widget?(e.openBlock(),e.createBlock(e.unref(g),{key:0,list:n.widget,class:"widget-list-drag","item-key":"key",group:{name:"form",pull:"clone",put:!1},sort:!1,options:{animation:150},clone:x,onStart:t[1]||(t[1]=s=>e.unref(a)(!0)),onEnd:t[2]||(t[2]=s=>e.unref(a)(!1))},{item:e.withCtx(({element:s})=>[e.createElementVNode("div",S,[e.createElementVNode("div",q,[s.icon?(e.openBlock(),e.createElementBlock("div",D,[e.createVNode(e.unref(v.default),{icon:s.icon},null,8,["icon"])])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",z,e.toDisplayString(s.title),1)])])]),_:2},1032,["list"])):e.createCommentVNode("v-if",!0)]))),128))],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(C)())},[e.createVNode(e.unref(g),{list:e.unref(V),class:"template-list-drag","item-key":"key",group:{name:"form",pull:"clone",put:!1},sort:!1,options:{animation:150},clone:w,onStart:t[3]||(t[3]=n=>e.unref(a)(!0)),onEnd:t[4]||(t[4]=n=>e.unref(a)(!1))},{item:e.withCtx(({element:n})=>[e.createElementVNode("div",R,[n.icon?(e.openBlock(),e.createElementBlock("div",j,[e.createVNode(e.unref(v.default),{icon:n.icon},null,8,["icon"])])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",I,e.toDisplayString(n.name),1)])]),_:1},8,["list"]),e.createCommentVNode(` <div class="template-list">
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../internal.js");const c=require("ant-design-vue"),g=require("vuedraggable"),E=require("@king-one/utils"),p=require("../context/design.js");require("./base/Carousel.vue2.js");const v=require("./base/widget-icon.js"),r=require("../hooks/use-namespace/index.js"),B=require("./base/Carousel.vue.js"),h={class:"widget-group-name"},S={class:"widget-col"},q={class:"widget-item"},D={key:0,class:"widget-item-icon"},j={class:"widget-item-title"},z={class:"template-item"},R={key:0,class:"template-item-icon"},I={class:"template-item-name"},O=e.defineComponent({name:"FormMaterial",__name:"form-material",setup(T){const d=e.ref(),{updateDrag:s}=p.useInjectDragContext(),{b:_}=r.useNamespace("material"),{b:N}=r.useNamespace("toolbar"),{b:k}=r.useNamespace("widget"),{b:y}=r.useNamespace("temp"),l=p.useInjectDesignContext(),{schema:C,tempSchema:V}=l,u=e.ref("1");function x(a){const{icon:t,...n}=a,o=JSON.parse(JSON.stringify(n)),m=E.uid(),i={...o,name:m,id:m,"x-design-props":Object.assign({validate:{status:"",message:""}},a["x-design-props"]||{})};(o.type==="array"||o.type==="object")&&(i.children=[]);const{shared:f}=l;return f.draggedContext.field=i,f.draggedContext.key=i.key,i}function w(a){const{schema:t}=a,{shared:n}=l;return n.draggedContext.field=t,n.draggedContext.key=t.key,t}function b(a){var t;(t=d.value)==null||t.goTo(Number(a.target.value)-1)}return(a,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(_)())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(N)())},[e.createVNode(e.unref(c.RadioGroup),{value:u.value,"onUpdate:value":t[0]||(t[0]=n=>u.value=n),"button-style":"solid",size:"default",onChange:b},{default:e.withCtx(()=>[e.createVNode(e.unref(c.RadioButton),{class:"toolbar-button",value:"1"},{default:e.withCtx(()=>t[5]||(t[5]=[e.createTextVNode(" 组件库 ")])),_:1,__:[5]}),e.createVNode(e.unref(c.RadioButton),{class:"toolbar-button",value:"2"},{default:e.withCtx(()=>t[6]||(t[6]=[e.createTextVNode(" 业务套件 ")])),_:1,__:[6]})]),_:1},8,["value"])],2),e.createVNode(B.default,{ref_key:"carouselRef",ref:d,"model-value":0},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(k)())},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(C),n=>(e.openBlock(),e.createElementBlock("div",{key:n.key,class:"widget-group"},[e.createElementVNode("div",h,e.toDisplayString(n.name),1),n.widget?(e.openBlock(),e.createBlock(e.unref(g),{key:0,list:n.widget,class:"widget-list-drag","item-key":"key",group:{name:"form",pull:"clone",put:!1},sort:!1,options:{animation:150},clone:x,onStart:t[1]||(t[1]=o=>e.unref(s)(!0)),onEnd:t[2]||(t[2]=o=>e.unref(s)(!1))},{item:e.withCtx(({element:o})=>[e.createElementVNode("div",S,[e.createElementVNode("div",q,[o.icon?(e.openBlock(),e.createElementBlock("div",D,[e.createVNode(e.unref(v.default),{icon:o.icon},null,8,["icon"])])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",j,e.toDisplayString(o.title),1)])])]),_:2},1032,["list"])):e.createCommentVNode("v-if",!0)]))),128))],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(y)())},[e.createVNode(e.unref(g),{list:e.unref(V),class:"template-list-drag","item-key":"key",group:{name:"form",pull:"clone",put:!1},sort:!1,options:{animation:150},clone:w,onStart:t[3]||(t[3]=n=>e.unref(s)(!0)),onEnd:t[4]||(t[4]=n=>e.unref(s)(!1))},{item:e.withCtx(({element:n})=>[e.createElementVNode("div",z,[n.icon?(e.openBlock(),e.createElementBlock("div",R,[e.createVNode(e.unref(v.default),{icon:n.icon},null,8,["icon"])])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",I,e.toDisplayString(n.name),1)])]),_:1},8,["list"]),e.createCommentVNode(` <div class="template-list">
2
2
  <div v-for="g in tempSchema" :key="g.key" class="template-item">
3
3
  <div v-if="g.icon" class="template-item-icon">
4
4
  <WidgetIcon :icon="g.icon" />
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../internal.js");const c=require("ant-design-vue"),w=require("vuedraggable"),f=require("../context/design.js");require("../utils/index.js");require("./panel/panel-item.vue2.js");const b=require("./base/json-preview.vue.js");require("./index.js");const q=require("../hooks/use-namespace/index.js"),x=require("../utils/debounce.js"),p=require("./form-icon.vue2.js"),E=require("./panel/panel-item.vue.js"),S={class:"left"},y={class:"right"},D={class:"content-panel"},z={key:0,class:"prompt"},F={class:"form-item"},I={class:"content-editor"},T=e.defineComponent({name:"FormPanel",__name:"form-panel",setup(j){const i=e.ref({}),{isDrag:_}=f.useInjectDragContext(),s=e.ref(!1),o=f.useInjectDesignContext(),{fields:a}=o;function g(){s.value=!s.value,e.nextTick(()=>{i.value=o.getFormSchema()})}function v(){}const{b:h,e:u,em:d}=q.useNamespace("panel"),C=x.debounce(N,200);function N(){const{shared:r}=o,{key:t,field:n}=r.draggedContext,l=o.hooks.dragPut.call({key:t,field:n,region:"form-panel"});return o.setCheckedField(n),l}function V(r,t){const n=e.toRaw(r),{oldIndex:l}=t,m=n[l];if(m){const{shared:k}=o;k.draggedContext.key=m.key}}return(r,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(h)())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("toolbar"))},[e.createElementVNode("div",S,[e.createVNode(e.unref(c.Tooltip),{placement:"bottom"},{title:e.withCtx(()=>t[1]||(t[1]=[e.createElementVNode("span",null,"全部删除",-1)])),default:e.withCtx(()=>[e.createVNode(e.unref(p.default),{name:"delete1",class:e.normalizeClass(e.unref(d)("toolbar","icon")),size:18,onClick:v},null,8,["class"])]),_:1}),e.createVNode(e.unref(c.Tooltip),{placement:"bottom"},{title:e.withCtx(()=>t[2]||(t[2]=[e.createElementVNode("span",null,"查看JSON Schema",-1)])),default:e.withCtx(()=>[e.createVNode(e.unref(p.default),{name:"code",class:e.normalizeClass(e.unref(d)("toolbar","icon")),size:18,onClick:g},null,8,["class"])]),_:1}),e.createCommentVNode(` <FormIcon name="desktop" />
2
- <FormIcon name="mobile" /> `)]),e.createElementVNode("div",y,[e.renderSlot(r.$slots,"toolbar")])],2),e.createCommentVNode(' ref="contentTelRef" '),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("content"))},[e.withDirectives(e.createElementVNode("div",D,[!e.unref(_)&&e.unref(a).length===0?(e.openBlock(),e.createElementBlock("div",z," 👈 请在左侧选择控件并拖至此处 ")):e.createCommentVNode("v-if",!0),e.createVNode(e.unref(c.Form),{autocomplete:"off",class:"design-from","label-align":"left"},{default:e.withCtx(()=>[e.createVNode(e.unref(w),{class:"drag-from",list:e.unref(a),group:{name:"form",put:e.unref(C)},animation:300,sort:!0,"item-key":"id","chosen-class":"choose",onStart:t[0]||(t[0]=n=>V(e.unref(a),n))},{item:e.withCtx(({element:n})=>[e.createElementVNode("div",F,[e.renderSlot(r.$slots,`panel-${n.key}`,{},()=>[e.createVNode(E.default,{field:n,space:e.unref(a)},null,8,["field","space"])])])]),_:3},8,["list","group"])]),_:3})],512),[[e.vShow,!s.value]]),e.withDirectives(e.createElementVNode("div",I,[e.createVNode(b.default,{data:i.value},null,8,["data"])],512),[[e.vShow,s.value]])],2)],2))}});exports.default=T;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../internal.js");const c=require("ant-design-vue"),k=require("vuedraggable"),f=require("../context/design.js");require("./panel/panel-item.vue2.js");const w=require("./base/json-preview.vue.js");require("./index.js");const x=require("../hooks/use-namespace/index.js"),p=require("./form-icon.vue2.js"),b=require("./panel/panel-item.vue.js"),E={class:"left"},S={class:"right"},q={class:"content-panel"},D={key:0,class:"prompt"},y={class:"form-item"},z={class:"content-editor"},I=e.defineComponent({name:"FormPanel",__name:"form-panel",setup(F){const i=e.ref({}),{isDrag:_}=f.useInjectDragContext(),s=e.ref(!1),n=f.useInjectDesignContext(),{fields:r}=n;function g(){s.value=!s.value,e.nextTick(()=>{i.value=n.getFormSchema()})}function v(){}const{b:h,e:d,em:u}=x.useNamespace("panel");function C(a,t){const o=e.toRaw(a),{oldIndex:V}=t,l=o[V];if(l){const{shared:m}=n;m.draggedContext.key=l.key,m.draggedContext.field=l}}async function N(){const{shared:a}=n,{field:t}=a.draggedContext,o={source:t,traget:r.value,region:"form-panel"};n.hooks.syncDragAdd.call(o),n.setCheckedField(t)}return(a,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(h)())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(d)("toolbar"))},[e.createElementVNode("div",E,[e.createVNode(e.unref(c.Tooltip),{placement:"bottom"},{title:e.withCtx(()=>t[1]||(t[1]=[e.createElementVNode("span",null,"全部删除",-1)])),default:e.withCtx(()=>[e.createVNode(e.unref(p.default),{name:"delete1",class:e.normalizeClass(e.unref(u)("toolbar","icon")),size:18,onClick:v},null,8,["class"])]),_:1}),e.createVNode(e.unref(c.Tooltip),{placement:"bottom"},{title:e.withCtx(()=>t[2]||(t[2]=[e.createElementVNode("span",null,"查看JSON Schema",-1)])),default:e.withCtx(()=>[e.createVNode(e.unref(p.default),{name:"code",class:e.normalizeClass(e.unref(u)("toolbar","icon")),size:18,onClick:g},null,8,["class"])]),_:1}),e.createCommentVNode(` <FormIcon name="desktop" />
2
+ <FormIcon name="mobile" /> `)]),e.createElementVNode("div",S,[e.renderSlot(a.$slots,"toolbar")])],2),e.createCommentVNode(' ref="contentTelRef" '),e.createElementVNode("div",{class:e.normalizeClass(e.unref(d)("content"))},[e.withDirectives(e.createElementVNode("div",q,[!e.unref(_)&&e.unref(r).length===0?(e.openBlock(),e.createElementBlock("div",D," 👈 请在左侧选择控件并拖至此处 ")):e.createCommentVNode("v-if",!0),e.createVNode(e.unref(c.Form),{autocomplete:"off",class:"design-from","label-align":"left"},{default:e.withCtx(()=>[e.createVNode(e.unref(k),{class:"drag-from",list:e.unref(r),group:{name:"form"},animation:300,sort:!0,"item-key":"id","chosen-class":"choose",onStart:t[0]||(t[0]=o=>C(e.unref(r),o)),onAdd:N},{item:e.withCtx(({element:o})=>[e.createElementVNode("div",y,[e.renderSlot(a.$slots,`panel-${o.key}`,{},()=>[e.createVNode(b.default,{field:o,space:e.unref(r)},null,8,["field","space"])])])]),_:3},8,["list"])]),_:3})],512),[[e.vShow,!s.value]]),e.withDirectives(e.createElementVNode("div",z,[e.createVNode(w.default,{data:i.value},null,8,["data"])],512),[[e.vShow,s.value]])],2)],2))}});exports.default=I;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("ant-design-vue");require("./widget/object.vue.js");const t=require("./panel-wrapper.js");require("./widget/select.vue.js");require("./widget/array-card.vue.js");require("./widget/date-range.vue.js");require("./widget/date-single.vue.js");require("./widget/kit.vue.js");const u=require("./widget/select.vue2.js"),a=require("./widget/object.vue2.js"),_=require("./widget/date-range.vue2.js"),n=require("./widget/date-single.vue2.js"),p=require("./widget/array-card.vue2.js"),r=require("./widget/kit.vue2.js"),i=t.panelWarpper(e.Input),s=t.panelWarpper(e.Textarea),l=t.panelWarpper(e.InputNumber),c={"k-input":i,"k-textarea":s,"k-input-number":l,"k-select":u.default,"k-object":a.default,"k-date-range":_.default,"k-date-single":n.default,"k-array-card":p.default,"k-overtime":r.default,"k-leave":r.default};exports.widgetPanels=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("ant-design-vue");require("./widget/object.vue.js");const t=require("./panel-wrapper.js");require("./widget/select.vue.js");require("./widget/array-card.vue.js");require("./widget/date-range.vue.js");require("./widget/date-single.vue.js");require("./widget/kit.vue.js");require("./widget/array-table.vue.js");const u=require("./widget/select.vue2.js"),a=require("./widget/object.vue2.js"),_=require("./widget/date-range.vue2.js"),n=require("./widget/date-single.vue2.js"),p=require("./widget/array-card.vue2.js"),r=require("./widget/kit.vue2.js"),i=require("./widget/array-table.vue2.js"),s=t.panelWarpper(e.Input),l=t.panelWarpper(e.Textarea),c=t.panelWarpper(e.InputNumber),o={"k-input":s,"k-textarea":l,"k-input-number":c,"k-select":u.default,"k-object":a.default,"k-date-range":_.default,"k-date-single":n.default,"k-array-card":p.default,"k-overtime":r.default,"k-leave":r.default,"k-table":i.default};exports.widgetPanels=o;
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("ant-design-vue");require("../../internal.js");const q=require("../../context/design.js");require("../index.js");const N=require("../../hooks/use-namespace/index.js"),c=require("../form-icon.vue2.js"),V={key:2,class:"icons"},z=e.defineComponent({__name:"panel-item",props:{field:{},space:{}},setup(C){const i=C,{b:y,e:d,m:u}=N.useNamespace("panel-item"),r=q.useInjectDesignContext(),{checkedField:s,shared:B}=r;function g(n,t={}){return Object.entries(n).forEach(([l,o])=>{typeof o=="function"?t[l]=e.defineAsyncComponent(o):t[l]=o}),t}const f=g(B.panelWidgets);function h(n){r.setCheckedField(n)}const a=e.computed(()=>{var t,l;return((l=(t=i.field["x-design-props"])==null?void 0:t.validate)==null?void 0:l.status)==="error"}),_=e.computed(()=>{var t;const n=[y()];return((t=s.value)==null?void 0:t.id)===i.field.id&&n.push(u("active")),a.value&&n.push(u("error")),n});function b(){if(!r.hooks.beforeDelete.call(i.field))return;const t=i.space.findIndex(l=>l.id===i.field.id);t!==-1&&i.space.splice(t,1)}return(n,t)=>{var l,o,p,m,k;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(_.value),onClick:t[0]||(t[0]=e.withModifiers(D=>h(n.field),["stop"]))},[e.unref(f)[n.field.key]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(f)[n.field.key]),{key:0,style:{width:"100%"},readonly:"",field:n.field},null,8,["field"])):(e.openBlock(),e.createBlock(e.unref(v.FormItem),{key:1,class:e.normalizeClass(e.unref(d)("form")),label:n.field.title},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(d)("error"))}," 未定义组件 ",2)]),_:1},8,["class","label"])),((l=e.unref(s))==null?void 0:l.id)===n.field.id||a.value?(e.openBlock(),e.createElementBlock("div",V,[((o=e.unref(s))==null?void 0:o.id)===n.field.id?(e.openBlock(),e.createBlock(e.unref(c.default),{key:0,name:"copy",class:"panel-icon",size:15})):e.createCommentVNode("v-if",!0),((p=e.unref(s))==null?void 0:p.id)===n.field.id?(e.openBlock(),e.createBlock(e.unref(c.default),{key:1,name:"delete1",class:"panel-icon",size:15,onClick:b})):e.createCommentVNode("v-if",!0),e.createVNode(e.unref(v.Tooltip),{title:(k=(m=n.field["x-design-props"])==null?void 0:m.validate)==null?void 0:k.message,color:"pink"},{default:e.withCtx(()=>[a.value?(e.openBlock(),e.createBlock(e.unref(c.default),{key:0,name:"exclamation-circle-filled",size:13,class:"panel-exclamation-icon"})):e.createCommentVNode("v-if",!0)]),_:1},8,["title"])])):e.createCommentVNode("v-if",!0)],2)}}});exports.default=z;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("ant-design-vue");require("../../internal.js");const N=require("../../context/design.js");require("../index.js");const V=require("../../hooks/use-namespace/index.js"),c=require("../form-icon.vue2.js"),_={key:2,class:"icons"},z=e.defineComponent({__name:"panel-item",props:{field:{},space:{},hideTitle:{type:Boolean}},setup(C){const l=C,{b:y,e:d,m:u}=V.useNamespace("panel-item"),r=N.useInjectDesignContext(),{checkedField:s,shared:B}=r;function h(t,n={}){return Object.entries(t).forEach(([i,o])=>{typeof o=="function"?n[i]=e.defineAsyncComponent(o):n[i]=o}),n}const f=h(B.panelWidgets);function g(t){r.setCheckedField(t)}const a=e.computed(()=>{var n,i;return((i=(n=l.field["x-design-props"])==null?void 0:n.validate)==null?void 0:i.status)==="error"}),b=e.computed(()=>{var n;const t=[y()];return((n=s.value)==null?void 0:n.id)===l.field.id&&t.push(u("active")),a.value&&t.push(u("error")),t});function q(){if(!r.hooks.beforeDelete.call(l.field))return;const n=l.space.findIndex(i=>i.id===l.field.id);n!==-1&&l.space.splice(n,1)}return(t,n)=>{var i,o,p,m,k;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(b.value),onClick:n[0]||(n[0]=e.withModifiers(D=>g(t.field),["stop"]))},[e.unref(f)[t.field.key]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(f)[t.field.key]),{key:0,"hide-title":t.hideTitle,field:t.field},null,8,["hide-title","field"])):(e.openBlock(),e.createBlock(e.unref(v.FormItem),{key:1,class:e.normalizeClass(e.unref(d)("form")),label:t.field.title},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(d)("error"))}," 未定义组件 ",2)]),_:1},8,["class","label"])),((i=e.unref(s))==null?void 0:i.id)===t.field.id||a.value?(e.openBlock(),e.createElementBlock("div",_,[((o=e.unref(s))==null?void 0:o.id)===t.field.id?(e.openBlock(),e.createBlock(e.unref(c.default),{key:0,name:"copy",class:"panel-icon",size:15})):e.createCommentVNode("v-if",!0),((p=e.unref(s))==null?void 0:p.id)===t.field.id?(e.openBlock(),e.createBlock(e.unref(c.default),{key:1,name:"delete1",class:"panel-icon",size:15,onClick:q})):e.createCommentVNode("v-if",!0),e.createVNode(e.unref(v.Tooltip),{title:(k=(m=t.field["x-design-props"])==null?void 0:m.validate)==null?void 0:k.message,color:"pink"},{default:e.withCtx(()=>[a.value?(e.openBlock(),e.createBlock(e.unref(c.default),{key:0,name:"exclamation-circle-filled",size:13,class:"panel-exclamation-icon"})):e.createCommentVNode("v-if",!0)]),_:1},8,["title"])])):e.createCommentVNode("v-if",!0)],2)}}});exports.default=z;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),p=require("ant-design-vue");require("../../internal.js");const l=require("../../hooks/use-namespace/index.js");function u(o){return e.defineComponent({name:"panelWarpper",props:{field:{type:Object}},setup(r){var t;const a=(t=r.field)==null?void 0:t["x-component-props"];return()=>{var n;return e.createVNode(p.FormItem,{class:[`${l.defaultNamespace}-panel-item__form`],label:(n=r.field)==null?void 0:n.title},{default:()=>e.h(o,{...a,readonly:!0}),_:1},8,["label"])}}})}exports.panelWarpper=u;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("ant-design-vue");require("../../internal.js");const i=require("../../hooks/use-namespace/index.js");function u(r){return e.defineComponent({name:"panelWarpper",props:{field:{type:Object},hideTitle:{type:Boolean,default:!1}},setup(t){var l;const n=(l=t.field)==null?void 0:l["x-component-props"];return()=>{var a;return e.createVNode("div",null,[t.hideTitle?e.h(r,{...n,readonly:!0}):e.createVNode(o.FormItem,{class:[`${i.defaultNamespace}-panel-item__form`],label:(a=t.field)==null?void 0:a.title},{default:()=>e.h(r,{...n,readonly:!0,style:{width:"100%"}}),_:1},8,["label"])])}}})}exports.panelWarpper=u;
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("vuedraggable");require("../../../internal.js");require("../../../index.js");const p=require("../../../context/design.js"),g=require("../../../hooks/use-namespace/index.js"),m=require("../panel-item.vue.js"),v={class:"form-item"},y=e.defineComponent({inheritAttrs:!1,__name:"array-card",props:{field:{}},setup(l){const o=p.useInjectDesignContext(),{b:s}=g.useNamespace("panel-drag");function a(){return!0}function d(t,n){const r=e.toRaw(t),{oldIndex:u}=n,i=r[u];if(i){const{shared:c}=o;c.draggedContext.key=i.key}}return console.log(l.field),(t,n)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",null,e.toDisplayString(t.field.title),1),e.createElementVNode("div",null,[e.createVNode(e.unref(f),{list:t.field.children,class:e.normalizeClass(e.unref(s)()),group:{name:"form",put:a},animation:300,sort:!0,"item-key":"id","chosen-class":"choose",onStart:n[0]||(n[0]=r=>d(t.field.children,r))},{item:e.withCtx(({element:r})=>[e.createElementVNode("div",v,[e.renderSlot(t.$slots,`panel-${r.key}`,{},()=>[e.createVNode(e.unref(m.default),{field:r,space:t.field.children},null,8,["field","space"])])])]),_:3},8,["list","class","group"]),n[1]||(n[1]=e.createElementVNode("div",{style:{color:"#c0bebe","text-align":"center",width:"90%",padding:"5px"}}," ☝ 拖拽控件到容器内部 ",-1))])]))}});exports.default=y;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("vuedraggable");require("../../../internal.js");const m=require("ant-design-vue");require("../../../index.js");const p=require("../../../context/design.js"),h=require("../../../hooks/use-namespace/index.js"),y=require("../panel-item.vue.js"),v={class:"form-item"},k=e.defineComponent({inheritAttrs:!1,__name:"array-card",props:{field:{}},setup(l){const i=p.useInjectDesignContext(),{b:a}=h.useNamespace("panel-drag");function c(){return!0}function u(t,n){const r=e.toRaw(t),{oldIndex:o}=n,d=r[o];if(d){const{shared:s}=i;s.draggedContext.key=d.key,s.draggedContext.field=d}}function f(){const{shared:t}=i,{field:n}=t.draggedContext,r={source:n,traget:l.field.children,region:"k-array-card"};if(i.hooks.syncDragAdd.call(r),!i.dragAddResult.every(d=>d)){const d=l.field.children.findIndex(s=>s.id===n.id);d!==-1&&(l.field.children.splice(d,1),m.message.warning("不能将该控件拖拽到列表容器中"))}}return(t,n)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",null,e.toDisplayString(t.field.title),1),e.createElementVNode("div",null,[e.createVNode(e.unref(g),{list:t.field.children,class:e.normalizeClass(e.unref(a)()),group:{name:"form",put:c},animation:300,sort:!0,"item-key":"id","chosen-class":"choose",onStart:n[0]||(n[0]=r=>u(t.field.children,r)),onAdd:f},{item:e.withCtx(({element:r})=>[e.createElementVNode("div",v,[e.renderSlot(t.$slots,`panel-${r.key}`,{},()=>[e.createVNode(e.unref(y.default),{field:r,space:t.field.children},null,8,["field","space"])])])]),_:3},8,["list","class","group"]),n[1]||(n[1]=e.createElementVNode("div",{style:{color:"#c0bebe","text-align":"center",width:"90%",padding:"5px"}}," ☝ 拖拽控件到容器内部 ",-1))])]))}});exports.default=k;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./array-table.vue2.js");exports.default=e.default;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("vuedraggable");require("../../../index.js");require("../../../internal.js");const u=require("ant-design-vue"),g=require("../../../context/design.js"),m=require("../../../hooks/use-namespace/index.js"),f=require("../panel-item.vue.js"),v={class:"array-table-box"},b={class:"array-table-drag"},y={class:"form-item"},p={class:"table-item"},_={class:"array-table-drag-header"},N={class:"array-table-drag-content"},V=e.defineComponent({name:"ArrayTable",__name:"array-table",props:{field:{}},setup(n){const s=g.useInjectDesignContext(),{b:i}=m.useNamespace("array-table");function l(){const{shared:a}=s,{field:t}=a.draggedContext,r={source:t,traget:n.field.children,region:"k-array-card"};if(s.hooks.syncDragAdd.call(r),!s.dragAddResult.every(d=>d)){const d=n.field.children.findIndex(o=>o.id===t.id);d!==-1&&(n.field.children.splice(d,1),u.message.warning("不能将该控件拖拽到列表容器中"))}}return(a,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(i)())},[t[1]||(t[1]=e.createElementVNode("div",null,"明细列表",-1)),e.createElementVNode("div",v,[t[0]||(t[0]=e.createElementVNode("div",{class:"array-table-left"},[e.createElementVNode("div",{class:"array-table-drag-header"}," 表头 "),e.createElementVNode("div",{class:"array-table-drag-content"})],-1)),e.createElementVNode("div",b,[e.createVNode(e.unref(c),{class:"widget-drag",list:a.field.children,group:{name:"form",direction:"vertical",removeCloneOnHide:!1},animation:300,sort:!0,"item-key":"id","drag-class":"table-item-drag-class",onAdd:l},{item:e.withCtx(({element:r})=>[e.createElementVNode("div",y,[e.renderSlot(a.$slots,`panel-${r.key}`,{},()=>[e.createElementVNode("div",p,[e.createElementVNode("div",_,e.toDisplayString(r.title),1),e.createElementVNode("div",N,[e.createVNode(e.unref(f.default),{field:r,space:a.field.children,"hide-title":""},null,8,["field","space"])])])])])]),_:3},8,["list"])])]),t[2]||(t[2]=e.createElementVNode("div",{style:{color:"#c0bebe","text-align":"center",width:"90%",padding:"5px"}}," ☝ 拖拽控件到明细列表 ",-1))],2))}});exports.default=V;
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("ant-design-vue"),n=e.defineComponent({__name:"date-range",props:{field:{}},setup(o){return(r,l)=>(e.openBlock(),e.createBlock(e.unref(t.FormItem),{label:r.field.title},{default:e.withCtx(()=>[e.createVNode(e.unref(t.RangePicker),e.normalizeProps(e.guardReactiveProps(r.field["x-component-props"])),null,16)]),_:1},8,["label"]))}});exports.default=n;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("ant-design-vue"),n=e.defineComponent({__name:"date-range",props:{field:{}},setup(o){return(r,l)=>(e.openBlock(),e.createBlock(e.unref(t.FormItem),{label:r.field.title},{default:e.withCtx(()=>[e.createVNode(e.unref(t.RangePicker),e.mergeProps(r.field["x-component-props"],{open:!1}),null,16)]),_:1},8,["label"]))}});exports.default=n;
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("vuedraggable");require("../../../internal.js");require("../../../index.js");const p=require("../../../context/design.js"),f=require("../../../hooks/use-namespace/index.js"),g=require("../panel-item.vue.js"),m={class:"form-item"},_=e.defineComponent({inheritAttrs:!1,__name:"object",props:{field:{}},setup(v){const o=p.useInjectDesignContext(),{b:s}=f.useNamespace("panel-drag");function l(){return!0}function d(t,n){const r=e.toRaw(t),{oldIndex:a}=n,i=r[a];if(i){const{shared:u}=o;u.draggedContext.key=i.key}}return(t,n)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",null,e.toDisplayString(t.field.title),1),e.createElementVNode("div",null,[e.createVNode(e.unref(c),{list:t.field.children,class:e.normalizeClass(e.unref(s)()),group:{name:"form",put:l},animation:300,sort:!0,"item-key":"id","chosen-class":"choose",onStart:n[0]||(n[0]=r=>d(t.field.children,r))},{item:e.withCtx(({element:r})=>[e.createElementVNode("div",m,[e.renderSlot(t.$slots,`panel-${r.key}`,{},()=>[e.createVNode(e.unref(g.default),{field:r,space:t.field.children},null,8,["field","space"])])])]),_:3},8,["list","class","group"]),n[1]||(n[1]=e.createElementVNode("div",{style:{color:"#c0bebe","text-align":"center",width:"90%",padding:"5px"}}," ☝ 拖拽控件到布局容器内部 ",-1))])]))}});exports.default=_;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("vuedraggable");require("../../../internal.js");require("../../../index.js");const g=require("ant-design-vue"),m=require("../../../context/design.js"),p=require("../../../hooks/use-namespace/index.js"),h=require("../panel-item.vue.js"),v={class:"form-item"},y=e.defineComponent({inheritAttrs:!1,__name:"object",props:{field:{}},setup(o){const r=m.useInjectDesignContext(),{b:a}=p.useNamespace("panel-drag");function c(t,n){const d=e.toRaw(t),{oldIndex:l}=n,i=d[l];if(i){const{shared:s}=r;s.draggedContext.key=i.key,s.draggedContext.field=i}}function u(){console.log("dragAdd");const{shared:t}=r,{field:n}=t.draggedContext,d={source:n,traget:o.field.children,region:"k-object"};if(r.hooks.syncDragAdd.call(d),!r.dragAddResult.every(i=>i)){const i=o.field.children.findIndex(s=>s.id===n.id);i!==-1&&(o.field.children.splice(i,1),g.message.warning("不能将该控件拖拽到对象容器中"))}}return(t,n)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",null,e.toDisplayString(t.field.title),1),e.createElementVNode("div",null,[e.createVNode(e.unref(f),{list:t.field.children,class:e.normalizeClass(e.unref(a)()),group:{name:"form"},animation:300,sort:!0,"item-key":"id","chosen-class":"choose",onStart:n[0]||(n[0]=d=>c(t.field.children,d)),onAdd:u},{item:e.withCtx(({element:d})=>[e.createElementVNode("div",v,[e.renderSlot(t.$slots,`panel-${d.key}`,{},()=>[e.createVNode(e.unref(h.default),{field:d,space:t.field.children},null,8,["field","space"])])])]),_:3},8,["list","class"]),n[1]||(n[1]=e.createElementVNode("div",{style:{color:"#c0bebe","text-align":"center",width:"90%",padding:"5px"}}," ☝ 拖拽控件到布局容器内部 ",-1))])]))}});exports.default=y;
@@ -1 +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","x-component":"FormLayout"}]},t={name:"基础组件",key:"basic",widget:[{title:"输入框",key:"k-input",type:"string",icon:"form-input","x-component":"Input","x-component-props":{placeholder:"请输入"}},{title:"多文本输入框",key:"k-textarea",type:"string",icon:"form-textarea","x-component":"Textarea","x-component-props":{placeholder:"请输入"}},{title:"数字输入框",key:"k-input-number",type:"number",icon:"form-number","x-component":"InputNumber","x-component-props":{placeholder:"请输入"}},{title:"下拉选择框",key:"k-select",type:"array",items:{type:"string"},icon:"form-select","x-component":"Select",enum:[{label:"选项1",value:"1"},{label:"选项2",value:"2"}],"x-component-props":{placeholder:"请选择",allowClear:!0,mode:"multiple"},"x-decorator":"FormItem"},{title:"日期范围",key:"k-date-range",type:"array",format:"date",items:{type:"string"},icon:"form-date","x-component":"InputNumber","x-component-props":{placeholder:"请输入",formatData:"YYYY-MM-DD"}},{title:"单个日期",key:"k-date-single",type:"string",format:"date",icon:"form-date","x-component":"InputNumber","x-component-props":{placeholder:"请输入",formatData:"YYYY-MM-DD"}},{title:"地区选择",key:"k-form-area",type:"object",icon:"form-area","x-component":"FormArea"}]},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:[],"x-component":"ArrayCard","x-decorator":"Void"},{title:"明细表",key:"k-table",type:"array",icon:"form-table","x-component":"FormLayout"}]},a=[{name:"加班模版",key:"overtime",icon:"form-kit-overtime",schema:{title:"加班模版",key:"k-overtime",type:"object",name:"overtime",id:"overtime","x-design-props":{validate:{status:"",message:""}},children:[{title:"加班人",key:"k-input",type:"string","x-component":"Input","x-component-props":{placeholder:"请输入"},name:"vzhax44q5mg",id:"vzhax44q5mg","x-design-props":{validate:{status:"",message:""}}},{title:"加班时长",key:"k-input-number",type:"number","x-component":"InputNumber","x-component-props":{placeholder:"请输入"},name:"aaaa",id:"aaaa","x-design-props":{validate:{status:"",message:""}}}]}},{name:"请假模版",key:"leave",icon:"form-kit-out",schema:{title:"请假模版",key:"k-leave",type:"object",name:"leave",id:"leave","x-design-props":{validate:{status:"",message:""}},children:[{title:"下拉选择框",key:"k-select",type:"array",items:{type:"string"},"x-component":"Select",enum:[{label:"选项1",value:"1"},{label:"选项2",value:"2"}],"x-component-props":{placeholder:"请选择",allowClear:!0,mode:"multiple"},"x-decorator":"FormItem",name:"uvvs3k1v39k",id:"uvvs3k1v39k","x-design-props":{validate:{status:"",message:""}}}]}}];exports.BaseSchema=t;exports.ExtendSchema=o;exports.LayoutSchema=e;exports.tempSchema=a;
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","x-component":"FormLayout"}]},t={name:"基础组件",key:"basic",widget:[{title:"输入框",key:"k-input",type:"string",icon:"form-input","x-component":"Input","x-component-props":{placeholder:"请输入"}},{title:"多文本输入框",key:"k-textarea",type:"string",icon:"form-textarea","x-component":"Textarea","x-component-props":{placeholder:"请输入"}},{title:"数字输入框",key:"k-input-number",type:"number",icon:"form-number","x-component":"InputNumber","x-component-props":{placeholder:"请输入"}},{title:"下拉选择框",key:"k-select",type:"array",items:{type:"string"},icon:"form-select","x-component":"Select",enum:[{label:"选项1",value:"1"},{label:"选项2",value:"2"}],"x-component-props":{placeholder:"请选择",allowClear:!0,mode:"multiple"},"x-decorator":"FormItem"},{title:"日期范围",key:"k-date-range",type:"array",format:"date",items:{type:"string",format:"date"},icon:"form-date","x-component":"DateRange","x-component-props":{valueFormat:"YYYY-MM-DD",placeholder:["开始日期","结束日期"]}},{title:"单个日期",key:"k-date-single",type:"string",format:"date",icon:"form-date","x-component":"InputNumber","x-component-props":{placeholder:"请输入",formatData:"YYYY-MM-DD"}},{title:"地区选择",key:"k-form-area",type:"object",icon:"form-area","x-component":"FormArea",children:[{title:"省份",key:"k-form-area-province",type:"string",name:"province"},{title:"城市",key:"k-form-area-city",type:"string",name:"city"},{title:"区县",key:"k-form-area-county",type:"string",name:"county"}]}]},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:[],"x-component":"ArrayCard","x-decorator":"Void"},{title:"明细表",key:"k-table",type:"array",icon:"form-table","x-component":"FormLayout"}]},a=[{name:"加班模版",key:"overtime",icon:"form-kit-overtime",schema:{title:"加班模版",key:"k-overtime",type:"object",name:"overtime",id:"overtime","x-design-props":{validate:{status:"",message:""}},children:[{title:"加班明细",key:"k-array-card",type:"array",children:[{title:"日期范围",key:"k-date-range",type:"array",format:"date",items:{type:"string",format:"date"},"x-component":"DateRange","x-component-props":{valueFormat:"YYYY-MM-DD HH:mm:ss",showTime:!0,placeholder:["开始日期","结束日期"]},name:"m6husq11vxw",id:"m6husq11vxw","x-design-props":{validate:{status:"",message:""}},children:[]},{title:"加班时长",key:"k-input-number",type:"number","x-component":"InputNumber","x-component-props":{placeholder:"请输入"},name:"b9yt6cz0u9f",id:"b9yt6cz0u9f","x-design-props":{validate:{status:"",message:""}}}],"x-component":"ArrayCard","x-decorator":"Void",name:"ptkezwx2oqd",id:"ptkezwx2oqd","x-design-props":{validate:{status:"",message:""}}},{title:"总时长",key:"k-input",type:"string","x-component":"Input","x-component-props":{placeholder:"请输入"},name:"rrglkf7d06w",id:"rrglkf7d06w","x-design-props":{validate:{status:"",message:""}}}]}},{name:"请假模版",key:"leave",icon:"form-kit-out",schema:{title:"请假模版",key:"k-leave",type:"object",name:"leave",id:"leave","x-design-props":{validate:{status:"",message:""}},children:[{title:"下拉选择框",key:"k-select",type:"array",items:{type:"string"},"x-component":"Select",enum:[{label:"选项1",value:"1"},{label:"选项2",value:"2"}],"x-component-props":{placeholder:"请选择",allowClear:!0,mode:"multiple"},"x-decorator":"FormItem",name:"uvvs3k1v39k",id:"uvvs3k1v39k","x-design-props":{validate:{status:"",message:""}}}]}}];exports.BaseSchema=t;exports.ExtendSchema=o;exports.LayoutSchema=e;exports.tempSchema=a;
@@ -1 +1 @@
1
- "use strict";var c=Object.defineProperty;var n=(r,e,s)=>e in r?c(r,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):r[e]=s;var t=(r,e,s)=>n(r,typeof e!="symbol"?e+"":e,s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("vue");require("../effects/index.js");const l=require("../components/panel/index.js");require("../components/props/index.js");const u=require("../plugins/index.js"),m=require("./Heart.js"),p=require("./FormSchema.js"),a=require("../components/props/widget/index.js"),g=require("../effects/effective.js");class f{constructor(e){t(this,"schema");t(this,"tempSchema");t(this,"heart");t(this,"plugin");t(this,"FormSchema",new p.FormSchema);t(this,"props");t(this,"checkedField",d.ref({}));t(this,"shared",{draggedContext:{key:"",field:null},panelWidgets:{},propsWidgets:{}});t(this,"extendFormProps",[]);t(this,"notify",(e,...s)=>{this.heart.publish(e,...s)});const{extendFormProps:s=[],propsWidgets:i={},panelWidgets:h={},...o}=e;this.shared.panelWidgets={...l.widgetPanels,...h},this.shared.propsWidgets={...a.widgetProps,...i},this.props={...o},this.schema=e.schema,this.tempSchema=e.tempSchema||[],this.plugin=new u.Plugin,this.heart=new m.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()}setCheckedField(e){this.checkedField.value=e}get lifecycles(){return this.props.effects?g.runEffects(this,this.props.effects):[]}get hooks(){return this.plugin.hooks}get fields(){return this.FormSchema.fields}}exports.FormDesign=f;
1
+ "use strict";var o=Object.defineProperty;var c=(r,e,s)=>e in r?o(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 d=require("vue");require("../effects/index.js");const u=require("../components/panel/index.js");require("../components/props/index.js");const l=require("../plugins/index.js"),g=require("./Heart.js"),a=require("./FormSchema.js"),p=require("../components/props/widget/index.js"),m=require("../effects/effective.js");class f{constructor(e){t(this,"schema");t(this,"tempSchema");t(this,"heart");t(this,"plugin");t(this,"FormSchema",new a.FormSchema);t(this,"props");t(this,"checkedField",d.ref({}));t(this,"shared",{draggedContext:{key:"",field:null},panelWidgets:{},propsWidgets:{}});t(this,"extendFormProps",[]);t(this,"notify",(e,...s)=>{this.heart.publish(e,...s)});const{extendFormProps:s=[],propsWidgets:i={},panelWidgets:h={},...n}=e;this.shared.panelWidgets={...u.widgetPanels,...h},this.shared.propsWidgets={...p.widgetProps,...i},this.props={...n},this.schema=e.schema,this.tempSchema=e.tempSchema||[],this.plugin=new l.Plugin,this.heart=new g.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()}setCheckedField(e){this.checkedField.value=e}get lifecycles(){return this.props.effects?m.runEffects(this,this.props.effects):[]}get hooks(){return this.plugin.hooks}get dragAddResult(){return this.plugin.dragAddResult}get fields(){return this.FormSchema.fields}}exports.FormDesign=f;
@@ -1 +1 @@
1
- "use strict";var c=Object.defineProperty;var l=(o,e,t)=>e in o?c(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t;var i=(o,e,t)=>l(o,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),a=require("@king-one/utils"),h=require("./Field.js");class d{constructor(){i(this,"version","1.0.0");i(this,"fields",n.ref([]))}getSchema(){const e=n.toRaw(this.fields.value);console.log(e,"s");const 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(r=>{const s=this.omit(r,["children"]);s.type==="object"||s.type==="void"?t[s.name]={...s,properties:this.jsonToschema(r.children)}:s.type==="array"&&r.children?t[s.name]={...s,items:{type:"object",id:a.uid(),properties:this.jsonToschema(r.children)}}:t[s.name]=s}),t}omit(e,t){const r={...e};return t.forEach(s=>{delete r[s]}),r}}exports.FormSchema=d;
1
+ "use strict";var c=Object.defineProperty;var l=(o,e,t)=>e in o?c(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t;var i=(o,e,t)=>l(o,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),a=require("@king-one/utils"),h=require("./Field.js");class d{constructor(){i(this,"version","1.0.0");i(this,"fields",n.ref([]))}getSchema(){const e=n.toRaw(this.fields.value);console.log(e,"s");const 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(r=>{const s=this.omit(r,["children"]);s.type==="object"||s.type==="void"?t[s.name]={...s,properties:this.jsonToschema(r.children)}:s.type==="array"&&r.children?t[s.name]={...s,items:s.items||{type:"object",id:a.uid(),properties:this.jsonToschema(r.children)}}:t[s.name]=s}),t}omit(e,t){const r={...e};return t.forEach(s=>{delete r[s]}),r}}exports.FormSchema=d;
@@ -1 +1 @@
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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./hooks/index.js");const e=require("./context/design.js");require("./utils/index.js");exports.useInjectDesignContext=e.useInjectDesignContext;exports.useInjectDragContext=e.useInjectDragContext;exports.useProvideDesignContext=e.useProvideDesignContext;exports.useProvideDragContext=e.useProvideDragContext;
@@ -1 +1 @@
1
- "use strict";var u=Object.defineProperty;var r=(t,e,l)=>e in t?u(t,e,{enumerable:!0,configurable:!0,writable:!0,value:l}):t[e]=l;var o=(t,e,l)=>r(t,typeof e!="symbol"?e+"":e,l);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@king-one/tapable"),s=require("./modules/drag-put.js");class i{constructor(){o(this,"hooks",{beforeDelete:new a.SyncBailHook(["value"]),dragPut:new a.SyncBailHook(["value"])});this.use(new s.BaseDragPut)}use(e){e.install.call(void 0,this)}}exports.Plugin=i;
1
+ "use strict";var i=Object.defineProperty;var o=(s,e,r)=>e in s?i(s,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):s[e]=r;var t=(s,e,r)=>o(s,typeof e!="symbol"?e+"":e,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@king-one/tapable"),u=require("./modules/drag-add.js");class a{constructor(){t(this,"hooks",{beforeDelete:new n.SyncBailHook(["value"]),syncDragAdd:new n.SyncHook(["value"])});t(this,"dragAddResult",[]);this.use(new u.BaseDragAdd),this.hooks.syncDragAdd.intercept({call:()=>{this.dragAddResult=[]},register:e=>{const r=e.fn;return e.fn=(...d)=>{const l=r(...d);return this.dragAddResult.push(l),l},e}})}use(e){e.install.call(void 0,this)}}exports.Plugin=a;
@@ -0,0 +1 @@
1
+ "use strict";var n=Object.defineProperty;var l=(a,e,r)=>e in a?n(a,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):a[e]=r;var s=(a,e,r)=>l(a,typeof e!="symbol"?e+"":e,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=["k-array-card","k-object","k-table"];class k{constructor(){s(this,"name","BaseDragAdd")}install(e){e.hooks.syncDragAdd.tap("formPanelDragAdd",r=>!0),e.hooks.syncDragAdd.tap("NestedDragAdd",r=>{const{region:t,source:d}=r;if(t==="k-array-card"||t==="k-object"||t==="k-table"){const o=["k-array-card","k-object","k-table"],{key:c}=d;return!o.includes(c)}return!0})}}exports.BaseDragAdd=k;exports.exclusion=u;
@@ -0,0 +1 @@
1
+ .k-design-array-table .array-table-box{display:flex;background-color:#f5f6f6;border:1px dashed #cbcdd3;padding:10px;overflow:hidden;min-height:120px}.k-design-array-table .array-table-box .array-table-left{height:auto;display:flex;flex-direction:column;border:1px solid #cbcdd3}.k-design-array-table .array-table-box .array-table-drag{border:1px solid #cbcdd3;border-left:none;display:flex;justify-content:flex-start;flex:1;overflow:hidden}.k-design-array-table .array-table-box .array-table-drag .widget-drag{width:100%;display:flex;justify-self:start;overflow-x:auto;overflow-y:hidden}.k-design-array-table .array-table-box .array-table-drag .widget-drag .form-item{display:flex;flex-direction:column;height:100%;border-right:1px solid #cbcdd3;min-width:160px}.k-design-array-table .array-table-box .array-table-drag .widget-drag .table-item{height:100%;display:flex;flex-direction:column}.k-design-array-table .array-table-box .array-table-drag-header{min-height:36px;display:flex;align-items:center;justify-content:center;min-width:70px;border-bottom:1px solid #cbcdd3}.k-design-array-table .array-table-box .array-table-drag-content{flex:1;flex-direction:column;align-items:center;justify-content:center}.k-design-array-table .array-table-box .table-item-drag-class{border:1px solid #cbcdd3!important}.k-design-array-table .array-table-box .sortable-ghost{border-left:3px solid var(--king-color-primary);width:0;height:100%!important;overflow:hidden;min-width:0!important}.k-design-array-table .array-table-box .sortable-ghost *{display:none}
@@ -1 +1 @@
1
- @font-face{font-family:iconfont-design;src:url(fonts/iconfont.woff2?t=34136) format("woff2"),url(fonts/iconfont.woff?t=57637) format("woff"),url(fonts/iconfont.ttf?t=11606) 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"}
1
+ @font-face{font-family:iconfont-design;src:url(fonts/iconfont.woff2?t=26016) format("woff2"),url(fonts/iconfont.woff?t=41630) format("woff"),url(fonts/iconfont.ttf?t=99872) 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"}
@@ -1 +1 @@
1
- @charset "UTF-8";: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-8);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-material .k-design-temp .template-list-drag{padding:0 10px;padding-top:15px;display:flex;-moz-column-gap:5px;column-gap:5px;row-gap:10px}.k-design-material .k-design-temp .template-list-drag .template-item{padding:8px 10px;cursor:pointer;flex:1;display:flex;background:#fff;border:1px solid var(--king-color-info-light-8);border-radius:5px}.k-design-material .k-design-temp .template-list-drag .template-item .template-item-icon{margin-right:5px}.k-design-material .k-design-temp .template-list-drag .template-item .template-item-name{font-size:13px}.k-design-material .k-design-temp .template-list-drag .template-item:hover{color:var(--king-color-primary);border-color:var(--king-color-primary-light-3)}.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}.k-design-panel .k-design-panel__content .drag-from .template-item{background-color:#fff;display:flex;padding:10px}.k-design-panel .k-design-panel__content .drag-from .template-item .template-item-icon{margin-right:5px}@font-face{font-family:iconfont-design;src:url(fonts/iconfont.woff2?t=91827) format("woff2"),url(fonts/iconfont.woff?t=55301) format("woff"),url(fonts/iconfont.ttf?t=28474) 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}.k-design-json-preview{border-radius:8px;background:#fff;height:100%;overflow:auto}.k-design-json-preview .code-container{position:relative;margin:8px;overflow:auto}.k-design-json-preview .hljs-ln{width:100%;border-collapse:collapse}.k-design-json-preview .hljs-ln td{vertical-align:top}.k-design-json-preview .hljs-ln td.hljs-ln-numbers{-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:right;color:#237893;border-right:1px solid #e5e7eb;padding:0 10px;width:1%}.k-design-json-preview .hljs-ln td.hljs-ln-code{padding:0 0 0 8px;display:flex;gap:6px;align-items:baseline;white-space:pre}.k-design-json-preview .indent-guides{display:inline-flex;pointer-events:none}.k-design-json-preview .indent-guide{display:inline-block;width:calc(var(--indent-char,1ch) * var(--indent-size));border-left:1px solid #e5e7eb;opacity:.6}.k-design-json-preview .hljs-ln .line-content{display:inline-block}.k-design-json-preview .hljs-ln .hljs-ln-n::before{content:attr(data-line-number)}.k-design-json-preview .fold-toggle{display:inline-block;width:1em;color:#6b7280;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.k-design-json-preview .fold-toggle:hover{color:#374151}.k-design-json-preview pre.hljs{margin:0;padding:12px 0}.k-design-json-preview .fold-gutter{display:inline-block;width:8px;flex:0 0 8px}.k-design-json-preview .hljs-ln .line-content{position:relative;display:inline-block}.k-design-json-preview .indent-guides{position:absolute;left:0;top:0;bottom:0;pointer-events:none;display:block}.k-design-json-preview .indent-guide{position:absolute;left:var(--guide-left);top:0;bottom:0;border-left:1px solid #e5e7eb;opacity:.4}.k-design-json-preview .fold-ellipsis{color:#9ca3af;font-style:italic}.k-design-json-preview .hljs-ln .hljs-ln-line.selected td{background-color:var(--selected-line-bg,rgba(99,102,241,.14))}.k-design-json-preview .indent-guide.active-guide{left:calc(var(--guide-left) + var(--indent-char,1ch) * var(--indent-size));border-left-color:#c1c0c0!important;opacity:1!important}:root{--hljs-background:#ffffff;--hljs-fg:#ffffff;--hljs-key:#a31515;--hljs-string:#0451a5;--hljs-number:#059669;--hljs-literal:#b45309;--hljs-punctuation:#000000}.hljs{background:var(--hljs-background);color:var(--hljs-fg)}.hljs-attr{color:var(--hljs-key)}.hljs-string{color:var(--hljs-string)}.hljs-number{color:var(--hljs-number)}.hljs-literal{color:var(--hljs-literal)}.hljs-operator,.hljs-punctuation{color:var(--hljs-punctuation)}.hljs-symbol{color:var(--hljs-literal)}.hljs-quote{color:var(--hljs-string)}.hljs-title{color:var(--hljs-key)}.k-design-carousel{width:100%;height:100%;overflow:hidden;position:relative}.k-design-carousel .carousel-track{display:flex;width:100%;height:100%}.k-design-carousel .carousel-track>*{flex:0 0 100%;width:100%;height:100%}.k-design-kit-panel{background-color:#f5f6f6;padding:10px 5px}.k-design-kit-panel .kit-item{margin-bottom:10px;background-color:#fff;padding:10px}.k-design-kit-panel .kit-item:last-child{margin-bottom:0}
1
+ @charset "UTF-8";: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-array-table .array-table-box{display:flex;background-color:#f5f6f6;border:1px dashed #cbcdd3;padding:10px;overflow:hidden;min-height:120px}.k-design-array-table .array-table-box .array-table-left{height:auto;display:flex;flex-direction:column;border:1px solid #cbcdd3}.k-design-array-table .array-table-box .array-table-drag{border:1px solid #cbcdd3;border-left:none;display:flex;justify-content:flex-start;flex:1;overflow:hidden}.k-design-array-table .array-table-box .array-table-drag .widget-drag{width:100%;display:flex;justify-self:start;overflow-x:auto;overflow-y:hidden}.k-design-array-table .array-table-box .array-table-drag .widget-drag .form-item{display:flex;flex-direction:column;height:100%;border-right:1px solid #cbcdd3;min-width:160px}.k-design-array-table .array-table-box .array-table-drag .widget-drag .table-item{height:100%;display:flex;flex-direction:column}.k-design-array-table .array-table-box .array-table-drag-header{min-height:36px;display:flex;align-items:center;justify-content:center;min-width:70px;border-bottom:1px solid #cbcdd3}.k-design-array-table .array-table-box .array-table-drag-content{flex:1;flex-direction:column;align-items:center;justify-content:center}.k-design-array-table .array-table-box .table-item-drag-class{border:1px solid #cbcdd3!important}.k-design-array-table .array-table-box .sortable-ghost{border-left:3px solid var(--king-color-primary);width:0;height:100%!important;overflow:hidden;min-width:0!important}.k-design-array-table .array-table-box .sortable-ghost *{display:none}.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-8);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-material .k-design-temp .template-list-drag{padding:0 10px;padding-top:15px;display:flex;-moz-column-gap:5px;column-gap:5px;row-gap:10px}.k-design-material .k-design-temp .template-list-drag .template-item{padding:8px 10px;cursor:pointer;flex:1;display:flex;background:#fff;border:1px solid var(--king-color-info-light-8);border-radius:5px}.k-design-material .k-design-temp .template-list-drag .template-item .template-item-icon{margin-right:5px}.k-design-material .k-design-temp .template-list-drag .template-item .template-item-name{font-size:13px}.k-design-material .k-design-temp .template-list-drag .template-item:hover{color:var(--king-color-primary);border-color:var(--king-color-primary-light-3)}.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 .sortable-ghost{border-top:3px solid var(--king-color-primary);height:0;overflow:hidden}@font-face{font-family:iconfont-design;src:url(fonts/iconfont.woff2?t=30938) format("woff2"),url(fonts/iconfont.woff?t=554) format("woff"),url(fonts/iconfont.ttf?t=27376) 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:hover{border:1px dashed var(--king-color-primary)}.k-design-panel-item--active{border:1px dashed var(--king-color-primary);border-left:none}.k-design-panel-item--active:before{content:"";position:absolute;top:0;left:0;height:100%;border-color:var(--king-color-primary);border-left:4px solid var(--king-color-primary)}.k-design-panel-item--active:hover{border-left:none}.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}.k-design-json-preview{border-radius:8px;background:#fff;height:100%;overflow:auto}.k-design-json-preview .code-container{position:relative;margin:8px;overflow:auto}.k-design-json-preview .hljs-ln{width:100%;border-collapse:collapse}.k-design-json-preview .hljs-ln td{vertical-align:top}.k-design-json-preview .hljs-ln td.hljs-ln-numbers{-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:right;color:#237893;border-right:1px solid #e5e7eb;padding:0 10px;width:1%}.k-design-json-preview .hljs-ln td.hljs-ln-code{padding:0 0 0 8px;display:flex;gap:6px;align-items:baseline;white-space:pre}.k-design-json-preview .indent-guides{display:inline-flex;pointer-events:none}.k-design-json-preview .indent-guide{display:inline-block;width:calc(var(--indent-char,1ch) * var(--indent-size));border-left:1px solid #e5e7eb;opacity:.6}.k-design-json-preview .hljs-ln .line-content{display:inline-block}.k-design-json-preview .hljs-ln .hljs-ln-n::before{content:attr(data-line-number)}.k-design-json-preview .fold-toggle{display:inline-block;width:1em;color:#6b7280;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.k-design-json-preview .fold-toggle:hover{color:#374151}.k-design-json-preview pre.hljs{margin:0;padding:12px 0}.k-design-json-preview .fold-gutter{display:inline-block;width:8px;flex:0 0 8px}.k-design-json-preview .hljs-ln .line-content{position:relative;display:inline-block}.k-design-json-preview .indent-guides{position:absolute;left:0;top:0;bottom:0;pointer-events:none;display:block}.k-design-json-preview .indent-guide{position:absolute;left:var(--guide-left);top:0;bottom:0;border-left:1px solid #e5e7eb;opacity:.4}.k-design-json-preview .fold-ellipsis{color:#9ca3af;font-style:italic}.k-design-json-preview .hljs-ln .hljs-ln-line.selected td{background-color:var(--selected-line-bg,rgba(99,102,241,.14))}.k-design-json-preview .indent-guide.active-guide{left:calc(var(--guide-left) + var(--indent-char,1ch) * var(--indent-size));border-left-color:#c1c0c0!important;opacity:1!important}:root{--hljs-background:#ffffff;--hljs-fg:#ffffff;--hljs-key:#a31515;--hljs-string:#0451a5;--hljs-number:#059669;--hljs-literal:#b45309;--hljs-punctuation:#000000}.hljs{background:var(--hljs-background);color:var(--hljs-fg)}.hljs-attr{color:var(--hljs-key)}.hljs-string{color:var(--hljs-string)}.hljs-number{color:var(--hljs-number)}.hljs-literal{color:var(--hljs-literal)}.hljs-operator,.hljs-punctuation{color:var(--hljs-punctuation)}.hljs-symbol{color:var(--hljs-literal)}.hljs-quote{color:var(--hljs-string)}.hljs-title{color:var(--hljs-key)}.k-design-carousel{width:100%;height:100%;overflow:hidden;position:relative}.k-design-carousel .carousel-track{display:flex;width:100%;height:100%}.k-design-carousel .carousel-track>*{flex:0 0 100%;width:100%;height:100%}.k-design-kit-panel{background-color:#f5f6f6;padding:10px 5px}.k-design-kit-panel .kit-item{margin-bottom:10px;background-color:#fff;padding:10px}.k-design-kit-panel .kit-item:last-child{margin-bottom:0}
@@ -1 +1 @@
1
- .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}
1
+ .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:hover{border:1px dashed var(--king-color-primary)}.k-design-panel-item--active{border:1px dashed var(--king-color-primary);border-left:none}.k-design-panel-item--active:before{content:"";position:absolute;top:0;left:0;height:100%;border-color:var(--king-color-primary);border-left:4px solid var(--king-color-primary)}.k-design-panel-item--active:hover{border-left:none}.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}
@@ -1 +1 @@
1
- .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}.k-design-panel .k-design-panel__content .drag-from .template-item{background-color:#fff;display:flex;padding:10px}.k-design-panel .k-design-panel__content .drag-from .template-item .template-item-icon{margin-right:5px}
1
+ .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 .sortable-ghost{border-top:3px solid var(--king-color-primary);height:0;overflow:hidden}
@@ -53,7 +53,7 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
53
53
  onAfterChange?: ((...args: any[]) => any) | undefined;
54
54
  }>, {
55
55
  modelValue: number;
56
- direction: "horizontal" | "vertical";
56
+ direction: "vertical" | "horizontal";
57
57
  isAnimating: boolean;
58
58
  }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
59
59
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
@@ -3,8 +3,10 @@ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOp
3
3
  declare const _default: DefineComponent<{
4
4
  field: FieldSchema;
5
5
  space: FieldSchema[];
6
+ hideTitle?: boolean;
6
7
  }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
7
8
  field: FieldSchema;
8
9
  space: FieldSchema[];
10
+ hideTitle?: boolean;
9
11
  }> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
10
12
  export default _default;
@@ -4,8 +4,18 @@ export declare function panelWarpper(Target: VueComponent): DefineComponent<Extr
4
4
  field: {
5
5
  type: PropType<FieldSchema>;
6
6
  };
7
+ hideTitle: {
8
+ type: BooleanConstructor;
9
+ default: boolean;
10
+ };
7
11
  }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
8
12
  field: {
9
13
  type: PropType<FieldSchema>;
10
14
  };
11
- }>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
15
+ hideTitle: {
16
+ type: BooleanConstructor;
17
+ default: boolean;
18
+ };
19
+ }>> & Readonly<{}>, {
20
+ hideTitle: boolean;
21
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
@@ -0,0 +1,20 @@
1
+ import { FieldSchema } from '@king-one/form-design/src/types';
2
+ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
+ declare function __VLS_template(): {
4
+ slots: any;
5
+ refs: {};
6
+ attrs: Partial<{}>;
7
+ };
8
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
9
+ declare const __VLS_component: DefineComponent<{
10
+ field: FieldSchema;
11
+ }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
12
+ field: FieldSchema;
13
+ }> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
14
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
15
+ export default _default;
16
+ type __VLS_WithTemplateSlots<T, S> = T & {
17
+ new (): {
18
+ $slots: S;
19
+ };
20
+ };
@@ -1,7 +1,7 @@
1
1
  import { ComponentWidgetType, DesignParams, DesignSchema, FieldSchema, FormDesignPlugin, PropsWidgetType, TemplateSchema, valueType, DragPutType } from '@king-one/form-design/src/types';
2
2
  import { Ref, VNode } from 'vue';
3
3
  import { Field } from './Field';
4
- import { SyncBailHook, UnsetAdditionalOptions } from '@king-one/tapable';
4
+ import { SyncBailHook, UnsetAdditionalOptions, SyncHook } from '@king-one/tapable';
5
5
  export declare class FormDesign {
6
6
  schema: DesignSchema[];
7
7
  tempSchema: TemplateSchema[];
@@ -213,8 +213,9 @@ export declare class FormDesign {
213
213
  private get lifecycles();
214
214
  get hooks(): {
215
215
  beforeDelete: SyncBailHook<FieldSchema, boolean, UnsetAdditionalOptions>;
216
- dragPut: SyncBailHook<DragPutType, boolean, UnsetAdditionalOptions>;
216
+ syncDragAdd: SyncHook<DragPutType, void, UnsetAdditionalOptions>;
217
217
  };
218
+ get dragAddResult(): any[];
218
219
  get fields(): Ref<{
219
220
  title: string;
220
221
  key: string;
@@ -1,2 +1,3 @@
1
1
  export * from './hooks';
2
2
  export * from './context/design';
3
+ export * from './utils';
@@ -1,10 +1,11 @@
1
- import { SyncBailHook, UnsetAdditionalOptions } from '@king-one/tapable';
1
+ import { SyncBailHook, SyncHook, UnsetAdditionalOptions } from '@king-one/tapable';
2
2
  import { DragPutType, FieldSchema, FormDesignPlugin } from '../types';
3
3
  export declare class Plugin {
4
4
  readonly hooks: {
5
5
  beforeDelete: SyncBailHook<FieldSchema, boolean, UnsetAdditionalOptions>;
6
- dragPut: SyncBailHook<DragPutType, boolean, UnsetAdditionalOptions>;
6
+ syncDragAdd: SyncHook<DragPutType, void, UnsetAdditionalOptions>;
7
7
  };
8
+ dragAddResult: any[];
8
9
  constructor();
9
10
  use(plugIn: FormDesignPlugin): void;
10
11
  }
@@ -1,5 +1,6 @@
1
1
  import { FormDesignPlugin, PluginInterface } from '../../types';
2
- export declare class BaseDragPut implements FormDesignPlugin {
2
+ export declare const exclusion: string[];
3
+ export declare class BaseDragAdd implements FormDesignPlugin {
3
4
  name: string;
4
5
  install(app: PluginInterface): void;
5
6
  }
@@ -97,7 +97,7 @@ export interface FormDesignPlugin {
97
97
  }
98
98
  export type widgetPropsType = Record<string, PropsWidgetType>;
99
99
  export interface DragPutType {
100
- key: string;
101
- field: FieldSchema;
102
- region: 'form-panel' | 'form-material';
100
+ source: FieldSchema;
101
+ traget: FieldSchema[];
102
+ region: 'form-panel' | 'k-array-card' | 'k-object' | 'k-table';
103
103
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@king-one/form-design",
3
3
  "type": "module",
4
- "version": "0.0.18",
4
+ "version": "0.0.19",
5
5
  "description": "@king-one 表单设计器",
6
6
  "author": "",
7
7
  "license": "ISC",
@@ -1,14 +0,0 @@
1
- var s = Object.defineProperty;
2
- var n = (a, e, r) => e in a ? s(a, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[e] = r;
3
- var t = (a, e, r) => n(a, typeof e != "symbol" ? e + "" : e, r);
4
- class l {
5
- constructor() {
6
- t(this, "name", "baseDragPut");
7
- }
8
- install(e) {
9
- e.hooks.dragPut.tap("baseDragPut", (r) => r.region === "form-panel" ? !0 : r.region === "form-material");
10
- }
11
- }
12
- export {
13
- l as BaseDragPut
14
- };
@@ -1 +0,0 @@
1
- "use strict";var s=Object.defineProperty;var u=(t,e,r)=>e in t?s(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var a=(t,e,r)=>u(t,typeof e!="symbol"?e+"":e,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class l{constructor(){a(this,"name","baseDragPut")}install(e){e.hooks.dragPut.tap("baseDragPut",r=>r.region==="form-panel"?!0:r.region==="form-material")}}exports.BaseDragPut=l;