cloud-web-corejs 1.0.54-dev.664 → 1.0.54-dev.666
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/package.json +1 -1
- package/src/components/xform/form-designer/setting-panel/property-editor/container-data-table/table-column-dialog.vue +43 -7
- package/src/components/xform/form-designer/setting-panel/property-editor/labelIconPosition-editor.vue +2 -2
- package/src/components/xform/form-designer/setting-panel/widgetPropertyDialogMixin.js +29 -16
- package/src/components/xform/form-render/container-item/data-table-mixin.js +0 -22
- package/src/components/xform/utils/tableColumnHelper.js +1 -1
package/package.json
CHANGED
|
@@ -615,7 +615,7 @@
|
|
|
615
615
|
<el-option value="#ea5353" label="红"></el-option>
|
|
616
616
|
</el-select>
|
|
617
617
|
</el-form-item>
|
|
618
|
-
<el-form-item label-width="0">
|
|
618
|
+
<el-form-item label-width="0" class="form-item-full">
|
|
619
619
|
<el-divider class="custom-divider">{{
|
|
620
620
|
i18nt("designer.setting.customLabelIcon")
|
|
621
621
|
}}</el-divider>
|
|
@@ -624,12 +624,19 @@
|
|
|
624
624
|
<icon-picker v-model="rowData.labelIconClass"></icon-picker>
|
|
625
625
|
</el-form-item>
|
|
626
626
|
<el-form-item :label="i18nt('designer.setting.labelIconPosition')">
|
|
627
|
-
<el-select
|
|
628
|
-
|
|
629
|
-
|
|
627
|
+
<el-select
|
|
628
|
+
v-model="rowData.labelIconPosition"
|
|
629
|
+
clearable
|
|
630
|
+
placeholder="默认后面"
|
|
631
|
+
>
|
|
632
|
+
<el-option label="前面" value="front"></el-option>
|
|
633
|
+
<el-option label="后面" value="rear"></el-option>
|
|
630
634
|
</el-select>
|
|
631
635
|
</el-form-item>
|
|
632
|
-
<el-form-item
|
|
636
|
+
<el-form-item
|
|
637
|
+
:label="i18nt('designer.setting.labelTooltip')"
|
|
638
|
+
class="form-item-full"
|
|
639
|
+
>
|
|
633
640
|
<el-input
|
|
634
641
|
type="text"
|
|
635
642
|
v-model="rowData.labelTooltip"
|
|
@@ -1316,7 +1323,7 @@ export default {
|
|
|
1316
1323
|
rowEditShow: null,
|
|
1317
1324
|
utcTransformEnabled: false,
|
|
1318
1325
|
labelIconClass: null,
|
|
1319
|
-
labelIconPosition: "
|
|
1326
|
+
labelIconPosition: "rear",
|
|
1320
1327
|
labelTooltip: null,
|
|
1321
1328
|
// treeNode: false,
|
|
1322
1329
|
};
|
|
@@ -1969,11 +1976,40 @@ export default {
|
|
|
1969
1976
|
overflow-y: auto;
|
|
1970
1977
|
overflow-x: hidden;
|
|
1971
1978
|
box-sizing: border-box;
|
|
1979
|
+
|
|
1980
|
+
.cont.table-column-row-edit-cont {
|
|
1981
|
+
overflow: visible;
|
|
1982
|
+
max-height: none;
|
|
1983
|
+
padding-bottom: 12px;
|
|
1984
|
+
}
|
|
1985
|
+
|
|
1986
|
+
.form-m2 {
|
|
1987
|
+
height: auto !important;
|
|
1988
|
+
overflow: visible !important;
|
|
1989
|
+
|
|
1990
|
+
.el-form-item.form-item-full:last-child {
|
|
1991
|
+
margin-bottom: 8px;
|
|
1992
|
+
}
|
|
1993
|
+
}
|
|
1972
1994
|
}
|
|
1973
1995
|
}
|
|
1974
1996
|
|
|
1975
1997
|
.table-column-row-edit-cont {
|
|
1976
|
-
padding-bottom: 8px;
|
|
1977
1998
|
box-sizing: border-box;
|
|
1999
|
+
|
|
2000
|
+
::v-deep .form-m2 {
|
|
2001
|
+
.form-item-full {
|
|
2002
|
+
width: calc(100% - 20px) !important;
|
|
2003
|
+
display: block;
|
|
2004
|
+
}
|
|
2005
|
+
|
|
2006
|
+
.form-item-full .el-input {
|
|
2007
|
+
width: 100% !important;
|
|
2008
|
+
}
|
|
2009
|
+
}
|
|
2010
|
+
|
|
2011
|
+
::v-deep .custom-divider.el-divider--horizontal {
|
|
2012
|
+
margin: 10px 0;
|
|
2013
|
+
}
|
|
1978
2014
|
}
|
|
1979
2015
|
</style>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { propertyRegistered } from
|
|
1
|
+
import { propertyRegistered } from "./propertyRegister";
|
|
2
2
|
|
|
3
3
|
let propertyDialogSeed = 0;
|
|
4
4
|
|
|
@@ -51,18 +51,24 @@ export default {
|
|
|
51
51
|
columnEditFields: config.columnEditFields || null,
|
|
52
52
|
tableColumns: config.tableColumns,
|
|
53
53
|
formatConfig: config,
|
|
54
|
-
widgetActiveCollapseName1s: [
|
|
54
|
+
widgetActiveCollapseName1s: ["1", "3"],
|
|
55
55
|
};
|
|
56
56
|
this.widgetPropertyDialogs.push(dialog);
|
|
57
57
|
this.setActivePropertyDialog(id);
|
|
58
58
|
},
|
|
59
59
|
closeWidgetPropertyDialog(id, invokeCallback = false) {
|
|
60
|
-
const index = this.widgetPropertyDialogs.findIndex(
|
|
60
|
+
const index = this.widgetPropertyDialogs.findIndex(
|
|
61
|
+
(dlg) => dlg.id === id
|
|
62
|
+
);
|
|
61
63
|
if (index === -1) {
|
|
62
64
|
return;
|
|
63
65
|
}
|
|
64
66
|
const dialog = this.widgetPropertyDialogs[index];
|
|
65
|
-
if (
|
|
67
|
+
if (
|
|
68
|
+
invokeCallback &&
|
|
69
|
+
dialog.formatConfig &&
|
|
70
|
+
dialog.formatConfig.callback
|
|
71
|
+
) {
|
|
66
72
|
const columnSelectedWidget = this.$baseLodash.cloneDeep(
|
|
67
73
|
dialog.columnSelectedWidget
|
|
68
74
|
);
|
|
@@ -70,7 +76,8 @@ export default {
|
|
|
70
76
|
}
|
|
71
77
|
this.widgetPropertyDialogs.splice(index, 1);
|
|
72
78
|
if (this.activePropertyDialogId === id) {
|
|
73
|
-
const last =
|
|
79
|
+
const last =
|
|
80
|
+
this.widgetPropertyDialogs[this.widgetPropertyDialogs.length - 1];
|
|
74
81
|
this.activePropertyDialogId = last ? last.id : null;
|
|
75
82
|
}
|
|
76
83
|
this.syncLegacyPropertyDialogState();
|
|
@@ -86,22 +93,25 @@ export default {
|
|
|
86
93
|
if (!editorName) {
|
|
87
94
|
return false;
|
|
88
95
|
}
|
|
89
|
-
if (
|
|
96
|
+
if (
|
|
97
|
+
dialog.columnEditFields &&
|
|
98
|
+
!dialog.columnEditFields.includes(propName)
|
|
99
|
+
) {
|
|
90
100
|
return false;
|
|
91
101
|
}
|
|
92
102
|
const widget = dialog.columnSelectedWidget;
|
|
93
|
-
if (propName.indexOf(
|
|
103
|
+
if (propName.indexOf("-") <= -1) {
|
|
94
104
|
const originalPropName = `${widget.type}-${propName}`;
|
|
95
105
|
if (propertyRegistered(originalPropName)) {
|
|
96
106
|
return false;
|
|
97
107
|
}
|
|
98
108
|
}
|
|
99
|
-
const propKey = propName.replace(`${widget.type}-`,
|
|
109
|
+
const propKey = propName.replace(`${widget.type}-`, "");
|
|
100
110
|
return this.designer.hasConfig(widget, propKey);
|
|
101
111
|
},
|
|
102
112
|
getPropEditorForDialog(dialog, propName, editorName) {
|
|
103
113
|
const widget = dialog.columnSelectedWidget;
|
|
104
|
-
const propKey = propName.replace(`${widget.type}-`,
|
|
114
|
+
const propKey = propName.replace(`${widget.type}-`, "");
|
|
105
115
|
const uniquePropName = `${widget.type}-${propKey}-editor`;
|
|
106
116
|
if (this.$options.components[uniquePropName]) {
|
|
107
117
|
return uniquePropName;
|
|
@@ -129,16 +139,19 @@ export default {
|
|
|
129
139
|
? activeDialog.columnSelectedWidget
|
|
130
140
|
: this.selectedWidget;
|
|
131
141
|
this.curEventName = eventName;
|
|
132
|
-
this.eventHeader = `${
|
|
142
|
+
this.eventHeader = `${
|
|
143
|
+
this.optionModel.name
|
|
144
|
+
}.${eventName}(${eventParams.join(", ")}) {`;
|
|
133
145
|
if (eventOptions.customCode) {
|
|
134
|
-
this.eventHandlerCode = eventOptions.customCode() ||
|
|
146
|
+
this.eventHandlerCode = eventOptions.customCode() || "";
|
|
135
147
|
} else {
|
|
136
|
-
this.eventHandlerCode =
|
|
148
|
+
this.eventHandlerCode =
|
|
149
|
+
(eventWidget && eventWidget.options[eventName]) || "";
|
|
137
150
|
}
|
|
138
151
|
this.eventOption = eventOptions;
|
|
139
|
-
if (eventName === 'onCreated' && !this.optionModel.onCreated) {
|
|
152
|
+
/* if (eventName === 'onCreated' && !this.optionModel.onCreated) {
|
|
140
153
|
this.eventHandlerCode = ' //组件创建生命周期\n console.log(\'test onCreated()\')\n';
|
|
141
|
-
}
|
|
154
|
+
} */
|
|
142
155
|
this.showWidgetEventDialogFlag = true;
|
|
143
156
|
},
|
|
144
157
|
saveEventHandler() {
|
|
@@ -146,12 +159,12 @@ export default {
|
|
|
146
159
|
let hasError = false;
|
|
147
160
|
if (editorAnnotations && editorAnnotations.length > 0) {
|
|
148
161
|
editorAnnotations.forEach((item) => {
|
|
149
|
-
if (item.type ===
|
|
162
|
+
if (item.type === "error") {
|
|
150
163
|
hasError = true;
|
|
151
164
|
}
|
|
152
165
|
});
|
|
153
166
|
if (hasError) {
|
|
154
|
-
this.$message.error(this.i18nt(
|
|
167
|
+
this.$message.error(this.i18nt("designer.hint.syntaxCheckWarning"));
|
|
155
168
|
return;
|
|
156
169
|
}
|
|
157
170
|
}
|
|
@@ -952,25 +952,6 @@ modules = {
|
|
|
952
952
|
newColumns.push(col);
|
|
953
953
|
});
|
|
954
954
|
|
|
955
|
-
/* let tableConfig = this.tableConfig;
|
|
956
|
-
let flag = tableConfig?.config?.toolbarConfig?.custom !== false;
|
|
957
|
-
if (
|
|
958
|
-
baseRefUtil.tableConfig &&
|
|
959
|
-
baseRefUtil.tableConfig.className === "list-table" &&
|
|
960
|
-
flag
|
|
961
|
-
) {
|
|
962
|
-
if (tableColumns.length) {
|
|
963
|
-
let tableColumn = tableColumns[tableColumns.length - 1];
|
|
964
|
-
if (tableColumn.fixed !== "right") {
|
|
965
|
-
newColumns.push({
|
|
966
|
-
width: 47,
|
|
967
|
-
title: "",
|
|
968
|
-
fixed: "right",
|
|
969
|
-
sortable: false,
|
|
970
|
-
});
|
|
971
|
-
}
|
|
972
|
-
}
|
|
973
|
-
} */
|
|
974
955
|
this.rowWidgetList = rowWidgetList;
|
|
975
956
|
return this.$baseLodash.cloneDeep(newColumns);
|
|
976
957
|
},
|
|
@@ -1277,9 +1258,6 @@ modules = {
|
|
|
1277
1258
|
let editWidget = item.editWidget;
|
|
1278
1259
|
if (editWidget && editWidget.options.required) {
|
|
1279
1260
|
let formField = this.getFieldKeyName(editWidget);
|
|
1280
|
-
/* editRules[formField] = [
|
|
1281
|
-
{ required: true, message: `[${editWidget.options.label}]不能为空` }
|
|
1282
|
-
]; */
|
|
1283
1261
|
}
|
|
1284
1262
|
}
|
|
1285
1263
|
});
|
|
@@ -49,7 +49,7 @@ export function applyColumnLabelIcon(col, columnConfig) {
|
|
|
49
49
|
}
|
|
50
50
|
|
|
51
51
|
const iconClass = columnConfig.labelIconClass;
|
|
52
|
-
const position = columnConfig.labelIconPosition || "
|
|
52
|
+
const position = columnConfig.labelIconPosition || "rear";
|
|
53
53
|
const tooltip = columnConfig.labelTooltip;
|
|
54
54
|
const required = !!columnConfig.required;
|
|
55
55
|
const title = col.title;
|