super-page-designer 2.1.49 → 2.1.52
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/assemblys-config.js +9 -13
- package/dist/es/components/design/utils/data-table-util.js +15 -19
- package/dist/es/components/design/utils/form-design-util.js +0 -1
- package/dist/es/components/design/utils/page-service-util.d.ts +2 -2
- package/dist/es/components/design/utils/page-service-util.js +7 -5
- package/dist/es/components/design/utils/page-table-util.js +33 -10
- package/dist/es/components/design/views/assemblys/chart/common/common-attr-data.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/chart/common/common-attr-groupby.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/chart/statistical-table/component/data-origin.vue.js +7 -1
- package/dist/es/components/design/views/assemblys/chart/statistical-table/component/data-origin.vue2.js +698 -0
- package/dist/es/components/design/views/assemblys/chart/statistical-table/component/font-style-dialog.vue.js +40 -15
- package/dist/es/components/design/views/assemblys/chart/statistical-table/component/link-table.vue.js +12 -12
- package/dist/es/components/design/views/assemblys/chart/statistical-table/component/row-colmun.vue.js +106 -0
- package/dist/es/components/design/views/assemblys/chart/statistical-table/component/row-colmun.vue2.js +4 -0
- package/dist/es/components/design/views/assemblys/chart/statistical-table/component/style-table.vue.js +25 -11
- package/dist/es/components/design/views/assemblys/chart/statistical-table/component/table-showcondition.vue.js +69 -31
- package/dist/es/components/design/views/assemblys/chart/statistical-table/statisticalTable-attr-advanced.vue.js +19 -8
- package/dist/es/components/design/views/assemblys/chart/statistical-table/statisticalTable-attr-base.vue.js +422 -287
- package/dist/es/components/design/views/assemblys/chart/statistical-table/statisticalTable-attr-style.vue.js +9 -6
- package/dist/es/components/design/views/assemblys/chart/statistical-table/statisticalTable-design.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/chart/statistical-table/statisticalTable-design.vue2.js +1 -1
- package/dist/es/components/design/views/assemblys/common/common-attr-size.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/common/common-select-page.vue.js +2 -1
- package/dist/es/components/design/views/assemblys/common/common-variable-bind-option.js +4 -4
- 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 +3 -7
- package/dist/es/components/design/views/assemblys/common/page-permission-select.vue.js +2 -1
- package/dist/es/components/design/views/assemblys/data/component/attr-style.vue.js +46 -52
- package/dist/es/components/design/views/assemblys/data/component/composite-header.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/data/component/composite-header.vue2.js +29 -9
- package/dist/es/components/design/views/assemblys/data/component/data-origin.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/data/component/data-origin.vue2.js +9 -2
- package/dist/es/components/design/views/assemblys/data/component/formatting-icon-label.vue.js +67 -9
- package/dist/es/components/design/views/assemblys/data/component/row-backgroud-color.vue.js +1 -7
- package/dist/es/components/design/views/assemblys/data/table/table-attr-base.vue.js +22 -8
- package/dist/es/components/design/views/assemblys/data/table/table-attr-style.vue.js +7 -2
- package/dist/es/components/design/views/assemblys/data/table/table-attr.vue2.js +8 -2
- package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue2.js +31 -28
- package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-style.vue.js +33 -470
- package/dist/es/components/design/views/assemblys/form/common/condition.vue.js +7 -3
- package/dist/es/components/design/views/assemblys/form/common/data-linkage.vue.js +2 -2
- package/dist/es/components/design/views/assemblys/form/common/hyperlink-mult-config.vue.js +275 -0
- package/dist/es/components/design/views/assemblys/form/common/hyperlink-mult-config.vue2.js +4 -0
- package/dist/es/components/design/views/assemblys/form/common/suffixmodule.vue.js +16 -9
- package/dist/es/components/design/views/assemblys/page/page-attr-advanced.vue.js +4 -1
- package/dist/es/components/design/views/design/page-design.vue.js +1 -1
- package/dist/es/components/design/views/design/page-event/config.vue.js +1 -1
- package/dist/es/components/design/views/design/page-event/config.vue3.js +102 -16
- package/dist/es/components/design/views/design/view/view-design-display.vue.js +14 -10
- package/dist/es/stores/statistics-table-store.js +2 -1
- package/dist/es/style.css +108 -108
- package/package.json +5 -4
- package/dist/es/components/design/views/assemblys/data/component/row-backgroud-color.vue2.js +0 -78
- /package/dist/es/components/design/views/assemblys/{data/component/row-backgroud-color.vue3.js → chart/statistical-table/component/data-origin.vue3.js} +0 -0
|
@@ -6,15 +6,18 @@ const _hoisted_3 = { style: { "padding": "8px 0px 0px 0px" } };
|
|
|
6
6
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
7
|
__name: "statisticalTable-attr-style",
|
|
8
8
|
props: {
|
|
9
|
-
configure:
|
|
9
|
+
configure: {
|
|
10
|
+
type: Object,
|
|
11
|
+
default: () => ({})
|
|
12
|
+
}
|
|
10
13
|
},
|
|
11
14
|
setup(__props) {
|
|
12
15
|
const props = __props;
|
|
13
16
|
function titleStyleChange(tableData) {
|
|
14
17
|
props.configure.style.titleStyle = tableData;
|
|
15
18
|
}
|
|
16
|
-
function
|
|
17
|
-
props.configure.style.
|
|
19
|
+
function rowStyleChange(tableData) {
|
|
20
|
+
props.configure.style.rowStyle = tableData;
|
|
18
21
|
}
|
|
19
22
|
function collectStyleChange(tableData) {
|
|
20
23
|
props.configure.style.collectStyle = tableData;
|
|
@@ -49,7 +52,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
49
52
|
}),
|
|
50
53
|
createVNode(_component_el_collapse_item, {
|
|
51
54
|
title: "内容",
|
|
52
|
-
name: "
|
|
55
|
+
name: "rowStyle",
|
|
53
56
|
class: "amb-design-attr-group-header"
|
|
54
57
|
}, {
|
|
55
58
|
default: withCtx(() => [
|
|
@@ -58,8 +61,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
58
61
|
paramTypes: ["data", "task", "page", "request", "row"],
|
|
59
62
|
configure: __props.configure,
|
|
60
63
|
showCondition: true,
|
|
61
|
-
data: __props.configure.style.
|
|
62
|
-
onDataChange:
|
|
64
|
+
data: __props.configure.style.rowStyle,
|
|
65
|
+
onDataChange: rowStyleChange
|
|
63
66
|
}, null, 8, ["configure", "data"])
|
|
64
67
|
])
|
|
65
68
|
]),
|
|
@@ -2,7 +2,7 @@ import _sfc_main from "./statisticalTable-design.vue2.js";
|
|
|
2
2
|
import "./statisticalTable-design.vue3.js";
|
|
3
3
|
import "./statisticalTable-design.vue4.js";
|
|
4
4
|
import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
5
|
-
const statisticalTableDesign = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
5
|
+
const statisticalTableDesign = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a555cba7"]]);
|
|
6
6
|
export {
|
|
7
7
|
statisticalTableDesign as default
|
|
8
8
|
};
|
|
@@ -97,7 +97,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
97
97
|
caculateComponentProps(props.configure, designProperty);
|
|
98
98
|
getRestsParameter();
|
|
99
99
|
props.configure.runtime.props = designProperty.value;
|
|
100
|
-
props.configure.runtime.props
|
|
100
|
+
Object.assign(props.configure.runtime.props, props.configure.props.base);
|
|
101
101
|
updateDataConfig();
|
|
102
102
|
},
|
|
103
103
|
{ immediate: true }
|
|
@@ -131,7 +131,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
131
131
|
__props.showCalcHeight ? (openBlock(), createBlock(_component_el_form_item, {
|
|
132
132
|
key: 2,
|
|
133
133
|
class: "amb-design-attr-item",
|
|
134
|
-
label: "
|
|
134
|
+
label: "高度自适应"
|
|
135
135
|
}, {
|
|
136
136
|
default: withCtx(() => [
|
|
137
137
|
createVNode(_component_el_switch, {
|
|
@@ -159,7 +159,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
159
159
|
modelValue: dialogPageVisible.value,
|
|
160
160
|
"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => dialogPageVisible.value = $event),
|
|
161
161
|
title: "选择页面",
|
|
162
|
-
width: "800"
|
|
162
|
+
width: "800",
|
|
163
|
+
"append-to-body": ""
|
|
163
164
|
}, {
|
|
164
165
|
default: withCtx(() => [
|
|
165
166
|
createElementVNode("div", _hoisted_1, [
|
|
@@ -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-a4871164"]]);
|
|
5
5
|
export {
|
|
6
6
|
BindVariable as default
|
|
7
7
|
};
|
|
@@ -6,7 +6,7 @@ import { getTypeOptions, taskVarOptions, contextVarOptions } from "./common-vari
|
|
|
6
6
|
import { usePageContextStore } from "../../../../../stores/page-store.js";
|
|
7
7
|
import { tableField } from "../../../../../stores/table-store.js";
|
|
8
8
|
import { statisticsTable } from "../../../../../stores/statistics-table-store.js";
|
|
9
|
-
const _withScopeId = (n) => (pushScopeId("data-v-
|
|
9
|
+
const _withScopeId = (n) => (pushScopeId("data-v-a4871164"), n = n(), popScopeId(), n);
|
|
10
10
|
const _hoisted_1 = { key: 0 };
|
|
11
11
|
const _hoisted_2 = { style: { "margin-top": "10px", "font-size": "10px", "display": "flex", "align-items": "center", "justify-self": "center" } };
|
|
12
12
|
const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { style: { "margin-left": "5px" } }, "输入变量名后点击加号按钮添加", -1));
|
|
@@ -88,7 +88,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
88
88
|
const selectOptions = ref({});
|
|
89
89
|
const searchValue = ref("");
|
|
90
90
|
const popoverRef = ref(null);
|
|
91
|
-
const selectInputType = ["context", "system", "task", "data", "page", "
|
|
91
|
+
const selectInputType = ["context", "system", "task", "data", "page", "row"];
|
|
92
92
|
const tableFieldStore = tableField();
|
|
93
93
|
const statisticsTableStore = statisticsTable();
|
|
94
94
|
onMounted(() => {
|
|
@@ -330,12 +330,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
330
330
|
valueOptions.value = taskVarOptions;
|
|
331
331
|
} else if (value === "data") {
|
|
332
332
|
valueOptions.value = selectOptions.value.dataModelOptions || [];
|
|
333
|
-
} else if (value === "obj") {
|
|
334
|
-
valueOptions.value = selectOptions.value.objModelOptions && selectOptions.value.objModelOptions.length > 0 ? selectOptions.value.objModelOptions : selectOptions.value.dataModelOptions || [];
|
|
335
333
|
} else if (value === "row") {
|
|
336
|
-
|
|
337
|
-
console.log("%c描述-180552", "color:#2E3435;background:#F8BB07;padding:3px;border-radius:2px", valueOptions.value);
|
|
338
|
-
valueOptions.value = statisticsTableStore.columnList || [];
|
|
334
|
+
valueOptions.value = selectOptions.value.objModelOptions && selectOptions.value.objModelOptions.length > 0 ? selectOptions.value.objModelOptions : statisticsTableStore.columnList ? statisticsTableStore.columnList : selectOptions.value.dataModelOptions ? selectOptions.value.dataModelOptions : [];
|
|
339
335
|
} else if (value === "params") {
|
|
340
336
|
valueOptions.value = selectOptions.value.paramsVarOptions || [];
|
|
341
337
|
} else if (value === "page") {
|
|
@@ -328,6 +328,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
328
328
|
size: "small",
|
|
329
329
|
onClick: showPopover,
|
|
330
330
|
title: __props.rowObj.name + "(" + __props.rowObj.simpleCode + ")",
|
|
331
|
+
formatter: (value) => `${__props.rowObj.name ? __props.rowObj.name : ""}:${value}`,
|
|
331
332
|
modelValue: dynamicFieldValue.value,
|
|
332
333
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dynamicFieldValue.value = $event),
|
|
333
334
|
placeholder: "请选择"
|
|
@@ -346,7 +347,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
346
347
|
])
|
|
347
348
|
]),
|
|
348
349
|
_: 1
|
|
349
|
-
}, 8, ["title", "modelValue"])
|
|
350
|
+
}, 8, ["title", "formatter", "modelValue"])
|
|
350
351
|
]),
|
|
351
352
|
default: withCtx(() => [
|
|
352
353
|
createVNode(_component_el_row, {
|
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx,
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import _sfc_main$2 from "../../common/common-style-
|
|
5
|
-
import _sfc_main$3 from "../../common/common-style-
|
|
6
|
-
import _sfc_main$4 from "../../common/common-style-
|
|
7
|
-
import _sfc_main$5 from "../../common/common-style-
|
|
8
|
-
import _sfc_main$6 from "../../common/common-style-
|
|
9
|
-
|
|
1
|
+
import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createBlock, createCommentVNode } from "vue";
|
|
2
|
+
import "@element-plus/icons-vue";
|
|
3
|
+
import "./row-backgroud-color.vue.js";
|
|
4
|
+
import _sfc_main$2 from "../../common/common-style-position.vue.js";
|
|
5
|
+
import _sfc_main$3 from "../../common/common-style-margin.vue.js";
|
|
6
|
+
import _sfc_main$4 from "../../common/common-style-padding.vue.js";
|
|
7
|
+
import _sfc_main$5 from "../../common/common-style-border.vue.js";
|
|
8
|
+
import _sfc_main$6 from "../../common/common-style-shadow.vue.js";
|
|
9
|
+
import _sfc_main$7 from "../../common/common-style-custom.vue.js";
|
|
10
|
+
import _sfc_main$1 from "../../chart/statistical-table/component/style-table.vue.js";
|
|
10
11
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
11
12
|
__name: "attr-style",
|
|
12
13
|
props: {
|
|
@@ -31,83 +32,76 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
31
32
|
showCustom: true
|
|
32
33
|
// 是否显示自定义
|
|
33
34
|
}
|
|
35
|
+
},
|
|
36
|
+
// 页面信息
|
|
37
|
+
pageDesign: {
|
|
38
|
+
type: Object,
|
|
39
|
+
default: () => {
|
|
40
|
+
}
|
|
34
41
|
}
|
|
35
42
|
},
|
|
36
43
|
setup(__props) {
|
|
44
|
+
const props = __props;
|
|
45
|
+
function rowStyleChange(tableData) {
|
|
46
|
+
props.configure.style.rowStyle = tableData;
|
|
47
|
+
}
|
|
48
|
+
function titleStyleChange(tableData) {
|
|
49
|
+
props.configure.style.titleStyle = tableData;
|
|
50
|
+
}
|
|
37
51
|
return (_ctx, _cache) => {
|
|
38
|
-
const _component_el_input = resolveComponent("el-input");
|
|
39
|
-
const _component_el_form_item = resolveComponent("el-form-item");
|
|
40
52
|
const _component_el_collapse_item = resolveComponent("el-collapse-item");
|
|
41
53
|
return openBlock(), createElementBlock(Fragment, null, [
|
|
42
54
|
createVNode(_component_el_collapse_item, {
|
|
43
|
-
title: "
|
|
55
|
+
title: "标题",
|
|
44
56
|
name: "tableHeader",
|
|
45
57
|
class: "amb-design-attr-group-header"
|
|
46
58
|
}, {
|
|
47
59
|
default: withCtx(() => [
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
modelValue: __props.configure.style.tableHeader.class,
|
|
56
|
-
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.style.tableHeader.class = $event)
|
|
57
|
-
}, null, 8, ["modelValue"])
|
|
58
|
-
]),
|
|
59
|
-
_: 1
|
|
60
|
-
}),
|
|
61
|
-
createVNode(_component_el_form_item, {
|
|
62
|
-
label: "表头Style",
|
|
63
|
-
class: "amb-design-attr-item"
|
|
64
|
-
}, {
|
|
65
|
-
default: withCtx(() => [
|
|
66
|
-
createVNode(_component_el_input, {
|
|
67
|
-
modelValue: __props.configure.style.tableHeader.style,
|
|
68
|
-
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.style.tableHeader.style = $event),
|
|
69
|
-
style: { "width": "240px" },
|
|
70
|
-
autosize: { minRows: 4 },
|
|
71
|
-
type: "textarea",
|
|
72
|
-
placeholder: "Please input"
|
|
73
|
-
}, null, 8, ["modelValue"])
|
|
74
|
-
]),
|
|
75
|
-
_: 1
|
|
76
|
-
})
|
|
77
|
-
])
|
|
60
|
+
createVNode(_sfc_main$1, {
|
|
61
|
+
configure: __props.configure,
|
|
62
|
+
showField: true,
|
|
63
|
+
data: __props.configure.style.titleStyle,
|
|
64
|
+
pageDesign: __props.pageDesign,
|
|
65
|
+
onDataChange: titleStyleChange
|
|
66
|
+
}, null, 8, ["configure", "data", "pageDesign"])
|
|
78
67
|
]),
|
|
79
68
|
_: 1
|
|
80
69
|
}),
|
|
81
70
|
createVNode(_component_el_collapse_item, {
|
|
82
|
-
title: "
|
|
71
|
+
title: "内容",
|
|
83
72
|
name: "rowBackgroundColor",
|
|
84
73
|
class: "amb-design-attr-group-header"
|
|
85
74
|
}, {
|
|
86
75
|
default: withCtx(() => [
|
|
87
|
-
createVNode(
|
|
88
|
-
|
|
89
|
-
|
|
76
|
+
createVNode(_sfc_main$1, {
|
|
77
|
+
paramTypes: ["data", "task", "page", "request", "row"],
|
|
78
|
+
configure: __props.configure,
|
|
79
|
+
showCondition: true,
|
|
80
|
+
data: __props.configure.style.rowStyle,
|
|
81
|
+
pageDesign: __props.pageDesign,
|
|
82
|
+
onDataChange: rowStyleChange
|
|
83
|
+
}, null, 8, ["configure", "data", "pageDesign"])
|
|
90
84
|
]),
|
|
91
85
|
_: 1
|
|
92
86
|
}),
|
|
93
|
-
createVNode(_sfc_main$
|
|
94
|
-
__props.blankOption.showMargin ? (openBlock(), createBlock(_sfc_main$
|
|
87
|
+
createVNode(_sfc_main$2, { configure: __props.configure }, null, 8, ["configure"]),
|
|
88
|
+
__props.blankOption.showMargin ? (openBlock(), createBlock(_sfc_main$3, {
|
|
95
89
|
key: 0,
|
|
96
90
|
configure: __props.configure
|
|
97
91
|
}, null, 8, ["configure"])) : createCommentVNode("", true),
|
|
98
|
-
__props.blankOption.showPadding ? (openBlock(), createBlock(_sfc_main$
|
|
92
|
+
__props.blankOption.showPadding ? (openBlock(), createBlock(_sfc_main$4, {
|
|
99
93
|
key: 1,
|
|
100
94
|
configure: __props.configure
|
|
101
95
|
}, null, 8, ["configure"])) : createCommentVNode("", true),
|
|
102
|
-
__props.blankOption.showBorder ? (openBlock(), createBlock(_sfc_main$
|
|
96
|
+
__props.blankOption.showBorder ? (openBlock(), createBlock(_sfc_main$5, {
|
|
103
97
|
key: 2,
|
|
104
98
|
configure: __props.configure
|
|
105
99
|
}, null, 8, ["configure"])) : createCommentVNode("", true),
|
|
106
|
-
__props.blankOption.showShadow ? (openBlock(), createBlock(_sfc_main$
|
|
100
|
+
__props.blankOption.showShadow ? (openBlock(), createBlock(_sfc_main$6, {
|
|
107
101
|
key: 3,
|
|
108
102
|
configure: __props.configure
|
|
109
103
|
}, null, 8, ["configure"])) : createCommentVNode("", true),
|
|
110
|
-
__props.blankOption.showCustom ? (openBlock(), createBlock(_sfc_main$
|
|
104
|
+
__props.blankOption.showCustom ? (openBlock(), createBlock(_sfc_main$7, {
|
|
111
105
|
key: 4,
|
|
112
106
|
configure: __props.configure
|
|
113
107
|
}, null, 8, ["configure"])) : createCommentVNode("", true)
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _sfc_main from "./composite-header.vue2.js";
|
|
2
2
|
import "./composite-header.vue3.js";
|
|
3
3
|
import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const CompositeHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
4
|
+
const CompositeHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3438f06f"]]);
|
|
5
5
|
export {
|
|
6
6
|
CompositeHeader as default
|
|
7
7
|
};
|
|
@@ -2,7 +2,7 @@ import { defineComponent, ref, onMounted, resolveComponent, openBlock, createEle
|
|
|
2
2
|
import { Plus, EditPen, Document, Delete } from "@element-plus/icons-vue";
|
|
3
3
|
import { getUuidv4 } from "../../../../utils/common-util.js";
|
|
4
4
|
import { ElMessage, ElMessageBox } from "element-plus";
|
|
5
|
-
import { getTopGroupHeaderList, setGroupHeaderDataDisplayOrder,
|
|
5
|
+
import { getTopGroupHeaderList, setGroupHeaderDataDisplayOrder, addColumnToGroupHeaders, isLeafNode } from "../../../../utils/data-table-util.js";
|
|
6
6
|
import eventBus from "../../../../utils/eventBus.js";
|
|
7
7
|
const _hoisted_1 = { key: 0 };
|
|
8
8
|
const _hoisted_2 = { style: { "display": "flex", "margin": "8px 0" } };
|
|
@@ -27,6 +27,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
27
27
|
configure: {
|
|
28
28
|
type: Object,
|
|
29
29
|
default: () => ({ props: {} })
|
|
30
|
+
},
|
|
31
|
+
// 是否是在统计表格中配置
|
|
32
|
+
isStatistical: {
|
|
33
|
+
type: Boolean,
|
|
34
|
+
default: false
|
|
30
35
|
}
|
|
31
36
|
},
|
|
32
37
|
setup(__props) {
|
|
@@ -50,8 +55,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
50
55
|
onMounted(() => {
|
|
51
56
|
treeData.value = getTopGroupHeaderList(groupHeaders.value);
|
|
52
57
|
});
|
|
53
|
-
function initEnableGroupHeader() {
|
|
54
|
-
if (
|
|
58
|
+
function initEnableGroupHeader(value) {
|
|
59
|
+
if (value && (!props.configure.props.groupHeaders || props.configure.props.groupHeaders.length === 0)) {
|
|
55
60
|
listColumns = props.configure.items;
|
|
56
61
|
filterNotChooseListColumns();
|
|
57
62
|
initGroupHeaders();
|
|
@@ -76,6 +81,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
76
81
|
columnUuid: column.uuid,
|
|
77
82
|
titleText: column.props.base.name,
|
|
78
83
|
isLeaf: true,
|
|
84
|
+
prop: column.props.base.prop,
|
|
79
85
|
displayOrder: index++
|
|
80
86
|
};
|
|
81
87
|
props.configure.props.groupHeaders.push(columnHeader);
|
|
@@ -114,6 +120,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
114
120
|
dialogVisible.value = false;
|
|
115
121
|
} else {
|
|
116
122
|
form.value.uuid = getUuidv4();
|
|
123
|
+
form.value.topLevel = true;
|
|
117
124
|
if (form.value.displayOrder === void 0 || form.value.displayOrder === null) {
|
|
118
125
|
setGroupHeaderDataDisplayOrder(form.value.parentUuid, form.value, groupHeaders.value);
|
|
119
126
|
}
|
|
@@ -214,10 +221,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
214
221
|
resolve([]);
|
|
215
222
|
} else {
|
|
216
223
|
selectResolv.value = resolve;
|
|
217
|
-
|
|
218
|
-
if (
|
|
219
|
-
|
|
220
|
-
resolve(childrenList);
|
|
224
|
+
node.data.uuid;
|
|
225
|
+
if (node.data.children && node.data.children.length > 0) {
|
|
226
|
+
resolve(node.data.children);
|
|
221
227
|
} else {
|
|
222
228
|
const topHeaders = getTopGroupHeaderList(groupHeaders.value);
|
|
223
229
|
resolve(topHeaders);
|
|
@@ -376,6 +382,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
376
382
|
eventBus.$emit("hadleDragging", true);
|
|
377
383
|
dragNode.value = draggingNode;
|
|
378
384
|
}
|
|
385
|
+
function hadleAllowDrop(draggingNode, dropNode, type) {
|
|
386
|
+
let canDrop = false;
|
|
387
|
+
if (dropNode.data.topLevel) {
|
|
388
|
+
canDrop = true;
|
|
389
|
+
}
|
|
390
|
+
return canDrop;
|
|
391
|
+
}
|
|
379
392
|
function handleDrop(draggingNode, dropNode, dropType, ev) {
|
|
380
393
|
let dropData = dropNode.data;
|
|
381
394
|
let draggingData = draggingNode.data;
|
|
@@ -476,6 +489,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
476
489
|
setGroupHeaderDataDisplayOrder(parentUuid, draggingGroupData, groupHeaders.value);
|
|
477
490
|
watchChangeGroupHeader();
|
|
478
491
|
}
|
|
492
|
+
const handleDragEnd = (draggingNode, dropNode, dropType, ev) => {
|
|
493
|
+
if (props.isStatistical) {
|
|
494
|
+
props.configure.props.groupHeaders = treeData.value;
|
|
495
|
+
}
|
|
496
|
+
};
|
|
479
497
|
return (_ctx, _cache) => {
|
|
480
498
|
const _component_el_switch = resolveComponent("el-switch");
|
|
481
499
|
const _component_el_button = resolveComponent("el-button");
|
|
@@ -538,13 +556,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
538
556
|
data: treeData.value,
|
|
539
557
|
draggable: !isSearch.value,
|
|
540
558
|
load: loadFun,
|
|
541
|
-
props: { isLeaf: "isLeaf" },
|
|
559
|
+
props: { isLeaf: "isLeaf", children: "children", label: "titleText" },
|
|
542
560
|
"node-key": "uuid",
|
|
543
561
|
lazy: "",
|
|
544
562
|
onNodeClick: handleNodeClick,
|
|
545
563
|
onNodeContextmenu: nodeContextmenu,
|
|
546
564
|
onNodeDrop: handleDrop,
|
|
547
|
-
|
|
565
|
+
onNodeDragEnd: handleDragEnd,
|
|
566
|
+
onNodeDragStart: hadleDragStart,
|
|
567
|
+
"allow-drop": hadleAllowDrop
|
|
548
568
|
}, {
|
|
549
569
|
default: withCtx(({ data }) => [
|
|
550
570
|
isSearch.value && data.fullPath ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(data.fullPath), 1)) : (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(data.titleText), 1))
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _sfc_main from "./data-origin.vue2.js";
|
|
2
2
|
import "./data-origin.vue3.js";
|
|
3
3
|
import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const DataOrigin = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
4
|
+
const DataOrigin = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3336d6c5"]]);
|
|
5
5
|
export {
|
|
6
6
|
DataOrigin as default
|
|
7
7
|
};
|
|
@@ -68,7 +68,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
68
68
|
const selectTableDialog = ref(null);
|
|
69
69
|
const atPresentSortIndex = ref("");
|
|
70
70
|
const defaultQueryVisible = ref(false);
|
|
71
|
+
const dataFieldNameList = ref(null);
|
|
71
72
|
const dataOriginInfo = props.configure.props.dataOrigin;
|
|
73
|
+
const pageType = props.pageDesign.pageType;
|
|
74
|
+
if (pageType && pageType === "form") {
|
|
75
|
+
dataFieldNameList.value = props.pageDesign.modelFields;
|
|
76
|
+
}
|
|
72
77
|
const serviceFields = ref([]);
|
|
73
78
|
const showFields = computed(() => {
|
|
74
79
|
return serviceFields.value.filter((item) => {
|
|
@@ -741,17 +746,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
741
746
|
list: __props.configure.props.dataOrigin.sqlFilterCondition,
|
|
742
747
|
fieldNameList: __props.configure.modelFields,
|
|
743
748
|
fieldMap: __props.configure.modelFieldsMap,
|
|
749
|
+
dataFieldNameList: dataFieldNameList.value,
|
|
744
750
|
onSave: saveCondition,
|
|
745
751
|
onClose: closeCombination
|
|
746
|
-
}, null, 8, ["list", "fieldNameList", "fieldMap"])) : createCommentVNode("", true),
|
|
752
|
+
}, null, 8, ["list", "fieldNameList", "fieldMap", "dataFieldNameList"])) : createCommentVNode("", true),
|
|
747
753
|
defaultQueryVisible.value ? (openBlock(), createBlock(_sfc_main$6, {
|
|
748
754
|
key: 2,
|
|
749
755
|
list: __props.configure.props.dataOrigin.defaultQueryCriteria,
|
|
750
756
|
fieldNameList: __props.configure.modelFields,
|
|
751
757
|
fieldMap: __props.configure.modelFieldsMap,
|
|
758
|
+
dataFieldNameList: dataFieldNameList.value,
|
|
752
759
|
onClose: closeDefaultQuery,
|
|
753
760
|
onSave: saveDefaultQuery
|
|
754
|
-
}, null, 8, ["list", "fieldNameList", "fieldMap"])) : createCommentVNode("", true),
|
|
761
|
+
}, null, 8, ["list", "fieldNameList", "fieldMap", "dataFieldNameList"])) : createCommentVNode("", true),
|
|
755
762
|
columnConfigVisible.value ? (openBlock(), createBlock(_sfc_main$7, {
|
|
756
763
|
key: 3,
|
|
757
764
|
configure: __props.configure,
|
package/dist/es/components/design/views/assemblys/data/component/formatting-icon-label.vue.js
CHANGED
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createTextVNode, createBlock, createCommentVNode } from "vue";
|
|
2
|
-
import
|
|
2
|
+
import _sfc_main$1 from "../../common/common-icon-bind.vue.js";
|
|
3
3
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
4
4
|
__name: "formatting-icon-label",
|
|
5
5
|
props: {
|
|
6
6
|
setting: {
|
|
7
7
|
type: Object,
|
|
8
8
|
default: {}
|
|
9
|
+
},
|
|
10
|
+
showEvent: {
|
|
11
|
+
type: Boolean,
|
|
12
|
+
default: true
|
|
9
13
|
}
|
|
10
14
|
},
|
|
11
15
|
setup(__props) {
|
|
@@ -15,6 +19,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
15
19
|
if (!format.value.isTag) {
|
|
16
20
|
format.value.isTag = false;
|
|
17
21
|
}
|
|
22
|
+
function afterBindIcon(iconType, iconValue) {
|
|
23
|
+
format.value.iconType = iconType;
|
|
24
|
+
format.value.icon = iconValue;
|
|
25
|
+
}
|
|
18
26
|
return (_ctx, _cache) => {
|
|
19
27
|
const _component_el_radio_button = resolveComponent("el-radio-button");
|
|
20
28
|
const _component_el_radio_group = resolveComponent("el-radio-group");
|
|
@@ -57,10 +65,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
57
65
|
class: "amb-design-attr-item"
|
|
58
66
|
}, {
|
|
59
67
|
default: withCtx(() => [
|
|
60
|
-
createVNode(
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
68
|
+
createVNode(_sfc_main$1, {
|
|
69
|
+
iconType: format.value.preIconType,
|
|
70
|
+
iconValue: format.value.icon,
|
|
71
|
+
"onUpdate:modelValue": _cache[1] || (_cache[1] = (iconType, iconValue) => afterBindIcon(iconType, iconValue))
|
|
72
|
+
}, null, 8, ["iconType", "iconValue"])
|
|
64
73
|
]),
|
|
65
74
|
_: 1
|
|
66
75
|
})) : createCommentVNode("", true),
|
|
@@ -155,30 +164,79 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
155
164
|
})) : createCommentVNode("", true),
|
|
156
165
|
format.value.isTag ? (openBlock(), createBlock(_component_el_form_item, {
|
|
157
166
|
key: 4,
|
|
167
|
+
label: "类型",
|
|
168
|
+
class: "amb-design-attr-item"
|
|
169
|
+
}, {
|
|
170
|
+
default: withCtx(() => [
|
|
171
|
+
createVNode(_component_el_radio_group, {
|
|
172
|
+
modelValue: format.value.tagType,
|
|
173
|
+
"onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => format.value.tagType = $event),
|
|
174
|
+
size: "small"
|
|
175
|
+
}, {
|
|
176
|
+
default: withCtx(() => [
|
|
177
|
+
createVNode(_component_el_radio_button, { label: "primary " }, {
|
|
178
|
+
default: withCtx(() => [
|
|
179
|
+
createTextVNode("primary")
|
|
180
|
+
]),
|
|
181
|
+
_: 1
|
|
182
|
+
}),
|
|
183
|
+
createVNode(_component_el_radio_button, { label: "success" }, {
|
|
184
|
+
default: withCtx(() => [
|
|
185
|
+
createTextVNode("success")
|
|
186
|
+
]),
|
|
187
|
+
_: 1
|
|
188
|
+
}),
|
|
189
|
+
createVNode(_component_el_radio_button, { label: "info" }, {
|
|
190
|
+
default: withCtx(() => [
|
|
191
|
+
createTextVNode("info")
|
|
192
|
+
]),
|
|
193
|
+
_: 1
|
|
194
|
+
}),
|
|
195
|
+
createVNode(_component_el_radio_button, { label: "warning" }, {
|
|
196
|
+
default: withCtx(() => [
|
|
197
|
+
createTextVNode("success")
|
|
198
|
+
]),
|
|
199
|
+
_: 1
|
|
200
|
+
}),
|
|
201
|
+
createVNode(_component_el_radio_button, { label: "danger" }, {
|
|
202
|
+
default: withCtx(() => [
|
|
203
|
+
createTextVNode("info")
|
|
204
|
+
]),
|
|
205
|
+
_: 1
|
|
206
|
+
})
|
|
207
|
+
]),
|
|
208
|
+
_: 1
|
|
209
|
+
}, 8, ["modelValue"])
|
|
210
|
+
]),
|
|
211
|
+
_: 1
|
|
212
|
+
})) : createCommentVNode("", true),
|
|
213
|
+
format.value.isTag ? (openBlock(), createBlock(_component_el_form_item, {
|
|
214
|
+
key: 5,
|
|
158
215
|
label: "边框描边",
|
|
159
216
|
class: "amb-design-attr-item"
|
|
160
217
|
}, {
|
|
161
218
|
default: withCtx(() => [
|
|
162
219
|
createVNode(_component_el_switch, {
|
|
163
220
|
modelValue: format.value.hit,
|
|
164
|
-
"onUpdate:modelValue": _cache[
|
|
221
|
+
"onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => format.value.hit = $event),
|
|
165
222
|
"active-color": "#13ce66"
|
|
166
223
|
}, null, 8, ["modelValue"])
|
|
167
224
|
]),
|
|
168
225
|
_: 1
|
|
169
226
|
})) : createCommentVNode("", true),
|
|
170
|
-
|
|
227
|
+
__props.showEvent ? (openBlock(), createBlock(_component_el_form_item, {
|
|
228
|
+
key: 6,
|
|
171
229
|
label: "回调事件",
|
|
172
230
|
class: "amb-design-attr-item"
|
|
173
231
|
}, {
|
|
174
232
|
default: withCtx(() => [
|
|
175
233
|
createVNode(_component_el_input, {
|
|
176
234
|
modelValue: format.value.event,
|
|
177
|
-
"onUpdate:modelValue": _cache[
|
|
235
|
+
"onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => format.value.event = $event)
|
|
178
236
|
}, null, 8, ["modelValue"])
|
|
179
237
|
]),
|
|
180
238
|
_: 1
|
|
181
|
-
})
|
|
239
|
+
})) : createCommentVNode("", true)
|
|
182
240
|
], 64);
|
|
183
241
|
};
|
|
184
242
|
}
|
|
@@ -1,7 +1 @@
|
|
|
1
|
-
|
|
2
|
-
import "./row-backgroud-color.vue3.js";
|
|
3
|
-
import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const RowBackgroudColor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b203475d"]]);
|
|
5
|
-
export {
|
|
6
|
-
RowBackgroudColor as default
|
|
7
|
-
};
|
|
1
|
+
|