super-page-runtime 2.2.72-sit1 → 2.2.72-sit4

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 (5) hide show
  1. package/dist/es/components/runtime/views/assemblys/container/tabs/tabs-runtime.vue.js +1 -1
  2. package/dist/es/components/runtime/views/assemblys/container/tabs/tabs-runtime.vue2.js +20 -20
  3. package/dist/es/components/runtime/views/super-page.vue.js +1 -1
  4. package/dist/es/style.css +86 -70
  5. package/package.json +2 -2
package/dist/es/components/runtime/views/assemblys/container/tabs/tabs-runtime.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import t from "./tabs-runtime.vue2.js";
2
2
  /* empty css */
3
3
  import e from "../../../../../../_virtual/_plugin-vue_export-helper.js";
4
- const r = e(t, [["__scopeId", "data-v-ad75c0d0"]]);
4
+ const r = e(t, [["__scopeId", "data-v-3a587c94"]]);
5
5
  export {
6
6
  r as default
7
7
  };
package/dist/es/components/runtime/views/assemblys/container/tabs/tabs-runtime.vue2.js CHANGED
@@ -1,41 +1,41 @@
1
- import { defineComponent as e, ref as t, onMounted as n, nextTick as o, createBlock as a, openBlock as i, unref as u, normalizeClass as l, normalizeStyle as r, withCtx as c, createElementBlock as p, Fragment as s, renderList as g, createElementVNode as f, createCommentVNode as m, toDisplayString as d } from "vue";
2
- import { ElTabs as b, ElTabPane as y } from "element-plus";
1
+ import { defineComponent as e, ref as t, onMounted as n, nextTick as o, createBlock as a, openBlock as i, unref as l, normalizeClass as u, normalizeStyle as r, withCtx as p, createElementBlock as c, Fragment as s, renderList as g, createCommentVNode as f, createElementVNode as m, toDisplayString as d } from "vue";
2
+ import { ElTabs as y, ElTabPane as b } from "element-plus";
3
3
  import x from "../../object-render.vue.js";
4
4
  import { SuperIcon as C } from "agilebuilder-ui";
5
5
  import { handleAfterInitEvent as v, handleEvent as T } from "../../../../utils/events/event-util.js";
6
6
  import { $t as h } from "../../../../utils/i18n-util.js";
