super-page-runtime 2.2.19 → 2.2.22

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 (26) hide show
  1. package/dist/es/components/runtime/utils/api/page-expose-util.js +1 -3
  2. package/dist/es/components/runtime/utils/common-util.js +22 -22
  3. package/dist/es/components/runtime/utils/events/event-util.d.ts +1 -0
  4. package/dist/es/components/runtime/utils/events/event-util.js +124 -116
  5. package/dist/es/components/runtime/utils/events/standard-event.d.ts +1 -1
  6. package/dist/es/components/runtime/utils/events/standard-event.js +2 -3
  7. package/dist/es/components/runtime/utils/table-utils.js +26 -31
  8. package/dist/es/components/runtime/views/assemblys/chart/column-line/column-line-runtime.vue2.js +6 -6
  9. package/dist/es/components/runtime/views/assemblys/chart/common/common-homepage-search.vue.js +1 -1
  10. package/dist/es/components/runtime/views/assemblys/chart/common/common-homepage-search.vue2.js +38 -35
  11. package/dist/es/components/runtime/views/assemblys/chart/gauge/gauge-runtime.vue2.js +13 -13
  12. package/dist/es/components/runtime/views/assemblys/chart/pie/pie-runtime.vue2.js +4 -4
  13. package/dist/es/components/runtime/views/assemblys/chart/radar/radar-runtime.vue2.js +8 -8
  14. package/dist/es/components/runtime/views/assemblys/chart/scatter/scatter-runtime.vue2.js +4 -4
  15. package/dist/es/components/runtime/views/assemblys/chart/table/table-runtime.vue2.js +8 -8
  16. package/dist/es/components/runtime/views/assemblys/data/table/main-table-runtime.vue.js +10 -10
  17. package/dist/es/components/runtime/views/assemblys/data/table/sub-table-runtime.vue.js +186 -174
  18. package/dist/es/components/runtime/views/assemblys/form/input-text/inputtext-runtime.vue2.js +42 -42
  19. package/dist/es/components/runtime/views/assemblys/form/radio/radio-runtime.vue2.js +46 -43
  20. package/dist/es/components/runtime/views/assemblys/form/rich-text/richtext-runtime.vue2.js +22 -21
  21. package/dist/es/components/runtime/views/assemblys/form/select/select-runtime.vue2.js +56 -53
  22. package/dist/es/components/runtime/views/assemblys/object-render.vue.js +80 -77
  23. package/dist/es/components/runtime/views/home-chart.vue.js +23 -21
  24. package/dist/es/components/runtime/views/super-page.vue.js +95 -94
  25. package/dist/es/style.css +3 -1
  26. package/package.json +2 -2
@@ -1,67 +1,70 @@
1
- import { defineComponent as e, computed as t, ref as o, watch as l, onMounted as n, nextTick as a, resolveComponent as u, createBlock as i, openBlock as r, normalizeStyle as s, normalizeClass as p, unref as f, withCtx as c, createVNode as g, createElementBlock as d, Fragment as v, renderList as m, createTextVNode as h, toDisplayString as y, createCommentVNode as b } from "vue";
2
- import { setVariableValue as C, getVariableValue as x, getOptionDatasFromPage as k, autoSetAfterSelect as _, queryOptionDatasources as R } from "../../../../utils/page-helper-util.js";
3
- import { getFormModelFields as S } from "../../../../utils/page-init-util.js";
1
+ import { defineComponent as e, computed as t, ref as o, watch as l, onUnmounted as n, onMounted as a, nextTick as u, resolveComponent as i, createBlock as r, openBlock as s, normalizeStyle as p, normalizeClass as f, unref as c, withCtx as g, createVNode as d, createElementBlock as v, Fragment as m, renderList as h, createTextVNode as y, toDisplayString as b, createCommentVNode as C } from "vue";
2
+ import { setVariableValue as x, getVariableValue as k, getOptionDatasFromPage as _, autoSetAfterSelect as R, queryOptionDatasources as S } from "../../../../utils/page-helper-util.js";
3
+ import { getFormModelFields as T } from "../../../../utils/page-init-util.js";
4
4
  import { handleFormEvent as j, handleAfterInitEvent as I } from "../../../../utils/events/event-util.js";
