super-page-designer 2.0.37 → 2.0.41
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/dist/es/components/design/utils/form-design-util.js +6 -0
- package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue2.js +4 -3
- package/dist/es/components/design/views/assemblys/data/component/data-origin.vue2.js +1 -1
- package/dist/es/components/design/views/assemblys/form/common/data-format.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/form/common/dataorigin-input-table.vue.js +1 -152
- package/dist/es/components/design/views/assemblys/form/common/dataorigin-input-table.vue2.js +152 -1
- package/dist/es/components/design/views/assemblys/form/common/pre-suffix.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/form/common/title-suffix-element.vue.js +29 -0
- package/dist/es/components/design/views/assemblys/form/common/title-suffix-element.vue2.js +4 -0
- package/dist/es/components/design/views/assemblys/form/common/title-suffix.vue.js +120 -0
- package/dist/es/components/design/views/assemblys/form/common/title-suffix.vue2.js +4 -0
- package/dist/es/components/design/views/assemblys/form/input-text/inputtext-attr-base.vue.js +14 -10
- package/dist/es/components/design/views/assemblys/form/input-text/inputtext-design.vue2.js +10 -2
- package/dist/es/style.css +59 -59
- package/package.json +2 -2
|
@@ -144,6 +144,12 @@ function caculateComponentProps(configure, property) {
|
|
|
144
144
|
if (defineProps.base && defineProps.base.defaultValue) {
|
|
145
145
|
tempProps["defaultValue"] = defineProps.base.defaultValue;
|
|
146
146
|
}
|
|
147
|
+
if (defineProps.base && defineProps.base.prefixType) {
|
|
148
|
+
tempProps["prefixType"] = defineProps.base.prefixType;
|
|
149
|
+
tempProps["prefixPro"] = defineProps.base.prefixPro;
|
|
150
|
+
tempProps["prefixValue"] = defineProps.base.prefixValue;
|
|
151
|
+
tempProps["prefixDefault"] = defineProps.base.prefixDefault;
|
|
152
|
+
}
|
|
147
153
|
if (defineProps.base && defineProps.base.placeholder) {
|
|
148
154
|
tempProps["placeholder"] = defineProps.base.placeholder;
|
|
149
155
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _sfc_main from "./common-variable-bind.vue2.js";
|
|
2
2
|
import "./common-variable-bind.vue3.js";
|
|
3
3
|
import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const BindVariable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
4
|
+
const BindVariable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8cdbf8c5"]]);
|
|
5
5
|
export {
|
|
6
6
|
BindVariable as default
|
|
7
7
|
};
|
|
@@ -4,7 +4,7 @@ import http from "agilebuilder-ui/src/utils/request";
|
|
|
4
4
|
import { deepCopy, getUuidv4 } from "../../../utils/common-util.js";
|
|
5
5
|
import { getTypeOptions, taskVarOptions, contextVarOptions } from "./common-variable-bind-option.js";
|
|
6
6
|
import { usePageContextStore } from "../../../../../stores/page-store.js";
|
|
7
|
-
const _withScopeId = (n) => (pushScopeId("data-v-
|
|
7
|
+
const _withScopeId = (n) => (pushScopeId("data-v-8cdbf8c5"), n = n(), popScopeId(), n);
|
|
8
8
|
const _hoisted_1 = { key: 0 };
|
|
9
9
|
const _hoisted_2 = { style: { "margin-top": "10px", "font-size": "10px", "display": "flex", "align-items": "center", "justify-self": "center" } };
|
|
10
10
|
const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { style: { "margin-left": "5px" } }, "输入变量名后点击加号按钮添加", -1));
|
|
@@ -63,13 +63,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
63
63
|
const typeOptions = ref([]);
|
|
64
64
|
const showInput = ref(false);
|
|
65
65
|
const labelValue = ref("");
|
|
66
|
-
ref(false);
|
|
67
66
|
const paramType = ref("");
|
|
68
67
|
const paramValue = ref("");
|
|
69
68
|
const valueOptions = ref([]);
|
|
70
69
|
const selectOptions = ref({});
|
|
71
70
|
const searchValue = ref("");
|
|
72
|
-
ref("");
|
|
73
71
|
const popoverRef = ref(null);
|
|
74
72
|
const selectInputType = ["context", "system", "task", "data", "page"];
|
|
75
73
|
onMounted(() => {
|
|
@@ -114,6 +112,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
114
112
|
});
|
|
115
113
|
let lastTarget = null;
|
|
116
114
|
function handleClickOutside(event) {
|
|
115
|
+
if (!popoverVisible.value) {
|
|
116
|
+
return;
|
|
117
|
+
}
|
|
117
118
|
if (paramTypeCheck) {
|
|
118
119
|
paramTypeCheck = false;
|
|
119
120
|
return;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, createTextVNode, unref, createCommentVNode, withDirectives, vShow, createElementBlock, Fragment, renderList, normalizeClass, toDisplayString, renderSlot } from "vue";
|
|
2
|
-
import _sfc_main$1 from "../../form/common/dataorigin-input-table.
|
|
2
|
+
import _sfc_main$1 from "../../form/common/dataorigin-input-table.vue2.js";
|
|
3
3
|
import { Codemirror } from "vue-codemirror";
|
|
4
4
|
import _sfc_main$6 from "../../workflow/component/combination.vue.js";
|
|
5
5
|
import _sfc_main$5 from "./return-set-table.vue.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, ref, onMounted, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, unref, createCommentVNode, withDirectives, createElementBlock, Fragment, renderList, vShow, createTextVNode, normalizeClass } from "vue";
|
|
2
|
-
import _sfc_main$3 from "./dataorigin-input-table.
|
|
2
|
+
import _sfc_main$3 from "./dataorigin-input-table.vue2.js";
|
|
3
3
|
import _sfc_main$2 from "./condition.vue.js";
|
|
4
4
|
import _sfc_main$1 from "./row-ul-li.vue.js";
|
|
5
5
|
import "uuid";
|
|
@@ -1,155 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { Search } from "@element-plus/icons-vue";
|
|
3
|
-
const _hoisted_1 = { class: "dialog-footer" };
|
|
4
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
-
__name: "dataorigin-input-table",
|
|
6
|
-
props: {
|
|
7
|
-
modelValue: {
|
|
8
|
-
type: String,
|
|
9
|
-
default: ""
|
|
10
|
-
}
|
|
11
|
-
},
|
|
12
|
-
emits: ["update:modelValue"],
|
|
13
|
-
setup(__props, { emit: __emit }) {
|
|
14
|
-
const props = __props;
|
|
15
|
-
const inputValue = ref(props.modelValue);
|
|
16
|
-
const emit = __emit;
|
|
17
|
-
const tableData = [
|
|
18
|
-
{
|
|
19
|
-
id: 1,
|
|
20
|
-
date: "2016-05-03",
|
|
21
|
-
name: "Tom",
|
|
22
|
-
address: "No. 189, Grove St, Los Angeles"
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
id: 2,
|
|
26
|
-
date: "2016-05-02",
|
|
27
|
-
name: "Tom",
|
|
28
|
-
address: "No. 189, Grove St, Los Angeles"
|
|
29
|
-
},
|
|
30
|
-
{
|
|
31
|
-
id: 3,
|
|
32
|
-
date: "2016-05-04",
|
|
33
|
-
name: "Tom",
|
|
34
|
-
address: "No. 189, Grove St, Los Angeles"
|
|
35
|
-
},
|
|
36
|
-
{
|
|
37
|
-
id: 4,
|
|
38
|
-
date: "2016-05-01",
|
|
39
|
-
name: "Tom",
|
|
40
|
-
address: "No. 189, Grove St, Los Angeles"
|
|
41
|
-
}
|
|
42
|
-
];
|
|
43
|
-
const dialogVisible = ref(false);
|
|
44
|
-
const selectData = ref([]);
|
|
45
|
-
watch(() => props.modelValue, (newVal) => {
|
|
46
|
-
inputValue.value = newVal;
|
|
47
|
-
});
|
|
48
|
-
function confirm() {
|
|
49
|
-
if (selectData.value.length > 0) {
|
|
50
|
-
let str = "";
|
|
51
|
-
selectData.value.forEach((item) => {
|
|
52
|
-
str = str + item.name + ",";
|
|
53
|
-
});
|
|
54
|
-
str = str.substring(0, str.length - 1);
|
|
55
|
-
emit("update:modelValue", str);
|
|
56
|
-
dialogVisible.value = false;
|
|
57
|
-
} else {
|
|
58
|
-
dialogVisible.value = false;
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
function handleSelectionChange(selection) {
|
|
62
|
-
selectData.value = selection;
|
|
63
|
-
}
|
|
64
|
-
function inputClick() {
|
|
65
|
-
dialogVisible.value = true;
|
|
66
|
-
}
|
|
67
|
-
return (_ctx, _cache) => {
|
|
68
|
-
const _component_el_icon = resolveComponent("el-icon");
|
|
69
|
-
const _component_el_input = resolveComponent("el-input");
|
|
70
|
-
const _component_el_table_column = resolveComponent("el-table-column");
|
|
71
|
-
const _component_el_table = resolveComponent("el-table");
|
|
72
|
-
const _component_el_button = resolveComponent("el-button");
|
|
73
|
-
const _component_el_dialog = resolveComponent("el-dialog");
|
|
74
|
-
return openBlock(), createElementBlock(Fragment, null, [
|
|
75
|
-
createVNode(_component_el_input, {
|
|
76
|
-
modelValue: inputValue.value,
|
|
77
|
-
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
|
|
78
|
-
placeholder: "请选择",
|
|
79
|
-
onClick: inputClick
|
|
80
|
-
}, {
|
|
81
|
-
suffix: withCtx(() => [
|
|
82
|
-
createVNode(_component_el_icon, { onClick: inputClick }, {
|
|
83
|
-
default: withCtx(() => [
|
|
84
|
-
createVNode(unref(Search))
|
|
85
|
-
]),
|
|
86
|
-
_: 1
|
|
87
|
-
})
|
|
88
|
-
]),
|
|
89
|
-
_: 1
|
|
90
|
-
}, 8, ["modelValue"]),
|
|
91
|
-
createVNode(_component_el_dialog, {
|
|
92
|
-
modelValue: dialogVisible.value,
|
|
93
|
-
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => dialogVisible.value = $event),
|
|
94
|
-
title: "Tips",
|
|
95
|
-
width: "500"
|
|
96
|
-
}, {
|
|
97
|
-
footer: withCtx(() => [
|
|
98
|
-
createElementVNode("div", _hoisted_1, [
|
|
99
|
-
createVNode(_component_el_button, {
|
|
100
|
-
onClick: _cache[1] || (_cache[1] = ($event) => dialogVisible.value = false)
|
|
101
|
-
}, {
|
|
102
|
-
default: withCtx(() => [
|
|
103
|
-
createTextVNode("取消")
|
|
104
|
-
]),
|
|
105
|
-
_: 1
|
|
106
|
-
}),
|
|
107
|
-
createVNode(_component_el_button, {
|
|
108
|
-
type: "primary",
|
|
109
|
-
onClick: confirm
|
|
110
|
-
}, {
|
|
111
|
-
default: withCtx(() => [
|
|
112
|
-
createTextVNode(" 确定 ")
|
|
113
|
-
]),
|
|
114
|
-
_: 1
|
|
115
|
-
})
|
|
116
|
-
])
|
|
117
|
-
]),
|
|
118
|
-
default: withCtx(() => [
|
|
119
|
-
createVNode(_component_el_table, {
|
|
120
|
-
data: tableData,
|
|
121
|
-
style: { "width": "100%" },
|
|
122
|
-
onSelectionChange: handleSelectionChange
|
|
123
|
-
}, {
|
|
124
|
-
default: withCtx(() => [
|
|
125
|
-
createVNode(_component_el_table_column, {
|
|
126
|
-
type: "selection",
|
|
127
|
-
width: "55"
|
|
128
|
-
}),
|
|
129
|
-
createVNode(_component_el_table_column, {
|
|
130
|
-
prop: "date",
|
|
131
|
-
label: "Date",
|
|
132
|
-
width: "180"
|
|
133
|
-
}),
|
|
134
|
-
createVNode(_component_el_table_column, {
|
|
135
|
-
prop: "name",
|
|
136
|
-
label: "Name",
|
|
137
|
-
width: "180"
|
|
138
|
-
}),
|
|
139
|
-
createVNode(_component_el_table_column, {
|
|
140
|
-
prop: "address",
|
|
141
|
-
label: "Address"
|
|
142
|
-
})
|
|
143
|
-
]),
|
|
144
|
-
_: 1
|
|
145
|
-
})
|
|
146
|
-
]),
|
|
147
|
-
_: 1
|
|
148
|
-
}, 8, ["modelValue"])
|
|
149
|
-
], 64);
|
|
150
|
-
};
|
|
151
|
-
}
|
|
152
|
-
});
|
|
1
|
+
import _sfc_main from "./dataorigin-input-table.vue2.js";
|
|
153
2
|
export {
|
|
154
3
|
_sfc_main as default
|
|
155
4
|
};
|
package/dist/es/components/design/views/assemblys/form/common/dataorigin-input-table.vue2.js
CHANGED
|
@@ -1,4 +1,155 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, unref, createElementVNode, createTextVNode } from "vue";
|
|
2
|
+
import { Search } from "@element-plus/icons-vue";
|
|
3
|
+
const _hoisted_1 = { class: "dialog-footer" };
|
|
4
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
+
__name: "dataorigin-input-table",
|
|
6
|
+
props: {
|
|
7
|
+
modelValue: {
|
|
8
|
+
type: String,
|
|
9
|
+
default: ""
|
|
10
|
+
}
|
|
11
|
+
},
|
|
12
|
+
emits: ["update:modelValue"],
|
|
13
|
+
setup(__props, { emit: __emit }) {
|
|
14
|
+
const props = __props;
|
|
15
|
+
const inputValue = ref(props.modelValue);
|
|
16
|
+
const emit = __emit;
|
|
17
|
+
const tableData = [
|
|
18
|
+
{
|
|
19
|
+
id: 1,
|
|
20
|
+
date: "2016-05-03",
|
|
21
|
+
name: "Tom",
|
|
22
|
+
address: "No. 189, Grove St, Los Angeles"
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
id: 2,
|
|
26
|
+
date: "2016-05-02",
|
|
27
|
+
name: "Tom",
|
|
28
|
+
address: "No. 189, Grove St, Los Angeles"
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
id: 3,
|
|
32
|
+
date: "2016-05-04",
|
|
33
|
+
name: "Tom",
|
|
34
|
+
address: "No. 189, Grove St, Los Angeles"
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
id: 4,
|
|
38
|
+
date: "2016-05-01",
|
|
39
|
+
name: "Tom",
|
|
40
|
+
address: "No. 189, Grove St, Los Angeles"
|
|
41
|
+
}
|
|
42
|
+
];
|
|
43
|
+
const dialogVisible = ref(false);
|
|
44
|
+
const selectData = ref([]);
|
|
45
|
+
watch(() => props.modelValue, (newVal) => {
|
|
46
|
+
inputValue.value = newVal;
|
|
47
|
+
});
|
|
48
|
+
function confirm() {
|
|
49
|
+
if (selectData.value.length > 0) {
|
|
50
|
+
let str = "";
|
|
51
|
+
selectData.value.forEach((item) => {
|
|
52
|
+
str = str + item.name + ",";
|
|
53
|
+
});
|
|
54
|
+
str = str.substring(0, str.length - 1);
|
|
55
|
+
emit("update:modelValue", str);
|
|
56
|
+
dialogVisible.value = false;
|
|
57
|
+
} else {
|
|
58
|
+
dialogVisible.value = false;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
function handleSelectionChange(selection) {
|
|
62
|
+
selectData.value = selection;
|
|
63
|
+
}
|
|
64
|
+
function inputClick() {
|
|
65
|
+
dialogVisible.value = true;
|
|
66
|
+
}
|
|
67
|
+
return (_ctx, _cache) => {
|
|
68
|
+
const _component_el_icon = resolveComponent("el-icon");
|
|
69
|
+
const _component_el_input = resolveComponent("el-input");
|
|
70
|
+
const _component_el_table_column = resolveComponent("el-table-column");
|
|
71
|
+
const _component_el_table = resolveComponent("el-table");
|
|
72
|
+
const _component_el_button = resolveComponent("el-button");
|
|
73
|
+
const _component_el_dialog = resolveComponent("el-dialog");
|
|
74
|
+
return openBlock(), createElementBlock(Fragment, null, [
|
|
75
|
+
createVNode(_component_el_input, {
|
|
76
|
+
modelValue: inputValue.value,
|
|
77
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
|
|
78
|
+
placeholder: "请选择",
|
|
79
|
+
onClick: inputClick
|
|
80
|
+
}, {
|
|
81
|
+
suffix: withCtx(() => [
|
|
82
|
+
createVNode(_component_el_icon, { onClick: inputClick }, {
|
|
83
|
+
default: withCtx(() => [
|
|
84
|
+
createVNode(unref(Search))
|
|
85
|
+
]),
|
|
86
|
+
_: 1
|
|
87
|
+
})
|
|
88
|
+
]),
|
|
89
|
+
_: 1
|
|
90
|
+
}, 8, ["modelValue"]),
|
|
91
|
+
createVNode(_component_el_dialog, {
|
|
92
|
+
modelValue: dialogVisible.value,
|
|
93
|
+
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => dialogVisible.value = $event),
|
|
94
|
+
title: "Tips",
|
|
95
|
+
width: "500"
|
|
96
|
+
}, {
|
|
97
|
+
footer: withCtx(() => [
|
|
98
|
+
createElementVNode("div", _hoisted_1, [
|
|
99
|
+
createVNode(_component_el_button, {
|
|
100
|
+
onClick: _cache[1] || (_cache[1] = ($event) => dialogVisible.value = false)
|
|
101
|
+
}, {
|
|
102
|
+
default: withCtx(() => [
|
|
103
|
+
createTextVNode("取消")
|
|
104
|
+
]),
|
|
105
|
+
_: 1
|
|
106
|
+
}),
|
|
107
|
+
createVNode(_component_el_button, {
|
|
108
|
+
type: "primary",
|
|
109
|
+
onClick: confirm
|
|
110
|
+
}, {
|
|
111
|
+
default: withCtx(() => [
|
|
112
|
+
createTextVNode(" 确定 ")
|
|
113
|
+
]),
|
|
114
|
+
_: 1
|
|
115
|
+
})
|
|
116
|
+
])
|
|
117
|
+
]),
|
|
118
|
+
default: withCtx(() => [
|
|
119
|
+
createVNode(_component_el_table, {
|
|
120
|
+
data: tableData,
|
|
121
|
+
style: { "width": "100%" },
|
|
122
|
+
onSelectionChange: handleSelectionChange
|
|
123
|
+
}, {
|
|
124
|
+
default: withCtx(() => [
|
|
125
|
+
createVNode(_component_el_table_column, {
|
|
126
|
+
type: "selection",
|
|
127
|
+
width: "55"
|
|
128
|
+
}),
|
|
129
|
+
createVNode(_component_el_table_column, {
|
|
130
|
+
prop: "date",
|
|
131
|
+
label: "Date",
|
|
132
|
+
width: "180"
|
|
133
|
+
}),
|
|
134
|
+
createVNode(_component_el_table_column, {
|
|
135
|
+
prop: "name",
|
|
136
|
+
label: "Name",
|
|
137
|
+
width: "180"
|
|
138
|
+
}),
|
|
139
|
+
createVNode(_component_el_table_column, {
|
|
140
|
+
prop: "address",
|
|
141
|
+
label: "Address"
|
|
142
|
+
})
|
|
143
|
+
]),
|
|
144
|
+
_: 1
|
|
145
|
+
})
|
|
146
|
+
]),
|
|
147
|
+
_: 1
|
|
148
|
+
}, 8, ["modelValue"])
|
|
149
|
+
], 64);
|
|
150
|
+
};
|
|
151
|
+
}
|
|
152
|
+
});
|
|
2
153
|
export {
|
|
3
154
|
_sfc_main as default
|
|
4
155
|
};
|
|
@@ -25,7 +25,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
25
25
|
const _component_el_radio_group = resolveComponent("el-radio-group");
|
|
26
26
|
const _component_el_collapse_item = resolveComponent("el-collapse-item");
|
|
27
27
|
return openBlock(), createBlock(_component_el_collapse_item, {
|
|
28
|
-
title: "
|
|
28
|
+
title: "内容前/后缀",
|
|
29
29
|
name: "preSuffix",
|
|
30
30
|
class: "amb-design-attr-group-header"
|
|
31
31
|
}, {
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, createBlock, createCommentVNode } from "vue";
|
|
2
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
3
|
+
__name: "title-suffix-element",
|
|
4
|
+
props: {
|
|
5
|
+
configure: {
|
|
6
|
+
type: Object,
|
|
7
|
+
required: true
|
|
8
|
+
}
|
|
9
|
+
},
|
|
10
|
+
setup(__props) {
|
|
11
|
+
return (_ctx, _cache) => {
|
|
12
|
+
const _component_el_radio = resolveComponent("el-radio");
|
|
13
|
+
const _component_el_checkbox = resolveComponent("el-checkbox");
|
|
14
|
+
return openBlock(), createElementBlock(Fragment, null, [
|
|
15
|
+
__props.configure.props.base.prefixType === "radio" ? (openBlock(), createBlock(_component_el_radio, {
|
|
16
|
+
key: 0,
|
|
17
|
+
label: __props.configure.props.base.title
|
|
18
|
+
}, null, 8, ["label"])) : createCommentVNode("", true),
|
|
19
|
+
__props.configure.props.base.prefixType === "checkbox" ? (openBlock(), createBlock(_component_el_checkbox, {
|
|
20
|
+
key: 1,
|
|
21
|
+
label: __props.configure.props.base.title
|
|
22
|
+
}, null, 8, ["label"])) : createCommentVNode("", true)
|
|
23
|
+
], 64);
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
export {
|
|
28
|
+
_sfc_main as default
|
|
29
|
+
};
|
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, withDirectives, vShow } from "vue";
|
|
2
|
+
import BindVariable from "../../common/common-variable-bind.vue.js";
|
|
3
|
+
const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
|
|
4
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
+
__name: "title-suffix",
|
|
6
|
+
props: {
|
|
7
|
+
configure: {
|
|
8
|
+
type: Object,
|
|
9
|
+
required: true
|
|
10
|
+
}
|
|
11
|
+
},
|
|
12
|
+
setup(__props) {
|
|
13
|
+
const props = __props;
|
|
14
|
+
function afterBindVariable(modelValue, field) {
|
|
15
|
+
if (field === "field") {
|
|
16
|
+
props.configure.props.base.prefixPro = modelValue;
|
|
17
|
+
} else {
|
|
18
|
+
props.configure.props.base.prefixDefault = modelValue;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
return (_ctx, _cache) => {
|
|
22
|
+
const _component_el_option = resolveComponent("el-option");
|
|
23
|
+
const _component_el_select = resolveComponent("el-select");
|
|
24
|
+
const _component_el_form_item = resolveComponent("el-form-item");
|
|
25
|
+
const _component_el_input = resolveComponent("el-input");
|
|
26
|
+
const _component_el_collapse_item = resolveComponent("el-collapse-item");
|
|
27
|
+
return openBlock(), createBlock(_component_el_collapse_item, {
|
|
28
|
+
title: "标题前缀",
|
|
29
|
+
name: "titlePreSuffix",
|
|
30
|
+
class: "amb-design-attr-group-header"
|
|
31
|
+
}, {
|
|
32
|
+
default: withCtx(() => [
|
|
33
|
+
createElementVNode("div", _hoisted_1, [
|
|
34
|
+
createVNode(_component_el_form_item, {
|
|
35
|
+
label: "前缀元素",
|
|
36
|
+
class: "amb-design-attr-item",
|
|
37
|
+
style: { "margin-bottom": "-10px" }
|
|
38
|
+
}, {
|
|
39
|
+
default: withCtx(() => [
|
|
40
|
+
createVNode(_component_el_select, {
|
|
41
|
+
modelValue: __props.configure.props.base.prefixType,
|
|
42
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.props.base.prefixType = $event),
|
|
43
|
+
placeholder: "请选择",
|
|
44
|
+
clearable: ""
|
|
45
|
+
}, {
|
|
46
|
+
default: withCtx(() => [
|
|
47
|
+
createVNode(_component_el_option, {
|
|
48
|
+
label: "单选框",
|
|
49
|
+
value: "radio"
|
|
50
|
+
}),
|
|
51
|
+
createVNode(_component_el_option, {
|
|
52
|
+
label: "复选框",
|
|
53
|
+
value: "checkbox"
|
|
54
|
+
})
|
|
55
|
+
]),
|
|
56
|
+
_: 1
|
|
57
|
+
}, 8, ["modelValue"])
|
|
58
|
+
]),
|
|
59
|
+
_: 1
|
|
60
|
+
}),
|
|
61
|
+
withDirectives(createVNode(_component_el_form_item, {
|
|
62
|
+
label: "选项值",
|
|
63
|
+
class: "amb-design-attr-item",
|
|
64
|
+
style: { "margin-top": "20px" }
|
|
65
|
+
}, {
|
|
66
|
+
default: withCtx(() => [
|
|
67
|
+
createVNode(_component_el_input, {
|
|
68
|
+
clearable: "",
|
|
69
|
+
placeholder: "请输入",
|
|
70
|
+
modelValue: __props.configure.props.base.prefixValue,
|
|
71
|
+
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.props.base.prefixValue = $event)
|
|
72
|
+
}, null, 8, ["modelValue"])
|
|
73
|
+
]),
|
|
74
|
+
_: 1
|
|
75
|
+
}, 512), [
|
|
76
|
+
[vShow, __props.configure.props.base.prefixType]
|
|
77
|
+
]),
|
|
78
|
+
withDirectives(createVNode(_component_el_form_item, {
|
|
79
|
+
label: "绑定变量",
|
|
80
|
+
class: "amb-design-attr-item",
|
|
81
|
+
style: { "margin-top": "10px" }
|
|
82
|
+
}, {
|
|
83
|
+
default: withCtx(() => [
|
|
84
|
+
(openBlock(), createBlock(BindVariable, {
|
|
85
|
+
key: __props.configure.uuid + "_prev_param",
|
|
86
|
+
modelValue: __props.configure.props.base.prefixPro,
|
|
87
|
+
paramTypes: ["data", "page"],
|
|
88
|
+
"onUpdate:modelValue": _cache[2] || (_cache[2] = (value) => afterBindVariable(value, "field"))
|
|
89
|
+
}, null, 8, ["modelValue"]))
|
|
90
|
+
]),
|
|
91
|
+
_: 1
|
|
92
|
+
}, 512), [
|
|
93
|
+
[vShow, __props.configure.props.base.prefixType]
|
|
94
|
+
]),
|
|
95
|
+
withDirectives(createVNode(_component_el_form_item, {
|
|
96
|
+
label: "默认值",
|
|
97
|
+
class: "amb-design-attr-item",
|
|
98
|
+
style: { "margin-bottom": "-10px" }
|
|
99
|
+
}, {
|
|
100
|
+
default: withCtx(() => [
|
|
101
|
+
(openBlock(), createBlock(BindVariable, {
|
|
102
|
+
key: __props.configure.uuid + "_prev_param_value",
|
|
103
|
+
modelValue: __props.configure.props.base.prefixDefault,
|
|
104
|
+
"onUpdate:modelValue": _cache[3] || (_cache[3] = (value) => afterBindVariable(value, "default"))
|
|
105
|
+
}, null, 8, ["modelValue"]))
|
|
106
|
+
]),
|
|
107
|
+
_: 1
|
|
108
|
+
}, 512), [
|
|
109
|
+
[vShow, __props.configure.props.base.prefixType]
|
|
110
|
+
])
|
|
111
|
+
])
|
|
112
|
+
]),
|
|
113
|
+
_: 1
|
|
114
|
+
});
|
|
115
|
+
};
|
|
116
|
+
}
|
|
117
|
+
});
|
|
118
|
+
export {
|
|
119
|
+
_sfc_main as default
|
|
120
|
+
};
|
package/dist/es/components/design/views/assemblys/form/input-text/inputtext-attr-base.vue.js
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, createElementBlock, Fragment, renderList, unref, createCommentVNode, createTextVNode, withDirectives, vShow } from "vue";
|
|
2
2
|
import { getFormComponentOptions } from "../../../../utils/assemblys-config.js";
|
|
3
|
-
import _sfc_main$
|
|
4
|
-
import _sfc_main$
|
|
5
|
-
import _sfc_main$
|
|
6
|
-
import _sfc_main$
|
|
3
|
+
import _sfc_main$5 from "../common/verification.vue.js";
|
|
4
|
+
import _sfc_main$6 from "../../common/common-attr-size.vue.js";
|
|
5
|
+
import _sfc_main$3 from "../common/pre-suffix.vue.js";
|
|
6
|
+
import _sfc_main$7 from "../common/bar-code-rule.vue.js";
|
|
7
7
|
import BindVariable from "../../common/common-variable-bind.vue.js";
|
|
8
8
|
import _sfc_main$1 from "../../common/common-function-code.vue.js";
|
|
9
|
-
import _sfc_main$
|
|
9
|
+
import _sfc_main$4 from "../common/suffixmodule.vue.js";
|
|
10
|
+
import _sfc_main$2 from "../common/title-suffix.vue.js";
|
|
10
11
|
const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
|
|
11
12
|
const _hoisted_2 = { style: { "padding": "8px 0px 0px 0px" } };
|
|
12
13
|
const _hoisted_3 = { style: { "padding": "8px 0px 0px 0px" } };
|
|
@@ -418,7 +419,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
418
419
|
]),
|
|
419
420
|
_: 1
|
|
420
421
|
}),
|
|
421
|
-
(
|
|
422
|
+
withDirectives(createVNode(_sfc_main$2, { configure: __props.configure }, null, 8, ["configure"]), [
|
|
423
|
+
[vShow, __props.configure.props.base.tittleShow]
|
|
424
|
+
]),
|
|
425
|
+
(openBlock(), createBlock(_sfc_main$3, {
|
|
422
426
|
key: __props.configure.uuid,
|
|
423
427
|
preSuffix: __props.configure.props.preSuffix
|
|
424
428
|
}, null, 8, ["preSuffix"])),
|
|
@@ -429,7 +433,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
429
433
|
}, {
|
|
430
434
|
default: withCtx(() => [
|
|
431
435
|
createElementVNode("div", _hoisted_3, [
|
|
432
|
-
createVNode(_sfc_main$
|
|
436
|
+
createVNode(_sfc_main$4, {
|
|
433
437
|
configure: __props.configure,
|
|
434
438
|
pageDesign: __props.pageDesign
|
|
435
439
|
}, null, 8, ["configure", "pageDesign"])
|
|
@@ -439,15 +443,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
439
443
|
}, 512), [
|
|
440
444
|
[vShow, __props.configure.props.preSuffix.sufIconType]
|
|
441
445
|
]),
|
|
442
|
-
(openBlock(), createBlock(_sfc_main$
|
|
446
|
+
(openBlock(), createBlock(_sfc_main$5, {
|
|
443
447
|
key: __props.configure.uuid,
|
|
444
448
|
verification: __props.configure.props.verification
|
|
445
449
|
}, null, 8, ["verification"])),
|
|
446
|
-
!isTable.value ? (openBlock(), createBlock(_sfc_main$
|
|
450
|
+
!isTable.value ? (openBlock(), createBlock(_sfc_main$6, {
|
|
447
451
|
key: __props.configure.uuid,
|
|
448
452
|
size: __props.configure.props.size
|
|
449
453
|
}, null, 8, ["size"])) : createCommentVNode("", true),
|
|
450
|
-
BarCodeRuleOff.value ? (openBlock(), createBlock(_sfc_main$
|
|
454
|
+
BarCodeRuleOff.value ? (openBlock(), createBlock(_sfc_main$7, {
|
|
451
455
|
key: 1,
|
|
452
456
|
ruleList: __props.configure.props.scan.ruleList,
|
|
453
457
|
onRemove: barCodeRuleRemove,
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { defineComponent, ref, watch, resolveComponent, openBlock, createBlock, normalizeClass, normalizeStyle, withCtx, createElementBlock, toDisplayString, createCommentVNode, createVNode, createSlots, unref
|
|
1
|
+
import { defineComponent, ref, watch, resolveComponent, openBlock, createBlock, normalizeClass, normalizeStyle, withCtx, createElementBlock, Fragment, createTextVNode, toDisplayString, createCommentVNode, createVNode, createSlots, unref } from "vue";
|
|
2
2
|
import { caculateDetailComponentStyle, caculateComponentProps } from "../../../../utils/form-design-util.js";
|
|
3
3
|
import { SuperIcon } from "agilebuilder-ui";
|
|
4
|
+
import _sfc_main$1 from "../common/title-suffix-element.vue.js";
|
|
4
5
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
6
|
__name: "inputtext-design",
|
|
6
7
|
props: {
|
|
@@ -70,7 +71,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
70
71
|
designProperty.value.tittleShow ? (openBlock(), createElementBlock("div", {
|
|
71
72
|
key: 0,
|
|
72
73
|
style: normalizeStyle({ ...designHeaderStyle.value, "padding-right": "12px" })
|
|
73
|
-
},
|
|
74
|
+
}, [
|
|
75
|
+
designProperty.value.prefixType ? (openBlock(), createBlock(_sfc_main$1, {
|
|
76
|
+
key: 0,
|
|
77
|
+
configure: _ctx.configure
|
|
78
|
+
}, null, 8, ["configure"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
|
|
79
|
+
createTextVNode(toDisplayString(designProperty.value.title), 1)
|
|
80
|
+
], 64))
|
|
81
|
+
], 4)) : createCommentVNode("", true)
|
|
74
82
|
]),
|
|
75
83
|
default: withCtx(() => [
|
|
76
84
|
createVNode(_component_el_input, {
|
package/dist/es/style.css
CHANGED
|
@@ -9960,56 +9960,6 @@ fieldset.amb-design-item-selected {
|
|
|
9960
9960
|
padding: 10px;
|
|
9961
9961
|
font-weight: bold;
|
|
9962
9962
|
}
|
|
9963
|
-
|
|
9964
|
-
/*不显示列样式*/
|
|
9965
|
-
.hiddenBorder{
|
|
9966
|
-
border-right: solid 1px #ebebeb !important;
|
|
9967
|
-
border-left: solid 1px #ebebeb !important;
|
|
9968
|
-
background-color: #ebebeb !important;
|
|
9969
|
-
}
|
|
9970
|
-
/*选中列样式*/
|
|
9971
|
-
.addBorder{
|
|
9972
|
-
border-right: solid 1px #5893ef !important;
|
|
9973
|
-
border-left: solid 1px #5893ef !important;
|
|
9974
|
-
background-color: #5893ef !important;
|
|
9975
|
-
color: #FFFFFF;
|
|
9976
|
-
}
|
|
9977
|
-
.ghost {
|
|
9978
|
-
opacity: 0.5;
|
|
9979
|
-
background: #c8ebfb;
|
|
9980
|
-
}
|
|
9981
|
-
|
|
9982
|
-
li[data-v-8f9a70b0] {
|
|
9983
|
-
color: #333;
|
|
9984
|
-
}
|
|
9985
|
-
.context-menu[data-v-8f9a70b0] {
|
|
9986
|
-
position: fixed;
|
|
9987
|
-
background: #fff;
|
|
9988
|
-
z-index: 999;
|
|
9989
|
-
padding: 5px;
|
|
9990
|
-
margin: 0;
|
|
9991
|
-
margin-top: 30px;
|
|
9992
|
-
}
|
|
9993
|
-
.context-menu li[data-v-8f9a70b0] {
|
|
9994
|
-
min-width: 75px;
|
|
9995
|
-
height: 28px;
|
|
9996
|
-
line-height: 28px;
|
|
9997
|
-
text-align: left;
|
|
9998
|
-
color: #1a1a1a;
|
|
9999
|
-
cursor: pointer;
|
|
10000
|
-
}
|
|
10001
|
-
.context-menu li[data-v-8f9a70b0]:hover {
|
|
10002
|
-
background: #5893ef;
|
|
10003
|
-
color: #fff;
|
|
10004
|
-
}
|
|
10005
|
-
.context-menu[data-v-8f9a70b0] {
|
|
10006
|
-
border: 1px solid #eee;
|
|
10007
|
-
box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.1);
|
|
10008
|
-
border-radius: 5px;
|
|
10009
|
-
}
|
|
10010
|
-
li[data-v-8f9a70b0] {
|
|
10011
|
-
list-style-type: none;
|
|
10012
|
-
}
|
|
10013
9963
|
.el-tree-node__content {
|
|
10014
9964
|
height: 34px !important;
|
|
10015
9965
|
}
|
|
@@ -10629,6 +10579,56 @@ fieldset.amb-design-item-selected {
|
|
|
10629
10579
|
padding: 10px;
|
|
10630
10580
|
font-weight: bold;
|
|
10631
10581
|
}
|
|
10582
|
+
|
|
10583
|
+
/*不显示列样式*/
|
|
10584
|
+
.hiddenBorder{
|
|
10585
|
+
border-right: solid 1px #ebebeb !important;
|
|
10586
|
+
border-left: solid 1px #ebebeb !important;
|
|
10587
|
+
background-color: #ebebeb !important;
|
|
10588
|
+
}
|
|
10589
|
+
/*选中列样式*/
|
|
10590
|
+
.addBorder{
|
|
10591
|
+
border-right: solid 1px #5893ef !important;
|
|
10592
|
+
border-left: solid 1px #5893ef !important;
|
|
10593
|
+
background-color: #5893ef !important;
|
|
10594
|
+
color: #FFFFFF;
|
|
10595
|
+
}
|
|
10596
|
+
.ghost {
|
|
10597
|
+
opacity: 0.5;
|
|
10598
|
+
background: #c8ebfb;
|
|
10599
|
+
}
|
|
10600
|
+
|
|
10601
|
+
li[data-v-8f9a70b0] {
|
|
10602
|
+
color: #333;
|
|
10603
|
+
}
|
|
10604
|
+
.context-menu[data-v-8f9a70b0] {
|
|
10605
|
+
position: fixed;
|
|
10606
|
+
background: #fff;
|
|
10607
|
+
z-index: 999;
|
|
10608
|
+
padding: 5px;
|
|
10609
|
+
margin: 0;
|
|
10610
|
+
margin-top: 30px;
|
|
10611
|
+
}
|
|
10612
|
+
.context-menu li[data-v-8f9a70b0] {
|
|
10613
|
+
min-width: 75px;
|
|
10614
|
+
height: 28px;
|
|
10615
|
+
line-height: 28px;
|
|
10616
|
+
text-align: left;
|
|
10617
|
+
color: #1a1a1a;
|
|
10618
|
+
cursor: pointer;
|
|
10619
|
+
}
|
|
10620
|
+
.context-menu li[data-v-8f9a70b0]:hover {
|
|
10621
|
+
background: #5893ef;
|
|
10622
|
+
color: #fff;
|
|
10623
|
+
}
|
|
10624
|
+
.context-menu[data-v-8f9a70b0] {
|
|
10625
|
+
border: 1px solid #eee;
|
|
10626
|
+
box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.1);
|
|
10627
|
+
border-radius: 5px;
|
|
10628
|
+
}
|
|
10629
|
+
li[data-v-8f9a70b0] {
|
|
10630
|
+
list-style-type: none;
|
|
10631
|
+
}
|
|
10632
10632
|
.el-tree-node__content {
|
|
10633
10633
|
height: 34px !important;
|
|
10634
10634
|
}
|
|
@@ -15619,7 +15619,7 @@ fieldset.amb-design-item-selected {
|
|
|
15619
15619
|
padding-bottom: 5px;
|
|
15620
15620
|
}
|
|
15621
15621
|
|
|
15622
|
-
[data-v-
|
|
15622
|
+
[data-v-8cdbf8c5] .el-cascader-menu {
|
|
15623
15623
|
min-width: 120px !important;
|
|
15624
15624
|
}
|
|
15625
15625
|
|
|
@@ -15692,6 +15692,14 @@ fieldset.amb-design-item-selected {
|
|
|
15692
15692
|
border: 1px solid rgba(88, 147, 239);
|
|
15693
15693
|
}
|
|
15694
15694
|
|
|
15695
|
+
.seleteSort[data-v-97438be5] {
|
|
15696
|
+
border-radius: 5px;
|
|
15697
|
+
border: 1px solid rgba(88, 147, 239);
|
|
15698
|
+
}
|
|
15699
|
+
[data-v-97438be5] .el-select__selection{
|
|
15700
|
+
display: inline-block;
|
|
15701
|
+
}
|
|
15702
|
+
|
|
15695
15703
|
li[data-v-690ad0d7] {
|
|
15696
15704
|
color: #333;
|
|
15697
15705
|
}
|
|
@@ -15737,14 +15745,6 @@ li[data-v-690ad0d7] {
|
|
|
15737
15745
|
color: #7b7b7b;
|
|
15738
15746
|
}
|
|
15739
15747
|
|
|
15740
|
-
.seleteSort[data-v-97438be5] {
|
|
15741
|
-
border-radius: 5px;
|
|
15742
|
-
border: 1px solid rgba(88, 147, 239);
|
|
15743
|
-
}
|
|
15744
|
-
[data-v-97438be5] .el-select__selection{
|
|
15745
|
-
display: inline-block;
|
|
15746
|
-
}
|
|
15747
|
-
|
|
15748
15748
|
.el-tag[data-v-665d3bf4]{
|
|
15749
15749
|
margin-left: 10px;
|
|
15750
15750
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "super-page-designer",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.41",
|
|
4
4
|
"description": "AgileBuilder super page designer",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"main": "dist/es/index.js",
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"qrcode": "^1.5.3",
|
|
40
40
|
"quill": "^2.0.1",
|
|
41
41
|
"service-flow-designer": "2.0.36",
|
|
42
|
-
"super-page-runtime": "2.0.
|
|
42
|
+
"super-page-runtime": "2.0.40",
|
|
43
43
|
"uuid": "^9.0.1",
|
|
44
44
|
"vite": "^5.1.6",
|
|
45
45
|
"vite-plugin-node-stdlib-browser": "^0.2.1",
|