@king-one/form-design 0.0.18 → 0.0.20
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 +12 -0
- package/dist/es/src/components/form-desgin.mjs +8 -7
- 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/components/props/form-config.vue.mjs +7 -8
- 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-desgin.js +1 -1
- 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/components/props/form-config.vue.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
|
@@ -76,13 +76,17 @@ const e = {
|
|
|
76
76
|
type: "array",
|
|
77
77
|
format: "date",
|
|
78
78
|
items: {
|
|
79
|
-
type: "string"
|
|
79
|
+
type: "string",
|
|
80
|
+
format: "date"
|
|
80
81
|
},
|
|
81
82
|
icon: "form-date",
|
|
82
|
-
"x-component": "
|
|
83
|
+
"x-component": "DateRange",
|
|
83
84
|
"x-component-props": {
|
|
84
|
-
|
|
85
|
-
|
|
85
|
+
valueFormat: "YYYY-MM-DD",
|
|
86
|
+
placeholder: [
|
|
87
|
+
"开始日期",
|
|
88
|
+
"结束日期"
|
|
89
|
+
]
|
|
86
90
|
}
|
|
87
91
|
},
|
|
88
92
|
{
|
|
@@ -102,7 +106,27 @@ const e = {
|
|
|
102
106
|
key: "k-form-area",
|
|
103
107
|
type: "object",
|
|
104
108
|
icon: "form-area",
|
|
105
|
-
"x-component": "FormArea"
|
|
109
|
+
"x-component": "FormArea",
|
|
110
|
+
children: [
|
|
111
|
+
{
|
|
112
|
+
title: "省份",
|
|
113
|
+
key: "k-form-area-province",
|
|
114
|
+
type: "string",
|
|
115
|
+
name: "province"
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
title: "城市",
|
|
119
|
+
key: "k-form-area-city",
|
|
120
|
+
type: "string",
|
|
121
|
+
name: "city"
|
|
122
|
+
},
|
|
123
|
+
{
|
|
124
|
+
title: "区县",
|
|
125
|
+
key: "k-form-area-county",
|
|
126
|
+
type: "string",
|
|
127
|
+
name: "county"
|
|
128
|
+
}
|
|
129
|
+
]
|
|
106
130
|
}
|
|
107
131
|
]
|
|
108
132
|
}, o = {
|
|
@@ -117,7 +141,7 @@ const e = {
|
|
|
117
141
|
children: []
|
|
118
142
|
},
|
|
119
143
|
{
|
|
120
|
-
title: "
|
|
144
|
+
title: "列表容器",
|
|
121
145
|
key: "k-array-card",
|
|
122
146
|
type: "array",
|
|
123
147
|
icon: "form-list",
|
|
@@ -152,15 +176,60 @@ const e = {
|
|
|
152
176
|
},
|
|
153
177
|
children: [
|
|
154
178
|
{
|
|
155
|
-
title: "
|
|
156
|
-
key: "k-
|
|
157
|
-
type: "
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
179
|
+
title: "加班明细",
|
|
180
|
+
key: "k-array-card",
|
|
181
|
+
type: "array",
|
|
182
|
+
children: [
|
|
183
|
+
{
|
|
184
|
+
title: "日期范围",
|
|
185
|
+
key: "k-date-range",
|
|
186
|
+
type: "array",
|
|
187
|
+
format: "date",
|
|
188
|
+
items: {
|
|
189
|
+
type: "string",
|
|
190
|
+
format: "date"
|
|
191
|
+
},
|
|
192
|
+
"x-component": "DateRange",
|
|
193
|
+
"x-component-props": {
|
|
194
|
+
valueFormat: "YYYY-MM-DD HH:mm:ss",
|
|
195
|
+
showTime: !0,
|
|
196
|
+
placeholder: [
|
|
197
|
+
"开始日期",
|
|
198
|
+
"结束日期"
|
|
199
|
+
]
|
|
200
|
+
},
|
|
201
|
+
name: "m6husq11vxw",
|
|
202
|
+
id: "m6husq11vxw",
|
|
203
|
+
"x-design-props": {
|
|
204
|
+
validate: {
|
|
205
|
+
status: "",
|
|
206
|
+
message: ""
|
|
207
|
+
}
|
|
208
|
+
},
|
|
209
|
+
children: []
|
|
210
|
+
},
|
|
211
|
+
{
|
|
212
|
+
title: "加班时长",
|
|
213
|
+
key: "k-input-number",
|
|
214
|
+
type: "number",
|
|
215
|
+
"x-component": "InputNumber",
|
|
216
|
+
"x-component-props": {
|
|
217
|
+
placeholder: "请输入"
|
|
218
|
+
},
|
|
219
|
+
name: "b9yt6cz0u9f",
|
|
220
|
+
id: "b9yt6cz0u9f",
|
|
221
|
+
"x-design-props": {
|
|
222
|
+
validate: {
|
|
223
|
+
status: "",
|
|
224
|
+
message: ""
|
|
225
|
+
}
|
|
226
|
+
}
|
|
227
|
+
}
|
|
228
|
+
],
|
|
229
|
+
"x-component": "ArrayCard",
|
|
230
|
+
"x-decorator": "Void",
|
|
231
|
+
name: "ptkezwx2oqd",
|
|
232
|
+
id: "ptkezwx2oqd",
|
|
164
233
|
"x-design-props": {
|
|
165
234
|
validate: {
|
|
166
235
|
status: "",
|
|
@@ -169,15 +238,15 @@ const e = {
|
|
|
169
238
|
}
|
|
170
239
|
},
|
|
171
240
|
{
|
|
172
|
-
title: "
|
|
173
|
-
key: "k-input
|
|
174
|
-
type: "
|
|
175
|
-
"x-component": "
|
|
241
|
+
title: "总时长",
|
|
242
|
+
key: "k-input",
|
|
243
|
+
type: "string",
|
|
244
|
+
"x-component": "Input",
|
|
176
245
|
"x-component-props": {
|
|
177
246
|
placeholder: "请输入"
|
|
178
247
|
},
|
|
179
|
-
name: "
|
|
180
|
-
id: "
|
|
248
|
+
name: "rrglkf7d06w",
|
|
249
|
+
id: "rrglkf7d06w",
|
|
181
250
|
"x-design-props": {
|
|
182
251
|
validate: {
|
|
183
252
|
status: "",
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
var m = Object.defineProperty;
|
|
2
2
|
var p = (r, e, s) => e in r ? m(r, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : r[e] = s;
|
|
3
3
|
var t = (r, e, s) => p(r, typeof e != "symbol" ? e + "" : e, s);
|
|
4
|
-
import { ref as
|
|
4
|
+
import { ref as d } from "vue";
|
|
5
5
|
import "../effects/index.mjs";
|
|
6
|
-
import { widgetPanels as
|
|
6
|
+
import { widgetPanels as c } from "../components/panel/index.mjs";
|
|
7
7
|
import "../components/props/index.mjs";
|
|
8
8
|
import { Plugin as l } from "../plugins/index.mjs";
|
|
9
|
-
import { Heart as
|
|
10
|
-
import { FormSchema as
|
|
11
|
-
import { widgetProps as
|
|
9
|
+
import { Heart as n } from "./Heart.mjs";
|
|
10
|
+
import { FormSchema as g } from "./FormSchema.mjs";
|
|
11
|
+
import { widgetProps as a } from "../components/props/widget/index.mjs";
|
|
12
12
|
import { runEffects as f } from "../effects/effective.mjs";
|
|
13
|
-
class
|
|
13
|
+
class C {
|
|
14
14
|
constructor(e) {
|
|
15
15
|
t(this, "schema");
|
|
16
16
|
t(this, "tempSchema");
|
|
17
17
|
t(this, "heart");
|
|
18
18
|
t(this, "plugin");
|
|
19
|
-
t(this, "FormSchema", new
|
|
19
|
+
t(this, "FormSchema", new g());
|
|
20
20
|
t(this, "props");
|
|
21
|
-
t(this, "checkedField",
|
|
21
|
+
t(this, "checkedField", d({}));
|
|
22
22
|
t(this, "shared", {
|
|
23
23
|
draggedContext: {
|
|
24
24
|
key: "",
|
|
@@ -33,12 +33,12 @@ class L {
|
|
|
33
33
|
});
|
|
34
34
|
const { extendFormProps: s = [], propsWidgets: i = {}, panelWidgets: o = {}, ...h } = e;
|
|
35
35
|
this.shared.panelWidgets = {
|
|
36
|
-
...
|
|
36
|
+
...c,
|
|
37
37
|
...o
|
|
38
38
|
}, this.shared.propsWidgets = {
|
|
39
|
-
...
|
|
39
|
+
...a,
|
|
40
40
|
...i
|
|
41
|
-
}, this.props = { ...h }, this.schema = e.schema, this.tempSchema = e.tempSchema || [], this.plugin = new l(), this.heart = new
|
|
41
|
+
}, this.props = { ...h }, this.schema = e.schema, this.tempSchema = e.tempSchema || [], this.plugin = new l(), this.heart = new n({
|
|
42
42
|
lifecycles: this.lifecycles,
|
|
43
43
|
context: this
|
|
44
44
|
}), this.extendFormProps = s;
|
|
@@ -61,10 +61,13 @@ class L {
|
|
|
61
61
|
get hooks() {
|
|
62
62
|
return this.plugin.hooks;
|
|
63
63
|
}
|
|
64
|
+
get dragAddResult() {
|
|
65
|
+
return this.plugin.dragAddResult;
|
|
66
|
+
}
|
|
64
67
|
get fields() {
|
|
65
68
|
return this.FormSchema.fields;
|
|
66
69
|
}
|
|
67
70
|
}
|
|
68
71
|
export {
|
|
69
|
-
|
|
72
|
+
C as FormDesign
|
|
70
73
|
};
|
package/dist/es/src/internal.mjs
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import "./hooks/index.mjs";
|
|
2
|
-
import { useInjectDesignContext as
|
|
2
|
+
import { useInjectDesignContext as r, useInjectDragContext as i, useProvideDesignContext as s, useProvideDragContext as x } from "./context/design.mjs";
|
|
3
|
+
import "./utils/index.mjs";
|
|
3
4
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
5
|
+
r as useInjectDesignContext,
|
|
6
|
+
i as useInjectDragContext,
|
|
6
7
|
s as useProvideDesignContext,
|
|
7
|
-
|
|
8
|
+
x as useProvideDragContext
|
|
8
9
|
};
|
|
@@ -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 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../internal.js");const s=require("../context/design.js");require("./index.js");const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../internal.js");const s=require("../context/design.js");require("./index.js");const a=require("./types.js"),c=require("../utils/merge.js");require("@king-one/form-design/dist/theme-chalk/index.css");const l=require("../hooks/use-namespace/index.js"),g=require("./form-material.vue.js"),_=require("./form-panel.vue.js"),p=require("./form-setting.vue.js"),{b:d}=l.useNamespace("main"),f={config:{theme:"dark",tags:["frontend","vue"]}},m={config:{language:"zh-CN",tags:["typescript","javascript"]}},v=c.merge(f,m,{});console.log(v);const q=e.defineComponent({name:"FormDesign",props:a.FormDesignProps,setup(u,{slots:n}){const{toolbar:o,setting:r}=n,t=e.ref(!1);return s.useProvideDragContext({isDrag:t,updateDrag:i=>{t.value=i}}),s.useProvideDesignContext(u.design),()=>e.h("form",{class:d()},[e.h(g.default),e.h(_.default,{},{toolbar:o}),e.h(p.default,null,{default:()=>r==null?void 0:r()})])}});exports.default=q;
|
|
@@ -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.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("ant-design-vue");require("../../internal.js");const i=require("../types.js");require("./form-props.vue.js");const l=require("./widget/index.js")
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("ant-design-vue");require("../../internal.js");const i=require("../types.js");require("./form-props.vue.js");const l=require("./widget/index.js"),p=require("../../context/design.js"),d=require("../../hooks/use-namespace/index.js"),f=require("./form-props.vue2.js"),m=e.defineComponent({__name:"form-config",props:i.FormConfigProps,setup(o){const s=o,{checkedField:c}=p.useInjectDesignContext(),r=e.computed(()=>c.value.key||""),{b:a}=d.useNamespace("form-config"),n=l.expandProps(s.expandProps);return(u,k)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(a)())},[e.createVNode(e.unref(t.Tabs),{size:"small",centered:"",class:"setting-tabs"},{default:e.withCtx(()=>[e.createVNode(e.unref(t.TabPane),{key:"1",tab:"组件配置"},{default:e.withCtx(()=>[r.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(n)[r.value]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(n)[r.value]),{key:0})):(e.openBlock(),e.createBlock(e.unref(t.Empty),{key:1,style:{"margin-top":"50px"},description:"暂无配置"}))],64)):(e.openBlock(),e.createBlock(e.unref(t.Empty),{key:1,style:{"margin-top":"50px"},description:"请选择添加的组件"}))]),_:1}),e.createVNode(e.unref(t.TabPane),{key:"2",tab:"表单配置"},{default:e.withCtx(()=>[e.renderSlot(u.$slots,"formProps",{},()=>[e.createVNode(f.default)])]),_:3})]),_:3})],2))}});exports.default=m;
|
|
@@ -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=14088) format("woff2"),url(fonts/iconfont.woff?t=87613) format("woff"),url(fonts/iconfont.ttf?t=54422) 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"}
|