5
- import { $t as T } from "../../../../utils/i18n-util.js";
6
- const V = e({ __name: "radio-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: V2 }) {
7
- const q = e2, w = q.pageContext.entity ? q.pageContext.entity : {};
8
- let z = S(q.pageContext, q.configure);
9
- const O = t({ get() {
10
- let e3 = x(w, z);
5
+ import { $t as V } from "../../../../utils/i18n-util.js";
6
+ const q = e({ __name: "radio-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: q2 }) {
7
+ const w = e2, z = w.pageContext.entity ? w.pageContext.entity : {};
8
+ let O = T(w.pageContext, w.configure);
9
+ const D = t({ get() {
10
+ let e3 = k(z, O);
11
11
  return null != e3 && (e3 += ""), e3;
12
12
  }, set(e3) {
13
- C(w, z, e3);
14
- } }), D = q.configure.runtime ? q.configure.runtime : {}, M = D.style, P = D.class, W = D.headerStyle, E = D.titleExceedStyle, F = o(D.props ? D.props : {}), U = o(F.value.options ? F.value.options : []), $ = k(q.pageContext, q.configure);
15
- $.length > 0 && (U.value = $);
16
- const A = q.configure.props && q.configure.props.dataOrigin ? q.configure.props.dataOrigin : {}, B = A.optionValueSetType;
17
- let G = [];
18
- if (("dynamicData" == B || "dataTable" == B || "service" == B) && A.autoSets) for (let e3 of A.autoSets) e3.source && G.push(e3);
19
- q.configure && q.configure.props && q.configure.props.base && q.configure.props.base.optionProp && G.push({ source: "label", target: q.configure.props.base.optionProp }), F.value.changeMethod = function(e3) {
20
- if (G.length > 0) {
13
+ x(z, O, e3);
14
+ } }), M = w.configure.runtime ? w.configure.runtime : {}, P = M.style, W = M.class, E = M.headerStyle, F = M.titleExceedStyle, U = o(M.props ? M.props : {}), $ = o(U.value.options ? U.value.options : []), A = _(w.pageContext, w.configure);
15
+ A.length > 0 && ($.value = A);
16
+ const B = w.configure.props && w.configure.props.dataOrigin ? w.configure.props.dataOrigin : {}, G = B.optionValueSetType;
17
+ let H = [];
18
+ if (("dynamicData" == G || "dataTable" == G || "service" == G) && B.autoSets) for (let e3 of B.autoSets) e3.source && H.push(e3);
19
+ w.configure && w.configure.props && w.configure.props.base && w.configure.props.base.optionProp && H.push({ source: "label", target: w.configure.props.base.optionProp }), U.value.changeMethod = function(e3) {
20
+ if (H.length > 0) {
21
21
  let t2 = null;
22
- U.value && null != e3 && null != e3 && (t2 = U.value.filter((t3) => e3 === t3.value)), _(q.configure, q.pageContext, G, t2);
22
+ $.value && null != e3 && null != e3 && (t2 = $.value.filter((t3) => e3 === t3.value)), R(w.configure, w.pageContext, H, t2);
23
23
  }
24
- j(e3, q.pageContext, q.configure, "change");
24
+ j(e3, w.pageContext, w.configure, "change");
25
25
  };
26
- const H = F.value.monitorFields, J = [];
27
- if (H) {
26
+ const J = U.value.monitorFields, K = [];
27
+ if (J) {
28
28
  const e3 = [];
29
- for (let t2 of H) if (t2.startsWith("${")) {
29
+ for (let t2 of J) if (t2.startsWith("${")) {
30
30
  t2 = t2.substring(2, t2.length - 1);
31
31
  const o2 = t2.split(".");
32
- "page" !== o2[0] && "task" !== o2[0] && "data" !== o2[0] || (J.push(o2), e3.includes(o2[0]) || e3.push(o2[0]));
32
+ "page" !== o2[0] && "task" !== o2[0] && "data" !== o2[0] || (K.push(o2), e3.includes(o2[0]) || e3.push(o2[0]));
33
33
  }
34
- for (let t2 of e3) l(w[t2], () => {
35
- X();
34
+ for (let t2 of e3) l(z[t2], () => {
35
+ Y();
36
36
  });
37
37
  }
38
- function K() {
38
+ function L() {
39
39
  let e3 = "";
40
- for (let t2 of J) e3 += "_" + x(w, t2);
40
+ for (let t2 of K) e3 += "_" + k(z, t2);
41
41
  return e3;
42
42
  }
43
- let L = K(), N = false;
44
- const Q = F.value.optionconfigInfo ? F.value.optionconfigInfo : {};
45
- function X() {
46
- N && clearTimeout(N), N = setTimeout(function() {
47
- const e3 = K();
48
- e3 != L && (L = e3, R(q.pageContext, Q, void 0).then((e4) => {
43
+ let N = L(), Q = false;
44
+ const X = U.value.optionconfigInfo ? U.value.optionconfigInfo : {};
45
+ function Y() {
46
+ Q && clearTimeout(Q), Q = setTimeout(function() {
47
+ const e3 = L();
48
+ e3 != N && (N = e3, S(w.pageContext, X, void 0).then((e4) => {
49
49
  }));
50
50
  }, 200);
51
51
  }
52
- const Y = o(null), Z = o(null), ee = o(null);
53
- return n(() => {
54
- a(() => {
55
- const e3 = O.value;
56
- I(e3, q.pageContext, q.configure, { formItemRef: Y.value, componentRef: Z.value, titleRef: ee.value, value: e3, entity: q.pageContext.entity.data, pageData: q.pageContext.entity.page });
52
+ n(() => {
53
+ Q && clearTimeout(Q);
54
+ });
55
+ const Z = o(null), ee = o(null), te = o(null);
56
+ return a(() => {
57
+ u(() => {
58
+ const e3 = D.value;
59
+ I(e3, w.pageContext, w.configure, { formItemRef: Z.value, componentRef: ee.value, titleRef: te.value, value: e3, entity: w.pageContext.entity.data, pageData: w.pageContext.entity.page });
57
60
  });
58
- }), V2({ updateOptions: function(e3) {
59
- U.value = e3 || [];
61
+ }), q2({ updateOptions: function(e3) {
62
+ $.value = e3 || [];
60
63
  } }), (e3, t2) => {
61
- const o2 = u("el-radio"), l2 = u("el-radio-group"), n2 = u("el-form-item");
62
- return r(), i(n2, { ref_key: "formItemRef", ref: Y, required: F.value.required, class: p(f(P)), "label-width": F.value.labelWidth, style: s(f(M)) }, { label: c(() => [F.value.tittleShow ? (r(), d("div", { key: 0, ref_key: "titleRef", ref: ee, style: s({ ...f(W), ...f(E) }) }, y(f(T)(F.value.title)), 5)) : b("", true)]), default: c(() => [g(l2, { ref_key: "componentRef", ref: Z, disabled: "disabled" === F.value.state, size: F.value.size, onChange: F.value.changeMethod, modelValue: O.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => O.value = e4) }, { default: c(() => [(r(true), d(v, null, m(U.value, (t3) => (r(), i(o2, { key: t3.value, label: t3.value, onClick: (o3) => f(j)(t3.value, e3.pageContext, e3.configure, "click", { values: O.value }) }, { default: c(() => [h(y(t3.label), 1)]), _: 2 }, 1032, ["label", "onClick"]))), 128))]), _: 1 }, 8, ["disabled", "size", "onChange", "modelValue"])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
64
+ const o2 = i("el-radio"), l2 = i("el-radio-group"), n2 = i("el-form-item");
65
+ return s(), r(n2, { ref_key: "formItemRef", ref: Z, required: U.value.required, class: f(c(W)), "label-width": U.value.labelWidth, style: p(c(P)) }, { label: g(() => [U.value.tittleShow ? (s(), v("div", { key: 0, ref_key: "titleRef", ref: te, style: p({ ...c(E), ...c(F) }) }, b(c(V)(U.value.title)), 5)) : C("", true)]), default: g(() => [d(l2, { ref_key: "componentRef", ref: ee, disabled: "disabled" === U.value.state, size: U.value.size, onChange: U.value.changeMethod, modelValue: D.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => D.value = e4) }, { default: g(() => [(s(true), v(m, null, h($.value, (t3) => (s(), r(o2, { key: t3.value, label: t3.value, onClick: (o3) => c(j)(t3.value, e3.pageContext, e3.configure, "click", { values: D.value }) }, { default: g(() => [y(b(t3.label), 1)]), _: 2 }, 1032, ["label", "onClick"]))), 128))]), _: 1 }, 8, ["disabled", "size", "onChange", "modelValue"])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
63
66
  };
64
67
  } });
65
68
  export {
66
- V as default
69
+ q as default
67
70
  };
@@ -5,9 +5,9 @@ import w from "quill";
5
5
  import "quill/dist/quill.snow.css";
6
6
  import { handleAfterInitEvent as k, handleFormEvent as q } from "../../../../utils/events/event-util.js";
7
7
  import T from "agilebuilder-ui/src/utils/request";
8
- import { $t as j } from "../../../../utils/i18n-util.js";
9
- import { getToken as E } from "agilebuilder-ui/src/utils/auth";
10
- import { getBaseUrl as L } from "../../../../utils/common-util.js";
8
+ import { $t as E } from "../../../../utils/i18n-util.js";
9
+ import { getToken as L } from "agilebuilder-ui/src/utils/auth";
10
+ import { getBaseUrl as j } from "../../../../utils/common-util.js";
11
11
  const R = { style: { width: "100%", height: "100%" } }, S = e({ __name: "richtext-runtime", props: { pageContext: {}, configure: {} }, setup(e2) {
12
12
  const S2 = e2, _ = S2.pageContext.entity ? S2.pageContext.entity : {}, B = x(S2.pageContext, S2.configure), H = S2.configure.runtime ? S2.configure.runtime : {}, M = H.style, N = H.class, A = H.headerStyle, D = H.titleExceedStyle, F = t(H.props ? H.props : {});
13
13
  let U = F.value.value;
@@ -28,17 +28,25 @@ const R = { style: { width: "100%", height: "100%" } }, S = e({ __name: "richtex
28
28
  }
29
29
  });
30
30
  const P = t([]), Q = t(false), V = t(null), X = t(null), Y = t(null);
31
- function Z(e3) {
31
+ let Z;
32
+ function $(e3) {
32
33
  var _a;
33
34
  null !== e3.relatedTarget && ((_a = z.value) == null ? void 0 : _a.contains(e3.relatedTarget)) || q(I.root.innerHTML, S2.pageContext, S2.configure, "change", { entity: _ });
34
35
  }
35
- function $(e3) {
36
+ function ee(e3) {
37
+ if ("img" === e3.target.localName) {
38
+ P.value = [];
39
+ let t2 = e3.target.src;
40
+ P.value.push(t2), Q.value = true;
41
+ }
42
+ }
43
+ function te(e3) {
36
44
  const t2 = new FormData();
37
45
  t2.append("file", e3);
38
- const l2 = S2.pageContext.backendUrl, n2 = L(l2, S2.pageContext.isTest);
46
+ const l2 = S2.pageContext.backendUrl, n2 = j(l2, S2.pageContext.isTest);
39
47
  return T.post(n2 + "/common/fs-upload/rich-editor-image", t2, { headers: { "Content-Type": "multipart/form-data" } });
40
48
  }
41
- function ee(e3, t2) {
49
+ function le(e3, t2) {
42
50
  let l2 = e3.split(","), n2 = l2[0].match(/:(.*?);/)[1], i2 = atob(l2[1]), o2 = i2.length, r2 = new Uint8Array(o2);
43
51
  for (; o2--; ) r2[o2] = i2.charCodeAt(o2);
44
52
  return new File([r2], t2, { type: n2 });
@@ -47,33 +55,26 @@ const R = { style: { width: "100%", height: "100%" } }, S = e({ __name: "richtex
47
55
  var _a;
48
56
  I = new w(z.value, K.value);
49
57
  const e3 = I.clipboard.convertHTML(W);
50
- I.setContents(e3.ops), (_a = z.value) == null ? void 0 : _a.addEventListener("focusout", Z), I.on("text-change", async function(e4, t2, l2) {
58
+ I.setContents(e3.ops), (_a = z.value) == null ? void 0 : _a.addEventListener("focusout", $), I.on("text-change", async function(e4, t2, l2) {
51
59
  if (e4.ops && e4.ops.length > 0) for (let t3 = 0; t3 < e4.ops.length; t3++) {
52
60
  const l3 = e4.ops[t3];
53
61
  if (l3.insert && l3.insert.image) {
54
62
  const e5 = l3.insert.image;
55
63
  if (!e5.startsWith("data:image")) return;
56
- const t4 = ee(e5, "image.png");
57
- await $(t4).then((t5) => {
64
+ const t4 = le(e5, "image.png");
65
+ await te(t4).then((t5) => {
58
66
  if (!I) return;
59
67
  const l4 = I.root.getElementsByTagName("img");
60
68
  if (l4 && l4.length > 0) for (let n2 = 0; n2 < l4.length; n2++) {
61
69
  const i2 = l4[n2];
62
- i2.src === e5 && (i2.src = t5.url + "&jwt=" + E());
70
+ i2.src === e5 && (i2.src = t5.url + "&jwt=" + L());
63
71
  }
64
72
  }).catch((e6) => {
65
73
  });
66
74
  }
67
75
  }
68
76
  b(_, B, I.root.innerHTML);
69
- });
70
- I.container.addEventListener("click", function(e4) {
71
- if ("img" === e4.target.localName) {
72
- P.value = [];
73
- let t2 = e4.target.src;
74
- P.value.push(t2), Q.value = true;
75
- }
76
- }), function() {
77
+ }), Z = I.container, Z.addEventListener("click", ee), function() {
77
78
  if (I && I.container) {
78
79
  const e4 = I.container.parentNode.getBoundingClientRect(), t2 = I.container.getBoundingClientRect();
79
80
  let l2 = e4.height - (t2.top - e4.top);
@@ -84,10 +85,10 @@ const R = { style: { width: "100%", height: "100%" } }, S = e({ __name: "richtex
84
85
  k(e4, S2.pageContext, S2.configure, { formItemRef: V.value, componentRef: X.value, titleRef: Y.value, value: e4, entity: S2.pageContext.entity.data, pageData: S2.pageContext.entity.page });
85
86
  });
86
87
  }), o(() => {
87
- z.value && z.value.removeEventListener("focusout", Z);
88
+ z.value && z.value.removeEventListener("focusout", $), Z && Z.removeEventListener("click", ee);
88
89
  }), (e3, t2) => {
89
90
  const l2 = r("el-form-item"), n2 = r("el-image-viewer");
90
- return u(), a(s, null, [F.value.tittleShow ? (u(), c(l2, { key: 0, required: F.value.required, class: g(m(N)), "label-width": F.value.labelWidth, style: d(m(M)) }, { label: f(() => [F.value.tittleShow ? (u(), a("div", { key: 0, style: d({ ...m(A), ...m(D) }) }, h(m(j)(F.value.title)), 5)) : p("", true)]), default: f(() => [v("div", R, [v("div", { ref_key: "quillEditorRef", ref: z, style: { width: "100%" } }, null, 512)])]), _: 1 }, 8, ["required", "class", "label-width", "style"])) : p("", true), Q.value ? (u(), c(n2, { key: 1, "hide-on-click-modal": "", onClose: t2[0] || (t2[0] = () => {
91
+ return u(), a(s, null, [F.value.tittleShow ? (u(), c(l2, { key: 0, required: F.value.required, class: g(m(N)), "label-width": F.value.labelWidth, style: d(m(M)) }, { label: f(() => [F.value.tittleShow ? (u(), a("div", { key: 0, style: d({ ...m(A), ...m(D) }) }, h(m(E)(F.value.title)), 5)) : p("", true)]), default: f(() => [v("div", R, [v("div", { ref_key: "quillEditorRef", ref: z, style: { width: "100%" } }, null, 512)])]), _: 1 }, 8, ["required", "class", "label-width", "style"])) : p("", true), Q.value ? (u(), c(n2, { key: 1, "hide-on-click-modal": "", onClose: t2[0] || (t2[0] = () => {
91
92
  Q.value = false;
92
93
  }), "url-list": P.value }, null, 8, ["url-list"])) : p("", true)], 64);
93
94
  };
@@ -1,83 +1,86 @@
1
- import { defineComponent as e, ref as t, computed as l, watch as o, onMounted as a, nextTick as u, resolveComponent as n, createBlock as i, openBlock as r, normalizeStyle as s, normalizeClass as p, unref as f, withCtx as c, createVNode as v, createElementBlock as g, Fragment as m, renderList as d, createCommentVNode as h, createElementVNode as y, toDisplayString as x, createTextVNode as b } from "vue";
2
- import { setVariableValue as C, getVariableValue as _, getOptionDatasFromPage as k, queryOptionDatasources as w, autoSetAfterSelect as S } from "../../../../utils/page-helper-util.js";
3
- import { getFormModelFields as T } from "../../../../utils/page-init-util.js";
4
- import { handleFormEvent as j, handleAfterInitEvent as R } from "../../../../utils/events/event-util.js";
5
- import V from "../common/title-suffix-element.vue.js";
6
- import { $t as z } from "../../../../utils/i18n-util.js";
7
- const I = { style: { float: "left" } }, M = { style: { float: "right", color: "var(--el-text-color-secondary)", "font-size": "13px" } }, q = e({ __name: "select-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: q2 }) {
8
- const O = e2, P = O.pageContext.entity ? O.pageContext.entity : {};
9
- let A = T(O.pageContext, O.configure);
10
- const D = O.configure.runtime ? O.configure.runtime : {}, W = D.style, E = D.class, F = D.headerStyle, U = D.titleExceedStyle, $ = t(D.props ? D.props : {}), B = l({ get() {
11
- let e3 = _(P, A);
12
- return null != e3 && (e3 += ""), $.value.multiple && (e3 = e3 ? e3.split(",") : []), e3;
1
+ import { defineComponent as e, ref as t, computed as l, watch as o, onUnmounted as a, onMounted as u, nextTick as n, resolveComponent as i, createBlock as r, openBlock as s, normalizeStyle as p, normalizeClass as f, unref as c, withCtx as v, createVNode as g, createElementBlock as m, Fragment as d, renderList as h, createCommentVNode as y, createElementVNode as x, toDisplayString as b, createTextVNode as C } from "vue";
2
+ import { setVariableValue as _, getVariableValue as k, getOptionDatasFromPage as w, queryOptionDatasources as S, autoSetAfterSelect as T } from "../../../../utils/page-helper-util.js";
3
+ import { getFormModelFields as j } from "../../../../utils/page-init-util.js";
4
+ import { handleFormEvent as R, handleAfterInitEvent as V } from "../../../../utils/events/event-util.js";
5
+ import z from "../common/title-suffix-element.vue.js";
6
+ import { $t as I } from "../../../../utils/i18n-util.js";
7
+ const M = { style: { float: "left" } }, q = { style: { float: "right", color: "var(--el-text-color-secondary)", "font-size": "13px" } }, O = e({ __name: "select-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: O2 }) {
8
+ const P = e2, A = P.pageContext.entity ? P.pageContext.entity : {};
9
+ let D = j(P.pageContext, P.configure);
10
+ const W = P.configure.runtime ? P.configure.runtime : {}, E = W.style, F = W.class, U = W.headerStyle, $ = W.titleExceedStyle, B = t(W.props ? W.props : {}), G = l({ get() {
11
+ let e3 = k(A, D);
12
+ return null != e3 && (e3 += ""), B.value.multiple && (e3 = e3 ? e3.split(",") : []), e3;
13
13
  }, set(e3) {
14
- $.value.multiple && e3 && e3.length > 0 && !$.value.arrayValue && (e3 = e3.join(",")), C(P, A, e3);
15
- } }), G = t($.value.options ? $.value.options : []), H = k(O.pageContext, O.configure);
16
- H.length > 0 && (G.value = H);
17
- const J = t(false), K = O.configure.props && O.configure.props.dataOrigin ? O.configure.props.dataOrigin : {}, L = K.optionValueSetType;
18
- let N = [];
19
- const Q = $.value.optionconfigInfo ? $.value.optionconfigInfo : {};
20
- if ("dynamicData" == L || "dataTable" == L || "service" == L) {
21
- if ("remote" == K.filterType) {
14
+ B.value.multiple && e3 && e3.length > 0 && !B.value.arrayValue && (e3 = e3.join(",")), _(A, D, e3);
15
+ } }), H = t(B.value.options ? B.value.options : []), J = w(P.pageContext, P.configure);
16
+ J.length > 0 && (H.value = J);
17
+ const K = t(false), L = P.configure.props && P.configure.props.dataOrigin ? P.configure.props.dataOrigin : {}, N = L.optionValueSetType;
18
+ let Q = [];
19
+ const X = B.value.optionconfigInfo ? B.value.optionconfigInfo : {};
20
+ if ("dynamicData" == N || "dataTable" == N || "service" == N) {
21
+ if ("remote" == L.filterType) {
22
22
  let e3;
23
- $.value.filterable = true, $.value.remote = true, $.value.remoteShowSuffix = true, $.value.remoteMethod = function(t2) {
24
- e3 !== t2 && (e3 = t2, J.value = true, w(O.pageContext, Q, t2).then((e4) => {
25
- J.value = false;
23
+ B.value.filterable = true, B.value.remote = true, B.value.remoteShowSuffix = true, B.value.remoteMethod = function(t2) {
24
+ e3 !== t2 && (e3 = t2, K.value = true, S(P.pageContext, X, t2).then((e4) => {
25
+ K.value = false;
26
26
  }).then((e4) => {
27
- J.value = false;
27
+ K.value = false;
28
28
  }));
29
29
  };
30
30
  }
31
- if (K.autoSets) for (let e3 of K.autoSets) e3.source && N.push(e3);
31
+ if (L.autoSets) for (let e3 of L.autoSets) e3.source && Q.push(e3);
32
32
  }
33
- O.configure && O.configure.props && O.configure.props.base && O.configure.props.base.optionProp && N.push({ source: "label", target: O.configure.props.base.optionProp }), $.value.changeMethod = function(e3) {
33
+ P.configure && P.configure.props && P.configure.props.base && P.configure.props.base.optionProp && Q.push({ source: "label", target: P.configure.props.base.optionProp }), B.value.changeMethod = function(e3) {
34
34
  let t2, l2 = null;
35
- G.value && null != e3 && null != e3 && (l2 = G.value.filter((t3) => Array.isArray(e3) ? e3.includes(t3.value) : e3 === t3.value));
36
- N.length > 0 && S(O.configure, O.pageContext, N, l2);
35
+ H.value && null != e3 && null != e3 && (l2 = H.value.filter((t3) => Array.isArray(e3) ? e3.includes(t3.value) : e3 === t3.value));
36
+ Q.length > 0 && T(P.configure, P.pageContext, Q, l2);
37
37
  l2 && l2.length > 0 && (t2 = l2[0]);
38
38
  let o2 = {};
39
39
  t2 && (o2 = { extendParams: t2 });
40
- j(e3, O.pageContext, O.configure, "change", o2);
40
+ R(e3, P.pageContext, P.configure, "change", o2);
41
41
  };
42
- const X = $.value.monitorFields, Y = [];
43
- if (X) {
42
+ const Y = B.value.monitorFields, Z = [];
43
+ if (Y) {
44
44
  const e3 = [];
45
- for (let t2 of X) if (t2.startsWith("${")) {
45
+ for (let t2 of Y) if (t2.startsWith("${")) {
46
46
  t2 = t2.substring(2, t2.length - 1);
47
47
  const l2 = t2.split(".");
48
- "page" !== l2[0] && "task" !== l2[0] && "data" !== l2[0] || (Y.push(l2), e3.includes(l2[0]) || e3.push(l2[0]));
48
+ "page" !== l2[0] && "task" !== l2[0] && "data" !== l2[0] || (Z.push(l2), e3.includes(l2[0]) || e3.push(l2[0]));
49
49
  }
50
- for (let t2 of e3) o(P[t2], () => {
51
- le();
50
+ for (let t2 of e3) o(A[t2], () => {
51
+ oe();
52
52
  });
53
53
  }
54
- function Z() {
54
+ function ee() {
55
55
  let e3 = "";
56
- for (let t2 of Y) e3 += "_" + _(P, t2);
56
+ for (let t2 of Z) e3 += "_" + k(A, t2);
57
57
  return e3;
58
58
  }
59
- let ee = Z(), te = false;
60
- function le() {
61
- te && clearTimeout(te), te = setTimeout(function() {
62
- const e3 = Z();
63
- e3 != ee && (ee = e3, w(O.pageContext, Q, void 0).then((e4) => {
64
- J.value = false;
59
+ let te = ee(), le = false;
60
+ function oe() {
61
+ le && clearTimeout(le), le = setTimeout(function() {
62
+ const e3 = ee();
63
+ e3 != te && (te = e3, S(P.pageContext, X, void 0).then((e4) => {
64
+ K.value = false;
65
65
  }));
66
66
  }, 200);
67
67
  }
68
- const oe = t(null), ae = t(null), ue = t(null);
69
- return a(() => {
70
- u(() => {
71
- const e3 = B.value;
72
- R(e3, O.pageContext, O.configure, { formItemRef: oe.value, componentRef: ae.value, titleRef: ue.value, value: e3, entity: O.pageContext.entity.data, pageData: O.pageContext.entity.page });
68
+ a(() => {
69
+ le && clearTimeout(le);
70
+ });
71
+ const ae = t(null), ue = t(null), ne = t(null);
72
+ return u(() => {
73
+ n(() => {
74
+ const e3 = G.value;
75
+ V(e3, P.pageContext, P.configure, { formItemRef: ae.value, componentRef: ue.value, titleRef: ne.value, value: e3, entity: P.pageContext.entity.data, pageData: P.pageContext.entity.page });
73
76
  });
74
- }), q2({ updateOptions: function(e3) {
75
- G.value = e3 || [];
77
+ }), O2({ updateOptions: function(e3) {
78
+ H.value = e3 || [];
76
79
  } }), (e3, t2) => {
77
- const l2 = n("el-option"), o2 = n("el-select"), a2 = n("el-form-item");
78
- return r(), i(a2, { ref_key: "formItemRef", ref: oe, required: !!$.value.required, class: p(f(E)), "label-width": $.value.labelWidth, style: s(f(W)) }, { label: c(() => [$.value.tittleShow ? (r(), g("div", { key: 0, ref_key: "titleRef", ref: ue, style: s({ ...f(F), ...f(U) }) }, [$.value.prefixType ? (r(), i(V, { key: 0, pageContext: e3.pageContext, property: $.value }, null, 8, ["pageContext", "property"])) : (r(), g(m, { key: 1 }, [b(x(f(z)($.value.title)), 1)], 64))], 4)) : h("", true)]), default: c(() => [v(o2, { ref_key: "componentRef", ref: ae, style: { width: "100%" }, disabled: "disabled" === $.value.state, size: $.value.size, clearable: $.value.clearable, multiple: $.value.multiple, "collapse-tags": $.value.collapseTags, "collapse-tags-tooltip": $.value.collapseTagsTooltip, filterable: $.value.filterable, "allow-create": $.value.allowCreate, placeholder: $.value.placeholder, "remote-show-suffix": $.value.remoteShowSuffix, remote: $.value.remote, "remote-method": $.value.remoteMethod, loading: J.value, onChange: $.value.changeMethod, modelValue: B.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => B.value = e4) }, { default: c(() => [(r(true), g(m, null, d(G.value, (t3) => (r(), i(l2, { key: t3.value, label: t3.label, value: t3.value, onClick: (l3) => f(j)(t3.value, e3.pageContext, e3.configure, "click", { values: B.value }) }, { default: c(() => [t3._description_ ? (r(), g(m, { key: 0 }, [y("span", I, x(t3.label), 1), y("span", M, x(t3._description_), 1)], 64)) : h("", true)]), _: 2 }, 1032, ["label", "value", "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", "modelValue"])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
80
+ const l2 = i("el-option"), o2 = i("el-select"), a2 = i("el-form-item");
81
+ return s(), r(a2, { ref_key: "formItemRef", ref: ae, required: !!B.value.required, class: f(c(F)), "label-width": B.value.labelWidth, style: p(c(E)) }, { label: v(() => [B.value.tittleShow ? (s(), m("div", { key: 0, ref_key: "titleRef", ref: ne, style: p({ ...c(U), ...c($) }) }, [B.value.prefixType ? (s(), r(z, { key: 0, pageContext: e3.pageContext, property: B.value }, null, 8, ["pageContext", "property"])) : (s(), m(d, { key: 1 }, [C(b(c(I)(B.value.title)), 1)], 64))], 4)) : y("", true)]), default: v(() => [g(o2, { ref_key: "componentRef", ref: ue, style: { width: "100%" }, disabled: "disabled" === B.value.state, size: B.value.size, clearable: B.value.clearable, multiple: B.value.multiple, "collapse-tags": B.value.collapseTags, "collapse-tags-tooltip": B.value.collapseTagsTooltip, filterable: B.value.filterable, "allow-create": B.value.allowCreate, placeholder: B.value.placeholder, "remote-show-suffix": B.value.remoteShowSuffix, remote: B.value.remote, "remote-method": B.value.remoteMethod, loading: K.value, onChange: B.value.changeMethod, modelValue: G.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => G.value = e4) }, { default: v(() => [(s(true), m(d, null, h(H.value, (t3) => (s(), r(l2, { key: t3.value, label: t3.label, value: t3.value, onClick: (l3) => c(R)(t3.value, e3.pageContext, e3.configure, "click", { values: G.value }) }, { default: v(() => [t3._description_ ? (s(), m(d, { key: 0 }, [x("span", M, b(t3.label), 1), x("span", q, b(t3._description_), 1)], 64)) : y("", true)]), _: 2 }, 1032, ["label", "value", "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", "modelValue"])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
79
82
  };
80
83
  } });
81
84
  export {
82
- q as default
85
+ O as default
83
86
  };
@@ -1,140 +1,143 @@
1
- import { defineComponent as e, ref as o, computed as t, markRaw as n, onMounted as i, resolveDirective as s, withDirectives as r, createCommentVNode as u, unref as l, createBlock as p, openBlock as a, resolveDynamicComponent as c, normalizeClass as g, normalizeStyle as f, vShow as d, nextTick as m } from "vue";
2
- import v from "./error-render.vue.js";
3
- import { getRuntimeComponentByName as C } from "../../utils/assemblys-config.js";
4
- import { PageDimensions as b } from "../../utils/interfaces/page-design-types.js";
5
- import { addComponentRef as x, addComponentRefByCode as h } from "../../utils/global-refs.js";
6
- import { getPermissionCodes as y, packageFormRules as w, controlObjectRenderState as j } from "../../utils/page-init-util.js";
7
- import { caculateShowCondition as _, getFormPropName as N, getSizeConfig as P } from "../../utils/page-helper-util.js";
8
- import { isWorkflowPage as B, getPropClassName as L, isNumber as O } from "../../utils/common-util.js";
9
- import { isShowComponent as R } from "../../utils/events/event-util.js";
10
- import { usePageContextStore as S } from "../../utils/page-store.js";
11
- const M = e({ __name: "object-render", props: { pageContext: {}, configure: {} }, setup(e2) {
1
+ import { defineComponent as e, ref as o, computed as t, markRaw as n, onMounted as i, onUnmounted as s, resolveDirective as r, withDirectives as u, createCommentVNode as l, unref as p, createBlock as a, openBlock as c, resolveDynamicComponent as g, normalizeClass as f, normalizeStyle as d, vShow as m, nextTick as v } from "vue";
2
+ import C from "./error-render.vue.js";
3
+ import { getRuntimeComponentByName as b } from "../../utils/assemblys-config.js";
4
+ import { PageDimensions as x } from "../../utils/interfaces/page-design-types.js";
5
+ import { addComponentRef as h, addComponentRefByCode as y } from "../../utils/global-refs.js";
6
+ import { getPermissionCodes as w, packageFormRules as j, controlObjectRenderState as _ } from "../../utils/page-init-util.js";
7
+ import { caculateShowCondition as N, getFormPropName as P, getSizeConfig as B } from "../../utils/page-helper-util.js";
8
+ import { isWorkflowPage as L, getPropClassName as O, isNumber as R } from "../../utils/common-util.js";
9
+ import { isShowComponent as S } from "../../utils/events/event-util.js";
10
+ import { usePageContextStore as M } from "../../utils/page-store.js";
11
+ const T = e({ __name: "object-render", props: { pageContext: {}, configure: {} }, setup(e2) {
12
12
  var _a, _b;
13
- const M2 = e2;
14
- null == M2.configure.style && (M2.configure.style = {});
15
- const $ = y(M2.configure, M2.pageContext);
16
- M2.configure && M2.configure.props && M2.configure.props.base && (M2.configure.props.base.functionCode = $), w(M2.pageContext, M2.configure);
17
- let E = o(true), H = o(true), T = o("");
18
- if (M2.configure && M2.configure.props) {
13
+ const T2 = e2;
14
+ null == T2.configure.style && (T2.configure.style = {});
15
+ const $ = w(T2.configure, T2.pageContext);
16
+ T2.configure && T2.configure.props && T2.configure.props.base && (T2.configure.props.base.functionCode = $), j(T2.pageContext, T2.configure);
17
+ let E = o(true), H = o(true), k = o("");
18
+ if (T2.configure && T2.configure.props) {
19
19
  let e3 = [];
20
- ((_a = M2.configure.props.base) == null ? void 0 : _a.showConditions) && (e3 = "string" == typeof M2.configure.props.base.showConditions ? JSON.parse(M2.configure.props.base.showConditions) : M2.configure.props.base.showConditions), H = t(() => {
20
+ ((_a = T2.configure.props.base) == null ? void 0 : _a.showConditions) && (e3 = "string" == typeof T2.configure.props.base.showConditions ? JSON.parse(T2.configure.props.base.showConditions) : T2.configure.props.base.showConditions), H = t(() => {
21
21
  var _a2;
22
22
  let o2 = true;
23
- if (E.value) if (e3 && e3.length > 0) o2 = _(M2.pageContext, e3);
23
+ if (E.value) if (e3 && e3.length > 0) o2 = N(T2.pageContext, e3);
24
24
  else {
25
- const e4 = (_a2 = M2.configure.props.base) == null ? void 0 : _a2.state;
25
+ const e4 = (_a2 = T2.configure.props.base) == null ? void 0 : _a2.state;
26
26
  e4 && "hidden" === e4 && (o2 = false);
27
27
  }
28
28
  else o2 = false;
29
29
  return o2;
30
30
  });
31
- if (M2.configure._dynamicShowFlag = H, (_b = M2.configure.props.base) == null ? void 0 : _b.editConditions) {
32
- const e4 = M2.configure.props.base.editConditions;
31
+ if (T2.configure._dynamicShowFlag = H, (_b = T2.configure.props.base) == null ? void 0 : _b.editConditions) {
32
+ const e4 = T2.configure.props.base.editConditions;
33
33
  if (e4.length > 0) {
34
- const o2 = M2.configure.runtime ? M2.configure.runtime : {}, n2 = o2.props ? o2.props : {};
35
- if (n2.rawSate = n2.state, B(M2.pageContext) && M2.pageContext.fieldPermissionMap) {
36
- const e5 = M2.pageContext.fieldPermissionMap.get("all_fields");
37
- if (false === (e5 == null ? void 0 : e5.canEdit)) T.value = "disabled";
34
+ const o2 = T2.configure.runtime ? T2.configure.runtime : {}, n2 = o2.props ? o2.props : {};
35
+ if (n2.rawSate = n2.state, L(T2.pageContext) && T2.pageContext.fieldPermissionMap) {
36
+ const e5 = T2.pageContext.fieldPermissionMap.get("all_fields");
37
+ if (false === (e5 == null ? void 0 : e5.canEdit)) k.value = "disabled";
38
38
  else {
39
- const e6 = M2.configure.props.base;
39
+ const e6 = T2.configure.props.base;
40
40
  if (e6 && e6.prop) {
41
41
  let o3 = e6.prop;
42
- o3 = N(o3);
43
- const t2 = M2.pageContext.fieldPermissionMap.get(o3);
44
- t2 && false === t2.canEdit && (T.value = "disabled");
42
+ o3 = P(o3);
43
+ const t2 = T2.pageContext.fieldPermissionMap.get(o3);
44
+ t2 && false === t2.canEdit && (k.value = "disabled");
45
45
  }
46
46
  }
47
47
  }
48
48
  n2.state = t({ get() {
49
- if ("disabled" === T.value) return T.value;
50
- return _(M2.pageContext, e4) ? "" : "disabled";
49
+ if ("disabled" === k.value) return k.value;
50
+ return N(T2.pageContext, e4) ? "" : "disabled";
51
51
  }, set() {
52
52
  } });
53
53
  }
54
54
  }
55
55
  }
56
- const k = o({});
57
- k.value = n(C(M2.configure.name));
58
- const F = o(true);
59
- null == k.value && (k.value = v, F.value = false);
60
- const J = o(null), W = o({}), q = o(""), z = L(M2.configure);
61
- z && (q.value = z);
62
- const A = M2.configure.runtime && M2.configure.runtime.common ? M2.configure.runtime.common : {};
63
- if (A.class && (q.value += " " + A.class), A.style) {
64
- Object.assign(W.value, A.style);
65
- const e3 = M2.pageContext && M2.pageContext.dimensions ? M2.pageContext.dimensions : b.PC, o2 = A.style[e3 + "_style"];
66
- o2 && Object.assign(W.value, o2);
67
- const t2 = A.style[e3 + "_class"];
68
- t2 && (q.value += " " + t2);
56
+ const F = o({});
57
+ F.value = n(b(T2.configure.name));
58
+ const J = o(true);
59
+ null == F.value && (F.value = C, J.value = false);
60
+ const W = o(null), q = o({}), z = o(""), A = O(T2.configure);
61
+ A && (z.value = A);
62
+ const D = T2.configure.runtime && T2.configure.runtime.common ? T2.configure.runtime.common : {};
63
+ if (D.class && (z.value += " " + D.class), D.style) {
64
+ Object.assign(q.value, D.style);
65
+ const e3 = T2.pageContext && T2.pageContext.dimensions ? T2.pageContext.dimensions : x.PC, o2 = D.style[e3 + "_style"];
66
+ o2 && Object.assign(q.value, o2);
67
+ const t2 = D.style[e3 + "_class"];
68
+ t2 && (z.value += " " + t2);
69
69
  }
70
- const D = S();
71
- function G(e3) {
72
- if (J.value = e3, e3 && !e3.show && (e3.show = function() {
70
+ const G = M();
71
+ function I(e3) {
72
+ if (W.value = e3, e3 && !e3.show && (e3.show = function() {
73
73
  E.value = true;
74
74
  }), e3 && !e3.hide && (e3.hide = function() {
75
75
  E.value = false;
76
76
  }), e3 && !e3.getConfigure && (e3.getConfigure = function() {
77
- return M2.configure;
78
- }), M2.configure.uuid && x(M2.pageContext, M2.configure.uuid, J), M2.configure.code) h(M2.pageContext, M2.configure.code, J);
79
- else if (M2.configure.props && M2.configure.props.base) {
80
- const e4 = M2.configure.props.base;
77
+ return T2.configure;
78
+ }), T2.configure.uuid && h(T2.pageContext, T2.configure.uuid, W), T2.configure.code) y(T2.pageContext, T2.configure.code, W);
79
+ else if (T2.configure.props && T2.configure.props.base) {
80
+ const e4 = T2.configure.props.base;
81
81
  if (e4.prop) {
82
82
  let o3 = e4.prop;
83
- o3.startsWith("${") && (o3 = o3.substring(2, o3.length - 1)), o3.includes(".") && (o3 = o3.substring(o3.indexOf(".") + 1)), h(M2.pageContext, o3, J);
83
+ o3.startsWith("${") && (o3 = o3.substring(2, o3.length - 1)), o3.includes(".") && (o3 = o3.substring(o3.indexOf(".") + 1)), y(T2.pageContext, o3, W);
84
84
  }
85
85
  }
86
- const o2 = M2.configure.props ? M2.configure.props.base : null;
86
+ const o2 = T2.configure.props ? T2.configure.props.base : null;
87
87
  if (o2 && o2.prop) {
88
88
  let e4 = o2.prop;
89
- e4 = N(e4), j(M2.pageContext, e4);
89
+ e4 = P(e4), _(T2.pageContext, e4);
90
90
  }
91
91
  !function() {
92
- if (!J.value) return;
93
- const e4 = P(M2.pageContext, M2.configure);
94
- "table" !== M2.configure.name && e4 && e4.isCalcHeight && m(() => {
95
- let e5 = J.value.$el;
96
- e5 || (e5 = J.value);
92
+ if (!W.value) return;
93
+ const e4 = B(T2.pageContext, T2.configure);
94
+ "table" !== T2.configure.name && e4 && e4.isCalcHeight && v(() => {
95
+ let e5 = W.value.$el;
96
+ e5 || (e5 = W.value);
97
97
  const o3 = e5.parentNode;
98
98
  if (!e5 || !o3) return;
99
99
  const t2 = e5.getBoundingClientRect();
100
100
  let n2 = window.innerHeight - t2.y - 80, i2 = n2 + "";
101
- O(n2) && (i2 = n2 + "px"), W.value.height = i2, W.value["overflow-y"] = "auto", W.value["overflow-x"] = "hidden", M2.configure.sytle || (M2.configure.sytle = {}), M2.configure.sytle._heightStyle = i2;
101
+ R(n2) && (i2 = n2 + "px"), q.value.height = i2, q.value["overflow-y"] = "auto", q.value["overflow-x"] = "hidden", T2.configure.sytle || (T2.configure.sytle = {}), T2.configure.sytle._heightStyle = i2;
102
102
  });
103
103
  }();
104
104
  }
105
+ let K;
105
106
  i(() => {
106
- I(), D.countComponentsLoadedNumber(), setTimeout(() => {
107
- D.componentsTotalNmber !== D.componentsLoadedNumber || D.pageComponentsLoaded || D.setPageComponentsLoaded(true);
107
+ Q(), G.countComponentsLoadedNumber(), K = setTimeout(() => {
108
+ G.componentsTotalNmber !== G.componentsLoadedNumber || G.pageComponentsLoaded || G.setPageComponentsLoaded(true);
108
109
  }, 100);
110
+ }), s(() => {
111
+ K && clearTimeout(K);
109
112
  });
110
- const I = () => {
111
- if (!J.value) return;
112
- let e3 = J.value.$el;
113
- e3 || (e3 = J.value);
113
+ const Q = () => {
114
+ if (!W.value) return;
115
+ let e3 = W.value.$el;
116
+ e3 || (e3 = W.value);
114
117
  const o2 = e3.parentNode;
115
118
  if (!e3 || !o2) return;
116
- const t2 = M2.configure.props ? M2.configure.props : {}, n2 = M2.configure.style ? M2.configure.style : {}, i2 = t2.position;
119
+ const t2 = T2.configure.props ? T2.configure.props : {}, n2 = T2.configure.style ? T2.configure.style : {}, i2 = t2.position;
117
120
  if ("top" == i2 || "bottom" == i2) {
118
121
  const t3 = [o2];
119
122
  if (t3 && t3.length > 0) {
120
123
  const e4 = t3[0].getBoundingClientRect();
121
- "top" == i2 && (W.value.top = e4.top + "px"), "bottom" == i2 && (W.value.bottom = "10px");
124
+ "top" == i2 && (q.value.top = e4.top + "px"), "bottom" == i2 && (q.value.bottom = "10px");
122
125
  }
123
126
  const n3 = e3.getBoundingClientRect();
124
- W.value.width = n3.width + "px";
125
- } else if (n2.position && (W.value.position = n2.position, "relative" != W.value.position)) {
126
- if (!W.value.width) {
127
+ q.value.width = n3.width + "px";
128
+ } else if (n2.position && (q.value.position = n2.position, "relative" != q.value.position)) {
129
+ if (!q.value.width) {
127
130
  const o3 = e3.getBoundingClientRect();
128
- W.value.width = o3.width + "px";
131
+ q.value.width = o3.width + "px";
129
132
  }
130
- n2.left && (W.value.left = n2.left + "px"), n2.top && (W.value.top = n2.top + "px");
133
+ n2.left && (q.value.left = n2.left + "px"), n2.top && (q.value.top = n2.top + "px");
131
134
  }
132
135
  };
133
136
  return (e3, o2) => {
134
- const t2 = s("permission");
135
- return l(R)(e3.configure) ? r((a(), p(c(k.value), { key: 0, ref: G, style: f(W.value), class: g(q.value), configure: e3.configure, pageContext: e3.pageContext }, null, 8, ["style", "class", "configure", "pageContext"])), [[d, l(H)], [t2, l($) ? l($) : "true"]]) : u("", true);
137
+ const t2 = r("permission");
138
+ return p(S)(e3.configure) ? u((c(), a(g(F.value), { key: 0, ref: I, style: d(q.value), class: f(z.value), configure: e3.configure, pageContext: e3.pageContext }, null, 8, ["style", "class", "configure", "pageContext"])), [[m, p(H)], [t2, p($) ? p($) : "true"]]) : l("", true);
136
139
  };
137
140
  } });
138
141
  export {
139
- M as default
142
+ T as default
140
143
  };