@fecp/designer 5.4.62 → 5.4.63

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/es/designer/package.json.mjs +1 -1
  2. package/es/designer/src/components/TemplateSelector.vue.mjs +1 -116
  3. package/es/designer/src/components/TemplateSelector.vue2.mjs +116 -1
  4. package/es/designer/src/packages/dialog/index.vue2.mjs +988 -0
  5. package/es/designer/src/packages/dialog/useDialogDialog.mjs +1 -1
  6. package/es/designer/src/packages/dialogGlobal/index.vue2.mjs +1035 -0
  7. package/es/designer/src/packages/dialogGlobal/useDialogGlobalDialog.mjs +1 -1
  8. package/es/designer/src/packages/form/property/subForm.vue.mjs +1 -1
  9. package/es/designer/src/packages/form/property/subTable.vue.mjs +1 -1
  10. package/es/designer/src/packages/form/property/widgets.vue.mjs +64 -34
  11. package/es/designer.css +25 -26
  12. package/es/packages/mobile/src/components/base/button/Button.vue.mjs +1 -1
  13. package/es/packages/vue/src/components/forms/form/Form.vue.mjs +50 -62
  14. package/es/packages/vue/src/components/layout/Layout.vue.mjs +7 -2
  15. package/lib/designer/package.json.js +1 -1
  16. package/lib/designer/src/components/TemplateSelector.vue.js +0 -115
  17. package/lib/designer/src/components/TemplateSelector.vue2.js +115 -0
  18. package/lib/designer/src/packages/dialog/index.vue2.js +988 -0
  19. package/lib/designer/src/packages/dialog/useDialogDialog.js +1 -1
  20. package/lib/designer/src/packages/dialogGlobal/index.vue2.js +1035 -0
  21. package/lib/designer/src/packages/dialogGlobal/useDialogGlobalDialog.js +1 -1
  22. package/lib/designer/src/packages/form/property/subForm.vue.js +1 -1
  23. package/lib/designer/src/packages/form/property/subTable.vue.js +1 -1
  24. package/lib/designer/src/packages/form/property/widgets.vue.js +81 -51
  25. package/lib/designer.css +25 -26
  26. package/lib/packages/mobile/src/components/base/button/Button.vue.js +1 -1
  27. package/lib/packages/vue/src/components/forms/form/Form.vue.js +50 -62
  28. package/lib/packages/vue/src/components/layout/Layout.vue.js +7 -2
  29. package/package.json +1 -1
