super-page-designer 2.1.18 → 2.1.21

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 (35) hide show
  1. package/dist/es/components/design/utils/container-design-util.js +4 -1
  2. package/dist/es/components/design/utils/form-design-util.js +4 -10
  3. package/dist/es/components/design/utils/page-table-util.js +4 -2
  4. package/dist/es/components/design/views/assemblys/common/common-attr-size.vue.js +25 -4
  5. package/dist/es/components/design/views/assemblys/common/common-i18n-setting.vue.js +10 -2
  6. package/dist/es/components/design/views/assemblys/common/common-style-background.vue.js +17 -2
  7. package/dist/es/components/design/views/assemblys/common/common-style-border.vue.js +10 -4
  8. package/dist/es/components/design/views/assemblys/common/common-style-position.vue.js +6 -0
  9. package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue.js +2 -2
  10. package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue2.js +725 -1
  11. package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue3.js +1 -725
  12. package/dist/es/components/design/views/assemblys/container/card/card-attr-base.vue.js +2 -1
  13. package/dist/es/components/design/views/assemblys/container/collapse/collapse-attr-base.vue.js +2 -1
  14. package/dist/es/components/design/views/assemblys/container/container/container-attr-base.vue.js +2 -1
  15. package/dist/es/components/design/views/assemblys/container/flex/flex-attr-base.vue.js +2 -1
  16. package/dist/es/components/design/views/assemblys/container/form/form-attr-base.vue.js +2 -1
  17. package/dist/es/components/design/views/assemblys/container/iframe/iframe-attr-base.vue.js +2 -1
  18. package/dist/es/components/design/views/assemblys/container/tabs/tabs-attr-base.vue.js +2 -1
  19. package/dist/es/components/design/views/assemblys/data/component/data-origin.vue2.js +1 -1
  20. package/dist/es/components/design/views/assemblys/data/table/table-attr-base.vue.js +3 -2
  21. package/dist/es/components/design/views/assemblys/data/tree/tree-attr-base.vue.js +2 -1
  22. package/dist/es/components/design/views/assemblys/form/common/data-format.vue.js +2 -2
  23. package/dist/es/components/design/views/assemblys/form/common/dataorigin-input-table.vue.js +1 -152
  24. package/dist/es/components/design/views/assemblys/form/common/dataorigin-input-table.vue2.js +152 -1
  25. package/dist/es/components/design/views/assemblys/form/date-picker/datepicker-attr-base.vue.js +4 -1
  26. package/dist/es/components/design/views/assemblys/workflow/picture-flow/pictureflow-attr-base.vue.js +2 -1
  27. package/dist/es/components/design/views/assemblys/workflow/text-history/texthistory-attr-base.vue.js +2 -1
  28. package/dist/es/components/design/views/design/page-event/config.vue.js +2 -2
  29. package/dist/es/components/design/views/design/page-event/config.vue2.js +1 -336
  30. package/dist/es/components/design/views/design/page-event/config.vue3.js +336 -1
  31. package/dist/es/components/design/views/design/view/components/quick-add-dialog.vue.js +1 -0
  32. package/dist/es/components/design/views/design/view/components/quick-add-fields.vue.js +27 -11
  33. package/dist/es/components/design/views/design/view/view-design-display.vue.js +1 -1
  34. package/dist/es/style.css +93 -93
  35. package/package.json +5 -5
@@ -77,12 +77,15 @@ function caculateCommonStyle(configure, designStyle, designClass) {
77
77
  dimensionsStyle["flexSpan"] = tempSizeConf.flexSpan;
78
78
  }
79
79
  }
80
- if (tempSizeConf.fixHeight) {
80
+ if (!tempSizeConf.isCalcHeight && tempSizeConf.fixHeight) {
81
81
  dimensionsStyle["height"] = tempSizeConf.fixHeight;
82
82
  if (!dimensionsStyle["height"].indexOf || dimensionsStyle["height"].indexOf("px") == -1) {
83
83
  dimensionsStyle["height"] = dimensionsStyle["height"] + "px";
84
84
  }
85
85
  }
86
+ if (tempSizeConf.isCalcHeight) {
87
+ dimensionsStyle.isCalcHeight = true;
88
+ }
86
89
  tempStyle[dimensions + "_style"] = dimensionsStyle;
87
90
  tempStyle[dimensions + "_class"] = dimensionsClass;
88
91
  }
