super-page-designer 2.1.11 → 2.1.13

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 (124) hide show
  1. package/dist/es/assets/design-attr.css.js +1 -0
  2. package/dist/es/assets/fonts/iconfont.css.js +1 -0
  3. package/dist/es/components/design/utils/assemblys-config.js +2 -1
  4. package/dist/es/components/design/utils/chart-design-util.js +2 -1
  5. package/dist/es/components/design/utils/form-design-util.js +2 -1
  6. package/dist/es/components/design/views/assemblys/button/button/button-attr-base.vue.js +1 -1
  7. package/dist/es/components/design/views/assemblys/button/button-group/buttongroup-attr.vue.js +1 -1
  8. package/dist/es/components/design/views/assemblys/button/button-group/buttongroup-attr.vue3.js +1 -0
  9. package/dist/es/components/design/views/assemblys/button/component/journal-set-dialog.vue.js +1 -1
  10. package/dist/es/components/design/views/assemblys/button/component/journal-set-dialog.vue3.js +1 -0
  11. package/dist/es/components/design/views/assemblys/button/dropdown/dropdown-attr.vue.js +1 -1
  12. package/dist/es/components/design/views/assemblys/button/dropdown/dropdown-attr.vue3.js +1 -0
  13. package/dist/es/components/design/views/assemblys/button/export-pdf/exportpdf-attr.vue.js +1 -1
  14. package/dist/es/components/design/views/assemblys/button/export-pdf/exportpdf-attr.vue3.js +1 -0
  15. package/dist/es/components/design/views/assemblys/button/print-label/printlabel-attr.vue.js +1 -1
  16. package/dist/es/components/design/views/assemblys/button/print-label/printlabel-attr.vue3.js +1 -0
  17. package/dist/es/components/design/views/assemblys/chart/common/common-attr-groupby.vue.js +4 -2
  18. package/dist/es/components/design/views/assemblys/chart/gauge/series/styles/style-axislabel.vue.js +2 -1
  19. package/dist/es/components/design/views/assemblys/common/common-advanced-basic-showcondition.vue.js +2 -1
  20. package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue.js +2 -2
  21. package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue2.js +725 -0
  22. package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue3.js +1 -721
  23. package/dist/es/components/design/views/assemblys/common/page-permission-select.vue.js +9 -5
  24. package/dist/es/components/design/views/assemblys/common/state-button.vue.js +1 -1
  25. package/dist/es/components/design/views/assemblys/common/state-button.vue3.js +1 -0
  26. package/dist/es/components/design/views/assemblys/data/bar-code/barcode-attr.vue.js +1 -1
  27. package/dist/es/components/design/views/assemblys/data/bar-code/barcode-attr.vue3.js +1 -0
  28. package/dist/es/components/design/views/assemblys/data/component/composite-header.vue.js +1 -1
  29. package/dist/es/components/design/views/assemblys/data/component/composite-header.vue3.js +1 -0
  30. package/dist/es/components/design/views/assemblys/data/component/configuration-value.vue.js +7 -4
  31. package/dist/es/components/design/views/assemblys/data/component/data-origin-tree.vue.js +1 -1
  32. package/dist/es/components/design/views/assemblys/data/component/data-origin-tree.vue3.js +1 -0
  33. package/dist/es/components/design/views/assemblys/data/component/data-origin.vue.js +1 -1
  34. package/dist/es/components/design/views/assemblys/data/component/data-origin.vue2.js +1 -1
  35. package/dist/es/components/design/views/assemblys/data/component/data-origin.vue3.js +1 -0
  36. package/dist/es/components/design/views/assemblys/data/component/formatting.vue.js +1 -1
  37. package/dist/es/components/design/views/assemblys/data/component/querySetting.vue.js +1 -1
  38. package/dist/es/components/design/views/assemblys/data/component/row-backgroud-color.vue.js +1 -1
  39. package/dist/es/components/design/views/assemblys/data/component/row-backgroud-color.vue3.js +1 -0
  40. package/dist/es/components/design/views/assemblys/data/component/variate-select.vue.js +2 -1
  41. package/dist/es/components/design/views/assemblys/data/table/table-attr-base.vue.js +1 -1
  42. package/dist/es/components/design/views/assemblys/data/table/table-attr.vue.js +1 -1
  43. package/dist/es/components/design/views/assemblys/data/table/table-attr.vue3.js +1 -0
  44. package/dist/es/components/design/views/assemblys/data/table/table-design.vue.js +2 -2
  45. package/dist/es/components/design/views/assemblys/data/table/table-design.vue3.js +1 -0
  46. package/dist/es/components/design/views/assemblys/data/table/table-design.vue4.js +1 -0
  47. package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue.js +1 -1
  48. package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue3.js +1 -0
  49. package/dist/es/components/design/views/assemblys/data/tree/tree-attr-base.vue.js +5 -2
  50. package/dist/es/components/design/views/assemblys/data/tree/tree-attr.vue.js +1 -1
  51. package/dist/es/components/design/views/assemblys/data/tree/tree-attr.vue3.js +1 -0
  52. package/dist/es/components/design/views/assemblys/form/checkbox/checkbox-attr.vue.js +1 -1
  53. package/dist/es/components/design/views/assemblys/form/checkbox/checkbox-attr.vue3.js +1 -0
  54. package/dist/es/components/design/views/assemblys/form/common/attr-event.vue.js +1 -1
  55. package/dist/es/components/design/views/assemblys/form/common/attr-event.vue3.js +1 -0
  56. package/dist/es/components/design/views/assemblys/form/common/attr-header.vue.js +1 -1
  57. package/dist/es/components/design/views/assemblys/form/common/attr-header.vue3.js +1 -0
  58. package/dist/es/components/design/views/assemblys/form/common/data-format.vue.js +2 -2
  59. package/dist/es/components/design/views/assemblys/form/common/data-origin.vue.js +1 -1
  60. package/dist/es/components/design/views/assemblys/form/common/data-origin.vue3.js +1 -0
  61. package/dist/es/components/design/views/assemblys/form/common/dataorigin-input-table.vue.js +1 -152
  62. package/dist/es/components/design/views/assemblys/form/common/dataorigin-input-table.vue2.js +152 -1
  63. package/dist/es/components/design/views/assemblys/form/common/dimension-input.vue.js +1 -0
  64. package/dist/es/components/design/views/assemblys/form/common/icon-set-dialog.vue.js +1 -1
  65. package/dist/es/components/design/views/assemblys/form/common/icon-set-dialog.vue3.js +1 -0
  66. package/dist/es/components/design/views/assemblys/form/custom/custom-attr-base.vue.js +1 -1
  67. package/dist/es/components/design/views/assemblys/form/custom/custom-attr.vue.js +1 -1
  68. package/dist/es/components/design/views/assemblys/form/custom/custom-attr.vue3.js +1 -0
  69. package/dist/es/components/design/views/assemblys/form/custom/custom-design.vue.js +1 -1
  70. package/dist/es/components/design/views/assemblys/form/custom/custom-design.vue3.js +1 -0
  71. package/dist/es/components/design/views/assemblys/form/date-picker/datepicker-attr.vue.js +1 -1
  72. package/dist/es/components/design/views/assemblys/form/date-picker/datepicker-attr.vue3.js +1 -0
  73. package/dist/es/components/design/views/assemblys/form/dept-tree/depttree-attr.vue.js +1 -1
  74. package/dist/es/components/design/views/assemblys/form/dept-tree/depttree-attr.vue3.js +1 -0
  75. package/dist/es/components/design/views/assemblys/form/divider/divider-attr.vue.js +1 -1
  76. package/dist/es/components/design/views/assemblys/form/divider/divider-attr.vue3.js +1 -0
  77. package/dist/es/components/design/views/assemblys/form/file-upload/fileupload-attr.vue.js +1 -1
  78. package/dist/es/components/design/views/assemblys/form/file-upload/fileupload-attr.vue3.js +1 -0
  79. package/dist/es/components/design/views/assemblys/form/input-number/input-number-attr.vue.js +1 -1
  80. package/dist/es/components/design/views/assemblys/form/input-number/input-number-attr.vue3.js +1 -0
  81. package/dist/es/components/design/views/assemblys/form/input-text/inputtext-attr.vue.js +1 -1
  82. package/dist/es/components/design/views/assemblys/form/input-text/inputtext-attr.vue3.js +1 -0
  83. package/dist/es/components/design/views/assemblys/form/label/label-attr.vue.js +1 -1
  84. package/dist/es/components/design/views/assemblys/form/label/label-attr.vue3.js +1 -0
  85. package/dist/es/components/design/views/assemblys/form/placeholder/placeholder-attr.vue.js +1 -1
  86. package/dist/es/components/design/views/assemblys/form/placeholder/placeholder-attr.vue3.js +1 -0
  87. package/dist/es/components/design/views/assemblys/form/radio/radio-attr.vue.js +1 -1
  88. package/dist/es/components/design/views/assemblys/form/radio/radio-attr.vue3.js +1 -0
  89. package/dist/es/components/design/views/assemblys/form/select/select-attr.vue.js +1 -1
  90. package/dist/es/components/design/views/assemblys/form/select/select-attr.vue3.js +1 -0
  91. package/dist/es/components/design/views/assemblys/form/select/select-design.vue.js +1 -1
  92. package/dist/es/components/design/views/assemblys/form/select/select-design.vue3.js +1 -0
  93. package/dist/es/components/design/views/assemblys/form/switch/switch-attr.vue.js +1 -1
  94. package/dist/es/components/design/views/assemblys/form/switch/switch-attr.vue3.js +1 -0
  95. package/dist/es/components/design/views/assemblys/form/switch/switch-design.vue.js +1 -1
  96. package/dist/es/components/design/views/assemblys/form/switch/switch-design.vue3.js +1 -0
  97. package/dist/es/components/design/views/assemblys/form/tag/tag-attr.vue.js +1 -1
  98. package/dist/es/components/design/views/assemblys/form/tag/tag-attr.vue3.js +1 -0
  99. package/dist/es/components/design/views/assemblys/form/textarea/textarea-attr.vue.js +1 -1
  100. package/dist/es/components/design/views/assemblys/form/textarea/textarea-attr.vue3.js +1 -0
  101. package/dist/es/components/design/views/assemblys/page/component/weight-field-input.vue.js +2 -1
  102. package/dist/es/components/design/views/assemblys/workflow/component/combination.vue.js +5 -5
  103. package/dist/es/components/design/views/assemblys/workflow/picture-flow/pictureflow-attr-base.vue.js +1 -1
  104. package/dist/es/components/design/views/assemblys/workflow/picture-flow/pictureflow-attr.vue.js +1 -1
  105. package/dist/es/components/design/views/assemblys/workflow/picture-flow/pictureflow-attr.vue3.js +1 -0
  106. package/dist/es/components/design/views/assemblys/workflow/text-history/texthistory-attr-base.vue.js +1 -1
  107. package/dist/es/components/design/views/assemblys/workflow/text-history/texthistory-attr.vue.js +1 -1
  108. package/dist/es/components/design/views/assemblys/workflow/text-history/texthistory-attr.vue3.js +1 -0
  109. package/dist/es/components/design/views/assemblys/workflow/workflow-button/workflowbutton-attr.vue.js +1 -1
  110. package/dist/es/components/design/views/assemblys/workflow/workflow-button/workflowbutton-attr.vue3.js +1 -0
  111. package/dist/es/components/design/views/assemblys/workflow/workflow-node/workflownode-attr-base.vue.js +1 -1
  112. package/dist/es/components/design/views/assemblys/workflow/workflow-node/workflownode-attr.vue.js +1 -1
  113. package/dist/es/components/design/views/assemblys/workflow/workflow-node/workflownode-attr.vue3.js +1 -0
  114. package/dist/es/components/design/views/design/page-design.vue.js +4 -2
  115. package/dist/es/components/design/views/design/page-event/config.vue.js +1 -1
  116. package/dist/es/components/design/views/design/page-event/config.vue2.js +1 -0
  117. package/dist/es/components/design/views/design/page-event/config.vue3.js +2 -1
  118. package/dist/es/components/design/views/design/view/page-switch.vue.js +1 -1
  119. package/dist/es/components/design/views/design/view/page-switch.vue3.js +1 -0
  120. package/dist/es/components/design/views/design/view/view-design-display.vue.js +1 -1
  121. package/dist/es/index.js +2 -2
  122. package/dist/es/stores/page-store.js +2 -1
  123. package/dist/es/style.css +222 -222
  124. package/package.json +2 -2
