@fecp/designer 5.5.2 → 5.5.4

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/lib/designer.css CHANGED
@@ -5786,15 +5786,15 @@ body,
5786
5786
  [data-v-fef25575] .el-upload-dragger {
5787
5787
  padding: 20px;
5788
5788
  }
5789
- .text-field-wrapper[data-v-2b941e53] {
5789
+ .text-field-wrapper[data-v-b75f4ba0] {
5790
5790
  width: 100%;
5791
5791
  }
5792
- .prefix-content[data-v-2b941e53],
5793
- .suffix-content[data-v-2b941e53] {
5792
+ .prefix-content[data-v-b75f4ba0],
5793
+ .suffix-content[data-v-b75f4ba0] {
5794
5794
  color: #909399;
5795
5795
  font-size: 14px;
5796
5796
  }
5797
- .data-masking[data-v-2b941e53] {
5797
+ .data-masking[data-v-b75f4ba0] {
5798
5798
  margin-top: 4px;
5799
5799
  padding: 8px;
5800
5800
  background: #f5f7fa;
@@ -5802,27 +5802,27 @@ body,
5802
5802
  font-size: 12px;
5803
5803
  color: #909399;
5804
5804
  }
5805
- [data-v-2b941e53] .el-input-group__append {
5805
+ [data-v-b75f4ba0] .el-input-group__append {
5806
5806
  background-color: #409eff;
5807
5807
  color: #fff;
5808
5808
  padding: 0 18px;
5809
5809
  box-shadow: 0 1px 0 0 #a8abb2 inset, 0 -1px 0 0 #a8abb2 inset, -1px 0 0 0 #a8abb2 inset;
5810
5810
  }
5811
- [data-v-2b941e53] .el-input-group__append:hover {
5811
+ [data-v-b75f4ba0] .el-input-group__append:hover {
5812
5812
  background-color: #79bbff;
5813
5813
  border-color: #79bbff;
5814
5814
  color: #fff;
5815
5815
  outline: none;
5816
5816
  box-shadow: 0 1px 0 0 #c0c4cc inset, 0 -1px 0 0 #c0c4cc inset, -1px 0 0 0 #c0c4cc inset;
5817
- }.text-field-wrapper[data-v-e31b8e97] {
5817
+ }.text-field-wrapper[data-v-1b45cabd] {
5818
5818
  width: 100%;
5819
5819
  }
5820
- .prefix-content[data-v-e31b8e97],
5821
- .suffix-content[data-v-e31b8e97] {
5820
+ .prefix-content[data-v-1b45cabd],
5821
+ .suffix-content[data-v-1b45cabd] {
5822
5822
  color: #909399;
5823
5823
  font-size: 14px;
5824
5824
  }
5825
- .data-masking[data-v-e31b8e97] {
5825
+ .data-masking[data-v-1b45cabd] {
5826
5826
  margin-top: 4px;
5827
5827
  padding: 8px;
5828
5828
  background: #f5f7fa;
@@ -5830,13 +5830,13 @@ body,
5830
5830
  font-size: 12px;
5831
5831
  color: #909399;
5832
5832
  }
5833
- [data-v-e31b8e97] .el-input-group__append {
5833
+ [data-v-1b45cabd] .el-input-group__append {
5834
5834
  background-color: #409eff;
5835
5835
  color: #fff;
5836
5836
  padding: 0 18px;
5837
5837
  box-shadow: 0 1px 0 0 #a8abb2 inset, 0 -1px 0 0 #a8abb2 inset, -1px 0 0 0 #a8abb2 inset;
5838
5838
  }
5839
- [data-v-e31b8e97] .el-input-group__append:hover {
5839
+ [data-v-1b45cabd] .el-input-group__append:hover {
5840
5840
  background-color: #79bbff;
5841
5841
  border-color: #79bbff;
5842
5842
  color: #fff;
@@ -5924,25 +5924,25 @@ body,
5924
5924
  width: 80px;
5925
5925
  font-size: var(--el-font-size-extra-small);
5926
5926
  }
5927
- .fec-form[data-v-bdcc2922] {
5927
+ .fec-form[data-v-df445e35] {
5928
5928
  height: 100%;
5929
5929
  }
5930
- [data-v-bdcc2922] .vgl-layout {
5930
+ [data-v-df445e35] .vgl-layout {
5931
5931
  position: relative;
5932
5932
  }
5933
- [data-v-bdcc2922] .vgl-item {
5933
+ [data-v-df445e35] .vgl-item {
5934
5934
  transition: none;
5935
5935
  }
5936
- [data-v-bdcc2922] .vgl-item > .el-form-item {
5936
+ [data-v-df445e35] .vgl-item > .el-form-item {
5937
5937
  width: 100%;
5938
5938
  padding: 6px 8px 0 8px;
5939
5939
  height: calc(100% - 15px);
5940
5940
  display: flex;
5941
5941
  }
5942
- [data-v-bdcc2922] .vgl-item > .el-form-item.el-form-item--label-top {
5942
+ [data-v-df445e35] .vgl-item > .el-form-item.el-form-item--label-top {
5943
5943
  flex-direction: column;
5944
5944
  }
5945
- [data-v-bdcc2922] .vgl-item > .el-form-item .el-form-item__label {
5945
+ [data-v-df445e35] .vgl-item > .el-form-item .el-form-item__label {
5946
5946
  line-height: 20px;
5947
5947
  display: flex;
5948
5948
  align-items: center;
@@ -5951,12 +5951,12 @@ body,
5951
5951
  flex-wrap: wrap;
5952
5952
  white-space: normal;
5953
5953
  }
5954
- [data-v-bdcc2922] .vgl-item > .el-form-item {
5954
+ [data-v-df445e35] .vgl-item > .el-form-item {
5955
5955
  /* .el-form-item__error {
5956
5956
  padding-top: 10px;
5957
5957
  } */
5958
5958
  }
5959
- [data-v-bdcc2922] .vgl-item > .el-container {
5959
+ [data-v-df445e35] .vgl-item > .el-container {
5960
5960
  height: auto !important;
5961
5961
  }.table-pagination[data-v-142fdd35] {
5962
5962
  display: flex;
@@ -6310,12 +6310,12 @@ body,
6310
6310
  }
6311
6311
  [data-v-9e44c27e] .el-checkbox-group .el-checkbox-button__inner {
6312
6312
  border-radius: 4px;
6313
- }.fec-table[data-v-c3ee9686] {
6313
+ }.fec-table[data-v-501e930d] {
6314
6314
  height: 100%;
6315
6315
  flex-grow: 1;
6316
6316
  padding: 0 16px;
6317
6317
  }
6318
- .fec-table-container[data-v-c3ee9686] {
6318
+ .fec-table-container[data-v-501e930d] {
6319
6319
  width: 100%;
6320
6320
  background: #fff;
6321
6321
  box-sizing: border-box;
@@ -6325,85 +6325,85 @@ body,
6325
6325
  overflow: hidden;
6326
6326
  flex-grow: 1;
6327
6327
  }
6328
- .fec-table-container .fec-vxe-table[data-v-c3ee9686] {
6328
+ .fec-table-container .fec-vxe-table[data-v-501e930d] {
6329
6329
  flex: 1;
6330
6330
  min-height: 0;
6331
6331
  overflow: hidden;
6332
6332
  margin-bottom: 16px;
6333
6333
  }
6334
- .fec-table-container[data-v-c3ee9686] .vxe-table {
6334
+ .fec-table-container[data-v-501e930d] .vxe-table {
6335
6335
  font-size: 14px;
6336
6336
  font-family: inherit;
6337
6337
  }
6338
- .fec-table-container[data-v-c3ee9686] .vxe-table .vxe-sort--asc-btn,
6339
- .fec-table-container[data-v-c3ee9686] .vxe-table .vxe-sort--desc-btn {
6338
+ .fec-table-container[data-v-501e930d] .vxe-table .vxe-sort--asc-btn,
6339
+ .fec-table-container[data-v-501e930d] .vxe-table .vxe-sort--desc-btn {
6340
6340
  color: #dcdcdc;
6341
6341
  }
6342
- .fec-table-container[data-v-c3ee9686] .vxe-table .serverSort .vxe-sort--asc-btn,
6343
- .fec-table-container[data-v-c3ee9686] .vxe-table .serverSort .vxe-sort--desc-btn {
6342
+ .fec-table-container[data-v-501e930d] .vxe-table .serverSort .vxe-sort--asc-btn,
6343
+ .fec-table-container[data-v-501e930d] .vxe-table .serverSort .vxe-sort--desc-btn {
6344
6344
  color: #d3edf9;
6345
6345
  }
6346
- .fec-table-container[data-v-c3ee9686] .vxe-table .serverSort .sort--active {
6346
+ .fec-table-container[data-v-501e930d] .vxe-table .serverSort .sort--active {
6347
6347
  color: var(--el-color-primary);
6348
6348
  }
6349
- .fec-table-container[data-v-c3ee9686] .vxe-table .sort--active {
6349
+ .fec-table-container[data-v-501e930d] .vxe-table .sort--active {
6350
6350
  color: var(--el-color-primary);
6351
6351
  }
6352
- .fec-table-container[data-v-c3ee9686] .vxe-table .vxe-table--body-wrapper {
6352
+ .fec-table-container[data-v-501e930d] .vxe-table .vxe-table--body-wrapper {
6353
6353
  overflow: auto;
6354
6354
  }
6355
- .fec-table-container[data-v-c3ee9686] .vxe-table .vxe-table--body {
6355
+ .fec-table-container[data-v-501e930d] .vxe-table .vxe-table--body {
6356
6356
  width: 100% !important;
6357
6357
  }
6358
- .fec-table-container[data-v-c3ee9686] .vxe-table .vxe-header--column {
6358
+ .fec-table-container[data-v-501e930d] .vxe-table .vxe-header--column {
6359
6359
  background-color: #fff;
6360
6360
  }
6361
- .fec-table-container[data-v-c3ee9686] .vxe-table .vxe-header--column .vxe-cell {
6361
+ .fec-table-container[data-v-501e930d] .vxe-table .vxe-header--column .vxe-cell {
6362
6362
  height: 40px !important;
6363
6363
  min-height: 40px !important;
6364
6364
  color: #333;
6365
6365
  }
6366
- .fec-table-container[data-v-c3ee9686] .vxe-table .vxe-table--header-inner-wrapper {
6366
+ .fec-table-container[data-v-501e930d] .vxe-table .vxe-table--header-inner-wrapper {
6367
6367
  height: 40px !important;
6368
6368
  }
6369
- .fec-table-container[data-v-c3ee9686] .vxe-table .vxe-body--column .vxe-cell {
6369
+ .fec-table-container[data-v-501e930d] .vxe-table .vxe-body--column .vxe-cell {
6370
6370
  padding: 6px !important;
6371
6371
  min-height: 32px !important;
6372
6372
  color: #666;
6373
6373
  font-size: 13px;
6374
6374
  }
6375
- .fec-table-container[data-v-c3ee9686] .vxe-table .vxe-body--column .c--tooltip,
6376
- .fec-table-container[data-v-c3ee9686] .vxe-table .vxe-body--column .c--title {
6375
+ .fec-table-container[data-v-501e930d] .vxe-table .vxe-body--column .c--tooltip,
6376
+ .fec-table-container[data-v-501e930d] .vxe-table .vxe-body--column .c--title {
6377
6377
  height: 32px !important;
6378
6378
  min-height: 32px !important;
6379
6379
  }
6380
- .fec-table-container[data-v-c3ee9686] .vxe-table .vxe-table--border-line {
6380
+ .fec-table-container[data-v-501e930d] .vxe-table .vxe-table--border-line {
6381
6381
  border: none;
6382
6382
  border-bottom: 1px solid #ebeef5;
6383
6383
  border-top: 1px solid #ebeef5;
6384
6384
  }
6385
- .fec-table-container[data-v-c3ee9686] .vxe-table .vxe-table--scroll-y-handle-appearance,
6386
- .fec-table-container[data-v-c3ee9686] .vxe-table .vxe-table--scroll-y-wrapper:after {
6385
+ .fec-table-container[data-v-501e930d] .vxe-table .vxe-table--scroll-y-handle-appearance,
6386
+ .fec-table-container[data-v-501e930d] .vxe-table .vxe-table--scroll-y-wrapper:after {
6387
6387
  border: none !important;
6388
6388
  }
6389
- .fec-table-container[data-v-c3ee9686] .vxe-table .vxe-table--scroll-y-top-corner {
6389
+ .fec-table-container[data-v-501e930d] .vxe-table .vxe-table--scroll-y-top-corner {
6390
6390
  display: none !important;
6391
6391
  }
6392
- .fec-table-container[data-v-c3ee9686] .vxe-table .vxe-cell--sort {
6392
+ .fec-table-container[data-v-501e930d] .vxe-table .vxe-cell--sort {
6393
6393
  font-size: 14px;
6394
6394
  }
6395
- .fec-table-container[data-v-c3ee9686] .vxe-table .vxe-body--column,
6396
- .fec-table-container[data-v-c3ee9686] .vxe-table .vxe-footer--column,
6397
- .fec-table-container[data-v-c3ee9686] .vxe-table .vxe-header--column,
6398
- .fec-table-container[data-v-c3ee9686] .vxe-table .vxe-body--column,
6399
- .fec-table-container[data-v-c3ee9686] .vxe-table .vxe-footer--column,
6400
- .fec-table-container[data-v-c3ee9686] .vxe-table .vxe-header--column {
6395
+ .fec-table-container[data-v-501e930d] .vxe-table .vxe-body--column,
6396
+ .fec-table-container[data-v-501e930d] .vxe-table .vxe-footer--column,
6397
+ .fec-table-container[data-v-501e930d] .vxe-table .vxe-header--column,
6398
+ .fec-table-container[data-v-501e930d] .vxe-table .vxe-body--column,
6399
+ .fec-table-container[data-v-501e930d] .vxe-table .vxe-footer--column,
6400
+ .fec-table-container[data-v-501e930d] .vxe-table .vxe-header--column {
6401
6401
  background-image: linear-gradient(#ebeef5, #ebeef5) !important;
6402
6402
  }
6403
- .fec-table-container[data-v-c3ee9686] .vxe-table .el-button.is-disabled {
6403
+ .fec-table-container[data-v-501e930d] .vxe-table .el-button.is-disabled {
6404
6404
  color: #ccc !important;
6405
6405
  }
6406
- .fec-table-sub[data-v-c3ee9686] .vxe-table .vxe-table--border-line {
6406
+ .fec-table-sub[data-v-501e930d] .vxe-table .vxe-table--border-line {
6407
6407
  border-top: none;
6408
6408
  }
6409
6409
  .fec-layout-card[data-v-c90689d4] {
@@ -12,17 +12,9 @@ const _sfc_main = {
12
12
  type: [String, Number],
13
13
  default: ""
14
14
  },
15
- options: {
16
- type: Array,
17
- default: []
18
- },
19
- fieldNames: {
15
+ optionConfig: {
20
16
  type: Object,
21
- default: {
22
- text: "text",
23
- value: "value",
24
- disabled: "disabled"
25
- }
17
+ default: () => ({})
26
18
  },
27
19
  readonly: {
28
20
  type: Boolean,
@@ -31,31 +23,16 @@ const _sfc_main = {
31
23
  },
32
24
  emits: ["update:modelValue"],
33
25
  setup(__props, { emit: __emit }) {
26
+ const currentInstance = vue.getCurrentInstance();
27
+ currentInstance.proxy;
34
28
  const props = __props;
35
- const attrs = vue.useAttrs();
29
+ vue.useAttrs();
36
30
  const finalOptions = vue.ref([]);
37
31
  optionUtil.getOptions({
38
- ...attrs,
39
- staticOptions: props.options,
40
- optionsFieldNames: props.fieldNames
32
+ ...props.optionConfig
41
33
  }).then((data) => {
42
34
  finalOptions.value = data;
43
35
  });
44
- vue.watch(
45
- () => props.options,
46
- () => {
47
- optionUtil.getOptions({
48
- ...attrs,
49
- staticOptions: props.options,
50
- optionsFieldNames: props.fieldNames
51
- }).then((data) => {
52
- finalOptions.value = data;
53
- });
54
- },
55
- {
56
- deep: true
57
- }
58
- );
59
36
  const emit = __emit;
60
37
  const compValue = vue.computed({
61
38
  get: () => {
@@ -867,7 +867,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
867
867
  layoutFieldItem.hidden = true;
868
868
  }
869
869
  });
870
- debugger;
871
870
  if (parseFilterConfig.checkFilterMatch(item.filterConfig, formData.value, fields)) {
872
871
  dataLinkFieldList.forEach((fieldId) => {
873
872
  const layoutFieldItem = updatedLayoutData.find((g) => g.id == fieldId);
@@ -1097,5 +1096,5 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
1097
1096
  };
1098
1097
  }
1099
1098
  });
1100
- const _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-bdcc2922"]]);
1099
+ const _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-df445e35"]]);
1101
1100
  exports.default = _Form;
@@ -57,6 +57,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
57
57
  const inputValue = vue.computed(
58
58
  () => formData.value[props.config.displayFieldName]
59
59
  );
60
+ function handleClear() {
61
+ formData.value[props.config.displayFieldName] = "";
62
+ formData.value[props.config.fieldName] = "";
63
+ }
60
64
  const fieldsList = [
61
65
  ...(fieldsData == null ? void 0 : fieldsData.value) || [],
62
66
  ...(hiddenFields == null ? void 0 : hiddenFields.value) || []
@@ -98,9 +102,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
98
102
  }, vue.toHandlers(__props.config.eventHandlers), {
99
103
  placeholder: __props.placeholder,
100
104
  disabled: __props.disabled,
101
- readonly: true,
102
105
  onChange: handleChange,
103
- clearable: ""
106
+ clearable: "",
107
+ onClear: handleClear
104
108
  }), vue.createSlots({ _: 2 }, [
105
109
  __props.formMode != "query" ? {
106
110
  name: "append",
@@ -122,5 +126,5 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
122
126
  };
123
127
  }
124
128
  });
125
- const _RoleSelect = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-e31b8e97"]]);
129
+ const _RoleSelect = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-1b45cabd"]]);
126
130
  exports.default = _RoleSelect;
@@ -57,6 +57,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
57
57
  const inputValue = vue.computed(
58
58
  () => formData.value[props.config.displayFieldName]
59
59
  );
60
+ function handleClear() {
61
+ formData.value[props.config.displayFieldName] = "";
62
+ formData.value[props.config.fieldName] = "";
63
+ }
60
64
  const fieldsList = [
61
65
  ...(fieldsData == null ? void 0 : fieldsData.value) || [],
62
66
  ...(hiddenFields == null ? void 0 : hiddenFields.value) || []
@@ -98,9 +102,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
98
102
  }, vue.toHandlers(__props.config.eventHandlers), {
99
103
  placeholder: __props.placeholder,
100
104
  disabled: __props.disabled,
101
- readonly: true,
102
105
  onChange: handleChange,
103
- clearable: ""
106
+ clearable: "",
107
+ onClear: handleClear
104
108
  }), vue.createSlots({ _: 2 }, [
105
109
  __props.formMode != "query" ? {
106
110
  name: "append",
@@ -122,5 +126,5 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
122
126
  };
123
127
  }
124
128
  });
125
- const _UserSelect = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-2b941e53"]]);
129
+ const _UserSelect = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-b75f4ba0"]]);
126
130
  exports.default = _UserSelect;
@@ -833,6 +833,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
833
833
  vue.createVNode(vue.unref(index$1.VxeTable), {
834
834
  ref_key: "tableRef",
835
835
  ref: tableRef,
836
+ "show-header": "",
836
837
  data: displayData.value,
837
838
  "auto-resize": autoResize.value,
838
839
  height: tableHeight.value,
@@ -898,5 +899,5 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
898
899
  };
899
900
  }
900
901
  });
901
- const _Table = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-c3ee9686"]]);
902
+ const _Table = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-501e930d"]]);
902
903
  exports.default = _Table;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fecp/designer",
3
- "version": "5.5.2",
3
+ "version": "5.5.4",
4
4
  "main": "lib/designer/index.js",
5
5
  "module": "es/designer/index.mjs",
6
6
  "files": [