@fecp/designer 5.2.0 → 5.2.1
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.css +20 -20
- package/es/packages/mobile/src/components/form/field/Field.vue.mjs +38 -15
- package/es/packages/vue/src/components/forms/form/Form.vue.mjs +1 -2
- package/es/packages/vue/src/components/table/CustomButtons.vue.mjs +3 -2
- package/es/packages/vue/src/components/table/Table.vue.mjs +18 -11
- package/lib/designer.css +20 -20
- package/lib/packages/mobile/src/components/form/field/Field.vue.js +38 -15
- package/lib/packages/vue/src/components/forms/form/Form.vue.js +1 -2
- package/lib/packages/vue/src/components/table/CustomButtons.vue.js +3 -2
- package/lib/packages/vue/src/components/table/Table.vue.js +18 -11
- package/package.json +1 -1
package/es/designer.css
CHANGED
|
@@ -5048,12 +5048,12 @@ body,
|
|
|
5048
5048
|
font-size: 13px;
|
|
5049
5049
|
color: #606266;
|
|
5050
5050
|
margin-left: 8px;
|
|
5051
|
-
}.custom-buttons[data-v-
|
|
5051
|
+
}.custom-buttons[data-v-afddc440] {
|
|
5052
5052
|
display: flex;
|
|
5053
5053
|
align-items: center;
|
|
5054
5054
|
margin: 0 0 8px 0;
|
|
5055
5055
|
}
|
|
5056
|
-
.back-icon[data-v-
|
|
5056
|
+
.back-icon[data-v-afddc440] {
|
|
5057
5057
|
display: flex;
|
|
5058
5058
|
align-items: center;
|
|
5059
5059
|
justify-content: center;
|
|
@@ -5066,14 +5066,14 @@ body,
|
|
|
5066
5066
|
margin-left: 4px;
|
|
5067
5067
|
margin-right: -6px;
|
|
5068
5068
|
}
|
|
5069
|
-
.back-icon .el-icon[data-v-
|
|
5069
|
+
.back-icon .el-icon[data-v-afddc440] {
|
|
5070
5070
|
font-size: 16px;
|
|
5071
5071
|
font-weight: bold;
|
|
5072
5072
|
}
|
|
5073
|
-
.back-icon[data-v-
|
|
5073
|
+
.back-icon[data-v-afddc440]:hover {
|
|
5074
5074
|
opacity: 0.7;
|
|
5075
5075
|
}
|
|
5076
|
-
.template-name[data-v-
|
|
5076
|
+
.template-name[data-v-afddc440] {
|
|
5077
5077
|
font-size: 16px;
|
|
5078
5078
|
font-weight: 600;
|
|
5079
5079
|
color: #303133;
|
|
@@ -5501,24 +5501,24 @@ body,
|
|
|
5501
5501
|
width: 80px;
|
|
5502
5502
|
font-size: var(--el-font-size-extra-small);
|
|
5503
5503
|
}
|
|
5504
|
-
.fec-form[data-v-
|
|
5504
|
+
.fec-form[data-v-263c93f9] {
|
|
5505
5505
|
height: 100%;
|
|
5506
5506
|
}
|
|
5507
|
-
[data-v-
|
|
5507
|
+
[data-v-263c93f9] .vgl-item > .el-form-item {
|
|
5508
5508
|
width: 100%;
|
|
5509
5509
|
padding: 12px 8px 0 8px;
|
|
5510
5510
|
height: calc(100% - 15px);
|
|
5511
5511
|
display: flex;
|
|
5512
5512
|
}
|
|
5513
|
-
[data-v-
|
|
5513
|
+
[data-v-263c93f9] .vgl-item > .el-form-item.el-form-item--label-top {
|
|
5514
5514
|
flex-direction: column;
|
|
5515
5515
|
}
|
|
5516
|
-
[data-v-
|
|
5516
|
+
[data-v-263c93f9] .vgl-item > .el-form-item .el-form-item__label {
|
|
5517
5517
|
line-height: 20px;
|
|
5518
5518
|
display: flex;
|
|
5519
5519
|
align-items: center;
|
|
5520
5520
|
}
|
|
5521
|
-
[data-v-
|
|
5521
|
+
[data-v-263c93f9] .vgl-item > .el-container {
|
|
5522
5522
|
height: auto !important;
|
|
5523
5523
|
}.cell-content .cell-text[data-v-df099102] {
|
|
5524
5524
|
display: inline-block;
|
|
@@ -5800,11 +5800,11 @@ body,
|
|
|
5800
5800
|
}
|
|
5801
5801
|
[data-v-66d8d7cb] .el-checkbox-group .el-checkbox-button__inner {
|
|
5802
5802
|
border-radius: 4px;
|
|
5803
|
-
}.fec-table[data-v-
|
|
5803
|
+
}.fec-table[data-v-f3fdb409] {
|
|
5804
5804
|
height: 100%;
|
|
5805
5805
|
flex-grow: 1;
|
|
5806
5806
|
}
|
|
5807
|
-
.fec-table-container[data-v-
|
|
5807
|
+
.fec-table-container[data-v-f3fdb409] {
|
|
5808
5808
|
width: 100%;
|
|
5809
5809
|
background: #fff;
|
|
5810
5810
|
box-sizing: border-box;
|
|
@@ -5814,30 +5814,30 @@ body,
|
|
|
5814
5814
|
overflow: hidden;
|
|
5815
5815
|
flex-grow: 1;
|
|
5816
5816
|
}
|
|
5817
|
-
.fec-table-container .fec-vxe-table[data-v-
|
|
5817
|
+
.fec-table-container .fec-vxe-table[data-v-f3fdb409] {
|
|
5818
5818
|
flex: 1;
|
|
5819
5819
|
min-height: 0;
|
|
5820
5820
|
overflow: hidden;
|
|
5821
5821
|
}
|
|
5822
|
-
.fec-table-container[data-v-
|
|
5822
|
+
.fec-table-container[data-v-f3fdb409] .vxe-table {
|
|
5823
5823
|
font-size: 14px;
|
|
5824
5824
|
}
|
|
5825
|
-
.fec-table-container[data-v-
|
|
5825
|
+
.fec-table-container[data-v-f3fdb409] .vxe-table .vxe-table--body-wrapper {
|
|
5826
5826
|
overflow: auto;
|
|
5827
5827
|
}
|
|
5828
|
-
.fec-table-container[data-v-
|
|
5828
|
+
.fec-table-container[data-v-f3fdb409] .vxe-table .vxe-header--column {
|
|
5829
5829
|
background-color: #f5f7fa;
|
|
5830
5830
|
}
|
|
5831
|
-
.fec-table-container[data-v-
|
|
5831
|
+
.fec-table-container[data-v-f3fdb409] .vxe-table .vxe-header--column .vxe-cell {
|
|
5832
5832
|
height: 40px !important;
|
|
5833
5833
|
min-height: 40px !important;
|
|
5834
5834
|
}
|
|
5835
|
-
.fec-table-container[data-v-
|
|
5835
|
+
.fec-table-container[data-v-f3fdb409] .vxe-table .vxe-body--column .vxe-cell {
|
|
5836
5836
|
padding: 6px !important;
|
|
5837
5837
|
min-height: 40px !important;
|
|
5838
5838
|
}
|
|
5839
|
-
.fec-table-container[data-v-
|
|
5840
|
-
.fec-table-container[data-v-
|
|
5839
|
+
.fec-table-container[data-v-f3fdb409] .vxe-table .vxe-body--column .c--tooltip,
|
|
5840
|
+
.fec-table-container[data-v-f3fdb409] .vxe-table .vxe-body--column .c--title {
|
|
5841
5841
|
height: 40px !important;
|
|
5842
5842
|
min-height: 40px !important;
|
|
5843
5843
|
}:root,:host{--van-black: #000;--van-white: #fff;--van-gray-1: #f7f8fa;--van-gray-2: #f2f3f5;--van-gray-3: #ebedf0;--van-gray-4: #dcdee0;--van-gray-5: #c8c9cc;--van-gray-6: #969799;--van-gray-7: #646566;--van-gray-8: #323233;--van-red: #ee0a24;--van-blue: #1989fa;--van-orange: #ff976a;--van-orange-dark: #ed6a0c;--van-orange-light: #fffbe8;--van-green: #07c160;--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--van-primary-color: var(--van-blue);--van-success-color: var(--van-green);--van-danger-color: var(--van-red);--van-warning-color: var(--van-orange);--van-text-color: var(--van-gray-8);--van-text-color-2: var(--van-gray-6);--van-text-color-3: var(--van-gray-5);--van-active-color: var(--van-gray-2);--van-active-opacity: .6;--van-disabled-opacity: .5;--van-background: var(--van-gray-1);--van-background-2: var(--van-white);--van-background-3: var(--van-white);--van-padding-base: 4px;--van-padding-xs: 8px;--van-padding-sm: 12px;--van-padding-md: 16px;--van-padding-lg: 24px;--van-padding-xl: 32px;--van-font-bold: 600;--van-font-size-xs: 10px;--van-font-size-sm: 12px;--van-font-size-md: 14px;--van-font-size-lg: 16px;--van-line-height-xs: 14px;--van-line-height-sm: 18px;--van-line-height-md: 20px;--van-line-height-lg: 22px;--van-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--van-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif;--van-duration-base: .3s;--van-duration-fast: .2s;--van-ease-out: ease-out;--van-ease-in: ease-in;--van-border-color: var(--van-gray-3);--van-border-width: 1px;--van-radius-sm: 2px;--van-radius-md: 4px;--van-radius-lg: 8px;--van-radius-max: 999px}.van-theme-dark{--van-text-color: #f5f5f5;--van-text-color-2: #707070;--van-text-color-3: #4d4d4d;--van-border-color: #3a3a3c;--van-active-color: #3a3a3c;--van-background: #000;--van-background-2: #1c1c1e;--van-background-3: #37363b}html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:var(--van-base-font)}a{text-decoration:none}input,button,textarea{color:inherit;font:inherit}a:focus,input:focus,button:focus,textarea:focus,[class*=van-]:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}@keyframes van-slide-up-enter{0%{transform:translate3d(0,100%,0)}}@keyframes van-slide-up-leave{to{transform:translate3d(0,100%,0)}}@keyframes van-slide-down-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-leave{to{transform:translate3d(0,-100%,0)}}@keyframes van-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-leave{to{transform:translate3d(-100%,0,0)}}@keyframes van-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes van-slide-right-leave{to{transform:translate3d(100%,0,0)}}@keyframes van-fade-in{0%{opacity:0}to{opacity:1}}@keyframes van-fade-out{0%{opacity:1}to{opacity:0}}@keyframes van-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.van-fade-enter-active{animation:var(--van-duration-base) van-fade-in both var(--van-ease-out)}.van-fade-leave-active{animation:var(--van-duration-base) van-fade-out both var(--van-ease-in)}.van-slide-up-enter-active{animation:van-slide-up-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-up-leave-active{animation:van-slide-up-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-down-enter-active{animation:van-slide-down-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-down-leave-active{animation:van-slide-down-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-left-enter-active{animation:van-slide-left-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-left-leave-active{animation:van-slide-left-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-right-enter-active{animation:van-slide-right-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-right-leave-active{animation:van-slide-right-leave var(--van-duration-base) both var(--van-ease-in)}.van-clearfix:after{display:table;clear:both;content:""}.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-break:anywhere;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;line-break:anywhere;-webkit-box-orient:vertical}.van-safe-area-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-haptics-feedback{cursor:pointer}.van-haptics-feedback:active{opacity:var(--van-active-opacity)}[class*=van-hairline]:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--van-border-color);transform:scale(.5)}.van-hairline,.van-hairline--top,.van-hairline--left,.van-hairline--right,.van-hairline--bottom,.van-hairline--surround,.van-hairline--top-bottom{position:relative}.van-hairline--top:after{border-top-width:var(--van-border-width)}.van-hairline--left:after{border-left-width:var(--van-border-width)}.van-hairline--right:after{border-right-width:var(--van-border-width)}.van-hairline--bottom:after{border-bottom-width:var(--van-border-width)}.van-hairline--top-bottom:after,.van-hairline-unset--top-bottom:after{border-width:var(--van-border-width) 0}.van-hairline--surround:after{border-width:var(--van-border-width)}
|
|
@@ -80,21 +80,42 @@ const _sfc_main = {
|
|
|
80
80
|
}
|
|
81
81
|
return true;
|
|
82
82
|
});
|
|
83
|
+
var isComposing = false;
|
|
83
84
|
const handleInput = (e) => {
|
|
84
|
-
if (
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
85
|
+
if (isComposing) return;
|
|
86
|
+
const inputElement = e.target;
|
|
87
|
+
recordCursor(inputElement);
|
|
88
|
+
inputElement.value = textFormatter4Input(
|
|
89
|
+
inputElement.value,
|
|
90
|
+
props.dataFormatter
|
|
91
|
+
);
|
|
92
|
+
setCursor(inputElement);
|
|
93
|
+
const unformattedValue = reverseTextFormatter(
|
|
94
|
+
inputElement.value,
|
|
95
|
+
props.dataFormatter
|
|
96
|
+
);
|
|
97
|
+
compValue.value = unformattedValue;
|
|
98
|
+
};
|
|
99
|
+
const handleCompositionStart = () => {
|
|
100
|
+
isComposing = true;
|
|
101
|
+
};
|
|
102
|
+
const handleCompositionEnd = (e) => {
|
|
103
|
+
isComposing = false;
|
|
104
|
+
doSomethingFunction(e);
|
|
105
|
+
};
|
|
106
|
+
const doSomethingFunction = (e) => {
|
|
107
|
+
const inputElement = e.target;
|
|
108
|
+
recordCursor(inputElement);
|
|
109
|
+
inputElement.value = textFormatter4Input(
|
|
110
|
+
inputElement.value,
|
|
111
|
+
props.dataFormatter
|
|
112
|
+
);
|
|
113
|
+
setCursor(inputElement);
|
|
114
|
+
const unformattedValue = reverseTextFormatter(
|
|
115
|
+
inputElement.value,
|
|
116
|
+
props.dataFormatter
|
|
117
|
+
);
|
|
118
|
+
compValue.value = unformattedValue;
|
|
98
119
|
};
|
|
99
120
|
return (_ctx, _cache) => {
|
|
100
121
|
const _component_van_field = Field;
|
|
@@ -110,7 +131,9 @@ const _sfc_main = {
|
|
|
110
131
|
onClick: _cache[1] || (_cache[1] = ($event) => !__props.disabled && emit("openPicker")),
|
|
111
132
|
ref_key: "fieldInputRef",
|
|
112
133
|
ref: fieldInputRef,
|
|
113
|
-
onInput: handleInput
|
|
134
|
+
onInput: handleInput,
|
|
135
|
+
onCompositionstart: handleCompositionStart,
|
|
136
|
+
onCompositionend: handleCompositionEnd
|
|
114
137
|
}), createSlots({ _: 2 }, [
|
|
115
138
|
renderList(_ctx.$slots, (item, key) => {
|
|
116
139
|
return {
|
|
@@ -520,7 +520,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
520
520
|
return result;
|
|
521
521
|
};
|
|
522
522
|
const setFormData = (data) => {
|
|
523
|
-
debugger;
|
|
524
523
|
const processedData = { ...data };
|
|
525
524
|
const processField = (field) => {
|
|
526
525
|
const fieldName = field.fieldName;
|
|
@@ -667,7 +666,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
667
666
|
};
|
|
668
667
|
}
|
|
669
668
|
});
|
|
670
|
-
const _Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
669
|
+
const _Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-263c93f9"]]);
|
|
671
670
|
export {
|
|
672
671
|
_Form as default
|
|
673
672
|
};
|
|
@@ -90,7 +90,8 @@ const _sfc_main = {
|
|
|
90
90
|
__props.localConfig.showTitle ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(__props.localConfig.templateName), 1)) : createCommentVNode("", true),
|
|
91
91
|
hasButtons.value ? (openBlock(), createBlock(unref(VxeToolbar), {
|
|
92
92
|
key: 2,
|
|
93
|
-
ref: "toolbarRef"
|
|
93
|
+
ref: "toolbarRef",
|
|
94
|
+
style: { "flex": "1" }
|
|
94
95
|
}, {
|
|
95
96
|
buttons: withCtx(() => [
|
|
96
97
|
leftButtons.value.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(leftButtons.value, (btn) => {
|
|
@@ -128,7 +129,7 @@ const _sfc_main = {
|
|
|
128
129
|
};
|
|
129
130
|
}
|
|
130
131
|
};
|
|
131
|
-
const CustomButtons = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
132
|
+
const CustomButtons = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-afddc440"]]);
|
|
132
133
|
export {
|
|
133
134
|
CustomButtons as default
|
|
134
135
|
};
|
|
@@ -279,16 +279,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
279
279
|
});
|
|
280
280
|
}
|
|
281
281
|
};
|
|
282
|
-
const
|
|
283
|
-
fields: fieldsData.value,
|
|
284
|
-
instance,
|
|
285
|
-
localConfig: localConfig.value,
|
|
286
|
-
components: {
|
|
287
|
-
table: instance == null ? void 0 : instance.proxy
|
|
288
|
-
}
|
|
289
|
-
});
|
|
282
|
+
const handleFlowEvent = ref(null);
|
|
290
283
|
const handleCustomBtnClick = ({ btn, event, type }) => {
|
|
291
|
-
var _a;
|
|
284
|
+
var _a, _b;
|
|
292
285
|
switch (btn.btnType) {
|
|
293
286
|
case "refresh":
|
|
294
287
|
reset();
|
|
@@ -300,7 +293,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
300
293
|
handlePersonalize();
|
|
301
294
|
break;
|
|
302
295
|
default:
|
|
303
|
-
|
|
296
|
+
(_b = handleFlowEvent.value) == null ? void 0 : _b.call(
|
|
297
|
+
handleFlowEvent,
|
|
304
298
|
null,
|
|
305
299
|
btn,
|
|
306
300
|
(_a = btn.eventConfig) == null ? void 0 : _a.find((item) => item.name == "Click")
|
|
@@ -453,6 +447,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
453
447
|
localConfig.value = Object.assign({}, props.initOption);
|
|
454
448
|
}
|
|
455
449
|
fieldsData.value = localConfig.value.fieldsData || [];
|
|
450
|
+
initHandleEvent();
|
|
456
451
|
emit("loaded", localConfig.value);
|
|
457
452
|
configLoading.value = false;
|
|
458
453
|
return;
|
|
@@ -470,6 +465,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
470
465
|
...localConfig.value.fieldsData || [],
|
|
471
466
|
...localConfig.value.hiddenFields || []
|
|
472
467
|
];
|
|
468
|
+
initHandleEvent();
|
|
473
469
|
emit("loaded", option);
|
|
474
470
|
} catch (error) {
|
|
475
471
|
console.error("加载配置失败:", error);
|
|
@@ -478,6 +474,17 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
478
474
|
configLoading.value = false;
|
|
479
475
|
}
|
|
480
476
|
};
|
|
477
|
+
function initHandleEvent() {
|
|
478
|
+
const { handleEvent } = useEventFlow({
|
|
479
|
+
fields: fieldsData.value,
|
|
480
|
+
instance,
|
|
481
|
+
localConfig: localConfig.value,
|
|
482
|
+
components: {
|
|
483
|
+
table: instance == null ? void 0 : instance.proxy
|
|
484
|
+
}
|
|
485
|
+
});
|
|
486
|
+
handleFlowEvent.value = handleEvent;
|
|
487
|
+
}
|
|
481
488
|
onMounted(() => {
|
|
482
489
|
loadConfig().then(() => {
|
|
483
490
|
initDataSourceManager();
|
|
@@ -613,7 +620,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
613
620
|
};
|
|
614
621
|
}
|
|
615
622
|
});
|
|
616
|
-
const _Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
623
|
+
const _Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f3fdb409"]]);
|
|
617
624
|
export {
|
|
618
625
|
_Table as default
|
|
619
626
|
};
|
package/lib/designer.css
CHANGED
|
@@ -5048,12 +5048,12 @@ body,
|
|
|
5048
5048
|
font-size: 13px;
|
|
5049
5049
|
color: #606266;
|
|
5050
5050
|
margin-left: 8px;
|
|
5051
|
-
}.custom-buttons[data-v-
|
|
5051
|
+
}.custom-buttons[data-v-afddc440] {
|
|
5052
5052
|
display: flex;
|
|
5053
5053
|
align-items: center;
|
|
5054
5054
|
margin: 0 0 8px 0;
|
|
5055
5055
|
}
|
|
5056
|
-
.back-icon[data-v-
|
|
5056
|
+
.back-icon[data-v-afddc440] {
|
|
5057
5057
|
display: flex;
|
|
5058
5058
|
align-items: center;
|
|
5059
5059
|
justify-content: center;
|
|
@@ -5066,14 +5066,14 @@ body,
|
|
|
5066
5066
|
margin-left: 4px;
|
|
5067
5067
|
margin-right: -6px;
|
|
5068
5068
|
}
|
|
5069
|
-
.back-icon .el-icon[data-v-
|
|
5069
|
+
.back-icon .el-icon[data-v-afddc440] {
|
|
5070
5070
|
font-size: 16px;
|
|
5071
5071
|
font-weight: bold;
|
|
5072
5072
|
}
|
|
5073
|
-
.back-icon[data-v-
|
|
5073
|
+
.back-icon[data-v-afddc440]:hover {
|
|
5074
5074
|
opacity: 0.7;
|
|
5075
5075
|
}
|
|
5076
|
-
.template-name[data-v-
|
|
5076
|
+
.template-name[data-v-afddc440] {
|
|
5077
5077
|
font-size: 16px;
|
|
5078
5078
|
font-weight: 600;
|
|
5079
5079
|
color: #303133;
|
|
@@ -5501,24 +5501,24 @@ body,
|
|
|
5501
5501
|
width: 80px;
|
|
5502
5502
|
font-size: var(--el-font-size-extra-small);
|
|
5503
5503
|
}
|
|
5504
|
-
.fec-form[data-v-
|
|
5504
|
+
.fec-form[data-v-263c93f9] {
|
|
5505
5505
|
height: 100%;
|
|
5506
5506
|
}
|
|
5507
|
-
[data-v-
|
|
5507
|
+
[data-v-263c93f9] .vgl-item > .el-form-item {
|
|
5508
5508
|
width: 100%;
|
|
5509
5509
|
padding: 12px 8px 0 8px;
|
|
5510
5510
|
height: calc(100% - 15px);
|
|
5511
5511
|
display: flex;
|
|
5512
5512
|
}
|
|
5513
|
-
[data-v-
|
|
5513
|
+
[data-v-263c93f9] .vgl-item > .el-form-item.el-form-item--label-top {
|
|
5514
5514
|
flex-direction: column;
|
|
5515
5515
|
}
|
|
5516
|
-
[data-v-
|
|
5516
|
+
[data-v-263c93f9] .vgl-item > .el-form-item .el-form-item__label {
|
|
5517
5517
|
line-height: 20px;
|
|
5518
5518
|
display: flex;
|
|
5519
5519
|
align-items: center;
|
|
5520
5520
|
}
|
|
5521
|
-
[data-v-
|
|
5521
|
+
[data-v-263c93f9] .vgl-item > .el-container {
|
|
5522
5522
|
height: auto !important;
|
|
5523
5523
|
}.cell-content .cell-text[data-v-df099102] {
|
|
5524
5524
|
display: inline-block;
|
|
@@ -5800,11 +5800,11 @@ body,
|
|
|
5800
5800
|
}
|
|
5801
5801
|
[data-v-66d8d7cb] .el-checkbox-group .el-checkbox-button__inner {
|
|
5802
5802
|
border-radius: 4px;
|
|
5803
|
-
}.fec-table[data-v-
|
|
5803
|
+
}.fec-table[data-v-f3fdb409] {
|
|
5804
5804
|
height: 100%;
|
|
5805
5805
|
flex-grow: 1;
|
|
5806
5806
|
}
|
|
5807
|
-
.fec-table-container[data-v-
|
|
5807
|
+
.fec-table-container[data-v-f3fdb409] {
|
|
5808
5808
|
width: 100%;
|
|
5809
5809
|
background: #fff;
|
|
5810
5810
|
box-sizing: border-box;
|
|
@@ -5814,30 +5814,30 @@ body,
|
|
|
5814
5814
|
overflow: hidden;
|
|
5815
5815
|
flex-grow: 1;
|
|
5816
5816
|
}
|
|
5817
|
-
.fec-table-container .fec-vxe-table[data-v-
|
|
5817
|
+
.fec-table-container .fec-vxe-table[data-v-f3fdb409] {
|
|
5818
5818
|
flex: 1;
|
|
5819
5819
|
min-height: 0;
|
|
5820
5820
|
overflow: hidden;
|
|
5821
5821
|
}
|
|
5822
|
-
.fec-table-container[data-v-
|
|
5822
|
+
.fec-table-container[data-v-f3fdb409] .vxe-table {
|
|
5823
5823
|
font-size: 14px;
|
|
5824
5824
|
}
|
|
5825
|
-
.fec-table-container[data-v-
|
|
5825
|
+
.fec-table-container[data-v-f3fdb409] .vxe-table .vxe-table--body-wrapper {
|
|
5826
5826
|
overflow: auto;
|
|
5827
5827
|
}
|
|
5828
|
-
.fec-table-container[data-v-
|
|
5828
|
+
.fec-table-container[data-v-f3fdb409] .vxe-table .vxe-header--column {
|
|
5829
5829
|
background-color: #f5f7fa;
|
|
5830
5830
|
}
|
|
5831
|
-
.fec-table-container[data-v-
|
|
5831
|
+
.fec-table-container[data-v-f3fdb409] .vxe-table .vxe-header--column .vxe-cell {
|
|
5832
5832
|
height: 40px !important;
|
|
5833
5833
|
min-height: 40px !important;
|
|
5834
5834
|
}
|
|
5835
|
-
.fec-table-container[data-v-
|
|
5835
|
+
.fec-table-container[data-v-f3fdb409] .vxe-table .vxe-body--column .vxe-cell {
|
|
5836
5836
|
padding: 6px !important;
|
|
5837
5837
|
min-height: 40px !important;
|
|
5838
5838
|
}
|
|
5839
|
-
.fec-table-container[data-v-
|
|
5840
|
-
.fec-table-container[data-v-
|
|
5839
|
+
.fec-table-container[data-v-f3fdb409] .vxe-table .vxe-body--column .c--tooltip,
|
|
5840
|
+
.fec-table-container[data-v-f3fdb409] .vxe-table .vxe-body--column .c--title {
|
|
5841
5841
|
height: 40px !important;
|
|
5842
5842
|
min-height: 40px !important;
|
|
5843
5843
|
}:root,:host{--van-black: #000;--van-white: #fff;--van-gray-1: #f7f8fa;--van-gray-2: #f2f3f5;--van-gray-3: #ebedf0;--van-gray-4: #dcdee0;--van-gray-5: #c8c9cc;--van-gray-6: #969799;--van-gray-7: #646566;--van-gray-8: #323233;--van-red: #ee0a24;--van-blue: #1989fa;--van-orange: #ff976a;--van-orange-dark: #ed6a0c;--van-orange-light: #fffbe8;--van-green: #07c160;--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--van-primary-color: var(--van-blue);--van-success-color: var(--van-green);--van-danger-color: var(--van-red);--van-warning-color: var(--van-orange);--van-text-color: var(--van-gray-8);--van-text-color-2: var(--van-gray-6);--van-text-color-3: var(--van-gray-5);--van-active-color: var(--van-gray-2);--van-active-opacity: .6;--van-disabled-opacity: .5;--van-background: var(--van-gray-1);--van-background-2: var(--van-white);--van-background-3: var(--van-white);--van-padding-base: 4px;--van-padding-xs: 8px;--van-padding-sm: 12px;--van-padding-md: 16px;--van-padding-lg: 24px;--van-padding-xl: 32px;--van-font-bold: 600;--van-font-size-xs: 10px;--van-font-size-sm: 12px;--van-font-size-md: 14px;--van-font-size-lg: 16px;--van-line-height-xs: 14px;--van-line-height-sm: 18px;--van-line-height-md: 20px;--van-line-height-lg: 22px;--van-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--van-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif;--van-duration-base: .3s;--van-duration-fast: .2s;--van-ease-out: ease-out;--van-ease-in: ease-in;--van-border-color: var(--van-gray-3);--van-border-width: 1px;--van-radius-sm: 2px;--van-radius-md: 4px;--van-radius-lg: 8px;--van-radius-max: 999px}.van-theme-dark{--van-text-color: #f5f5f5;--van-text-color-2: #707070;--van-text-color-3: #4d4d4d;--van-border-color: #3a3a3c;--van-active-color: #3a3a3c;--van-background: #000;--van-background-2: #1c1c1e;--van-background-3: #37363b}html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:var(--van-base-font)}a{text-decoration:none}input,button,textarea{color:inherit;font:inherit}a:focus,input:focus,button:focus,textarea:focus,[class*=van-]:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}@keyframes van-slide-up-enter{0%{transform:translate3d(0,100%,0)}}@keyframes van-slide-up-leave{to{transform:translate3d(0,100%,0)}}@keyframes van-slide-down-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-leave{to{transform:translate3d(0,-100%,0)}}@keyframes van-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-leave{to{transform:translate3d(-100%,0,0)}}@keyframes van-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes van-slide-right-leave{to{transform:translate3d(100%,0,0)}}@keyframes van-fade-in{0%{opacity:0}to{opacity:1}}@keyframes van-fade-out{0%{opacity:1}to{opacity:0}}@keyframes van-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.van-fade-enter-active{animation:var(--van-duration-base) van-fade-in both var(--van-ease-out)}.van-fade-leave-active{animation:var(--van-duration-base) van-fade-out both var(--van-ease-in)}.van-slide-up-enter-active{animation:van-slide-up-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-up-leave-active{animation:van-slide-up-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-down-enter-active{animation:van-slide-down-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-down-leave-active{animation:van-slide-down-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-left-enter-active{animation:van-slide-left-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-left-leave-active{animation:van-slide-left-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-right-enter-active{animation:van-slide-right-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-right-leave-active{animation:van-slide-right-leave var(--van-duration-base) both var(--van-ease-in)}.van-clearfix:after{display:table;clear:both;content:""}.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-break:anywhere;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;line-break:anywhere;-webkit-box-orient:vertical}.van-safe-area-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-haptics-feedback{cursor:pointer}.van-haptics-feedback:active{opacity:var(--van-active-opacity)}[class*=van-hairline]:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--van-border-color);transform:scale(.5)}.van-hairline,.van-hairline--top,.van-hairline--left,.van-hairline--right,.van-hairline--bottom,.van-hairline--surround,.van-hairline--top-bottom{position:relative}.van-hairline--top:after{border-top-width:var(--van-border-width)}.van-hairline--left:after{border-left-width:var(--van-border-width)}.van-hairline--right:after{border-right-width:var(--van-border-width)}.van-hairline--bottom:after{border-bottom-width:var(--van-border-width)}.van-hairline--top-bottom:after,.van-hairline-unset--top-bottom:after{border-width:var(--van-border-width) 0}.van-hairline--surround:after{border-width:var(--van-border-width)}
|
|
@@ -82,21 +82,42 @@ const _sfc_main = {
|
|
|
82
82
|
}
|
|
83
83
|
return true;
|
|
84
84
|
});
|
|
85
|
+
var isComposing = false;
|
|
85
86
|
const handleInput = (e) => {
|
|
86
|
-
if (
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
87
|
+
if (isComposing) return;
|
|
88
|
+
const inputElement = e.target;
|
|
89
|
+
recordCursor(inputElement);
|
|
90
|
+
inputElement.value = formatterUtil.textFormatter4Input(
|
|
91
|
+
inputElement.value,
|
|
92
|
+
props.dataFormatter
|
|
93
|
+
);
|
|
94
|
+
setCursor(inputElement);
|
|
95
|
+
const unformattedValue = formatterUtil.reverseTextFormatter(
|
|
96
|
+
inputElement.value,
|
|
97
|
+
props.dataFormatter
|
|
98
|
+
);
|
|
99
|
+
compValue.value = unformattedValue;
|
|
100
|
+
};
|
|
101
|
+
const handleCompositionStart = () => {
|
|
102
|
+
isComposing = true;
|
|
103
|
+
};
|
|
104
|
+
const handleCompositionEnd = (e) => {
|
|
105
|
+
isComposing = false;
|
|
106
|
+
doSomethingFunction(e);
|
|
107
|
+
};
|
|
108
|
+
const doSomethingFunction = (e) => {
|
|
109
|
+
const inputElement = e.target;
|
|
110
|
+
recordCursor(inputElement);
|
|
111
|
+
inputElement.value = formatterUtil.textFormatter4Input(
|
|
112
|
+
inputElement.value,
|
|
113
|
+
props.dataFormatter
|
|
114
|
+
);
|
|
115
|
+
setCursor(inputElement);
|
|
116
|
+
const unformattedValue = formatterUtil.reverseTextFormatter(
|
|
117
|
+
inputElement.value,
|
|
118
|
+
props.dataFormatter
|
|
119
|
+
);
|
|
120
|
+
compValue.value = unformattedValue;
|
|
100
121
|
};
|
|
101
122
|
return (_ctx, _cache) => {
|
|
102
123
|
const _component_van_field = index.Field;
|
|
@@ -112,7 +133,9 @@ const _sfc_main = {
|
|
|
112
133
|
onClick: _cache[1] || (_cache[1] = ($event) => !__props.disabled && emit("openPicker")),
|
|
113
134
|
ref_key: "fieldInputRef",
|
|
114
135
|
ref: fieldInputRef,
|
|
115
|
-
onInput: handleInput
|
|
136
|
+
onInput: handleInput,
|
|
137
|
+
onCompositionstart: handleCompositionStart,
|
|
138
|
+
onCompositionend: handleCompositionEnd
|
|
116
139
|
}), vue.createSlots({ _: 2 }, [
|
|
117
140
|
vue.renderList(_ctx.$slots, (item, key) => {
|
|
118
141
|
return {
|
|
@@ -522,7 +522,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
522
522
|
return result;
|
|
523
523
|
};
|
|
524
524
|
const setFormData = (data) => {
|
|
525
|
-
debugger;
|
|
526
525
|
const processedData = { ...data };
|
|
527
526
|
const processField = (field) => {
|
|
528
527
|
const fieldName = field.fieldName;
|
|
@@ -669,5 +668,5 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
669
668
|
};
|
|
670
669
|
}
|
|
671
670
|
});
|
|
672
|
-
const _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-
|
|
671
|
+
const _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-263c93f9"]]);
|
|
673
672
|
exports.default = _Form;
|
|
@@ -92,7 +92,8 @@ const _sfc_main = {
|
|
|
92
92
|
__props.localConfig.showTitle ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, vue.toDisplayString(__props.localConfig.templateName), 1)) : vue.createCommentVNode("", true),
|
|
93
93
|
hasButtons.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.VxeToolbar), {
|
|
94
94
|
key: 2,
|
|
95
|
-
ref: "toolbarRef"
|
|
95
|
+
ref: "toolbarRef",
|
|
96
|
+
style: { "flex": "1" }
|
|
96
97
|
}, {
|
|
97
98
|
buttons: vue.withCtx(() => [
|
|
98
99
|
leftButtons.value.length ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(leftButtons.value, (btn) => {
|
|
@@ -130,5 +131,5 @@ const _sfc_main = {
|
|
|
130
131
|
};
|
|
131
132
|
}
|
|
132
133
|
};
|
|
133
|
-
const CustomButtons = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-
|
|
134
|
+
const CustomButtons = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-afddc440"]]);
|
|
134
135
|
exports.default = CustomButtons;
|
|
@@ -281,16 +281,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
281
281
|
});
|
|
282
282
|
}
|
|
283
283
|
};
|
|
284
|
-
const
|
|
285
|
-
fields: fieldsData.value,
|
|
286
|
-
instance,
|
|
287
|
-
localConfig: localConfig.value,
|
|
288
|
-
components: {
|
|
289
|
-
table: instance == null ? void 0 : instance.proxy
|
|
290
|
-
}
|
|
291
|
-
});
|
|
284
|
+
const handleFlowEvent = vue.ref(null);
|
|
292
285
|
const handleCustomBtnClick = ({ btn, event, type }) => {
|
|
293
|
-
var _a;
|
|
286
|
+
var _a, _b;
|
|
294
287
|
switch (btn.btnType) {
|
|
295
288
|
case "refresh":
|
|
296
289
|
reset();
|
|
@@ -302,7 +295,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
302
295
|
handlePersonalize();
|
|
303
296
|
break;
|
|
304
297
|
default:
|
|
305
|
-
|
|
298
|
+
(_b = handleFlowEvent.value) == null ? void 0 : _b.call(
|
|
299
|
+
handleFlowEvent,
|
|
306
300
|
null,
|
|
307
301
|
btn,
|
|
308
302
|
(_a = btn.eventConfig) == null ? void 0 : _a.find((item) => item.name == "Click")
|
|
@@ -455,6 +449,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
455
449
|
localConfig.value = Object.assign({}, props.initOption);
|
|
456
450
|
}
|
|
457
451
|
fieldsData.value = localConfig.value.fieldsData || [];
|
|
452
|
+
initHandleEvent();
|
|
458
453
|
emit("loaded", localConfig.value);
|
|
459
454
|
configLoading.value = false;
|
|
460
455
|
return;
|
|
@@ -472,6 +467,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
472
467
|
...localConfig.value.fieldsData || [],
|
|
473
468
|
...localConfig.value.hiddenFields || []
|
|
474
469
|
];
|
|
470
|
+
initHandleEvent();
|
|
475
471
|
emit("loaded", option);
|
|
476
472
|
} catch (error) {
|
|
477
473
|
console.error("加载配置失败:", error);
|
|
@@ -480,6 +476,17 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
480
476
|
configLoading.value = false;
|
|
481
477
|
}
|
|
482
478
|
};
|
|
479
|
+
function initHandleEvent() {
|
|
480
|
+
const { handleEvent } = eventFlowHandler.useEventFlow({
|
|
481
|
+
fields: fieldsData.value,
|
|
482
|
+
instance,
|
|
483
|
+
localConfig: localConfig.value,
|
|
484
|
+
components: {
|
|
485
|
+
table: instance == null ? void 0 : instance.proxy
|
|
486
|
+
}
|
|
487
|
+
});
|
|
488
|
+
handleFlowEvent.value = handleEvent;
|
|
489
|
+
}
|
|
483
490
|
vue.onMounted(() => {
|
|
484
491
|
loadConfig().then(() => {
|
|
485
492
|
initDataSourceManager();
|
|
@@ -615,5 +622,5 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
615
622
|
};
|
|
616
623
|
}
|
|
617
624
|
});
|
|
618
|
-
const _Table = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-
|
|
625
|
+
const _Table = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-f3fdb409"]]);
|
|
619
626
|
exports.default = _Table;
|