super-page-designer 2.0.82 → 2.0.86

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.
Files changed (33) hide show
  1. package/dist/es/components/design/utils/assemblys-config.js +2 -2
  2. package/dist/es/components/design/utils/form-design-util.d.ts +15 -0
  3. package/dist/es/components/design/utils/form-design-util.js +54 -9
  4. package/dist/es/components/design/utils/interfaces/page-design-types.d.ts +1 -1
  5. package/dist/es/components/design/utils/page-table-util.d.ts +3 -1
  6. package/dist/es/components/design/utils/page-table-util.js +50 -23
  7. package/dist/es/components/design/views/assemblys/button/button/button-attr-advanced.vue.js +10 -13
  8. package/dist/es/components/design/views/assemblys/button/component/combination.vue.js +5 -4
  9. package/dist/es/components/design/views/assemblys/button/export-pdf/exportpdf-attr-advanced.vue.js +2 -2
  10. package/dist/es/components/design/views/assemblys/button/print-label/printlabel-attr-advanced.vue.js +2 -2
  11. package/dist/es/components/design/views/assemblys/common/common-advanced-basic-showcondition.vue.js +11 -7
  12. package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue.js +1 -1
  13. package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue2.js +2 -1
  14. package/dist/es/components/design/views/assemblys/data/component/data-origin.vue.js +1 -1
  15. package/dist/es/components/design/views/assemblys/data/component/data-origin.vue2.js +5 -2
  16. package/dist/es/components/design/views/assemblys/data/table/table-attr-advanced.vue.js +7 -5
  17. package/dist/es/components/design/views/assemblys/data/table/table-attr.vue2.js +1 -1
  18. package/dist/es/components/design/views/assemblys/data/table/table-design.vue.js +1 -1
  19. package/dist/es/components/design/views/assemblys/data/table/table-design.vue2.js +2 -5
  20. package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue.js +1 -1
  21. package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue2.js +113 -65
  22. package/dist/es/components/design/views/assemblys/form/input-text/inputtext-attr-base.vue.js +6 -0
  23. package/dist/es/components/design/views/assemblys/object-design.vue.js +14 -2
  24. package/dist/es/components/design/views/assemblys/page/page-attr-base.vue.js +2 -5
  25. package/dist/es/components/design/views/design/page-design.vue.js +10 -7
  26. package/dist/es/components/design/views/design/page-event/config.vue.js +7 -1
  27. package/dist/es/components/design/views/design/page-event/config.vue2.js +1 -7
  28. package/dist/es/components/design/views/design/page-event/page-event-content.vue.js +6 -6
  29. package/dist/es/components/design/views/design/view/components/quick-add-dialog.vue.js +1 -1
  30. package/dist/es/components/design/views/design/view/components/quick-add-fields.vue.js +3 -0
  31. package/dist/es/components/design/views/design/view/view-design-display.vue.js +1 -1
  32. package/dist/es/style.css +84 -84
  33. package/package.json +5 -5
@@ -5,8 +5,9 @@ import { getDesignComponentByName } from "../../utils/assemblys-config.js";
5
5
  import { caculateCommonStyle } from "../../utils/container-design-util.js";
6
6
  import { PageDimensions } from "../../utils/interfaces/page-design-types.js";
7
7
  import { batchUpdatePermissions, batchRemovePermissions } from "../../utils/page-permission-util.js";
8
- import { watchValidate } from "../../utils/form-design-util.js";
8
+ import { watchValidate, getRefrencePropMap, removePropFromRefrencePropMap } from "../../utils/form-design-util.js";
9
9
  import { usePageContextStore } from "../../../../stores/page-store.js";
10
+ import "uuid";
10
11
  const _hoisted_1 = { class: "amb-widget-item-tool" };
