@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 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-629c70ce] {
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-629c70ce] {
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-629c70ce] {
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-629c70ce]:hover {
5073
+ .back-icon[data-v-afddc440]:hover {
5074
5074
  opacity: 0.7;
5075
5075
  }
5076
- .template-name[data-v-629c70ce] {
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-593a815f] {
5504
+ .fec-form[data-v-263c93f9] {
5505
5505
  height: 100%;
5506
5506
  }
5507
- [data-v-593a815f] .vgl-item > .el-form-item {
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-593a815f] .vgl-item > .el-form-item.el-form-item--label-top {
5513
+ [data-v-263c93f9] .vgl-item > .el-form-item.el-form-item--label-top {
5514
5514
  flex-direction: column;
5515
5515
  }
5516
- [data-v-593a815f] .vgl-item > .el-form-item .el-form-item__label {
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-593a815f] .vgl-item > .el-container {
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-498df41a] {
5803
+ }.fec-table[data-v-f3fdb409] {
5804
5804
  height: 100%;
5805
5805
  flex-grow: 1;
5806
5806
  }
5807
- .fec-table-container[data-v-498df41a] {
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-498df41a] {
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-498df41a] .vxe-table {
5822
+ .fec-table-container[data-v-f3fdb409] .vxe-table {
5823
5823
  font-size: 14px;
5824
5824
  }
5825
- .fec-table-container[data-v-498df41a] .vxe-table .vxe-table--body-wrapper {
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-498df41a] .vxe-table .vxe-header--column {
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-498df41a] .vxe-table .vxe-header--column .vxe-cell {
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-498df41a] .vxe-table .vxe-body--column .vxe-cell {
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-498df41a] .vxe-table .vxe-body--column .c--tooltip,
5840
- .fec-table-container[data-v-498df41a] .vxe-table .vxe-body--column .c--title {
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 (props.fieldType == "text" && (props.dataFormatter == "money(yuan)" || props.dataFormatter == "money(wan)" || props.dataFormatter == "money(yi)")) {
85
- const inputElement = e.target;
86
- recordCursor(inputElement);
87
- inputElement.value = textFormatter4Input(
88
- inputElement.value,
89
- props.dataFormatter
90
- );
91
- setCursor(inputElement);
92
- const unformattedValue = reverseTextFormatter(
93
- inputElement.value,
94
- props.dataFormatter
95
- );
96
- compValue.value = unformattedValue;
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-593a815f"]]);
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-629c70ce"]]);
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 { handleEvent } = useEventFlow({
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
- handleEvent(
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-498df41a"]]);
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-629c70ce] {
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-629c70ce] {
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-629c70ce] {
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-629c70ce]:hover {
5073
+ .back-icon[data-v-afddc440]:hover {
5074
5074
  opacity: 0.7;
5075
5075
  }
5076
- .template-name[data-v-629c70ce] {
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-593a815f] {
5504
+ .fec-form[data-v-263c93f9] {
5505
5505
  height: 100%;
5506
5506
  }
5507
- [data-v-593a815f] .vgl-item > .el-form-item {
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-593a815f] .vgl-item > .el-form-item.el-form-item--label-top {
5513
+ [data-v-263c93f9] .vgl-item > .el-form-item.el-form-item--label-top {
5514
5514
  flex-direction: column;
5515
5515
  }
5516
- [data-v-593a815f] .vgl-item > .el-form-item .el-form-item__label {
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-593a815f] .vgl-item > .el-container {
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-498df41a] {
5803
+ }.fec-table[data-v-f3fdb409] {
5804
5804
  height: 100%;
5805
5805
  flex-grow: 1;
5806
5806
  }
5807
- .fec-table-container[data-v-498df41a] {
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-498df41a] {
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-498df41a] .vxe-table {
5822
+ .fec-table-container[data-v-f3fdb409] .vxe-table {
5823
5823
  font-size: 14px;
5824
5824
  }
5825
- .fec-table-container[data-v-498df41a] .vxe-table .vxe-table--body-wrapper {
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-498df41a] .vxe-table .vxe-header--column {
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-498df41a] .vxe-table .vxe-header--column .vxe-cell {
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-498df41a] .vxe-table .vxe-body--column .vxe-cell {
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-498df41a] .vxe-table .vxe-body--column .c--tooltip,
5840
- .fec-table-container[data-v-498df41a] .vxe-table .vxe-body--column .c--title {
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 (props.fieldType == "text" && (props.dataFormatter == "money(yuan)" || props.dataFormatter == "money(wan)" || props.dataFormatter == "money(yi)")) {
87
- const inputElement = e.target;
88
- recordCursor(inputElement);
89
- inputElement.value = formatterUtil.textFormatter4Input(
90
- inputElement.value,
91
- props.dataFormatter
92
- );
93
- setCursor(inputElement);
94
- const unformattedValue = formatterUtil.reverseTextFormatter(
95
- inputElement.value,
96
- props.dataFormatter
97
- );
98
- compValue.value = unformattedValue;
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-593a815f"]]);
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-629c70ce"]]);
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 { handleEvent } = eventFlowHandler.useEventFlow({
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
- handleEvent(
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-498df41a"]]);
625
+ const _Table = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-f3fdb409"]]);
619
626
  exports.default = _Table;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fecp/designer",
3
- "version": "5.2.0",
3
+ "version": "5.2.1",
4
4
  "main": "lib/packages/designer/index.js",
5
5
  "module": "es/packages/designer/index.mjs",
6
6
  "files": [