7
- const V = e({ __name: "tabs-runtime", props: { pageContext: {}, configure: {} }, setup(e2) {
8
- const V2 = e2, k = t(null);
9
- k.value = V2.configure.props.defaultOpen ? V2.configure.props.defaultOpen : 1;
10
- const _ = t(null), j = V2.configure.runtime ? V2.configure.runtime : {}, N = j.style, R = j.class, D = j.headerStyle;
11
- function E(e3, t2) {
7
+ const k = e({ __name: "tabs-runtime", props: { pageContext: {}, configure: {} }, setup(e2) {
8
+ const k2 = e2, V = t(null);
9
+ V.value = k2.configure.props.defaultOpen ? k2.configure.props.defaultOpen : 1;
10
+ const _ = t(null), j = k2.configure.runtime ? k2.configure.runtime : {}, N = j.style, R = j.class, z = j.headerStyle;
11
+ function D(e3, t2) {
12
12
  const n2 = { pane: e3, ev: t2 }, o2 = e3.paneName;
13
- return V2.pageContext.activeTab = o2, V2.pageContext.activeLabel = n2.label, T(o2, V2.pageContext, V2.configure, "tab-click", n2);
13
+ return k2.pageContext.activeTab = o2, k2.pageContext.activeLabel = n2.label, T(o2, k2.pageContext, k2.configure, "tab-click", n2);
14
14
  }
15
- function O(e3) {
15
+ function E(e3) {
16
16
  const t2 = { paneName: e3 };
17
- return V2.pageContext.activeTab = e3, T(e3, V2.pageContext, V2.configure, "tab-change", t2);
17
+ return k2.pageContext.activeTab = e3, T(e3, k2.pageContext, k2.configure, "tab-change", t2);
18
18
  }
19
- function S(e3) {
19
+ function O(e3) {
20
20
  const t2 = { paneName: e3 };
21
- return T(e3, V2.pageContext, V2.configure, "tab-remove", t2);
21
+ return T(e3, k2.pageContext, k2.configure, "tab-remove", t2);
22
22
  }
23
- function q() {
24
- return T(null, V2.pageContext, V2.configure, "tab-add");
23
+ function S() {
24
+ return T(null, k2.pageContext, k2.configure, "tab-add");
25
25
  }
26
- function w(e3, t2) {
26
+ function q(e3, t2) {
27
27
  const n2 = { paneName: e3, action: t2 };
28
- return T(e3, V2.pageContext, V2.configure, "edit", n2);
28
+ return T(e3, k2.pageContext, k2.configure, "edit", n2);
29
29
  }
30
30
  return n(() => {
31
31
  o(() => {
32
32
  let e3 = [];
33
- V2.configure.items.forEach((t2) => {
33
+ k2.configure.items.forEach((t2) => {
34
34
  t2.code && e3.push(document.querySelector("." + t2.code));
35
- }), v(null, V2.pageContext, V2.configure, { componentRef: _.value, tabsDom: e3, entity: V2.pageContext.entity.data, pageData: V2.pageContext.entity.page });
35
+ }), v(null, k2.pageContext, k2.configure, { componentRef: _.value, tabsDom: e3, entity: k2.pageContext.entity.data, pageData: k2.pageContext.entity.page });
36
36
  });
37
- }), (e3, t2) => (i(), a(u(b), { ref_key: "thisRef", ref: _, modelValue: k.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => k.value = e4), type: e3.configure.props.cardType, "tab-position": e3.configure.props.tabPosition, style: r(u(N)), class: l([u(R), "runtime-page-container-tabs-view"]), onTabClick: E, onTabChange: O, onTabRemove: S, onTabAdd: q, onEdit: w }, { default: c(() => [(i(true), p(s, null, g(e3.configure.items, (t3, n2) => (i(), a(u(y), { label: t3.label, name: t3.index }, { label: c(() => [f("span", { class: l(t3.code) }, [t3.iconType && t3.iconValue ? (i(), a(u(C), { key: 0, iconType: t3.iconType, iconValue: t3.iconValue, style: { "margin-right": "2px" } }, null, 8, ["iconType", "iconValue"])) : m("", true), f("span", { style: r(u(D)) }, d(u(h)(t3.label)), 5)], 2)]), default: c(() => [(i(true), p(s, null, g(t3.items, (t4, n3) => (i(), a(x, { key: t4.uuid, pageContext: e3.pageContext, configure: t4 }, null, 8, ["pageContext", "configure"]))), 128))]), _: 2 }, 1032, ["label", "name"]))), 256))]), _: 1 }, 8, ["modelValue", "type", "tab-position", "style", "class"]));
37
+ }), (e3, t2) => (i(), a(l(y), { ref_key: "thisRef", ref: _, modelValue: V.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => V.value = e4), type: e3.configure.props.cardType, "tab-position": e3.configure.props.tabPosition, style: r(l(N)), class: u([l(R), "runtime-page-container-tabs-view"]), onTabClick: D, onTabChange: E, onTabRemove: O, onTabAdd: S, onEdit: q }, { default: p(() => [(i(true), c(s, null, g(e3.configure.items, (t3, n2) => (i(), a(l(b), { key: n2, label: t3.label, name: t3.index, lazy: !!e3.configure.props.lazy }, { label: p(() => [m("span", { class: u(t3.code) }, [t3.iconType && t3.iconValue ? (i(), a(l(C), { key: 0, iconType: t3.iconType, iconValue: t3.iconValue, style: { "margin-right": "2px" } }, null, 8, ["iconType", "iconValue"])) : f("", true), m("span", { style: r(l(z)) }, d(l(h)(t3.label)), 5)], 2)]), default: p(() => [(e3.configure.props.isFullyRendered ?? 1) || t3.index === V.value ? (i(true), c(s, { key: 0 }, g(t3.items, (t4, n3) => (i(), a(x, { key: t4.uuid, pageContext: e3.pageContext, configure: t4 }, null, 8, ["pageContext", "configure"]))), 128)) : f("", true)]), _: 2 }, 1032, ["label", "name", "lazy"]))), 128))]), _: 1 }, 8, ["modelValue", "type", "tab-position", "style", "class"]));
38
38
  } });
39
39
  export {
40
- V as default
40
+ k as default
41
41
  };
package/dist/es/components/runtime/views/super-page.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import e from "./super-page.vue2.js";
2
2
  /* empty css */
3
3
  import p from "../../../_virtual/_plugin-vue_export-helper.js";
4
- const r = p(e, [["__scopeId", "data-v-77c66c57"]]);
4
+ const r = p(e, [["__scopeId", "data-v-818c8e87"]]);
5
5
  export {
6
6
  r as default
7
7
  };
package/dist/es/style.css CHANGED
@@ -1,287 +1,290 @@
1
- .runtime-page-container[data-v-77c66c57] {
1
+ .runtime-page-container[data-v-818c8e87] {
2
2
  overflow: auto;
3
3
  height: 100%;
4
4
  max-height: 100vh;
5
- padding: var(--runtime-page-container-padding, 15px);
5
+ padding: var(--app-main-padding, 15px);
6
+ background-color: #fff;
6
7
  }
7
8
  @media (max-width: 768px) {
8
- .runtime-page-container[data-v-77c66c57] .el-col-1 {
9
+ .runtime-page-container[data-v-818c8e87] .el-col-1 {
9
10
  flex: 0 0 100%;
10
11
  max-width: 100%;
11
12
  }
12
13
  }
13
- .runtime-page-container[data-v-77c66c57] .el-col-1 > .el-form-item:only-child {
14
+ .runtime-page-container[data-v-818c8e87] .el-col-1 > .el-form-item:only-child {
14
15
  margin-bottom: 0;
15
16
  }
16
- .runtime-page-container[data-v-77c66c57] .el-col-2 {
17
+ .runtime-page-container[data-v-818c8e87] .el-col-2 {
17
18
  flex: 0 0 calc(2 / 24 * (100% - (24 / 2 - 1) * var(--layout-form-flex-gap, 15px)));
18
19
  max-width: calc(2 / 24 * (100% - (24 / 2 - 1) * var(--layout-form-flex-gap, 15px)));
19
20
  }
20
21
  @media (max-width: 768px) {
21
- .runtime-page-container[data-v-77c66c57] .el-col-2 {
22
+ .runtime-page-container[data-v-818c8e87] .el-col-2 {
22
23
  flex: 0 0 100%;
23
24
  max-width: 100%;
24
25
  }
25
26
  }
26
- .runtime-page-container[data-v-77c66c57] .el-col-2 > .el-form-item:only-child {
27
+ .runtime-page-container[data-v-818c8e87] .el-col-2 > .el-form-item:only-child {
27
28
  margin-bottom: 0;
28
29
  }
29
30
  @media (max-width: 768px) {
30
- .runtime-page-container[data-v-77c66c57] .el-col-3 {
31
+ .runtime-page-container[data-v-818c8e87] .el-col-3 {
31
32
  flex: 0 0 100%;
32
33
  max-width: 100%;
33
34
  }
34
35
  }
35
- .runtime-page-container[data-v-77c66c57] .el-col-3 > .el-form-item:only-child {
36
+ .runtime-page-container[data-v-818c8e87] .el-col-3 > .el-form-item:only-child {
36
37
  margin-bottom: 0;
37
38
  }
38
- .runtime-page-container[data-v-77c66c57] .el-col-4 {
39
+ .runtime-page-container[data-v-818c8e87] .el-col-4 {
39
40
  flex: 0 0 calc(4 / 24 * (100% - (24 / 4 - 1) * var(--layout-form-flex-gap, 15px)));
40
41
  max-width: calc(4 / 24 * (100% - (24 / 4 - 1) * var(--layout-form-flex-gap, 15px)));
41
42
  }
42
43
  @media (max-width: 768px) {
43
- .runtime-page-container[data-v-77c66c57] .el-col-4 {
44
+ .runtime-page-container[data-v-818c8e87] .el-col-4 {
44
45
  flex: 0 0 100%;
45
46
  max-width: 100%;
46
47
  }
47
48
  }
48
- .runtime-page-container[data-v-77c66c57] .el-col-4 > .el-form-item:only-child {
49
+ .runtime-page-container[data-v-818c8e87] .el-col-4 > .el-form-item:only-child {
49
50
  margin-bottom: 0;
50
51
  }
51
52
  @media (max-width: 768px) {
52
- .runtime-page-container[data-v-77c66c57] .el-col-5 {
53
+ .runtime-page-container[data-v-818c8e87] .el-col-5 {
53
54
  flex: 0 0 100%;
54
55
  max-width: 100%;
55
56
  }
56
57
  }
57
- .runtime-page-container[data-v-77c66c57] .el-col-5 > .el-form-item:only-child {
58
+ .runtime-page-container[data-v-818c8e87] .el-col-5 > .el-form-item:only-child {
58
59
  margin-bottom: 0;
59
60
  }
60
- .runtime-page-container[data-v-77c66c57] .el-col-6 {
61
+ .runtime-page-container[data-v-818c8e87] .el-col-6 {
61
62
  flex: 0 0 calc(6 / 24 * (100% - (24 / 6 - 1) * var(--layout-form-flex-gap, 15px)));
62
63
  max-width: calc(6 / 24 * (100% - (24 / 6 - 1) * var(--layout-form-flex-gap, 15px)));
63
64
  }
64
65
  @media (max-width: 768px) {
65
- .runtime-page-container[data-v-77c66c57] .el-col-6 {
66
+ .runtime-page-container[data-v-818c8e87] .el-col-6 {
66
67
  flex: 0 0 100%;
67
68
  max-width: 100%;
68
69
  }
69
70
  }
70
- .runtime-page-container[data-v-77c66c57] .el-col-6 > .el-form-item:only-child {
71
+ .runtime-page-container[data-v-818c8e87] .el-col-6 > .el-form-item:only-child {
71
72
  margin-bottom: 0;
72
73
  }
73
74
  @media (max-width: 768px) {
74
- .runtime-page-container[data-v-77c66c57] .el-col-7 {
75
+ .runtime-page-container[data-v-818c8e87] .el-col-7 {
75
76
  flex: 0 0 100%;
76
77
  max-width: 100%;
77
78
  }
78
79
  }
79
- .runtime-page-container[data-v-77c66c57] .el-col-7 > .el-form-item:only-child {
80
+ .runtime-page-container[data-v-818c8e87] .el-col-7 > .el-form-item:only-child {
80
81
  margin-bottom: 0;
81
82
  }
82
- .runtime-page-container[data-v-77c66c57] .el-col-8 {
83
+ .runtime-page-container[data-v-818c8e87] .el-col-8 {
83
84
  flex: 0 0 calc(8 / 24 * (100% - (24 / 8 - 1) * var(--layout-form-flex-gap, 15px)));
84
85
  max-width: calc(8 / 24 * (100% - (24 / 8 - 1) * var(--layout-form-flex-gap, 15px)));
85
86
  }
86
87
  @media (max-width: 768px) {
87
- .runtime-page-container[data-v-77c66c57] .el-col-8 {
88
+ .runtime-page-container[data-v-818c8e87] .el-col-8 {
88
89
  flex: 0 0 100%;
89
90
  max-width: 100%;
90
91
  }
91
92
  }
92
- .runtime-page-container[data-v-77c66c57] .el-col-8 > .el-form-item:only-child {
93
+ .runtime-page-container[data-v-818c8e87] .el-col-8 > .el-form-item:only-child {
93
94
  margin-bottom: 0;
94
95
  }
95
96
  @media (max-width: 768px) {
96
- .runtime-page-container[data-v-77c66c57] .el-col-9 {
97
+ .runtime-page-container[data-v-818c8e87] .el-col-9 {
97
98
  flex: 0 0 100%;
98
99
  max-width: 100%;
99
100
  }
100
101
  }
101
- .runtime-page-container[data-v-77c66c57] .el-col-9 > .el-form-item:only-child {
102
+ .runtime-page-container[data-v-818c8e87] .el-col-9 > .el-form-item:only-child {
102
103
  margin-bottom: 0;
103
104
  }
104
105
  @media (max-width: 768px) {
105
- .runtime-page-container[data-v-77c66c57] .el-col-10 {
106
+ .runtime-page-container[data-v-818c8e87] .el-col-10 {
106
107
  flex: 0 0 100%;
107
108
  max-width: 100%;
108
109
  }
109
110
  }
110
- .runtime-page-container[data-v-77c66c57] .el-col-10 > .el-form-item:only-child {
111
+ .runtime-page-container[data-v-818c8e87] .el-col-10 > .el-form-item:only-child {
111
112
  margin-bottom: 0;
112
113
  }
113
114
  @media (max-width: 768px) {
114
- .runtime-page-container[data-v-77c66c57] .el-col-11 {
115
+ .runtime-page-container[data-v-818c8e87] .el-col-11 {
115
116
  flex: 0 0 100%;
116
117
  max-width: 100%;
117
118
  }
118
119
  }
119
- .runtime-page-container[data-v-77c66c57] .el-col-11 > .el-form-item:only-child {
120
+ .runtime-page-container[data-v-818c8e87] .el-col-11 > .el-form-item:only-child {
120
121
  margin-bottom: 0;
121
122
  }
122
- .runtime-page-container[data-v-77c66c57] .el-col-12 {
123
+ .runtime-page-container[data-v-818c8e87] .el-col-12 {
123
124
  flex: 0 0 calc(12 / 24 * (100% - (24 / 12 - 1) * var(--layout-form-flex-gap, 15px)));
124
125
  max-width: calc(12 / 24 * (100% - (24 / 12 - 1) * var(--layout-form-flex-gap, 15px)));
125
126
  }
126
127
  @media (max-width: 768px) {
127
- .runtime-page-container[data-v-77c66c57] .el-col-12 {
128
+ .runtime-page-container[data-v-818c8e87] .el-col-12 {
128
129
  flex: 0 0 100%;
129
130
  max-width: 100%;
130
131
  }
131
132
  }
132
- .runtime-page-container[data-v-77c66c57] .el-col-12 > .el-form-item:only-child {
133
+ .runtime-page-container[data-v-818c8e87] .el-col-12 > .el-form-item:only-child {
133
134
  margin-bottom: 0;
134
135
  }
135
136
  @media (max-width: 768px) {
136
- .runtime-page-container[data-v-77c66c57] .el-col-13 {
137
+ .runtime-page-container[data-v-818c8e87] .el-col-13 {
137
138
  flex: 0 0 100%;
138
139
  max-width: 100%;
139
140
  }
140
141
  }
141
- .runtime-page-container[data-v-77c66c57] .el-col-13 > .el-form-item:only-child {
142
+ .runtime-page-container[data-v-818c8e87] .el-col-13 > .el-form-item:only-child {
142
143
  margin-bottom: 0;
143
144
  }
144
- .runtime-page-container[data-v-77c66c57] .el-col-14 {
145
+ .runtime-page-container[data-v-818c8e87] .el-col-14 {
145
146
  flex: 0 0 calc(14 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
146
147
  max-width: calc(14 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
147
148
  }
148
149
  @media (max-width: 768px) {
149
- .runtime-page-container[data-v-77c66c57] .el-col-14 {
150
+ .runtime-page-container[data-v-818c8e87] .el-col-14 {
150
151
  flex: 0 0 100%;
151
152
  max-width: 100%;
152
153
  }
153
154
  }
154
- .runtime-page-container[data-v-77c66c57] .el-col-14 > .el-form-item:only-child {
155
+ .runtime-page-container[data-v-818c8e87] .el-col-14 > .el-form-item:only-child {
155
156
  margin-bottom: 0;
156
157
  }
157
158
  @media (max-width: 768px) {
158
- .runtime-page-container[data-v-77c66c57] .el-col-15 {
159
+ .runtime-page-container[data-v-818c8e87] .el-col-15 {
159
160
  flex: 0 0 100%;
160
161
  max-width: 100%;
161
162
  }
162
163
  }
163
- .runtime-page-container[data-v-77c66c57] .el-col-15 > .el-form-item:only-child {
164
+ .runtime-page-container[data-v-818c8e87] .el-col-15 > .el-form-item:only-child {
164
165
  margin-bottom: 0;
165
166
  }
166
- .runtime-page-container[data-v-77c66c57] .el-col-16 {
167
+ .runtime-page-container[data-v-818c8e87] .el-col-16 {
167
168
  flex: 0 0 calc(16 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
168
169
  max-width: calc(16 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
169
170
  }
170
171
  @media (max-width: 768px) {
171
- .runtime-page-container[data-v-77c66c57] .el-col-16 {
172
+ .runtime-page-container[data-v-818c8e87] .el-col-16 {
172
173
  flex: 0 0 100%;
173
174
  max-width: 100%;
174
175
  }
175
176
  }
176
- .runtime-page-container[data-v-77c66c57] .el-col-16 > .el-form-item:only-child {
177
+ .runtime-page-container[data-v-818c8e87] .el-col-16 > .el-form-item:only-child {
177
178
  margin-bottom: 0;
178
179
  }
179
180
  @media (max-width: 768px) {
180
- .runtime-page-container[data-v-77c66c57] .el-col-17 {
181
+ .runtime-page-container[data-v-818c8e87] .el-col-17 {
181
182
  flex: 0 0 100%;
182
183
  max-width: 100%;
183
184
  }
184
185
  }
185
- .runtime-page-container[data-v-77c66c57] .el-col-17 > .el-form-item:only-child {
186
+ .runtime-page-container[data-v-818c8e87] .el-col-17 > .el-form-item:only-child {
186
187
  margin-bottom: 0;
187
188
  }
188
- .runtime-page-container[data-v-77c66c57] .el-col-18 {
189
+ .runtime-page-container[data-v-818c8e87] .el-col-18 {
189
190
  flex: 0 0 calc(18 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
190
191
  max-width: calc(18 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
191
192
  }
192
193
  @media (max-width: 768px) {
193
- .runtime-page-container[data-v-77c66c57] .el-col-18 {
194
+ .runtime-page-container[data-v-818c8e87] .el-col-18 {
194
195
  flex: 0 0 100%;
195
196
  max-width: 100%;
196
197
  }
197
198
  }
198
- .runtime-page-container[data-v-77c66c57] .el-col-18 > .el-form-item:only-child {
199
+ .runtime-page-container[data-v-818c8e87] .el-col-18 > .el-form-item:only-child {
199
200
  margin-bottom: 0;
200
201
  }
201
202
  @media (max-width: 768px) {
202
- .runtime-page-container[data-v-77c66c57] .el-col-19 {
203
+ .runtime-page-container[data-v-818c8e87] .el-col-19 {
203
204
  flex: 0 0 100%;
204
205
  max-width: 100%;
205
206
  }
206
207
  }
207
- .runtime-page-container[data-v-77c66c57] .el-col-19 > .el-form-item:only-child {
208
+ .runtime-page-container[data-v-818c8e87] .el-col-19 > .el-form-item:only-child {
208
209
  margin-bottom: 0;
209
210
  }
210
211
  @media (max-width: 768px) {
211
- .runtime-page-container[data-v-77c66c57] .el-col-20 {
212
+ .runtime-page-container[data-v-818c8e87] .el-col-20 {
212
213
  flex: 0 0 100%;
213
214
  max-width: 100%;
214
215
  }
215
216
  }
216
- .runtime-page-container[data-v-77c66c57] .el-col-20 > .el-form-item:only-child {
217
+ .runtime-page-container[data-v-818c8e87] .el-col-20 > .el-form-item:only-child {
217
218
  margin-bottom: 0;
218
219
  }
219
220
  @media (max-width: 768px) {
220
- .runtime-page-container[data-v-77c66c57] .el-col-21 {
221
+ .runtime-page-container[data-v-818c8e87] .el-col-21 {
221
222
  flex: 0 0 100%;
222
223
  max-width: 100%;
223
224
  }
224
225
  }
225
- .runtime-page-container[data-v-77c66c57] .el-col-21 > .el-form-item:only-child {
226
+ .runtime-page-container[data-v-818c8e87] .el-col-21 > .el-form-item:only-child {
226
227
  margin-bottom: 0;
227
228
  }
228
229
  @media (max-width: 768px) {
229
- .runtime-page-container[data-v-77c66c57] .el-col-22 {
230
+ .runtime-page-container[data-v-818c8e87] .el-col-22 {
230
231
  flex: 0 0 100%;
231
232
  max-width: 100%;
232
233
  }
233
234
  }
234
- .runtime-page-container[data-v-77c66c57] .el-col-22 > .el-form-item:only-child {
235
+ .runtime-page-container[data-v-818c8e87] .el-col-22 > .el-form-item:only-child {
235
236
  margin-bottom: 0;
236
237
  }
237
238
  @media (max-width: 768px) {
238
- .runtime-page-container[data-v-77c66c57] .el-col-23 {
239
+ .runtime-page-container[data-v-818c8e87] .el-col-23 {
239
240
  flex: 0 0 100%;
240
241
  max-width: 100%;
241
242
  }
242
243
  }
243
- .runtime-page-container[data-v-77c66c57] .el-col-23 > .el-form-item:only-child {
244
+ .runtime-page-container[data-v-818c8e87] .el-col-23 > .el-form-item:only-child {
244
245
  margin-bottom: 0;
245
246
  }
246
247
  @media (max-width: 768px) {
247
- .runtime-page-container[data-v-77c66c57] .el-col-24 {
248
+ .runtime-page-container[data-v-818c8e87] .el-col-24 {
248
249
  flex: 0 0 100%;
249
250
  max-width: 100%;
250
251
  }
251
252
  }
252
- .runtime-page-container[data-v-77c66c57] .el-col-24 > .el-form-item:only-child {
253
+ .runtime-page-container[data-v-818c8e87] .el-col-24 > .el-form-item:only-child {
253
254
  margin-bottom: 0;
254
255
  }
255
- .runtime-page-container[data-v-77c66c57] .runtime-page-container-view {
256
+ .runtime-page-container[data-v-818c8e87] .runtime-page-container-view {
256
257
  display: flex;
257
- flex-direction: column;
258
+ flex-direction: row;
259
+ align-items: flex-start;
258
260
  align-content: flex-start;
261
+ flex-wrap: wrap;
259
262
  gap: var(--runtime-page-container-view-gap, 15px);
260
263
  min-height: 100%;
261
264
  height: auto;
262
265
  }
263
- .runtime-page-container[data-v-77c66c57] .runtime-page-container-view .el-form {
266
+ .runtime-page-container[data-v-818c8e87] .runtime-page-container-view .el-form {
264
267
  width: 100%;
265
268
  display: flex;
266
269
  flex-wrap: wrap;
267
270
  gap: var(--runtime-page-container-view-gap, 15px);
268
271
  }
269
- .runtime-page-container[data-v-77c66c57] .runtime-page-container-view .el-form > div {
272
+ .runtime-page-container[data-v-818c8e87] .runtime-page-container-view .el-form > div {
270
273
  width: 100%;
271
274
  }
272
- .runtime-page-container[data-v-77c66c57] .runtime-page-container-view > div {
275
+ .runtime-page-container[data-v-818c8e87] .runtime-page-container-view > div {
273
276
  width: 100%;
274
277
  }
275
- .runtime-page-container[data-v-77c66c57] .runtime-page-container-view > div[class*=el-col-], .runtime-page-container[data-v-77c66c57] .runtime-page-container-view > div[style="flex:"] {
278
+ .runtime-page-container[data-v-818c8e87] .runtime-page-container-view > div[class*=el-col-], .runtime-page-container[data-v-818c8e87] .runtime-page-container-view > div[style="flex:"] {
276
279
  flex: none !important;
277
280
  }
278
- .runtime-page-container[data-v-77c66c57] .runtime-page-container-view > .el-row[class*=el-col-] {
281
+ .runtime-page-container[data-v-818c8e87] .runtime-page-container-view > .el-row[class*=el-col-] {
279
282
  flex: none;
280
283
  }
281
- .runtime-page-container[data-v-77c66c57] .runtime-page-container-view .el-row {
284
+ .runtime-page-container[data-v-818c8e87] .runtime-page-container-view .el-row {
282
285
  gap: var(--layout-form-flex-gap, 15px);
283
286
  }
284
- .runtime-page-container[data-v-77c66c57] .runtime-page-container-view .el-row > div {
287
+ .runtime-page-container[data-v-818c8e87] .runtime-page-container-view .el-row > div {
285
288
  width: 100%;
286
289
  }.yx-affix[data-v-d053fb6d]:has(.yx-affix-content:empty) {
287
290
  display: none;
@@ -343,13 +346,26 @@
343
346
  max-width: none;
344
347
  flex: auto;
345
348
  }
346
- }.runtime-page-container-tabs-view[data-v-ad75c0d0] > .el-tabs__content > .el-tab-pane {
349
+ }.runtime-page-container-tabs-view[data-v-3a587c94] > .el-tabs__content > .el-tab-pane {
350
+ display: flex;
351
+ flex-direction: row;
352
+ align-items: flex-start;
353
+ align-content: flex-start;
354
+ flex-wrap: wrap;
355
+ gap: var(--runtime-page-container-view-gap, 15px);
356
+ }
357
+ .runtime-page-container-tabs-view[data-v-3a587c94] > .el-tabs__content > .el-tab-pane > div {
358
+ width: 100%;
359
+ }
360
+ .runtime-page-container-tabs-view[data-v-3a587c94] > .el-tabs__content > .el-tab-pane > .amb-design-item-default {
347
361
  display: flex;
348
- flex-direction: column;
362
+ flex-direction: row;
363
+ align-items: flex-start;
349
364
  align-content: flex-start;
365
+ flex-wrap: wrap;
350
366
  gap: var(--runtime-page-container-view-gap, 15px);
351
367
  }
352
- .runtime-page-container-tabs-view[data-v-ad75c0d0] > .el-tabs__content > .el-tab-pane > div {
368
+ .runtime-page-container-tabs-view[data-v-3a587c94] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > div {
353
369
  width: 100%;
354
370
  }.yx-fixed-box-main[data-v-9b488f43]:has(.yx-fixed-box-container:empty) {
355
371
  display: none;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "super-page-runtime",
3
- "version": "2.2.72-sit1",
3
+ "version": "2.2.72-sit4",
4
4
  "description": "AgileBuilder super page runtime",
5
5
  "license": "ISC",
6
6
  "main": "dist/es/index.js",
@@ -48,7 +48,7 @@
48
48
  "@vitejs/plugin-vue-jsx": "^3.1.0",
49
49
  "@vue/eslint-config-prettier": "^8.0.0",
50
50
  "@vue/test-utils": "^2.4.4",
51
- "agilebuilder-ui": "1.1.24-sit1",
51
+ "agilebuilder-ui": "1.1.24-sit2",
52
52
  "axios": "^1.6.8",
53
53
  "cypress": "^13.6.6",
54
54
  "element-plus": "^2.6.1",