11
12
  const _sfc_main = /* @__PURE__ */ defineComponent({
12
13
  __name: "object-design",
@@ -143,10 +144,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
143
144
  if (props.configure.props.base && props.configure.props.base.prop) {
144
145
  watch(
145
146
  () => props.configure.props.base.prop,
146
- (newVal) => {
147
+ (newVal, oldVal) => {
147
148
  watchValidate(props.configure, props.configure.props.verification, fieldInfo);
149
+ if (!props.pageDesign.runtime) {
150
+ props.pageDesign.runtime = {};
151
+ }
152
+ if (!props.pageDesign.runtime.refercePropMap) {
153
+ props.pageDesign.runtime.refercePropMap = {};
154
+ }
155
+ getRefrencePropMap(newVal, oldVal, props.pageDesign.runtime.refercePropMap);
148
156
  }
149
157
  );
158
+ onUnmounted(() => {
159
+ var _a, _b;
160
+ removePropFromRefrencePropMap(props.configure.props.base.prop, (_b = (_a = props.pageDesign) == null ? void 0 : _a.runtime) == null ? void 0 : _b.refercePropMap);
161
+ });
150
162
  }
151
163
  watch(props.configure.props.verification, (newValue, oldValue) => {
152
164
  watchValidate(props.configure, newValue, fieldInfo);
@@ -2,7 +2,7 @@ import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx
2
2
  import { Search, Close, Setting } from "@element-plus/icons";
3
3
  import _sfc_main$1 from "../common/common-select-table.vue.js";
4
4
  import _sfc_main$2 from "./variable-dialog.vue.js";
5
- import { queryTableFields } from "../../../utils/page-table-util.js";
5
+ import { queryTableFields, changeFeieldToMap } from "../../../utils/page-table-util.js";
6
6
  import { usePageContextStore } from "../../../../../stores/page-store.js";
7
7
  import { queryWorkflowsRequest, createWorkflowRequest } from "../../../utils/page-design-util.js";
8
8
  const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
@@ -71,10 +71,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
71
71
  const systemVersion = tableInfo.systemVersion ? tableInfo.systemVersion : props.configure.systemVersion;
72
72
  queryTableFields(systemCode, systemVersion, tableInfo.name).then((tableFields) => {
73
73
  props.configure.modelFields = tableFields;
74
- props.configure.modelFieldsMap = {};
75
- tableFields.forEach((item) => {
76
- props.configure.modelFieldsMap[item.dbColumnName] = item;
77
- });
74
+ changeFeieldToMap(props.configure.modelFieldsMap, tableFields);
78
75
  pageContextUtil.setPageContext(props.configure);
79
76
  });
80
77
  }
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, createBlock, createCommentVNode, normalizeClass, withDirectives, vShow, unref } from "vue";
2
2
  import _sfc_main$1 from "./view/view-design.vue.js";
3
3
  import { initComponentRefState } from "../../utils/page-helper-util.js";
4
- import { queryTableFields } from "../../utils/page-table-util.js";
4
+ import { getTableNameByTableUuid, queryTableFields, changeFeieldToMap } from "../../utils/page-table-util.js";
5
5
  import { addPermission, delPermission } from "../../utils/page-permission-util.js";
6
6
  import { usePageContextStore } from "../../../../stores/page-store.js";
7
7
  import ServiceFlowDesginer from "service-flow-designer";
@@ -83,15 +83,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
83
83
  }
84
84
  function initPageDesign(pageDesign2) {
85
85
  initComponentRefState(pageDesign2);
86
- if (pageDesign2.tableName) {
86
+ let tableUuid;
87
+ const tableUuids = pageDesign2 == null ? void 0 : pageDesign2.tableUuids;
88
+ if (tableUuids && tableUuids.length > 0) {
89
+ tableUuid = tableUuids[0];
90
+ }
91
+ const tableName = getTableNameByTableUuid(pageDesign2, tableUuid);
92
+ if (tableName) {
87
93
  const systemCode = pageDesign2.tableSysCode ? pageDesign2.tableSysCode : pageDesign2.systemCode;
88
94
  const systemVersion = pageDesign2.tableSysVersion ? pageDesign2.tableSysVersion : pageDesign2.systemVersion;
89
- queryTableFields(systemCode, systemVersion, pageDesign2.tableName).then((tableFields) => {
95
+ queryTableFields(systemCode, systemVersion, tableName).then((tableFields) => {
90
96
  pageDesign2.modelFields = tableFields;
91
- pageDesign2.modelFieldsMap = {};
92
- tableFields.forEach((item) => {
93
- pageDesign2.modelFieldsMap[item.dbColumnName] = item;
94
- });
97
+ changeFeieldToMap(pageDesign2.modelFieldsMap, tableFields);
95
98
  pageDesignUtil.setPageContext(pageDesign2);
96
99
  });
97
100
  }
@@ -1 +1,7 @@
1
-
1
+ import _sfc_main from "./config.vue3.js";
2
+ import "./config.vue2.js";
3
+ import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
4
+ const config = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-26f79956"]]);
5
+ export {
6
+ config as default
7
+ };
@@ -1,7 +1 @@
1
- import _sfc_main from "./config.vue3.js";
2
- import "./config.vue.js";
3
- import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
4
- const config = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-26f79956"]]);
5
- export {
6
- config as default
7
- };
1
+
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, ref, onMounted, onUnmounted, watch, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, withDirectives, vShow, unref, createTextVNode, toDisplayString, Fragment, renderList, createBlock } from "vue";
2
2
  import { ElMessageBox, ElMessage } from "element-plus";
3
- import config from "./config.vue2.js";
3
+ import config from "./config.vue.js";
4
4
  import { standardButtonOperations } from "../../../utils/assemblys-config.js";
5
5
  import { findDesignItemByUuid, getUuidv4, deepCopy } from "../../../utils/common-util.js";
6
6
  import { usePageContextStore } from "../../../../../stores/page-store.js";
@@ -296,22 +296,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
296
296
  event2.remark = "";
297
297
  event2.standardValues = [];
298
298
  pageDesign.customEvents.splice(i, 1);
299
- deleteComponentEvent(tempObj);
299
+ restoreComponentEvent(tempObj, event2);
300
300
  break;
301
301
  }
302
302
  }
303
303
  }
304
304
  }
305
305
  }
