super-page-runtime 2.2.56 → 2.2.59
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/events/event-util.js +23 -23
- package/dist/es/components/runtime/utils/events/standard-event.d.ts +1 -5
- package/dist/es/components/runtime/utils/events/standard-event.js +132 -156
- package/dist/es/components/runtime/utils/page-helper-util.d.ts +0 -2
- package/dist/es/components/runtime/utils/page-helper-util.js +0 -14
- package/dist/es/components/runtime/utils/page-init-util.js +10 -21
- package/dist/es/components/runtime/utils/tree-utils.js +15 -49
- package/dist/es/components/runtime/views/assemblys/container/card/card-runtime.vue.js +1 -1
- package/dist/es/components/runtime/views/assemblys/container/card/card-runtime.vue2.js +1 -1
- package/dist/es/components/runtime/views/assemblys/container/fixed/FixedBox.vue.js +1 -1
- package/dist/es/components/runtime/views/assemblys/container/fixed/YxAffix.vue.js +71 -5
- package/dist/es/components/runtime/views/assemblys/container/fixed/YxAffix.vue2.js +2 -72
- package/dist/es/components/runtime/views/assemblys/container/tabs/tabs-runtime.vue.js +1 -4
- package/dist/es/components/runtime/views/assemblys/container/tabs/tabs-runtime.vue2.js +3 -3
- package/dist/es/components/runtime/views/assemblys/container/tools/tools-runtime.vue.js +1 -1
- package/dist/es/components/runtime/views/assemblys/container/tools/tools-runtime.vue2.js +19 -22
- package/dist/es/components/runtime/views/assemblys/data/tree/tree-runtime.vue.js +1 -4
- package/dist/es/components/runtime/views/assemblys/data/tree/tree-runtime.vue2.js +45 -113
- package/dist/es/components/runtime/views/assemblys/form/input-text/inputtext-runtime.vue2.js +54 -59
- package/dist/es/components/runtime/views/super-page.vue.js +1 -1
- package/dist/es/components/runtime/views/super-page.vue2.js +130 -144
- package/dist/es/i18n/langs/cn.js +1 -1
- package/dist/es/i18n/langs/en.js +1 -1
- package/dist/es/index.d.ts +1 -2
- package/dist/es/index.js +0 -2
- package/dist/es/style.css +26 -372
- package/package.json +2 -2
- package/dist/es/assets/file.png.js +0 -4
- package/dist/es/assets/folder.png.js +0 -4
- package/dist/es/components/runtime/views/assemblys/common/save-chart-condition-dialog.vue.d.ts +0 -31
- package/dist/es/components/runtime/views/assemblys/common/save-chart-condition-dialog.vue.js +0 -35
- package/dist/es/components/runtime/views/assemblys/common/save-chart-condition-dialog.vue2.js +0 -4
- package/dist/es/components/runtime/views/assemblys/container/fixed/YxAffix.vue.d.ts +0 -94
|
@@ -336,18 +336,6 @@ function decomposeVariable(t) {
|
|
|
336
336
|
const e = t.match(/\${(.*?)}/);
|
|
337
337
|
return e ? e[1].split(".") : [];
|
|
338
338
|
}
|
|
339
|
-
function getModelFieldFromPageContext(t, e) {
|
|
340
|
-
if (!e.modelFieldsMap) return;
|
|
341
|
-
let o = null;
|
|
342
|
-
for (let n = 0; n < t.length; n++) {
|
|
343
|
-
const r = t[n];
|
|
344
|
-
n + 1 === t.length && (o = e.modelFieldsMap[r]);
|
|
345
|
-
}
|
|
346
|
-
return o;
|
|
347
|
-
}
|
|
348
|
-
function isNumberDataType(t) {
|
|
349
|
-
return "INTEGER" === t || "LONG" === t || "DOUBLE" === t || "FLOAT_COM" === t;
|
|
350
|
-
}
|
|
351
339
|
export {
|
|
352
340
|
autoSetAfterSelect,
|
|
353
341
|
caculateShowCondition,
|
|
@@ -358,7 +346,6 @@ export {
|
|
|
358
346
|
getComponentOptionConfigs,
|
|
359
347
|
getComponentOptionDatasFromPage,
|
|
360
348
|
getFormPropName,
|
|
361
|
-
getModelFieldFromPageContext,
|
|
362
349
|
getOptionDatasFromPage,
|
|
363
350
|
getOptionDatasSourceMap,
|
|
364
351
|
getParamNames,
|
|
@@ -366,7 +353,6 @@ export {
|
|
|
366
353
|
getValueFromSource,
|
|
367
354
|
getValueFromVariable,
|
|
368
355
|
getVariableValue,
|
|
369
|
-
isNumberDataType,
|
|
370
356
|
isPromise,
|
|
371
357
|
monitorFieldChange,
|
|
372
358
|
queryOptionDatasources,
|
|
@@ -103,37 +103,26 @@ function P(e2, t2, s2, i2) {
|
|
|
103
103
|
return n2;
|
|
104
104
|
}
|
|
105
105
|
function M(e2, t2) {
|
|
106
|
+
if (!t2 || !e2 || t2.isTest) return "true";
|
|
106
107
|
const s2 = [];
|
|
107
108
|
if (e2.autoPermissions) for (const i2 of e2.autoPermissions) s2.push(t2.code + "." + i2.simpleCode);
|
|
108
109
|
if (e2.functionCodes) {
|
|
109
110
|
const i2 = e2.sourceTypes ? e2.sourceTypes : [], n2 = e2.functionCodes;
|
|
110
111
|
for (let e3 = 0; e3 < n2.length; e3++) {
|
|
111
|
-
const o2 = n2[e3]
|
|
112
|
-
let
|
|
113
|
-
|
|
114
|
-
else if ("standard" === r2) l2 = t2.code + "." + o2;
|
|
115
|
-
else {
|
|
116
|
-
l2 = "custom" === j(o2, t2).type ? o2 : t2.code + "." + o2;
|
|
117
|
-
}
|
|
118
|
-
s2.includes(l2) || s2.push(l2);
|
|
112
|
+
const o2 = n2[e3];
|
|
113
|
+
let r2 = "";
|
|
114
|
+
r2 = "service" == (e3 < i2.length ? i2[e3] : "") ? o2 : t2.code + "." + o2, s2.includes(r2) || s2.push(r2);
|
|
119
115
|
}
|
|
120
116
|
}
|
|
121
117
|
return s2.join(",");
|
|
122
118
|
}
|
|
123
|
-
function j(
|
|
124
|
-
const s2 = t2.pagePermissions;
|
|
125
|
-
if (s2 && s2.length > 0) {
|
|
126
|
-
for (let t3 = 0; t3 < s2.length; t3++) if (s2[t3].simpleCode === e2) return s2[t3];
|
|
127
|
-
}
|
|
128
|
-
return null;
|
|
129
|
-
}
|
|
130
|
-
function C(s2, i2, n2) {
|
|
119
|
+
function j(s2, i2, n2) {
|
|
131
120
|
const o2 = s2.tableRuntimes, r2 = t(i2);
|
|
132
121
|
let l2;
|
|
133
122
|
const a2 = i2.code;
|
|
134
123
|
return r2 && Object.keys(r2) > 0 && (l2 = JSON.stringify(r2)), e.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/super-grids", { tableRuntimes: o2, additionalParamMapJson: l2, pageCode: a2, publishVersion: n2, pageType: s2.pageType });
|
|
135
124
|
}
|
|
136
|
-
function
|
|
125
|
+
function C(e2, t2) {
|
|
137
126
|
var _a, _b;
|
|
138
127
|
const s2 = t2.props && t2.props.base ? t2.props.base.prop : null;
|
|
139
128
|
let n2 = false;
|
|
@@ -152,7 +141,7 @@ function I(e2, t2) {
|
|
|
152
141
|
((_b = t2.props) == null ? void 0 : _b.customRuleEvents) && (e2.customRuleEvents || (e2.customRuleEvents = []), e2.customRuleEvents.push({ prop: o2, events: t2.props.customRuleEvents }));
|
|
153
142
|
}
|
|
154
143
|
}
|
|
155
|
-
function
|
|
144
|
+
function I(e2, t2) {
|
|
156
145
|
if (e2.initInfo) {
|
|
157
146
|
["dynamicControlFormEdit", "disableElement", "enableElement", "hideElement", "showElement"].forEach((s2) => {
|
|
158
147
|
const i2 = e2.initInfo[s2];
|
|
@@ -168,7 +157,7 @@ function O(e2, t2) {
|
|
|
168
157
|
}
|
|
169
158
|
}
|
|
170
159
|
export {
|
|
171
|
-
|
|
160
|
+
I as controlObjectRenderState,
|
|
172
161
|
c as convertToPageContext,
|
|
173
162
|
P as getDefaultValue,
|
|
174
163
|
w as getFormModelFields,
|
|
@@ -177,7 +166,7 @@ export {
|
|
|
177
166
|
b as packageAdditionalMapWithLocationSearch,
|
|
178
167
|
y as packageAdditionalMapWithPageRequest,
|
|
179
168
|
h as packageAdditionalMapWithRoute,
|
|
180
|
-
|
|
169
|
+
C as packageFormRules,
|
|
181
170
|
f as queryPageDesignByCode,
|
|
182
|
-
|
|
171
|
+
j as queryPageSuperGrids
|
|
183
172
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { getBaseUrl as
|
|
2
|
-
import
|
|
1
|
+
import { getBaseUrl as i, getRealRestApiPath as e } from "./common-util.js";
|
|
2
|
+
import t from "agilebuilder-ui/src/utils/request";
|
|
3
3
|
import "./eventBus.js";
|
|
4
4
|
import { getPermissionCodes as o } from "./page-init-util.js";
|
|
5
5
|
import "agilebuilder-ui/src/utils/common-util";
|
|
@@ -16,58 +16,24 @@ import "./page-store.js";
|
|
|
16
16
|
import "agilebuilder-ui/src/utils/i18n-util";
|
|
17
17
|
import "vue-i18n";
|
|
18
18
|
import "async-validator";
|
|
19
|
-
function
|
|
20
|
-
return new Promise((
|
|
19
|
+
function r(r2, s, a, l, u) {
|
|
20
|
+
return new Promise((a2, l2) => {
|
|
21
21
|
var _a, _b;
|
|
22
|
-
if (
|
|
23
|
-
const
|
|
24
|
-
let
|
|
25
|
-
|
|
26
|
-
const
|
|
27
|
-
|
|
28
|
-
|
|
22
|
+
if (s && ((_a = s.props.dataOrigin) == null ? void 0 : _a.optionValueSetType)) if ("beanName" === ((_b = s.props.dataOrigin) == null ? void 0 : _b.optionValueSetType)) {
|
|
23
|
+
const l3 = r2.backendUrl, m = r2.systemCode, p = o(s, r2);
|
|
24
|
+
let n = i(l3, r2.isTest) + "/dsc/commons/load-tree-node";
|
|
25
|
+
n = e(n, m, l3, r2.isTest);
|
|
26
|
+
const c = { pageCode: r2.code, pageVersion: r2.version, tableName: r2.tableName, systemCode: m, functionCode: p, beanName: r2.beanName };
|
|
27
|
+
u && Object.assign(c, u), t.post(n, c).then((i2) => {
|
|
28
|
+
a2(i2);
|
|
29
29
|
});
|
|
30
30
|
} else {
|
|
31
|
-
const
|
|
32
|
-
|
|
31
|
+
const i2 = (s.runtime ? s.runtime : {}).props;
|
|
32
|
+
i2 && i2.staticData ? a2(i2.staticData) : a2([]);
|
|
33
33
|
}
|
|
34
|
-
else
|
|
34
|
+
else a2([]);
|
|
35
35
|
});
|
|
36
36
|
}
|
|
37
|
-
const r = (t2, o2, i2) => new Promise((r2, s2) => {
|
|
38
|
-
var _a;
|
|
39
|
-
if ("beanName" === ((_a = o2.props.dataOrigin) == null ? void 0 : _a.optionValueSetType)) {
|
|
40
|
-
const s3 = i2.backendUrl, n2 = e(s3, i2.isTest) + "/dsc/commons/tree-node", m = p(false, t2, o2, i2);
|
|
41
|
-
a.delete(n2, { data: m }).then((e2) => {
|
|
42
|
-
r2(e2);
|
|
43
|
-
});
|
|
44
|
-
}
|
|
45
|
-
}), s = (t2, o2, i2) => new Promise((r2, s2) => {
|
|
46
|
-
var _a;
|
|
47
|
-
if ("beanName" === ((_a = o2.props.dataOrigin) == null ? void 0 : _a.optionValueSetType)) {
|
|
48
|
-
const s3 = i2.backendUrl, n2 = e(s3, i2.isTest) + "/dsc/commons/tree-node", m = p(true, t2, o2, i2);
|
|
49
|
-
a.post(n2, m).then((e2) => {
|
|
50
|
-
r2(e2);
|
|
51
|
-
});
|
|
52
|
-
}
|
|
53
|
-
}), n = (t2, o2, i2) => new Promise((r2, s2) => {
|
|
54
|
-
var _a;
|
|
55
|
-
if ("beanName" === ((_a = o2.props.dataOrigin) == null ? void 0 : _a.optionValueSetType)) {
|
|
56
|
-
const s3 = i2.backendUrl, n2 = e(s3, i2.isTest) + "/dsc/commons/tree-node";
|
|
57
|
-
a.put(n2, p(false, t2, o2, i2)).then((e2) => {
|
|
58
|
-
r2(e2);
|
|
59
|
-
});
|
|
60
|
-
}
|
|
61
|
-
});
|
|
62
|
-
function p(e2, t2, a2, o2) {
|
|
63
|
-
const i2 = JSON.parse(JSON.stringify(t2.data));
|
|
64
|
-
e2 && (i2.nodeId = null);
|
|
65
|
-
const r2 = { pageCode: o2.code, pageVersion: o2.version, systemCode: o2.systemCode, beanName: o2.beanName, tableName: a2.props.base.treeTableName, treeLabelProp: a2.props.base.treeLabelProp, treeParentIdProp: a2.props.base.treeParentIdProp, currentNode: i2, parentNode: null };
|
|
66
|
-
return a2.props.dataOrigin.beanName && (r2.beanName = a2.props.dataOrigin.beanName), t2.parent && t2.parent.level > 0 && (r2.parentNode = t2.parent.data), r2;
|
|
67
|
-
}
|
|
68
37
|
export {
|
|
69
|
-
|
|
70
|
-
r as deleteNode,
|
|
71
|
-
i as getMenuTreeData,
|
|
72
|
-
n as updateTreeNode
|
|
38
|
+
r as getMenuTreeData
|
|
73
39
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import r from "./card-runtime.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import e from "../../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const t = e(r, [["__scopeId", "data-v-
|
|
4
|
+
const t = e(r, [["__scopeId", "data-v-799b1858"]]);
|
|
5
5
|
export {
|
|
6
6
|
t as default
|
|
7
7
|
};
|
|
@@ -21,7 +21,7 @@ const V = e({ __name: "card-runtime", props: { pageContext: {}, configure: {} },
|
|
|
21
21
|
_.configure.props.title = "teee";
|
|
22
22
|
} }), (e3, t2) => {
|
|
23
23
|
const o2 = r("el-button");
|
|
24
|
-
return s(), l(u(b), { ref_key: "thisRef", ref: z, style: p(u(A)), "data-collapse": String(D.value), class: a(["yx-card-box-view-main", u(B)]) }, c({ default: f(() => [g("div", { class: "yx-card-box-view-context", style: p(u(F)) }, [(s(true), m(y, null, d(e3.configure.items, (t3, o3) => (s(), l(S, { key: t3.uuid, pageContext: e3.pageContext, configure: t3 }, null, 8, ["pageContext", "configure"]))), 128))], 4)]), _: 2 }, [e3.configure.props.base.tittleShow ? { name: "header", fn: f(() => [g("div", { class: "yx-card-box-view-header", onClick: G }, [g("div", { class: "yx-card-box-view-title", style: p(u(E)) }, [e3.configure.props.iconType && e3.configure.props.iconValue ? (s(), l(u(h), { key: 0, iconType: e3.configure.props.iconType, iconValue: e3.configure.props.iconValue, style: { "margin-right": "2px" } }, null, 8, ["iconType", "iconValue"])) : x("", true), v(" " + C(u(j)(e3.configure.props.base.title)), 1)], 4), R.value ? (s(), l(o2, { key: 0, type: "text", icon: D.value ? u(k) : u(w), style: { margin: "-15px 0", "z-index": "1" } }, null, 8, ["icon"])) : x("", true)])]), key: "0" } : void 0]), 1032, ["style", "data-collapse", "class"]);
|
|
24
|
+
return s(), l(u(b), { ref_key: "thisRef", ref: z, style: p([u(A), { "margin-top": "20px" }]), "data-collapse": String(D.value), class: a(["yx-card-box-view-main", u(B)]) }, c({ default: f(() => [g("div", { class: "yx-card-box-view-context", style: p(u(F)) }, [(s(true), m(y, null, d(e3.configure.items, (t3, o3) => (s(), l(S, { key: t3.uuid, pageContext: e3.pageContext, configure: t3 }, null, 8, ["pageContext", "configure"]))), 128))], 4)]), _: 2 }, [e3.configure.props.base.tittleShow ? { name: "header", fn: f(() => [g("div", { class: "yx-card-box-view-header", onClick: G }, [g("div", { class: "yx-card-box-view-title", style: p(u(E)) }, [e3.configure.props.iconType && e3.configure.props.iconValue ? (s(), l(u(h), { key: 0, iconType: e3.configure.props.iconType, iconValue: e3.configure.props.iconValue, style: { "margin-right": "2px" } }, null, 8, ["iconType", "iconValue"])) : x("", true), v(" " + C(u(j)(e3.configure.props.base.title)), 1)], 4), R.value ? (s(), l(o2, { key: 0, type: "text", icon: D.value ? u(k) : u(w), style: { margin: "-15px 0", "z-index": "1" } }, null, 8, ["icon"])) : x("", true)])]), key: "0" } : void 0]), 1032, ["style", "data-collapse", "class"]);
|
|
25
25
|
};
|
|
26
26
|
} });
|
|
27
27
|
export {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import e from "./FixedBox.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import o from "../../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const r = o(e, [["__scopeId", "data-v-
|
|
4
|
+
const r = o(e, [["__scopeId", "data-v-1cc14e88"]]);
|
|
5
5
|
export {
|
|
6
6
|
r as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,73 @@
|
|
|
1
|
-
import e from "
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { defineComponent as e, ref as t, onMounted as o, nextTick as n, onUnmounted as i, watchEffect as l, computed as a, createElementBlock as r, openBlock as s, createCommentVNode as u, createElementVNode as f, normalizeStyle as c, normalizeClass as d, renderSlot as p } from "vue";
|
|
2
|
+
const v = e({ __name: "YxAffix", props: { offset: { type: Number, default: 0 }, position: { type: String, default: "top", validator: (e2) => ["top", "bottom"].includes(e2) }, target: { type: [String, HTMLElement], default: () => window }, autoDetectParentScroll: { type: Boolean, default: true }, stickyInScrollContainer: { type: Boolean, default: true }, zIndex: { type: Number, default: 100 }, enableIntervalUpdate: { type: Boolean, default: true }, enableIntervalTime: { type: Number, default: 2e3 } }, emits: ["change"], setup(e2, { emit: v2 }) {
|
|
3
|
+
const m = e2, w = v2, x = t(null), y = t(null), h = t(false), g = t({}), b = t([]), T = t(window), B = t(0), I = t(null), E = () => {
|
|
4
|
+
try {
|
|
5
|
+
if (!y.value) return;
|
|
6
|
+
const e3 = y.value.getBoundingClientRect(), t2 = T.value;
|
|
7
|
+
if (t2 === window) {
|
|
8
|
+
const t3 = "top" === m.position ? e3.top <= m.offset : e3.bottom >= window.innerHeight - m.offset;
|
|
9
|
+
B.value = 0, S(t3, e3);
|
|
10
|
+
} else if (m.stickyInScrollContainer) {
|
|
11
|
+
const o2 = t2.getBoundingClientRect(), { isFixTop: n2, isFixBottom: i2, containerOffset: l2 } = ((e4) => {
|
|
12
|
+
const t3 = ["top"].includes(m.position), o3 = ["bottom"].includes(m.position);
|
|
13
|
+
if (!x.value) return { isTop: t3, isBottom: o3 };
|
|
14
|
+
const n3 = x.value.getBoundingClientRect(), i3 = n3.top - e4.top, l3 = n3.left - e4.left, a2 = e4.height - n3.height - i3, r2 = e4.top, s2 = window.innerHeight - e4.bottom;
|
|
15
|
+
return { isTop: t3, isBottom: o3, containerTop: r2, containerBottom: s2, containerOffset: t3 ? r2 : o3 ? s2 : 0, offsetTop: i3, offsetLeft: l3, offsetBottom: a2, isFixTop: t3 && i3 <= 0, isFixBottom: o3 && a2 <= 0 };
|
|
16
|
+
})(o2);
|
|
17
|
+
B.value = l2 ?? 0, S(n2 || i2 || false, e3);
|
|
18
|
+
}
|
|
19
|
+
} catch (e3) {
|
|
20
|
+
}
|
|
21
|
+
}, S = (e3, t2) => {
|
|
22
|
+
e3 !== h.value && (h.value = e3, w("change", e3), g.value = e3 ? { width: `${t2.width}px`, height: `${t2.height}px` } : {});
|
|
23
|
+
}, C = () => {
|
|
24
|
+
requestAnimationFrame(E);
|
|
25
|
+
};
|
|
26
|
+
let L;
|
|
27
|
+
const k = () => {
|
|
28
|
+
h.value = false, clearTimeout(L), L = window.setTimeout(() => {
|
|
29
|
+
E();
|
|
30
|
+
}, 100);
|
|
31
|
+
};
|
|
32
|
+
o(() => {
|
|
33
|
+
setTimeout(() => {
|
|
34
|
+
n(() => {
|
|
35
|
+
try {
|
|
36
|
+
m.enableIntervalUpdate && (I.value = setInterval(C, m.enableIntervalTime));
|
|
37
|
+
const e3 = (() => {
|
|
38
|
+
if (m.autoDetectParentScroll && y.value) {
|
|
39
|
+
const e4 = [];
|
|
40
|
+
let t2 = y.value.parentElement;
|
|
41
|
+
for (; t2 && t2 !== document.body; ) {
|
|
42
|
+
const { overflowY: o2 } = window.getComputedStyle(t2);
|
|
43
|
+
/(auto|scroll)/.test(o2) && e4.push(t2), t2 = t2.parentElement;
|
|
44
|
+
}
|
|
45
|
+
return [...e4, window];
|
|
46
|
+
}
|
|
47
|
+
if ("string" == typeof m.target) {
|
|
48
|
+
const e4 = document.querySelector(m.target);
|
|
49
|
+
return [...e4 ? [e4] : [], window];
|
|
50
|
+
}
|
|
51
|
+
return [window];
|
|
52
|
+
})();
|
|
53
|
+
b.value = e3, T.value = e3[0], b.value.forEach((e4) => e4.addEventListener("scroll", C)), window.addEventListener("resize", k), E();
|
|
54
|
+
} catch (e3) {
|
|
55
|
+
}
|
|
56
|
+
});
|
|
57
|
+
}, 100);
|
|
58
|
+
}), i(() => {
|
|
59
|
+
T.value && b.value.forEach((e3) => e3.removeEventListener("scroll", C)), window.removeEventListener("resize", k), clearTimeout(L), I.value && clearInterval(I.value);
|
|
60
|
+
}), l(() => {
|
|
61
|
+
n(() => {
|
|
62
|
+
C();
|
|
63
|
+
});
|
|
64
|
+
});
|
|
65
|
+
const z = a(() => {
|
|
66
|
+
var _a;
|
|
67
|
+
return h.value ? { position: "fixed", width: `${(_a = y.value) == null ? void 0 : _a.offsetWidth}px`, zIndex: m.zIndex, [m.position]: `${m.offset + B.value}px` } : { position: "relative" };
|
|
68
|
+
});
|
|
69
|
+
return (e3, t2) => (s(), r("div", { ref_key: "affixMainRef", ref: x, class: "yx-affix" }, [h.value ? (s(), r("div", { key: 0, style: c(g.value), class: "yx-affix-placeholder" }, null, 4)) : u("", true), f("div", { ref_key: "affixRef", ref: y, style: c(z.value), class: d({ "yx-affix-content": true, "is-fixed": h.value, "is-top": "top" === m.position, "is-bottom": "bottom" === m.position }) }, [p(e3.$slots, "default")], 6)], 512));
|
|
70
|
+
} });
|
|
5
71
|
export {
|
|
6
|
-
|
|
72
|
+
v as default
|
|
7
73
|
};
|
|
@@ -1,74 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
const v = e({ __name: "YxAffix", props: { offset: { type: Number, default: 0 }, position: { type: String, default: "top", validator: (e2) => ["top", "bottom"].includes(e2) }, target: { type: [String, HTMLElement], default: () => window }, autoDetectParentScroll: { type: Boolean, default: true }, stickyInScrollContainer: { type: Boolean, default: true }, zIndex: { type: Number, default: 100 }, enableIntervalUpdate: { type: Boolean, default: true }, enableIntervalTime: { type: Number, default: 2e3 } }, emits: ["change"], setup(e2, { emit: v2 }) {
|
|
3
|
-
const m = e2, w = v2, h = t(null), x = t(null), y = t(false), g = t({}), b = t([]), T = t(window), B = t(0), I = t(null), E = () => {
|
|
4
|
-
try {
|
|
5
|
-
if (!x.value) return;
|
|
6
|
-
const e3 = x.value.getBoundingClientRect(), t2 = T.value;
|
|
7
|
-
if (t2 === window) {
|
|
8
|
-
const t3 = "top" === m.position ? e3.top <= m.offset : e3.bottom >= window.innerHeight - m.offset;
|
|
9
|
-
B.value = 0, S(t3, e3);
|
|
10
|
-
} else if (m.stickyInScrollContainer) {
|
|
11
|
-
const o2 = t2.getBoundingClientRect(), { isFixTop: n2, isFixBottom: i2, containerOffset: l2 } = ((e4) => {
|
|
12
|
-
const t3 = ["top"].includes(m.position), o3 = ["bottom"].includes(m.position);
|
|
13
|
-
if (!h.value) return { isTop: t3, isBottom: o3 };
|
|
14
|
-
const n3 = h.value.getBoundingClientRect(), i3 = n3.top - e4.top, l3 = n3.left - e4.left, a2 = e4.height - n3.height - i3, r2 = e4.top, s2 = window.innerHeight - e4.bottom;
|
|
15
|
-
return { isTop: t3, isBottom: o3, containerTop: r2, containerBottom: s2, containerOffset: t3 ? r2 : o3 ? s2 : 0, offsetTop: i3, offsetLeft: l3, offsetBottom: a2, isFixTop: t3 && i3 <= 0, isFixBottom: o3 && a2 <= 0 };
|
|
16
|
-
})(o2);
|
|
17
|
-
B.value = l2 ?? 0, S(n2 || i2 || false, e3);
|
|
18
|
-
}
|
|
19
|
-
} catch (e3) {
|
|
20
|
-
}
|
|
21
|
-
}, S = (e3, t2) => {
|
|
22
|
-
var _a;
|
|
23
|
-
e3 === y.value && ((_a = g.value) == null ? void 0 : _a.height) === `${t2.height}px` || (y.value = e3, w("change", e3), g.value = e3 ? { width: "100%", height: `${t2.height}px` } : {});
|
|
24
|
-
}, C = () => {
|
|
25
|
-
requestAnimationFrame(E);
|
|
26
|
-
};
|
|
27
|
-
let L;
|
|
28
|
-
const k = () => {
|
|
29
|
-
y.value = false, clearTimeout(L), L = window.setTimeout(() => {
|
|
30
|
-
E();
|
|
31
|
-
}, 100);
|
|
32
|
-
};
|
|
33
|
-
o(() => {
|
|
34
|
-
setTimeout(() => {
|
|
35
|
-
n(() => {
|
|
36
|
-
try {
|
|
37
|
-
m.enableIntervalUpdate && (I.value = setInterval(C, m.enableIntervalTime));
|
|
38
|
-
const e3 = (() => {
|
|
39
|
-
if (m.autoDetectParentScroll && x.value) {
|
|
40
|
-
const e4 = [];
|
|
41
|
-
let t2 = x.value.parentElement;
|
|
42
|
-
for (; t2 && t2 !== document.body; ) {
|
|
43
|
-
const { overflowY: o2 } = window.getComputedStyle(t2);
|
|
44
|
-
/(auto|scroll)/.test(o2) && e4.push(t2), t2 = t2.parentElement;
|
|
45
|
-
}
|
|
46
|
-
return [...e4, window];
|
|
47
|
-
}
|
|
48
|
-
if ("string" == typeof m.target) {
|
|
49
|
-
const e4 = document.querySelector(m.target);
|
|
50
|
-
return [...e4 ? [e4] : [], window];
|
|
51
|
-
}
|
|
52
|
-
return [window];
|
|
53
|
-
})();
|
|
54
|
-
b.value = e3, T.value = e3[0], b.value.forEach((e4) => e4.addEventListener("scroll", C)), window.addEventListener("resize", k), E();
|
|
55
|
-
} catch (e3) {
|
|
56
|
-
}
|
|
57
|
-
});
|
|
58
|
-
}, 100);
|
|
59
|
-
}), i(() => {
|
|
60
|
-
T.value && b.value.forEach((e3) => e3.removeEventListener("scroll", C)), window.removeEventListener("resize", k), clearTimeout(L), I.value && clearInterval(I.value);
|
|
61
|
-
}), l(() => {
|
|
62
|
-
n(() => {
|
|
63
|
-
C();
|
|
64
|
-
});
|
|
65
|
-
});
|
|
66
|
-
const z = a(() => {
|
|
67
|
-
var _a;
|
|
68
|
-
return y.value ? { position: "fixed", width: `${(_a = x.value) == null ? void 0 : _a.offsetWidth}px`, zIndex: m.zIndex, [m.position]: `${m.offset + B.value}px` } : { position: "relative" };
|
|
69
|
-
});
|
|
70
|
-
return (e3, t2) => (s(), r("div", { ref_key: "affixMainRef", ref: h, class: "yx-affix" }, [y.value ? (s(), r("div", { key: 0, style: c(g.value), class: "yx-affix-placeholder" }, null, 4)) : u("", true), f("div", { ref_key: "affixRef", ref: x, style: c(z.value), class: d({ "yx-affix-content": true, "is-fixed": y.value, "is-top": "top" === m.position, "is-bottom": "bottom" === m.position }) }, [p(e3.$slots, "default", {}, void 0, true)], 6)], 512));
|
|
71
|
-
} });
|
|
1
|
+
import f from "./YxAffix.vue.js";
|
|
72
2
|
export {
|
|
73
|
-
|
|
3
|
+
f as default
|
|
74
4
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as e, ref as t, onMounted as n, nextTick as o, createBlock as a, openBlock as i, unref as
|
|
1
|
+
import { defineComponent as e, ref as t, onMounted as n, nextTick as o, createBlock as a, openBlock as i, unref as l, normalizeClass as u, normalizeStyle as r, withCtx as c, createElementBlock as p, Fragment as s, renderList as g, createElementVNode as f, createCommentVNode as m, toDisplayString as d } from "vue";
|
|
2
2
|
import { ElTabs as b, ElTabPane as y } from "element-plus";
|
|
3
3
|
import x from "../../object-render.vue.js";
|
|
4
4
|
import { SuperIcon as C } from "agilebuilder-ui";
|
|
@@ -23,7 +23,7 @@ const V = e({ __name: "tabs-runtime", props: { pageContext: {}, configure: {} },
|
|
|
23
23
|
function q() {
|
|
24
24
|
return T(null, V2.pageContext, V2.configure, "tab-add");
|
|
25
25
|
}
|
|
26
|
-
function
|
|
26
|
+
function A(e3, t2) {
|
|
27
27
|
const n2 = { paneName: e3, action: t2 };
|
|
28
28
|
return T(e3, V2.pageContext, V2.configure, "edit", n2);
|
|
29
29
|
}
|
|
@@ -34,7 +34,7 @@ const V = e({ __name: "tabs-runtime", props: { pageContext: {}, configure: {} },
|
|
|
34
34
|
t2.code && e3.push(document.querySelector("." + t2.code));
|
|
35
35
|
}), v(null, V2.pageContext, V2.configure, { componentRef: _.value, tabsDom: e3, entity: V2.pageContext.entity.data, pageData: V2.pageContext.entity.page });
|
|
36
36
|
});
|
|
37
|
-
}), (e3, t2) => (i(), a(
|
|
37
|
+
}), (e3, t2) => (i(), a(l(b), { ref_key: "thisRef", ref: _, modelValue: k.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => k.value = e4), type: e3.configure.props.cardType, "tab-position": e3.configure.props.tabPosition, style: r(l(N)), class: u(l(R)), onTabClick: E, onTabChange: O, onTabRemove: S, onTabAdd: q, onEdit: A }, { default: c(() => [(i(true), p(s, null, g(e3.configure.items, (t3, n2) => (i(), a(l(y), { label: t3.label, name: t3.index }, { label: c(() => [f("span", { class: u(t3.code) }, [t3.iconType && t3.iconValue ? (i(), a(l(C), { key: 0, iconType: t3.iconType, iconValue: t3.iconValue, style: { "margin-right": "2px" } }, null, 8, ["iconType", "iconValue"])) : m("", true), f("span", { style: r(l(D)) }, d(l(h)(t3.label)), 5)], 2)]), default: c(() => [f("div", null, [(i(true), p(s, null, g(t3.items, (t4, n3) => (i(), a(x, { key: t4.uuid, pageContext: e3.pageContext, configure: t4 }, null, 8, ["pageContext", "configure"]))), 128))])]), _: 2 }, 1032, ["label", "name"]))), 256))]), _: 1 }, 8, ["modelValue", "type", "tab-position", "style", "class"]));
|
|
38
38
|
} });
|
|
39
39
|
export {
|
|
40
40
|
V as default
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./tools-runtime.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const e = t(o, [["__scopeId", "data-v-
|
|
4
|
+
const e = t(o, [["__scopeId", "data-v-7aefa8b2"]]);
|
|
5
5
|
export {
|
|
6
6
|
e as default
|
|
7
7
|
};
|
|
@@ -1,35 +1,32 @@
|
|
|
1
|
-
import { defineComponent as e, ref as t, computed as o, onMounted as i, nextTick as a, onUnmounted as n, createBlock as l, createElementBlock as u,
|
|
2
|
-
import
|
|
3
|
-
import { handleAfterInitEvent as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
|
|
9
|
-
return !!((_b = (_a = j2.configure) == null ? void 0 : _a.items) == null ? void 0 : _b.length);
|
|
10
|
-
}), D = o(() => {
|
|
11
|
-
const { gap: e3 } = F.value ?? {};
|
|
1
|
+
import { defineComponent as e, ref as t, computed as o, onMounted as i, nextTick as a, onUnmounted as n, createBlock as l, createElementBlock as u, openBlock as s, withCtx as f, createElementVNode as r, normalizeStyle as p, normalizeClass as g, unref as d, Fragment as v, renderList as c } from "vue";
|
|
2
|
+
import m from "../../object-render.vue.js";
|
|
3
|
+
import { handleAfterInitEvent as x } from "../../../../utils/events/event-util.js";
|
|
4
|
+
import y from "../fixed/YxAffix.vue.js";
|
|
5
|
+
import C from "../fixed/FixedBox.vue.js";
|
|
6
|
+
const b = { "data-v": "1.0.0", class: "amb-widget-tools-parent" }, k = { "data-v": "1.0.0", class: "amb-widget-tools-parent" }, w = { key: 2, "data-v": "1.0.0", class: "amb-widget-tools-parent" }, _ = e({ __name: "tools-runtime", props: { pageContext: {}, configure: {} }, setup(e2) {
|
|
7
|
+
const _2 = e2, j = t(null), R = _2.configure.runtime ?? {}, h = R.class, A = o(() => _2.configure.props), F = o(() => {
|
|
8
|
+
const { gap: e3 } = A.value ?? {};
|
|
12
9
|
return { backgroundColor: "#fff", ...e3 ? { gap: `${e3}px` } : {}, ...R.style ?? {} };
|
|
13
|
-
}),
|
|
10
|
+
}), B = o(() => {
|
|
14
11
|
var _a, _b, _c;
|
|
15
|
-
return !![(_a =
|
|
16
|
-
}),
|
|
12
|
+
return !![(_a = A.value) == null ? void 0 : _a.isAffix, (_b = A.value) == null ? void 0 : _b.isFixed].every((e3) => void 0 === e3) || ((_c = A.value) == null ? void 0 : _c.isAffix);
|
|
13
|
+
}), D = o(() => {
|
|
17
14
|
var _a;
|
|
18
|
-
return (_a =
|
|
19
|
-
}),
|
|
15
|
+
return (_a = A.value) == null ? void 0 : _a.isFixed;
|
|
16
|
+
}), Y = o(() => {
|
|
20
17
|
var _a, _b;
|
|
21
|
-
return ["top"].includes((_a =
|
|
22
|
-
}),
|
|
18
|
+
return ["top"].includes((_a = A.value) == null ? void 0 : _a.position) ? "top" : ["bottom"].includes((_b = A.value) == null ? void 0 : _b.position) ? "bottom" : void 0;
|
|
19
|
+
}), $ = o(() => {
|
|
23
20
|
var _a;
|
|
24
|
-
return ((_a =
|
|
21
|
+
return ((_a = A.value) == null ? void 0 : _a.offset) ?? 0;
|
|
25
22
|
});
|
|
26
23
|
return i(() => {
|
|
27
24
|
a(() => {
|
|
28
|
-
|
|
25
|
+
x(null, _2.pageContext, _2.configure, { componentRef: j.value, entity: _2.pageContext.entity.data, pageData: _2.pageContext.entity.page });
|
|
29
26
|
});
|
|
30
27
|
}), n(() => {
|
|
31
|
-
}), (e3, t2) =>
|
|
28
|
+
}), (e3, t2) => D.value ? (s(), l(C, { key: 0, position: Y.value, offset: $.value }, { default: f(() => [r("div", b, [r("div", { class: g(["amb-widget-container-tool amb-widget-tools", d(h)]), style: p(F.value), ref_key: "thisRef", ref: j }, [(s(true), u(v, null, c(_2.configure.items, (e4) => (s(), l(m, { pageContext: _2.pageContext, configure: e4, key: e4.uuid }, null, 8, ["pageContext", "configure"]))), 128))], 6)])]), _: 1 }, 8, ["position", "offset"])) : B.value ? (s(), l(y, { key: 1, position: Y.value, offset: $.value }, { default: f(() => [r("div", k, [r("div", { class: g(["amb-widget-container-tool amb-widget-tools", d(h)]), style: p(F.value), ref_key: "thisRef", ref: j }, [(s(true), u(v, null, c(_2.configure.items, (e4) => (s(), l(m, { pageContext: _2.pageContext, configure: e4, key: e4.uuid }, null, 8, ["pageContext", "configure"]))), 128))], 6)])]), _: 1 }, 8, ["position", "offset"])) : (s(), u("div", w, [r("div", { class: g(["amb-widget-container-tool amb-widget-tools", d(h)]), style: p(F.value), ref_key: "thisRef", ref: j }, [(s(true), u(v, null, c(_2.configure.items, (e4) => (s(), l(m, { pageContext: _2.pageContext, configure: e4, key: e4.uuid }, null, 8, ["pageContext", "configure"]))), 128))], 6)]));
|
|
32
29
|
} });
|
|
33
30
|
export {
|
|
34
|
-
|
|
31
|
+
_ as default
|
|
35
32
|
};
|