@fecp/designer 5.4.47 → 5.4.49
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/designer/package.json.mjs +1 -1
- package/es/designer.css +16 -16
- package/es/packages/vue/src/components/layout/layoutCard/LayoutCard.vue.mjs +5 -3
- package/es/packages/vue/src/components/table/Table.vue.mjs +20 -4
- package/es/packages/vue/src/directive/layout.mjs +2 -2
- package/lib/designer/package.json.js +1 -1
- package/lib/designer.css +16 -16
- package/lib/packages/vue/src/components/layout/layoutCard/LayoutCard.vue.js +4 -2
- package/lib/packages/vue/src/components/table/Table.vue.js +20 -4
- package/lib/packages/vue/src/directive/layout.js +2 -2
- package/package.json +1 -1
package/es/designer.css
CHANGED
|
@@ -6213,11 +6213,11 @@ body,
|
|
|
6213
6213
|
}
|
|
6214
6214
|
[data-v-dc1c22da] .el-checkbox-group .el-checkbox-button__inner {
|
|
6215
6215
|
border-radius: 4px;
|
|
6216
|
-
}.fec-table[data-v-
|
|
6216
|
+
}.fec-table[data-v-415c57c6] {
|
|
6217
6217
|
height: 100%;
|
|
6218
6218
|
flex-grow: 1;
|
|
6219
6219
|
}
|
|
6220
|
-
.fec-table-container[data-v-
|
|
6220
|
+
.fec-table-container[data-v-415c57c6] {
|
|
6221
6221
|
width: 100%;
|
|
6222
6222
|
background: #fff;
|
|
6223
6223
|
box-sizing: border-box;
|
|
@@ -6227,30 +6227,30 @@ body,
|
|
|
6227
6227
|
overflow: hidden;
|
|
6228
6228
|
flex-grow: 1;
|
|
6229
6229
|
}
|
|
6230
|
-
.fec-table-container .fec-vxe-table[data-v-
|
|
6230
|
+
.fec-table-container .fec-vxe-table[data-v-415c57c6] {
|
|
6231
6231
|
flex: 1;
|
|
6232
6232
|
min-height: 0;
|
|
6233
6233
|
overflow: hidden;
|
|
6234
6234
|
}
|
|
6235
|
-
.fec-table-container[data-v-
|
|
6235
|
+
.fec-table-container[data-v-415c57c6] .vxe-table {
|
|
6236
6236
|
font-size: 14px;
|
|
6237
6237
|
}
|
|
6238
|
-
.fec-table-container[data-v-
|
|
6238
|
+
.fec-table-container[data-v-415c57c6] .vxe-table .vxe-table--body-wrapper {
|
|
6239
6239
|
overflow: auto;
|
|
6240
6240
|
}
|
|
6241
|
-
.fec-table-container[data-v-
|
|
6241
|
+
.fec-table-container[data-v-415c57c6] .vxe-table .vxe-header--column {
|
|
6242
6242
|
background-color: #f5f7fa;
|
|
6243
6243
|
}
|
|
6244
|
-
.fec-table-container[data-v-
|
|
6244
|
+
.fec-table-container[data-v-415c57c6] .vxe-table .vxe-header--column .vxe-cell {
|
|
6245
6245
|
height: 40px !important;
|
|
6246
6246
|
min-height: 40px !important;
|
|
6247
6247
|
}
|
|
6248
|
-
.fec-table-container[data-v-
|
|
6248
|
+
.fec-table-container[data-v-415c57c6] .vxe-table .vxe-body--column .vxe-cell {
|
|
6249
6249
|
padding: 6px !important;
|
|
6250
6250
|
min-height: 40px !important;
|
|
6251
6251
|
}
|
|
6252
|
-
.fec-table-container[data-v-
|
|
6253
|
-
.fec-table-container[data-v-
|
|
6252
|
+
.fec-table-container[data-v-415c57c6] .vxe-table .vxe-body--column .c--tooltip,
|
|
6253
|
+
.fec-table-container[data-v-415c57c6] .vxe-table .vxe-body--column .c--title {
|
|
6254
6254
|
height: 40px !important;
|
|
6255
6255
|
min-height: 40px !important;
|
|
6256
6256
|
}
|
|
@@ -6295,7 +6295,7 @@ body,
|
|
|
6295
6295
|
margin-bottom: 0 !important;
|
|
6296
6296
|
flex: 1;
|
|
6297
6297
|
}
|
|
6298
|
-
.fec-layout-card[data-v-
|
|
6298
|
+
.fec-layout-card[data-v-0637e704] {
|
|
6299
6299
|
margin-bottom: 8px;
|
|
6300
6300
|
border-radius: 4px;
|
|
6301
6301
|
background-color: #fff;
|
|
@@ -6303,16 +6303,16 @@ body,
|
|
|
6303
6303
|
display: flex;
|
|
6304
6304
|
flex-direction: column;
|
|
6305
6305
|
}
|
|
6306
|
-
.fec-layout-card .header[data-v-
|
|
6306
|
+
.fec-layout-card .header[data-v-0637e704] {
|
|
6307
6307
|
display: flex;
|
|
6308
6308
|
align-items: center;
|
|
6309
6309
|
justify-content: space-between;
|
|
6310
6310
|
}
|
|
6311
|
-
.fec-layout-card .header .title[data-v-
|
|
6311
|
+
.fec-layout-card .header .title[data-v-0637e704] {
|
|
6312
6312
|
display: flex;
|
|
6313
6313
|
align-items: center;
|
|
6314
6314
|
}
|
|
6315
|
-
.fec-layout-card .header .title .icon[data-v-
|
|
6315
|
+
.fec-layout-card .header .title .icon[data-v-0637e704] {
|
|
6316
6316
|
color: #fff;
|
|
6317
6317
|
width: 30px;
|
|
6318
6318
|
height: 30px;
|
|
@@ -6323,12 +6323,12 @@ body,
|
|
|
6323
6323
|
font-size: 20px;
|
|
6324
6324
|
margin-right: 12px;
|
|
6325
6325
|
}
|
|
6326
|
-
.fec-layout-card .header .title > span[data-v-
|
|
6326
|
+
.fec-layout-card .header .title > span[data-v-0637e704] {
|
|
6327
6327
|
font-size: 17px;
|
|
6328
6328
|
font-weight: bold;
|
|
6329
6329
|
color: #1a1a1a;
|
|
6330
6330
|
}
|
|
6331
|
-
.fec-layout-card .content[data-v-
|
|
6331
|
+
.fec-layout-card .content[data-v-0637e704] {
|
|
6332
6332
|
flex-grow: 1;
|
|
6333
6333
|
padding-top: 12px;
|
|
6334
6334
|
}
|
|
@@ -8,7 +8,7 @@ import api from "../../../api/index.mjs";
|
|
|
8
8
|
import { getCurrentVueInstance } from "../../../utils/getInstance.mjs";
|
|
9
9
|
import { Form } from "../../forms/form/index.mjs";
|
|
10
10
|
import { Table } from "../../table/index.mjs";
|
|
11
|
-
import { loadComponentByPath } from "../../../utils/common.mjs";
|
|
11
|
+
import { cloneDeep, loadComponentByPath } from "../../../utils/common.mjs";
|
|
12
12
|
/* empty css */
|
|
13
13
|
import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
|
|
14
14
|
import { ElButton } from "../../../../../../node_modules/element-plus/es/components/button/index.mjs";
|
|
@@ -56,7 +56,7 @@ const _sfc_main = {
|
|
|
56
56
|
});
|
|
57
57
|
const dialogVisible = ref(false);
|
|
58
58
|
const currentComponent = ref(null);
|
|
59
|
-
const currentParams = ref(props.morePageParams);
|
|
59
|
+
const currentParams = ref(cloneDeep(props.morePageParams));
|
|
60
60
|
const flag = ref(true);
|
|
61
61
|
watch(currentParams, () => {
|
|
62
62
|
if (props.morePageRoute && Object.keys(currentParams).length > 0) {
|
|
@@ -79,8 +79,10 @@ const _sfc_main = {
|
|
|
79
79
|
const data = JSON.parse(res);
|
|
80
80
|
if (data.formMode) {
|
|
81
81
|
currentComponent.value = Form;
|
|
82
|
+
currentParams.value.modelValue = cloneDeep(props.morePageParams);
|
|
82
83
|
} else {
|
|
83
84
|
currentComponent.value = Table;
|
|
85
|
+
currentParams.value.initHiddenData = cloneDeep(props.morePageParams);
|
|
84
86
|
}
|
|
85
87
|
currentParams.value.initOption = data;
|
|
86
88
|
currentParams.value.isDialog = true;
|
|
@@ -144,7 +146,7 @@ const _sfc_main = {
|
|
|
144
146
|
};
|
|
145
147
|
}
|
|
146
148
|
};
|
|
147
|
-
const _LayoutCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
149
|
+
const _LayoutCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0637e704"]]);
|
|
148
150
|
export {
|
|
149
151
|
_LayoutCard as default
|
|
150
152
|
};
|
|
@@ -602,12 +602,28 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
602
602
|
{ immediate: true }
|
|
603
603
|
);
|
|
604
604
|
const loadConfig = async () => {
|
|
605
|
-
var _a;
|
|
605
|
+
var _a, _b;
|
|
606
606
|
if (!props.templateKey) {
|
|
607
607
|
if (props.initOption) {
|
|
608
608
|
localConfig.value = Object.assign({}, props.initOption);
|
|
609
609
|
}
|
|
610
|
-
fieldsData.value =
|
|
610
|
+
fieldsData.value = [
|
|
611
|
+
...localConfig.value.fieldsData || [],
|
|
612
|
+
...(localConfig.value.hiddenFields || []).map((item) => ({
|
|
613
|
+
...item,
|
|
614
|
+
isShow: false
|
|
615
|
+
}))
|
|
616
|
+
];
|
|
617
|
+
(_a = localConfig.value.hiddenFields) == null ? void 0 : _a.forEach((item) => {
|
|
618
|
+
if (!hiddenFormData.value[item.fieldName]) {
|
|
619
|
+
if (typeof item.value == "object") {
|
|
620
|
+
const value = parseSingleParamValue(item.value, {}, fieldsData.value);
|
|
621
|
+
hiddenFormData.value[item.fieldName] = value !== void 0 ? value : null;
|
|
622
|
+
} else {
|
|
623
|
+
hiddenFormData.value[item.fieldName] = item.value !== void 0 ? item.value : null;
|
|
624
|
+
}
|
|
625
|
+
}
|
|
626
|
+
});
|
|
611
627
|
initHandleEvent();
|
|
612
628
|
emit("loaded", localConfig.value);
|
|
613
629
|
configLoading.value = false;
|
|
@@ -629,7 +645,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
629
645
|
isShow: false
|
|
630
646
|
}))
|
|
631
647
|
];
|
|
632
|
-
(
|
|
648
|
+
(_b = localConfig.value.hiddenFields) == null ? void 0 : _b.forEach((item) => {
|
|
633
649
|
if (!hiddenFormData.value[item.fieldName]) {
|
|
634
650
|
if (typeof item.value == "object") {
|
|
635
651
|
const value = parseSingleParamValue(item.value, {}, fieldsData.value);
|
|
@@ -811,7 +827,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
811
827
|
};
|
|
812
828
|
}
|
|
813
829
|
});
|
|
814
|
-
const _Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
830
|
+
const _Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-415c57c6"]]);
|
|
815
831
|
export {
|
|
816
832
|
_Table as default
|
|
817
833
|
};
|
|
@@ -3,13 +3,13 @@ const layout = {
|
|
|
3
3
|
if (el.parentElement.className.indexOf("h-main") != -1) {
|
|
4
4
|
document.querySelector(".h-main").setAttribute(
|
|
5
5
|
"style",
|
|
6
|
-
"background-color:transparent;padding:0px;border:0px;"
|
|
6
|
+
"background-color:transparent;padding:0px;border:0px;margin: 0;"
|
|
7
7
|
);
|
|
8
8
|
}
|
|
9
9
|
if (el.parentElement.className.indexOf("root-main") != -1) {
|
|
10
10
|
document.querySelector(".root-main").setAttribute(
|
|
11
11
|
"style",
|
|
12
|
-
"background-color:transparent;padding:0px;border:0px;"
|
|
12
|
+
"background-color:transparent;padding:0px;border:0px;margin: 0;"
|
|
13
13
|
);
|
|
14
14
|
}
|
|
15
15
|
if (el.parentElement.parentElement.className.indexOf("el-dialog__body") != -1) {
|
package/lib/designer.css
CHANGED
|
@@ -6213,11 +6213,11 @@ body,
|
|
|
6213
6213
|
}
|
|
6214
6214
|
[data-v-dc1c22da] .el-checkbox-group .el-checkbox-button__inner {
|
|
6215
6215
|
border-radius: 4px;
|
|
6216
|
-
}.fec-table[data-v-
|
|
6216
|
+
}.fec-table[data-v-415c57c6] {
|
|
6217
6217
|
height: 100%;
|
|
6218
6218
|
flex-grow: 1;
|
|
6219
6219
|
}
|
|
6220
|
-
.fec-table-container[data-v-
|
|
6220
|
+
.fec-table-container[data-v-415c57c6] {
|
|
6221
6221
|
width: 100%;
|
|
6222
6222
|
background: #fff;
|
|
6223
6223
|
box-sizing: border-box;
|
|
@@ -6227,30 +6227,30 @@ body,
|
|
|
6227
6227
|
overflow: hidden;
|
|
6228
6228
|
flex-grow: 1;
|
|
6229
6229
|
}
|
|
6230
|
-
.fec-table-container .fec-vxe-table[data-v-
|
|
6230
|
+
.fec-table-container .fec-vxe-table[data-v-415c57c6] {
|
|
6231
6231
|
flex: 1;
|
|
6232
6232
|
min-height: 0;
|
|
6233
6233
|
overflow: hidden;
|
|
6234
6234
|
}
|
|
6235
|
-
.fec-table-container[data-v-
|
|
6235
|
+
.fec-table-container[data-v-415c57c6] .vxe-table {
|
|
6236
6236
|
font-size: 14px;
|
|
6237
6237
|
}
|
|
6238
|
-
.fec-table-container[data-v-
|
|
6238
|
+
.fec-table-container[data-v-415c57c6] .vxe-table .vxe-table--body-wrapper {
|
|
6239
6239
|
overflow: auto;
|
|
6240
6240
|
}
|
|
6241
|
-
.fec-table-container[data-v-
|
|
6241
|
+
.fec-table-container[data-v-415c57c6] .vxe-table .vxe-header--column {
|
|
6242
6242
|
background-color: #f5f7fa;
|
|
6243
6243
|
}
|
|
6244
|
-
.fec-table-container[data-v-
|
|
6244
|
+
.fec-table-container[data-v-415c57c6] .vxe-table .vxe-header--column .vxe-cell {
|
|
6245
6245
|
height: 40px !important;
|
|
6246
6246
|
min-height: 40px !important;
|
|
6247
6247
|
}
|
|
6248
|
-
.fec-table-container[data-v-
|
|
6248
|
+
.fec-table-container[data-v-415c57c6] .vxe-table .vxe-body--column .vxe-cell {
|
|
6249
6249
|
padding: 6px !important;
|
|
6250
6250
|
min-height: 40px !important;
|
|
6251
6251
|
}
|
|
6252
|
-
.fec-table-container[data-v-
|
|
6253
|
-
.fec-table-container[data-v-
|
|
6252
|
+
.fec-table-container[data-v-415c57c6] .vxe-table .vxe-body--column .c--tooltip,
|
|
6253
|
+
.fec-table-container[data-v-415c57c6] .vxe-table .vxe-body--column .c--title {
|
|
6254
6254
|
height: 40px !important;
|
|
6255
6255
|
min-height: 40px !important;
|
|
6256
6256
|
}
|
|
@@ -6295,7 +6295,7 @@ body,
|
|
|
6295
6295
|
margin-bottom: 0 !important;
|
|
6296
6296
|
flex: 1;
|
|
6297
6297
|
}
|
|
6298
|
-
.fec-layout-card[data-v-
|
|
6298
|
+
.fec-layout-card[data-v-0637e704] {
|
|
6299
6299
|
margin-bottom: 8px;
|
|
6300
6300
|
border-radius: 4px;
|
|
6301
6301
|
background-color: #fff;
|
|
@@ -6303,16 +6303,16 @@ body,
|
|
|
6303
6303
|
display: flex;
|
|
6304
6304
|
flex-direction: column;
|
|
6305
6305
|
}
|
|
6306
|
-
.fec-layout-card .header[data-v-
|
|
6306
|
+
.fec-layout-card .header[data-v-0637e704] {
|
|
6307
6307
|
display: flex;
|
|
6308
6308
|
align-items: center;
|
|
6309
6309
|
justify-content: space-between;
|
|
6310
6310
|
}
|
|
6311
|
-
.fec-layout-card .header .title[data-v-
|
|
6311
|
+
.fec-layout-card .header .title[data-v-0637e704] {
|
|
6312
6312
|
display: flex;
|
|
6313
6313
|
align-items: center;
|
|
6314
6314
|
}
|
|
6315
|
-
.fec-layout-card .header .title .icon[data-v-
|
|
6315
|
+
.fec-layout-card .header .title .icon[data-v-0637e704] {
|
|
6316
6316
|
color: #fff;
|
|
6317
6317
|
width: 30px;
|
|
6318
6318
|
height: 30px;
|
|
@@ -6323,12 +6323,12 @@ body,
|
|
|
6323
6323
|
font-size: 20px;
|
|
6324
6324
|
margin-right: 12px;
|
|
6325
6325
|
}
|
|
6326
|
-
.fec-layout-card .header .title > span[data-v-
|
|
6326
|
+
.fec-layout-card .header .title > span[data-v-0637e704] {
|
|
6327
6327
|
font-size: 17px;
|
|
6328
6328
|
font-weight: bold;
|
|
6329
6329
|
color: #1a1a1a;
|
|
6330
6330
|
}
|
|
6331
|
-
.fec-layout-card .content[data-v-
|
|
6331
|
+
.fec-layout-card .content[data-v-0637e704] {
|
|
6332
6332
|
flex-grow: 1;
|
|
6333
6333
|
padding-top: 12px;
|
|
6334
6334
|
}
|
|
@@ -58,7 +58,7 @@ const _sfc_main = {
|
|
|
58
58
|
});
|
|
59
59
|
const dialogVisible = vue.ref(false);
|
|
60
60
|
const currentComponent = vue.ref(null);
|
|
61
|
-
const currentParams = vue.ref(props.morePageParams);
|
|
61
|
+
const currentParams = vue.ref(common.cloneDeep(props.morePageParams));
|
|
62
62
|
const flag = vue.ref(true);
|
|
63
63
|
vue.watch(currentParams, () => {
|
|
64
64
|
if (props.morePageRoute && Object.keys(currentParams).length > 0) {
|
|
@@ -81,8 +81,10 @@ const _sfc_main = {
|
|
|
81
81
|
const data = JSON.parse(res);
|
|
82
82
|
if (data.formMode) {
|
|
83
83
|
currentComponent.value = index$5.Form;
|
|
84
|
+
currentParams.value.modelValue = common.cloneDeep(props.morePageParams);
|
|
84
85
|
} else {
|
|
85
86
|
currentComponent.value = index$6.Table;
|
|
87
|
+
currentParams.value.initHiddenData = common.cloneDeep(props.morePageParams);
|
|
86
88
|
}
|
|
87
89
|
currentParams.value.initOption = data;
|
|
88
90
|
currentParams.value.isDialog = true;
|
|
@@ -146,5 +148,5 @@ const _sfc_main = {
|
|
|
146
148
|
};
|
|
147
149
|
}
|
|
148
150
|
};
|
|
149
|
-
const _LayoutCard = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-
|
|
151
|
+
const _LayoutCard = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-0637e704"]]);
|
|
150
152
|
exports.default = _LayoutCard;
|
|
@@ -604,12 +604,28 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
604
604
|
{ immediate: true }
|
|
605
605
|
);
|
|
606
606
|
const loadConfig = async () => {
|
|
607
|
-
var _a;
|
|
607
|
+
var _a, _b;
|
|
608
608
|
if (!props.templateKey) {
|
|
609
609
|
if (props.initOption) {
|
|
610
610
|
localConfig.value = Object.assign({}, props.initOption);
|
|
611
611
|
}
|
|
612
|
-
fieldsData.value =
|
|
612
|
+
fieldsData.value = [
|
|
613
|
+
...localConfig.value.fieldsData || [],
|
|
614
|
+
...(localConfig.value.hiddenFields || []).map((item) => ({
|
|
615
|
+
...item,
|
|
616
|
+
isShow: false
|
|
617
|
+
}))
|
|
618
|
+
];
|
|
619
|
+
(_a = localConfig.value.hiddenFields) == null ? void 0 : _a.forEach((item) => {
|
|
620
|
+
if (!hiddenFormData.value[item.fieldName]) {
|
|
621
|
+
if (typeof item.value == "object") {
|
|
622
|
+
const value = parseRouteParams.parseSingleParamValue(item.value, {}, fieldsData.value);
|
|
623
|
+
hiddenFormData.value[item.fieldName] = value !== void 0 ? value : null;
|
|
624
|
+
} else {
|
|
625
|
+
hiddenFormData.value[item.fieldName] = item.value !== void 0 ? item.value : null;
|
|
626
|
+
}
|
|
627
|
+
}
|
|
628
|
+
});
|
|
613
629
|
initHandleEvent();
|
|
614
630
|
emit("loaded", localConfig.value);
|
|
615
631
|
configLoading.value = false;
|
|
@@ -631,7 +647,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
631
647
|
isShow: false
|
|
632
648
|
}))
|
|
633
649
|
];
|
|
634
|
-
(
|
|
650
|
+
(_b = localConfig.value.hiddenFields) == null ? void 0 : _b.forEach((item) => {
|
|
635
651
|
if (!hiddenFormData.value[item.fieldName]) {
|
|
636
652
|
if (typeof item.value == "object") {
|
|
637
653
|
const value = parseRouteParams.parseSingleParamValue(item.value, {}, fieldsData.value);
|
|
@@ -813,5 +829,5 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
813
829
|
};
|
|
814
830
|
}
|
|
815
831
|
});
|
|
816
|
-
const _Table = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-
|
|
832
|
+
const _Table = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-415c57c6"]]);
|
|
817
833
|
exports.default = _Table;
|
|
@@ -5,13 +5,13 @@ const layout = {
|
|
|
5
5
|
if (el.parentElement.className.indexOf("h-main") != -1) {
|
|
6
6
|
document.querySelector(".h-main").setAttribute(
|
|
7
7
|
"style",
|
|
8
|
-
"background-color:transparent;padding:0px;border:0px;"
|
|
8
|
+
"background-color:transparent;padding:0px;border:0px;margin: 0;"
|
|
9
9
|
);
|
|
10
10
|
}
|
|
11
11
|
if (el.parentElement.className.indexOf("root-main") != -1) {
|
|
12
12
|
document.querySelector(".root-main").setAttribute(
|
|
13
13
|
"style",
|
|
14
|
-
"background-color:transparent;padding:0px;border:0px;"
|
|
14
|
+
"background-color:transparent;padding:0px;border:0px;margin: 0;"
|
|
15
15
|
);
|
|
16
16
|
}
|
|
17
17
|
if (el.parentElement.parentElement.className.indexOf("el-dialog__body") != -1) {
|