306
- function deleteComponentEvent(event) {
306
+ function restoreComponentEvent(sourceEvent, event) {
307
307
  const pageDesign = pageDesignUtil.pageContext;
308
- const itemConfig = findDesignItemByUuid(pageDesign, event.componentUuid);
308
+ const itemConfig = findDesignItemByUuid(pageDesign, sourceEvent.componentUuid);
309
309
  if (itemConfig && itemConfig.events) {
310
310
  const eventIndex = itemConfig.events.findIndex(
311
- (e) => e.name == event.name && e.componentUuid == event.componentUuid
311
+ (e) => e.name == sourceEvent.name && e.componentUuid == sourceEvent.componentUuid
312
312
  );
313
313
  if (eventIndex > -1) {
314
- itemConfig.events.splice(eventIndex, 1);
314
+ itemConfig.events[eventIndex] = event;
315
315
  }
316
316
  }
317
317
  }
@@ -284,7 +284,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
284
284
  newColumn.props.editLine.plugType = f.componentName;
285
285
  newColumn.props.editLine.editable = true;
286
286
  newColumn.props.base.defaultValue = f.value;
287
- if (f.valid) {
287
+ if (f.valid && f.valid.length > 0) {
288
288
  if (!newColumn.props.verification) {
289
289
  newColumn.props.verification = {};
290
290
  }
@@ -178,6 +178,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
178
178
  const rowItem = {
179
179
  uuid: getUuidv4()
180
180
  };
181
+ if (props.model.pageType == "list") {
182
+ rowItem.isTable = true;
183
+ }
181
184
  const existIndex = queryIndex(rowObj);
182
185
  if (existIndex > -1) {
183
186
  props.model.fieldInfos.splice(existIndex + 1, 0, rowItem);
@@ -15,7 +15,7 @@ import "@codemirror/state";
15
15
  import "@codemirror/autocomplete";
16
16
  import "@codemirror/language";
17
17
  import "@codemirror/search";
18
- import "../page-event/config.vue.js";
18
+ import "../page-event/config.vue2.js";
19
19
  import "../../../utils/assemblys-config.js";
20
20
  import "../../../../../stores/page-store.js";
21
21
  import "../../../../../stores/event-undo-redo-store.js";
package/dist/es/style.css CHANGED
@@ -1294,6 +1294,14 @@ fieldset.amb-design-item-selected {
1294
1294
  padding: 10px;
1295
1295
  font-weight: bold;
1296
1296
  }
1297
+
1298
+ .el-select__wrapper.is-disabled{
1299
+ cursor: default;
1300
+ }
1301
+
1302
+ .el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label{
1303
+ cursor: default;
1304
+ }
1297
1305
  .el-tree-node__content {
1298
1306
  height: 34px !important;
1299
1307
  }
@@ -2532,10 +2540,6 @@ fieldset.amb-design-item-selected {
2532
2540
  padding: 10px;
2533
2541
  font-weight: bold;
2534
2542
  }
2535
-
2536
- .el-select__wrapper.is-disabled{
2537
- cursor: default;
2538
- }
2539
2543
  .el-tree-node__content {
2540
2544
  height: 34px !important;
2541
2545
  }
@@ -5631,10 +5635,6 @@ fieldset.amb-design-item-selected {
5631
5635
  padding: 10px;
5632
5636
  font-weight: bold;
5633
5637
  }
5634
-
5635
- .el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label{
5636
- cursor: default;
5637
- }
5638
5638
  .el-tree-node__content {
5639
5639
  height: 34px !important;
5640
5640
  }
@@ -9349,56 +9349,6 @@ fieldset.amb-design-item-selected {
9349
9349
  padding: 10px;
9350
9350
  font-weight: bold;
9351
9351
  }
9352
-
9353
- /*不显示列样式*/
9354
- .hiddenBorder {
9355
- border-right: solid 1px #ebebeb !important;
9356
- border-left: solid 1px #ebebeb !important;
9357
- background-color: #ebebeb !important;
9358
- }
9359
- /*选中列样式*/
9360
- .addBorder {
9361
- border-right: solid 1px #5893ef !important;
9362
- border-left: solid 1px #5893ef !important;
9363
- background-color: #5893ef !important;
9364
- color: #ffffff;
9365
- }
9366
- .ghost {
9367
- opacity: 0.5;
9368
- background: #c8ebfb;
9369
- }
9370
-
9371
- li[data-v-f6500856] {
9372
- color: #333;
9373
- }
9374
- .context-menu[data-v-f6500856] {
9375
- position: fixed;
9376
- background: #fff;
9377
- z-index: 999;
9378
- padding: 5px;
9379
- margin: 0;
9380
- margin-top: 30px;
9381
- }
9382
- .context-menu li[data-v-f6500856] {
9383
- min-width: 75px;
9384
- height: 28px;
9385
- line-height: 28px;
9386
- text-align: left;
9387
- color: #1a1a1a;
9388
- cursor: pointer;
9389
- }
9390
- .context-menu li[data-v-f6500856]:hover {
9391
- background: #5893ef;
9392
- color: #fff;
9393
- }
9394
- .context-menu[data-v-f6500856] {
9395
- border: 1px solid #eee;
9396
- box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.1);
9397
- border-radius: 5px;
9398
- }
9399
- li[data-v-f6500856] {
9400
- list-style-type: none;
9401
- }
9402
9352
  .el-tree-node__content {
9403
9353
  height: 34px !important;
9404
9354
  }
@@ -10018,6 +9968,56 @@ fieldset.amb-design-item-selected {
10018
9968
  padding: 10px;
10019
9969
  font-weight: bold;
10020
9970
  }
9971
+
9972
+ /*不显示列样式*/
9973
+ .hiddenBorder {
9974
+ border-right: solid 1px #ebebeb !important;
9975
+ border-left: solid 1px #ebebeb !important;
9976
+ background-color: #ebebeb !important;
9977
+ }
9978
+ /*选中列样式*/
9979
+ .addBorder {
9980
+ border-right: solid 1px #5893ef !important;
9981
+ border-left: solid 1px #5893ef !important;
9982
+ background-color: #5893ef !important;
9983
+ color: #ffffff;
9984
+ }
9985
+ .ghost {
9986
+ opacity: 0.5;
9987
+ background: #c8ebfb;
9988
+ }
9989
+
9990
+ li[data-v-81648b04] {
9991
+ color: #333;
9992
+ }
9993
+ .context-menu[data-v-81648b04] {
9994
+ position: fixed;
9995
+ background: #fff;
9996
+ z-index: 999;
9997
+ padding: 5px;
9998
+ margin: 0;
9999
+ margin-top: 30px;
10000
+ }
10001
+ .context-menu li[data-v-81648b04] {
10002
+ min-width: 75px;
10003
+ height: 28px;
10004
+ line-height: 28px;
10005
+ text-align: left;
10006
+ color: #1a1a1a;
10007
+ cursor: pointer;
10008
+ }
10009
+ .context-menu li[data-v-81648b04]:hover {
10010
+ background: #5893ef;
10011
+ color: #fff;
10012
+ }
10013
+ .context-menu[data-v-81648b04] {
10014
+ border: 1px solid #eee;
10015
+ box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.1);
10016
+ border-radius: 5px;
10017
+ }
10018
+ li[data-v-81648b04] {
10019
+ list-style-type: none;
10020
+ }
10021
10021
  .el-tree-node__content {
10022
10022
  height: 34px !important;
10023
10023
  }
@@ -16239,9 +16239,9 @@ fieldset.amb-design-item-selected {
16239
16239
  color: #ffffff;
16240
16240
  }
16241
16241
 
16242
- .seleteSort[data-v-22fb759a] {
16243
- border-radius: 5px;
16244
- border: 1px solid rgba(88, 147, 239);
16242
+ .seleteSort[data-v-3560b979] {
16243
+ border-radius: 5px;
16244
+ border: 1px solid rgba(88, 147, 239);
16245
16245
  }
16246
16246
 
16247
16247
  .event-item[data-v-c7ab7527] {
@@ -16251,23 +16251,10 @@ fieldset.amb-design-item-selected {
16251
16251
  padding-bottom: 5px;
16252
16252
  }
16253
16253
 
16254
- [data-v-468275d2] .el-cascader-menu {
16254
+ [data-v-34b580aa] .el-cascader-menu {
16255
16255
  min-width: 120px !important;
16256
16256
  }
16257
16257
 
16258
- .editorTool[data-v-26f79956] {
16259
- margin-left: auto;
16260
- }
16261
- .editorOption[data-v-26f79956] {
16262
- margin-right: 10px;
16263
- cursor: pointer;
16264
- }
16265
- .pppp[data-v-26f79956] {
16266
- display: flex; /* 使用Flex布局 */
16267
- justify-content: flex-start;
16268
- align-items: center; /* 子元素在交叉轴(垂直方向)上居中对齐 */
16269
- }
16270
-
16271
16258
  .seleteSort[data-v-e6c84ad9] {
16272
16259
  border-radius: 5px;
16273
16260
  border: 1px solid rgba(88, 147, 239);
@@ -16310,6 +16297,19 @@ fieldset.amb-design-item-selected {
16310
16297
  margin-bottom: 20px;
16311
16298
  }
16312
16299
 
16300
+ .editorTool[data-v-26f79956] {
16301
+ margin-left: auto;
16302
+ }
16303
+ .editorOption[data-v-26f79956] {
16304
+ margin-right: 10px;
16305
+ cursor: pointer;
16306
+ }
16307
+ .pppp[data-v-26f79956] {
16308
+ display: flex; /* 使用Flex布局 */
16309
+ justify-content: flex-start;
16310
+ align-items: center; /* 子元素在交叉轴(垂直方向)上居中对齐 */
16311
+ }
16312
+
16313
16313
  .row-backgroud-header-tittle[data-v-b203475d]{
16314
16314
  display: flex;
16315
16315
  justify-content: space-between;
@@ -16327,9 +16327,12 @@ fieldset.amb-design-item-selected {
16327
16327
  display: inline-block;
16328
16328
  }
16329
16329
 
16330
- .seleteSort[data-v-9388107f] {
16331
- border-radius: 5px;
16332
- border: 1px solid rgba(88, 147, 239);
16330
+ .stateBtn[data-v-ae2798fb]{
16331
+ display: flex;
16332
+ }
16333
+ .stateText[data-v-ae2798fb]{
16334
+ margin-left: 10px;
16335
+ color: #7b7b7b;
16333
16336
  }
16334
16337
 
16335
16338
  li[data-v-b436905c] {
@@ -16369,12 +16372,9 @@ li[data-v-b436905c] {
16369
16372
  list-style-type: none;
16370
16373
  }
16371
16374
 
16372
- .stateBtn[data-v-ae2798fb]{
16373
- display: flex;
16374
- }
16375
- .stateText[data-v-ae2798fb]{
16376
- margin-left: 10px;
16377
- color: #7b7b7b;
16375
+ .seleteSort[data-v-a8c75465] {
16376
+ border-radius: 5px;
16377
+ border: 1px solid rgba(88, 147, 239);
16378
16378
  }
16379
16379
 
16380
16380
  .el-tag[data-v-665d3bf4]{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "super-page-designer",
3
- "version": "2.0.82",
3
+ "version": "2.0.86",
4
4
  "description": "AgileBuilder super page designer",
5
5
  "license": "ISC",
6
6
  "main": "dist/es/index.js",
@@ -28,7 +28,7 @@
28
28
  "@logicflow/layout": "1.2.0-alpha.16",
29
29
  "@vitejs/plugin-vue": "^5.0.4",
30
30
  "@vueuse/core": "^10.9.0",
31
- "agilebuilder-ui": "1.0.56",
31
+ "agilebuilder-ui": "1.0.58",
32
32
  "echarts": "^5.5.0",
33
33
  "element-plus": "^2.6.1",
34
34
  "font-awesome": "^4.7.0",
@@ -38,8 +38,8 @@
38
38
  "pinia": "^2.1.7",
39
39
  "qrcode": "^1.5.3",
40
40
  "quill": "^2.0.1",
41
- "service-flow-designer": "2.0.81",
42
- "super-page-runtime": "2.0.80",
41
+ "service-flow-designer": "2.0.84",
42
+ "super-page-runtime": "2.0.85",
43
43
  "uuid": "^9.0.1",
44
44
  "vite": "^5.1.6",
45
45
  "vite-plugin-node-stdlib-browser": "^0.2.1",
@@ -50,7 +50,7 @@
50
50
  "vue-echarts": "^6.6.9",
51
51
  "vue-router": "^4.3.0",
52
52
  "vuex": "^4.1.0",
53
- "workflow-editor": "0.0.37-up"
53
+ "workflow-editor": "0.0.38-up"
54
54
  },
55
55
  "devDependencies": {
56
56
  "@codemirror/autocomplete": "^6.16.0",