@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.
- package/CHANGELOG.md +6 -0
- package/dist/es/src/components/form-material.vue.mjs +53 -51
- package/dist/es/src/components/form-panel.vue.mjs +69 -70
- package/dist/es/src/components/panel/index.mjs +12 -9
- package/dist/es/src/components/panel/panel-item.vue.mjs +28 -28
- package/dist/es/src/components/panel/panel-wrapper.mjs +25 -15
- package/dist/es/src/components/panel/widget/array-card.vue2.mjs +39 -26
- package/dist/es/src/components/panel/widget/array-table.vue.mjs +4 -0
- package/dist/es/src/components/panel/widget/array-table.vue2.mjs +105 -0
- package/dist/es/src/components/panel/widget/date-range.vue2.mjs +10 -10
- package/dist/es/src/components/panel/widget/object.vue2.mjs +40 -29
- package/dist/es/src/config/index.mjs +90 -21
- package/dist/es/src/core/Design.mjs +15 -12
- package/dist/es/src/core/FormSchema.mjs +1 -1
- package/dist/es/src/internal.mjs +5 -4
- package/dist/es/src/plugins/index.mjs +23 -11
- package/dist/es/src/plugins/modules/drag-add.mjs +23 -0
- package/dist/lib/src/components/form-material.vue.js +1 -1
- package/dist/lib/src/components/form-panel.vue.js +2 -2
- package/dist/lib/src/components/panel/index.js +1 -1
- package/dist/lib/src/components/panel/panel-item.vue.js +1 -1
- package/dist/lib/src/components/panel/panel-wrapper.js +1 -1
- package/dist/lib/src/components/panel/widget/array-card.vue2.js +1 -1
- package/dist/lib/src/components/panel/widget/array-table.vue.js +1 -0
- package/dist/lib/src/components/panel/widget/array-table.vue2.js +1 -0
- package/dist/lib/src/components/panel/widget/date-range.vue2.js +1 -1
- package/dist/lib/src/components/panel/widget/object.vue2.js +1 -1
- package/dist/lib/src/config/index.js +1 -1
- package/dist/lib/src/core/Design.js +1 -1
- package/dist/lib/src/core/FormSchema.js +1 -1
- package/dist/lib/src/internal.js +1 -1
- package/dist/lib/src/plugins/index.js +1 -1
- package/dist/lib/src/plugins/modules/drag-add.js +1 -0
- package/dist/theme-chalk/array-table.css +1 -0
- package/dist/theme-chalk/icon.css +1 -1
- package/dist/theme-chalk/index.css +1 -1
- package/dist/theme-chalk/panel-item.css +1 -1
- package/dist/theme-chalk/panel.css +1 -1
- package/dist/types/src/components/base/Carousel.vue.d.ts +1 -1
- package/dist/types/src/components/panel/panel-item.vue.d.ts +2 -0
- package/dist/types/src/components/panel/panel-wrapper.d.ts +11 -1
- package/dist/types/src/components/panel/widget/array-table.vue.d.ts +20 -0
- package/dist/types/src/core/Design.d.ts +3 -2
- package/dist/types/src/internal.d.ts +1 -0
- package/dist/types/src/plugins/index.d.ts +3 -2
- package/dist/types/src/plugins/modules/{drag-put.d.ts → drag-add.d.ts} +2 -1
- package/dist/types/src/types.d.ts +3 -3
- package/package.json +1 -1
- package/dist/es/src/plugins/modules/drag-put.mjs +0 -14
- package/dist/lib/src/plugins/modules/drag-put.js +0 -1
|
@@ -1,20 +1,32 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
import { SyncBailHook as
|
|
5
|
-
import {
|
|
6
|
-
class
|
|
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
|
-
|
|
9
|
-
beforeDelete: new
|
|
10
|
-
|
|
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
|
-
|
|
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"),
|
|
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"),
|
|
2
|
-
<FormIcon name="mobile" /> `)]),e.createElementVNode("div",
|
|
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),
|
|
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
|
|
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"),
|
|
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"),
|
|
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.
|
|
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"),
|
|
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":"
|
|
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
|
|
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;
|
package/dist/lib/src/internal.js
CHANGED
|
@@ -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
|
|
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=
|
|
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 .
|
|
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: "
|
|
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
|
-
|
|
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
|
-
|
|
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,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
|
-
|
|
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
|
|
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
|
-
|
|
101
|
-
|
|
102
|
-
region: 'form-panel' | '
|
|
100
|
+
source: FieldSchema;
|
|
101
|
+
traget: FieldSchema[];
|
|
102
|
+
region: 'form-panel' | 'k-array-card' | 'k-object' | 'k-table';
|
|
103
103
|
}
|
package/package.json
CHANGED
|
@@ -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;
|