@kp-ui/lowcode 2.14.0-alpha.4 → 2.14.0-beta
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/install.js +24 -45
- package/package.json +1 -1
- package/src/components/form-designer/form-widget/container-widget/container-wrapper.vue.js +17 -17
- package/src/components/form-designer/form-widget/container-widget/grid-col-widget.vue.js +10 -10
- package/src/components/form-designer/form-widget/container-widget/index.js +6 -7
- package/src/components/form-designer/form-widget/container-widget/table-cell-widget.vue.js +9 -9
- package/src/components/form-designer/form-widget/field-widget/button-widget.vue.js +2 -2
- package/src/components/form-designer/form-widget/field-widget/diy-compontent-widget.vue.js +1 -1
- package/src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue.js +32 -32
- package/src/components/form-designer/form-widget/field-widget/input-widget.vue.js +3 -3
- package/src/components/form-designer/form-widget/field-widget/select-widget.vue.js +7 -7
- package/src/components/form-designer/form-widget/field-widget/static-content-wrapper.vue.js +18 -18
- package/src/components/form-designer/index.vue.js +21 -25
- package/src/components/form-designer/setting-panel/index.vue.js +55 -54
- package/src/components/form-designer/setting-panel/property-editor/button-list-editor.vue2.js +10 -10
- package/src/components/form-designer/setting-panel/property-editor/buttonIcon-editor.vue.js +14 -11
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue.js +2 -2
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue2.js +116 -118
- package/src/components/form-designer/setting-panel/property-editor/container-grid/gutter-editor.vue.js +11 -11
- package/src/components/form-designer/setting-panel/property-editor/field-button/danger-editor.vue.js +13 -11
- package/src/components/form-designer/setting-panel/property-editor/field-button/ghost-editor.vue.js +15 -13
- package/src/components/form-designer/setting-panel/property-editor/field-button/icon-editor.vue.js +17 -14
- package/src/components/form-designer/setting-panel/property-editor/field-button/shape-editor.vue.js +14 -12
- package/src/components/form-designer/setting-panel/property-editor/field-dropdown/dropdown-menuList-editor.vue.js +15 -11
- package/src/components/form-designer/setting-panel/property-editor/field-file-upload/file-upload-fileTypes-editor.vue.js +2 -2
- package/src/components/form-designer/setting-panel/property-editor/field-picture-upload/picture-upload-fileTypes-editor.vue.js +2 -2
- package/src/components/form-designer/setting-panel/property-editor/field-treeSelect/treeSelect-treeDefaultExpandAll-editor.vue.js +16 -14
- package/src/components/form-designer/setting-panel/property-editor/labelIconClass-editor.vue.js +16 -13
- package/src/components/form-designer/setting-panel/property-editor/name-editor.vue.js +7 -3
- package/src/components/form-designer/setting-panel/property-editor/placement-editor.vue.js +24 -22
- package/src/components/form-designer/setting-panel/property-editor/validation-editor.vue.js +15 -12
- package/src/components/form-designer/toolbar-panel/index.vue.js +2 -2
- package/src/components/form-designer/toolbar-panel/index.vue2.js +66 -67
- package/src/components/form-designer/widget-panel/advanced/data-table.js +6 -1
- package/src/components/form-designer/widget-panel/basicFields/color.js +2 -7
- package/src/components/form-designer/widget-panel/index.vue.js +16 -16
- package/src/components/form-render/index.vue.js +10 -10
- package/src/components/http-editor/index.vue.js +27 -23
- package/src/components/public/ActionButtonListRender.vue.js +24 -19
- package/src/components/public/ActionButtonListRender.vue2.js +1 -1
- package/src/lang/en-US.js +17 -0
- package/src/lang/zh-CN.js +17 -0
- package/stats.html +1 -1
- package/styles/style.css +1 -1
- package/types/install.d.ts +3 -14
- package/src/components/form-render/container-item/data-table-item.vue.js +0 -149
- package/src/components/form-render/container-item/grid-col-item.vue.js +0 -149
- package/src/components/form-render/container-item/grid-item.vue.js +0 -92
- package/src/components/form-render/container-item/grid-sub-form-item.vue.js +0 -319
- package/src/components/form-render/container-item/index.js +0 -24
- package/src/components/form-render/container-item/sub-form-item.vue.js +0 -429
- package/src/components/form-render/container-item/tab-item.vue.js +0 -160
- package/src/components/form-render/container-item/table-cell-item.vue.js +0 -95
- package/src/components/form-render/container-item/table-item.vue.js +0 -96
- package/src/components/form-render/container-item/vf-collapse-item.vue.js +0 -252
- package/src/components/form-render/container-item/vf-dialog-item.vue.js +0 -12
- package/src/components/form-render/container-item/vf-drawer-item.vue.js +0 -12
|
@@ -1,14 +1,13 @@
|
|
|
1
|
-
import { defineComponent as Je, defineAsyncComponent as Te, getCurrentInstance as We, inject as Le, ref as u, computed as F, onMounted as xe, resolveComponent as D, createElementBlock as I, openBlock as y, createElementVNode as C, createVNode as
|
|
1
|
+
import { defineComponent as Je, defineAsyncComponent as Te, getCurrentInstance as We, inject as Le, ref as u, computed as F, onMounted as xe, resolveComponent as D, createElementBlock as I, openBlock as y, createElementVNode as C, createVNode as r, withCtx as s, unref as n, normalizeStyle as M, createTextVNode as c, toDisplayString as p, createBlock as _, createCommentVNode as J, Fragment as Be, renderList as Ne, renderSlot as He, normalizeClass as Se, nextTick as U } from "vue";
|
|
2
2
|
import { addWindowResizeHandler as Ee, copyToClipboard as Re, getQueryParam as Pe } from "../../../utils/util.js";
|
|
3
3
|
import { useI18n as je } from "../../../utils/i18n.js";
|
|
4
4
|
import { saveAs as Ve } from "file-saver";
|
|
5
|
-
import h from "
|
|
6
|
-
import { fmtHttpParams as
|
|
7
|
-
import { getLocat as
|
|
5
|
+
import { SvgIcon as h, TpfModal as z, TpfCodeEditor as $e, CodeEditor as Oe } from "tmgc2-share";
|
|
6
|
+
import { fmtHttpParams as Ae } from "../../../utils/request/fmtHttpParams.js";
|
|
7
|
+
import { getLocat as K } from "@kp-ui/tool";
|
|
8
8
|
import { cloneDeep as T } from "lodash-es";
|
|
9
|
-
import { TpfModal as K, TpfCodeEditor as Oe, CodeEditor as Ae } from "tmgc2-share";
|
|
10
9
|
import { message as W } from "ant-design-vue";
|
|
11
|
-
const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue = { class: "right-toolbar" }, ze = { class: "right-toolbar-con" },
|
|
10
|
+
const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue = { class: "right-toolbar" }, ze = { class: "right-toolbar-con" }, ot = /* @__PURE__ */ Je({
|
|
12
11
|
__name: "index",
|
|
13
12
|
props: {
|
|
14
13
|
leftWidth: {},
|
|
@@ -24,7 +23,7 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
|
|
|
24
23
|
We();
|
|
25
24
|
const a = Q, G = Le("getDesignerConfig"), j = u(null), g = u(null), V = u(null);
|
|
26
25
|
u(null);
|
|
27
|
-
const X = u({ type: "add", ...
|
|
26
|
+
const X = u({ type: "add", ...K() }), L = u(G()), $ = u(460), x = u(!1), O = u(!1), k = u(!1), H = u(!1), S = u([]), B = u(""), N = u(""), Y = u(""), Z = u(""), ee = u({
|
|
28
27
|
select62173: 2
|
|
29
28
|
}), A = F(() => ({
|
|
30
29
|
widgetList: T(a.designer.widgetList),
|
|
@@ -140,7 +139,7 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
|
|
|
140
139
|
const e = T(a.designer.widgetList), t = T(a.designer.formConfig);
|
|
141
140
|
N.value = JSON.stringify({ widgetList: e, formConfig: t }, null, " "), k.value = !0;
|
|
142
141
|
}, ve = async () => {
|
|
143
|
-
const e = a.designer.formConfig, { id: t } =
|
|
142
|
+
const e = a.designer.formConfig, { id: t } = K(), o = await Ae(e.serveList.vformDetail, { _id: t }), i = [{ date: "2024-10-28" }, { date: "2024-10-29" }, { date: "2024-10-20" }];
|
|
144
143
|
g.value.getWidgetRef("leaveDates").setValue(i), g.value.setFormData({
|
|
145
144
|
...o
|
|
146
145
|
}), g.value.setReadMode(!0);
|
|
@@ -177,91 +176,91 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
|
|
|
177
176
|
const o = D("a-button"), i = D("a-radio-button"), m = D("a-radio-group"), f = D("a-tree"), R = D("a-drawer");
|
|
178
177
|
return y(), I("div", Ie, [
|
|
179
178
|
C("div", Me, [
|
|
180
|
-
|
|
179
|
+
r(o, {
|
|
181
180
|
type: "link",
|
|
182
181
|
onClick: t[0] || (t[0] = (d) => e.changeLeftWidth())
|
|
183
182
|
}, {
|
|
184
183
|
default: s(() => [
|
|
185
|
-
n(h, {
|
|
184
|
+
r(n(h), {
|
|
186
185
|
style: M(`transform:${e.leftWidth === 0 ? "rotate(180deg)" : "rotate(0deg)"}`),
|
|
187
186
|
"icon-class": "a-ipadarrow_back"
|
|
188
187
|
}, null, 8, ["style"])
|
|
189
188
|
]),
|
|
190
189
|
_: 1
|
|
191
190
|
}),
|
|
192
|
-
|
|
191
|
+
r(o, {
|
|
193
192
|
type: "link",
|
|
194
193
|
disabled: te.value,
|
|
195
|
-
title:
|
|
194
|
+
title: n(l)("designer.toolbar.undoHint"),
|
|
196
195
|
onClick: se
|
|
197
196
|
}, {
|
|
198
197
|
default: s(() => [
|
|
199
|
-
n(h, { "icon-class": "undo" })
|
|
198
|
+
r(n(h), { "icon-class": "icon-undo" })
|
|
200
199
|
]),
|
|
201
200
|
_: 1
|
|
202
201
|
}, 8, ["disabled", "title"]),
|
|
203
|
-
|
|
202
|
+
r(o, {
|
|
204
203
|
type: "link",
|
|
205
204
|
disabled: oe.value,
|
|
206
|
-
title:
|
|
205
|
+
title: n(l)("designer.toolbar.redoHint"),
|
|
207
206
|
onClick: ae
|
|
208
207
|
}, {
|
|
209
208
|
default: s(() => [
|
|
210
|
-
n(h, { "icon-class": "redo" })
|
|
209
|
+
r(n(h), { "icon-class": "icon-redo" })
|
|
211
210
|
]),
|
|
212
211
|
_: 1
|
|
213
212
|
}, 8, ["disabled", "title"]),
|
|
214
|
-
|
|
213
|
+
r(m, {
|
|
215
214
|
value: v.value,
|
|
216
215
|
"onUpdate:value": t[4] || (t[4] = (d) => v.value = d)
|
|
217
216
|
}, {
|
|
218
217
|
default: s(() => [
|
|
219
|
-
|
|
218
|
+
r(i, {
|
|
220
219
|
value: "PC",
|
|
221
220
|
type: v.value === "PC" ? "primary" : "",
|
|
222
221
|
onClick: t[1] || (t[1] = (d) => E("PC"))
|
|
223
222
|
}, {
|
|
224
223
|
default: s(() => [
|
|
225
|
-
c(p(
|
|
224
|
+
c(p(n(l)("designer.toolbar.pcLayout")), 1)
|
|
226
225
|
]),
|
|
227
226
|
_: 1
|
|
228
227
|
}, 8, ["type"]),
|
|
229
|
-
|
|
228
|
+
r(i, {
|
|
230
229
|
value: "Pad",
|
|
231
230
|
type: v.value === "Pad" ? "primary" : "",
|
|
232
231
|
onClick: t[2] || (t[2] = (d) => E("Pad"))
|
|
233
232
|
}, {
|
|
234
233
|
default: s(() => [
|
|
235
|
-
c(p(
|
|
234
|
+
c(p(n(l)("designer.toolbar.padLayout")), 1)
|
|
236
235
|
]),
|
|
237
236
|
_: 1
|
|
238
237
|
}, 8, ["type"]),
|
|
239
|
-
|
|
238
|
+
r(i, {
|
|
240
239
|
type: v.value === "H5" ? "primary" : "",
|
|
241
240
|
onClick: t[3] || (t[3] = (d) => E("H5")),
|
|
242
241
|
value: "H5"
|
|
243
242
|
}, {
|
|
244
243
|
default: s(() => [
|
|
245
|
-
c(p(
|
|
244
|
+
c(p(n(l)("designer.toolbar.mobileLayout")), 1)
|
|
246
245
|
]),
|
|
247
246
|
_: 1
|
|
248
247
|
}, 8, ["type"])
|
|
249
248
|
]),
|
|
250
249
|
_: 1
|
|
251
250
|
}, 8, ["value"]),
|
|
252
|
-
|
|
251
|
+
r(o, {
|
|
253
252
|
style: { "margin-left": "20px" },
|
|
254
|
-
title:
|
|
253
|
+
title: n(l)("designer.toolbar.nodeTreeHint"),
|
|
255
254
|
onClick: ie
|
|
256
255
|
}, {
|
|
257
256
|
default: s(() => [
|
|
258
|
-
n(h, { "icon-class": "node-tree" })
|
|
257
|
+
r(n(h), { "icon-class": "icon-node-tree" })
|
|
259
258
|
]),
|
|
260
259
|
_: 1
|
|
261
260
|
}, 8, ["title"])
|
|
262
261
|
]),
|
|
263
|
-
|
|
264
|
-
title:
|
|
262
|
+
r(R, {
|
|
263
|
+
title: n(l)("designer.toolbar.nodeTreeTitle"),
|
|
265
264
|
direction: "ltr",
|
|
266
265
|
open: H.value,
|
|
267
266
|
"onUpdate:open": t[5] || (t[5] = (d) => H.value = d),
|
|
@@ -270,7 +269,7 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
|
|
|
270
269
|
class: "node-tree-drawer"
|
|
271
270
|
}, {
|
|
272
271
|
default: s(() => [
|
|
273
|
-
|
|
272
|
+
r(f, {
|
|
274
273
|
ref_key: "nodeTree",
|
|
275
274
|
ref: j,
|
|
276
275
|
treeData: S.value,
|
|
@@ -291,8 +290,8 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
|
|
|
291
290
|
onClick: de
|
|
292
291
|
}, {
|
|
293
292
|
default: s(() => [
|
|
294
|
-
n(h, { "icon-class": "el-delete" }),
|
|
295
|
-
c(p(
|
|
293
|
+
r(n(h), { "icon-class": "icon-el-delete" }),
|
|
294
|
+
c(p(n(l)("designer.toolbar.clear")), 1)
|
|
296
295
|
]),
|
|
297
296
|
_: 1
|
|
298
297
|
})) : J("", !0),
|
|
@@ -302,8 +301,8 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
|
|
|
302
301
|
onClick: ue
|
|
303
302
|
}, {
|
|
304
303
|
default: s(() => [
|
|
305
|
-
n(h, { "icon-class": "el-view" }),
|
|
306
|
-
c(p(
|
|
304
|
+
r(n(h), { "icon-class": "icon-el-view" }),
|
|
305
|
+
c(p(n(l)("designer.toolbar.preview")), 1)
|
|
307
306
|
]),
|
|
308
307
|
_: 1
|
|
309
308
|
})) : J("", !0),
|
|
@@ -313,7 +312,7 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
|
|
|
313
312
|
onClick: me
|
|
314
313
|
}, {
|
|
315
314
|
default: s(() => [
|
|
316
|
-
c(p(
|
|
315
|
+
c(p(n(l)("designer.toolbar.importJson")), 1)
|
|
317
316
|
]),
|
|
318
317
|
_: 1
|
|
319
318
|
})) : J("", !0),
|
|
@@ -323,7 +322,7 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
|
|
|
323
322
|
onClick: fe
|
|
324
323
|
}, {
|
|
325
324
|
default: s(() => [
|
|
326
|
-
c(p(
|
|
325
|
+
c(p(n(l)("designer.toolbar.exportJson")), 1)
|
|
327
326
|
]),
|
|
328
327
|
_: 1
|
|
329
328
|
})) : J("", !0),
|
|
@@ -333,18 +332,18 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
|
|
|
333
332
|
onClick: re
|
|
334
333
|
}, {
|
|
335
334
|
default: s(() => [
|
|
336
|
-
c(p(
|
|
335
|
+
c(p(n(l)("designer.toolbar.save")), 1)
|
|
337
336
|
]),
|
|
338
337
|
_: 1
|
|
339
338
|
})) : J("", !0),
|
|
340
|
-
|
|
339
|
+
r(o, {
|
|
341
340
|
type: "link",
|
|
342
341
|
onClick: t[6] || (t[6] = (d) => e.changeRightWidth())
|
|
343
342
|
}, {
|
|
344
343
|
default: s(() => [
|
|
345
|
-
n(h, {
|
|
344
|
+
r(n(h), {
|
|
346
345
|
style: M(`transform:${e.rightWidth === 0 ? "rotate(0deg)" : "rotate(180deg)"}`),
|
|
347
|
-
"icon-class": "a-ipadarrow_back"
|
|
346
|
+
"icon-class": "icon-a-ipadarrow_back"
|
|
348
347
|
}, null, 8, ["style"])
|
|
349
348
|
]),
|
|
350
349
|
_: 1
|
|
@@ -352,8 +351,8 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
|
|
|
352
351
|
(y(!0), I(Be, null, Ne(e.$slots, (d, P) => He(e.$slots, P, {}, void 0, !0)), 256))
|
|
353
352
|
])
|
|
354
353
|
]),
|
|
355
|
-
n(
|
|
356
|
-
title:
|
|
354
|
+
r(n(z), {
|
|
355
|
+
title: n(l)("designer.toolbar.preview"),
|
|
357
356
|
visible: x.value,
|
|
358
357
|
"onUpdate:visible": t[8] || (t[8] = (d) => x.value = d),
|
|
359
358
|
"show-close": !0,
|
|
@@ -369,54 +368,54 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
|
|
|
369
368
|
id: "footerRight",
|
|
370
369
|
style: { "margin-right": "8px" }
|
|
371
370
|
}, null, -1)),
|
|
372
|
-
|
|
371
|
+
r(o, { onClick: ve }, {
|
|
373
372
|
default: s(() => t[12] || (t[12] = [
|
|
374
373
|
c("数据回显")
|
|
375
374
|
])),
|
|
376
375
|
_: 1,
|
|
377
376
|
__: [12]
|
|
378
377
|
}),
|
|
379
|
-
|
|
378
|
+
r(o, {
|
|
380
379
|
type: "primary",
|
|
381
380
|
onClick: ye
|
|
382
381
|
}, {
|
|
383
382
|
default: s(() => [
|
|
384
|
-
c(p(
|
|
383
|
+
c(p(n(l)("designer.hint.getFormData")), 1)
|
|
385
384
|
]),
|
|
386
385
|
_: 1
|
|
387
386
|
}),
|
|
388
|
-
|
|
387
|
+
r(o, {
|
|
389
388
|
type: "primary",
|
|
390
389
|
onClick: Ce
|
|
391
390
|
}, {
|
|
392
391
|
default: s(() => [
|
|
393
|
-
c(p(
|
|
392
|
+
c(p(n(l)("designer.hint.resetForm")), 1)
|
|
394
393
|
]),
|
|
395
394
|
_: 1
|
|
396
395
|
}),
|
|
397
|
-
|
|
396
|
+
r(o, {
|
|
398
397
|
type: "primary",
|
|
399
398
|
onClick: ke
|
|
400
399
|
}, {
|
|
401
400
|
default: s(() => [
|
|
402
|
-
c(p(
|
|
401
|
+
c(p(n(l)("designer.hint.disableForm")), 1)
|
|
403
402
|
]),
|
|
404
403
|
_: 1
|
|
405
404
|
}),
|
|
406
|
-
|
|
405
|
+
r(o, {
|
|
407
406
|
type: "primary",
|
|
408
407
|
onClick: we
|
|
409
408
|
}, {
|
|
410
409
|
default: s(() => [
|
|
411
|
-
c(p(
|
|
410
|
+
c(p(n(l)("designer.hint.enableForm")), 1)
|
|
412
411
|
]),
|
|
413
412
|
_: 1
|
|
414
413
|
}),
|
|
415
|
-
|
|
414
|
+
r(o, {
|
|
416
415
|
onClick: t[7] || (t[7] = (d) => x.value = !1)
|
|
417
416
|
}, {
|
|
418
417
|
default: s(() => [
|
|
419
|
-
c(p(
|
|
418
|
+
c(p(n(l)("designer.hint.closePreview")), 1)
|
|
420
419
|
]),
|
|
421
420
|
_: 1
|
|
422
421
|
})
|
|
@@ -428,11 +427,11 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
|
|
|
428
427
|
v.value === "H5" ? "h5-layout" : v.value === "Pad" ? "pad-layout" : ""
|
|
429
428
|
]])
|
|
430
429
|
}, [
|
|
431
|
-
n(
|
|
430
|
+
r(n(q), {
|
|
432
431
|
vfCtx: X.value,
|
|
433
432
|
ref_key: "preForm",
|
|
434
433
|
ref: g,
|
|
435
|
-
"form-json":
|
|
434
|
+
"form-json": n(T)(A.value),
|
|
436
435
|
"form-data": ee.value,
|
|
437
436
|
"preview-state": !0,
|
|
438
437
|
"global-dsv": ne.value,
|
|
@@ -445,54 +444,54 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
|
|
|
445
444
|
]),
|
|
446
445
|
_: 1
|
|
447
446
|
}, 8, ["title", "visible"]),
|
|
448
|
-
n(
|
|
447
|
+
r(n($e), {
|
|
449
448
|
ref_key: "importJsonEditorRef",
|
|
450
449
|
ref: V,
|
|
451
450
|
isShowEventFooter: !1,
|
|
452
|
-
"event-header":
|
|
451
|
+
"event-header": n(l)("designer.hint.importJsonHint"),
|
|
453
452
|
modelValue: B.value,
|
|
454
453
|
"onUpdate:modelValue": t[9] || (t[9] = (d) => B.value = d),
|
|
455
454
|
mode: "json",
|
|
456
455
|
width: 1200,
|
|
457
456
|
height: "70vh",
|
|
458
|
-
title:
|
|
457
|
+
title: n(l)("designer.toolbar.importJson"),
|
|
459
458
|
onSetCode: ge
|
|
460
459
|
}, null, 8, ["event-header", "modelValue", "title"]),
|
|
461
|
-
n(
|
|
462
|
-
title:
|
|
460
|
+
r(n(z), {
|
|
461
|
+
title: n(l)("designer.hint.exportFormData"),
|
|
463
462
|
visible: k.value,
|
|
464
463
|
"onUpdate:visible": t[11] || (t[11] = (d) => k.value = d),
|
|
465
464
|
width: "1200px"
|
|
466
465
|
}, {
|
|
467
466
|
footerRight: s(() => [
|
|
468
|
-
|
|
467
|
+
r(o, {
|
|
469
468
|
type: "primary",
|
|
470
469
|
class: "copy-form-data-json-btn",
|
|
471
470
|
"data-clipboard-text": N.value,
|
|
472
471
|
onClick: he
|
|
473
472
|
}, {
|
|
474
473
|
default: s(() => [
|
|
475
|
-
c(p(
|
|
474
|
+
c(p(n(l)("designer.hint.copyFormData")), 1)
|
|
476
475
|
]),
|
|
477
476
|
_: 1
|
|
478
477
|
}, 8, ["data-clipboard-text"]),
|
|
479
|
-
|
|
478
|
+
r(o, { onClick: be }, {
|
|
480
479
|
default: s(() => [
|
|
481
|
-
c(p(
|
|
480
|
+
c(p(n(l)("designer.hint.saveFormData")), 1)
|
|
482
481
|
]),
|
|
483
482
|
_: 1
|
|
484
483
|
}),
|
|
485
|
-
|
|
484
|
+
r(o, {
|
|
486
485
|
onClick: t[10] || (t[10] = (d) => k.value = !1)
|
|
487
486
|
}, {
|
|
488
487
|
default: s(() => [
|
|
489
|
-
c(p(
|
|
488
|
+
c(p(n(l)("designer.hint.closePreview")), 1)
|
|
490
489
|
]),
|
|
491
490
|
_: 1
|
|
492
491
|
})
|
|
493
492
|
]),
|
|
494
493
|
default: s(() => [
|
|
495
|
-
n(
|
|
494
|
+
r(n(Oe), {
|
|
496
495
|
mode: "json",
|
|
497
496
|
readonly: !0,
|
|
498
497
|
value: N.value
|
|
@@ -505,5 +504,5 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
|
|
|
505
504
|
}
|
|
506
505
|
});
|
|
507
506
|
export {
|
|
508
|
-
|
|
507
|
+
ot as default
|
|
509
508
|
};
|
|
@@ -75,7 +75,12 @@ const l = (t = {}) => ({
|
|
|
75
75
|
onHideOperationButton: "",
|
|
76
76
|
onDisableOperationButton: "",
|
|
77
77
|
onOperationButtonClick: "",
|
|
78
|
-
customRow: {
|
|
78
|
+
customRow: {
|
|
79
|
+
onClick: "",
|
|
80
|
+
onDblclick: "",
|
|
81
|
+
onMouseenter: "",
|
|
82
|
+
onMouseleave: "432432432432"
|
|
83
|
+
},
|
|
79
84
|
onTableChange: "",
|
|
80
85
|
pagination: {
|
|
81
86
|
pageSizeOptions: ["10", "20", "50", "100"],
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { getUuidKey as e } from "@kp-ui/tool";
|
|
2
|
-
const
|
|
2
|
+
const n = (l = {}) => ({
|
|
3
3
|
key: e(),
|
|
4
4
|
id: l.name,
|
|
5
5
|
type: "color",
|
|
@@ -11,16 +11,11 @@ const a = (l = {}) => ({
|
|
|
11
11
|
labelAlign: "",
|
|
12
12
|
defaultValue: null,
|
|
13
13
|
columnWidth: "200px",
|
|
14
|
-
size: "",
|
|
15
14
|
labelWidth: null,
|
|
16
15
|
labelHidden: !1,
|
|
17
16
|
disabled: !1,
|
|
18
17
|
hidden: !1,
|
|
19
18
|
holdHidden: !0,
|
|
20
|
-
required: !1,
|
|
21
|
-
requiredHint: "",
|
|
22
|
-
validation: "",
|
|
23
|
-
validationHint: "",
|
|
24
19
|
//-------------------
|
|
25
20
|
customClass: [],
|
|
26
21
|
//自定义css类名
|
|
@@ -36,5 +31,5 @@ const a = (l = {}) => ({
|
|
|
36
31
|
}
|
|
37
32
|
});
|
|
38
33
|
export {
|
|
39
|
-
|
|
34
|
+
n as color
|
|
40
35
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import _ from "
|
|
1
|
+
import { SvgIcon as _ } from "tmgc2-share";
|
|
2
2
|
import w from "../../../lib/vuedraggable/src/vuedraggable.js";
|
|
3
3
|
import { containers as C, basicFields as T, advancedFields as D, customFields as N, businessFields as L } from "./widgetsConfig.js";
|
|
4
4
|
import { formTemplates as B } from "./templatesConfig.js";
|
|
@@ -6,7 +6,7 @@ import { generateId as c, addWindowResizeHandler as W } from "../../../utils/uti
|
|
|
6
6
|
import x from "../../../utils/i18n.js";
|
|
7
7
|
import H from "axios";
|
|
8
8
|
import { TpfConfirm as M } from "../../../hooks/TpfConfirm.js";
|
|
9
|
-
import { resolveComponent as r, createElementBlock as $, openBlock as F, createElementVNode as a, createVNode as t, withCtx as l, createCommentVNode as b, createBlock as E, createTextVNode as
|
|
9
|
+
import { resolveComponent as r, createElementBlock as $, openBlock as F, createElementVNode as a, createVNode as t, withCtx as l, createCommentVNode as b, createBlock as E, createTextVNode as g, toDisplayString as m } from "vue";
|
|
10
10
|
/* empty css */
|
|
11
11
|
import K from "../../../../_virtual/_plugin-vue_export-helper.js";
|
|
12
12
|
const j = {
|
|
@@ -157,8 +157,8 @@ function z(e, n, p, P, o, s) {
|
|
|
157
157
|
t(k, { key: "componentLib" }, {
|
|
158
158
|
tab: l(() => [
|
|
159
159
|
a("span", null, [
|
|
160
|
-
t(d, { "icon-class": "el-set-up" }),
|
|
161
|
-
|
|
160
|
+
t(d, { "icon-class": "icon-el-set-up" }),
|
|
161
|
+
g(" " + m(e.i18nt("designer.componentLib")), 1)
|
|
162
162
|
])
|
|
163
163
|
]),
|
|
164
164
|
default: l(() => [
|
|
@@ -192,10 +192,10 @@ function z(e, n, p, P, o, s) {
|
|
|
192
192
|
}, [
|
|
193
193
|
a("span", null, [
|
|
194
194
|
t(d, {
|
|
195
|
-
"icon-class": i.icon,
|
|
196
|
-
|
|
195
|
+
"icon-class": "icon-" + i.icon,
|
|
196
|
+
class: "color-svg-icon"
|
|
197
197
|
}, null, 8, ["icon-class"]),
|
|
198
|
-
|
|
198
|
+
g(" " + m(i.showName || e.i18n2t(
|
|
199
199
|
`designer.widgetLabel.${i.type}`,
|
|
200
200
|
`extension.widgetLabel.${i.type}`
|
|
201
201
|
)), 1)
|
|
@@ -230,10 +230,10 @@ function z(e, n, p, P, o, s) {
|
|
|
230
230
|
}, [
|
|
231
231
|
a("span", null, [
|
|
232
232
|
t(d, {
|
|
233
|
-
"icon-class": i.icon,
|
|
234
|
-
|
|
233
|
+
"icon-class": "icon-" + i.icon,
|
|
234
|
+
class: "color-svg-icon"
|
|
235
235
|
}, null, 8, ["icon-class"]),
|
|
236
|
-
|
|
236
|
+
g(" " + m(i.showName || e.i18n2t(
|
|
237
237
|
`designer.widgetLabel.${i.type}`,
|
|
238
238
|
`extension.widgetLabel.${i.type}`
|
|
239
239
|
)), 1)
|
|
@@ -268,10 +268,10 @@ function z(e, n, p, P, o, s) {
|
|
|
268
268
|
}, [
|
|
269
269
|
a("span", null, [
|
|
270
270
|
t(d, {
|
|
271
|
-
"icon-class": i.icon,
|
|
272
|
-
|
|
271
|
+
"icon-class": "icon-" + i.icon,
|
|
272
|
+
class: "color-svg-icon"
|
|
273
273
|
}, null, 8, ["icon-class"]),
|
|
274
|
-
|
|
274
|
+
g(" " + m(i.showName || e.i18n2t(
|
|
275
275
|
`designer.widgetLabel.${i.type}`,
|
|
276
276
|
`extension.widgetLabel.${i.type}`
|
|
277
277
|
)), 1)
|
|
@@ -308,9 +308,9 @@ function z(e, n, p, P, o, s) {
|
|
|
308
308
|
a("span", null, [
|
|
309
309
|
t(d, {
|
|
310
310
|
"icon-class": i.icon,
|
|
311
|
-
|
|
311
|
+
class: "color-svg-icon"
|
|
312
312
|
}, null, 8, ["icon-class"]),
|
|
313
|
-
|
|
313
|
+
g(" " + m(e.i18n2t(
|
|
314
314
|
`designer.widgetLabel.${i.type}`,
|
|
315
315
|
`extension.widgetLabel.${i.type}`
|
|
316
316
|
)), 1)
|
|
@@ -335,7 +335,7 @@ function z(e, n, p, P, o, s) {
|
|
|
335
335
|
])
|
|
336
336
|
]);
|
|
337
337
|
}
|
|
338
|
-
const ne = /* @__PURE__ */ K(j, [["render", z], ["__scopeId", "data-v-
|
|
338
|
+
const ne = /* @__PURE__ */ K(j, [["render", z], ["__scopeId", "data-v-bf88a5e1"]]);
|
|
339
339
|
export {
|
|
340
340
|
ne as default
|
|
341
341
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { resolveComponent as b, createElementBlock as F, openBlock as m, Fragment as D, createVNode as u, withCtx as
|
|
1
|
+
import { resolveComponent as b, createElementBlock as F, openBlock as m, Fragment as D, createVNode as u, withCtx as c, createElementVNode as x, normalizeStyle as A, withKeys as _, normalizeClass as B, renderList as C, createBlock as W, resolveDynamicComponent as O, createSlots as v, renderSlot as M, mergeProps as y, render as J } from "vue";
|
|
2
2
|
import P from "../../utils/emitter.js";
|
|
3
3
|
import $ from "../form-designer/form-widget/field-widget/index.js";
|
|
4
4
|
import { useI18n as H } from "@kp-ui/i18n";
|
|
5
|
-
import { buildDefaultFormJson as T, getContainerWidgetByName as R, cloneFormConfigWithoutEventHandler as w, deepClone as f, getDSByName as E, overwriteObj as
|
|
5
|
+
import { buildDefaultFormJson as T, getContainerWidgetByName as R, cloneFormConfigWithoutEventHandler as w, deepClone as f, getDSByName as E, overwriteObj as g, runDataSourceRequest as j, getAllContainerWidgets as z, getAllFieldWidgets as G, getDefaultFormConfig as K, traverseFieldWidgets as q, getFieldWidgetByName as V, traverseFieldWidgetsOfContainer as N, insertCustomCssToHead as U, insertGlobalFunctionsToHtml as Q, generateId as L } from "../../utils/util.js";
|
|
6
6
|
import X, { setLangMessages as Y } from "../../utils/i18n.js";
|
|
7
7
|
import Z from "./dynamic-dialog.vue.js";
|
|
8
8
|
/* empty css */
|
|
@@ -405,7 +405,7 @@ const et = {
|
|
|
405
405
|
const i = E(this.formConfig, e);
|
|
406
406
|
if (i) {
|
|
407
407
|
const o = new Object({});
|
|
408
|
-
|
|
408
|
+
g(o, this.globalDsv || {});
|
|
409
409
|
let s = null;
|
|
410
410
|
try {
|
|
411
411
|
s = await j(
|
|
@@ -457,7 +457,7 @@ const et = {
|
|
|
457
457
|
}
|
|
458
458
|
this.clearFormDataModel(), this.buildFormModel(e.widgetList);
|
|
459
459
|
const i = f(K());
|
|
460
|
-
|
|
460
|
+
g(i, e.formConfig), this.formJsonObj.formConfig = i, this.formJsonObj.widgetList = e.widgetList, this.insertCustomStyleAndScriptNode(), this.$nextTick(() => {
|
|
461
461
|
this.initFormObject(!1), this.initDataSetRequest(), this.handleOnMounted();
|
|
462
462
|
});
|
|
463
463
|
} else
|
|
@@ -658,7 +658,7 @@ const et = {
|
|
|
658
658
|
*/
|
|
659
659
|
async executeDataSource(t, e) {
|
|
660
660
|
const i = E(this.formJsonObj.formConfig, t), o = new Object({});
|
|
661
|
-
return
|
|
661
|
+
return g(o, this.globalDsv), g(o, e), await j(i, o, this, !1, this.$message);
|
|
662
662
|
},
|
|
663
663
|
/**
|
|
664
664
|
* 获取父级VFormRender组件实例
|
|
@@ -770,7 +770,7 @@ function it(t, e, i, o, s, r) {
|
|
|
770
770
|
const n = b("a-form"), a = b("a-spin"), d = b("DynamicDialog");
|
|
771
771
|
return m(), F(D, null, [
|
|
772
772
|
u(a, { spinning: s.isLoading }, {
|
|
773
|
-
default:
|
|
773
|
+
default: c(() => [
|
|
774
774
|
x("div", {
|
|
775
775
|
style: A(s.isLoading ? "min-height: 260px" : "")
|
|
776
776
|
}, [
|
|
@@ -783,7 +783,7 @@ function it(t, e, i, o, s, r) {
|
|
|
783
783
|
ref: "renderForm",
|
|
784
784
|
onKeydown: _(r.handleEnterKey, ["enter"])
|
|
785
785
|
}, {
|
|
786
|
-
default:
|
|
786
|
+
default: c(() => [
|
|
787
787
|
(m(!0), F(D, null, C(r.widgetList, (l, S) => (m(), F(D, null, [
|
|
788
788
|
l.category === "container" ? (m(), W(O(r.getContainerWidgetName(l)), {
|
|
789
789
|
widget: l,
|
|
@@ -796,7 +796,7 @@ function it(t, e, i, o, s, r) {
|
|
|
796
796
|
}, v({ _: 2 }, [
|
|
797
797
|
C(Object.keys(t.$slots), (h) => ({
|
|
798
798
|
name: h,
|
|
799
|
-
fn:
|
|
799
|
+
fn: c((p) => [
|
|
800
800
|
M(t.$slots, h, y({ ref_for: !0 }, p), void 0, !0)
|
|
801
801
|
])
|
|
802
802
|
}))
|
|
@@ -811,7 +811,7 @@ function it(t, e, i, o, s, r) {
|
|
|
811
811
|
}, v({ _: 2 }, [
|
|
812
812
|
C(Object.keys(t.$slots), (h) => ({
|
|
813
813
|
name: h,
|
|
814
|
-
fn:
|
|
814
|
+
fn: c((p) => [
|
|
815
815
|
M(t.$slots, h, y({ ref_for: !0 }, p), void 0, !0)
|
|
816
816
|
])
|
|
817
817
|
}))
|
|
@@ -827,7 +827,7 @@ function it(t, e, i, o, s, r) {
|
|
|
827
827
|
u(d, y(s.dialogProps, { ref: "dynamicDialgRef" }), null, 16)
|
|
828
828
|
], 64);
|
|
829
829
|
}
|
|
830
|
-
const ut = /* @__PURE__ */ tt(et, [["render", it], ["__scopeId", "data-v-
|
|
830
|
+
const ut = /* @__PURE__ */ tt(et, [["render", it], ["__scopeId", "data-v-4214c6c8"]]);
|
|
831
831
|
export {
|
|
832
832
|
ut as default
|
|
833
833
|
};
|