@@ -218,21 +218,15 @@ function caculateComponentProps(configure, property) {
218
218
  if (!pageDesign.initOptionConfigs) {
219
219
  pageDesign.initOptionConfigs = [];
220
220
  }
221
- let existIndex = -1;
222
- for (let i = 0; i < pageDesign.initOptionConfigs.length; i++) {
223
- const o = pageDesign.initOptionConfigs[i];
224
- if (o.uuid == configure.uuid) {
225
- existIndex = i;
226
- break;
227
- }
228
- }
221
+ const existIndex = pageDesign.initOptionConfigs.findIndex((item) => item.uuid === configure.uuid);
229
222
  if (existIndex > -1) {
230
- pageDesign.initOptionConfigs.shift(existIndex, 1);
223
+ pageDesign.initOptionConfigs.splice(existIndex, 1);
231
224
  }
232
225
  const optionConf = getComponentOptionConfigs(configure, pageDesign);
233
226
  if (optionConf) {
234
- if (dataOrigin)
227
+ if (dataOrigin) {
235
228
  pageDesign.initOptionConfigs.push(optionConf);
229
+ }
236
230
  tempProps["optionconfigInfo"] = optionConf;
237
231
  if (optionConf.props && optionConf.props.monitorFields) {
238
232
  for (let fieldName of optionConf.props.monitorFields) {
@@ -136,7 +136,7 @@ function getListColumns(configure, pageDesign) {
136
136
  //值设置,以逗号隔开:数据库值:显示的值,数据库值:显示的值...
137
137
  valueSet: getListColumnValueSet(item),
138
138
  // 查询设置 no 不查询 normal 普通查询 advanced 高级查询
139
- querySettingName: item.props.base.querySettingName,
139
+ querySettingName: item.props.base.querySettingName ? item.props.base.querySettingName : "no",
140
140
  // 查询时数据库的匹配方式
141
141
  queryMatching: item.props.base.queryMatching,
142
142
  // 查询框中的属性(json) width:输入框宽度 labelWidth: label宽度 label: 展示文字
@@ -171,7 +171,9 @@ function getListColumns(configure, pageDesign) {
171
171
  // 校验的类型
172
172
  checkType: getCheckType(item.props.verification.type),
173
173
  // 内容显示位置
174
- contAlign: item.props.base ? item.props.base.alignContent : null
174
+ contAlign: item.props.base ? item.props.base.alignContent : null,
175
+ // 标题显示位置
176
+ titleAlign: item.props.base ? item.props.base.alignTittle : null
175
177
  // 国际化key,如果配置了该列则使用该列的key去查询国际化配置,如果没用配置就以“headerName”字段的值为准
176
178
  // i18nKey: string
177
179
  /**
@@ -13,6 +13,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
13
13
  showMaxHeight: {
14
14
  type: Boolean,
15
15
  default: false
16
+ },
17
+ // 是否显示 计算高度 配置
18
+ showCalcHeight: {
19
+ type: Boolean,
20
+ default: false
16
21
  }
17
22
  },
18
23
  setup(__props) {
@@ -46,6 +51,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
46
51
  const _component_el_option = resolveComponent("el-option");
47
52
  const _component_el_select = resolveComponent("el-select");
48
53
  const _component_el_input = resolveComponent("el-input");
54
+ const _component_el_switch = resolveComponent("el-switch");
49
55
  const _component_el_collapse_item = resolveComponent("el-collapse-item");
50
56
  return openBlock(), createBlock(_component_el_collapse_item, {
51
57
  title: "尺寸",
@@ -123,6 +129,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
123
129
  ]),
124
130
  _: 1
125
131
  })) : createCommentVNode("", true),
132
+ __props.showCalcHeight ? (openBlock(), createBlock(_component_el_form_item, {
133
+ key: 2,
134
+ class: "amb-design-attr-item",
135
+ label: "计算高度"
136
+ }, {
137
+ default: withCtx(() => [
138
+ createVNode(_component_el_switch, {
139
+ modelValue: dynamicSize.value.isCalcHeight,
140
+ "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => dynamicSize.value.isCalcHeight = $event)
141
+ }, null, 8, ["modelValue"])
142
+ ]),
143
+ _: 1
144
+ })) : createCommentVNode("", true),
126
145
  createVNode(_component_el_form_item, {
127
146
  label: "高度",
128
147
  class: "amb-design-attr-item",
@@ -130,10 +149,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
130
149
  }, {
131
150
  default: withCtx(() => [
132
151
  createVNode(_component_el_input, {
152
+ disabled: dynamicSize.value.isCalcHeight,
133
153
  modelValue: dynamicSize.value.fixHeight,
134
- "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => dynamicSize.value.fixHeight = $event),
154
+ "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => dynamicSize.value.fixHeight = $event),
135
155
  placeholder: "请输入"
136
- }, null, 8, ["modelValue"])
156
+ }, null, 8, ["disabled", "modelValue"])
137
157
  ]),
138
158
  _: 1
139
159
  }),
@@ -144,10 +164,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
144
164
  }, {
145
165
  default: withCtx(() => [
146
166
  createVNode(_component_el_input, {
167
+ disabled: dynamicSize.value.isCalcHeight,
147
168
  modelValue: dynamicSize.value.maxHeight,
148
- "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => dynamicSize.value.maxHeight = $event),
169
+ "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => dynamicSize.value.maxHeight = $event),
149
170
  placeholder: "请输入"
150
- }, null, 8, ["modelValue"])
171
+ }, null, 8, ["disabled", "modelValue"])
151
172
  ]),
152
173
  _: 1
153
174
  })
@@ -14,6 +14,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
14
14
  }
15
15
  },
16
16
  setup(__props) {
17
+ function closeSetting(parmas) {
18
+ debugger;
19
+ }
20
+ function changeI18nKey(value) {
21
+ debugger;
22
+ }
17
23
  return (_ctx, _cache) => {
18
24
  const _component_el_input = resolveComponent("el-input");
19
25
  const _component_i18n_setting = resolveComponent("i18n-setting");
@@ -22,12 +28,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
22
28
  modelValue: __props.configure.props.base.i18nKey,
23
29
  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.props.base.i18nKey = $event),
24
30
  disabled: __props.configure.props.base.prop === "$index" || __props.configure.props.base.prop === "$selection",
25
- placeholder: "请输入"
31
+ placeholder: "请输入",
32
+ onChange: changeI18nKey
26
33
  }, null, 8, ["modelValue", "disabled"]),
27
34
  createVNode(_component_i18n_setting, {
28
35
  style: { "margin-left": "10px" },
29
36
  systemCode: __props.systemCode,
30
- i18nkey: __props.configure.props.base.i18nKey
37
+ i18nkey: __props.configure.props.base.i18nKey,
38
+ onClose: closeSetting
31
39
  }, null, 8, ["systemCode", "i18nkey"])
32
40
  ]);
33
41
  };
@@ -1,4 +1,4 @@
1
- import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, createElementBlock, unref } from "vue";
1
+ import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, createElementBlock, createCommentVNode, withModifiers, unref } from "vue";
2
2
  import { Plus } from "@element-plus/icons-vue";
3
3
  import { getToken } from "agilebuilder-ui/src/utils/auth";
4
4
  const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
@@ -17,6 +17,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
17
17
  const token = getToken();
18
18
  const defaultShowImageAction = ref(window["$vueApp"].config.globalProperties.baseAPI + "/component/super-form/show-image?jwt=" + token + "&serverPath=");
19
19
  console.log("uploadAction", uploadAction.value);
20
+ function deleteImage() {
21
+ props.configure.style.backgroundImageServerPath = void 0;
22
+ }
20
23
  function beforeAvatarUpload(file) {
21
24
  let limitFileSize = 3;
22
25
  if (file.size > limitFileSize * 1024 * 1024) {
@@ -39,6 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
39
42
  return (_ctx, _cache) => {
40
43
  const _component_el_color_picker = resolveComponent("el-color-picker");
41
44
  const _component_el_form_item = resolveComponent("el-form-item");
45
+ const _component_CloseBold = resolveComponent("CloseBold");
42
46
  const _component_el_icon = resolveComponent("el-icon");
43
47
  const _component_el_upload = resolveComponent("el-upload");
44
48
  const _component_el_collapse_item = resolveComponent("el-collapse-item");
@@ -74,6 +78,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
74
78
  "show-file-list": false,
75
79
  "on-success": handleAvatarSuccess,
76
80
  "before-upload": beforeAvatarUpload,
81
+ style: { "position": "relative" },
77
82
  name: "file"
78
83
  }, {
79
84
  default: withCtx(() => [
@@ -81,8 +86,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
81
86
  key: 0,
82
87
  src: defaultShowImageAction.value + __props.configure.style.backgroundImageServerPath + "&_tt=" + (/* @__PURE__ */ new Date()).getTime(),
83
88
  class: "avatar"
84
- }, null, 8, _hoisted_2)) : (openBlock(), createBlock(_component_el_icon, {
89
+ }, null, 8, _hoisted_2)) : createCommentVNode("", true),
90
+ __props.configure.style.backgroundImageServerPath ? (openBlock(), createBlock(_component_el_icon, {
85
91
  key: 1,
92
+ style: { "position": "absolute", "top": "4px", "right": "4px", "font-size": "15px", "background-color": "red" },
93
+ onClick: withModifiers(deleteImage, ["stop"])
94
+ }, {
95
+ default: withCtx(() => [
96
+ createVNode(_component_CloseBold)
97
+ ]),
98
+ _: 1
99
+ })) : (openBlock(), createBlock(_component_el_icon, {
100
+ key: 2,
86
101
  class: "avatar-uploader-icon"
87
102
  }, {
88
103
  default: withCtx(() => [
@@ -13,7 +13,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
13
13
  const _component_el_color_picker = resolveComponent("el-color-picker");
14
14
  const _component_el_form_item = resolveComponent("el-form-item");
15
15
  const _component_el_input_number = resolveComponent("el-input-number");
16
- const _component_el_radio_button = resolveComponent("el-radio-button");
16
+ const _component_el_radio = resolveComponent("el-radio");
17
17
  const _component_el_radio_group = resolveComponent("el-radio-group");
18
18
  const _component_el_collapse_item = resolveComponent("el-collapse-item");
19
19
  return openBlock(), createBlock(_component_el_collapse_item, {
@@ -60,23 +60,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
60
60
  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.configure.style.borderType = $event)
61
61
  }, {
62
62
  default: withCtx(() => [
63
- createVNode(_component_el_radio_button, { value: "solid" }, {
63
+ createVNode(_component_el_radio, { value: "solid" }, {
64
64
  default: withCtx(() => [
65
65
  createTextVNode("实线")
66
66
  ]),
67
67
  _: 1
68
68
  }),
69
- createVNode(_component_el_radio_button, { value: "dotted" }, {
69
+ createVNode(_component_el_radio, { value: "dotted" }, {
70
70
  default: withCtx(() => [
71
71
  createTextVNode("点线")
72
72
  ]),
73
73
  _: 1
74
74
  }),
75
- createVNode(_component_el_radio_button, { value: "dashed" }, {
75
+ createVNode(_component_el_radio, { value: "dashed" }, {
76
76
  default: withCtx(() => [
77
77
  createTextVNode("虚线")
78
78
  ]),
79
79
  _: 1
80
+ }),
81
+ createVNode(_component_el_radio, { value: null }, {
82
+ default: withCtx(() => [
83
+ createTextVNode("无")
84
+ ]),
85
+ _: 1
80
86
  })
81
87
  ]),
82
88
  _: 1
@@ -51,6 +51,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
51
51
  createTextVNode("sticky")
52
52
  ]),
53
53
  _: 1
54
+ }),
55
+ createVNode(_component_el_radio, { value: null }, {
56
+ default: withCtx(() => [
57
+ createTextVNode("无")
58
+ ]),
59
+ _: 1
54
60
  })
55
61
  ]),
56
62
  _: 1
@@ -1,5 +1,5 @@
1
- import _sfc_main from "./common-variable-bind.vue3.js";
2
- import "./common-variable-bind.vue2.js";
1
+ import _sfc_main from "./common-variable-bind.vue2.js";
2
+ import "./common-variable-bind.vue3.js";
3
3
  import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
4
4
  const BindVariable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7fcec2fa"]]);
5
5
  export {