fec-dev-designer 1.0.5 → 1.1.1
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/node_modules/@element-plus/icons-vue/dist/index.js +112 -93
- package/es/src/api/index.js +5 -5
- package/es/src/components/EventConfigButton.vue.js +2 -2
- package/es/src/components/FieldSetMapping.vue.js +211 -0
- package/es/src/components/FieldSetMapping.vue2.js +4 -0
- package/es/src/components/FormulaEditorInput.vue.js +43 -38
- package/es/src/components/JsonDataDrawer.vue.js +1 -1
- package/es/src/components/OnlyFLowConfigButton.vue.js +102 -0
- package/es/src/components/OnlyFLowConfigButton.vue2.js +4 -0
- package/es/src/components/TemplateSelector.vue.js +45 -45
- package/es/src/components/ValueSelectorPopover.vue2.js +1 -2
- package/es/src/layout/index.vue.js +61 -61
- package/es/src/packages/dialog/index.vue.js +718 -0
- package/es/src/packages/dialog/index.vue2.js +4 -0
- package/es/src/packages/dialog/useDialogDialog.js +15 -0
- package/es/src/packages/event/index.vue2.js +1 -1
- package/es/src/packages/event/onlyFlow.vue.js +91 -0
- package/es/src/packages/event/onlyFlow.vue2.js +4 -0
- package/es/src/packages/event/useOnlyFlowDialog.js +15 -0
- package/es/src/packages/eventFlow/dialog/action/Dialog.vue.js +48 -0
- package/es/src/packages/eventFlow/dialog/action/FormSetValue.vue2.js +18 -16
- package/es/src/packages/eventFlow/dialog/action/FormSubmit.vue2.js +54 -48
- package/es/src/packages/eventFlow/dialog/action/Page.vue.js +1 -1
- package/es/src/packages/eventFlow/dialog/action/config.js +12 -11
- package/es/src/packages/form/PageFooterSetting.vue.js +53 -58
- package/es/src/packages/form/aside/index.js +3 -1
- package/es/src/packages/form/components/ComponentPreviewWrapper.vue.js +70 -56
- package/es/src/packages/form/default.js +19 -19
- package/es/src/packages/form/headerBtn.vue.js +84 -65
- package/es/src/packages/form/property/pageFooterBtn.vue.js +39 -39
- package/es/src/packages/form/property/widgets.vue.js +339 -261
- package/es/src/packages/table/default.js +9 -1
- package/es/src/packages/table/headerBtn.vue.js +72 -54
- package/es/src/packages/table/queryModule/FixedModeConfig.vue.js +1 -1
- package/es/src/packages/table/tableSetting.vue.js +197 -195
- package/es/src/packages/utils/common.js +44 -35
- package/es/src/store/designer.js +1 -1
- package/es/style.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import i from "./index.vue.js";
|
|
2
|
+
import { ref as l } from "vue";
|
|
3
|
+
function r() {
|
|
4
|
+
const o = l(!1);
|
|
5
|
+
return {
|
|
6
|
+
dialogDialogVisible: o,
|
|
7
|
+
openDialogDialog: () => {
|
|
8
|
+
o.value = !0;
|
|
9
|
+
},
|
|
10
|
+
DialogDialog: i
|
|
11
|
+
};
|
|
12
|
+
}
|
|
13
|
+
export {
|
|
14
|
+
r as useDialogDialog
|
|
15
|
+
};
|
|
@@ -289,7 +289,7 @@ const fe = { class: "el-dropdown-link" }, _e = ["onClick"], we = { class: "event
|
|
|
289
289
|
}, 8, ["modelValue", "title"]);
|
|
290
290
|
};
|
|
291
291
|
}
|
|
292
|
-
}, ot = /* @__PURE__ */ te(Ce, [["__scopeId", "data-v-
|
|
292
|
+
}, ot = /* @__PURE__ */ te(Ce, [["__scopeId", "data-v-e45fecb2"]]);
|
|
293
293
|
export {
|
|
294
294
|
ot as default
|
|
295
295
|
};
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import "../../../node_modules/element-plus/theme-chalk/base.css.js";
|
|
2
|
+
import "../../../node_modules/element-plus/theme-chalk/el-dialog.css.js";
|
|
3
|
+
import "../../../node_modules/element-plus/theme-chalk/el-overlay.css.js";
|
|
4
|
+
import "../../../node_modules/element-plus/theme-chalk/el-button.css.js";
|
|
5
|
+
import { mergeModels as _, useModel as y, ref as m, openBlock as w, createBlock as C, withCtx as t, createElementVNode as p, createVNode as a, createTextVNode as u } from "vue";
|
|
6
|
+
import V from "../eventFlow/index.vue.js";
|
|
7
|
+
import b from "../eventFlow/defaultProcessData.js";
|
|
8
|
+
import { cloneDeep as x } from "../utils/common.js";
|
|
9
|
+
import "../../../node_modules/element-plus/theme-chalk/el-badge.css.js";
|
|
10
|
+
import "../../../node_modules/element-plus/theme-chalk/el-message.css.js";
|
|
11
|
+
import "./onlyFlow.vue2.js";
|
|
12
|
+
import k from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
13
|
+
import { ElMessage as F } from "../../../node_modules/element-plus/es/components/message/index.js";
|
|
14
|
+
import { ElButton as D } from "../../../node_modules/element-plus/es/components/button/index.js";
|
|
15
|
+
import { ElDialog as E } from "../../../node_modules/element-plus/es/components/dialog/index.js";
|
|
16
|
+
const N = { style: { border: "1px solid #ebeef5", "border-radius": "4px", height: "600px", overflow: "auto", "background-color": "#f2f3f5" } }, M = { class: "dialog-footer" }, O = {
|
|
17
|
+
__name: "onlyFlow",
|
|
18
|
+
props: /* @__PURE__ */ _({
|
|
19
|
+
eventConfig: {
|
|
20
|
+
type: Object,
|
|
21
|
+
default: {}
|
|
22
|
+
},
|
|
23
|
+
title: {
|
|
24
|
+
type: String,
|
|
25
|
+
default: "事件配置"
|
|
26
|
+
},
|
|
27
|
+
onConfirm: Function
|
|
28
|
+
}, {
|
|
29
|
+
modelValue: { required: !0 },
|
|
30
|
+
modelModifiers: {}
|
|
31
|
+
}),
|
|
32
|
+
emits: ["update:modelValue"],
|
|
33
|
+
setup(r) {
|
|
34
|
+
const o = y(r, "modelValue"), l = r, c = () => JSON.parse(JSON.stringify(b)), s = m(l.eventConfig || c()), i = m(null), v = async () => {
|
|
35
|
+
var n;
|
|
36
|
+
try {
|
|
37
|
+
(n = i.value) != null && n.validate && await i.value.validate(), l.onConfirm && l.onConfirm(x(s.value)), o.value = !1;
|
|
38
|
+
} catch (e) {
|
|
39
|
+
console.error("事件流校验失败:", e), F.error("请完善事件配置");
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
return (n, e) => {
|
|
43
|
+
const d = D, g = E;
|
|
44
|
+
return w(), C(g, {
|
|
45
|
+
modelValue: o.value,
|
|
46
|
+
"onUpdate:modelValue": e[1] || (e[1] = (f) => o.value = f),
|
|
47
|
+
width: "50%",
|
|
48
|
+
title: r.title,
|
|
49
|
+
draggable: "",
|
|
50
|
+
overflow: "",
|
|
51
|
+
"append-to-body": "",
|
|
52
|
+
class: "fec-dev-designer-dialog"
|
|
53
|
+
}, {
|
|
54
|
+
footer: t(() => [
|
|
55
|
+
p("div", M, [
|
|
56
|
+
a(d, {
|
|
57
|
+
onClick: e[0] || (e[0] = (f) => o.value = !1)
|
|
58
|
+
}, {
|
|
59
|
+
default: t(() => [...e[2] || (e[2] = [
|
|
60
|
+
u("取消", -1)
|
|
61
|
+
])]),
|
|
62
|
+
_: 1
|
|
63
|
+
}),
|
|
64
|
+
a(d, {
|
|
65
|
+
type: "primary",
|
|
66
|
+
onClick: v
|
|
67
|
+
}, {
|
|
68
|
+
default: t(() => [...e[3] || (e[3] = [
|
|
69
|
+
u(" 确定 ", -1)
|
|
70
|
+
])]),
|
|
71
|
+
_: 1
|
|
72
|
+
})
|
|
73
|
+
])
|
|
74
|
+
]),
|
|
75
|
+
default: t(() => [
|
|
76
|
+
p("div", N, [
|
|
77
|
+
a(V, {
|
|
78
|
+
ref_key: "eventFlowRef",
|
|
79
|
+
ref: i,
|
|
80
|
+
process: s.value
|
|
81
|
+
}, null, 8, ["process"])
|
|
82
|
+
])
|
|
83
|
+
]),
|
|
84
|
+
_: 1
|
|
85
|
+
}, 8, ["modelValue", "title"]);
|
|
86
|
+
};
|
|
87
|
+
}
|
|
88
|
+
}, H = /* @__PURE__ */ k(O, [["__scopeId", "data-v-497a8403"]]);
|
|
89
|
+
export {
|
|
90
|
+
H as default
|
|
91
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import l from "./onlyFlow.vue.js";
|
|
2
|
+
import { ref as n } from "vue";
|
|
3
|
+
function t() {
|
|
4
|
+
const o = n(!1);
|
|
5
|
+
return {
|
|
6
|
+
onlyFlowDialogVisible: o,
|
|
7
|
+
openOnlyFlowDialog: () => {
|
|
8
|
+
o.value = !0;
|
|
9
|
+
},
|
|
10
|
+
OnlyFlowDialog: l
|
|
11
|
+
};
|
|
12
|
+
}
|
|
13
|
+
export {
|
|
14
|
+
t as useOnlyFlowDialog
|
|
15
|
+
};
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import "../../../../../node_modules/element-plus/theme-chalk/base.css.js";
|
|
2
|
+
import "../../../../../node_modules/element-plus/theme-chalk/el-form-item.css.js";
|
|
3
|
+
import "../../../../../node_modules/element-plus/theme-chalk/el-tag.css.js";
|
|
4
|
+
import "../../../../../node_modules/element-plus/theme-chalk/el-option.css.js";
|
|
5
|
+
import "../../../../../node_modules/element-plus/theme-chalk/el-option-group.css.js";
|
|
6
|
+
import "../../../../../node_modules/element-plus/theme-chalk/el-scrollbar.css.js";
|
|
7
|
+
import "../../../../../node_modules/element-plus/theme-chalk/el-popper.css.js";
|
|
8
|
+
import "../../../../../node_modules/element-plus/theme-chalk/el-select.css.js";
|
|
9
|
+
import { computed as c, openBlock as t, createBlock as r, withCtx as m, createVNode as d, createElementBlock as u, Fragment as f, renderList as s } from "vue";
|
|
10
|
+
import { getEditConfigData as _ } from "../../../utils/common.js";
|
|
11
|
+
import { ElOption as g, ElSelect as b } from "../../../../../node_modules/element-plus/es/components/select/index.js";
|
|
12
|
+
import { ElFormItem as D } from "../../../../../node_modules/element-plus/es/components/form/index.js";
|
|
13
|
+
const y = {
|
|
14
|
+
__name: "Dialog",
|
|
15
|
+
props: {
|
|
16
|
+
formData: Object
|
|
17
|
+
},
|
|
18
|
+
setup(o) {
|
|
19
|
+
const a = c(() => _().dialogs || []);
|
|
20
|
+
return (E, l) => {
|
|
21
|
+
const n = g, i = b, p = D;
|
|
22
|
+
return t(), r(p, { label: "选择弹层" }, {
|
|
23
|
+
default: m(() => [
|
|
24
|
+
d(i, {
|
|
25
|
+
modelValue: o.formData.dialogId,
|
|
26
|
+
"onUpdate:modelValue": l[0] || (l[0] = (e) => o.formData.dialogId = e),
|
|
27
|
+
placeholder: "请选择弹层",
|
|
28
|
+
filterable: "",
|
|
29
|
+
size: "small"
|
|
30
|
+
}, {
|
|
31
|
+
default: m(() => [
|
|
32
|
+
(t(!0), u(f, null, s(a.value, (e) => (t(), r(n, {
|
|
33
|
+
key: e.id,
|
|
34
|
+
label: e.name,
|
|
35
|
+
value: e.id
|
|
36
|
+
}, null, 8, ["label", "value"]))), 128))
|
|
37
|
+
]),
|
|
38
|
+
_: 1
|
|
39
|
+
}, 8, ["modelValue"])
|
|
40
|
+
]),
|
|
41
|
+
_: 1
|
|
42
|
+
});
|
|
43
|
+
};
|
|
44
|
+
}
|
|
45
|
+
};
|
|
46
|
+
export {
|
|
47
|
+
y as default
|
|
48
|
+
};
|
|
@@ -1,43 +1,45 @@
|
|
|
1
1
|
import "../../../../../node_modules/element-plus/theme-chalk/base.css.js";
|
|
2
2
|
import "../../../../../node_modules/element-plus/theme-chalk/el-form-item.css.js";
|
|
3
|
-
import { openBlock as
|
|
3
|
+
import { openBlock as d, createElementBlock as n, Fragment as i, createVNode as o, withCtx as m, createElementVNode as r } from "vue";
|
|
4
4
|
import f from "../../../../components/DataSourceSelect.vue.js";
|
|
5
5
|
import u from "../../../../components/FieldMapping.vue2.js";
|
|
6
6
|
import "./FormSetValue.vue.js";
|
|
7
7
|
import p from "../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
8
8
|
import { ElFormItem as c } from "../../../../../node_modules/element-plus/es/components/form/index.js";
|
|
9
|
-
const s = {
|
|
9
|
+
const s = { class: "desc-content" }, V = {
|
|
10
10
|
__name: "FormSetValue",
|
|
11
11
|
props: {
|
|
12
12
|
formData: Object
|
|
13
13
|
},
|
|
14
|
-
setup(
|
|
15
|
-
return (
|
|
14
|
+
setup(t) {
|
|
15
|
+
return (_, e) => {
|
|
16
16
|
const l = c;
|
|
17
|
-
return
|
|
18
|
-
|
|
17
|
+
return d(), n(i, null, [
|
|
18
|
+
o(l, { label: "选择数据源" }, {
|
|
19
19
|
default: m(() => [
|
|
20
|
-
|
|
21
|
-
modelValue:
|
|
22
|
-
"onUpdate:modelValue": e[0] || (e[0] = (a) =>
|
|
20
|
+
o(f, {
|
|
21
|
+
modelValue: t.formData.dataSourceId,
|
|
22
|
+
"onUpdate:modelValue": e[0] || (e[0] = (a) => t.formData.dataSourceId = a)
|
|
23
23
|
}, null, 8, ["modelValue"])
|
|
24
24
|
]),
|
|
25
25
|
_: 1
|
|
26
26
|
}),
|
|
27
|
-
|
|
27
|
+
o(l, { label: "字段映射" }, {
|
|
28
28
|
default: m(() => [
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
29
|
+
r("div", s, [
|
|
30
|
+
e[2] || (e[2] = r("div", { class: "condition-desc" }, " 当返回的字段与表单字段不一致时,可通过此配置进行映射。 ", -1)),
|
|
31
|
+
o(u, {
|
|
32
|
+
modelValue: t.formData.fieldMapping,
|
|
33
|
+
"onUpdate:modelValue": e[1] || (e[1] = (a) => t.formData.fieldMapping = a)
|
|
34
|
+
}, null, 8, ["modelValue"])
|
|
35
|
+
])
|
|
34
36
|
]),
|
|
35
37
|
_: 1
|
|
36
38
|
})
|
|
37
39
|
], 64);
|
|
38
40
|
};
|
|
39
41
|
}
|
|
40
|
-
}, E = /* @__PURE__ */ p(
|
|
42
|
+
}, E = /* @__PURE__ */ p(V, [["__scopeId", "data-v-52671c1b"]]);
|
|
41
43
|
export {
|
|
42
44
|
E as default
|
|
43
45
|
};
|
|
@@ -1,84 +1,90 @@
|
|
|
1
1
|
import "../../../../../node_modules/element-plus/theme-chalk/base.css.js";
|
|
2
2
|
import "../../../../../node_modules/element-plus/theme-chalk/el-form-item.css.js";
|
|
3
3
|
import "../../../../../node_modules/element-plus/theme-chalk/el-switch.css.js";
|
|
4
|
-
import { computed as
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import { getEditConfigDataFields as
|
|
4
|
+
import { computed as f, openBlock as s, createElementBlock as u, Fragment as V, createVNode as o, withCtx as m, createElementVNode as a, unref as p } from "vue";
|
|
5
|
+
import c from "../../../../components/DataSourceSelect.vue.js";
|
|
6
|
+
import b from "../../../../components/FieldMapping.vue2.js";
|
|
7
|
+
import D from "../../../../components/ParamsConfig.vue2.js";
|
|
8
|
+
import { getEditConfigDataFields as v } from "../../../utils/common.js";
|
|
9
9
|
import "./FormSubmit.vue.js";
|
|
10
|
-
import
|
|
11
|
-
import { ElSwitch as
|
|
12
|
-
import { ElFormItem as
|
|
13
|
-
const E = {
|
|
10
|
+
import F from "../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
11
|
+
import { ElSwitch as g } from "../../../../../node_modules/element-plus/es/components/switch/index.js";
|
|
12
|
+
import { ElFormItem as x } from "../../../../../node_modules/element-plus/es/components/form/index.js";
|
|
13
|
+
const E = { class: "desc-content" }, S = { class: "desc-content" }, U = { class: "desc-content" }, w = {
|
|
14
14
|
__name: "FormSubmit",
|
|
15
15
|
props: {
|
|
16
16
|
formData: Object
|
|
17
17
|
},
|
|
18
|
-
setup(
|
|
19
|
-
const
|
|
20
|
-
id:
|
|
21
|
-
label:
|
|
22
|
-
fieldName:
|
|
23
|
-
fieldType:
|
|
18
|
+
setup(l) {
|
|
19
|
+
const r = f(() => (v() || []).map((e) => ({
|
|
20
|
+
id: e.id,
|
|
21
|
+
label: e.label,
|
|
22
|
+
fieldName: e.fieldName,
|
|
23
|
+
fieldType: e.fieldType
|
|
24
24
|
})));
|
|
25
|
-
return (
|
|
26
|
-
const
|
|
27
|
-
return
|
|
28
|
-
|
|
25
|
+
return (n, e) => {
|
|
26
|
+
const i = g, d = x;
|
|
27
|
+
return s(), u(V, null, [
|
|
28
|
+
o(d, { label: "表单校验" }, {
|
|
29
29
|
default: m(() => [
|
|
30
|
-
|
|
31
|
-
modelValue:
|
|
32
|
-
"onUpdate:modelValue":
|
|
30
|
+
o(i, {
|
|
31
|
+
modelValue: l.formData.formValidate,
|
|
32
|
+
"onUpdate:modelValue": e[0] || (e[0] = (t) => l.formData.formValidate = t)
|
|
33
33
|
}, null, 8, ["modelValue"])
|
|
34
34
|
]),
|
|
35
35
|
_: 1
|
|
36
36
|
}),
|
|
37
|
-
|
|
37
|
+
o(d, { label: "选择数据源" }, {
|
|
38
38
|
default: m(() => [
|
|
39
|
-
|
|
40
|
-
modelValue:
|
|
41
|
-
"onUpdate:modelValue":
|
|
39
|
+
o(c, {
|
|
40
|
+
modelValue: l.formData.dataSourceId,
|
|
41
|
+
"onUpdate:modelValue": e[1] || (e[1] = (t) => l.formData.dataSourceId = t)
|
|
42
42
|
}, null, 8, ["modelValue"])
|
|
43
43
|
]),
|
|
44
44
|
_: 1
|
|
45
45
|
}),
|
|
46
|
-
|
|
46
|
+
o(d, { label: "扩展参数" }, {
|
|
47
47
|
default: m(() => [
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
48
|
+
a("div", E, [
|
|
49
|
+
e[5] || (e[5] = a("div", { class: "condition-desc" }, " 配置额外的请求参数,用于补充表单上没有的字段。 ", -1)),
|
|
50
|
+
o(D, {
|
|
51
|
+
modelValue: l.formData.extraParams,
|
|
52
|
+
"onUpdate:modelValue": e[2] || (e[2] = (t) => l.formData.extraParams = t),
|
|
53
|
+
"available-fields": p(r)
|
|
54
|
+
}, null, 8, ["modelValue", "available-fields"])
|
|
55
|
+
])
|
|
54
56
|
]),
|
|
55
57
|
_: 1
|
|
56
58
|
}),
|
|
57
|
-
|
|
59
|
+
o(d, { label: "字段映射" }, {
|
|
58
60
|
default: m(() => [
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
61
|
+
a("div", S, [
|
|
62
|
+
e[6] || (e[6] = a("div", { class: "condition-desc" }, " 当提交的字段与表单字段不一致时,可通过此配置进行映射。 ", -1)),
|
|
63
|
+
o(b, {
|
|
64
|
+
modelValue: l.formData.fieldMapping,
|
|
65
|
+
"onUpdate:modelValue": e[3] || (e[3] = (t) => l.formData.fieldMapping = t)
|
|
66
|
+
}, null, 8, ["modelValue"])
|
|
67
|
+
])
|
|
64
68
|
]),
|
|
65
69
|
_: 1
|
|
66
70
|
}),
|
|
67
|
-
|
|
71
|
+
o(d, { label: "赋值表单" }, {
|
|
68
72
|
default: m(() => [
|
|
69
|
-
a(
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
73
|
+
a("div", U, [
|
|
74
|
+
o(i, {
|
|
75
|
+
modelValue: l.formData.returnToForm,
|
|
76
|
+
"onUpdate:modelValue": e[4] || (e[4] = (t) => l.formData.returnToForm = t),
|
|
77
|
+
style: { width: "100%" }
|
|
78
|
+
}, null, 8, ["modelValue"]),
|
|
79
|
+
e[7] || (e[7] = a("div", { class: "condition-desc" }, " 当开启后,将返回的数据赋值到表单字段及隐藏域中。 ", -1))
|
|
80
|
+
])
|
|
75
81
|
]),
|
|
76
82
|
_: 1
|
|
77
83
|
})
|
|
78
84
|
], 64);
|
|
79
85
|
};
|
|
80
86
|
}
|
|
81
|
-
},
|
|
87
|
+
}, q = /* @__PURE__ */ F(w, [["__scopeId", "data-v-24a7b471"]]);
|
|
82
88
|
export {
|
|
83
|
-
|
|
89
|
+
q as default
|
|
84
90
|
};
|
|
@@ -2,11 +2,12 @@ import e from "./Page.vue.js";
|
|
|
2
2
|
import a from "./PageGoBack.vue.js";
|
|
3
3
|
import s from "./Request.vue.js";
|
|
4
4
|
import t from "./FormSubmit.vue2.js";
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
|
|
5
|
+
import i from "./FormSetValue.vue2.js";
|
|
6
|
+
import n from "./Message.vue.js";
|
|
7
|
+
import o from "./Confirm.vue.js";
|
|
8
|
+
import l from "./TableRefresh.vue2.js";
|
|
9
|
+
import m from "./Dialog.vue.js";
|
|
10
|
+
const _ = [
|
|
10
11
|
{
|
|
11
12
|
index: "page",
|
|
12
13
|
label: "页面",
|
|
@@ -30,12 +31,12 @@ const x = [
|
|
|
30
31
|
index: "ui",
|
|
31
32
|
label: "交互",
|
|
32
33
|
items: [
|
|
33
|
-
{ index: "ui-dialog", label: "
|
|
34
|
-
{ index: "ui-message", label: "显示提示信息", desc: "显示消息提示", component:
|
|
34
|
+
{ index: "ui-dialog", label: "打开弹层", desc: "打开指定的弹层", component: m },
|
|
35
|
+
{ index: "ui-message", label: "显示提示信息", desc: "显示消息提示", component: n, default: {
|
|
35
36
|
messageType: "success",
|
|
36
37
|
message: ""
|
|
37
38
|
} },
|
|
38
|
-
{ index: "ui-confirm", label: "确认弹窗", desc: "显示确认对话框", component:
|
|
39
|
+
{ index: "ui-confirm", label: "确认弹窗", desc: "显示确认对话框", component: o, default: {
|
|
39
40
|
messageType: "warning",
|
|
40
41
|
title: "确认操作",
|
|
41
42
|
message: "确定要执行此操作吗?",
|
|
@@ -50,7 +51,7 @@ const x = [
|
|
|
50
51
|
index: "form",
|
|
51
52
|
label: "表单",
|
|
52
53
|
items: [
|
|
53
|
-
{ index: "form-setValue", label: "表单赋值", desc: "设置表单字段的值", component:
|
|
54
|
+
{ index: "form-setValue", label: "表单赋值", desc: "设置表单字段的值", component: i, default: { fieldMapping: [] } },
|
|
54
55
|
{ index: "form-submit", label: "表单提交", desc: "提交表单数据", component: t, default: { formValidate: !0, fieldMapping: [], extraParams: [] } }
|
|
55
56
|
]
|
|
56
57
|
},
|
|
@@ -58,7 +59,7 @@ const x = [
|
|
|
58
59
|
index: "table",
|
|
59
60
|
label: "列表",
|
|
60
61
|
items: [
|
|
61
|
-
{ index: "table-refresh", label: "表格数据刷新", desc: "刷新表格的数据列表", component:
|
|
62
|
+
{ index: "table-refresh", label: "表格数据刷新", desc: "刷新表格的数据列表", component: l, default: {
|
|
62
63
|
resetSort: !1,
|
|
63
64
|
resetFilter: !1,
|
|
64
65
|
resetPagination: !1
|
|
@@ -84,5 +85,5 @@ const x = [
|
|
|
84
85
|
}
|
|
85
86
|
];
|
|
86
87
|
export {
|
|
87
|
-
|
|
88
|
+
_ as default
|
|
88
89
|
};
|
|
@@ -2,62 +2,57 @@ import "../../../node_modules/element-plus/theme-chalk/base.css.js";
|
|
|
2
2
|
import "../../../node_modules/element-plus/theme-chalk/el-link.css.js";
|
|
3
3
|
import "../../../node_modules/element-plus/theme-chalk/el-button.css.js";
|
|
4
4
|
import "../../../node_modules/element-plus/theme-chalk/el-switch.css.js";
|
|
5
|
-
import { computed as m, openBlock as
|
|
6
|
-
import { VueDraggable as
|
|
7
|
-
import { Close as I, Plus as P
|
|
8
|
-
import { getEditConfigData as
|
|
5
|
+
import { computed as m, openBlock as p, createElementBlock as d, createElementVNode as i, createVNode as s, unref as n, withCtx as a, Fragment as x, renderList as y, normalizeClass as E, withModifiers as c, mergeProps as F, createTextVNode as f, toDisplayString as w } from "vue";
|
|
6
|
+
import { VueDraggable as D } from "../../../node_modules/vue-draggable-plus/dist/vue-draggable-plus.js";
|
|
7
|
+
import { Close as I, Plus as P } from "../../../node_modules/@element-plus/icons-vue/dist/index.js";
|
|
8
|
+
import { getEditConfigData as S, getCurrentClass as M, setHoverItem as g, setSelectedItem as $ } from "../utils/common.js";
|
|
9
9
|
import "./PageFooterSetting.vue2.js";
|
|
10
|
-
import
|
|
11
|
-
import { ElSwitch as
|
|
12
|
-
import { ElButton as
|
|
13
|
-
import { ElIcon as
|
|
14
|
-
import { ElLink as
|
|
15
|
-
const
|
|
10
|
+
import A from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
11
|
+
import { ElSwitch as L } from "../../../node_modules/element-plus/es/components/switch/index.js";
|
|
12
|
+
import { ElButton as N } from "../../../node_modules/element-plus/es/components/button/index.js";
|
|
13
|
+
import { ElIcon as T } from "../../../node_modules/element-plus/es/components/icon/index.js";
|
|
14
|
+
import { ElLink as z } from "../../../node_modules/element-plus/es/components/link/index.js";
|
|
15
|
+
const U = { class: "page-footer-setting" }, H = { class: "setting-left" }, j = { class: "setting-center" }, q = ["onMouseenter", "onClick"], G = {
|
|
16
16
|
__name: "PageFooterSetting",
|
|
17
|
-
setup(
|
|
18
|
-
const
|
|
17
|
+
setup(J) {
|
|
18
|
+
const v = m(() => S()), t = m(() => v.value.pageFooterConfig || {
|
|
19
19
|
enabled: !0,
|
|
20
20
|
actions: []
|
|
21
|
-
})
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
};
|
|
27
|
-
function C(n) {
|
|
28
|
-
const e = v[n.btnType] || {};
|
|
29
|
-
return n.label ? e.class = "" : e.class = "system", e.type = n.btnStyle, e;
|
|
21
|
+
});
|
|
22
|
+
function _(l) {
|
|
23
|
+
return {
|
|
24
|
+
type: l.btnType
|
|
25
|
+
};
|
|
30
26
|
}
|
|
31
|
-
function
|
|
32
|
-
const
|
|
27
|
+
function C() {
|
|
28
|
+
const l = {
|
|
33
29
|
id: Date.now(),
|
|
34
30
|
label: "按钮",
|
|
35
31
|
type: "pageFooterBtn",
|
|
36
|
-
btnType: "
|
|
37
|
-
btnStyle: "primary"
|
|
32
|
+
btnType: "primary"
|
|
38
33
|
};
|
|
39
|
-
t.value.actions || (t.value.actions = []), t.value.actions.push(
|
|
34
|
+
t.value.actions || (t.value.actions = []), t.value.actions.push(l);
|
|
40
35
|
}
|
|
41
|
-
function
|
|
36
|
+
function b(l) {
|
|
42
37
|
const e = t.value.actions.findIndex(
|
|
43
|
-
(r) => r.id ===
|
|
38
|
+
(r) => r.id === l.id
|
|
44
39
|
);
|
|
45
40
|
e !== -1 && t.value.actions.splice(e, 1);
|
|
46
41
|
}
|
|
47
|
-
return (
|
|
48
|
-
const r =
|
|
49
|
-
return
|
|
50
|
-
|
|
51
|
-
e[3] || (e[3] =
|
|
52
|
-
|
|
42
|
+
return (l, e) => {
|
|
43
|
+
const r = L, k = N, B = T, V = z;
|
|
44
|
+
return p(), d("div", U, [
|
|
45
|
+
i("div", H, [
|
|
46
|
+
e[3] || (e[3] = i("span", { class: "text-label" }, "启用页尾", -1)),
|
|
47
|
+
s(r, {
|
|
53
48
|
modelValue: t.value.enabled,
|
|
54
49
|
"onUpdate:modelValue": e[0] || (e[0] = (o) => t.value.enabled = o),
|
|
55
50
|
size: "small"
|
|
56
51
|
}, null, 8, ["modelValue"]),
|
|
57
|
-
e[4] || (e[4] =
|
|
52
|
+
e[4] || (e[4] = i("div", { class: "setting-divider" }, null, -1))
|
|
58
53
|
]),
|
|
59
|
-
|
|
60
|
-
|
|
54
|
+
i("div", j, [
|
|
55
|
+
s(n(D), {
|
|
61
56
|
modelValue: t.value.actions,
|
|
62
57
|
"onUpdate:modelValue": e[2] || (e[2] = (o) => t.value.actions = o),
|
|
63
58
|
animation: 150,
|
|
@@ -65,50 +60,50 @@ const j = { class: "page-footer-setting" }, q = { class: "setting-left" }, G = {
|
|
|
65
60
|
ghostClass: "ghost",
|
|
66
61
|
class: "optBtnDraggable"
|
|
67
62
|
}, {
|
|
68
|
-
default:
|
|
69
|
-
(
|
|
70
|
-
class:
|
|
71
|
-
onMouseenter: (
|
|
72
|
-
onMouseleave: e[1] || (e[1] = (
|
|
73
|
-
onClick: c((
|
|
63
|
+
default: a(() => [
|
|
64
|
+
(p(!0), d(x, null, y(t.value.actions, (o) => (p(), d("div", {
|
|
65
|
+
class: E(["optBtn", n(M)(o)]),
|
|
66
|
+
onMouseenter: (u) => n(g)(o),
|
|
67
|
+
onMouseleave: e[1] || (e[1] = (u) => n(g)()),
|
|
68
|
+
onClick: c((u) => n($)(o), ["stop"])
|
|
74
69
|
}, [
|
|
75
|
-
|
|
76
|
-
default:
|
|
77
|
-
f(
|
|
70
|
+
s(k, F({ class: "elBtn" }, { ref_for: !0 }, _(o)), {
|
|
71
|
+
default: a(() => [
|
|
72
|
+
f(w(o.label), 1)
|
|
78
73
|
]),
|
|
79
74
|
_: 2
|
|
80
75
|
}, 1040),
|
|
81
|
-
|
|
76
|
+
s(B, {
|
|
82
77
|
class: "delete-icon",
|
|
83
|
-
onClick: c((
|
|
78
|
+
onClick: c((u) => b(o), ["stop"])
|
|
84
79
|
}, {
|
|
85
|
-
default:
|
|
86
|
-
|
|
80
|
+
default: a(() => [
|
|
81
|
+
s(n(I))
|
|
87
82
|
]),
|
|
88
83
|
_: 1
|
|
89
84
|
}, 8, ["onClick"])
|
|
90
|
-
], 42,
|
|
85
|
+
], 42, q))), 256))
|
|
91
86
|
]),
|
|
92
87
|
_: 1
|
|
93
88
|
}, 8, ["modelValue"]),
|
|
94
|
-
|
|
89
|
+
s(V, {
|
|
95
90
|
class: "optBtn addLink",
|
|
96
91
|
underline: "never",
|
|
97
92
|
type: "primary",
|
|
98
|
-
icon:
|
|
99
|
-
onClick: c(
|
|
93
|
+
icon: n(P),
|
|
94
|
+
onClick: c(C, ["stop"])
|
|
100
95
|
}, {
|
|
101
|
-
default:
|
|
96
|
+
default: a(() => [...e[5] || (e[5] = [
|
|
102
97
|
f("按钮", -1)
|
|
103
98
|
])]),
|
|
104
99
|
_: 1
|
|
105
100
|
}, 8, ["icon"])
|
|
106
101
|
]),
|
|
107
|
-
e[6] || (e[6] =
|
|
102
|
+
e[6] || (e[6] = i("div", { class: "setting-right" }, null, -1))
|
|
108
103
|
]);
|
|
109
104
|
};
|
|
110
105
|
}
|
|
111
|
-
},
|
|
106
|
+
}, se = /* @__PURE__ */ A(G, [["__scopeId", "data-v-63bf2610"]]);
|
|
112
107
|
export {
|
|
113
|
-
|
|
108
|
+
se as default
|
|
114
109
|
};
|