super-page-runtime 2.3.0-tmp2 → 2.3.2-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.
- package/dist/es/components/runtime/utils/api/page-expose-util.js +25 -25
- package/dist/es/components/runtime/utils/events/validator-util.js +94 -87
- package/dist/es/components/runtime/utils/page-helper-util.d.ts +4 -1
- package/dist/es/components/runtime/utils/page-helper-util.js +152 -152
- package/dist/es/components/runtime/utils/page-init-util.js +5 -2
- package/dist/es/components/runtime/views/assemblys/chart/common/common-homepage-search.vue2.js +17 -17
- package/dist/es/components/runtime/views/assemblys/container/tabs/tabs-runtime.vue.js +1 -1
- package/dist/es/components/runtime/views/assemblys/container/tabs/tabs-runtime.vue2.js +81 -29
- package/dist/es/components/runtime/views/assemblys/data/table/main-table-runtime.vue.js +185 -158
- package/dist/es/components/runtime/views/assemblys/data/table/sub-table-runtime.vue.js +130 -114
- package/dist/es/components/runtime/views/assemblys/data/table/table-runtime.vue2.js +31 -10
- package/dist/es/components/runtime/views/assemblys/data/tree/tree-runtime.vue2.js +15 -15
- package/dist/es/components/runtime/views/assemblys/form/date-picker/datepicker-runtime.vue2.js +15 -15
- package/dist/es/components/runtime/views/assemblys/form/dept-tree/depttree-runtime.vue2.js +41 -25
- package/dist/es/components/runtime/views/assemblys/form/input-text/inputtext-runtime.vue2.js +38 -38
- package/dist/es/components/runtime/views/assemblys/form/select/select-runtime.vue2.js +21 -21
- package/dist/es/style.css +17 -8
- package/package.json +2 -2
package/dist/es/components/runtime/views/assemblys/form/date-picker/datepicker-runtime.vue2.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { defineComponent as e, ref as a, onMounted as
|
|
1
|
+
import { defineComponent as e, ref as a, onMounted as l, nextTick as t, computed as o, resolveComponent as r, createBlock as u, openBlock as n, normalizeStyle as i, normalizeClass as p, unref as s, withCtx as c, createElementBlock as d, createCommentVNode as v, Fragment as f, createTextVNode as g, toDisplayString as m } from "vue";
|
|
2
2
|
import { getFormModelFields as h } from "../../../../utils/page-init-util.js";
|
|
3
3
|
import { getDateShortCuts as y } from "../../../../utils/form/date-shortcuts.js";
|
|
4
|
-
import { getModelFieldFromPageContext as C, getValueFromVariable as x, setVariableValue as b, getVariableValue as F, isDateDataType as
|
|
5
|
-
import { handleAfterInitEvent as
|
|
4
|
+
import { getModelFieldFromPageContext as C, getValueFromVariable as x, setVariableValue as b, getVariableValue as F, isDateDataType as k } from "../../../../utils/page-helper-util.js";
|
|
5
|
+
import { handleAfterInitEvent as T, getCustomFunc as V, handleFormEvent as j } from "../../../../utils/events/event-util.js";
|
|
6
6
|
import Y from "../common/title-suffix-element.vue.js";
|
|
7
7
|
import R from "dayjs";
|
|
8
8
|
import { $t as _ } from "../../../../utils/i18n-util.js";
|
|
9
9
|
const z = e({ __name: "datepicker-runtime", props: { pageContext: {}, configure: {} }, setup(e2) {
|
|
10
10
|
const z2 = e2, P = z2.pageContext.entity ? z2.pageContext.entity : {}, S = z2.configure.runtime ? z2.configure.runtime : {}, w = S.style, A = S.class, D = S.headerStyle, q = S.titleExceedStyle, I = a(S.props ? S.props : {});
|
|
11
11
|
let M = h(z2.pageContext, z2.configure, I.value.prop);
|
|
12
|
-
if (z2.pageContext.modelFieldsMap) {
|
|
12
|
+
if (z2.pageContext.modelFieldsMap && M && M.length > 0 && "data" === M[0]) {
|
|
13
13
|
const e3 = C(M, z2.pageContext);
|
|
14
14
|
e3 && function(e4) {
|
|
15
15
|
const a2 = e4.dataType;
|
|
16
|
-
|
|
16
|
+
k(a2) && ("year" === I.value.dateType && "YYYY" === I.value.valueFormat || "month" === I.value.dateType && "YYYY-MM" === I.value.valueFormat) && (I.value.valueFormat = "x");
|
|
17
17
|
}(e3);
|
|
18
18
|
}
|
|
19
19
|
let B = null, N = false;
|
|
@@ -33,19 +33,19 @@ const z = e({ __name: "datepicker-runtime", props: { pageContext: {}, configure:
|
|
|
33
33
|
if (a2) {
|
|
34
34
|
"number" != typeof e3 || isNaN(e3) || 4 !== e3.toString().length || (e3 = e3.toString());
|
|
35
35
|
try {
|
|
36
|
-
const
|
|
37
|
-
let
|
|
38
|
-
return
|
|
36
|
+
const l2 = R(e3);
|
|
37
|
+
let t2 = null;
|
|
38
|
+
return t2 = "x" === a2 ? l2.toDate().getTime() : R(e3).format(a2), t2;
|
|
39
39
|
} catch (a3) {
|
|
40
40
|
return e3;
|
|
41
41
|
}
|
|
42
42
|
}
|
|
43
43
|
return e3;
|
|
44
44
|
}
|
|
45
|
-
if (
|
|
46
|
-
|
|
45
|
+
if (l(() => {
|
|
46
|
+
t(() => {
|
|
47
47
|
const e3 = O.value;
|
|
48
|
-
|
|
48
|
+
T(e3, z2.pageContext, z2.configure, { formItemRef: U.value, componentRef: W.value, titleRef: $.value, value: e3, entity: z2.pageContext.entity.data, pageData: z2.pageContext.entity.page });
|
|
49
49
|
});
|
|
50
50
|
}), M) {
|
|
51
51
|
const e3 = F(P, M), a2 = E(e3, I.value.valueFormat);
|
|
@@ -60,8 +60,8 @@ const z = e({ __name: "datepicker-runtime", props: { pageContext: {}, configure:
|
|
|
60
60
|
const e3 = [];
|
|
61
61
|
let a2 = F(P, M);
|
|
62
62
|
e3.push(E(a2, I.value.valueFormat));
|
|
63
|
-
let
|
|
64
|
-
return e3.push(E(
|
|
63
|
+
let l2 = F(P, B);
|
|
64
|
+
return e3.push(E(l2, I.value.valueFormat)), e3;
|
|
65
65
|
}
|
|
66
66
|
return E(F(P, M), I.value.valueFormat);
|
|
67
67
|
}, set(e3) {
|
|
@@ -78,8 +78,8 @@ const z = e({ __name: "datepicker-runtime", props: { pageContext: {}, configure:
|
|
|
78
78
|
}
|
|
79
79
|
}
|
|
80
80
|
return (e3, a2) => {
|
|
81
|
-
const
|
|
82
|
-
return n(), u(o2, { ref_key: "formItemRef", ref: U, required: I.value.required, class: p(s(A)), "label-width": I.value.labelWidth, style: i(s(w)) }, { label: c(() => [I.value.tittleShow ? (n(), d("div", { key: 0, ref_key: "titleRef", ref: $, style: i({ ...s(D), ...s(q) }) }, [I.value.prefixType ? (n(), u(Y, { key: 0, pageContext: e3.pageContext, property: I.value }, null, 8, ["pageContext", "property"])) : (n(), d(f, { key: 1 }, [g(m(s(_)(I.value.title)), 1)], 64))], 4)) : v("", true)]), default: c(() => ["time" == I.value.dateType || "timerange" == I.value.dateType ? (n(), u(
|
|
81
|
+
const l2 = r("el-time-picker"), t2 = r("el-date-picker"), o2 = r("el-form-item");
|
|
82
|
+
return n(), u(o2, { ref_key: "formItemRef", ref: U, required: I.value.required, class: p(s(A)), "label-width": I.value.labelWidth, style: i(s(w)) }, { label: c(() => [I.value.tittleShow ? (n(), d("div", { key: 0, ref_key: "titleRef", ref: $, style: i({ ...s(D), ...s(q) }) }, [I.value.prefixType ? (n(), u(Y, { key: 0, pageContext: e3.pageContext, property: I.value }, null, 8, ["pageContext", "property"])) : (n(), d(f, { key: 1 }, [g(m(s(_)(I.value.title)), 1)], 64))], 4)) : v("", true)]), default: c(() => ["time" == I.value.dateType || "timerange" == I.value.dateType ? (n(), u(l2, { key: 0, ref_key: "componentRef", ref: W, "is-range": "timerange" == I.value.dateType, style: { width: "100%" }, "range-separator": "-", clearable: I.value.clearable, disabled: "disabled" === I.value.state, readonly: "readonly" === I.value.state, size: I.value.size, placeholder: I.value.placeholder, "start-placeholder": I.value.placeholder, "end-placeholder": I.value.endPlaceholder ? I.value.endPlaceholder : I.value.placeholder, "unlink-panels": true, format: I.value.format, "value-format": I.value.valueFormat, modelValue: O.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e4) => O.value = e4), shortcuts: G.value, type: I.value.dateType, onChange: a2[1] || (a2[1] = (a3) => s(j)(a3, e3.pageContext, e3.configure, "change")), onBlur: a2[2] || (a2[2] = (a3) => s(j)(a3, e3.pageContext, e3.configure, "blur")), onFocus: a2[3] || (a2[3] = (a3) => s(j)(a3, e3.pageContext, e3.configure, "focus")), onVisibleChange: a2[4] || (a2[4] = (a3) => s(j)(a3, e3.pageContext, e3.configure, "visible-change")), onPanelChange: a2[5] || (a2[5] = (a3) => s(j)(a3, e3.pageContext, e3.configure, "panel-change")), onClear: a2[6] || (a2[6] = (a3) => s(j)(a3, e3.pageContext, e3.configure, "clear")) }, null, 8, ["is-range", "clearable", "disabled", "readonly", "size", "placeholder", "start-placeholder", "end-placeholder", "format", "value-format", "modelValue", "shortcuts", "type"])) : (n(), u(t2, { key: 1, ref_key: "componentRef", ref: W, clearable: I.value.clearable, style: { width: "100%" }, "unlink-panels": true, disabled: "disabled" === I.value.state, readonly: "readonly" === I.value.state, size: I.value.size, placeholder: I.value.placeholder, "start-placeholder": I.value.placeholder, "end-placeholder": I.value.endPlaceholder ? I.value.endPlaceholder : I.value.placeholder, format: I.value.format, "value-format": I.value.valueFormat, modelValue: O.value, "onUpdate:modelValue": a2[7] || (a2[7] = (e4) => O.value = e4), shortcuts: G.value, type: I.value.dateType, onChange: a2[8] || (a2[8] = (a3) => s(j)(a3, e3.pageContext, e3.configure, "change")), onBlur: a2[9] || (a2[9] = (a3) => s(j)(a3, e3.pageContext, e3.configure, "blur")), onFocus: a2[10] || (a2[10] = (a3) => s(j)(a3, e3.pageContext, e3.configure, "focus")), onVisibleChange: a2[11] || (a2[11] = (a3) => s(j)(a3, e3.pageContext, e3.configure, "visible-change")), onPanelChange: a2[12] || (a2[12] = (a3) => s(j)(a3, e3.pageContext, e3.configure, "panel-change")), onClear: a2[13] || (a2[13] = (a3) => s(j)(a3, e3.pageContext, e3.configure, "clear")) }, null, 8, ["clearable", "disabled", "readonly", "size", "placeholder", "start-placeholder", "end-placeholder", "format", "value-format", "modelValue", "shortcuts", "type"]))]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
|
|
83
83
|
};
|
|
84
84
|
} });
|
|
85
85
|
export {
|
|
@@ -1,35 +1,51 @@
|
|
|
1
|
-
import { defineComponent as e, ref as t, onMounted as l, nextTick as
|
|
2
|
-
import { getFormModelFields as
|
|
3
|
-
import { handleAfterInitEvent as
|
|
4
|
-
import
|
|
5
|
-
import { $t as
|
|
6
|
-
import { setVariableValue as
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
const
|
|
11
|
-
let
|
|
12
|
-
const
|
|
1
|
+
import { defineComponent as e, ref as t, onMounted as l, nextTick as o, computed as p, watch as i, resolveComponent as n, createBlock as a, openBlock as r, normalizeStyle as u, normalizeClass as s, unref as d, withCtx as f, createVNode as c, createElementBlock as m, createCommentVNode as g, Fragment as v, createTextVNode as y, toDisplayString as x } from "vue";
|
|
2
|
+
import { getFormModelFields as C } from "../../../../utils/page-init-util.js";
|
|
3
|
+
import { handleAfterInitEvent as S, handleFormEvent as h } from "../../../../utils/events/event-util.js";
|
|
4
|
+
import F from "../common/title-suffix-element.vue.js";
|
|
5
|
+
import { $t as b } from "../../../../utils/i18n-util.js";
|
|
6
|
+
import { setVariableValue as k, getVariableValue as R, getValueFromVariable as _ } from "../../../../utils/page-helper-util.js";
|
|
7
|
+
const j = e({ __name: "depttree-runtime", props: { pageContext: {}, configure: {} }, setup(e2) {
|
|
8
|
+
const j2 = e2, I = t([]), T = j2.pageContext.entity ? j2.pageContext.entity : {};
|
|
9
|
+
T.data || (T.data = {});
|
|
10
|
+
const w = T.data, z = T.page;
|
|
11
|
+
let q = C(j2.pageContext, j2.configure);
|
|
12
|
+
const M = q.length > 0 ? q[q.length - 1] : j2.configure.uuid, O = j2.configure.runtime ? j2.configure.runtime : {}, $ = t(O.props ? O.props : {}), D = O.style, E = O.class, V = O.headerStyle, W = O.titleExceedStyle;
|
|
13
|
+
O.props.deptScope && ("field" == O.props.deptScope && O.props.deptScopeField ? (N(), function(e3, t2) {
|
|
14
|
+
if (0 === e3.indexOf("${fixed.")) return;
|
|
15
|
+
const l2 = e3.match(/\${(.*?)}/);
|
|
16
|
+
if (!l2) return;
|
|
17
|
+
const o2 = l2 ? l2[1].split(".") : [];
|
|
18
|
+
o2 && o2.length > 0 && i(() => o2.reduce((e4, t3) => e4[t3], j2.pageContext.entity), (e4, l3) => {
|
|
19
|
+
t2(e4, l3);
|
|
20
|
+
});
|
|
21
|
+
}(O.props.deptScopeField, (e3, t2) => {
|
|
22
|
+
N();
|
|
23
|
+
})) : "depts" == O.props.deptScope && O.props.deptScopeCodes && (I.value = O.props.deptScopeCodes.split(",")));
|
|
24
|
+
const A = t(null), B = t(null), G = t(null);
|
|
13
25
|
l(() => {
|
|
14
|
-
|
|
15
|
-
const e3 =
|
|
16
|
-
|
|
26
|
+
o(() => {
|
|
27
|
+
const e3 = w ? w[M] : null;
|
|
28
|
+
S(e3, j2.pageContext, j2.configure, { formItemRef: A.value, componentRef: B.value, titleRef: G.value, value: e3, entity: j2.pageContext.entity.data, pageData: j2.pageContext.entity.page });
|
|
17
29
|
});
|
|
18
30
|
});
|
|
19
|
-
const
|
|
20
|
-
|
|
21
|
-
} }),
|
|
22
|
-
function
|
|
23
|
-
e3 ===
|
|
31
|
+
const H = p({ get: () => R(T, q), set(e3) {
|
|
32
|
+
k(T, q, e3);
|
|
33
|
+
} }), J = $.value.autoSetFields ? $.value.autoSetFields : [];
|
|
34
|
+
function K(e3, t2) {
|
|
35
|
+
e3 === M && h(t2, j2.pageContext, j2.configure, "change");
|
|
36
|
+
}
|
|
37
|
+
function L() {
|
|
38
|
+
h(null, j2.pageContext, j2.configure, "click");
|
|
24
39
|
}
|
|
25
|
-
function
|
|
26
|
-
|
|
40
|
+
function N() {
|
|
41
|
+
const e3 = _(j2.pageContext.entity, O.props.deptScopeField);
|
|
42
|
+
I.value = e3 ? e3.split(",") : [];
|
|
27
43
|
}
|
|
28
44
|
return (e3, t2) => {
|
|
29
|
-
const l2 =
|
|
30
|
-
return
|
|
45
|
+
const l2 = n("OrganizationInput"), o2 = n("el-form-item");
|
|
46
|
+
return r(), a(o2, { ref_key: "formItemRef", ref: A, required: $.value.required, class: s(d(E)), "label-width": $.value.labelWidth, style: u(d(D)) }, { label: f(() => [$.value.tittleShow ? (r(), m("div", { key: 0, ref_key: "titleRef", ref: G, style: u({ ...d(V), ...d(W) }) }, [$.value.prefixType ? (r(), a(F, { key: 0, pageContext: e3.pageContext, property: $.value }, null, 8, ["pageContext", "property"])) : (r(), m(v, { key: 1 }, [y(x(d(b)($.value.title)), 1)], 64))], 4)) : g("", true)]), default: f(() => [c(l2, { ref_key: "componentRef", ref: B, disabled: "disabled" == $.value.state, multiple: $.value.multiple, treeType: $.value.treeType, value: H.value, models: d(w), departmentInfo: I.value, limitFilterColumn: $.value.limitFilterColumn, pageModels: d(z), fields: d(J), size: $.value.size, separator: $.value.separator, onSetValue: K, onShowTree: L }, null, 8, ["disabled", "multiple", "treeType", "value", "models", "departmentInfo", "limitFilterColumn", "pageModels", "fields", "size", "separator"])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
|
|
31
47
|
};
|
|
32
48
|
} });
|
|
33
49
|
export {
|
|
34
|
-
|
|
50
|
+
j as default
|
|
35
51
|
};
|
package/dist/es/components/runtime/views/assemblys/form/input-text/inputtext-runtime.vue2.js
CHANGED
|
@@ -1,75 +1,75 @@
|
|
|
1
|
-
import { defineComponent as e, ref as t, computed as
|
|
1
|
+
import { defineComponent as e, ref as t, computed as o, onMounted as l, nextTick as n, onUnmounted as a, watch as u, resolveComponent as i, createBlock as r, openBlock as p, normalizeStyle as s, normalizeClass as c, unref as v, withCtx as f, createVNode as y, createCommentVNode as g, createSlots as m, createTextVNode as d, toDisplayString as x, createElementBlock as C, Fragment as I } from "vue";
|
|
2
2
|
import { SuperIcon as T } from "agilebuilder-ui";
|
|
3
3
|
import { getFormModelFields as k } from "../../../../utils/page-init-util.js";
|
|
4
|
-
import { getModelFieldFromPageContext as
|
|
4
|
+
import { getModelFieldFromPageContext as w, isNumberDataType as V, setVariableValue as h, getVariableValue as b } from "../../../../utils/page-helper-util.js";
|
|
5
5
|
import { handleFormEvent as _, handleAfterInitEvent as S, doSuffixOrPrefixClickEvent as j } from "../../../../utils/events/event-util.js";
|
|
6
|
-
import { formatScanRuleSets as R, analysisScanValue as
|
|
7
|
-
import
|
|
8
|
-
import { isMobileBrowser as
|
|
9
|
-
import
|
|
10
|
-
import { $t as
|
|
11
|
-
const
|
|
6
|
+
import { formatScanRuleSets as R, analysisScanValue as O, setScanAnalysisValue as D } from "../../../../utils/form/scan-util.js";
|
|
7
|
+
import M from "../common/title-suffix-element.vue.js";
|
|
8
|
+
import { isMobileBrowser as N } from "agilebuilder-ui/src/utils/common-util";
|
|
9
|
+
import P from "../../../../utils/eventBus.js";
|
|
10
|
+
import { $t as q } from "../../../../utils/i18n-util.js";
|
|
11
|
+
const z = e({ __name: "inputtext-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: z2 }) {
|
|
12
12
|
var _a, _b, _c;
|
|
13
|
-
const
|
|
14
|
-
let
|
|
15
|
-
if (
|
|
16
|
-
const e3 =
|
|
17
|
-
e3 && (
|
|
13
|
+
const J = e2, L = J.pageContext.entity ? J.pageContext.entity : {}, B = t("text");
|
|
14
|
+
let F = k(J.pageContext, J.configure);
|
|
15
|
+
if (J.pageContext.modelFieldsMap) {
|
|
16
|
+
const e3 = w(F, J.pageContext);
|
|
17
|
+
e3 && (B.value = V(e3.dataType) ? "number" : "text");
|
|
18
18
|
}
|
|
19
|
-
const $ = t(
|
|
20
|
-
e3 = e3.trim(),
|
|
21
|
-
} }), W = t(null), G = t(null), H = t(null), K =
|
|
19
|
+
const $ = t(N()), A = J.pageContext.code, E = t(F && F.length > 0 ? A + "__" + F.join("__") : null), U = o({ get: () => b(L, F), set(e3) {
|
|
20
|
+
e3 = e3.trim(), h(L, F, e3);
|
|
21
|
+
} }), W = t(null), G = t(null), H = t(null), K = J.configure.runtime ? J.configure.runtime : {}, Q = t(K.props ? K.props : {}), X = t(!!((_a = Q.value.scan) == null ? void 0 : _a.enable));
|
|
22
22
|
let Y = false;
|
|
23
23
|
const Z = window.localStorage.getItem("auth_source");
|
|
24
24
|
Z && "dingtalk" === Z && (Y = true);
|
|
25
25
|
let ee = "";
|
|
26
26
|
ee = navigator.userAgent.indexOf(" uni-app ") > 0 ? "app" : "browser";
|
|
27
|
-
const te = !(!$.value || !ee || "app" !== ee),
|
|
28
|
-
let
|
|
27
|
+
const te = !(!$.value || !ee || "app" !== ee), oe = t(!!((te || Y) && X.value || $.value && X.value && "https:" === window.location.protocol));
|
|
28
|
+
let le = {};
|
|
29
29
|
((_b = Q.value.scan) == null ? void 0 : _b.enable) && ((_c = Q.value.scan.ruleList) == null ? void 0 : _c.length) > 0 && (R(Q.value.scan.ruleList).then((e3) => {
|
|
30
|
-
|
|
30
|
+
le = e3;
|
|
31
31
|
}), u(() => U.value, (e3) => {
|
|
32
32
|
e3 = e3.trim();
|
|
33
|
-
const t2 =
|
|
34
|
-
t2 &&
|
|
33
|
+
const t2 = O(e3, le);
|
|
34
|
+
t2 && D(J.pageContext, t2.scanSet, t2.params);
|
|
35
35
|
}));
|
|
36
36
|
const ne = K.style, ae = K.class, ue = K.headerStyle, ie = K.titleExceedStyle;
|
|
37
37
|
function re(e3) {
|
|
38
|
-
return
|
|
38
|
+
return h(L, F, e3);
|
|
39
39
|
}
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
re(e3.result), _(e3.result,
|
|
40
|
+
l(() => {
|
|
41
|
+
P.$on(E.value + "-scanDone", (e3) => {
|
|
42
|
+
re(e3.result), _(e3.result, J.pageContext, J.configure, "afterScanDone");
|
|
43
43
|
}), n(() => {
|
|
44
44
|
var _a2;
|
|
45
45
|
const e3 = U.value;
|
|
46
|
-
S(e3,
|
|
46
|
+
S(e3, J.pageContext, J.configure, { formItemRef: W.value, componentRef: G.value, titleRef: H.value, value: e3, entity: J.pageContext.entity.data, pageData: J.pageContext.entity.page }), oe.value && ((_a2 = Q.value.scan) == null ? void 0 : _a2.autoOpen) && se();
|
|
47
47
|
});
|
|
48
48
|
}), a(() => {
|
|
49
|
-
|
|
49
|
+
P.$off(E.value + "-scanDone");
|
|
50
50
|
});
|
|
51
51
|
const pe = t(false);
|
|
52
|
-
function
|
|
52
|
+
function se() {
|
|
53
53
|
if (te || Y) {
|
|
54
|
-
const e3 = { type: "scan", componentId: E.value, systemCode:
|
|
55
|
-
Y && (e3.type = "dingTalkScan"), window.parent.postMessage(JSON.stringify(e3), "*");
|
|
54
|
+
const e3 = { type: "scan", componentId: E.value, systemCode: J.pageContext.systemCode };
|
|
55
|
+
Y && (e3.type = "dingTalkScan"), window.parent.parent ? window.parent.parent.postMessage(JSON.stringify(e3), "*") : window.parent && window.parent.postMessage(JSON.stringify(e3), "*");
|
|
56
56
|
} else if ($.value) if ("https:" === window.location.protocol) pe.value = true;
|
|
57
57
|
else {
|
|
58
|
-
const e3 = { type: "scan", componentId: E.value, systemCode:
|
|
58
|
+
const e3 = { type: "scan", componentId: E.value, systemCode: J.pageContext.systemCode };
|
|
59
59
|
window.parent.postMessage(JSON.stringify(e3), "*");
|
|
60
60
|
}
|
|
61
61
|
else pe.value = true;
|
|
62
62
|
}
|
|
63
|
-
function
|
|
63
|
+
function ce(e3) {
|
|
64
64
|
pe.value = false, re(e3);
|
|
65
65
|
}
|
|
66
|
-
return
|
|
67
|
-
return b(
|
|
68
|
-
}, setValue: re, scanClick:
|
|
69
|
-
const
|
|
70
|
-
return p(), r(n2, { ref_key: "formItemRef", ref: W, required: !!Q.value.required, class:
|
|
66
|
+
return z2({ getValue: function() {
|
|
67
|
+
return b(L, F);
|
|
68
|
+
}, setValue: re, scanClick: se }), (e3, t2) => {
|
|
69
|
+
const o2 = i("el-input"), l2 = i("scan-code-input-browser"), n2 = i("el-form-item");
|
|
70
|
+
return p(), r(n2, { ref_key: "formItemRef", ref: W, required: !!Q.value.required, class: c(v(ae)), "label-width": Q.value.labelWidth, style: s(v(ne)) }, { label: f(() => [Q.value.tittleShow ? (p(), C("div", { key: 0, ref_key: "titleRef", ref: H, style: s({ ...v(ue), ...v(ie) }) }, [Q.value.prefixType ? (p(), r(M, { key: 0, pageContext: e3.pageContext, property: Q.value }, null, 8, ["pageContext", "property"])) : (p(), C(I, { key: 1 }, [d(x(v(q)(Q.value.title)), 1)], 64))], 4)) : g("", true)]), default: f(() => [y(o2, { ref_key: "componentRef", ref: G, disabled: "disabled" === Q.value.state, readonly: "readonly" === Q.value.state, size: Q.value.size, clearable: Q.value.clearable, placeholder: Q.value.placeholder, maxlength: Q.value.maxLength, "show-word-limit": Q.value.showInputNum, type: B.value, modelValue: U.value, "onUpdate:modelValue": t2[5] || (t2[5] = (e4) => U.value = e4), onInput: t2[6] || (t2[6] = (t3) => v(_)(t3, e3.pageContext, e3.configure, "input")), onChange: t2[7] || (t2[7] = (t3) => v(_)(t3, e3.pageContext, e3.configure, "change")), onBlur: t2[8] || (t2[8] = (t3) => v(_)(t3, e3.pageContext, e3.configure, "blur")), onFocus: t2[9] || (t2[9] = (t3) => v(_)(t3, e3.pageContext, e3.configure, "focus")), onClick: t2[10] || (t2[10] = (t3) => v(_)(t3, e3.pageContext, e3.configure, "click")), onClear: t2[11] || (t2[11] = (t3) => v(_)(t3, e3.pageContext, e3.configure, "clear")) }, m({ _: 2 }, ["outer" != Q.value.iconPosition && (Q.value.preIconType && Q.value.preIconValue || Q.value.preText) ? { name: "prefix", fn: f(() => [Q.value.preIconType && Q.value.preIconValue ? (p(), r(v(T), { key: 0, style: { cursor: "pointer" }, iconType: Q.value.preIconType, iconValue: Q.value.preIconValue, onClick: t2[0] || (t2[0] = (t3) => v(j)(U.value, e3.pageContext, e3.configure, "prefixClick")) }, null, 8, ["iconType", "iconValue"])) : g("", true), d(" " + x(v(q)(Q.value.preText)), 1)]), key: "0" } : void 0, "outer" == Q.value.iconPosition && (Q.value.preIconType && Q.value.preIconValue || Q.value.preText) ? { name: "prepend", fn: f(() => [Q.value.preIconType && Q.value.preIconValue ? (p(), r(v(T), { key: 0, style: { cursor: "pointer" }, iconType: Q.value.preIconType, iconValue: Q.value.preIconValue, onClick: t2[1] || (t2[1] = (t3) => v(j)(U.value, e3.pageContext, e3.configure, "prefixClick")) }, null, 8, ["iconType", "iconValue"])) : g("", true), d(" " + x(v(q)(Q.value.preText)), 1)]), key: "1" } : void 0, "outer" != Q.value.iconPosition && (Q.value.sufIconType && Q.value.sufIconValue || Q.value.sufText) ? { name: "suffix", fn: f(() => [Q.value.sufIconType && Q.value.sufIconValue ? (p(), r(v(T), { key: 0, style: { cursor: "pointer" }, iconType: Q.value.sufIconType, iconValue: Q.value.sufIconValue, onClick: t2[2] || (t2[2] = (t3) => v(j)(U.value, e3.pageContext, e3.configure, "suffixClick")) }, null, 8, ["iconType", "iconValue"])) : g("", true), d(" " + x(v(q)(Q.value.sufText)), 1)]), key: "2" } : void 0, oe.value || "outer" == Q.value.iconPosition && (Q.value.sufIconType && Q.value.sufIconValue || Q.value.sufText) ? { name: "append", fn: f(() => [oe.value ? (p(), r(v(T), { key: 0, style: { cursor: "pointer" }, iconValue: "fa-barcode", onClick: t2[3] || (t2[3] = (e4) => se()) })) : g("", true), Q.value.sufIconType && Q.value.sufIconValue ? (p(), r(v(T), { key: 1, style: { cursor: "pointer" }, iconType: Q.value.sufIconType, iconValue: Q.value.sufIconValue, onClick: t2[4] || (t2[4] = (t3) => v(j)(U.value, e3.pageContext, e3.configure, "suffixClick")) }, null, 8, ["iconType", "iconValue"])) : g("", true), d(" " + x(v(q)(Q.value.sufText)), 1)]), key: "3" } : void 0]), 1032, ["disabled", "readonly", "size", "clearable", "placeholder", "maxlength", "show-word-limit", "type", "modelValue"]), pe.value ? (p(), r(l2, { key: 0, onClose: ce })) : g("", true)]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
|
|
71
71
|
};
|
|
72
72
|
} });
|
|
73
73
|
export {
|
|
74
|
-
|
|
74
|
+
z as default
|
|
75
75
|
};
|
|
@@ -1,27 +1,27 @@
|
|
|
1
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
|
|
2
|
+
import { setVariableValue as k, getVariableValue as w, getOptionDatasFromPage as _, queryOptionDatasources as S, autoSetAfterSelect as T } from "../../../../utils/page-helper-util.js";
|
|
3
3
|
import { getFormModelFields as j } from "../../../../utils/page-init-util.js";
|
|
4
4
|
import { handleFormEvent as R, handleAfterInitEvent as V } from "../../../../utils/events/event-util.js";
|
|
5
5
|
import z from "../common/title-suffix-element.vue.js";
|
|
6
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" } },
|
|
8
|
-
const
|
|
9
|
-
let D = j(
|
|
10
|
-
const W =
|
|
11
|
-
let e3 =
|
|
7
|
+
const M = { style: { float: "left" } }, q = { style: { float: "right", color: "var(--el-text-color-secondary)", "font-size": "13px" } }, A = e({ __name: "select-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: A2 }) {
|
|
8
|
+
const O = e2, P = O.pageContext.entity ? O.pageContext.entity : {};
|
|
9
|
+
let D = j(O.pageContext, O.configure);
|
|
10
|
+
const W = O.configure.runtime ? O.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 = w(P, D);
|
|
12
12
|
return null != e3 && (e3 += ""), B.value.multiple && (e3 = e3 ? e3.split(",") : []), e3;
|
|
13
13
|
}, set(e3) {
|
|
14
|
-
B.value.multiple && e3 && e3.length > 0 && !B.value.arrayValue && (e3 = e3.join(",")),
|
|
15
|
-
} }), H = t(B.value.options ? B.value.options : []), J =
|
|
14
|
+
B.value.multiple && e3 && e3.length > 0 && !B.value.arrayValue && (e3 = e3.join(",")), k(P, D, e3);
|
|
15
|
+
} }), H = t(B.value.options ? B.value.options : []), J = _(O.pageContext, O.configure);
|
|
16
16
|
J.length > 0 && (H.value = J);
|
|
17
|
-
const K = t(false), L =
|
|
17
|
+
const K = t(false), L = O.configure.props && O.configure.props.dataOrigin ? O.configure.props.dataOrigin : {}, N = L.optionValueSetType;
|
|
18
18
|
let Q = [];
|
|
19
19
|
const X = B.value.optionconfigInfo ? B.value.optionconfigInfo : {};
|
|
20
20
|
if ("dynamicData" == N || "dataTable" == N || "service" == N) {
|
|
21
21
|
if ("remote" == L.filterType) {
|
|
22
22
|
let e3;
|
|
23
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(
|
|
24
|
+
e3 !== t2 && (e3 = t2, K.value = true, S(O.pageContext, X, t2).then((e4) => {
|
|
25
25
|
K.value = false;
|
|
26
26
|
}).then((e4) => {
|
|
27
27
|
K.value = false;
|
|
@@ -30,14 +30,14 @@ const M = { style: { float: "left" } }, q = { style: { float: "right", color: "v
|
|
|
30
30
|
}
|
|
31
31
|
if (L.autoSets) for (let e3 of L.autoSets) e3.source && Q.push(e3);
|
|
32
32
|
}
|
|
33
|
-
|
|
33
|
+
O.configure && O.configure.props && O.configure.props.base && O.configure.props.base.optionProp && Q.push({ source: "label", target: O.configure.props.base.optionProp }), B.value.changeMethod = function(e3) {
|
|
34
34
|
let t2, l2 = null;
|
|
35
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(
|
|
36
|
+
Q.length > 0 && T(O.configure, O.pageContext, Q, l2, [B.value.prop]);
|
|
37
37
|
l2 && l2.length > 0 && (t2 = l2[0]);
|
|
38
38
|
let o2 = {};
|
|
39
39
|
t2 && (o2 = { extendParams: t2 });
|
|
40
|
-
R(e3,
|
|
40
|
+
R(e3, O.pageContext, O.configure, "change", o2);
|
|
41
41
|
};
|
|
42
42
|
const Y = B.value.monitorFields, Z = [];
|
|
43
43
|
if (Y) {
|
|
@@ -47,20 +47,20 @@ const M = { style: { float: "left" } }, q = { style: { float: "right", color: "v
|
|
|
47
47
|
const l2 = t2.split(".");
|
|
48
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(
|
|
50
|
+
for (let t2 of e3) o(P[t2], () => {
|
|
51
51
|
oe();
|
|
52
52
|
});
|
|
53
53
|
}
|
|
54
54
|
function ee() {
|
|
55
|
-
let e3 =
|
|
56
|
-
for (let t2 of Z) e3
|
|
57
|
-
return e3;
|
|
55
|
+
let e3 = [];
|
|
56
|
+
for (let t2 of Z) e3.push(w(P, t2));
|
|
57
|
+
return e3.join(",");
|
|
58
58
|
}
|
|
59
59
|
let te = ee(), le = false;
|
|
60
60
|
function oe() {
|
|
61
61
|
le && clearTimeout(le), le = setTimeout(function() {
|
|
62
62
|
const e3 = ee();
|
|
63
|
-
e3 != te && (te = e3, S(
|
|
63
|
+
e3 != te && (te = e3, X.watchAttrValue = e3, S(O.pageContext, X, void 0).then((e4) => {
|
|
64
64
|
K.value = false;
|
|
65
65
|
}));
|
|
66
66
|
}, 200);
|
|
@@ -72,9 +72,9 @@ const M = { style: { float: "left" } }, q = { style: { float: "right", color: "v
|
|
|
72
72
|
return u(() => {
|
|
73
73
|
n(() => {
|
|
74
74
|
const e3 = G.value;
|
|
75
|
-
V(e3,
|
|
75
|
+
V(e3, O.pageContext, O.configure, { formItemRef: ae.value, componentRef: ue.value, titleRef: ne.value, value: e3, entity: O.pageContext.entity.data, pageData: O.pageContext.entity.page });
|
|
76
76
|
});
|
|
77
|
-
}),
|
|
77
|
+
}), A2({ updateOptions: function(e3) {
|
|
78
78
|
H.value = e3 || [];
|
|
79
79
|
} }), (e3, t2) => {
|
|
80
80
|
const l2 = i("el-option"), o2 = i("el-select"), a2 = i("el-form-item");
|
|
@@ -82,5 +82,5 @@ const M = { style: { float: "left" } }, q = { style: { float: "right", color: "v
|
|
|
82
82
|
};
|
|
83
83
|
} });
|
|
84
84
|
export {
|
|
85
|
-
|
|
85
|
+
A as default
|
|
86
86
|
};
|
package/dist/es/style.css
CHANGED
|
@@ -442,7 +442,13 @@
|
|
|
442
442
|
max-width: none;
|
|
443
443
|
flex: auto;
|
|
444
444
|
}
|
|
445
|
-
}.runtime-page-container-tabs-view[data-v-
|
|
445
|
+
}.runtime-page-container-tabs-view[data-v-50669d0c] > .el-tabs__header > .el-tabs__new-tab {
|
|
446
|
+
border: 0px !important;
|
|
447
|
+
}
|
|
448
|
+
.runtime-page-container-tabs-view[data-v-50669d0c] > .el-tabs__header .el-tabs__item:has(.tab-hidden) {
|
|
449
|
+
display: none !important;
|
|
450
|
+
}
|
|
451
|
+
.runtime-page-container-tabs-view[data-v-50669d0c] > .el-tabs__content > .el-tab-pane {
|
|
446
452
|
display: flex;
|
|
447
453
|
flex-direction: row;
|
|
448
454
|
align-items: flex-start;
|
|
@@ -450,16 +456,16 @@
|
|
|
450
456
|
flex-wrap: wrap;
|
|
451
457
|
gap: var(--runtime-page-container-view-gap, 15px);
|
|
452
458
|
}
|
|
453
|
-
.runtime-page-container-tabs-view[data-v-
|
|
459
|
+
.runtime-page-container-tabs-view[data-v-50669d0c] > .el-tabs__content > .el-tab-pane > div {
|
|
454
460
|
width: 100%;
|
|
455
461
|
}
|
|
456
|
-
.runtime-page-container-tabs-view[data-v-
|
|
462
|
+
.runtime-page-container-tabs-view[data-v-50669d0c] > .el-tabs__content > .el-tab-pane > div[style*="display: inline-block"] {
|
|
457
463
|
width: auto;
|
|
458
464
|
}
|
|
459
|
-
.runtime-page-container-tabs-view[data-v-
|
|
465
|
+
.runtime-page-container-tabs-view[data-v-50669d0c] > .el-tabs__content > .el-tab-pane > [style*="display: inline-block"] {
|
|
460
466
|
width: auto;
|
|
461
467
|
}
|
|
462
|
-
.runtime-page-container-tabs-view[data-v-
|
|
468
|
+
.runtime-page-container-tabs-view[data-v-50669d0c] > .el-tabs__content > .el-tab-pane > .amb-design-item-default {
|
|
463
469
|
display: flex;
|
|
464
470
|
flex-direction: row;
|
|
465
471
|
align-items: flex-start;
|
|
@@ -467,14 +473,17 @@
|
|
|
467
473
|
flex-wrap: wrap;
|
|
468
474
|
gap: var(--runtime-page-container-view-gap, 15px);
|
|
469
475
|
}
|
|
470
|
-
.runtime-page-container-tabs-view[data-v-
|
|
476
|
+
.runtime-page-container-tabs-view[data-v-50669d0c] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > div {
|
|
471
477
|
width: 100%;
|
|
472
478
|
}
|
|
473
|
-
.runtime-page-container-tabs-view[data-v-
|
|
479
|
+
.runtime-page-container-tabs-view[data-v-50669d0c] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > div[style*="display: inline-block"] {
|
|
474
480
|
width: auto;
|
|
475
481
|
}
|
|
476
|
-
.runtime-page-container-tabs-view[data-v-
|
|
482
|
+
.runtime-page-container-tabs-view[data-v-50669d0c] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > [style*="display: inline-block"] {
|
|
477
483
|
width: auto;
|
|
484
|
+
}
|
|
485
|
+
.tab-hidden[data-v-50669d0c] {
|
|
486
|
+
display: none !important;
|
|
478
487
|
}.yx-fixed-box-main[data-v-9b488f43]:has(.yx-fixed-box-container:empty) {
|
|
479
488
|
display: none;
|
|
480
489
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "super-page-runtime",
|
|
3
|
-
"version": "2.3.
|
|
3
|
+
"version": "2.3.2-sit1",
|
|
4
4
|
"description": "AgileBuilder super page runtime",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"main": "dist/es/index.js",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"@vitejs/plugin-vue-jsx": "^3.1.0",
|
|
49
49
|
"@vue/eslint-config-prettier": "^8.0.0",
|
|
50
50
|
"@vue/test-utils": "^2.4.4",
|
|
51
|
-
"agilebuilder-ui": "1.1.
|
|
51
|
+
"agilebuilder-ui": "1.1.37-sit1",
|
|
52
52
|
"axios": "^1.6.8",
|
|
53
53
|
"cypress": "^13.6.6",
|
|
54
54
|
"element-plus": "^2.6.1",
|