@fecp/designer 5.4.61 → 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.
- package/es/designer/package.json.mjs +1 -1
- package/es/designer/src/components/TemplateSelector.vue.mjs +1 -116
- package/es/designer/src/components/TemplateSelector.vue2.mjs +116 -1
- package/es/designer/src/packages/dialog/index.vue2.mjs +988 -0
- package/es/designer/src/packages/dialog/useDialogDialog.mjs +1 -1
- package/es/designer/src/packages/dialogGlobal/index.vue2.mjs +1035 -0
- package/es/designer/src/packages/dialogGlobal/useDialogGlobalDialog.mjs +1 -1
- package/es/designer/src/packages/form/property/subForm.vue.mjs +1 -1
- package/es/designer/src/packages/form/property/subTable.vue.mjs +1 -1
- package/es/designer/src/packages/form/property/widgets.vue.mjs +64 -34
- package/es/designer.css +25 -26
- package/es/packages/mobile/src/components/base/button/Button.vue.mjs +1 -1
- package/es/packages/vue/src/components/forms/form/Form.vue.mjs +50 -62
- package/es/packages/vue/src/components/layout/Layout.vue.mjs +7 -2
- package/es/packages/vue/src/utils/eventFlow/actionHandlers.mjs +4 -2
- package/lib/designer/package.json.js +1 -1
- package/lib/designer/src/components/TemplateSelector.vue.js +0 -115
- package/lib/designer/src/components/TemplateSelector.vue2.js +115 -0
- package/lib/designer/src/packages/dialog/index.vue2.js +988 -0
- package/lib/designer/src/packages/dialog/useDialogDialog.js +1 -1
- package/lib/designer/src/packages/dialogGlobal/index.vue2.js +1035 -0
- package/lib/designer/src/packages/dialogGlobal/useDialogGlobalDialog.js +1 -1
- package/lib/designer/src/packages/form/property/subForm.vue.js +1 -1
- package/lib/designer/src/packages/form/property/subTable.vue.js +1 -1
- package/lib/designer/src/packages/form/property/widgets.vue.js +81 -51
- package/lib/designer.css +25 -26
- package/lib/packages/mobile/src/components/base/button/Button.vue.js +1 -1
- package/lib/packages/vue/src/components/forms/form/Form.vue.js +50 -62
- package/lib/packages/vue/src/components/layout/Layout.vue.js +7 -2
- package/lib/packages/vue/src/utils/eventFlow/actionHandlers.js +4 -2
- package/package.json +1 -1
|
@@ -10,7 +10,7 @@ import "../../../../../node_modules/element-plus/es/index.mjs";
|
|
|
10
10
|
/* empty css */
|
|
11
11
|
import { computed, ref, createBlock, openBlock, unref, isRef, withCtx, createVNode, createElementBlock, createCommentVNode, createTextVNode, Fragment } from "vue";
|
|
12
12
|
import { getCurrentItem, getEditConfigData } from "../../utils/common.mjs";
|
|
13
|
-
import TemplateSelector from "../../../components/TemplateSelector.
|
|
13
|
+
import TemplateSelector from "../../../components/TemplateSelector.vue2.mjs";
|
|
14
14
|
import emitter from "../../utils/eventBus.mjs";
|
|
15
15
|
import ValueSelector from "../../../components/ValueSelector.vue.mjs";
|
|
16
16
|
import ParamsConfig from "../../../components/ParamsConfig.vue2.mjs";
|
|
@@ -23,7 +23,7 @@ import "../../../../../node_modules/element-plus/theme-chalk/el-dropdown-item.cs
|
|
|
23
23
|
/* empty css */
|
|
24
24
|
import { computed, ref, watch, createBlock, openBlock, withCtx, createVNode, createElementBlock, createCommentVNode, createTextVNode, Fragment, renderList, createElementVNode, toDisplayString } from "vue";
|
|
25
25
|
import { getCurrentItem, getEditConfigData } from "../../utils/common.mjs";
|
|
26
|
-
import TemplateSelector from "../../../components/TemplateSelector.
|
|
26
|
+
import TemplateSelector from "../../../components/TemplateSelector.vue2.mjs";
|
|
27
27
|
import emitter from "../../utils/eventBus.mjs";
|
|
28
28
|
import ParamsConfig from "../../../components/ParamsConfig.vue2.mjs";
|
|
29
29
|
import api from "../../../api/index.mjs";
|
|
@@ -18,22 +18,44 @@ import ParamsConfig from "../../../components/ParamsConfig.vue2.mjs";
|
|
|
18
18
|
/* empty css */
|
|
19
19
|
/* empty css */
|
|
20
20
|
/* empty css */
|
|
21
|
-
import { computed, ref, watch, createBlock, openBlock, unref, isRef, withCtx, createVNode, createElementBlock, Fragment, renderList, createCommentVNode, createTextVNode, createElementVNode } from "vue";
|
|
22
|
-
import {
|
|
21
|
+
import { computed, reactive, ref, watch, createBlock, openBlock, unref, isRef, withCtx, createVNode, createElementBlock, Fragment, renderList, createCommentVNode, createTextVNode, createElementVNode } from "vue";
|
|
22
|
+
import { getEditConfigData } from "../../utils/common.mjs";
|
|
23
23
|
import OptionConfig from "../../../components/OptionConfig.vue.mjs";
|
|
24
|
-
import components from "../aside/index.mjs";
|
|
24
|
+
import components, { defaultProperty } from "../aside/index.mjs";
|
|
25
25
|
import EventConfigButton from "../../../components/EventConfigButton.vue.mjs";
|
|
26
|
-
import _sfc_main$
|
|
26
|
+
import _sfc_main$2 from "../../../components/DataSourceSelect.vue.mjs";
|
|
27
27
|
import ConditionConfigButton from "../../../components/ConditionConfigButton.vue2.mjs";
|
|
28
28
|
import DefaultValueEditor from "../components/DefaultValueEditor.vue.mjs";
|
|
29
29
|
import emitter from "../../utils/eventBus.mjs";
|
|
30
30
|
import FieldSetMapping from "../../../components/FieldSetMapping.vue2.mjs";
|
|
31
31
|
import OnlyFLowConfigButton from "../../../components/OnlyFLowConfigButton.vue2.mjs";
|
|
32
|
-
import _sfc_main$
|
|
32
|
+
import _sfc_main$1 from "../../../components/FormulaEditorInput.vue.mjs";
|
|
33
33
|
import api from "../../../api/index.mjs";
|
|
34
|
-
|
|
35
|
-
/* empty css
|
|
34
|
+
/* empty css */
|
|
35
|
+
/* empty css */
|
|
36
|
+
/* empty css */
|
|
37
|
+
/* empty css */
|
|
38
|
+
/* empty css */
|
|
39
|
+
/* empty css */
|
|
40
|
+
/* empty css */
|
|
41
|
+
/* empty css */
|
|
42
|
+
/* empty css */
|
|
43
|
+
/* empty css */
|
|
44
|
+
/* empty css */
|
|
45
|
+
import "../../../../../node_modules/element-plus/theme-chalk/el-tooltip.css.mjs";
|
|
46
|
+
/* empty css */
|
|
47
|
+
/* empty css */
|
|
48
|
+
/* empty css */
|
|
36
49
|
import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
|
|
50
|
+
/* empty css */
|
|
51
|
+
/* empty css */
|
|
52
|
+
import "../../../components/TemplateSelector.vue.mjs";
|
|
53
|
+
import "../../table/default.mjs";
|
|
54
|
+
/* empty css */
|
|
55
|
+
/* empty css */
|
|
56
|
+
/* empty css */
|
|
57
|
+
import store from "../../../store/index.mjs";
|
|
58
|
+
/* empty css */
|
|
37
59
|
import { ElCollapse, ElCollapseItem } from "../../../../../node_modules/element-plus/es/components/collapse/index.mjs";
|
|
38
60
|
import { ElSelect, ElOption } from "../../../../../node_modules/element-plus/es/components/select/index.mjs";
|
|
39
61
|
import { ElForm, ElFormItem } from "../../../../../node_modules/element-plus/es/components/form/index.mjs";
|
|
@@ -80,8 +102,17 @@ const _hoisted_20 = {
|
|
|
80
102
|
const _sfc_main = {
|
|
81
103
|
__name: "widgets",
|
|
82
104
|
setup(__props) {
|
|
83
|
-
const currentItem = computed(
|
|
84
|
-
|
|
105
|
+
const currentItem = computed({
|
|
106
|
+
get: () => {
|
|
107
|
+
const item = store.getters.selectedItem;
|
|
108
|
+
if (item) {
|
|
109
|
+
return reactive({ ...defaultProperty, ...item });
|
|
110
|
+
}
|
|
111
|
+
return item;
|
|
112
|
+
},
|
|
113
|
+
set(value) {
|
|
114
|
+
store.commit("set_selected_item", value);
|
|
115
|
+
}
|
|
85
116
|
});
|
|
86
117
|
const activeName = ref(["common"]);
|
|
87
118
|
const validationRules = {
|
|
@@ -124,23 +155,9 @@ const _sfc_main = {
|
|
|
124
155
|
];
|
|
125
156
|
});
|
|
126
157
|
const fieldTypes = computed(() => {
|
|
127
|
-
const fieldTypeArr = [
|
|
128
|
-
"text",
|
|
129
|
-
"textarea",
|
|
130
|
-
"number",
|
|
131
|
-
"date",
|
|
132
|
-
"select",
|
|
133
|
-
"multipleSelection",
|
|
134
|
-
"radio",
|
|
135
|
-
"checkbox",
|
|
136
|
-
"switch"
|
|
137
|
-
];
|
|
138
158
|
const basicComponents = components.find((c) => c.name === "basic");
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
(item) => fieldTypeArr.includes(item.fieldType)
|
|
142
|
-
)
|
|
143
|
-
];
|
|
159
|
+
const advancedComponents = components.find((c) => c.name === "advanced");
|
|
160
|
+
return [...basicComponents == null ? void 0 : basicComponents.children, ...advancedComponents == null ? void 0 : advancedComponents.children];
|
|
144
161
|
});
|
|
145
162
|
function handleFieldTypeChange(fieldType) {
|
|
146
163
|
const item = currentItem.value;
|
|
@@ -617,15 +634,28 @@ const _sfc_main = {
|
|
|
617
634
|
]),
|
|
618
635
|
createElementVNode("div", _hoisted_4, [
|
|
619
636
|
_cache[69] || (_cache[69] = createElementVNode("span", { class: "field-label" }, "选择弹层", -1)),
|
|
620
|
-
createVNode(
|
|
637
|
+
createVNode(_component_el_select, {
|
|
621
638
|
modelValue: unref(currentItem).suffixDialogId,
|
|
622
639
|
"onUpdate:modelValue": _cache[20] || (_cache[20] = ($event) => unref(currentItem).suffixDialogId = $event),
|
|
640
|
+
placeholder: "请选择弹层",
|
|
641
|
+
filterable: "",
|
|
623
642
|
loading: unref(dialogLoading),
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
},
|
|
643
|
+
clearable: "",
|
|
644
|
+
style: { "width": "100%" }
|
|
645
|
+
}, {
|
|
646
|
+
default: withCtx(() => [
|
|
647
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(dialogOptions), (dialog) => {
|
|
648
|
+
return openBlock(), createBlock(_component_el_option, {
|
|
649
|
+
key: dialog.id,
|
|
650
|
+
label: dialog.name,
|
|
651
|
+
value: dialog.id
|
|
652
|
+
}, null, 8, ["label", "value"]);
|
|
653
|
+
}), 128))
|
|
654
|
+
]),
|
|
655
|
+
_: 1
|
|
656
|
+
}, 8, ["modelValue", "loading"])
|
|
627
657
|
]),
|
|
628
|
-
unref(currentItem).dialogSource == "global" && unref(currentItem).suffixDialogId
|
|
658
|
+
unref(currentItem).dialogSource == "global" && unref(currentItem).suffixDialogId ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
|
|
629
659
|
createElementVNode("div", _hoisted_5, [
|
|
630
660
|
_cache[73] || (_cache[73] = createElementVNode("span", { class: "field-label" }, "选择模式", -1)),
|
|
631
661
|
createVNode(_component_el_radio_group, {
|
|
@@ -659,7 +689,7 @@ const _sfc_main = {
|
|
|
659
689
|
unref(currentItem).selectionMode != "none" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
|
|
660
690
|
createElementVNode("div", _hoisted_6, [
|
|
661
691
|
_cache[74] || (_cache[74] = createElementVNode("span", { class: "field-label" }, "反显格式", -1)),
|
|
662
|
-
createVNode(unref(_sfc_main$
|
|
692
|
+
createVNode(unref(_sfc_main$1), {
|
|
663
693
|
title: "反显格式配置",
|
|
664
694
|
formulaConf: unref(currentItem).displayFormat,
|
|
665
695
|
"onUpdate:formulaConf": _cache[22] || (_cache[22] = ($event) => unref(currentItem).displayFormat = $event),
|
|
@@ -830,7 +860,7 @@ const _sfc_main = {
|
|
|
830
860
|
unref(currentItem).fieldType === "cascader" ? (openBlock(), createElementBlock(Fragment, { key: 7 }, [
|
|
831
861
|
createVNode(_component_el_form_item, { label: "数据源" }, {
|
|
832
862
|
default: withCtx(() => [
|
|
833
|
-
createVNode(_sfc_main$
|
|
863
|
+
createVNode(_sfc_main$2, {
|
|
834
864
|
modelValue: unref(currentItem).optionConfig.dataSourceValue,
|
|
835
865
|
"onUpdate:modelValue": _cache[34] || (_cache[34] = ($event) => unref(currentItem).optionConfig.dataSourceValue = $event)
|
|
836
866
|
}, null, 8, ["modelValue"])
|
|
@@ -1141,7 +1171,7 @@ const _sfc_main = {
|
|
|
1141
1171
|
}, null, 8, ["condition", "onConfirm"])
|
|
1142
1172
|
])) : createCommentVNode("", true),
|
|
1143
1173
|
unref(currentItem).validationType === "custom" ? (openBlock(), createElementBlock("div", _hoisted_20, [
|
|
1144
|
-
createVNode(_sfc_main$
|
|
1174
|
+
createVNode(_sfc_main$2, {
|
|
1145
1175
|
modelValue: unref(currentItem).validationDataSource,
|
|
1146
1176
|
"onUpdate:modelValue": _cache[52] || (_cache[52] = ($event) => unref(currentItem).validationDataSource = $event)
|
|
1147
1177
|
}, null, 8, ["modelValue"])
|
|
@@ -1168,7 +1198,7 @@ const _sfc_main = {
|
|
|
1168
1198
|
};
|
|
1169
1199
|
}
|
|
1170
1200
|
};
|
|
1171
|
-
const widgets = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
1201
|
+
const widgets = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8b0152bc"]]);
|
|
1172
1202
|
export {
|
|
1173
1203
|
widgets as default
|
|
1174
1204
|
};
|
package/es/designer.css
CHANGED
|
@@ -3235,17 +3235,17 @@ to {
|
|
|
3235
3235
|
width: 100%;
|
|
3236
3236
|
}
|
|
3237
3237
|
|
|
3238
|
-
.collapse-header[data-v-
|
|
3238
|
+
.collapse-header[data-v-8b0152bc] {
|
|
3239
3239
|
display: flex;
|
|
3240
3240
|
align-items: center;
|
|
3241
3241
|
justify-content: space-between;
|
|
3242
3242
|
width: 100%;
|
|
3243
3243
|
padding-right: 20px;
|
|
3244
3244
|
}
|
|
3245
|
-
.setting[data-v-
|
|
3245
|
+
.setting[data-v-8b0152bc] .el-collapse-item__content {
|
|
3246
3246
|
position: relative;
|
|
3247
3247
|
}
|
|
3248
|
-
.field-type-select[data-v-
|
|
3248
|
+
.field-type-select[data-v-8b0152bc] {
|
|
3249
3249
|
position: absolute;
|
|
3250
3250
|
top: 11px;
|
|
3251
3251
|
right: 16px;
|
|
@@ -3256,41 +3256,41 @@ to {
|
|
|
3256
3256
|
transition: all 0.3s;
|
|
3257
3257
|
border-radius: 4px;
|
|
3258
3258
|
}
|
|
3259
|
-
.field-type-select[data-v-
|
|
3259
|
+
.field-type-select[data-v-8b0152bc] .el-select__wrapper {
|
|
3260
3260
|
background: transparent;
|
|
3261
3261
|
box-shadow: none;
|
|
3262
3262
|
}
|
|
3263
|
-
.field-type-select[data-v-
|
|
3263
|
+
.field-type-select[data-v-8b0152bc] .el-select__selected-item {
|
|
3264
3264
|
text-align: center;
|
|
3265
3265
|
}
|
|
3266
|
-
.width-input[data-v-
|
|
3266
|
+
.width-input[data-v-8b0152bc] {
|
|
3267
3267
|
width: 100%;
|
|
3268
3268
|
}
|
|
3269
|
-
.data-source-fields[data-v-
|
|
3269
|
+
.data-source-fields[data-v-8b0152bc] {
|
|
3270
3270
|
display: flex;
|
|
3271
3271
|
flex-direction: column;
|
|
3272
3272
|
gap: 8px;
|
|
3273
3273
|
margin-bottom: 18px;
|
|
3274
3274
|
}
|
|
3275
|
-
.data-source-fields .field-item[data-v-
|
|
3275
|
+
.data-source-fields .field-item[data-v-8b0152bc] {
|
|
3276
3276
|
display: flex;
|
|
3277
3277
|
align-items: center;
|
|
3278
3278
|
gap: 8px;
|
|
3279
3279
|
}
|
|
3280
|
-
.data-source-fields .field-item .field-label[data-v-
|
|
3280
|
+
.data-source-fields .field-item .field-label[data-v-8b0152bc] {
|
|
3281
3281
|
width: 80px;
|
|
3282
3282
|
font-size: 13px;
|
|
3283
3283
|
color: #606266;
|
|
3284
3284
|
text-align: right;
|
|
3285
3285
|
flex-shrink: 0;
|
|
3286
3286
|
}
|
|
3287
|
-
.data-source-fields .field-item .field-label[data-v-
|
|
3287
|
+
.data-source-fields .field-item .field-label[data-v-8b0152bc]::after {
|
|
3288
3288
|
content: ":";
|
|
3289
3289
|
}
|
|
3290
|
-
.data-source-fields .field-item .el-input[data-v-
|
|
3290
|
+
.data-source-fields .field-item .el-input[data-v-8b0152bc] {
|
|
3291
3291
|
flex: 1;
|
|
3292
3292
|
}
|
|
3293
|
-
[data-v-
|
|
3293
|
+
[data-v-8b0152bc] .el-form-item__content {
|
|
3294
3294
|
flex-wrap: wrap !important;
|
|
3295
3295
|
}
|
|
3296
3296
|
.buttons-table[data-v-8ebdd5a8] {
|
|
@@ -5904,28 +5904,27 @@ body,
|
|
|
5904
5904
|
width: 80px;
|
|
5905
5905
|
font-size: var(--el-font-size-extra-small);
|
|
5906
5906
|
}
|
|
5907
|
-
.fec-form[data-v-
|
|
5907
|
+
.fec-form[data-v-5e17ab81] {
|
|
5908
5908
|
height: 100%;
|
|
5909
5909
|
}
|
|
5910
|
-
[data-v-
|
|
5910
|
+
[data-v-5e17ab81] .vgl-item {
|
|
5911
5911
|
transition: none;
|
|
5912
5912
|
}
|
|
5913
|
-
[data-v-
|
|
5913
|
+
[data-v-5e17ab81] .vgl-item > .el-form-item {
|
|
5914
5914
|
width: 100%;
|
|
5915
5915
|
padding: 12px 8px 0 8px;
|
|
5916
5916
|
height: calc(100% - 15px);
|
|
5917
5917
|
display: flex;
|
|
5918
5918
|
}
|
|
5919
|
-
[data-v-
|
|
5919
|
+
[data-v-5e17ab81] .vgl-item > .el-form-item.el-form-item--label-top {
|
|
5920
5920
|
flex-direction: column;
|
|
5921
5921
|
}
|
|
5922
|
-
[data-v-
|
|
5922
|
+
[data-v-5e17ab81] .vgl-item > .el-form-item .el-form-item__label {
|
|
5923
5923
|
line-height: 20px;
|
|
5924
5924
|
display: flex;
|
|
5925
5925
|
align-items: center;
|
|
5926
|
-
pointer-events: none;
|
|
5927
5926
|
}
|
|
5928
|
-
[data-v-
|
|
5927
|
+
[data-v-5e17ab81] .vgl-item > .el-container {
|
|
5929
5928
|
height: auto !important;
|
|
5930
5929
|
}.cell-content .cell-text[data-v-3e5372d4] {
|
|
5931
5930
|
display: inline-block;
|
|
@@ -6261,17 +6260,17 @@ body,
|
|
|
6261
6260
|
max-height: 90% !important;
|
|
6262
6261
|
padding: 0 !important;
|
|
6263
6262
|
}
|
|
6264
|
-
.fec-layout-row[data-v-
|
|
6263
|
+
.fec-layout-row[data-v-486a276e] {
|
|
6265
6264
|
width: 100%;
|
|
6266
6265
|
height: 100%;
|
|
6267
6266
|
}
|
|
6268
|
-
.fec-layout-row[data-v-
|
|
6267
|
+
.fec-layout-row[data-v-486a276e] .el-col {
|
|
6269
6268
|
height: 100%;
|
|
6270
6269
|
}
|
|
6271
|
-
.fec-layout-row[data-v-
|
|
6270
|
+
.fec-layout-row[data-v-486a276e] .el-col .el-scrollbar__bar {
|
|
6272
6271
|
display: none;
|
|
6273
6272
|
}
|
|
6274
|
-
.grid-content[data-v-
|
|
6273
|
+
.grid-content[data-v-486a276e] {
|
|
6275
6274
|
border-radius: 9px 9px 4px 4px;
|
|
6276
6275
|
background-color: #fff;
|
|
6277
6276
|
position: relative;
|
|
@@ -6282,7 +6281,7 @@ body,
|
|
|
6282
6281
|
padding: 16px 16px 16px 16px;
|
|
6283
6282
|
} */
|
|
6284
6283
|
}
|
|
6285
|
-
.grid-content-statistics[data-v-
|
|
6284
|
+
.grid-content-statistics[data-v-486a276e] {
|
|
6286
6285
|
height: 100%;
|
|
6287
6286
|
display: flex;
|
|
6288
6287
|
flex-direction: column;
|
|
@@ -6293,7 +6292,7 @@ body,
|
|
|
6293
6292
|
height: 100%;
|
|
6294
6293
|
} */
|
|
6295
6294
|
}
|
|
6296
|
-
.grid-content-statistics[data-v-
|
|
6295
|
+
.grid-content-statistics[data-v-486a276e] .fec-layout-card:last-child {
|
|
6297
6296
|
margin-bottom: 0 !important;
|
|
6298
6297
|
flex: 1;
|
|
6299
6298
|
}
|
|
@@ -6334,7 +6333,7 @@ body,
|
|
|
6334
6333
|
flex-grow: 1;
|
|
6335
6334
|
padding-top: 12px;
|
|
6336
6335
|
}
|
|
6337
|
-
|
|
6336
|
+
[data-v-191efc8d] .van-button__content:before {
|
|
6338
6337
|
display: none;
|
|
6339
6338
|
}:root,:host{--van-cell-font-size: var(--van-font-size-md);--van-cell-line-height: 24px;--van-cell-vertical-padding: 10px;--van-cell-horizontal-padding: var(--van-padding-md);--van-cell-text-color: var(--van-text-color);--van-cell-background: var(--van-background-2);--van-cell-border-color: var(--van-border-color);--van-cell-active-color: var(--van-active-color);--van-cell-required-color: var(--van-danger-color);--van-cell-label-color: var(--van-text-color-2);--van-cell-label-font-size: var(--van-font-size-sm);--van-cell-label-line-height: var(--van-line-height-sm);--van-cell-label-margin-top: var(--van-padding-base);--van-cell-value-color: var(--van-text-color-2);--van-cell-value-font-size: inherit;--van-cell-icon-size: 16px;--van-cell-right-icon-color: var(--van-gray-6);--van-cell-large-vertical-padding: var(--van-padding-sm);--van-cell-large-title-font-size: var(--van-font-size-lg);--van-cell-large-label-font-size: var(--van-font-size-md);--van-cell-large-value-font-size: inherit}.van-cell{position:relative;display:flex;box-sizing:border-box;width:100%;padding:var(--van-cell-vertical-padding) var(--van-cell-horizontal-padding);overflow:hidden;color:var(--van-cell-text-color);font-size:var(--van-cell-font-size);line-height:var(--van-cell-line-height);background:var(--van-cell-background)}.van-cell:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-cell-border-color);transform:scaleY(.5)}.van-cell:last-child:after,.van-cell--borderless:after{display:none}.van-cell__label{margin-top:var(--van-cell-label-margin-top);color:var(--van-cell-label-color);font-size:var(--van-cell-label-font-size);line-height:var(--van-cell-label-line-height)}.van-cell__title,.van-cell__value{flex:1}.van-cell__value{position:relative;overflow:hidden;color:var(--van-cell-value-color);font-size:var(--van-cell-value-font-size);text-align:right;vertical-align:middle;word-wrap:break-word}.van-cell__left-icon,.van-cell__right-icon{height:var(--van-cell-line-height);font-size:var(--van-cell-icon-size);line-height:var(--van-cell-line-height)}.van-cell__left-icon{margin-right:var(--van-padding-base)}.van-cell__right-icon{margin-left:var(--van-padding-base);color:var(--van-cell-right-icon-color)}.van-cell--clickable{cursor:pointer}.van-cell--clickable:active{background-color:var(--van-cell-active-color)}.van-cell--required{overflow:visible}.van-cell--required:before{position:absolute;left:var(--van-padding-xs);color:var(--van-cell-required-color);font-size:var(--van-cell-font-size);content:"*"}.van-cell--center{align-items:center}.van-cell--large{padding-top:var(--van-cell-large-vertical-padding);padding-bottom:var(--van-cell-large-vertical-padding)}.van-cell--large .van-cell__title{font-size:var(--van-cell-large-title-font-size)}.van-cell--large .van-cell__label{font-size:var(--van-cell-large-label-font-size)}.van-cell--large .van-cell__value{font-size:var(--van-cell-large-value-font-size)}
|
|
6340
6339
|
:root,:host{--van-cell-group-background: var(--van-background-2);--van-cell-group-title-color: var(--van-text-color-2);--van-cell-group-title-padding: var(--van-padding-md) var(--van-padding-md);--van-cell-group-title-font-size: var(--van-font-size-md);--van-cell-group-title-line-height: 16px;--van-cell-group-inset-padding: 0 var(--van-padding-md);--van-cell-group-inset-radius: var(--van-radius-lg);--van-cell-group-inset-title-padding: var(--van-padding-md) var(--van-padding-md)}.van-cell-group{background:var(--van-cell-group-background)}.van-cell-group--inset{margin:var(--van-cell-group-inset-padding);border-radius:var(--van-cell-group-inset-radius);overflow:hidden}.van-cell-group__title{padding:var(--van-cell-group-title-padding);color:var(--van-cell-group-title-color);font-size:var(--van-cell-group-title-font-size);line-height:var(--van-cell-group-title-line-height)}.van-cell-group__title--inset{padding:var(--van-cell-group-inset-title-padding)}
|
|
@@ -21,7 +21,7 @@ function _sfc_render(_ctx, _cache) {
|
|
|
21
21
|
})
|
|
22
22
|
]), 1040);
|
|
23
23
|
}
|
|
24
|
-
const _Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-
|
|
24
|
+
const _Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-191efc8d"]]);
|
|
25
25
|
export {
|
|
26
26
|
_Button as default
|
|
27
27
|
};
|
|
@@ -117,8 +117,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
117
117
|
const dataSourceOptions = ref({});
|
|
118
118
|
const dictionaryOptions = ref({});
|
|
119
119
|
const productData = ref({});
|
|
120
|
-
const fieldsData = ref(
|
|
121
|
-
const hiddenFields = ref(
|
|
120
|
+
const fieldsData = ref({});
|
|
121
|
+
const hiddenFields = ref({});
|
|
122
122
|
const rowHeight = ref(1);
|
|
123
123
|
const pageEvents = props.canPageEvent ? usePageEvents(() => ({
|
|
124
124
|
pageEventConfig: localConfig.value.pageEventConfig,
|
|
@@ -764,9 +764,14 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
764
764
|
...Object.keys(oldData || {})
|
|
765
765
|
]);
|
|
766
766
|
for (const key of allKeys) {
|
|
767
|
-
const
|
|
768
|
-
const
|
|
769
|
-
if (!
|
|
767
|
+
const hasKeyInNew = newData && Object.prototype.hasOwnProperty.call(newData, key);
|
|
768
|
+
const hasKeyInOld = oldData && Object.prototype.hasOwnProperty.call(oldData, key);
|
|
769
|
+
if (!hasKeyInNew && !hasKeyInOld) {
|
|
770
|
+
continue;
|
|
771
|
+
}
|
|
772
|
+
const newVal = hasKeyInNew ? newData[key] : void 0;
|
|
773
|
+
const oldVal = hasKeyInOld ? oldData[key] : void 0;
|
|
774
|
+
if (!newVal && !oldVal && Object.keys(oldData || {}).length === 0) {
|
|
770
775
|
continue;
|
|
771
776
|
}
|
|
772
777
|
if (JSON.stringify(newVal) != JSON.stringify(oldVal)) {
|
|
@@ -845,48 +850,40 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
845
850
|
}
|
|
846
851
|
});
|
|
847
852
|
const updatedLayoutData = cloneDeep(oriGridLayoutData.value || []);
|
|
848
|
-
const allVisibilityFieldIds = /* @__PURE__ */ new Set();
|
|
849
|
-
relevantConfigs.visibility.forEach((item) => {
|
|
850
|
-
(item.dataLinkFieldList || []).forEach((fieldId) => {
|
|
851
|
-
allVisibilityFieldIds.add(fieldId);
|
|
852
|
-
});
|
|
853
|
-
});
|
|
854
|
-
allVisibilityFieldIds.forEach((fieldId) => {
|
|
855
|
-
const layoutFieldItem = updatedLayoutData.find((g) => g.id == fieldId);
|
|
856
|
-
if (layoutFieldItem) {
|
|
857
|
-
layoutFieldItem.hidden = true;
|
|
858
|
-
}
|
|
859
|
-
});
|
|
860
853
|
relevantConfigs.visibility.forEach((item) => {
|
|
854
|
+
const dataLinkFieldList = item.dataLinkFieldList || [];
|
|
861
855
|
if (checkFilterMatch(item.filterConfig, formData.value, fields)) {
|
|
862
|
-
|
|
856
|
+
dataLinkFieldList.forEach((fieldId) => {
|
|
863
857
|
const layoutFieldItem = updatedLayoutData.find((g) => g.id == fieldId);
|
|
864
858
|
if (layoutFieldItem) {
|
|
865
859
|
layoutFieldItem.hidden = false;
|
|
866
860
|
}
|
|
867
861
|
});
|
|
868
|
-
}
|
|
869
|
-
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
|
|
874
|
-
|
|
875
|
-
});
|
|
876
|
-
allRequiredFieldIds.forEach((fieldId) => {
|
|
877
|
-
const layoutFieldItem = updatedLayoutData.find((g) => g.id == fieldId);
|
|
878
|
-
if (layoutFieldItem) {
|
|
879
|
-
layoutFieldItem.component.required = false;
|
|
862
|
+
} else {
|
|
863
|
+
dataLinkFieldList.forEach((fieldId) => {
|
|
864
|
+
const layoutFieldItem = updatedLayoutData.find((g) => g.id == fieldId);
|
|
865
|
+
if (layoutFieldItem) {
|
|
866
|
+
layoutFieldItem.hidden = true;
|
|
867
|
+
}
|
|
868
|
+
});
|
|
880
869
|
}
|
|
881
870
|
});
|
|
882
871
|
relevantConfigs.required.forEach((item) => {
|
|
872
|
+
const dataLinkFieldList = item.dataLinkFieldList || [];
|
|
883
873
|
if (checkFilterMatch(item.filterConfig, formData.value, fields)) {
|
|
884
|
-
|
|
874
|
+
dataLinkFieldList.forEach((fieldId) => {
|
|
885
875
|
const layoutFieldItem = updatedLayoutData.find((g) => g.id == fieldId);
|
|
886
876
|
if (layoutFieldItem) {
|
|
887
877
|
layoutFieldItem.component.required = true;
|
|
888
878
|
}
|
|
889
879
|
});
|
|
880
|
+
} else {
|
|
881
|
+
dataLinkFieldList.forEach((fieldId) => {
|
|
882
|
+
const layoutFieldItem = updatedLayoutData.find((g) => g.id == fieldId);
|
|
883
|
+
if (layoutFieldItem) {
|
|
884
|
+
layoutFieldItem.component.required = false;
|
|
885
|
+
}
|
|
886
|
+
});
|
|
890
887
|
}
|
|
891
888
|
});
|
|
892
889
|
const rules = {};
|
|
@@ -902,48 +899,40 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
902
899
|
rules[fieldName] = prodRules.value[fieldName];
|
|
903
900
|
}
|
|
904
901
|
formRules.value = rules;
|
|
905
|
-
const allReadonlyFieldIds = /* @__PURE__ */ new Set();
|
|
906
|
-
relevantConfigs.readonly.forEach((item) => {
|
|
907
|
-
(item.dataLinkFieldList || []).forEach((fieldId) => {
|
|
908
|
-
allReadonlyFieldIds.add(fieldId);
|
|
909
|
-
});
|
|
910
|
-
});
|
|
911
|
-
allReadonlyFieldIds.forEach((fieldId) => {
|
|
912
|
-
const layoutFieldItem = updatedLayoutData.find((g) => g.id == fieldId);
|
|
913
|
-
if (layoutFieldItem) {
|
|
914
|
-
layoutFieldItem.component.readOnly = false;
|
|
915
|
-
}
|
|
916
|
-
});
|
|
917
902
|
relevantConfigs.readonly.forEach((item) => {
|
|
903
|
+
const dataLinkFieldList = item.dataLinkFieldList || [];
|
|
918
904
|
if (checkFilterMatch(item.filterConfig, formData.value, fields)) {
|
|
919
|
-
|
|
905
|
+
dataLinkFieldList.forEach((fieldId) => {
|
|
920
906
|
const layoutFieldItem = updatedLayoutData.find((g) => g.id == fieldId);
|
|
921
907
|
if (layoutFieldItem) {
|
|
922
908
|
layoutFieldItem.component.readOnly = true;
|
|
923
909
|
}
|
|
924
910
|
});
|
|
925
|
-
}
|
|
926
|
-
|
|
927
|
-
|
|
928
|
-
|
|
929
|
-
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
});
|
|
933
|
-
allDisabledFieldIds.forEach((fieldId) => {
|
|
934
|
-
const layoutFieldItem = updatedLayoutData.find((g) => g.id == fieldId);
|
|
935
|
-
if (layoutFieldItem) {
|
|
936
|
-
layoutFieldItem.component.disabled = false;
|
|
911
|
+
} else {
|
|
912
|
+
dataLinkFieldList.forEach((fieldId) => {
|
|
913
|
+
const layoutFieldItem = updatedLayoutData.find((g) => g.id == fieldId);
|
|
914
|
+
if (layoutFieldItem) {
|
|
915
|
+
layoutFieldItem.component.readOnly = false;
|
|
916
|
+
}
|
|
917
|
+
});
|
|
937
918
|
}
|
|
938
919
|
});
|
|
939
920
|
relevantConfigs.disabled.forEach((item) => {
|
|
921
|
+
const dataLinkFieldList = item.dataLinkFieldList || [];
|
|
940
922
|
if (checkFilterMatch(item.filterConfig, formData.value, fields)) {
|
|
941
|
-
|
|
923
|
+
dataLinkFieldList.forEach((fieldId) => {
|
|
942
924
|
const layoutFieldItem = updatedLayoutData.find((g) => g.id == fieldId);
|
|
943
925
|
if (layoutFieldItem) {
|
|
944
926
|
layoutFieldItem.component.disabled = true;
|
|
945
927
|
}
|
|
946
928
|
});
|
|
929
|
+
} else {
|
|
930
|
+
dataLinkFieldList.forEach((fieldId) => {
|
|
931
|
+
const layoutFieldItem = updatedLayoutData.find((g) => g.id == fieldId);
|
|
932
|
+
if (layoutFieldItem) {
|
|
933
|
+
layoutFieldItem.component.disabled = false;
|
|
934
|
+
}
|
|
935
|
+
});
|
|
947
936
|
}
|
|
948
937
|
});
|
|
949
938
|
gridLayoutFieldsData.value = updatedLayoutData.filter((item) => !item.hidden);
|
|
@@ -959,7 +948,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
959
948
|
linkaged = true;
|
|
960
949
|
}
|
|
961
950
|
watch(
|
|
962
|
-
|
|
951
|
+
formData,
|
|
963
952
|
(newVal, oldVal) => {
|
|
964
953
|
if (!linkaged) {
|
|
965
954
|
return;
|
|
@@ -968,12 +957,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
968
957
|
return;
|
|
969
958
|
}
|
|
970
959
|
const changedFields = findChangedFields(newVal, prevFormData.value);
|
|
971
|
-
console.log("🚀 ~ changedFields:", changedFields);
|
|
972
960
|
if (changedFields.length > 0) {
|
|
973
961
|
applyLinkageEffectsForChangedFields(changedFields);
|
|
974
|
-
prevFormData.value = { ...newVal };
|
|
975
|
-
emit("update:modelValue", getFormData());
|
|
976
962
|
}
|
|
963
|
+
prevFormData.value = { ...newVal };
|
|
964
|
+
emit("update:modelValue", getFormData());
|
|
977
965
|
},
|
|
978
966
|
{ deep: true }
|
|
979
967
|
);
|
|
@@ -1099,7 +1087,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
1099
1087
|
};
|
|
1100
1088
|
}
|
|
1101
1089
|
});
|
|
1102
|
-
const _Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
1090
|
+
const _Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5e17ab81"]]);
|
|
1103
1091
|
export {
|
|
1104
1092
|
_Form as default
|
|
1105
1093
|
};
|
|
@@ -23,11 +23,16 @@ const _sfc_main = {
|
|
|
23
23
|
initFormMode: {
|
|
24
24
|
type: String,
|
|
25
25
|
default: ""
|
|
26
|
+
},
|
|
27
|
+
initFormData: {
|
|
28
|
+
type: Object,
|
|
29
|
+
default: {}
|
|
26
30
|
}
|
|
27
31
|
},
|
|
28
32
|
emits: ["loaded"],
|
|
29
33
|
setup(__props, { emit: __emit }) {
|
|
30
|
-
const
|
|
34
|
+
const props = __props;
|
|
35
|
+
const formData = ref(props.initFormData);
|
|
31
36
|
const emit = __emit;
|
|
32
37
|
const showCard = ref(false);
|
|
33
38
|
function loaded(option, formData2) {
|
|
@@ -80,7 +85,7 @@ const _sfc_main = {
|
|
|
80
85
|
};
|
|
81
86
|
}
|
|
82
87
|
};
|
|
83
|
-
const _Layout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
88
|
+
const _Layout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-486a276e"]]);
|
|
84
89
|
export {
|
|
85
90
|
_Layout as default
|
|
86
91
|
};
|
|
@@ -29,8 +29,10 @@ async function handlePageJump(node, data, fields, context) {
|
|
|
29
29
|
const transitionType = basic.transitionType || "page";
|
|
30
30
|
const formComponent = (_a = context.components) == null ? void 0 : _a.form;
|
|
31
31
|
const getFormDataMethod = (_c = (_b = formComponent == null ? void 0 : formComponent.$) == null ? void 0 : _b.exposed) == null ? void 0 : _c.getFormData;
|
|
32
|
-
|
|
33
|
-
|
|
32
|
+
if (getFormDataMethod && typeof getFormDataMethod === "function") {
|
|
33
|
+
data = getFormDataMethod();
|
|
34
|
+
}
|
|
35
|
+
const params = parseRouteParams(basic.routeParams, data, fields);
|
|
34
36
|
if (transitionType === "external") {
|
|
35
37
|
const url = basic.routePath;
|
|
36
38
|
if (!url) {
|