@fecp/designer 5.5.37 → 5.5.40
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/src/components/ValueSelector.vue2.mjs +3 -1
- package/es/designer/src/packages/dialog/useDialogDialog.mjs +1 -1
- package/es/designer/src/packages/dialogGlobal/index.vue.mjs +1 -1
- package/es/designer/src/packages/dialogGlobal/useDialogGlobalDialog.mjs +1 -1
- package/es/designer/src/packages/form/property/widgets.vue.mjs +2 -2
- package/es/designer.css +24 -22
- package/es/packages/vue/src/components/details/footer/Footer.vue.mjs +16 -5
- package/es/packages/vue/src/components/table/TableFilter.vue.mjs +7 -5
- package/lib/designer/package.json.js +1 -1
- package/lib/designer/src/components/ValueSelector.vue2.js +14 -12
- package/lib/designer/src/packages/dialog/index.vue2.js +326 -326
- package/lib/designer/src/packages/dialog/useDialogDialog.js +1 -1
- package/lib/designer/src/packages/dialogGlobal/index.vue.js +1 -1
- package/lib/designer/src/packages/dialogGlobal/index.vue2.js +297 -297
- package/lib/designer/src/packages/dialogGlobal/useDialogGlobalDialog.js +1 -1
- package/lib/designer/src/packages/form/property/widgets.vue.js +2 -2
- package/lib/designer.css +24 -22
- package/lib/packages/vue/src/components/details/footer/Footer.vue.js +15 -4
- package/lib/packages/vue/src/components/table/TableFilter.vue.js +6 -4
- package/package.json +1 -1
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { computed, createBlock, openBlock, resolveDynamicComponent, withCtx, createVNode } from "vue";
|
|
2
|
-
import
|
|
2
|
+
import "../../../node_modules/element-plus/es/index.mjs";
|
|
3
3
|
import ValueSelectorPopover from "./ValueSelectorPopover.vue2.mjs";
|
|
4
4
|
import { getEditConfigData, getEditConfigDataFields } from "../packages/utils/common.mjs";
|
|
5
5
|
/* empty css */
|
|
6
6
|
import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
|
|
7
|
+
import { ElInputTag } from "../../../node_modules/element-plus/es/components/input-tag/index.mjs";
|
|
8
|
+
import { ElInput } from "../../../node_modules/element-plus/es/components/input/index.mjs";
|
|
7
9
|
const _sfc_main = {
|
|
8
10
|
__name: "ValueSelector",
|
|
9
11
|
props: {
|
|
@@ -84,7 +84,7 @@ import widgets from "../table/property/widgets.vue.mjs";
|
|
|
84
84
|
import "../../../../node_modules/element-plus/theme-chalk/el-tab-pane.css.mjs";
|
|
85
85
|
/* empty css */
|
|
86
86
|
/* empty css */
|
|
87
|
-
/* empty css
|
|
87
|
+
/* empty css */
|
|
88
88
|
/* empty css */
|
|
89
89
|
/* empty css */
|
|
90
90
|
/* empty css */
|
|
@@ -52,8 +52,8 @@ import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
|
|
|
52
52
|
import "../../../components/TemplateSelector.vue.mjs";
|
|
53
53
|
import "../../table/default.mjs";
|
|
54
54
|
/* empty css */
|
|
55
|
-
/* empty css
|
|
56
|
-
/* empty css
|
|
55
|
+
/* empty css */
|
|
56
|
+
/* empty css */
|
|
57
57
|
import "../../../store/index.mjs";
|
|
58
58
|
/* empty css */
|
|
59
59
|
import { ElCollapse, ElCollapseItem } from "../../../../../node_modules/element-plus/es/components/collapse/index.mjs";
|
package/es/designer.css
CHANGED
|
@@ -5919,7 +5919,7 @@ body,
|
|
|
5919
5919
|
display: flex;
|
|
5920
5920
|
align-items: flex-end;
|
|
5921
5921
|
}
|
|
5922
|
-
.form-details-footer[data-v-
|
|
5922
|
+
.form-details-footer[data-v-69e1a97b] {
|
|
5923
5923
|
background-color: #fff;
|
|
5924
5924
|
height: 50px;
|
|
5925
5925
|
display: flex;
|
|
@@ -5930,7 +5930,7 @@ body,
|
|
|
5930
5930
|
padding: 0;
|
|
5931
5931
|
z-index: 1;
|
|
5932
5932
|
}
|
|
5933
|
-
.form-details-footer > .el-button[data-v-
|
|
5933
|
+
.form-details-footer > .el-button[data-v-69e1a97b] {
|
|
5934
5934
|
width: 80px;
|
|
5935
5935
|
font-size: var(--el-font-size-extra-small);
|
|
5936
5936
|
}
|
|
@@ -6037,7 +6037,7 @@ body,
|
|
|
6037
6037
|
}
|
|
6038
6038
|
.cell-content .copy-icon[data-v-5138d230]:hover {
|
|
6039
6039
|
color: #409eff;
|
|
6040
|
-
}.fec-table-filter[data-v-
|
|
6040
|
+
}.fec-table-filter[data-v-0d77bdaf] {
|
|
6041
6041
|
display: flex;
|
|
6042
6042
|
background-color: #fff;
|
|
6043
6043
|
align-items: flex-start;
|
|
@@ -6045,7 +6045,7 @@ body,
|
|
|
6045
6045
|
border-bottom: 1px solid #f0f5fb;
|
|
6046
6046
|
padding-top: 16px;
|
|
6047
6047
|
}
|
|
6048
|
-
.fec-table-filter .filter-fields[data-v-
|
|
6048
|
+
.fec-table-filter .filter-fields[data-v-0d77bdaf] {
|
|
6049
6049
|
flex: 1;
|
|
6050
6050
|
display: grid;
|
|
6051
6051
|
grid-template-columns: repeat(var(--column-count, 3), 1fr);
|
|
@@ -6053,18 +6053,18 @@ body,
|
|
|
6053
6053
|
transition: all 0.4s ease;
|
|
6054
6054
|
overflow: hidden;
|
|
6055
6055
|
}
|
|
6056
|
-
.fec-table-filter .filter-fields.is-collapsed[data-v-
|
|
6057
|
-
max-height: var(--
|
|
6056
|
+
.fec-table-filter .filter-fields.is-collapsed[data-v-0d77bdaf] {
|
|
6057
|
+
max-height: var(--7cffb288);
|
|
6058
6058
|
}
|
|
6059
|
-
.fec-table-filter .filter-field[data-v-
|
|
6059
|
+
.fec-table-filter .filter-field[data-v-0d77bdaf] {
|
|
6060
6060
|
transition: all 0.3s ease;
|
|
6061
6061
|
}
|
|
6062
|
-
.fec-table-filter .filter-field[data-v-
|
|
6062
|
+
.fec-table-filter .filter-field[data-v-0d77bdaf] .el-form-item {
|
|
6063
6063
|
display: flex;
|
|
6064
6064
|
flex-direction: row;
|
|
6065
6065
|
align-items: center;
|
|
6066
6066
|
}
|
|
6067
|
-
.fec-table-filter .filter-field[data-v-
|
|
6067
|
+
.fec-table-filter .filter-field[data-v-0d77bdaf] .el-form-item .el-form-item__label {
|
|
6068
6068
|
font-size: 14px;
|
|
6069
6069
|
color: #606266;
|
|
6070
6070
|
font-weight: 500;
|
|
@@ -6077,16 +6077,16 @@ body,
|
|
|
6077
6077
|
width: 35% !important;
|
|
6078
6078
|
pointer-events: none;
|
|
6079
6079
|
}
|
|
6080
|
-
.fec-table-filter .filter-field[data-v-
|
|
6080
|
+
.fec-table-filter .filter-field[data-v-0d77bdaf] .el-form-item .el-form-item__content {
|
|
6081
6081
|
flex: 1;
|
|
6082
6082
|
margin-left: 0 !important;
|
|
6083
6083
|
}
|
|
6084
|
-
.fec-table-filter .filter-field[data-v-
|
|
6085
|
-
.fec-table-filter .filter-field[data-v-
|
|
6086
|
-
.fec-table-filter .filter-field[data-v-
|
|
6084
|
+
.fec-table-filter .filter-field[data-v-0d77bdaf] .text-field-wrapper,
|
|
6085
|
+
.fec-table-filter .filter-field[data-v-0d77bdaf] .el-select,
|
|
6086
|
+
.fec-table-filter .filter-field[data-v-0d77bdaf] .el-date-editor {
|
|
6087
6087
|
width: 100%;
|
|
6088
6088
|
}
|
|
6089
|
-
.fec-table-filter .filter-actions[data-v-
|
|
6089
|
+
.fec-table-filter .filter-actions[data-v-0d77bdaf] {
|
|
6090
6090
|
flex-shrink: 0;
|
|
6091
6091
|
/* border-left: 1px solid #eaebef; */
|
|
6092
6092
|
display: flex;
|
|
@@ -6096,34 +6096,36 @@ body,
|
|
|
6096
6096
|
gap: 10px;
|
|
6097
6097
|
height: 100%;
|
|
6098
6098
|
}
|
|
6099
|
-
.fec-table-filter .filter-actions[data-v-
|
|
6099
|
+
.fec-table-filter .filter-actions[data-v-0d77bdaf] .el-button {
|
|
6100
6100
|
margin: 0;
|
|
6101
6101
|
}
|
|
6102
|
-
.fec-table-filter .filter-actions.inline[data-v-
|
|
6102
|
+
.fec-table-filter .filter-actions.inline[data-v-0d77bdaf] {
|
|
6103
6103
|
flex-direction: row;
|
|
6104
6104
|
gap: 8px;
|
|
6105
6105
|
height: auto;
|
|
6106
6106
|
align-items: center;
|
|
6107
|
+
min-width: 16%;
|
|
6108
|
+
margin: 1px 0 0 16px;
|
|
6107
6109
|
}
|
|
6108
|
-
.filter-fields[data-v-
|
|
6110
|
+
.filter-fields[data-v-0d77bdaf] {
|
|
6109
6111
|
transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
6110
6112
|
}
|
|
6111
|
-
.filter-field[data-v-
|
|
6113
|
+
.filter-field[data-v-0d77bdaf] {
|
|
6112
6114
|
transition: opacity 0.3s ease, transform 0.3s ease;
|
|
6113
6115
|
}
|
|
6114
|
-
.filter-divider[data-v-
|
|
6116
|
+
.filter-divider[data-v-0d77bdaf] {
|
|
6115
6117
|
margin: 8px 0;
|
|
6116
6118
|
z-index: 1;
|
|
6117
6119
|
transition: all 0.3s ease;
|
|
6118
6120
|
}
|
|
6119
|
-
.filter-divider .collapse-toggle[data-v-
|
|
6121
|
+
.filter-divider .collapse-toggle[data-v-0d77bdaf] {
|
|
6120
6122
|
display: flex;
|
|
6121
6123
|
align-items: center;
|
|
6122
6124
|
gap: 2px;
|
|
6123
6125
|
color: #409eff;
|
|
6124
6126
|
cursor: pointer;
|
|
6125
6127
|
}
|
|
6126
|
-
.filter-divider[data-v-
|
|
6128
|
+
.filter-divider[data-v-0d77bdaf] .el-divider__text {
|
|
6127
6129
|
font-size: 13px;
|
|
6128
6130
|
color: #606266;
|
|
6129
6131
|
transition: all 0.3s ease;
|
|
@@ -6133,7 +6135,7 @@ body,
|
|
|
6133
6135
|
background-color: #fff;
|
|
6134
6136
|
padding: 0 10px;
|
|
6135
6137
|
}
|
|
6136
|
-
.filter-divider[data-v-
|
|
6138
|
+
.filter-divider[data-v-0d77bdaf] .el-icon {
|
|
6137
6139
|
transition: transform 0.3s ease;
|
|
6138
6140
|
}.dynamic-mode-config .dynamic-row[data-v-e95c842d] {
|
|
6139
6141
|
display: flex;
|
|
@@ -2,7 +2,7 @@ import "../../../../../../node_modules/element-plus/es/index.mjs";
|
|
|
2
2
|
/* empty css */
|
|
3
3
|
/* empty css */
|
|
4
4
|
/* empty css */
|
|
5
|
-
import { resolveDirective, createBlock, createCommentVNode, openBlock, withCtx, createElementBlock, Fragment, renderList, withDirectives, createTextVNode, toDisplayString } from "vue";
|
|
5
|
+
import { ref, onMounted, resolveDirective, createBlock, createCommentVNode, unref, openBlock, withCtx, createElementBlock, Fragment, renderList, withDirectives, createTextVNode, toDisplayString } from "vue";
|
|
6
6
|
/* empty css */
|
|
7
7
|
import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
|
|
8
8
|
import { ElFooter } from "../../../../../../node_modules/element-plus/es/components/container/index.mjs";
|
|
@@ -24,18 +24,29 @@ const _sfc_main = {
|
|
|
24
24
|
},
|
|
25
25
|
emits: ["cancel", "submit", "custom-button-click"],
|
|
26
26
|
setup(__props, { emit: __emit }) {
|
|
27
|
+
const props = __props;
|
|
27
28
|
const emit = __emit;
|
|
29
|
+
const formDetailsFooterRef = ref();
|
|
28
30
|
const handleButtonClick = (button) => {
|
|
29
31
|
emit("custom-button-click", button);
|
|
30
32
|
};
|
|
33
|
+
const showFooter = ref(true);
|
|
34
|
+
onMounted(() => {
|
|
35
|
+
const layoutDom = formDetailsFooterRef.value.$el.closest(".fec-layout-row");
|
|
36
|
+
if (layoutDom && props.formMode == "query") {
|
|
37
|
+
showFooter.value = false;
|
|
38
|
+
}
|
|
39
|
+
});
|
|
31
40
|
return (_ctx, _cache) => {
|
|
32
41
|
var _a;
|
|
33
42
|
const _component_el_button = ElButton;
|
|
34
43
|
const _component_el_footer = ElFooter;
|
|
35
44
|
const _directive_fec_auth = resolveDirective("fec-auth");
|
|
36
|
-
return __props.pageFooterConfig.enabled && ((_a = __props.pageFooterConfig.actions) == null ? void 0 : _a.length) ? (openBlock(), createBlock(_component_el_footer, {
|
|
45
|
+
return __props.pageFooterConfig.enabled && ((_a = __props.pageFooterConfig.actions) == null ? void 0 : _a.length) && unref(showFooter) ? (openBlock(), createBlock(_component_el_footer, {
|
|
37
46
|
key: 0,
|
|
38
|
-
class: "form-details-footer"
|
|
47
|
+
class: "form-details-footer",
|
|
48
|
+
ref_key: "formDetailsFooterRef",
|
|
49
|
+
ref: formDetailsFooterRef
|
|
39
50
|
}, {
|
|
40
51
|
default: withCtx(() => [
|
|
41
52
|
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.pageFooterConfig.actions, (button) => {
|
|
@@ -58,11 +69,11 @@ const _sfc_main = {
|
|
|
58
69
|
}), 128))
|
|
59
70
|
]),
|
|
60
71
|
_: 1
|
|
61
|
-
})) : createCommentVNode("", true);
|
|
72
|
+
}, 512)) : createCommentVNode("", true);
|
|
62
73
|
};
|
|
63
74
|
}
|
|
64
75
|
};
|
|
65
|
-
const component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
76
|
+
const component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-69e1a97b"]]);
|
|
66
77
|
export {
|
|
67
78
|
component as default
|
|
68
79
|
};
|
|
@@ -10,7 +10,7 @@ import "../../../../../node_modules/element-plus/es/index.mjs";
|
|
|
10
10
|
/* empty css */
|
|
11
11
|
/* empty css */
|
|
12
12
|
import "../../../../../node_modules/element-plus/theme-chalk/el-date-picker.css.mjs";
|
|
13
|
-
import { useCssVars, computed, ref, watch, createElementBlock, openBlock, Fragment, createBlock, createCommentVNode, normalizeStyle, withCtx, createElementVNode, normalizeClass, renderList, withDirectives, createVNode, resolveDynamicComponent, mergeProps, vShow, createTextVNode, toDisplayString, unref } from "vue";
|
|
13
|
+
import { useCssVars, computed, ref, watch, createElementBlock, openBlock, Fragment, createBlock, createCommentVNode, withKeys, normalizeStyle, withCtx, createElementVNode, normalizeClass, renderList, withDirectives, createVNode, resolveDynamicComponent, mergeProps, vShow, createTextVNode, toDisplayString, unref } from "vue";
|
|
14
14
|
import { DArrowRight as d_arrow_right_default, DArrowLeft as d_arrow_left_default } from "../../../../../node_modules/@element-plus/icons-vue/dist/index.mjs";
|
|
15
15
|
import { Text } from "../forms/text/index.mjs";
|
|
16
16
|
import { Select } from "../forms/select/index.mjs";
|
|
@@ -31,7 +31,7 @@ const _hoisted_1 = {
|
|
|
31
31
|
key: 1,
|
|
32
32
|
style: { "display": "flex", "align-items": "center", "gap": "8px", "width": "100%" }
|
|
33
33
|
};
|
|
34
|
-
const _hoisted_2 = { class: "filter-actions inline
|
|
34
|
+
const _hoisted_2 = { class: "filter-actions inline" };
|
|
35
35
|
const _sfc_main = {
|
|
36
36
|
__name: "TableFilter",
|
|
37
37
|
props: {
|
|
@@ -52,7 +52,7 @@ const _sfc_main = {
|
|
|
52
52
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
53
53
|
var _a;
|
|
54
54
|
useCssVars((_ctx) => ({
|
|
55
|
-
"
|
|
55
|
+
"7cffb288": `${config.value.collapseRows * 90}px`
|
|
56
56
|
}));
|
|
57
57
|
const props = __props;
|
|
58
58
|
const emit = __emit;
|
|
@@ -186,7 +186,9 @@ const _sfc_main = {
|
|
|
186
186
|
class: "fec-table-filter",
|
|
187
187
|
"label-width": "100px",
|
|
188
188
|
"label-position": "right",
|
|
189
|
-
style: normalizeStyle({ "--column-count": config.value.columnCount })
|
|
189
|
+
style: normalizeStyle({ "--column-count": config.value.columnCount }),
|
|
190
|
+
tabindex: "0",
|
|
191
|
+
onKeydown: withKeys(handleSearch, ["enter"])
|
|
190
192
|
}, {
|
|
191
193
|
default: withCtx(() => [
|
|
192
194
|
createElementVNode("div", {
|
|
@@ -298,7 +300,7 @@ const _sfc_main = {
|
|
|
298
300
|
};
|
|
299
301
|
}
|
|
300
302
|
};
|
|
301
|
-
const TableFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
303
|
+
const TableFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0d77bdaf"]]);
|
|
302
304
|
export {
|
|
303
305
|
TableFilter as default
|
|
304
306
|
};
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const
|
|
4
|
-
|
|
3
|
+
const Vue = require("vue");
|
|
4
|
+
require("../../../node_modules/element-plus/es/index.js");
|
|
5
5
|
const ValueSelectorPopover = require("./ValueSelectorPopover.vue2.js");
|
|
6
6
|
const common = require("../packages/utils/common.js");
|
|
7
7
|
;/* empty css */
|
|
8
8
|
const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
|
|
9
|
+
const index = require("../../../node_modules/element-plus/es/components/input-tag/index.js");
|
|
10
|
+
const index$1 = require("../../../node_modules/element-plus/es/components/input/index.js");
|
|
9
11
|
const _sfc_main = {
|
|
10
12
|
__name: "ValueSelector",
|
|
11
13
|
props: {
|
|
@@ -46,14 +48,14 @@ const _sfc_main = {
|
|
|
46
48
|
setup(__props, { emit: __emit }) {
|
|
47
49
|
const props = __props;
|
|
48
50
|
const emit = __emit;
|
|
49
|
-
const inputComponent =
|
|
50
|
-
return props.multiple ?
|
|
51
|
+
const inputComponent = Vue.computed(() => {
|
|
52
|
+
return props.multiple ? index.ElInputTag : index$1.ElInput;
|
|
51
53
|
});
|
|
52
|
-
const hiddenFieldsData =
|
|
54
|
+
const hiddenFieldsData = Vue.computed(() => {
|
|
53
55
|
const editConfigData = common.getEditConfigData();
|
|
54
56
|
return (editConfigData == null ? void 0 : editConfigData.hiddenFields) || [];
|
|
55
57
|
});
|
|
56
|
-
const availableFields =
|
|
58
|
+
const availableFields = Vue.computed(() => {
|
|
57
59
|
const fields = common.getEditConfigDataFields() || [];
|
|
58
60
|
return fields.map((item) => ({
|
|
59
61
|
id: item.id,
|
|
@@ -62,7 +64,7 @@ const _sfc_main = {
|
|
|
62
64
|
fieldType: item.fieldType
|
|
63
65
|
}));
|
|
64
66
|
});
|
|
65
|
-
const displayText =
|
|
67
|
+
const displayText = Vue.computed(() => {
|
|
66
68
|
if (!props.modelValue) return "";
|
|
67
69
|
if (!props.multiple && typeof props.modelValue === "object" && !Array.isArray(props.modelValue)) {
|
|
68
70
|
const val = props.modelValue;
|
|
@@ -74,7 +76,7 @@ const _sfc_main = {
|
|
|
74
76
|
}
|
|
75
77
|
return "";
|
|
76
78
|
});
|
|
77
|
-
const tags =
|
|
79
|
+
const tags = Vue.computed({
|
|
78
80
|
get() {
|
|
79
81
|
if (!props.multiple || !Array.isArray(props.modelValue)) {
|
|
80
82
|
return [];
|
|
@@ -101,7 +103,7 @@ const _sfc_main = {
|
|
|
101
103
|
}
|
|
102
104
|
}
|
|
103
105
|
});
|
|
104
|
-
const unifiedInputValue =
|
|
106
|
+
const unifiedInputValue = Vue.computed({
|
|
105
107
|
get() {
|
|
106
108
|
return props.multiple ? tags.value : displayText.value;
|
|
107
109
|
},
|
|
@@ -160,7 +162,7 @@ const _sfc_main = {
|
|
|
160
162
|
return labels[key] || key;
|
|
161
163
|
};
|
|
162
164
|
return (_ctx, _cache) => {
|
|
163
|
-
return
|
|
165
|
+
return Vue.openBlock(), Vue.createBlock(Vue.resolveDynamicComponent(inputComponent.value), {
|
|
164
166
|
modelValue: unifiedInputValue.value,
|
|
165
167
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unifiedInputValue.value = $event),
|
|
166
168
|
placeholder: __props.placeholder,
|
|
@@ -173,8 +175,8 @@ const _sfc_main = {
|
|
|
173
175
|
class: "value-selector-input",
|
|
174
176
|
size: __props.size
|
|
175
177
|
}, {
|
|
176
|
-
suffix:
|
|
177
|
-
|
|
178
|
+
suffix: Vue.withCtx(() => [
|
|
179
|
+
Vue.createVNode(ValueSelectorPopover.default, {
|
|
178
180
|
"available-fields": availableFields.value,
|
|
179
181
|
disabled: __props.disabled,
|
|
180
182
|
onConfirm: handleConfirm
|