super-page-runtime 2.3.32-sit1 → 2.3.33-sit1

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 (7) hide show
  1. package/dist/es/components/runtime/views/assemblys/form/select/select-runtime.vue.js +4 -1
  2. package/dist/es/components/runtime/views/assemblys/form/select/select-runtime.vue2.js +90 -82
  3. package/dist/es/components/runtime/views/super-page-dialog.vue.js +10 -10
  4. package/dist/es/components/runtime/views/super-page.vue.js +1 -1
  5. package/dist/es/components/runtime/views/super-page.vue2.js +1 -1
  6. package/dist/es/style.css +83 -76
  7. package/package.json +2 -2
package/dist/es/components/runtime/views/assemblys/form/select/select-runtime.vue.js CHANGED
@@ -1,4 +1,7 @@
1
1
  import e from "./select-runtime.vue2.js";
2
+ /* empty css */
3
+ import t from "../../../../../../_virtual/_plugin-vue_export-helper.js";
4
+ const r = t(e, [["__scopeId", "data-v-87f35b48"]]);
2
5
  export {
3
- e as default
6
+ r as default
4
7
  };
package/dist/es/components/runtime/views/assemblys/form/select/select-runtime.vue2.js CHANGED
@@ -1,5 +1,5 @@
1
- import { defineComponent as e, ref as t, computed as l, watch as o, onUnmounted as a, onMounted as n, nextTick as i, resolveComponent as u, createBlock as r, openBlock as s, normalizeStyle as p, normalizeClass as c, unref as f, withCtx as v, createVNode as g, createElementVNode as m, withKeys as d, withModifiers as h, createElementBlock as y, Fragment as x, renderList as b, createCommentVNode as C, toDisplayString as w, createTextVNode as _ } from "vue";
2
- import { setVariableValue as k, getOptionDatasFromPage as S, queryOptionDatasources as T, autoSetAfterSelect as j, getVariableValue as A } from "../../../../utils/page-helper-util.js";
1
+ import { defineComponent as e, ref as l, computed as t, watch as o, onUnmounted as a, onMounted as i, nextTick as u, resolveComponent as n, createBlock as r, openBlock as s, normalizeStyle as p, normalizeClass as c, unref as f, withCtx as v, createVNode as g, createElementVNode as d, withKeys as m, withModifiers as h, createCommentVNode as y, createElementBlock as b, Fragment as x, renderList as C, toDisplayString as _, createTextVNode as w } from "vue";
2
+ import { setVariableValue as S, getOptionDatasFromPage as A, queryOptionDatasources as k, autoSetAfterSelect as T, getVariableValue as j } from "../../../../utils/page-helper-util.js";
3
3
  import { getFormModelFields as R } from "../../../../utils/page-init-util.js";
4
4
  import { handleFormEvent as V, handleAfterInitEvent as M } from "../../../../utils/events/event-util.js";
5
5
  import P from "../common/title-suffix-element.vue.js";
@@ -9,131 +9,139 @@ import { CopyDocument as q } from "@element-plus/icons-vue";
9
9
  import z from "clipboard";
10
10
  import { ElMessage as E } from "element-plus";
11
11
  import { useI18n as O } from "vue-i18n";