@@ -1,721 +1 @@
1
- import { defineComponent, ref, onMounted, onUnmounted, computed, watch, resolveComponent, openBlock, createElementBlock, toDisplayString, createBlock, withCtx, createVNode, withDirectives, withModifiers, unref, vShow, createElementVNode, createTextVNode, normalizeStyle, createCommentVNode, nextTick, pushScopeId, popScopeId } from "vue";
2
- import { CircleClose, Plus, InfoFilled, Search } from "@element-plus/icons-vue";
3
- import http from "agilebuilder-ui/src/utils/request";
4
- import { deepCopy, getUuidv4 } from "../../../utils/common-util.js";
5
- import { getTypeOptions, taskVarOptions, contextVarOptions } from "./common-variable-bind-option.js";
6
- import { usePageContextStore } from "../../../../../stores/page-store.js";
7
- import { tableField } from "../../../../../stores/table-store.js";
8
- const _withScopeId = (n) => (pushScopeId("data-v-7fcec2fa"), n = n(), popScopeId(), n);
9
- const _hoisted_1 = { key: 0 };
10
- const _hoisted_2 = { style: { "margin-top": "10px", "font-size": "10px", "display": "flex", "align-items": "center", "justify-self": "center" } };
11
- const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { style: { "margin-left": "5px" } }, "输入变量名后点击加号按钮添加", -1));
12
- const _hoisted_4 = { style: { "font-size": "10px", "line-height": "40px" } };
13
- const _hoisted_5 = { style: { "margin-top": "4px", "margin-bottom": "8px", "font-size": "10px", "display": "flex", "align-items": "center", "justify-self": "center" } };
14
- const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { style: { "margin-left": "5px" } }, "输入变量名后点击加号按钮添加", -1));
15
- const _hoisted_7 = {
16
- key: 0,
17
- style: { "display": "flex" }
18
- };
19
- const _hoisted_8 = ["title"];
20
- const _hoisted_9 = ["title"];
21
- const _hoisted_10 = { class: "totalStyle" };
22
- const _sfc_main = /* @__PURE__ */ defineComponent({
23
- ...{
24
- name: "ValueSetInput",
25
- inheritAttrs: false
26
- },
27
- __name: "common-variable-bind",
28
- props: {
29
- modelValue: {
30
- type: [String],
31
- default: null
32
- },
33
- paramTypes: {
34
- type: Array,
35
- default: () => []
36
- },
37
- size: {
38
- type: String,
39
- default: "small"
40
- },
41
- showLabel: {
42
- type: Boolean,
43
- default: false
44
- },
45
- // 是否需要方法参数
46
- needParams: {
47
- type: Boolean,
48
- default: false
49
- },
50
- isRange: {
51
- type: Boolean,
52
- default: false
53
- },
54
- isTable: {
55
- type: Boolean,
56
- default: false
57
- },
58
- dataModelOptions: {
59
- type: Array,
60
- default: null
61
- },
62
- objModelOptions: {
63
- type: Array,
64
- default: null
65
- },
66
- // 是否需要data
67
- needData: {
68
- type: Boolean,
69
- default: false
70
- }
71
- },
72
- emits: ["update:modelValue"],
73
- setup(__props, { emit: __emit }) {
74
- const pageContextUtil = usePageContextStore();
75
- const emits = __emit;
76
- const props = __props;
77
- const popoverVisible = ref(false);
78
- const defalutValue = ref("");
79
- const inputRef = ref(null);
80
- const contentRef = ref(null);
81
- const typeOptions = ref([]);
82
- const showInput = ref(false);
83
- const labelValue = ref("");
84
- const paramType = ref("");
85
- const paramValue = ref("");
86
- const valueOptions = ref([]);
87
- const selectOptions = ref({});
88
- const searchValue = ref("");
89
- const popoverRef = ref(null);
90
- const selectInputType = ["context", "system", "task", "data", "page", "obj"];
91
- const tableFieldStore = tableField();
92
- onMounted(() => {
93
- window.addEventListener("click", handleClickOutside);
94
- const pageContext = pageContextUtil.pageContext;
95
- let hasTask = false;
96
- let hasData = props.needData;
97
- if (!hasData) {
98
- if (props.isTable || pageContext && (!pageContext.pageType || pageContext.pageType == "form") && pageContext.tableName) {
99
- hasData = true;
100
- }
101
- }
102
- if (pageContext && pageContext.workflowCode && hasData) {
103
- hasTask = true;
104
- }
105
- let newOptions = getTypeOptions(props.paramTypes, props.needParams);
106
- if (!hasData) {
107
- newOptions = newOptions.filter((item) => item.value != "data");
108
- }
109
- if (!hasTask) {
110
- newOptions = newOptions.filter((item) => item.value != "task");
111
- }
112
- typeOptions.value = newOptions;
113
- setSelectOptions();
114
- if (props.modelValue) {
115
- const [type, val] = props.modelValue.slice(0, props.modelValue.length - 1).slice(2).split(".");
116
- paramType.value = type;
117
- paramValue.value = val;
118
- if (selectInputType.includes(type)) {
119
- showInput.value = false;
120
- }
121
- setValueOptions(paramType.value);
122
- labelValue.value = formatter();
123
- defalutValue.value = props.modelValue;
124
- }
125
- if (!paramType.value) {
126
- paramType.value = newOptions.length > 0 ? newOptions[0].value : "";
127
- setValueOptions(paramType.value);
128
- }
129
- console.log("popoverRef", popoverRef.value);
130
- });
131
- onUnmounted(() => {
132
- window.removeEventListener("click", handleClickOutside);
133
- });
134
- let lastTarget = null;
135
- function handleClickOutside(event) {
136
- if (!popoverVisible.value) {
137
- return;
138
- }
139
- if (paramTypeCheck) {
140
- paramTypeCheck = false;
141
- return;
142
- }
143
- let popoverDom = null;
144
- if (contentRef.value) {
145
- popoverDom = contentRef.value.$el.parentNode;
146
- }
147
- if (!event.target || !popoverDom) {
148
- return;
149
- }
150
- if (event.target === lastTarget) {
151
- console.log("与最后的点击一致");
152
- return;
153
- }
154
- const inputDom = inputRef.value ? inputRef.value.input : null;
155
- if (inputDom && (event.target === inputDom || inputDom.contains(event.target))) {
156
- console.log("click contains input");
157
- return;
158
- }
159
- if (event.target === popoverDom || popoverDom.contains(event.target)) {
160
- console.log("click contains");
161
- lastTarget = event.target;
162
- } else {
163
- if (contentRef.value.$el) {
164
- console.log("contentRef.value.$el.contains", contentRef.value.$el.contains(event.target));
165
- }
166
- console.log("click contains--------not");
167
- if (popoverVisible.value) {
168
- closePopover();
169
- }
170
- }
171
- }
172
- const symbolUnits = ref([
173
- {
174
- label: "天",
175
- value: "d"
176
- },
177
- {
178
- label: "周",
179
- value: "w"
180
- },
181
- {
182
- label: "月",
183
- value: "m"
184
- },
185
- {
186
- label: "年",
187
- value: "y"
188
- }
189
- ]);
190
- const symbolUnitFormatter = (unit) => {
191
- const items = symbolUnits.value.filter((item) => {
192
- return item.value == unit;
193
- });
194
- if (items.length > 0) {
195
- return items[0].label;
196
- } else {
197
- return "";
198
- }
199
- };
200
- let popoverTimeout = null;
201
- function closePopover(immediate) {
202
- clearTimeout(popoverTimeout);
203
- {
204
- popoverVisible.value = false;
205
- }
206
- }
207
- function openPopover() {
208
- clearTimeout(popoverTimeout);
209
- popoverVisible.value = true;
210
- }
211
- const filterTableData = computed(
212
- () => (
213
- //等于System时为全部
214
- valueOptions.value.filter(
215
- (data) => !searchValue.value || paramType.value == "system" || data.label.toLowerCase().includes(searchValue.value.toLowerCase()) || data.value.toLowerCase().includes(searchValue.value.toLowerCase())
216
- )
217
- )
218
- );
219
- watch(searchValue, () => {
220
- if (paramType.value == "system") {
221
- querySystemParams();
222
- }
223
- });
224
- let lastSystemQuery = null;
225
- function querySystemParams() {
226
- if (lastSystemQuery == searchValue.value) {
227
- return;
228
- }
229
- const param = {
230
- query: searchValue.value
231
- };
232
- lastSystemQuery = searchValue.value;
233
- http.post(window["$vueApp"].config.globalProperties.baseAPI + "/component/system-params/query", param).then((results) => {
234
- const tempOptions = [];
235
- for (let result of results) {
236
- tempOptions.push({
237
- value: result.propKey,
238
- label: result.propKey + " (" + result.propValue + ")"
239
- });
240
- }
241
- selectOptions.value.systemVarOptions = tempOptions;
242
- if (paramType.value == "system") {
243
- setValueOptions(paramType.value);
244
- }
245
- });
246
- }
247
- const tableHeight = computed(() => {
248
- let height = 185;
249
- if (paramType.value == "page") {
250
- height = 170;
251
- }
252
- return height;
253
- });
254
- const searchWidthStyle = computed(() => {
255
- const style = {};
256
- if (paramType.value == "page") {
257
- style.width = "210px";
258
- }
259
- return style;
260
- });
261
- function setSelectOptions() {
262
- if (props.dataModelOptions && props.dataModelOptions.length > 0) {
263
- selectOptions.value.dataModelOptions = props.dataModelOptions;
264
- } else if (props.isTable) {
265
- selectOptions.value.dataModelOptions = tableFieldStore.fieldList;
266
- } else {
267
- selectOptions.value.dataModelOptions = pageContextUtil.pageContextVarOptions.dataOptions;
268
- }
269
- if (props.objModelOptions && props.objModelOptions.length > 0) {
270
- selectOptions.value.objModelOptions = props.objModelOptions;
271
- }
272
- selectOptions.value.pageVarOptions = pageContextUtil.pageContextVarOptions.pageVarOptions;
273
- }
274
- function formatter() {
275
- if (props.modelValue) {
276
- return paramType.value + "." + getValueLabel(paramType.value, paramValue.value);
277
- }
278
- return props.modelValue;
279
- }
280
- let paramTypeCheck = false;
281
- function paramTypeChange(selParamType) {
282
- if (selParamType) {
283
- if (Array.isArray(selParamType)) {
284
- if (selParamType.length > 0) {
285
- selParamType = selParamType[0];
286
- }
287
- }
288
- }
289
- paramType.value = selParamType;
290
- paramValue.value = "";
291
- if (selectInputType.includes(selParamType)) {
292
- showInput.value = false;
293
- setValueOptions(selParamType);
294
- } else {
295
- showInput.value = true;
296
- }
297
- if (paramType.value == "system") {
298
- querySystemParams();
299
- }
300
- paramTypeCheck = true;
301
- }
302
- function setValueOptions(value) {
303
- if (value === "context") {
304
- let options = contextVarOptions;
305
- if (props.isRange) {
306
- options = deepCopy(options);
307
- for (let i = 0; i < options.length; i++) {
308
- let o = options[i];
309
- if (o.value == "currentDate") {
310
- options.splice(i + 1, 0, {
311
- value: "currentDate",
312
- symbolUnit: "d",
313
- symbol: "-",
314
- type: "range"
315
- });
316
- break;
317
- }
318
- }
319
- }
320
- valueOptions.value = options;
321
- } else if (value === "system") {
322
- valueOptions.value = selectOptions.value.systemVarOptions || [];
323
- } else if (value === "task") {
324
- valueOptions.value = taskVarOptions;
325
- } else if (value === "data") {
326
- valueOptions.value = selectOptions.value.dataModelOptions || [];
327
- } else if (value === "obj") {
328
- valueOptions.value = selectOptions.value.objModelOptions && selectOptions.value.objModelOptions.length > 0 ? selectOptions.value.objModelOptions : selectOptions.value.dataModelOptions || [];
329
- console.log("%c描述-172007", "color:#2E3435;background:#F8BB07;padding:3px;border-radius:2px", valueOptions.value);
330
- } else if (value === "params") {
331
- valueOptions.value = selectOptions.value.paramsVarOptions || [];
332
- } else if (value === "page") {
333
- valueOptions.value = selectOptions.value.pageVarOptions || [];
334
- }
335
- }
336
- function clearSelect() {
337
- defalutValue.value = "";
338
- emits("update:modelValue", defalutValue.value);
339
- popoverRef.value.hide();
340
- }
341
- function selectRow(row) {
342
- if (row.type == "range") {
343
- if (row.symbolNum === "") {
344
- ElMessage.warning("周期不能为空!");
345
- return;
346
- }
347
- if (isNaN(row.symbolNum)) {
348
- ElMessage.warning("周期为无效的数字!");
349
- return;
350
- }
351
- if (row.symbolNum != "0") {
352
- paramValue.value = row.value + row.symbol + row.symbolNum + row.symbolUnit;
353
- } else {
354
- paramValue.value = row.value;
355
- }
356
- } else {
357
- paramValue.value = row.value;
358
- }
359
- defalutValue.value = "${" + paramType.value + "." + paramValue.value + "}";
360
- emits("update:modelValue", defalutValue.value, row.alias);
361
- closePopover();
362
- }
363
- function addRequestParam(paramName) {
364
- paramValue.value = paramName;
365
- addInputParams();
366
- }
367
- function addInputParams() {
368
- if (!paramValue.value) {
369
- ElMessage.warning("请输入参数名");
370
- return;
371
- }
372
- defalutValue.value = "${" + paramType.value + "." + paramValue.value + "}";
373
- emits("update:modelValue", defalutValue.value);
374
- closePopover();
375
- }
376
- function addPageParams() {
377
- searchValue.value = searchValue.value.trim();
378
- if (!searchValue.value) {
379
- ElMessage.warning("请输入参数名");
380
- return;
381
- }
382
- const tempValues = selectOptions.value.pageVarOptions || [];
383
- for (let t of tempValues) {
384
- if (t.value === searchValue.value) {
385
- ElMessage.warning("该变量已存在!");
386
- return;
387
- }
388
- }
389
- const variable = {
390
- code: getUuidv4(),
391
- name: searchValue.value,
392
- alias: searchValue.value,
393
- type: "string",
394
- defaultValue: ""
395
- };
396
- if (!pageContextUtil.pageContext.variables) {
397
- pageContextUtil.pageContext.variables = [];
398
- }
399
- pageContextUtil.pageContext.variables.push(variable);
400
- pageContextUtil.setPageContext(pageContextUtil.pageContext);
401
- selectOptions.value.pageVarOptions = pageContextUtil.pageContextVarOptions.pageVarOptions;
402
- valueOptions.value = selectOptions.value.pageVarOptions || [];
403
- paramValue.value = searchValue.value;
404
- defalutValue.value = "${" + paramType.value + "." + searchValue.value + "}";
405
- searchValue.value = "";
406
- emits("update:modelValue", defalutValue.value);
407
- closePopover();
408
- }
409
- function getValueLabel(valueType, value) {
410
- if (selectInputType.includes(valueType)) {
411
- if (valueType === "context" && value && value.startsWith("currentDate") && value.length > 11) {
412
- const str = value.substring(11);
413
- const symbol = str.substring(0, 1);
414
- const num = str.substring(1, str.length - 1);
415
- const unit = str.substring(str.length - 1);
416
- return num + symbolUnitFormatter(unit) + ("+" === symbol ? "后" : "前");
417
- }
418
- const option = valueOptions.value.find((item) => item.value === value);
419
- if (option) {
420
- return option.label;
421
- }
422
- }
423
- return value;
424
- }
425
- const tableRef = ref();
426
- function handSelectRow() {
427
- if (!props.showLabel && !showInput.value) {
428
- const index = filterTableData.value.findIndex((item) => item.value === paramValue.value);
429
- if (index > -1) {
430
- tableRef.value.setCurrentRow(filterTableData.value[index]);
431
- }
432
- }
433
- }
434
- function showPopover() {
435
- openPopover();
436
- nextTick(() => {
437
- setSelectOptions();
438
- if (paramType.value) {
439
- setValueOptions(paramType.value);
440
- }
441
- handSelectRow();
442
- });
443
- }
444
- return (_ctx, _cache) => {
445
- const _component_el_icon = resolveComponent("el-icon");
446
- const _component_el_input = resolveComponent("el-input");
447
- const _component_el_cascader_panel = resolveComponent("el-cascader-panel");
448
- const _component_el_col = resolveComponent("el-col");
449
- const _component_el_empty = resolveComponent("el-empty");
450
- const _component_el_button = resolveComponent("el-button");
451
- const _component_el_table_column = resolveComponent("el-table-column");
452
- const _component_el_option = resolveComponent("el-option");
453
- const _component_el_select = resolveComponent("el-select");
454
- const _component_el_table = resolveComponent("el-table");
455
- const _component_el_row = resolveComponent("el-row");
456
- const _component_el_popover = resolveComponent("el-popover");
457
- return __props.showLabel ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(defalutValue.value), 1)) : (openBlock(), createBlock(_component_el_popover, {
458
- key: 1,
459
- ref_key: "popoverRef",
460
- ref: popoverRef,
461
- visible: popoverVisible.value,
462
- width: 400
463
- }, {
464
- reference: withCtx(() => [
465
- createVNode(_component_el_input, {
466
- readonly: "",
467
- size: __props.size,
468
- title: defalutValue.value,
469
- ref_key: "inputRef",
470
- ref: inputRef,
471
- onClick: showPopover,
472
- formatter,
473
- modelValue: defalutValue.value,
474
- "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => defalutValue.value = $event),
475
- placeholder: "请选择"
476
- }, {
477
- suffix: withCtx(() => [
478
- withDirectives(createVNode(_component_el_icon, {
479
- style: { "cursor": "pointer" },
480
- onClick: withModifiers(clearSelect, ["stop"])
481
- }, {
482
- default: withCtx(() => [
483
- createVNode(unref(CircleClose))
484
- ]),
485
- _: 1
486
- }, 512), [
487
- [vShow, defalutValue.value]
488
- ])
489
- ]),
490
- _: 1
491
- }, 8, ["size", "title", "modelValue"])
492
- ]),
493
- default: withCtx(() => [
494
- createVNode(_component_el_row, {
495
- ref_key: "contentRef",
496
- ref: contentRef
497
- }, {
498
- default: withCtx(() => [
499
- createVNode(_component_el_col, { span: 8 }, {
500
- default: withCtx(() => [
501
- createVNode(_component_el_cascader_panel, {
502
- modelValue: paramType.value,
503
- "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => paramType.value = $event),
504
- onChange: paramTypeChange,
505
- props: { emitPath: true },
506
- size: "small",
507
- options: typeOptions.value,
508
- style: { "height": "240px", "width": "100%" }
509
- }, null, 8, ["modelValue", "options"])
510
- ]),
511
- _: 1
512
- }),
513
- !paramType.value ? (openBlock(), createBlock(_component_el_col, {
514
- key: 0,
515
- span: 16
516
- }, {
517
- default: withCtx(() => [
518
- createVNode(_component_el_empty, {
519
- description: "请选择类型",
520
- "image-size": 40
521
- })
522
- ]),
523
- _: 1
524
- })) : showInput.value ? (openBlock(), createBlock(_component_el_col, {
525
- key: 1,
526
- span: 16,
527
- style: { "padding-left": "10px" }
528
- }, {
529
- default: withCtx(() => [
530
- createVNode(_component_el_input, {
531
- style: { "width": "210px" },
532
- size: "small",
533
- modelValue: paramValue.value,
534
- "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => paramValue.value = $event),
535
- placeholder: "请手动输入"
536
- }, null, 8, ["modelValue"]),
537
- createVNode(_component_el_button, {
538
- style: { "float": "right" },
539
- onClick: addInputParams,
540
- size: "small",
541
- type: "primary",
542
- icon: unref(Plus),
543
- circle: ""
544
- }, null, 8, ["icon"]),
545
- createElementVNode("div", _hoisted_2, [
546
- createVNode(_component_el_icon, null, {
547
- default: withCtx(() => [
548
- createVNode(unref(InfoFilled))
549
- ]),
550
- _: 1
551
- }),
552
- _hoisted_3
553
- ]),
554
- withDirectives(createElementVNode("div", _hoisted_4, [
555
- createTextVNode(" 常用参数: "),
556
- createVNode(_component_el_button, {
557
- type: "primary",
558
- size: "small",
559
- onClick: _cache[3] || (_cache[3] = ($event) => addRequestParam("query"))
560
- }, {
561
- default: withCtx(() => [
562
- createTextVNode("query")
563
- ]),
564
- _: 1
565
- })
566
- ], 512), [
567
- [vShow, paramType.value == "request"]
568
- ])
569
- ]),
570
- _: 1
571
- })) : (openBlock(), createBlock(_component_el_col, {
572
- key: 2,
573
- span: 16,
574
- style: { "padding-left": "10px" }
575
- }, {
576
- default: withCtx(() => [
577
- createVNode(_component_el_input, {
578
- size: "small",
579
- modelValue: searchValue.value,
580
- "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => searchValue.value = $event),
581
- placeholder: "搜索",
582
- "suffix-icon": unref(Search),
583
- style: normalizeStyle([{ "margin-bottom": "5px", "height": "25px" }, searchWidthStyle.value])
584
- }, null, 8, ["modelValue", "suffix-icon", "style"]),
585
- withDirectives(createVNode(_component_el_button, {
586
- style: { "float": "right" },
587
- onClick: addPageParams,
588
- size: "small",
589
- type: "primary",
590
- icon: unref(Plus),
591
- circle: ""
592
- }, null, 8, ["icon"]), [
593
- [vShow, paramType.value == "page"]
594
- ]),
595
- withDirectives(createElementVNode("div", _hoisted_5, [
596
- createVNode(_component_el_icon, null, {
597
- default: withCtx(() => [
598
- createVNode(unref(InfoFilled))
599
- ]),
600
- _: 1
601
- }),
602
- _hoisted_6
603
- ], 512), [
604
- [vShow, paramType.value == "page"]
605
- ]),
606
- createVNode(_component_el_table, {
607
- ref_key: "tableRef",
608
- ref: tableRef,
609
- height: tableHeight.value,
610
- "show-header": false,
611
- size: "small",
612
- "current-row-key": "code",
613
- "row-key": "code",
614
- "tree-props": { children: "items" },
615
- "highlight-current-row": true,
616
- data: filterTableData.value
617
- }, {
618
- default: withCtx(() => [
619
- createVNode(_component_el_table_column, { width: "65" }, {
620
- default: withCtx((scope) => [
621
- createVNode(_component_el_button, {
622
- size: "small",
623
- onClick: ($event) => selectRow(scope.row)
624
- }, {
625
- default: withCtx(() => [
626
- createTextVNode(" 选择 ")
627
- ]),
628
- _: 2
629
- }, 1032, ["onClick"])
630
- ]),
631
- _: 1
632
- }),
633
- createVNode(_component_el_table_column, {
634
- label: "Date",
635
- prop: "label"
636
- }, {
637
- default: withCtx((scope) => [
638
- paramType.value == "context" && scope.row.type == "range" ? (openBlock(), createElementBlock("div", _hoisted_7, [
639
- createVNode(_component_el_input, {
640
- size: "small",
641
- modelValue: scope.row.symbolNum,
642
- "onUpdate:modelValue": ($event) => scope.row.symbolNum = $event,
643
- placeholder: "",
644
- style: { "width": "35px", "margin-left": "4px" }
645
- }, null, 8, ["modelValue", "onUpdate:modelValue"]),
646
- createVNode(_component_el_select, {
647
- size: "small",
648
- style: { "margin-left": "4px", "width": "50px" },
649
- modelValue: scope.row.symbolUnit,
650
- "onUpdate:modelValue": ($event) => scope.row.symbolUnit = $event,
651
- placeholder: ""
652
- }, {
653
- default: withCtx(() => [
654
- createVNode(_component_el_option, {
655
- label: "天",
656
- value: "d"
657
- }),
658
- createVNode(_component_el_option, {
659
- label: "周",
660
- value: "w"
661
- }),
662
- createVNode(_component_el_option, {
663
- label: "月",
664
- value: "m"
665
- }),
666
- createVNode(_component_el_option, {
667
- label: "年",
668
- value: "y"
669
- })
670
- ]),
671
- _: 2
672
- }, 1032, ["modelValue", "onUpdate:modelValue"]),
673
- createVNode(_component_el_select, {
674
- size: "small",
675
- style: { "margin-left": "4px", "width": "50px" },
676
- modelValue: scope.row.symbol,
677
- "onUpdate:modelValue": ($event) => scope.row.symbol = $event,
678
- placeholder: ""
679
- }, {
680
- default: withCtx(() => [
681
- createVNode(_component_el_option, {
682
- label: "前",
683
- value: "-"
684
- }),
685
- createVNode(_component_el_option, {
686
- label: "后",
687
- value: "+"
688
- })
689
- ]),
690
- _: 2
691
- }, 1032, ["modelValue", "onUpdate:modelValue"])
692
- ])) : createCommentVNode("", true),
693
- paramType.value == "data" || paramType.value == "obj" ? (openBlock(), createElementBlock("span", {
694
- key: 1,
695
- title: scope.row.label + " " + scope.row.value
696
- }, toDisplayString(scope.row.label + " " + scope.row.value), 9, _hoisted_8)) : (openBlock(), createElementBlock("span", {
697
- key: 2,
698
- title: scope.row.label
699
- }, toDisplayString(scope.row.label), 9, _hoisted_9))
700
- ]),
701
- _: 1
702
- })
703
- ]),
704
- _: 1
705
- }, 8, ["height", "data"]),
706
- createElementVNode("div", _hoisted_10, "总计:" + toDisplayString(filterTableData.value.length), 1)
707
- ]),
708
- _: 1
709
- }))
710
- ]),
711
- _: 1
712
- }, 512)
713
- ]),
714
- _: 1
715
- }, 8, ["visible"]));
716
- };
717
- }
718
- });
719
- export {
720
- _sfc_main as default
721
- };
1
+