@@ -0,0 +1,988 @@
1
+ import "../../../../node_modules/element-plus/es/index.mjs";
2
+ /* empty css */
3
+ /* empty css */
4
+ /* empty css */
5
+ /* empty css */
6
+ /* empty css */
7
+ /* empty css */
8
+ /* empty css */
9
+ /* empty css */
10
+ /* empty css */
11
+ /* empty css */
12
+ /* empty css */
13
+ /* empty css */
14
+ /* empty css */
15
+ /* empty css */
16
+ /* empty css */
17
+ /* empty css */
18
+ /* empty css */
19
+ /* empty css */
20
+ /* empty css */
21
+ /* empty css */
22
+ /* empty css */
23
+ /* empty css */
24
+ /* empty css */
25
+ /* empty css */
26
+ /* empty css */
27
+ import { computed, useModel, ref, watch, createBlock, openBlock, withCtx, createVNode, unref, createTextVNode, createElementBlock, createCommentVNode, createElementVNode, withKeys, isRef, Fragment, renderList, normalizeClass, withDirectives, vShow, withModifiers, toDisplayString } from "vue";
28
+ import { VueDraggable as lo } from "../../../../node_modules/vue-draggable-plus/dist/vue-draggable-plus.mjs";
29
+ import { Plus as plus_default, Close as close_default, Check as check_default, Delete as delete_default, Rank as rank_default, Edit as edit_default } from "../../../../node_modules/@element-plus/icons-vue/dist/index.mjs";
30
+ import { getEditConfigData, cloneDeep, getEditConfigDialogs, setEditConfigDialogs } from "../utils/common.mjs";
31
+ import TemplateSelector from "../../components/TemplateSelector.vue2.mjs";
32
+ import api from "../../api/index.mjs";
33
+ import ParamsConfig from "../../components/ParamsConfig.vue2.mjs";
34
+ import _sfc_main$1 from "../../components/DataSourceSelect.vue.mjs";
35
+ import FieldSetMapping from "../../components/FieldSetMapping.vue2.mjs";
36
+ import OnlyFLowConfigButton from "../../components/OnlyFLowConfigButton.vue2.mjs";
37
+ import _sfc_main$2 from "../../components/FormulaEditorInput.vue.mjs";
38
+ import { defaultProperty } from "../table/aside/index.mjs";
39
+ import { defaultTableConfig } from "../table/default.mjs";
40
+ import widgets from "../table/property/widgets.vue.mjs";
41
+ /* empty css */
42
+ /* empty css */
43
+ /* empty css */
44
+ import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.mjs";
45
+ import { ElDialog } from "../../../../node_modules/element-plus/es/components/dialog/index.mjs";
46
+ import { ElContainer, ElAside, ElHeader, ElMain } from "../../../../node_modules/element-plus/es/components/container/index.mjs";
47
+ import { ElButton } from "../../../../node_modules/element-plus/es/components/button/index.mjs";
48
+ import { ElInput } from "../../../../node_modules/element-plus/es/components/input/index.mjs";
49
+ import { ElLink } from "../../../../node_modules/element-plus/es/components/link/index.mjs";
50
+ import { ElIcon } from "../../../../node_modules/element-plus/es/components/icon/index.mjs";
51
+ import { ElScrollbar } from "../../../../node_modules/element-plus/es/components/scrollbar/index.mjs";
52
+ import { ElForm, ElFormItem } from "../../../../node_modules/element-plus/es/components/form/index.mjs";
53
+ import { ElRadioGroup, ElRadioButton } from "../../../../node_modules/element-plus/es/components/radio/index.mjs";
54
+ import { ElSelect, ElOption } from "../../../../node_modules/element-plus/es/components/select/index.mjs";
55
+ import { ElPopover } from "../../../../node_modules/element-plus/es/components/popover/index.mjs";
56
+ import { ElSwitch } from "../../../../node_modules/element-plus/es/components/switch/index.mjs";
57
+ import { ElCheckbox } from "../../../../node_modules/element-plus/es/components/checkbox/index.mjs";
58
+ import { ElMessage } from "../../../../node_modules/element-plus/es/components/message/index.mjs";
59
+ const _hoisted_1 = { key: 0 };
60
+ const _hoisted_2 = { class: "dialog-menu-item is-editing" };
61
+ const _hoisted_3 = { class: "new-item-content" };
62
+ const _hoisted_4 = { class: "edit-actions" };
63
+ const _hoisted_5 = ["onClick"];
64
+ const _hoisted_6 = { class: "dialog-content" };
65
+ const _hoisted_7 = { class: "dialog-name-wrapper" };
66
+ const _hoisted_8 = { style: { "display": "flex", "gap": "16px", "width": "100%" } };
67
+ const _hoisted_9 = { class: "col-panel" };
68
+ const _hoisted_10 = { class: "col-header" };
69
+ const _hoisted_11 = { class: "col-rules-list" };
70
+ const _hoisted_12 = { class: "drag-handle" };
71
+ const _hoisted_13 = { class: "custom-col-btns" };
72
+ const _hoisted_14 = { class: "col-property" };
73
+ const _hoisted_15 = { class: "footer-buttons-container" };
74
+ const _hoisted_16 = {
75
+ key: 0,
76
+ class: "empty-tip"
77
+ };
78
+ const _hoisted_17 = {
79
+ key: 1,
80
+ class: "footer-buttons"
81
+ };
82
+ const _hoisted_18 = {
83
+ key: 1,
84
+ class: "empty-selection"
85
+ };
86
+ const _hoisted_19 = { class: "dialog-footer" };
87
+ const _sfc_main = {
88
+ __name: "index",
89
+ props: {
90
+ "modelValue": { required: true },
91
+ "modelModifiers": {}
92
+ },
93
+ emits: ["update:modelValue"],
94
+ setup(__props) {
95
+ const editConfigData = computed(() => {
96
+ return getEditConfigData();
97
+ });
98
+ const dialogVisible = useModel(__props, "modelValue");
99
+ const selectedDialogs = ref([]);
100
+ const activeDialogIndex = ref(-1);
101
+ watch(dialogVisible, (val) => {
102
+ if (val) {
103
+ isEditingNew.value = false;
104
+ editingDialogIndex.value = -1;
105
+ selectedDialogs.value = cloneDeep(getEditConfigDialogs());
106
+ if (selectedDialogs.value.length > 0 && activeDialogIndex.value === -1) {
107
+ activeDialogIndex.value = 0;
108
+ }
109
+ }
110
+ });
111
+ const isEditingNew = ref(false);
112
+ const newDialogName = ref("");
113
+ const editingDialogIndex = ref(-1);
114
+ const editingDialogName = ref("");
115
+ const startAddDialog = () => {
116
+ isEditingNew.value = true;
117
+ newDialogName.value = "";
118
+ };
119
+ const confirmAddDialog = () => {
120
+ if (!newDialogName.value.trim()) {
121
+ ElMessage.warning("请输入弹层名称");
122
+ return;
123
+ }
124
+ selectedDialogs.value.push({
125
+ id: "dialog_" + Date.now(),
126
+ name: newDialogName.value,
127
+ dialogSize: "standard",
128
+ dialogParams: [],
129
+ customWidth: "",
130
+ // 自定义宽度
131
+ customMaxHeight: "",
132
+ // 自定义最大高度
133
+ contentSource: "table",
134
+ tableContent: "select",
135
+ selectionMode: "single",
136
+ isSubTablePagination: true,
137
+ isSubTableReadOnly: false,
138
+ componentPath: "",
139
+ fieldMapping: [],
140
+ subFormMode: "edit",
141
+ subFormFooterButtons: [],
142
+ // 表单底部按钮
143
+ componentParams: []
144
+ });
145
+ isEditingNew.value = false;
146
+ newDialogName.value = "";
147
+ activeDialogIndex.value = selectedDialogs.value.length - 1;
148
+ };
149
+ const cancelAddDialog = () => {
150
+ isEditingNew.value = false;
151
+ newDialogName.value = "";
152
+ };
153
+ const handleRemoveDialog = (index) => {
154
+ selectedDialogs.value.splice(index, 1);
155
+ if (activeDialogIndex.value === index) {
156
+ activeDialogIndex.value = -1;
157
+ } else if (activeDialogIndex.value > index) {
158
+ activeDialogIndex.value--;
159
+ }
160
+ };
161
+ const startEditDialog = (index) => {
162
+ editingDialogIndex.value = index;
163
+ editingDialogName.value = selectedDialogs.value[index].name;
164
+ };
165
+ const onEditOutside = () => {
166
+ if (editingDialogIndex.value !== -1) {
167
+ if (!editingDialogName.value.trim()) {
168
+ ElMessage.warning("请输入弹层名称");
169
+ return;
170
+ }
171
+ selectedDialogs.value[editingDialogIndex.value].name = editingDialogName.value;
172
+ editingDialogIndex.value = -1;
173
+ editingDialogName.value = "";
174
+ }
175
+ };
176
+ const onConfirm = () => {
177
+ setEditConfigDialogs(selectedDialogs.value);
178
+ dialogVisible.value = false;
179
+ };
180
+ const tableOptions = ref(null);
181
+ const formOptions = ref(null);
182
+ const currentDialog = computed(() => {
183
+ const data = selectedDialogs.value[activeDialogIndex.value];
184
+ if (!data.fieldMapping) {
185
+ data.fieldMapping = [];
186
+ }
187
+ if (!data.customTableConfig) {
188
+ data.customTableConfig = cloneDeep(defaultTableConfig);
189
+ data.customTableConfig.fieldsData = [];
190
+ data.customTableConfig.dataSources = editConfigData.value.dataSources;
191
+ } else {
192
+ data.customTableConfig.dataSources = editConfigData.value.dataSources;
193
+ data.customTableConfig.queryConfig.enabled = false;
194
+ }
195
+ if ((data == null ? void 0 : data.contentSource) == "table") {
196
+ const pkId = data == null ? void 0 : data.subTableId;
197
+ if (pkId) {
198
+ api.getById(pkId, false).then((data2) => {
199
+ tableOptions.value = JSON.parse(data2.context);
200
+ });
201
+ }
202
+ } else if ((data == null ? void 0 : data.contentSource) == "form") {
203
+ const pkId = data == null ? void 0 : data.subFormId;
204
+ if (pkId) {
205
+ api.getById(pkId, false).then((data2) => {
206
+ formOptions.value = JSON.parse(data2.context);
207
+ });
208
+ }
209
+ }
210
+ return data;
211
+ });
212
+ function tableSelectorConfirm(data) {
213
+ tableOptions.value = data;
214
+ currentDialog.value.subTableMode = null;
215
+ }
216
+ function formSelectorConfirm(data) {
217
+ formOptions.value = data;
218
+ }
219
+ const tableMode = computed(() => {
220
+ var _a;
221
+ return (_a = tableOptions.value) == null ? void 0 : _a.mode;
222
+ });
223
+ const tableFields = computed(() => {
224
+ var _a, _b, _c, _d;
225
+ if (currentDialog.value.tableContent === "custom") {
226
+ return ((_b = (_a = currentDialog.value) == null ? void 0 : _a.customTableConfig) == null ? void 0 : _b.fieldsData) || [];
227
+ } else if (currentDialog.value.tableContent === "select") {
228
+ return [
229
+ ...((_c = tableOptions.value) == null ? void 0 : _c.fieldsData) || [],
230
+ ...((_d = tableOptions.value) == null ? void 0 : _d.hiddenFields) || []
231
+ ];
232
+ }
233
+ });
234
+ const formFooterBtn = computed(() => {
235
+ var _a;
236
+ const btnList = (_a = formOptions.value) == null ? void 0 : _a.pageFooterConfig.actions;
237
+ if (btnList) {
238
+ return btnList.filter((item) => item.btnType == "primary");
239
+ }
240
+ return [];
241
+ });
242
+ const isButtonSelected = (btnId) => {
243
+ var _a, _b;
244
+ return (_b = (_a = currentDialog.value) == null ? void 0 : _a.subFormFooterButtons) == null ? void 0 : _b.includes(btnId);
245
+ };
246
+ const toggleButton = (btn) => {
247
+ if (!currentDialog.value.subFormFooterButtons) {
248
+ currentDialog.value.subFormFooterButtons = [];
249
+ }
250
+ const index = currentDialog.value.subFormFooterButtons.indexOf(btn.id);
251
+ if (index > -1) {
252
+ currentDialog.value.subFormFooterButtons.splice(index, 1);
253
+ } else {
254
+ currentDialog.value.subFormFooterButtons.push(btn.id);
255
+ }
256
+ };
257
+ function handleOnlyFlowConfirm(data) {
258
+ currentDialog.value.callbackEventConfig = data;
259
+ }
260
+ const addTableCol = () => {
261
+ currentDialog.value.customTableConfig.fieldsData.push({
262
+ fieldType: "text",
263
+ label: "",
264
+ ...defaultProperty,
265
+ fieldName: ""
266
+ });
267
+ };
268
+ const removeCol = (index) => {
269
+ currentDialog.value.customTableConfig.fieldsData.splice(index, 1);
270
+ };
271
+ return (_ctx, _cache) => {
272
+ const _component_el_button = ElButton;
273
+ const _component_el_header = ElHeader;
274
+ const _component_el_input = ElInput;
275
+ const _component_el_link = ElLink;
276
+ const _component_el_icon = ElIcon;
277
+ const _component_el_main = ElMain;
278
+ const _component_el_container = ElContainer;
279
+ const _component_el_aside = ElAside;
280
+ const _component_el_form_item = ElFormItem;
281
+ const _component_el_radio_button = ElRadioButton;
282
+ const _component_el_radio_group = ElRadioGroup;
283
+ const _component_el_option = ElOption;
284
+ const _component_el_select = ElSelect;
285
+ const _component_el_scrollbar = ElScrollbar;
286
+ const _component_el_popover = ElPopover;
287
+ const _component_el_switch = ElSwitch;
288
+ const _component_el_checkbox = ElCheckbox;
289
+ const _component_el_form = ElForm;
290
+ const _component_el_dialog = ElDialog;
291
+ return openBlock(), createBlock(_component_el_dialog, {
292
+ modelValue: dialogVisible.value,
293
+ "onUpdate:modelValue": _cache[31] || (_cache[31] = ($event) => dialogVisible.value = $event),
294
+ width: "50%",
295
+ title: "页面弹层配置",
296
+ draggable: "",
297
+ overflow: "",
298
+ "append-to-body": "",
299
+ class: "fec-dev-designer-dialog"
300
+ }, {
301
+ footer: withCtx(() => [
302
+ createElementVNode("div", _hoisted_19, [
303
+ createVNode(_component_el_button, {
304
+ onClick: _cache[30] || (_cache[30] = ($event) => dialogVisible.value = false)
305
+ }, {
306
+ default: withCtx(() => _cache[51] || (_cache[51] = [
307
+ createTextVNode("取消")
308
+ ])),
309
+ _: 1
310
+ }),
311
+ createVNode(_component_el_button, {
312
+ type: "primary",
313
+ onClick: onConfirm
314
+ }, {
315
+ default: withCtx(() => _cache[52] || (_cache[52] = [
316
+ createTextVNode("确定")
317
+ ])),
318
+ _: 1
319
+ })
320
+ ])
321
+ ]),
322
+ default: withCtx(() => [
323
+ createVNode(_component_el_container, { style: { "border": "1px solid #ebeef5", "border-radius": "4px", "height": "600px" } }, {
324
+ default: withCtx(() => [
325
+ createVNode(_component_el_aside, { width: "300px" }, {
326
+ default: withCtx(() => [
327
+ createVNode(_component_el_container, null, {
328
+ default: withCtx(() => [
329
+ createVNode(_component_el_header, {
330
+ height: "40px",
331
+ style: { "background-color": "#f2f2f2", "line-height": "40px" }
332
+ }, {
333
+ default: withCtx(() => [
334
+ createVNode(_component_el_button, {
335
+ type: "primary",
336
+ link: "",
337
+ icon: unref(plus_default),
338
+ onClick: startAddDialog
339
+ }, {
340
+ default: withCtx(() => _cache[32] || (_cache[32] = [
341
+ createTextVNode(" 新增弹层 ")
342
+ ])),
343
+ _: 1
344
+ }, 8, ["icon"])
345
+ ]),
346
+ _: 1
347
+ }),
348
+ createVNode(_component_el_main, { style: { "padding": "10px" } }, {
349
+ default: withCtx(() => [
350
+ unref(isEditingNew) ? (openBlock(), createElementBlock("div", _hoisted_1, [
351
+ createElementVNode("div", _hoisted_2, [
352
+ createElementVNode("div", _hoisted_3, [
353
+ createVNode(_component_el_input, {
354
+ modelValue: unref(newDialogName),
355
+ "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(newDialogName) ? newDialogName.value = $event : null),
356
+ placeholder: "请输入弹层名称",
357
+ size: "default",
358
+ onKeyup: withKeys(confirmAddDialog, ["enter"]),
359
+ class: "new-item-input"
360
+ }, null, 8, ["modelValue"]),
361
+ createElementVNode("div", _hoisted_4, [
362
+ createVNode(_component_el_button, {
363
+ size: "small",
364
+ icon: unref(close_default),
365
+ onClick: cancelAddDialog
366
+ }, {
367
+ default: withCtx(() => _cache[33] || (_cache[33] = [
368
+ createTextVNode(" 取消 ")
369
+ ])),
370
+ _: 1
371
+ }, 8, ["icon"]),
372
+ createVNode(_component_el_button, {
373
+ type: "primary",
374
+ size: "small",
375
+ icon: unref(check_default),
376
+ onClick: confirmAddDialog
377
+ }, {
378
+ default: withCtx(() => _cache[34] || (_cache[34] = [
379
+ createTextVNode(" 确认 ")
380
+ ])),
381
+ _: 1
382
+ }, 8, ["icon"])
383
+ ])
384
+ ])
385
+ ])
386
+ ])) : createCommentVNode("", true),
387
+ (openBlock(true), createElementBlock(Fragment, null, renderList(unref(selectedDialogs), (dialog, index) => {
388
+ return openBlock(), createElementBlock("div", {
389
+ key: index,
390
+ class: normalizeClass([
391
+ "dialog-menu-item",
392
+ { "is-active": unref(activeDialogIndex) === index }
393
+ ]),
394
+ onClick: ($event) => activeDialogIndex.value = index
395
+ }, [
396
+ createElementVNode("div", _hoisted_6, [
397
+ createElementVNode("div", _hoisted_7, [
398
+ withDirectives(createVNode(_component_el_input, {
399
+ onBlur: ($event) => onEditOutside(),
400
+ maxlength: "30",
401
+ modelValue: unref(editingDialogName),
402
+ "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(editingDialogName) ? editingDialogName.value = $event : null),
403
+ size: "small"
404
+ }, null, 8, ["onBlur", "modelValue"]), [
405
+ [vShow, unref(editingDialogIndex) === index]
406
+ ]),
407
+ withDirectives(createVNode(_component_el_link, {
408
+ icon: "Edit",
409
+ onClick: withModifiers(($event) => startEditDialog(index), ["stop"])
410
+ }, {
411
+ default: withCtx(() => [
412
+ createTextVNode(toDisplayString(dialog.name), 1)
413
+ ]),
414
+ _: 2
415
+ }, 1032, ["onClick"]), [
416
+ [vShow, unref(editingDialogIndex) !== index]
417
+ ])
418
+ ]),
419
+ createVNode(_component_el_icon, {
420
+ class: "delete-icon",
421
+ onClick: withModifiers(($event) => handleRemoveDialog(index), ["stop"])
422
+ }, {
423
+ default: withCtx(() => [
424
+ createVNode(unref(delete_default))
425
+ ]),
426
+ _: 2
427
+ }, 1032, ["onClick"])
428
+ ])
429
+ ], 10, _hoisted_5);
430
+ }), 128))
431
+ ]),
432
+ _: 1
433
+ })
434
+ ]),
435
+ _: 1
436
+ })
437
+ ]),
438
+ _: 1
439
+ }),
440
+ createVNode(_component_el_main, { style: { "border-left": "1px solid #ebeef5", "padding": "0" } }, {
441
+ default: withCtx(() => [
442
+ unref(activeDialogIndex) !== -1 ? (openBlock(), createBlock(_component_el_container, {
443
+ key: 0,
444
+ style: { "height": "100%" }
445
+ }, {
446
+ default: withCtx(() => [
447
+ createVNode(_component_el_header, {
448
+ height: "40px",
449
+ class: "dialog-header"
450
+ }, {
451
+ default: withCtx(() => [
452
+ createElementVNode("div", null, toDisplayString(unref(currentDialog).name), 1)
453
+ ]),
454
+ _: 1
455
+ }),
456
+ createVNode(_component_el_main, { style: { "padding": "12px 20px 0 20px" } }, {
457
+ default: withCtx(() => [
458
+ createVNode(_component_el_scrollbar, null, {
459
+ default: withCtx(() => [
460
+ createVNode(_component_el_form, {
461
+ model: unref(currentDialog),
462
+ "label-width": "130px",
463
+ style: { "padding-right": "20px" },
464
+ size: "small"
465
+ }, {
466
+ default: withCtx(() => [
467
+ createVNode(_component_el_form_item, { label: "弹层标题" }, {
468
+ default: withCtx(() => [
469
+ createVNode(_component_el_input, {
470
+ modelValue: unref(currentDialog).dialogTitle,
471
+ "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(currentDialog).dialogTitle = $event),
472
+ placeholder: "请输入弹层标题",
473
+ clearable: ""
474
+ }, null, 8, ["modelValue"])
475
+ ]),
476
+ _: 1
477
+ }),
478
+ createVNode(_component_el_form_item, { label: "弹层尺寸" }, {
479
+ default: withCtx(() => [
480
+ createVNode(_component_el_radio_group, {
481
+ modelValue: unref(currentDialog).dialogSize,
482
+ "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(currentDialog).dialogSize = $event)
483
+ }, {
484
+ default: withCtx(() => [
485
+ createVNode(_component_el_radio_button, { value: "standard" }, {
486
+ default: withCtx(() => _cache[35] || (_cache[35] = [
487
+ createTextVNode("标准")
488
+ ])),
489
+ _: 1
490
+ }),
491
+ createVNode(_component_el_radio_button, { value: "large" }, {
492
+ default: withCtx(() => _cache[36] || (_cache[36] = [
493
+ createTextVNode("更大")
494
+ ])),
495
+ _: 1
496
+ }),
497
+ createVNode(_component_el_radio_button, { value: "small" }, {
498
+ default: withCtx(() => _cache[37] || (_cache[37] = [
499
+ createTextVNode("更小")
500
+ ])),
501
+ _: 1
502
+ }),
503
+ createVNode(_component_el_radio_button, { value: "custom" }, {
504
+ default: withCtx(() => _cache[38] || (_cache[38] = [
505
+ createTextVNode("自定义")
506
+ ])),
507
+ _: 1
508
+ })
509
+ ]),
510
+ _: 1
511
+ }, 8, ["modelValue"])
512
+ ]),
513
+ _: 1
514
+ }),
515
+ unref(currentDialog).dialogSize === "custom" ? (openBlock(), createBlock(_component_el_form_item, {
516
+ key: 0,
517
+ label: "自定义尺寸"
518
+ }, {
519
+ default: withCtx(() => [
520
+ createElementVNode("div", _hoisted_8, [
521
+ createVNode(_component_el_input, {
522
+ modelValue: unref(currentDialog).customWidth,
523
+ "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(currentDialog).customWidth = $event),
524
+ placeholder: "宽度,如:800px、60%",
525
+ style: { "flex": "1" }
526
+ }, null, 8, ["modelValue"]),
527
+ createVNode(_component_el_input, {
528
+ modelValue: unref(currentDialog).customMaxHeight,
529
+ "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(currentDialog).customMaxHeight = $event),
530
+ placeholder: "最大高度,如:600px、80vh",
531
+ style: { "flex": "1" }
532
+ }, null, 8, ["modelValue"])
533
+ ])
534
+ ]),
535
+ _: 1
536
+ })) : createCommentVNode("", true),
537
+ createVNode(_component_el_form_item, { label: "弹层参数" }, {
538
+ default: withCtx(() => [
539
+ createVNode(ParamsConfig, {
540
+ modelValue: unref(currentDialog).dialogParams,
541
+ "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(currentDialog).dialogParams = $event)
542
+ }, null, 8, ["modelValue"])
543
+ ]),
544
+ _: 1
545
+ }),
546
+ createVNode(_component_el_form_item, { label: "弹层类型" }, {
547
+ default: withCtx(() => [
548
+ createVNode(_component_el_radio_group, {
549
+ modelValue: unref(currentDialog).contentSource,
550
+ "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(currentDialog).contentSource = $event)
551
+ }, {
552
+ default: withCtx(() => [
553
+ createVNode(_component_el_radio_button, { value: "table" }, {
554
+ default: withCtx(() => _cache[39] || (_cache[39] = [
555
+ createTextVNode("列表")
556
+ ])),
557
+ _: 1
558
+ }),
559
+ createVNode(_component_el_radio_button, { value: "form" }, {
560
+ default: withCtx(() => _cache[40] || (_cache[40] = [
561
+ createTextVNode("表单")
562
+ ])),
563
+ _: 1
564
+ }),
565
+ createVNode(_component_el_radio_button, { value: "tree" }, {
566
+ default: withCtx(() => _cache[41] || (_cache[41] = [
567
+ createTextVNode("树形")
568
+ ])),
569
+ _: 1
570
+ }),
571
+ createVNode(_component_el_radio_button, { value: "component" }, {
572
+ default: withCtx(() => _cache[42] || (_cache[42] = [
573
+ createTextVNode("组件")
574
+ ])),
575
+ _: 1
576
+ })
577
+ ]),
578
+ _: 1
579
+ }, 8, ["modelValue"])
580
+ ]),
581
+ _: 1
582
+ }),
583
+ unref(currentDialog).contentSource === "table" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
584
+ createVNode(_component_el_form_item, { label: "列表内容" }, {
585
+ default: withCtx(() => [
586
+ createVNode(_component_el_radio_group, {
587
+ modelValue: unref(currentDialog).tableContent,
588
+ "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(currentDialog).tableContent = $event)
589
+ }, {
590
+ default: withCtx(() => [
591
+ createVNode(_component_el_radio_button, { value: "select" }, {
592
+ default: withCtx(() => _cache[43] || (_cache[43] = [
593
+ createTextVNode("选择列表")
594
+ ])),
595
+ _: 1
596
+ }),
597
+ createVNode(_component_el_radio_button, { value: "custom" }, {
598
+ default: withCtx(() => _cache[44] || (_cache[44] = [
599
+ createTextVNode("自定义")
600
+ ])),
601
+ _: 1
602
+ })
603
+ ]),
604
+ _: 1
605
+ }, 8, ["modelValue"])
606
+ ]),
607
+ _: 1
608
+ }),
609
+ unref(currentDialog).tableContent === "select" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
610
+ createVNode(_component_el_form_item, { label: "选择列表" }, {
611
+ default: withCtx(() => [
612
+ createVNode(TemplateSelector, {
613
+ modelValue: unref(currentDialog).subTableName,
614
+ "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => unref(currentDialog).subTableName = $event),
615
+ templateKey: unref(currentDialog).subTableKey,
616
+ "onUpdate:templateKey": _cache[10] || (_cache[10] = ($event) => unref(currentDialog).subTableKey = $event),
617
+ templateId: unref(currentDialog).subTableId,
618
+ "onUpdate:templateId": _cache[11] || (_cache[11] = ($event) => unref(currentDialog).subTableId = $event),
619
+ templateType: "table",
620
+ onConfirm: tableSelectorConfirm
621
+ }, null, 8, ["modelValue", "templateKey", "templateId"])
622
+ ]),
623
+ _: 1
624
+ }),
625
+ createVNode(_component_el_form_item, { label: "列表模式" }, {
626
+ default: withCtx(() => [
627
+ createVNode(_component_el_select, {
628
+ modelValue: unref(currentDialog).subTableMode,
629
+ "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => unref(currentDialog).subTableMode = $event),
630
+ clearable: ""
631
+ }, {
632
+ default: withCtx(() => [
633
+ (openBlock(true), createElementBlock(Fragment, null, renderList(unref(tableMode), (mode) => {
634
+ return openBlock(), createBlock(_component_el_option, {
635
+ key: mode.key,
636
+ label: mode.name,
637
+ value: mode.key
638
+ }, null, 8, ["label", "value"]);
639
+ }), 128))
640
+ ]),
641
+ _: 1
642
+ }, 8, ["modelValue"])
643
+ ]),
644
+ _: 1
645
+ })
646
+ ], 64)) : createCommentVNode("", true),
647
+ unref(currentDialog).tableContent === "custom" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
648
+ createVNode(_component_el_form_item, { label: "列配置" }, {
649
+ default: withCtx(() => [
650
+ createElementVNode("div", _hoisted_9, [
651
+ createElementVNode("div", _hoisted_10, [
652
+ createVNode(_component_el_button, {
653
+ type: "primary",
654
+ size: "small",
655
+ onClick: addTableCol,
656
+ icon: "Plus",
657
+ link: ""
658
+ }, {
659
+ default: withCtx(() => _cache[45] || (_cache[45] = [
660
+ createTextVNode(" 添加列配置 ")
661
+ ])),
662
+ _: 1
663
+ })
664
+ ]),
665
+ createElementVNode("div", _hoisted_11, [
666
+ createVNode(unref(lo), {
667
+ modelValue: unref(currentDialog).customTableConfig.fieldsData,
668
+ "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => unref(currentDialog).customTableConfig.fieldsData = $event),
669
+ animation: 150,
670
+ handle: ".drag-handle"
671
+ }, {
672
+ default: withCtx(() => [
673
+ (openBlock(true), createElementBlock(Fragment, null, renderList(unref(currentDialog).customTableConfig.fieldsData, (col, index) => {
674
+ return openBlock(), createElementBlock("div", {
675
+ key: index,
676
+ class: "col-rule-item"
677
+ }, [
678
+ createElementVNode("div", _hoisted_12, [
679
+ createVNode(_component_el_icon, null, {
680
+ default: withCtx(() => [
681
+ createVNode(unref(rank_default))
682
+ ]),
683
+ _: 1
684
+ })
685
+ ]),
686
+ createVNode(_component_el_input, {
687
+ modelValue: col.label,
688
+ "onUpdate:modelValue": ($event) => col.label = $event,
689
+ size: "small",
690
+ placeholder: "列标题"
691
+ }, null, 8, ["modelValue", "onUpdate:modelValue"]),
692
+ createVNode(_component_el_input, {
693
+ modelValue: col.fieldName,
694
+ "onUpdate:modelValue": ($event) => col.fieldName = $event,
695
+ size: "small",
696
+ placeholder: "字段名"
697
+ }, null, 8, ["modelValue", "onUpdate:modelValue"]),
698
+ createElementVNode("div", _hoisted_13, [
699
+ createVNode(_component_el_popover, {
700
+ placement: "right",
701
+ width: 200,
702
+ trigger: "click"
703
+ }, {
704
+ reference: withCtx(() => [
705
+ createVNode(_component_el_button, {
706
+ icon: unref(edit_default),
707
+ link: "",
708
+ type: "primary",
709
+ class: "edit-btn"
710
+ }, null, 8, ["icon"])
711
+ ]),
712
+ default: withCtx(() => [
713
+ createElementVNode("div", _hoisted_14, [
714
+ createVNode(_component_el_scrollbar, { "wrap-class": "col-property-scrollbar" }, {
715
+ default: withCtx(() => [
716
+ createVNode(widgets, {
717
+ column: col,
718
+ isComp: ""
719
+ }, null, 8, ["column"])
720
+ ]),
721
+ _: 2
722
+ }, 1024)
723
+ ])
724
+ ]),
725
+ _: 2
726
+ }, 1024),
727
+ createVNode(_component_el_button, {
728
+ icon: unref(delete_default),
729
+ link: "",
730
+ type: "danger",
731
+ class: "delete-btn",
732
+ onClick: ($event) => removeCol(index)
733
+ }, null, 8, ["icon", "onClick"])
734
+ ])
735
+ ]);
736
+ }), 128))
737
+ ]),
738
+ _: 1
739
+ }, 8, ["modelValue"])
740
+ ])
741
+ ])
742
+ ]),
743
+ _: 1
744
+ }),
745
+ createVNode(_component_el_form_item, { label: "主键字段" }, {
746
+ default: withCtx(() => [
747
+ createVNode(_component_el_input, {
748
+ modelValue: unref(currentDialog).customTableConfig.pkFieldName,
749
+ "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => unref(currentDialog).customTableConfig.pkFieldName = $event),
750
+ placeholder: "请输入主键字段",
751
+ clearable: ""
752
+ }, null, 8, ["modelValue"])
753
+ ]),
754
+ _: 1
755
+ }),
756
+ createVNode(_component_el_form_item, { label: "数据源" }, {
757
+ default: withCtx(() => [
758
+ createVNode(_sfc_main$1, {
759
+ modelValue: unref(currentDialog).customTableConfig.dataSourceId,
760
+ "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => unref(currentDialog).customTableConfig.dataSourceId = $event)
761
+ }, null, 8, ["modelValue"])
762
+ ]),
763
+ _: 1
764
+ })
765
+ ], 64)) : createCommentVNode("", true),
766
+ createVNode(_component_el_form_item, { label: "是否翻页" }, {
767
+ default: withCtx(() => [
768
+ createVNode(_component_el_switch, {
769
+ modelValue: unref(currentDialog).isSubTablePagination,
770
+ "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => unref(currentDialog).isSubTablePagination = $event)
771
+ }, null, 8, ["modelValue"])
772
+ ]),
773
+ _: 1
774
+ }),
775
+ createVNode(_component_el_form_item, { label: "是否只读" }, {
776
+ default: withCtx(() => [
777
+ createVNode(_component_el_switch, {
778
+ modelValue: unref(currentDialog).isSubTableReadOnly,
779
+ "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => unref(currentDialog).isSubTableReadOnly = $event)
780
+ }, null, 8, ["modelValue"])
781
+ ]),
782
+ _: 1
783
+ }),
784
+ !unref(currentDialog).isSubTableReadOnly ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
785
+ createVNode(_component_el_form_item, { label: "选择模式" }, {
786
+ default: withCtx(() => [
787
+ createVNode(_component_el_radio_group, {
788
+ modelValue: unref(currentDialog).selectionMode,
789
+ "onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => unref(currentDialog).selectionMode = $event)
790
+ }, {
791
+ default: withCtx(() => [
792
+ createVNode(_component_el_radio_button, { value: "none" }, {
793
+ default: withCtx(() => _cache[46] || (_cache[46] = [
794
+ createTextVNode("无")
795
+ ])),
796
+ _: 1
797
+ }),
798
+ createVNode(_component_el_radio_button, { value: "single" }, {
799
+ default: withCtx(() => _cache[47] || (_cache[47] = [
800
+ createTextVNode("单选")
801
+ ])),
802
+ _: 1
803
+ }),
804
+ createVNode(_component_el_radio_button, { value: "multiple" }, {
805
+ default: withCtx(() => _cache[48] || (_cache[48] = [
806
+ createTextVNode("多选")
807
+ ])),
808
+ _: 1
809
+ })
810
+ ]),
811
+ _: 1
812
+ }, 8, ["modelValue"])
813
+ ]),
814
+ _: 1
815
+ }),
816
+ unref(currentDialog).selectionMode != "none" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
817
+ createVNode(_component_el_form_item, { label: "选取后反显格式" }, {
818
+ default: withCtx(() => [
819
+ createVNode(unref(_sfc_main$2), {
820
+ title: "反显格式配置",
821
+ formulaConf: unref(currentDialog).displayFormat,
822
+ "onUpdate:formulaConf": _cache[19] || (_cache[19] = ($event) => unref(currentDialog).displayFormat = $event),
823
+ modelValue: unref(currentDialog).displayFormatText,
824
+ "onUpdate:modelValue": _cache[20] || (_cache[20] = ($event) => unref(currentDialog).displayFormatText = $event),
825
+ fieldList: unref(tableFields)
826
+ }, null, 8, ["formulaConf", "modelValue", "fieldList"])
827
+ ]),
828
+ _: 1
829
+ }),
830
+ unref(currentDialog).selectionMode == "single" ? (openBlock(), createBlock(_component_el_form_item, {
831
+ key: 0,
832
+ label: "行数据全部赋值表单"
833
+ }, {
834
+ default: withCtx(() => [
835
+ createVNode(_component_el_switch, {
836
+ modelValue: unref(currentDialog).isRowDataAssignToForm,
837
+ "onUpdate:modelValue": _cache[21] || (_cache[21] = ($event) => unref(currentDialog).isRowDataAssignToForm = $event)
838
+ }, null, 8, ["modelValue"])
839
+ ]),
840
+ _: 1
841
+ })) : createCommentVNode("", true),
842
+ createVNode(_component_el_form_item, { label: "选取后表单赋值映射" }, {
843
+ default: withCtx(() => [
844
+ createVNode(FieldSetMapping, {
845
+ modelValue: unref(currentDialog).fieldMapping,
846
+ "onUpdate:modelValue": _cache[22] || (_cache[22] = ($event) => unref(currentDialog).fieldMapping = $event),
847
+ fieldLabel: "赋值表单字段",
848
+ valueLabel: "列表字段",
849
+ valueOptions: unref(tableFields),
850
+ valueSelectMode: ""
851
+ }, null, 8, ["modelValue", "valueOptions"])
852
+ ]),
853
+ _: 1
854
+ })
855
+ ], 64)) : createCommentVNode("", true),
856
+ createVNode(_component_el_form_item, { label: "回调事件配置" }, {
857
+ default: withCtx(() => [
858
+ createVNode(OnlyFLowConfigButton, {
859
+ config: unref(currentDialog).callbackEventConfig,
860
+ onConfirm: handleOnlyFlowConfirm
861
+ }, null, 8, ["config"])
862
+ ]),
863
+ _: 1
864
+ })
865
+ ], 64)) : createCommentVNode("", true)
866
+ ], 64)) : createCommentVNode("", true),
867
+ unref(currentDialog).contentSource === "form" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
868
+ createVNode(_component_el_form_item, { label: "选择表单" }, {
869
+ default: withCtx(() => [
870
+ createVNode(TemplateSelector, {
871
+ modelValue: unref(currentDialog).subFormName,
872
+ "onUpdate:modelValue": _cache[23] || (_cache[23] = ($event) => unref(currentDialog).subFormName = $event),
873
+ templateKey: unref(currentDialog).subFormKey,
874
+ "onUpdate:templateKey": _cache[24] || (_cache[24] = ($event) => unref(currentDialog).subFormKey = $event),
875
+ templateId: unref(currentDialog).subFormId,
876
+ "onUpdate:templateId": _cache[25] || (_cache[25] = ($event) => unref(currentDialog).subFormId = $event),
877
+ templateType: "form",
878
+ onConfirm: formSelectorConfirm
879
+ }, null, 8, ["modelValue", "templateKey", "templateId"])
880
+ ]),
881
+ _: 1
882
+ }),
883
+ createVNode(_component_el_form_item, { label: "表单模式" }, {
884
+ default: withCtx(() => [
885
+ createVNode(_component_el_radio_group, {
886
+ modelValue: unref(currentDialog).subFormMode,
887
+ "onUpdate:modelValue": _cache[26] || (_cache[26] = ($event) => unref(currentDialog).subFormMode = $event)
888
+ }, {
889
+ default: withCtx(() => [
890
+ createVNode(_component_el_radio_button, { value: "edit" }, {
891
+ default: withCtx(() => _cache[49] || (_cache[49] = [
892
+ createTextVNode("编辑")
893
+ ])),
894
+ _: 1
895
+ }),
896
+ createVNode(_component_el_radio_button, { value: "query" }, {
897
+ default: withCtx(() => _cache[50] || (_cache[50] = [
898
+ createTextVNode("查看")
899
+ ])),
900
+ _: 1
901
+ })
902
+ ]),
903
+ _: 1
904
+ }, 8, ["modelValue"])
905
+ ]),
906
+ _: 1
907
+ }),
908
+ createVNode(_component_el_form_item, { label: "表单底部按钮" }, {
909
+ default: withCtx(() => [
910
+ createElementVNode("div", _hoisted_15, [
911
+ !unref(formFooterBtn) || unref(formFooterBtn).length === 0 ? (openBlock(), createElementBlock("div", _hoisted_16, " 暂无可用按钮 ")) : (openBlock(), createElementBlock("div", _hoisted_17, [
912
+ (openBlock(true), createElementBlock(Fragment, null, renderList(unref(formFooterBtn), (btn) => {
913
+ return openBlock(), createBlock(_component_el_checkbox, {
914
+ key: btn.id,
915
+ "model-value": isButtonSelected(btn.id),
916
+ onChange: ($event) => toggleButton(btn)
917
+ }, {
918
+ default: withCtx(() => [
919
+ createTextVNode(toDisplayString(btn.label), 1)
920
+ ]),
921
+ _: 2
922
+ }, 1032, ["model-value", "onChange"]);
923
+ }), 128))
924
+ ]))
925
+ ])
926
+ ]),
927
+ _: 1
928
+ })
929
+ ], 64)) : createCommentVNode("", true),
930
+ unref(currentDialog).contentSource === "component" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
931
+ createVNode(_component_el_form_item, { label: "组件路由地址" }, {
932
+ default: withCtx(() => [
933
+ createVNode(_component_el_input, {
934
+ modelValue: unref(currentDialog).componentPath,
935
+ "onUpdate:modelValue": _cache[27] || (_cache[27] = ($event) => unref(currentDialog).componentPath = $event),
936
+ placeholder: "请输入组件路径",
937
+ clearable: ""
938
+ }, null, 8, ["modelValue"])
939
+ ]),
940
+ _: 1
941
+ }),
942
+ createVNode(_component_el_form_item, { label: "组件参数" }, {
943
+ default: withCtx(() => [
944
+ createVNode(ParamsConfig, {
945
+ modelValue: unref(currentDialog).componentParams,
946
+ "onUpdate:modelValue": _cache[28] || (_cache[28] = ($event) => unref(currentDialog).componentParams = $event)
947
+ }, null, 8, ["modelValue"])
948
+ ]),
949
+ _: 1
950
+ }),
951
+ createVNode(_component_el_form_item, { label: "组件是否是弹层" }, {
952
+ default: withCtx(() => [
953
+ createVNode(_component_el_switch, {
954
+ modelValue: unref(currentDialog).componentIsDialog,
955
+ "onUpdate:modelValue": _cache[29] || (_cache[29] = ($event) => unref(currentDialog).componentIsDialog = $event)
956
+ }, null, 8, ["modelValue"])
957
+ ]),
958
+ _: 1
959
+ })
960
+ ], 64)) : createCommentVNode("", true)
961
+ ]),
962
+ _: 1
963
+ }, 8, ["model"])
964
+ ]),
965
+ _: 1
966
+ })
967
+ ]),
968
+ _: 1
969
+ })
970
+ ]),
971
+ _: 1
972
+ })) : (openBlock(), createElementBlock("div", _hoisted_18, "请从左侧选择一个弹层"))
973
+ ]),
974
+ _: 1
975
+ })
976
+ ]),
977
+ _: 1
978
+ })
979
+ ]),
980
+ _: 1
981
+ }, 8, ["modelValue"]);
982
+ };
983
+ }
984
+ };
985
+ const DialogDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-90bb67fd"]]);
986
+ export {
987
+ DialogDialog as default
988
+ };