12
- const W = { style: { "padding-left": "5px" } }, B = { style: { width: "100%" } }, F = { key: 0, style: { display: "flex", "flex-direction": "column" } }, K = { style: { color: "var(--el-text-color-secondary)", "font-size": "13px" } }, L = { style: { float: "left" } }, U = { style: { float: "right", color: "var(--el-text-color-secondary)" } }, $ = e({ __name: "select-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: $2 }) {
13
- const { t: G } = O(), H = e2, J = t(null), N = H.pageContext.entity ? H.pageContext.entity : {};
14
- let Q = R(H.pageContext, H.configure);
15
- const X = H.configure.runtime ? H.configure.runtime : {}, Y = X.style, Z = X.class, ee = X.headerStyle, te = X.titleExceedStyle, le = t(X.props ? X.props : {});
16
- let oe = t(le.value.optionDescriptionPosition && "default" !== le.value.optionDescriptionPosition), ae = [];
17
- const ne = "copyBtn_" + H.configure.uuid + "_" + (/* @__PURE__ */ new Date()).getTime();
18
- function ie() {
19
- let e3 = A(N, Q);
20
- return null != e3 && (e3 = String(e3)), le.value.multiple && (e3 = e3 ? String(e3).split(",") : []), e3;
12
+ const W = { style: { "padding-left": "5px" } }, B = { style: { width: "100%" } }, F = { key: 0, style: { display: "flex", "flex-direction": "column" } }, G = { style: { color: "var(--el-text-color-secondary)", "font-size": "13px" } }, K = { style: { float: "left" } }, L = { style: { float: "right", color: "var(--el-text-color-secondary)" } }, U = "__amb_select_all__", $ = e({ __name: "select-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: $2 }) {
13
+ const { t: H } = O(), J = e2, N = l(null), Q = l(false), X = J.pageContext.entity ? J.pageContext.entity : {};
14
+ let Y = R(J.pageContext, J.configure);
15
+ const Z = J.configure.runtime ? J.configure.runtime : {}, ee = Z.style, le = Z.class, te = Z.headerStyle, oe = Z.titleExceedStyle, ae = l(Z.props ? Z.props : {});
16
+ let ie = l(ae.value.optionDescriptionPosition && "default" !== ae.value.optionDescriptionPosition), ue = [];
17
+ const ne = "copyBtn_" + J.configure.uuid + "_" + (/* @__PURE__ */ new Date()).getTime();
18
+ function re() {
19
+ let e3 = j(X, Y);
20
+ return null != e3 && (e3 = String(e3)), ae.value.multiple && (e3 = e3 ? String(e3).split(",") : []), e3;
21
21
  }
22
- const ue = l({ get: () => ie(), set(e3) {
23
- const t2 = ie();
24
- ae = Array.isArray(t2) ? [...t2] : t2;
25
- let l2 = e3;
26
- if (le.value.multiple) {
27
- l2 = !!le.value.arrayValue ? Array.isArray(e3) ? e3 : e3 ? String(e3).split(",") : [] : Array.isArray(e3) ? e3.length > 0 ? e3.join(",") : "" : e3 ?? "";
22
+ const se = t({ get: () => re(), set(e3) {
23
+ const l2 = re();
24
+ ue = Array.isArray(l2) ? [...l2] : l2;
25
+ let t2 = e3;
26
+ if (ae.value.multiple && false !== ae.value.showSelectAll && Array.isArray(e3) && e3.includes(U)) {
27
+ const e4 = (pe.value || []).map((e5) => String(e5.value)), o2 = Array.isArray(l2) ? l2.map((e5) => String(e5)) : [];
28
+ t2 = e4.length > 0 && e4.every((e5) => o2.includes(e5)) ? [] : e4;
28
29
  }
29
- void 0 === l2 && (l2 = null), k(N, Q, l2), null != l2 && (J.value = "");
30
- } }), re = t(le.value.options ? le.value.options : []), se = S(H.pageContext, H.configure);
31
- se.length > 0 && (re.value = se);
32
- const pe = t(false), ce = H.configure.props && H.configure.props.dataOrigin ? H.configure.props.dataOrigin : {}, fe = ce.optionValueSetType;
33
- let ve = [];
34
- const ge = le.value.optionconfigInfo ? le.value.optionconfigInfo : {};
35
- if ("dynamicData" == fe || "dataTable" == fe || "service" == fe) {
36
- if ("remote" == ce.filterType) {
30
+ if (ae.value.multiple) {
31
+ t2 = !!ae.value.arrayValue ? Array.isArray(t2) ? t2 : t2 ? String(t2).split(",") : [] : Array.isArray(t2) ? t2.length > 0 ? t2.join(",") : "" : t2 ?? "";
32
+ }
33
+ void 0 === t2 && (t2 = null), S(X, Y, t2), null != t2 && (N.value = "");
34
+ } }), pe = l(ae.value.options ? ae.value.options : []), ce = A(J.pageContext, J.configure);
35
+ ce.length > 0 && (pe.value = ce);
36
+ const fe = l(false), ve = J.configure.props && J.configure.props.dataOrigin ? J.configure.props.dataOrigin : {}, ge = ve.optionValueSetType;
37
+ let de = [];
38
+ const me = ae.value.optionconfigInfo ? ae.value.optionconfigInfo : {};
39
+ if ("dynamicData" == ge || "dataTable" == ge || "service" == ge) {
40
+ if ("remote" == ve.filterType) {
37
41
  let e3;
38
- le.value.filterable = true, le.value.remote = true, le.value.remoteShowSuffix = true, le.value.remoteMethod = function(t2) {
39
- e3 !== t2 && (e3 = t2, pe.value = true, T(H.pageContext, ge, t2).then((e4) => {
40
- pe.value = false;
42
+ ae.value.filterable = true, ae.value.remote = true, ae.value.remoteShowSuffix = true, ae.value.remoteMethod = function(l2) {
43
+ e3 !== l2 && (e3 = l2, fe.value = true, k(J.pageContext, me, l2).then((e4) => {
44
+ fe.value = false;
41
45
  }).then((e4) => {
42
- pe.value = false;
46
+ fe.value = false;
43
47
  }));
44
48
  };
45
49
  }
46
- if (ce.autoSets) for (let e3 of ce.autoSets) e3.source && ve.push(e3);
50
+ if (ve.autoSets) for (let e3 of ve.autoSets) e3.source && de.push(e3);
47
51
  }
48
- H.configure && H.configure.props && H.configure.props.base && H.configure.props.base.optionProp && ve.push({ source: "label", target: H.configure.props.base.optionProp }), le.value.changeMethod = function(e3) {
49
- let t2, l2 = null;
50
- re.value && null != e3 && null != e3 && (l2 = re.value.filter((t3) => Array.isArray(e3) ? e3.includes(t3.value) : e3 === t3.value));
51
- ve.length > 0 && j(H.configure, H.pageContext, ve, l2, [le.value.prop]);
52
- l2 && l2.length > 0 && (t2 = l2[0]);
52
+ J.configure && J.configure.props && J.configure.props.base && J.configure.props.base.optionProp && de.push({ source: "label", target: J.configure.props.base.optionProp }), ae.value.changeMethod = function(e3) {
53
+ var _a;
54
+ let l2, t2 = null;
55
+ pe.value && null != e3 && null != e3 && (((_a = ae.value) == null ? void 0 : _a.multiple) && false !== ae.value.showSelectAll && Array.isArray(e3) && e3.includes(U) && (e3 = e3.filter((e4) => e4 !== U)), t2 = pe.value.filter((l3) => Array.isArray(e3) ? e3.includes(l3.value) : e3 === l3.value));
56
+ de.length > 0 && T(J.configure, J.pageContext, de, t2, [ae.value.prop]);
57
+ t2 && t2.length > 0 && (l2 = t2[0]);
53
58
  let o2 = {};
54
- t2 && (o2.extendParams = t2);
55
- o2.options = re.value, o2.oldValue = ae, V(e3, H.pageContext, H.configure, "change", o2);
59
+ l2 && (o2.extendParams = l2);
60
+ o2.options = pe.value, o2.oldValue = ue, V(e3, J.pageContext, J.configure, "change", o2);
56
61
  };
57
- const me = le.value.monitorFields, de = [];
58
- if (me) {
62
+ const he = ae.value.monitorFields, ye = [];
63
+ if (he) {
59
64
  const e3 = [];
60
- for (let t2 of me) if (t2.startsWith("${")) {
61
- t2 = t2.substring(2, t2.length - 1);
62
- const l2 = t2.split(".");
63
- "page" !== l2[0] && "task" !== l2[0] && "data" !== l2[0] || (de.push(l2), e3.includes(l2[0]) || e3.push(l2[0]));
65
+ for (let l2 of he) if (l2.startsWith("${")) {
66
+ l2 = l2.substring(2, l2.length - 1);
67
+ const t2 = l2.split(".");
68
+ "page" !== t2[0] && "task" !== t2[0] && "data" !== t2[0] || (ye.push(t2), e3.includes(t2[0]) || e3.push(t2[0]));
64
69
  }
65
- for (let t2 of e3) o(N[t2], () => {
66
- xe();
70
+ for (let l2 of e3) o(X[l2], () => {
71
+ Ce();
67
72
  });
68
73
  }
69
- let he = "", ye = false;
70
- function xe() {
71
- ye && clearTimeout(ye), ye = setTimeout(function() {
74
+ let be = "", xe = false;
75
+ function Ce() {
76
+ xe && clearTimeout(xe), xe = setTimeout(function() {
72
77
  const e3 = function() {
73
78
  let e4 = [];
74
- for (let t2 of de) e4.push(A(N, t2));
79
+ for (let l2 of ye) e4.push(j(X, l2));
75
80
  return e4.join(",");
76
81
  }();
77
- e3 != he && (he = e3, ge.watchAttrValue = e3, T(H.pageContext, ge, void 0).then((e4) => {
78
- pe.value = false;
82
+ e3 != be && (be = e3, me.watchAttrValue = e3, k(J.pageContext, me, void 0).then((e4) => {
83
+ fe.value = false;
79
84
  }));
80
85
  }, 200);
81
86
  }
82
87
  a(() => {
83
- ye && clearTimeout(ye);
88
+ xe && clearTimeout(xe);
84
89
  });
85
- let be = false;
86
- const Ce = t(null), we = t(null), _e = t(null);
90
+ let _e = false;
91
+ const we = l(null), Se = l(null), Ae = l(null);
87
92
  function ke() {
88
- const e3 = ie();
93
+ const e3 = re();
89
94
  if (null != e3 && "" !== e3 && e3.length > 0) {
90
- let t2 = "";
91
- return "string" == typeof e3 ? re.value.length > 0 ? re.value.forEach((l2) => {
92
- l2.value === e3 && (t2 = l2.label);
93
- }) : t2 = e3 : re.value.length > 0 ? (re.value.forEach((l2) => {
95
+ let l2 = "";
96
+ return "string" == typeof e3 ? pe.value.length > 0 ? pe.value.forEach((t2) => {
97
+ t2.value === e3 && (l2 = t2.label);
98
+ }) : l2 = e3 : pe.value.length > 0 ? (pe.value.forEach((t2) => {
94
99
  e3.forEach((e4) => {
95
- l2.value === e4 && (t2 = t2 + l2.label + ",");
100
+ t2.value === e4 && (l2 = l2 + t2.label + ",");
96
101
  });
97
- }), t2 = t2.slice(0, t2.length - 1)) : t2 = e3.join(","), t2;
102
+ }), l2 = l2.slice(0, l2.length - 1)) : l2 = e3.join(","), l2;
98
103
  }
99
104
  }
100
- return n(() => {
105
+ function Te(e3) {
106
+ Q.value = e3;
107
+ }
108
+ return i(() => {
101
109
  const e3 = new z("#" + ne, { text: function() {
102
110
  return ke();
103
111
  } });
104
112
  e3.on("success", () => {
105
- E({ showClose: true, type: "success", message: G("superPageRuntimeMessage.copySuccess") });
113
+ E({ showClose: true, type: "success", message: H("superPageRuntimeMessage.copySuccess") });
106
114
  }), e3.on("error", (e4) => {
107
- }), i(() => {
108
- const e4 = ue.value;
109
- M(e4, H.pageContext, H.configure, { formItemRef: Ce.value, componentRef: we.value, titleRef: _e.value, value: e4, entity: H.pageContext.entity.data, pageData: H.pageContext.entity.page });
115
+ }), u(() => {
116
+ const e4 = se.value;
117
+ M(e4, J.pageContext, J.configure, { formItemRef: we.value, componentRef: Se.value, titleRef: Ae.value, value: e4, entity: J.pageContext.entity.data, pageData: J.pageContext.entity.page });
110
118
  });
111
119
  }), $2({ updateOptions: function(e3) {
112
- if (re.value = e3 || [], !be) {
113
- const e4 = ie();
114
- if (null != e4 && "" !== e4 && re.value.length > 0) {
115
- let t2 = false;
116
- for (let l2 of re.value) if (l2.value == e4) {
117
- t2 = true;
120
+ if (pe.value = e3 || [], !_e) {
121
+ const e4 = re();
122
+ if (null != e4 && "" !== e4 && pe.value.length > 0) {
123
+ let l2 = false;
124
+ for (let t2 of pe.value) if (t2.value == e4) {
125
+ l2 = true;
118
126
  break;
119
127
  }
120
- if (!t2) {
121
- for (let t3 of re.value) if (t3.label == e4) {
122
- ue.value = t3.value;
128
+ if (!l2) {
129
+ for (let l3 of pe.value) if (l3.label == e4) {
130
+ se.value = l3.value;
123
131
  break;
124
132
  }
125
133
  }
126
134
  }
127
135
  }
128
- be = true;
136
+ _e = true;
129
137
  }, addRequiredClass: function() {
130
- J.value = I();
138
+ N.value = I();
131
139
  }, getSelectItemsTitle: ke, getOptions: function() {
132
- return re.value;
133
- } }), (e3, t2) => {
134
- const l2 = u("el-icon"), o2 = u("el-option"), a2 = u("el-select"), n2 = u("el-popover"), i2 = u("el-form-item");
135
- return s(), r(i2, { ref_key: "formItemRef", ref: Ce, required: !!le.value.required, class: c(f(Z) + (J.value ? " " + J.value : "")), "label-width": le.value.labelWidth, style: p(f(Y)) }, { label: v(() => [le.value.tittleShow ? (s(), y("div", { key: 0, ref_key: "titleRef", ref: _e, style: p({ ...f(ee), ...f(te) }) }, [le.value.prefixType ? (s(), r(P, { key: 0, pageContext: e3.pageContext, property: le.value }, null, 8, ["pageContext", "property"])) : (s(), y(x, { key: 1 }, [_(w(f(D)(le.value.title)), 1)], 64))], 4)) : C("", true)]), default: v(() => [g(n2, { placement: "top", trigger: "hover" }, { reference: v(() => [m("div", B, [g(a2, { ref_key: "componentRef", ref: we, style: { width: "100%" }, disabled: "disabled" === le.value.state, size: le.value.size, clearable: le.value.clearable, multiple: le.value.multiple, "collapse-tags": le.value.collapseTags, "collapse-tags-tooltip": le.value.collapseTagsTooltip, filterable: le.value.filterable, "allow-create": le.value.allowCreate, placeholder: le.value.placeholder, "remote-show-suffix": le.value.remoteShowSuffix, remote: le.value.remote, "remote-method": le.value.remoteMethod, loading: pe.value, onKeydown: t2[0] || (t2[0] = d(h(() => {
136
- }, ["stop"]), ["space"])), onChange: le.value.changeMethod, onClear: le.value.changeMethod, modelValue: ue.value, "onUpdate:modelValue": t2[1] || (t2[1] = (e4) => ue.value = e4) }, { default: v(() => [(s(true), y(x, null, b(re.value, (t3) => (s(), r(o2, { key: t3.value, label: t3.label, value: t3.value, class: c({ "option-description-newLine": f(oe) }), onClick: (l3) => f(V)(t3.value, e3.pageContext, e3.configure, "click", { values: ue.value }) }, { default: v(() => [t3._description_ ? (s(), y(x, { key: 0 }, [f(oe) ? (s(), y("div", F, [m("span", null, w(t3.label), 1), m("span", K, w(t3._description_), 1)])) : (s(), y(x, { key: 1 }, [m("span", L, w(t3.label), 1), m("span", U, w(t3._description_), 1)], 64))], 64)) : C("", true)]), _: 2 }, 1032, ["label", "value", "class", "onClick"]))), 128))]), _: 1 }, 8, ["disabled", "size", "clearable", "multiple", "collapse-tags", "collapse-tags-tooltip", "filterable", "allow-create", "placeholder", "remote-show-suffix", "remote", "remote-method", "loading", "onChange", "onClear", "modelValue"])])]), default: v(() => [m("span", W, [g(l2, { id: ne }, { default: v(() => [g(f(q))]), _: 1 })])]), _: 1 })]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
140
+ return pe.value;
141
+ } }), (e3, l2) => {
142
+ const t2 = n("el-icon"), o2 = n("el-option"), a2 = n("el-select"), i2 = n("el-popover"), u2 = n("el-form-item");
143
+ return s(), r(u2, { ref_key: "formItemRef", ref: we, required: !!ae.value.required, class: c(f(le) + (N.value ? " " + N.value : "")), "label-width": ae.value.labelWidth, style: p(f(ee)) }, { label: v(() => [ae.value.tittleShow ? (s(), b("div", { key: 0, ref_key: "titleRef", ref: Ae, style: p({ ...f(te), ...f(oe) }) }, [ae.value.prefixType ? (s(), r(P, { key: 0, pageContext: e3.pageContext, property: ae.value }, null, 8, ["pageContext", "property"])) : (s(), b(x, { key: 1 }, [w(_(f(D)(ae.value.title)), 1)], 64))], 4)) : y("", true)]), default: v(() => [g(i2, { trigger: "hover", placement: "right", width: 50, disabled: Q.value, teleported: false, "popper-class": "custom-sel-copy-tooltip" }, { reference: v(() => [d("div", B, [g(a2, { ref_key: "componentRef", ref: Se, style: { width: "100%" }, disabled: "disabled" === ae.value.state, size: ae.value.size, clearable: ae.value.clearable, multiple: ae.value.multiple, "collapse-tags": ae.value.collapseTags, "collapse-tags-tooltip": ae.value.collapseTagsTooltip, filterable: ae.value.filterable, "allow-create": ae.value.allowCreate, placeholder: ae.value.placeholder, "remote-show-suffix": ae.value.remoteShowSuffix, remote: ae.value.remote, "remote-method": ae.value.remoteMethod, loading: fe.value, onKeydown: l2[0] || (l2[0] = m(h(() => {
144
+ }, ["stop"]), ["space"])), onChange: ae.value.changeMethod, onClear: ae.value.changeMethod, onVisibleChange: Te, modelValue: se.value, "onUpdate:modelValue": l2[1] || (l2[1] = (e4) => se.value = e4) }, { default: v(() => [ae.value.multiple && false !== ae.value.showSelectAll ? (s(), r(o2, { key: 0, label: f(H)("superGrid.selectAll"), value: U, disabled: !(pe.value && pe.value.length > 0) }, null, 8, ["label", "disabled"])) : y("", true), (s(true), b(x, null, C(pe.value, (l3) => (s(), r(o2, { key: l3.value, label: l3.label, value: l3.value, class: c({ "option-description-newLine": f(ie) }), onClick: (t3) => f(V)(l3.value, e3.pageContext, e3.configure, "click", { values: se.value }) }, { default: v(() => [l3._description_ ? (s(), b(x, { key: 0 }, [f(ie) ? (s(), b("div", F, [d("span", null, _(l3.label), 1), d("span", G, _(l3._description_), 1)])) : (s(), b(x, { key: 1 }, [d("span", K, _(l3.label), 1), d("span", L, _(l3._description_), 1)], 64))], 64)) : y("", true)]), _: 2 }, 1032, ["label", "value", "class", "onClick"]))), 128))]), _: 1 }, 8, ["disabled", "size", "clearable", "multiple", "collapse-tags", "collapse-tags-tooltip", "filterable", "allow-create", "placeholder", "remote-show-suffix", "remote", "remote-method", "loading", "onChange", "onClear", "modelValue"])])]), default: v(() => [d("span", W, [g(t2, { id: ne, style: { cursor: "copy" } }, { default: v(() => [g(f(q))]), _: 1 })])]), _: 1 }, 8, ["disabled"])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
137
145
  };
138
146
  } });
139
147
  export {
package/dist/es/components/runtime/views/super-page-dialog.vue.js CHANGED
@@ -1,23 +1,23 @@
1
1
  import { defineComponent as e, ref as a, resolveComponent as l, createBlock as u, openBlock as t, withCtx as n, createElementBlock as o, createCommentVNode as r } from "vue";
2
2
  import i from "./super-page.vue.js";
3
- const s = ["src"], d = { key: 1, class: "amb-super-page-runtime-dialog-iframe", frameborder: "0", marginwidth: "0", marginheight: "0", width: "100%", allowtransparency: "no" }, g = e({ __name: "super-page-dialog", props: { parentPageContext: {}, parentPageEventParams: {}, jumpPageSetting: {}, isTest: { type: Boolean }, customParams: {} }, emits: ["open", "opened", "close", "closed"], setup(e2, { emit: g2 }) {
4
- const p = e2, v = g2, m = a(true), c = p.jumpPageSetting ? p.jumpPageSetting : null, P = a(null), f = a(null), h = a(null), w = a(null), C = a(null), j = a(null), b = a({}), y = a(false), k = a(false), O = a("rtl"), I = a(null), _ = a(false), x = a(null), V = a(true), S = a(false);
3
+ const d = ["src"], s = ["src"], g = e({ __name: "super-page-dialog", props: { parentPageContext: {}, parentPageEventParams: {}, jumpPageSetting: {}, isTest: { type: Boolean }, customParams: {} }, emits: ["open", "opened", "close", "closed"], setup(e2, { emit: g2 }) {
4
+ const v = e2, p = g2, m = a(true), c = v.jumpPageSetting ? v.jumpPageSetting : null, P = a(null), f = a(null), h = a(null), w = a(null), b = a(null), C = a(null), j = a({}), y = a(false), k = a(false), O = a("rtl"), I = a(null), _ = a(false), x = a(null), V = a(true), M = a(false), S = a(true), T = a(false);
5
5
  if (c) {
6
- V.value = (c == null ? void 0 : c.alignCenter) ?? true, S.value = (c == null ? void 0 : c.fullscreen) ?? false, _.value = !(!c || void 0 === c._isIframe) && c._isIframe, x.value = c && c._path ? c._path : null, j.value = c && c.dialogType ? c.dialogType : "dialog", y.value = !(!c || !c.draggable) && c.draggable, k.value = !(!c || !c.overflow) && c.overflow, O.value = c && c.showPosition ? c.showPosition : "rtl", f.value = c && c.jumpPageTitle ? c.jumpPageTitle : null, P.value = c && c.jumpPageWidth ? c.jumpPageWidth : "dialog" === j.value ? "calc(100% - 30px)" : "100%", I.value = c && c.jumpPageHeight ? c.jumpPageHeight : null, h.value = c && c.pageCode, w.value = c && c.dataId ? c.dataId : null, C.value = c && c.taskId ? c.taskId : null;
6
+ V.value = (c == null ? void 0 : c.alignCenter) ?? true, M.value = (c == null ? void 0 : c.fullscreen) ?? false, _.value = !(!c || void 0 === c._isIframe) && c._isIframe, x.value = c && c._path ? c._path : null, C.value = c && c.dialogType ? c.dialogType : "dialog", y.value = !(!c || !c.draggable) && c.draggable, k.value = !(!c || !c.overflow) && c.overflow, O.value = c && c.showPosition ? c.showPosition : "rtl", f.value = c && c.jumpPageTitle ? c.jumpPageTitle : null, P.value = c && c.jumpPageWidth ? c.jumpPageWidth : "dialog" === C.value ? "calc(100% - 30px)" : "100%", S.value = c == null ? void 0 : c.showDialogModal, false === S.value ? T.value = c == null ? void 0 : c.dialogModalPenetrable : null !== S.value && void 0 !== S.value || true === (c == null ? void 0 : c.dialogModalPenetrable) && (T.value = true, S.value = false), I.value = c && c.jumpPageHeight ? c.jumpPageHeight : null, h.value = c && c.pageCode, w.value = c && c.dataId ? c.dataId : null, b.value = c && c.taskId ? c.taskId : null;
7
7
  const e3 = !!c.isNeedId;
8
- if (p.parentPageEventParams) {
8
+ if (v.parentPageEventParams) {
9
9
  try {
10
- const e4 = JSON.parse(JSON.stringify(p.parentPageEventParams));
11
- e4.pageContext && delete e4.pageContext, e4.configureObj && delete e4.configureObj, Object.assign(b.value, e4);
10
+ const e4 = JSON.parse(JSON.stringify(v.parentPageEventParams));
11
+ e4.pageContext && delete e4.pageContext, e4.configureObj && delete e4.configureObj, Object.assign(j.value, e4);
12
12
  } catch (e4) {
13
13
  }
14
- null !== w.value && void 0 !== w.value || (w.value = p.parentPageEventParams.id);
14
+ null !== w.value && void 0 !== w.value || (w.value = v.parentPageEventParams.id);
15
15
  }
16
- b.value.parentPageCode = c && c.parentPageCode ? c.parentPageCode : null, b.value.parentPageVersion = c && c.parentPageVersion ? c.parentPageVersion : null, b.value.jumpMode = c ? c.jumpMode : null, b.value.id = w.value, b.value.isNeedId = e3, b.value.taskId = C.value, p.customParams && Object.assign(b.value, p.customParams);
16
+ j.value.parentPageCode = c && c.parentPageCode ? c.parentPageCode : null, j.value.parentPageVersion = c && c.parentPageVersion ? c.parentPageVersion : null, j.value.jumpMode = c ? c.jumpMode : null, j.value.id = w.value, j.value.isNeedId = e3, j.value.taskId = b.value, v.customParams && Object.assign(j.value, v.customParams);
17
17
  }
18
18
  return (e3, a2) => {
19
- const g3 = l("el-drawer"), p2 = l("el-dialog");
20
- return j.value && "drawer" === j.value ? (t(), u(g3, { key: 0, modelValue: m.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e4) => m.value = e4), title: f.value, direction: O.value, size: P.value, class: "content-drawer amb-super-page-runtime-drawer-view", onOpen: a2[1] || (a2[1] = (e4) => v("open")), onOpened: a2[2] || (a2[2] = (e4) => v("opened")), onClose: a2[3] || (a2[3] = (e4) => v("close")), onClosed: a2[4] || (a2[4] = (e4) => v("closed")) }, { default: n(() => [!_.value && h.value ? (t(), u(i, { key: 0, pageCode: h.value, pageRequest: b.value, isDialog: true }, null, 8, ["pageCode", "pageRequest"])) : _.value ? (t(), o("iframe", { key: 1, src: x.value, class: "amb-super-page-runtime-drawer-iframe", frameborder: "0", marginwidth: "0", marginheight: "0", width: "100%", allowtransparency: "no" }, null, 8, s)) : r("", true)]), _: 1 }, 8, ["modelValue", "title", "direction", "size"])) : (t(), u(p2, { key: 1, "model-value": "", title: f.value, "close-on-click-modal": false, "append-to-body": "", width: P.value, fullscreen: S.value, alignCenter: V.value, draggable: y.value, overflow: k.value, class: "amb-super-page-runtime-dialog-view", onOpen: a2[5] || (a2[5] = (a3) => e3.$emit("open")), onOpend: a2[6] || (a2[6] = (a3) => e3.$emit("opend")), onClose: a2[7] || (a2[7] = (e4) => v("close")), onClosed: a2[8] || (a2[8] = (a3) => e3.$emit("closed")) }, { default: n(() => [!_.value && h.value ? (t(), u(i, { key: 0, style: { "min-height": "100px" }, pageCode: h.value, pageRequest: b.value, contentHeight: I.value, isDialog: true }, null, 8, ["pageCode", "pageRequest", "contentHeight"])) : _.value ? (t(), o("iframe", d)) : r("", true)]), _: 1 }, 8, ["title", "width", "fullscreen", "alignCenter", "draggable", "overflow"]));
19
+ const g3 = l("el-drawer"), v2 = l("el-dialog");
20
+ return C.value && "drawer" === C.value ? (t(), u(g3, { key: 0, modelValue: m.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e4) => m.value = e4), title: f.value, direction: O.value, size: P.value, class: "content-drawer amb-super-page-runtime-drawer-view", onOpen: a2[1] || (a2[1] = (e4) => p("open")), onOpened: a2[2] || (a2[2] = (e4) => p("opened")), onClose: a2[3] || (a2[3] = (e4) => p("close")), onClosed: a2[4] || (a2[4] = (e4) => p("closed")) }, { default: n(() => [!_.value && h.value ? (t(), u(i, { key: 0, pageCode: h.value, pageRequest: j.value, isDialog: true }, null, 8, ["pageCode", "pageRequest"])) : _.value ? (t(), o("iframe", { key: 1, src: x.value, class: "amb-super-page-runtime-drawer-iframe", frameborder: "0", marginwidth: "0", marginheight: "0", width: "100%", allowtransparency: "no" }, null, 8, d)) : r("", true)]), _: 1 }, 8, ["modelValue", "title", "direction", "size"])) : (t(), u(v2, { key: 1, "model-value": "", title: f.value, "close-on-click-modal": false, "append-to-body": "", width: P.value, modal: S.value, "modal-penetrable": T.value, fullscreen: M.value, alignCenter: V.value, draggable: y.value, overflow: k.value, class: "amb-super-page-runtime-dialog-view", onOpen: a2[5] || (a2[5] = (a3) => e3.$emit("open")), onOpend: a2[6] || (a2[6] = (a3) => e3.$emit("opend")), onClose: a2[7] || (a2[7] = (e4) => p("close")), onClosed: a2[8] || (a2[8] = (a3) => e3.$emit("closed")) }, { default: n(() => [!_.value && h.value ? (t(), u(i, { key: 0, style: { "min-height": "100px" }, pageCode: h.value, pageRequest: j.value, contentHeight: I.value, isDialog: true }, null, 8, ["pageCode", "pageRequest", "contentHeight"])) : _.value ? (t(), o("iframe", { key: 1, src: x.value, class: "amb-super-page-runtime-dialog-iframe", frameborder: "0", marginwidth: "0", marginheight: "0", width: "100%", allowtransparency: "no" }, null, 8, s)) : r("", true)]), _: 1 }, 8, ["title", "width", "modal", "modal-penetrable", "fullscreen", "alignCenter", "draggable", "overflow"]));
21
21
  };
22
22
  } });
23
23
  export {
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-b356a9a7"]]);
4
+ const r = p(e, [["__scopeId", "data-v-5ceba9a1"]]);
5
5
  export {
6
6
  r as default
7
7
  };
package/dist/es/components/runtime/views/super-page.vue2.js CHANGED
@@ -249,7 +249,7 @@ const Se = e({ __name: "super-page", props: { pageCode: { type: String, required
249
249
  const a3 = e3.isNeedValueMapping;
250
250
  l2 = e3.dataModel, u2 = e3.sourceTableName, a3 && te(la.value, n2, l2, u2, ta.value ? ta.value.valueMappings : null);
251
251
  }
252
- O(null, la.value, n2, "closePopup", { sourceModel: l2, sourceTableName: u2, jumpPageSetting: ta.value, entity: la.value.entity.data, targetTableName: o2, pageContext: na.value, parentPageContext: la.value, parentConfigureObj: n2, columnProp: i2 }), function(e4, a3, t3) {
252
+ O(null, la.value, n2, "closePopup", { sourceModel: l2, sourceTableName: u2, jumpPageSetting: ta.value, entity: la.value.entity.data, targetTableName: o2, pageContext: na.value, parentPageContext: la.value, parentConfigureObj: n2, columnProp: i2 }), "function" == typeof a2 ? a2.apply(a2, [{ dataModel: e3.dataModel }]) : function(e4, a3, t3) {
253
253
  if (e4) {
254
254
  const l3 = I(la.value, e4);
255
255
  l3 && l3.apply(l3, [{ pageContext: na.value, parentPageContext: la.value, parentConfigureObj: t3, jumpPageSetting: ta.value, columnProp: a3 }]);
package/dist/es/style.css CHANGED
@@ -100,7 +100,7 @@
100
100
  min-height: 60px;
101
101
  resize: vertical;
102
102
  }
103
- .runtime-page-container[data-v-b356a9a7] {
103
+ .runtime-page-container[data-v-5ceba9a1] {
104
104
  overflow: hidden;
105
105
  max-height: 100vh;
106
106
  padding: var(--app-main-padding, 15px);
@@ -108,269 +108,269 @@
108
108
  height: calc(100vh - var(--dec-page-main-padding, 15px) * 2);
109
109
  }
110
110
  @media (max-width: 768px) {
111
- .runtime-page-container[data-v-b356a9a7] .el-col-1 {
111
+ .runtime-page-container[data-v-5ceba9a1] .el-col-1 {
112
112
  flex: 0 0 100%;
113
113
  max-width: 100%;
114
114
  }
115
115
  }
116
- .runtime-page-container[data-v-b356a9a7] .el-col-1 > .el-form-item:only-child {
116
+ .runtime-page-container[data-v-5ceba9a1] .el-col-1 > .el-form-item:only-child {
117
117
  margin-bottom: 0;
118
118
  }
119
- .runtime-page-container[data-v-b356a9a7] .el-col-2 {
119
+ .runtime-page-container[data-v-5ceba9a1] .el-col-2 {
120
120
  flex: 0 0 calc(2 / 24 * (100% - (24 / 2 - 1) * var(--layout-form-flex-gap, 15px)));
121
121
  max-width: calc(2 / 24 * (100% - (24 / 2 - 1) * var(--layout-form-flex-gap, 15px)));
122
122
  }
123
123
  @media (max-width: 768px) {
124
- .runtime-page-container[data-v-b356a9a7] .el-col-2 {
124
+ .runtime-page-container[data-v-5ceba9a1] .el-col-2 {
125
125
  flex: 0 0 100%;
126
126
  max-width: 100%;
127
127
  }
128
128
  }
129
- .runtime-page-container[data-v-b356a9a7] .el-col-2 > .el-form-item:only-child {
129
+ .runtime-page-container[data-v-5ceba9a1] .el-col-2 > .el-form-item:only-child {
130
130
  margin-bottom: 0;
131
131
  }
132
132
  @media (max-width: 768px) {
133
- .runtime-page-container[data-v-b356a9a7] .el-col-3 {
133
+ .runtime-page-container[data-v-5ceba9a1] .el-col-3 {
134
134
  flex: 0 0 100%;
135
135
  max-width: 100%;
136
136
  }
137
137
  }
138
- .runtime-page-container[data-v-b356a9a7] .el-col-3 > .el-form-item:only-child {
138
+ .runtime-page-container[data-v-5ceba9a1] .el-col-3 > .el-form-item:only-child {
139
139
  margin-bottom: 0;
140
140
  }
141
- .runtime-page-container[data-v-b356a9a7] .el-col-4 {
141
+ .runtime-page-container[data-v-5ceba9a1] .el-col-4 {
142
142
  flex: 0 0 calc(4 / 24 * (100% - (24 / 4 - 1) * var(--layout-form-flex-gap, 15px)));
143
143
  max-width: calc(4 / 24 * (100% - (24 / 4 - 1) * var(--layout-form-flex-gap, 15px)));
144
144
  }
145
145
  @media (max-width: 768px) {
146
- .runtime-page-container[data-v-b356a9a7] .el-col-4 {
146
+ .runtime-page-container[data-v-5ceba9a1] .el-col-4 {
147
147
  flex: 0 0 100%;
148
148
  max-width: 100%;
149
149
  }
150
150
  }
151
- .runtime-page-container[data-v-b356a9a7] .el-col-4 > .el-form-item:only-child {
151
+ .runtime-page-container[data-v-5ceba9a1] .el-col-4 > .el-form-item:only-child {
152
152
  margin-bottom: 0;
153
153
  }
154
154
  @media (max-width: 768px) {
155
- .runtime-page-container[data-v-b356a9a7] .el-col-5 {
155
+ .runtime-page-container[data-v-5ceba9a1] .el-col-5 {
156
156
  flex: 0 0 100%;
157
157
  max-width: 100%;
158
158
  }
159
159
  }
160
- .runtime-page-container[data-v-b356a9a7] .el-col-5 > .el-form-item:only-child {
160
+ .runtime-page-container[data-v-5ceba9a1] .el-col-5 > .el-form-item:only-child {
161
161
  margin-bottom: 0;
162
162
  }
163
- .runtime-page-container[data-v-b356a9a7] .el-col-6 {
163
+ .runtime-page-container[data-v-5ceba9a1] .el-col-6 {
164
164
  flex: 0 0 calc(6 / 24 * (100% - (24 / 6 - 1) * var(--layout-form-flex-gap, 15px)));
165
165
  max-width: calc(6 / 24 * (100% - (24 / 6 - 1) * var(--layout-form-flex-gap, 15px)));
166
166
  }
167
167
  @media (max-width: 768px) {
168
- .runtime-page-container[data-v-b356a9a7] .el-col-6 {
168
+ .runtime-page-container[data-v-5ceba9a1] .el-col-6 {
169
169
  flex: 0 0 100%;
170
170
  max-width: 100%;
171
171
  }
172
172
  }
173
- .runtime-page-container[data-v-b356a9a7] .el-col-6 > .el-form-item:only-child {
173
+ .runtime-page-container[data-v-5ceba9a1] .el-col-6 > .el-form-item:only-child {
174
174
  margin-bottom: 0;
175
175
  }
176
176
  @media (max-width: 768px) {
177
- .runtime-page-container[data-v-b356a9a7] .el-col-7 {
177
+ .runtime-page-container[data-v-5ceba9a1] .el-col-7 {
178
178
  flex: 0 0 100%;
179
179
  max-width: 100%;
180
180
  }
181
181
  }
182
- .runtime-page-container[data-v-b356a9a7] .el-col-7 > .el-form-item:only-child {
182
+ .runtime-page-container[data-v-5ceba9a1] .el-col-7 > .el-form-item:only-child {
183
183
  margin-bottom: 0;
184
184
  }
185
- .runtime-page-container[data-v-b356a9a7] .el-col-8 {
185
+ .runtime-page-container[data-v-5ceba9a1] .el-col-8 {
186
186
  flex: 0 0 calc(8 / 24 * (100% - (24 / 8 - 1) * var(--layout-form-flex-gap, 15px)));
187
187
  max-width: calc(8 / 24 * (100% - (24 / 8 - 1) * var(--layout-form-flex-gap, 15px)));
188
188
  }
189
189
  @media (max-width: 768px) {
190
- .runtime-page-container[data-v-b356a9a7] .el-col-8 {
190
+ .runtime-page-container[data-v-5ceba9a1] .el-col-8 {
191
191
  flex: 0 0 100%;
192
192
  max-width: 100%;
193
193
  }
194
194
  }
195
- .runtime-page-container[data-v-b356a9a7] .el-col-8 > .el-form-item:only-child {
195
+ .runtime-page-container[data-v-5ceba9a1] .el-col-8 > .el-form-item:only-child {
196
196
  margin-bottom: 0;
197
197
  }
198
198
  @media (max-width: 768px) {
199
- .runtime-page-container[data-v-b356a9a7] .el-col-9 {
199
+ .runtime-page-container[data-v-5ceba9a1] .el-col-9 {
200
200
  flex: 0 0 100%;
201
201
  max-width: 100%;
202
202
  }
203
203
  }
204
- .runtime-page-container[data-v-b356a9a7] .el-col-9 > .el-form-item:only-child {
204
+ .runtime-page-container[data-v-5ceba9a1] .el-col-9 > .el-form-item:only-child {
205
205
  margin-bottom: 0;
206
206
  }
207
- .runtime-page-container[data-v-b356a9a7] .el-col-10 {
207
+ .runtime-page-container[data-v-5ceba9a1] .el-col-10 {
208
208
  flex: 0 0 calc(10 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
209
209
  max-width: calc(10 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
210
210
  }
211
211
  @media (max-width: 768px) {
212
- .runtime-page-container[data-v-b356a9a7] .el-col-10 {
212
+ .runtime-page-container[data-v-5ceba9a1] .el-col-10 {
213
213
  flex: 0 0 100%;
214
214
  max-width: 100%;
215
215
  }
216
216
  }
217
- .runtime-page-container[data-v-b356a9a7] .el-col-10 > .el-form-item:only-child {
217
+ .runtime-page-container[data-v-5ceba9a1] .el-col-10 > .el-form-item:only-child {
218
218
  margin-bottom: 0;
219
219
  }
220
220
  @media (max-width: 768px) {
221
- .runtime-page-container[data-v-b356a9a7] .el-col-11 {
221
+ .runtime-page-container[data-v-5ceba9a1] .el-col-11 {
222
222
  flex: 0 0 100%;
223
223
  max-width: 100%;
224
224
  }
225
225
  }
226
- .runtime-page-container[data-v-b356a9a7] .el-col-11 > .el-form-item:only-child {
226
+ .runtime-page-container[data-v-5ceba9a1] .el-col-11 > .el-form-item:only-child {
227
227
  margin-bottom: 0;
228
228
  }
229
- .runtime-page-container[data-v-b356a9a7] .el-col-12 {
229
+ .runtime-page-container[data-v-5ceba9a1] .el-col-12 {
230
230
  flex: 0 0 calc(12 / 24 * (100% - (24 / 12 - 1) * var(--layout-form-flex-gap, 15px)));
231
231
  max-width: calc(12 / 24 * (100% - (24 / 12 - 1) * var(--layout-form-flex-gap, 15px)));
232
232
  }
233
233
  @media (max-width: 768px) {
234
- .runtime-page-container[data-v-b356a9a7] .el-col-12 {
234
+ .runtime-page-container[data-v-5ceba9a1] .el-col-12 {
235
235
  flex: 0 0 100%;
236
236
  max-width: 100%;
237
237
  }
238
238
  }
239
- .runtime-page-container[data-v-b356a9a7] .el-col-12 > .el-form-item:only-child {
239
+ .runtime-page-container[data-v-5ceba9a1] .el-col-12 > .el-form-item:only-child {
240
240
  margin-bottom: 0;
241
241
  }
242
242
  @media (max-width: 768px) {
243
- .runtime-page-container[data-v-b356a9a7] .el-col-13 {
243
+ .runtime-page-container[data-v-5ceba9a1] .el-col-13 {
244
244
  flex: 0 0 100%;
245
245
  max-width: 100%;
246
246
  }
247
247
  }
248
- .runtime-page-container[data-v-b356a9a7] .el-col-13 > .el-form-item:only-child {
248
+ .runtime-page-container[data-v-5ceba9a1] .el-col-13 > .el-form-item:only-child {
249
249
  margin-bottom: 0;
250
250
  }
251
- .runtime-page-container[data-v-b356a9a7] .el-col-14 {
251
+ .runtime-page-container[data-v-5ceba9a1] .el-col-14 {
252
252
  flex: 0 0 calc(14 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
253
253
  max-width: calc(14 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
254
254
  }
255
255
  @media (max-width: 768px) {
256
- .runtime-page-container[data-v-b356a9a7] .el-col-14 {
256
+ .runtime-page-container[data-v-5ceba9a1] .el-col-14 {
257
257
  flex: 0 0 100%;
258
258
  max-width: 100%;
259
259
  }
260
260
  }
261
- .runtime-page-container[data-v-b356a9a7] .el-col-14 > .el-form-item:only-child {
261
+ .runtime-page-container[data-v-5ceba9a1] .el-col-14 > .el-form-item:only-child {
262
262
  margin-bottom: 0;
263
263
  }
264
264
  @media (max-width: 768px) {
265
- .runtime-page-container[data-v-b356a9a7] .el-col-15 {
265
+ .runtime-page-container[data-v-5ceba9a1] .el-col-15 {
266
266
  flex: 0 0 100%;
267
267
  max-width: 100%;
268
268
  }
269
269
  }
270
- .runtime-page-container[data-v-b356a9a7] .el-col-15 > .el-form-item:only-child {
270
+ .runtime-page-container[data-v-5ceba9a1] .el-col-15 > .el-form-item:only-child {
271
271
  margin-bottom: 0;
272
272
  }
273
- .runtime-page-container[data-v-b356a9a7] .el-col-16 {
273
+ .runtime-page-container[data-v-5ceba9a1] .el-col-16 {
274
274
  flex: 0 0 calc(16 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
275
275
  max-width: calc(16 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
276
276
  }
277
277
  @media (max-width: 768px) {
278
- .runtime-page-container[data-v-b356a9a7] .el-col-16 {
278
+ .runtime-page-container[data-v-5ceba9a1] .el-col-16 {
279
279
  flex: 0 0 100%;
280
280
  max-width: 100%;
281
281
  }
282
282
  }
283
- .runtime-page-container[data-v-b356a9a7] .el-col-16 > .el-form-item:only-child {
283
+ .runtime-page-container[data-v-5ceba9a1] .el-col-16 > .el-form-item:only-child {
284
284
  margin-bottom: 0;
285
285
  }
286
286
  @media (max-width: 768px) {
287
- .runtime-page-container[data-v-b356a9a7] .el-col-17 {
287
+ .runtime-page-container[data-v-5ceba9a1] .el-col-17 {
288
288
  flex: 0 0 100%;
289
289
  max-width: 100%;
290
290
  }
291
291
  }
292
- .runtime-page-container[data-v-b356a9a7] .el-col-17 > .el-form-item:only-child {
292
+ .runtime-page-container[data-v-5ceba9a1] .el-col-17 > .el-form-item:only-child {
293
293
  margin-bottom: 0;
294
294
  }
295
- .runtime-page-container[data-v-b356a9a7] .el-col-18 {
295
+ .runtime-page-container[data-v-5ceba9a1] .el-col-18 {
296
296
  flex: 0 0 calc(18 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
297
297
  max-width: calc(18 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
298
298
  }
299
299
  @media (max-width: 768px) {
300
- .runtime-page-container[data-v-b356a9a7] .el-col-18 {
300
+ .runtime-page-container[data-v-5ceba9a1] .el-col-18 {
301
301
  flex: 0 0 100%;
302
302
  max-width: 100%;
303
303
  }
304
304
  }
305
- .runtime-page-container[data-v-b356a9a7] .el-col-18 > .el-form-item:only-child {
305
+ .runtime-page-container[data-v-5ceba9a1] .el-col-18 > .el-form-item:only-child {
306
306
  margin-bottom: 0;
307
307
  }
308
308
  @media (max-width: 768px) {
309
- .runtime-page-container[data-v-b356a9a7] .el-col-19 {
309
+ .runtime-page-container[data-v-5ceba9a1] .el-col-19 {
310
310
  flex: 0 0 100%;
311
311
  max-width: 100%;
312
312
  }
313
313
  }
314
- .runtime-page-container[data-v-b356a9a7] .el-col-19 > .el-form-item:only-child {
314
+ .runtime-page-container[data-v-5ceba9a1] .el-col-19 > .el-form-item:only-child {
315
315
  margin-bottom: 0;
316
316
  }
317
- .runtime-page-container[data-v-b356a9a7] .el-col-20 {
317
+ .runtime-page-container[data-v-5ceba9a1] .el-col-20 {
318
318
  flex: 0 0 calc(20 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
319
319
  max-width: calc(20 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
320
320
  }
321
321
  @media (max-width: 768px) {
322
- .runtime-page-container[data-v-b356a9a7] .el-col-20 {
322
+ .runtime-page-container[data-v-5ceba9a1] .el-col-20 {
323
323
  flex: 0 0 100%;
324
324
  max-width: 100%;
325
325
  }
326
326
  }
327
- .runtime-page-container[data-v-b356a9a7] .el-col-20 > .el-form-item:only-child {
327
+ .runtime-page-container[data-v-5ceba9a1] .el-col-20 > .el-form-item:only-child {
328
328
  margin-bottom: 0;
329
329
  }
330
330
  @media (max-width: 768px) {
331
- .runtime-page-container[data-v-b356a9a7] .el-col-21 {
331
+ .runtime-page-container[data-v-5ceba9a1] .el-col-21 {
332
332
  flex: 0 0 100%;
333
333
  max-width: 100%;
334
334
  }
335
335
  }
336
- .runtime-page-container[data-v-b356a9a7] .el-col-21 > .el-form-item:only-child {
336
+ .runtime-page-container[data-v-5ceba9a1] .el-col-21 > .el-form-item:only-child {
337
337
  margin-bottom: 0;
338
338
  }
339
- .runtime-page-container[data-v-b356a9a7] .el-col-22 {
339
+ .runtime-page-container[data-v-5ceba9a1] .el-col-22 {
340
340
  flex: 0 0 calc(22 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
341
341
  max-width: calc(22 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
342
342
  }
343
343
  @media (max-width: 768px) {
344
- .runtime-page-container[data-v-b356a9a7] .el-col-22 {
344
+ .runtime-page-container[data-v-5ceba9a1] .el-col-22 {
345
345
  flex: 0 0 100%;
346
346
  max-width: 100%;
347
347
  }
348
348
  }
349
- .runtime-page-container[data-v-b356a9a7] .el-col-22 > .el-form-item:only-child {
349
+ .runtime-page-container[data-v-5ceba9a1] .el-col-22 > .el-form-item:only-child {
350
350
  margin-bottom: 0;
351
351
  }
352
352
  @media (max-width: 768px) {
353
- .runtime-page-container[data-v-b356a9a7] .el-col-23 {
353
+ .runtime-page-container[data-v-5ceba9a1] .el-col-23 {
354
354
  flex: 0 0 100%;
355
355
  max-width: 100%;
356
356
  }
357
357
  }
358
- .runtime-page-container[data-v-b356a9a7] .el-col-23 > .el-form-item:only-child {
358
+ .runtime-page-container[data-v-5ceba9a1] .el-col-23 > .el-form-item:only-child {
359
359
  margin-bottom: 0;
360
360
  }
361
361
  @media (max-width: 768px) {
362
- .runtime-page-container[data-v-b356a9a7] .el-col-24 {
362
+ .runtime-page-container[data-v-5ceba9a1] .el-col-24 {
363
363
  flex: 0 0 100%;
364
364
  max-width: 100%;
365
365
  }
366
366
  }
367
- .runtime-page-container[data-v-b356a9a7] .el-col-24 > .el-form-item:only-child {
367
+ .runtime-page-container[data-v-5ceba9a1] .el-col-24 > .el-form-item:only-child {
368
368
  margin-bottom: 0;
369
369
  }
370
- .runtime-page-container[data-v-b356a9a7] .el-input-group > .el-input-group__append > .el-button + .el-button {
370
+ .runtime-page-container[data-v-5ceba9a1] .el-input-group > .el-input-group__append > .el-button + .el-button {
371
371
  margin-left: 12px;
372
372
  }
373
- .runtime-page-container[data-v-b356a9a7] .runtime-page-container-view, .runtime-page-container[data-v-b356a9a7] .el-container > .el-main, .runtime-page-container[data-v-b356a9a7] .el-container > .el-aside {
373
+ .runtime-page-container[data-v-5ceba9a1] .runtime-page-container-view, .runtime-page-container[data-v-5ceba9a1] .el-container > .el-main, .runtime-page-container[data-v-5ceba9a1] .el-container > .el-aside {
374
374
  display: flex;
375
375
  flex-direction: row;
376
376
  align-items: flex-start;
@@ -381,49 +381,49 @@
381
381
  height: calc(100vh - var(--dec-page-main-padding, 15px) * 2);
382
382
  overflow: auto;
383
383
  }
384
- .runtime-page-container[data-v-b356a9a7] .runtime-page-container-view[style*="padding: 10px"], .runtime-page-container[data-v-b356a9a7] .el-container > [style*="padding: 10px"].el-main, .runtime-page-container[data-v-b356a9a7] .el-container > [style*="padding: 10px"].el-aside {
384
+ .runtime-page-container[data-v-5ceba9a1] .runtime-page-container-view[style*="padding: 10px"], .runtime-page-container[data-v-5ceba9a1] .el-container > [style*="padding: 10px"].el-main, .runtime-page-container[data-v-5ceba9a1] .el-container > [style*="padding: 10px"].el-aside {
385
385
  padding: 0 !important;
386
386
  }
387
- .runtime-page-container[data-v-b356a9a7] .runtime-page-container-view .el-form, .runtime-page-container[data-v-b356a9a7] .el-container > .el-main .el-form, .runtime-page-container[data-v-b356a9a7] .el-container > .el-aside .el-form {
387
+ .runtime-page-container[data-v-5ceba9a1] .runtime-page-container-view .el-form, .runtime-page-container[data-v-5ceba9a1] .el-container > .el-main .el-form, .runtime-page-container[data-v-5ceba9a1] .el-container > .el-aside .el-form {
388
388
  width: 100%;
389
389
  display: flex;
390
390
  flex-wrap: wrap;
391
391
  gap: var(--runtime-page-container-view-gap, 15px);
392
392
  }
393
- .runtime-page-container[data-v-b356a9a7] .runtime-page-container-view .el-form > div, .runtime-page-container[data-v-b356a9a7] .el-container > .el-main .el-form > div, .runtime-page-container[data-v-b356a9a7] .el-container > .el-aside .el-form > div {
393
+ .runtime-page-container[data-v-5ceba9a1] .runtime-page-container-view .el-form > div, .runtime-page-container[data-v-5ceba9a1] .el-container > .el-main .el-form > div, .runtime-page-container[data-v-5ceba9a1] .el-container > .el-aside .el-form > div {
394
394
  width: 100%;
395
395
  }
396
- .runtime-page-container[data-v-b356a9a7] .runtime-page-container-view .el-form > div[style*="display: inline-block"], .runtime-page-container[data-v-b356a9a7] .el-container > .el-main .el-form > div[style*="display: inline-block"], .runtime-page-container[data-v-b356a9a7] .el-container > .el-aside .el-form > div[style*="display: inline-block"] {
396
+ .runtime-page-container[data-v-5ceba9a1] .runtime-page-container-view .el-form > div[style*="display: inline-block"], .runtime-page-container[data-v-5ceba9a1] .el-container > .el-main .el-form > div[style*="display: inline-block"], .runtime-page-container[data-v-5ceba9a1] .el-container > .el-aside .el-form > div[style*="display: inline-block"] {
397
397
  width: auto;
398
398
  }
399
- .runtime-page-container[data-v-b356a9a7] .runtime-page-container-view > div, .runtime-page-container[data-v-b356a9a7] .el-container > .el-main > div, .runtime-page-container[data-v-b356a9a7] .el-container > .el-aside > div {
399
+ .runtime-page-container[data-v-5ceba9a1] .runtime-page-container-view > div, .runtime-page-container[data-v-5ceba9a1] .el-container > .el-main > div, .runtime-page-container[data-v-5ceba9a1] .el-container > .el-aside > div {
400
400
  width: 100%;
401
401
  }
402
- .runtime-page-container[data-v-b356a9a7] .runtime-page-container-view > div[style*="display: inline-block"], .runtime-page-container[data-v-b356a9a7] .el-container > .el-main > div[style*="display: inline-block"], .runtime-page-container[data-v-b356a9a7] .el-container > .el-aside > div[style*="display: inline-block"] {
402
+ .runtime-page-container[data-v-5ceba9a1] .runtime-page-container-view > div[style*="display: inline-block"], .runtime-page-container[data-v-5ceba9a1] .el-container > .el-main > div[style*="display: inline-block"], .runtime-page-container[data-v-5ceba9a1] .el-container > .el-aside > div[style*="display: inline-block"] {
403
403
  width: auto;
404
404
  }
405
- .runtime-page-container[data-v-b356a9a7] .runtime-page-container-view > div[class*=el-col-], .runtime-page-container[data-v-b356a9a7] .el-container > .el-main > div[class*=el-col-], .runtime-page-container[data-v-b356a9a7] .el-container > .el-aside > div[class*=el-col-], .runtime-page-container[data-v-b356a9a7] .runtime-page-container-view > div[style="flex:"], .runtime-page-container[data-v-b356a9a7] .el-container > .el-main > div[style="flex:"], .runtime-page-container[data-v-b356a9a7] .el-container > .el-aside > div[style="flex:"] {
405
+ .runtime-page-container[data-v-5ceba9a1] .runtime-page-container-view > div[class*=el-col-], .runtime-page-container[data-v-5ceba9a1] .el-container > .el-main > div[class*=el-col-], .runtime-page-container[data-v-5ceba9a1] .el-container > .el-aside > div[class*=el-col-], .runtime-page-container[data-v-5ceba9a1] .runtime-page-container-view > div[style="flex:"], .runtime-page-container[data-v-5ceba9a1] .el-container > .el-main > div[style="flex:"], .runtime-page-container[data-v-5ceba9a1] .el-container > .el-aside > div[style="flex:"] {
406
406
  flex: none !important;
407
407
  }
408
- .runtime-page-container[data-v-b356a9a7] .runtime-page-container-view > [style*="display: inline-block"], .runtime-page-container[data-v-b356a9a7] .el-container > .el-main > [style*="display: inline-block"], .runtime-page-container[data-v-b356a9a7] .el-container > .el-aside > [style*="display: inline-block"] {
408
+ .runtime-page-container[data-v-5ceba9a1] .runtime-page-container-view > [style*="display: inline-block"], .runtime-page-container[data-v-5ceba9a1] .el-container > .el-main > [style*="display: inline-block"], .runtime-page-container[data-v-5ceba9a1] .el-container > .el-aside > [style*="display: inline-block"] {
409
409
  width: auto;
410
410
  }
411
- .runtime-page-container[data-v-b356a9a7] .runtime-page-container-view > .el-row[class*=el-col-], .runtime-page-container[data-v-b356a9a7] .el-container > .el-main > .el-row[class*=el-col-], .runtime-page-container[data-v-b356a9a7] .el-container > .el-aside > .el-row[class*=el-col-] {
411
+ .runtime-page-container[data-v-5ceba9a1] .runtime-page-container-view > .el-row[class*=el-col-], .runtime-page-container[data-v-5ceba9a1] .el-container > .el-main > .el-row[class*=el-col-], .runtime-page-container[data-v-5ceba9a1] .el-container > .el-aside > .el-row[class*=el-col-] {
412
412
  flex: none;
413
413
  }
414
- .runtime-page-container[data-v-b356a9a7] .runtime-page-container-view .el-row, .runtime-page-container[data-v-b356a9a7] .el-container > .el-main .el-row, .runtime-page-container[data-v-b356a9a7] .el-container > .el-aside .el-row {
414
+ .runtime-page-container[data-v-5ceba9a1] .runtime-page-container-view .el-row, .runtime-page-container[data-v-5ceba9a1] .el-container > .el-main .el-row, .runtime-page-container[data-v-5ceba9a1] .el-container > .el-aside .el-row {
415
415
  gap: var(--layout-form-flex-gap, 15px);
416
416
  }
417
- .runtime-page-container[data-v-b356a9a7] .runtime-page-container-view .el-row > div, .runtime-page-container[data-v-b356a9a7] .el-container > .el-main .el-row > div, .runtime-page-container[data-v-b356a9a7] .el-container > .el-aside .el-row > div {
417
+ .runtime-page-container[data-v-5ceba9a1] .runtime-page-container-view .el-row > div, .runtime-page-container[data-v-5ceba9a1] .el-container > .el-main .el-row > div, .runtime-page-container[data-v-5ceba9a1] .el-container > .el-aside .el-row > div {
418
418
  width: 100%;
419
419
  }
420
- .runtime-page-container[data-v-b356a9a7] .runtime-page-container-view .el-row > div[style*="display: inline-block"], .runtime-page-container[data-v-b356a9a7] .el-container > .el-main .el-row > div[style*="display: inline-block"], .runtime-page-container[data-v-b356a9a7] .el-container > .el-aside .el-row > div[style*="display: inline-block"] {
420
+ .runtime-page-container[data-v-5ceba9a1] .runtime-page-container-view .el-row > div[style*="display: inline-block"], .runtime-page-container[data-v-5ceba9a1] .el-container > .el-main .el-row > div[style*="display: inline-block"], .runtime-page-container[data-v-5ceba9a1] .el-container > .el-aside .el-row > div[style*="display: inline-block"] {
421
421
  width: auto;
422
422
  }
423
- .runtime-page-container[data-v-b356a9a7] .el-container {
423
+ .runtime-page-container[data-v-5ceba9a1] .el-container {
424
424
  gap: var(--runtime-page-container-view-gap, 15px);
425
425
  }
426
- .runtime-page-container[data-v-b356a9a7] .el-container > .el-main, .runtime-page-container[data-v-b356a9a7] .el-container > .el-aside {
426
+ .runtime-page-container[data-v-5ceba9a1] .el-container > .el-main, .runtime-page-container[data-v-5ceba9a1] .el-container > .el-aside {
427
427
  padding: 0;
428
428
  }.yx-affix[data-v-a994b02d]:empty {
429
429
  display: none;
@@ -585,6 +585,13 @@
585
585
  .amb-widget-tools-parent[data-v-a9801c3f] .amb-widget-container-tool > .el-form-item {
586
586
  margin-bottom: 0;
587
587
  }
588
+ [data-v-87f35b48] .el-popover,[data-v-87f35b48] .el-popper,[data-v-87f35b48] .el-popover__popper {
589
+ min-width: 50px !important;
590
+ }
591
+ [data-v-87f35b48] .custom-sel-copy-tooltip {
592
+ box-shadow: 0 0 8px 2px rgba(0, 123, 255, 0.7);
593
+ }
594
+
588
595
  [data-v-7f659782] .el-form-item__content {
589
596
  height: 100% !important;
590
597
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "super-page-runtime",
3
- "version": "2.3.32-sit1",
3
+ "version": "2.3.33-sit1",
4
4
  "description": "AgileBuilder super page runtime",
5
5
  "license": "ISC",
6
6
  "main": "dist/es/index.js",
@@ -49,7 +49,7 @@
49
49
  "@vitejs/plugin-vue-jsx": "^3.1.0",
50
50
  "@vue/eslint-config-prettier": "^8.0.0",
51
51
  "@vue/test-utils": "^2.4.4",
52
- "agilebuilder-ui": "1.1.84-sit1",
52
+ "agilebuilder-ui": "1.1.88-sit1",
53
53
  "axios": "^1.6.8",
54
54
  "cypress": "^13.6.6",
55
55
  "element-plus": "^2.6.1",