super-page-designer 2.3.16-sit3-design1 → 2.3.17-sit2-design1
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/assets/images/data/file.png.js +4 -0
- package/dist/es/assets/images/data/folder.png.js +4 -0
- package/dist/es/components/design/utils/assemblys-config.js +1 -1
- package/dist/es/components/design/utils/form-design-util.js +4 -1
- package/dist/es/components/design/utils/page-table-util.js +1 -1
- package/dist/es/components/design/utils/ucr-element-filter.d.ts +2 -0
- package/dist/es/components/design/utils/ucr-element-filter.js +11 -0
- package/dist/es/components/design/views/assemblys/button/button/button-attr-advanced.vue.js +7 -7
- package/dist/es/components/design/views/assemblys/button/button/button-attr-base.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/button/button/button-attr-base.vue2.js +11 -11
- package/dist/es/components/design/views/assemblys/common/common-select-page.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/data/table/table-attr-base.vue.js +5 -5
- package/dist/es/components/design/views/assemblys/form/common/condition.vue.js +43 -40
- package/dist/es/components/design/views/assemblys/form/common/data-origin.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/form/common/data-origin.vue2.js +1 -1
- package/dist/es/components/design/views/assemblys/form/label/label-attr-base.vue.js +20 -20
- package/dist/es/components/design/views/assemblys/form/label/label-design.vue.js +4 -1
- package/dist/es/components/design/views/assemblys/form/label/label-design.vue2.js +22 -22
- package/dist/es/components/design/views/assemblys/object-design.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/object-design.vue3.js +66 -66
- package/dist/es/components/design/views/design/page-design.vue.d.ts +9 -0
- package/dist/es/components/design/views/design/page-design.vue2.js +42 -42
- package/dist/es/components/design/views/design/page-event/completion-data.js +1 -1
- package/dist/es/components/design/views/design/page-event/config.vue2.js +1 -1
- package/dist/es/components/design/views/design/page-event/config.vue3.js +52 -45
- package/dist/es/components/design/views/design/page-event/page-event-content.vue.js +11 -10
- package/dist/es/components/design/views/design/page-event/page-event-view.vue.d.ts +16 -2
- package/dist/es/components/design/views/design/page-event/page-event-view.vue.js +8 -8
- package/dist/es/components/design/views/design/view/assemblys-container-list.vue.d.ts +16 -2
- package/dist/es/components/design/views/design/view/assemblys-container-list.vue.js +23 -20
- package/dist/es/components/design/views/design/view/assemblys-container.vue.js +11 -12
- package/dist/es/components/design/views/design/view/components/ucr-report-swtich/index.vue.d.ts +38 -0
- package/dist/es/components/design/views/design/view/components/ucr-report-swtich/index.vue.js +7 -0
- package/dist/es/components/design/views/design/view/components/ucr-report-swtich/index.vue2.js +111 -0
- package/dist/es/components/design/views/design/view/components/ucr-report-swtich/util.d.ts +6 -0
- package/dist/es/components/design/views/design/view/components/ucr-report-swtich/util.js +27 -0
- package/dist/es/components/design/views/design/view/page-switch.vue.d.ts +18 -0
- package/dist/es/components/design/views/design/view/page-switch.vue.js +1 -1
- package/dist/es/components/design/views/design/view/page-switch.vue2.js +34 -30
- package/dist/es/components/design/views/design/view/view-design-display.vue.js +13 -13
- package/dist/es/style.css +186 -65
- package/package.json +5 -5
|
@@ -1,76 +1,83 @@
|
|
|
1
|
-
import { defineComponent as e, ref as t, onMounted as l, onUnmounted as o, resolveComponent as
|
|
2
|
-
import { useLocalStorage as
|
|
3
|
-
import { Search as
|
|
1
|
+
import { defineComponent as e, ref as t, onMounted as l, onUnmounted as o, resolveComponent as a, createElementBlock as n, openBlock as r, createElementVNode as i, createVNode as s, createTextVNode as u, withCtx as c, unref as m, normalizeStyle as p } from "vue";
|
|
2
|
+
import { useLocalStorage as d } from "@vueuse/core";
|
|
3
|
+
import { Search as f, MagicStick as v } from "@element-plus/icons-vue";
|
|
4
4
|
import { EditorView as h, basicSetup as g } from "codemirror";
|
|
5
5
|
import { javascriptLanguage as b, javascript as _ } from "@codemirror/lang-javascript";
|
|
6
|
-
import { EditorState as
|
|
6
|
+
import { EditorState as y } from "@codemirror/state";
|
|
7
7
|
import "@codemirror/autocomplete";
|
|
8
8
|
import "@codemirror/language";
|
|
9
|
-
import { openSearchPanel as
|
|
9
|
+
import { openSearchPanel as x } from "@codemirror/search";
|
|
10
10
|
import k from "js-beautify";
|
|
11
|
-
import
|
|
12
|
-
const j = { style: { padding: "8px 16px", margin: "10px 0px", "background-color": "#f4f4f5" }, class: "pppp" },
|
|
13
|
-
const
|
|
11
|
+
import C from "./completion-data.js";
|
|
12
|
+
const j = { style: { padding: "8px 16px", margin: "10px 0px", "background-color": "#f4f4f5" }, class: "pppp" }, w = { style: { color: "#909399", "font-size": "14px" } }, z = { key: 0 }, F = { key: 1 }, S = { class: "editorTool" }, O = e({ __name: "config", props: { eventForm: { type: Object, default: () => ({}) } }, emits: ["fullScreen"], setup(e2, { expose: O2, emit: V }) {
|
|
13
|
+
const L = e2;
|
|
14
14
|
t(false);
|
|
15
|
-
const
|
|
16
|
-
let
|
|
15
|
+
const D = t({ theme: "default", fontSize: 14, searchOpen: false }), E = t(null), W = t(null), R = t(null), T = t({ backgroundColor: "#fff", color: "#333", border: "1px solid #ddd", overflow: "auto" });
|
|
16
|
+
let B;
|
|
17
17
|
l(() => {
|
|
18
|
-
let e3 =
|
|
19
|
-
e3 && (e3 = JSON.parse(e3),
|
|
18
|
+
let e3 = d("editorStyle", "").value;
|
|
19
|
+
e3 && (e3 = JSON.parse(e3), D.value.theme = e3.theme || "default", D.value.fontSize = e3.fontSize || 14), H();
|
|
20
20
|
}), o(() => {
|
|
21
|
-
|
|
21
|
+
B && clearTimeout(B);
|
|
22
22
|
});
|
|
23
23
|
const U = b.data.of({ autocomplete: function(e3) {
|
|
24
|
-
const t2 =
|
|
25
|
-
if (!
|
|
26
|
-
const
|
|
27
|
-
if (
|
|
28
|
-
let
|
|
29
|
-
for (const e4 of Object.keys(
|
|
30
|
-
if (
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
24
|
+
const t2 = Object.keys(C).map((e4) => e4.replace(".", "\\.")), l2 = new RegExp(`(?:${t2.map((e4) => e4.replace(/\\\./g, "") + "[\\.\\w$]*").join("|")})`), o2 = e3.matchBefore(l2);
|
|
25
|
+
if (!o2 || "" === o2.text) return null;
|
|
26
|
+
const a2 = o2.text;
|
|
27
|
+
if (C[a2]) return { from: o2.from, options: C[a2], filter: true };
|
|
28
|
+
let n2 = null;
|
|
29
|
+
for (const e4 of Object.keys(C)) a2.startsWith(e4) && (!n2 || e4.length > n2.length) && (n2 = e4);
|
|
30
|
+
if (n2) {
|
|
31
|
+
let e4 = C[n2];
|
|
32
|
+
if (a2.length > n2.length && (e4 = e4.filter((e5) => e5.label.toLowerCase().startsWith(a2.toLowerCase()))), e4.length > 0) return { from: o2.from, options: e4, filter: false };
|
|
33
|
+
}
|
|
34
|
+
const r2 = Object.keys(C).filter((e4) => e4.startsWith(a2) || e4.slice(0, -1).startsWith(a2));
|
|
35
|
+
if (r2.length > 0) {
|
|
36
|
+
const e4 = [];
|
|
37
|
+
if (r2.forEach((t3) => {
|
|
38
|
+
C[t3].forEach((t4) => {
|
|
39
|
+
t4.label.toLowerCase().startsWith(a2.toLowerCase()) && e4.push(t4);
|
|
40
|
+
});
|
|
41
|
+
}), e4.length > 0) return { from: o2.from, options: e4, filter: false };
|
|
34
42
|
}
|
|
35
|
-
if ("window.$" === l2) return { from: t2.from, options: w["window."].filter((e4) => e4.label.startsWith("window.$")), filter: false };
|
|
36
43
|
return null;
|
|
37
44
|
} });
|
|
38
45
|
function q() {
|
|
39
|
-
|
|
40
|
-
}
|
|
41
|
-
function E() {
|
|
42
|
-
const e3 = h.theme({}), t2 = h.theme({ ".cm-content, .cm-gutter": { minHeight: "400px" }, "&": { fontSize: L.value.fontSize + "px" } });
|
|
43
|
-
return x.create({ doc: D.eventForm.jsContent, extensions: [x.tabSize.of(16), g, _(), U, e3, t2, h.updateListener.of(function(e4) {
|
|
44
|
-
D.eventForm.jsContent = e4.state.doc.toString();
|
|
45
|
-
})] });
|
|
46
|
+
d("editorStyle", D.value).value = D.value, E.value && (E.value && E.value.destroy(), H());
|
|
46
47
|
}
|
|
47
48
|
function G() {
|
|
48
|
-
const e3 =
|
|
49
|
-
|
|
49
|
+
const e3 = h.theme({}), t2 = h.theme({ ".cm-content, .cm-gutter": { minHeight: "400px" }, "&": { fontSize: D.value.fontSize + "px" } });
|
|
50
|
+
return y.create({ doc: L.eventForm.jsContent, extensions: [y.tabSize.of(16), g, _(), U, e3, t2, h.updateListener.of(function(e4) {
|
|
51
|
+
L.eventForm.jsContent = e4.state.doc.toString();
|
|
52
|
+
})] });
|
|
50
53
|
}
|
|
51
54
|
function H() {
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
}
|
|
55
|
+
const e3 = G();
|
|
56
|
+
E.value = new h({ state: e3, parent: document.getElementById("cf-codemirror") || void 0 });
|
|
55
57
|
}
|
|
56
58
|
function J() {
|
|
57
|
-
if (
|
|
58
|
-
|
|
59
|
-
|
|
59
|
+
if (E.value) {
|
|
60
|
+
E.value.focus(), x(E.value) && E.value.update([]);
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
function P() {
|
|
64
|
+
if (E.value) {
|
|
65
|
+
const e3 = k.js(L.eventForm.jsContent, { indent_level: 0, indent_size: 2, space_in_empty_paren: false, max_preserve_newlines: 2, preserve_newlines: true, jslint_happy: false, keep_array_indentation: false, keep_function_indentation: false, space_before_conditional: true, break_chained_methods: false, eval_code: false, unescape_strings: false, wrap_line_length: 0, end_with_newline: false });
|
|
66
|
+
E.value.dispatch({ changes: { from: 0, to: L.eventForm.jsContent.length, insert: e3 } });
|
|
60
67
|
}
|
|
61
68
|
}
|
|
62
69
|
return O2({ resize: function() {
|
|
63
|
-
|
|
70
|
+
B && clearTimeout(B), W.value && (B = setTimeout(() => {
|
|
64
71
|
const e3 = W.value.getBoundingClientRect(), t2 = window.innerHeight - e3.y - 30 + "px";
|
|
65
|
-
|
|
72
|
+
E.value && E.value.dom && (E.value.dom.style.height = t2);
|
|
66
73
|
}, 10));
|
|
67
74
|
}, updateJsContent: function(e3) {
|
|
68
75
|
var _a;
|
|
69
|
-
const t2 =
|
|
70
|
-
e3 &&
|
|
76
|
+
const t2 = L.eventForm.jsContent ? L.eventForm.jsContent : "";
|
|
77
|
+
e3 && L.eventForm && (e3.jsContent || (e3.jsContent = ""), Object.assign(L.eventForm, e3), (_a = E.value) == null ? void 0 : _a.dispatch({ changes: { from: 0, to: t2.length, insert: L.eventForm.jsContent } }));
|
|
71
78
|
} }), (t2, l2) => {
|
|
72
|
-
const o2 =
|
|
73
|
-
return r(),
|
|
79
|
+
const o2 = a("el-input"), d2 = a("el-option"), h2 = a("el-select"), g2 = a("el-tooltip"), b2 = a("el-icon");
|
|
80
|
+
return r(), n("div", { style: { "padding-right": "20px" }, ref_key: "editorContentRef", ref: R }, [i("div", j, [i("span", w, [l2[6] || (l2[6] = u(" function ")), "customFunc" === e2.eventForm.name ? (r(), n("span", z, [l2[3] || (l2[3] = u(" ( ")), l2[4] || (l2[4] = i("span", { class: "is_req" }, [i("span", { class: "cell--span required__label" })], -1)), s(o2, { size: "small", modelValue: e2.eventForm.funcParam, "onUpdate:modelValue": l2[0] || (l2[0] = (t3) => e2.eventForm.funcParam = t3), style: { width: "300px" }, title: "方法参数" }, null, 8, ["modelValue"]), l2[5] || (l2[5] = u(" ) "))])) : (r(), n("span", F, " ( params ) ")), l2[7] || (l2[7] = u("{ "))]), i("span", S, [s(g2, { class: "box-item", effect: "dark", content: "切换主题", placement: "top" }, { default: c(() => [s(h2, { class: "editorOption", onChange: q, modelValue: D.value.theme, "onUpdate:modelValue": l2[1] || (l2[1] = (e3) => D.value.theme = e3), placeholder: "", size: "small", style: { width: "120px" } }, { default: c(() => [s(d2, { label: "默认", value: "default" }), s(d2, { label: "VScodeDark", value: "vscodeDark" }), s(d2, { label: "Dracula", value: "dracula" }), s(d2, { label: "GithubLight", value: "githubLight" }), s(d2, { label: "GithubDark", value: "githubDark" }), s(d2, { label: "Eclipse", value: "eclipse" }), s(d2, { label: "XcodeLight", value: "xcodeLight" }), s(d2, { label: "XcodeDark", value: "xcodeDark" })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), s(g2, { class: "box-item", effect: "dark", content: "切换字体大小", placement: "top" }, { default: c(() => [s(h2, { class: "editorOption", modelValue: D.value.fontSize, "onUpdate:modelValue": l2[2] || (l2[2] = (e3) => D.value.fontSize = e3), placeholder: "", onChange: q, size: "small", style: { width: "80px" } }, { default: c(() => [s(d2, { label: "12", value: 12 }), s(d2, { label: "14", value: 14 }), s(d2, { label: "16", value: 16 }), s(d2, { label: "18", value: 18 }), s(d2, { label: "20", value: 20 }), s(d2, { label: "22", value: 22 }), s(d2, { label: "24", value: 24 }), s(d2, { label: "26", value: 26 }), s(d2, { label: "28", value: 28 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })]), s(g2, { class: "box-item", effect: "dark", content: "打开搜索", placement: "top" }, { default: c(() => [s(b2, { class: "editorOption", onClick: J }, { default: c(() => [s(m(f))]), _: 1 })]), _: 1 }), s(g2, { class: "box-item", effect: "dark", content: "格式化代码", placement: "top" }, { default: c(() => [s(b2, { class: "editorOption", onClick: P }, { default: c(() => [s(m(v))]), _: 1 })]), _: 1 })]), i("div", { style: p(T.value), id: "cf-codemirror", ref_key: "codemirrorRef", ref: W }, null, 4), l2[8] || (l2[8] = i("span", { style: { color: "gray" } }, " }", -1))], 512);
|
|
74
81
|
};
|
|
75
82
|
} });
|
|
76
83
|
export {
|
|
@@ -7,17 +7,18 @@ import { usePageContextStore as _ } from "../../../../../stores/page-store.js";
|
|
|
7
7
|
import { undoRedo as T } from "../../../../../stores/event-undo-redo-store.js";
|
|
8
8
|
import U from "../../../utils/eventBus.js";
|
|
9
9
|
const F = { style: { margin: "10px" } }, z = { class: "amb-design-tool", style: { "user-select": "none", "margin-bottom": "10px" } }, $ = { class: "amb-design-tool-item" }, j = { style: { "margin-left": "0px", display: "inline-block", width: "39px" } }, w = { class: "amb-design-tool-item", style: { "padding-right": "10px" } }, N = { style: { display: "flex", gap: "15px", padding: "0 20px" } }, B = { class: "codemirror", style: { "margin-left": "20px", "margin-top": "-10px" } }, J = e({ __name: "page-event-content", props: { eventForm: {}, configure: {}, customEvent: {}, handleType: {} }, emits: ["changeSelectEvent", "addEvent", "changeSelectStandardEvent"], setup(e2, { expose: J2, emit: A }) {
|
|
10
|
+
var _a;
|
|
10
11
|
const L = e2, O = T(), P = _(), Z = t(null), I = t();
|
|
11
|
-
let q = t();
|
|
12
|
-
|
|
13
|
-
let
|
|
14
|
-
const
|
|
12
|
+
let q = t(), R = null;
|
|
13
|
+
R = ((_a = L.configure) == null ? void 0 : _a.ucrDesign) ? E.filter((e3) => "chart" === e3.type) : E;
|
|
14
|
+
let D = L.customEvent;
|
|
15
|
+
const H = t({ jsContent: "" }), G = t({ jsContent: "" }), K = t(0), M = t(-1), Q = t();
|
|
15
16
|
function W() {
|
|
16
17
|
let e3 = false;
|
|
17
18
|
G.value && G.value.standardValues && G.value.standardValues.includes("true") && (e3 = true), G.value && (G.value.isStandard = e3);
|
|
18
19
|
}
|
|
19
20
|
function X() {
|
|
20
|
-
const e3 =
|
|
21
|
+
const e3 = H.value ? JSON.stringify(H.value) : null, t2 = G.value ? JSON.stringify(G.value) : null;
|
|
21
22
|
e3 && e3 !== t2 ? x.confirm("当前方法有修改,是否需要暂存?", "确认", { confirmButtonText: "确定", cancelButtonText: "忽略", type: "warning" }).then(() => {
|
|
22
23
|
false !== te() && Y();
|
|
23
24
|
}).catch((e4) => {
|
|
@@ -29,7 +30,7 @@ const F = { style: { margin: "10px" } }, z = { class: "amb-design-tool", style:
|
|
|
29
30
|
e3.uuid = V(), ee(e3);
|
|
30
31
|
}
|
|
31
32
|
function ee(e3) {
|
|
32
|
-
e3 = e3 || {},
|
|
33
|
+
e3 = e3 || {}, H.value = e3, G.value = k(e3), Z.value && Z.value.updateJsContent && Z.value.updateJsContent(G.value), O.clearSnapshot(), O.addSnapshot(G), K.value = 1, M.value = 0;
|
|
33
34
|
}
|
|
34
35
|
function te() {
|
|
35
36
|
if (!G.value) return x.confirm("编辑对象不存在,不需要保存!", "提示", { confirmButtonText: "确定", showCancelButton: false, type: "error" }), false;
|
|
@@ -78,8 +79,8 @@ const F = { style: { margin: "10px" } }, z = { class: "amb-design-tool", style:
|
|
|
78
79
|
e4 > -1 && (t3.events[e4] = a2);
|
|
79
80
|
}
|
|
80
81
|
}
|
|
81
|
-
} else Object.assign(
|
|
82
|
-
|
|
82
|
+
} else Object.assign(H.value, n2), e3.customEvents.push(H.value);
|
|
83
|
+
H.value = n2, G.value = k(n2), h({ message: "暂存成功!", type: "success" });
|
|
83
84
|
}
|
|
84
85
|
function ne() {
|
|
85
86
|
x.confirm("确定要清除吗?", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(() => {
|
|
@@ -125,7 +126,7 @@ const F = { style: { margin: "10px" } }, z = { class: "amb-design-tool", style:
|
|
|
125
126
|
let t2 = false;
|
|
126
127
|
if (G.value && ("customFunc" == e3.name ? G.value.uuid == e3.uuid && (t2 = true) : G.value.componentUuid == e3.componentUuid && e3.name == G.value.name && (t2 = true)), t2) return;
|
|
127
128
|
null == e3.jsContent && (e3.jsContent = ""), null == e3.isStandard && (e3.isStandard = false, e3.standardValues = []), e3.isStandard && !e3.standardValues && (e3.standardValues = ["true"]);
|
|
128
|
-
const n2 =
|
|
129
|
+
const n2 = H.value ? JSON.stringify(H.value) : null, a2 = G.value ? JSON.stringify(G.value) : null;
|
|
129
130
|
n2 && n2 !== a2 ? x.confirm("当前方法有修改,是否需要暂存?", "确认", { confirmButtonText: "确定", cancelButtonText: "忽略", type: "warning" }).then(() => {
|
|
130
131
|
false !== te() && ee(e3);
|
|
131
132
|
}).catch((t3) => {
|
|
@@ -154,7 +155,7 @@ const F = { style: { margin: "10px" } }, z = { class: "amb-design-tool", style:
|
|
|
154
155
|
Z.value && Z.value.resize && Z.value.resize();
|
|
155
156
|
} }), (e3, t2) => {
|
|
156
157
|
const n2 = u("Plus"), a2 = u("el-icon"), l2 = u("el-divider"), x2 = u("Check"), h2 = u("View"), E2 = u("el-text"), S2 = u("el-input"), V2 = u("el-form-item"), k2 = u("el-checkbox"), _2 = u("el-checkbox-group"), T2 = u("el-option"), U2 = u("el-option-group"), J3 = u("el-select"), A2 = u("el-form");
|
|
157
|
-
return s(), o("div", F, [i("div", z, [i("div", $, [i("label", { class: "amb-page-type", onClick: X }, [r(a2, { size: 18 }, { default: c(() => [r(n2)]), _: 1 }), t2[5] || (t2[5] = i("label", null, "添加自定义方法", -1))]), r(l2, { direction: "vertical" }), m(i("label", j, null, 512), [[d, M.value < 1]]), m(i("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: re }, t2[6] || (t2[6] = [i("span", { class: "iconfont icon-chexiaozuo", style: { "font-size": "20px" }, title: "撤销" }, null, -1)]), 512), [[d, M.value > 0]]), m(i("label", { class: "amb-page-type", onClick: me }, t2[7] || (t2[7] = [i("span", { class: "iconfont icon-chexiaoyou", style: { "font-size": "20px" }, title: "恢复" }, null, -1)]), 512), [[d, M.value > -1 && M.value + 1 < K.value]])]), m(i("div", w, [i("label", { class: "amb-page-type", onClick: t2[0] || (t2[0] = (e4) => te()) }, [r(a2, { size: 18 }, { default: c(() => [r(x2)]), _: 1 }), t2[8] || (t2[8] = i("label", null, "确定", -1))]), r(l2, { direction: "vertical" }), i("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: ne }, [r(a2, { size: 18 }, { default: c(() => [r(h2)]), _: 1 }), t2[9] || (t2[9] = i("label", null, "清除", -1))])], 512), [[d, G.value.name]])]), r(A2, { class: "amb-design-board", style: { "padding-top": "20px" }, ref_key: "formRef", ref: Q, size: "small", model: v(
|
|
158
|
+
return s(), o("div", F, [i("div", z, [i("div", $, [i("label", { class: "amb-page-type", onClick: X }, [r(a2, { size: 18 }, { default: c(() => [r(n2)]), _: 1 }), t2[5] || (t2[5] = i("label", null, "添加自定义方法", -1))]), r(l2, { direction: "vertical" }), m(i("label", j, null, 512), [[d, M.value < 1]]), m(i("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: re }, t2[6] || (t2[6] = [i("span", { class: "iconfont icon-chexiaozuo", style: { "font-size": "20px" }, title: "撤销" }, null, -1)]), 512), [[d, M.value > 0]]), m(i("label", { class: "amb-page-type", onClick: me }, t2[7] || (t2[7] = [i("span", { class: "iconfont icon-chexiaoyou", style: { "font-size": "20px" }, title: "恢复" }, null, -1)]), 512), [[d, M.value > -1 && M.value + 1 < K.value]])]), m(i("div", w, [i("label", { class: "amb-page-type", onClick: t2[0] || (t2[0] = (e4) => te()) }, [r(a2, { size: 18 }, { default: c(() => [r(x2)]), _: 1 }), t2[8] || (t2[8] = i("label", null, "确定", -1))]), r(l2, { direction: "vertical" }), i("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: ne }, [r(a2, { size: 18 }, { default: c(() => [r(h2)]), _: 1 }), t2[9] || (t2[9] = i("label", null, "清除", -1))])], 512), [[d, G.value.name]])]), r(A2, { class: "amb-design-board", style: { "padding-top": "20px" }, ref_key: "formRef", ref: Q, size: "small", model: v(D), "inline-message": "", "label-width": "80px" }, { default: c(() => [i("div", N, [r(V2, { label: "名称", "label-width": "auto", style: { "min-width": "280px" }, required: "customFunc" == G.value.name }, { default: c(() => [m(r(E2, { type: "primary" }, { default: c(() => [p(f(G.value.title ? G.value.title + (G.value.componentLabel ? "(" + G.value.componentLabel + ")" : "") : G.value.componentLabel) + "." + f(G.value.name), 1)]), _: 1 }, 512), [[d, G.value.name && "customFunc" != G.value.name]]), m(r(S2, { modelValue: G.value.eventName, "onUpdate:modelValue": t2[1] || (t2[1] = (e4) => G.value.eventName = e4), title: "自定义方法名" }, null, 8, ["modelValue"]), [[d, "customFunc" == G.value.name]])]), _: 1 }, 8, ["required"]), m(r(_2, { modelValue: G.value.standardValues, "onUpdate:modelValue": t2[2] || (t2[2] = (e4) => G.value.standardValues = e4), onChange: W }, { default: c(() => [r(k2, { value: "true", label: "标准功能" })]), _: 1 }, 8, ["modelValue"]), [[d, "customFunc" != G.value.name]]), m(r(J3, { disabled: !G.value.isStandard, modelValue: G.value.eventName, "onUpdate:modelValue": t2[3] || (t2[3] = (e4) => G.value.eventName = e4), placeholder: "请选择", filterable: "", style: { width: "240px", "margin-left": "10px" } }, { default: c(() => [(s(true), o(g, null, b(v(R), (e4) => (s(), y(U2, { key: e4.label, label: e4.label }, { default: c(() => [(s(true), o(g, null, b(e4.options, (e5) => (s(), y(T2, { key: e5.value, label: e5.label, value: e5.value }, null, 8, ["label", "value"]))), 128))]), _: 2 }, 1032, ["label"]))), 128))]), _: 1 }, 8, ["disabled", "modelValue"]), [[d, "customFunc" != G.value.name]]), r(V2, { label: "描述", "label-width": "auto", style: { flex: "1 1 auto" } }, { default: c(() => [r(S2, { modelValue: G.value.remark, "onUpdate:modelValue": t2[4] || (t2[4] = (e4) => G.value.remark = e4) }, null, 8, ["modelValue"])]), _: 1 })]), m(i("div", B, [r(C, { eventForm: G.value, ref_key: "editorRef", ref: Z }, null, 8, ["eventForm"])], 512), [[d, "customFunc" == G.value.name || "customFunc" != G.value.name && !G.value.isStandard]])]), _: 1 }, 8, ["model"])]);
|
|
158
159
|
};
|
|
159
160
|
} });
|
|
160
161
|
export {
|
|
@@ -1,8 +1,22 @@
|
|
|
1
|
+
import { PageDesign } from '../../../utils/interfaces/page-design-types';
|
|
2
|
+
|
|
3
|
+
interface MyProps {
|
|
4
|
+
configure: PageDesign;
|
|
5
|
+
}
|
|
1
6
|
/**
|
|
2
7
|
* 重新设置尺寸
|
|
3
8
|
*/
|
|
4
9
|
declare function resize(): void;
|
|
5
|
-
declare const _default: import('vue').DefineComponent<
|
|
10
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MyProps>>, {
|
|
6
11
|
resize: typeof resize;
|
|
7
|
-
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<
|
|
12
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MyProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
8
13
|
export default _default;
|
|
14
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
15
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
16
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
17
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
18
|
+
} : {
|
|
19
|
+
type: import('vue').PropType<T[K]>;
|
|
20
|
+
required: true;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { defineComponent as e, ref as n, resolveComponent as
|
|
1
|
+
import { defineComponent as e, ref as n, resolveComponent as o, createBlock as r, openBlock as t, withCtx as a, createVNode as u } from "vue";
|
|
2
2
|
import i from "./page-event-container.vue.js";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
const
|
|
3
|
+
import c from "./page-event-content.vue.js";
|
|
4
|
+
import f from "../view/components/el-aside-expand-component.vue.js";
|
|
5
|
+
const l = e({ __name: "page-event-view", props: { configure: {} }, setup(e2, { expose: l2 }) {
|
|
6
6
|
const s = n(null);
|
|
7
|
-
return
|
|
7
|
+
return l2({ resize: function() {
|
|
8
8
|
s.value && s.value.resize && s.value.resize();
|
|
9
9
|
} }), (e3, n2) => {
|
|
10
|
-
const
|
|
11
|
-
return
|
|
10
|
+
const l3 = o("el-main"), m = o("el-container");
|
|
11
|
+
return t(), r(m, { class: "amb-container" }, { default: a(() => [u(f, null, { default: a(() => [u(i, { ref: "pageEventContainerRef", configure: e3.configure }, null, 8, ["configure"])]), _: 1 }), u(l3, { class: "amb-container-main" }, { default: a(() => [u(c, { configure: e3.configure, eventForm: {}, ref_key: "contentRef", ref: s }, null, 8, ["configure"])]), _: 1 })]), _: 1 });
|
|
12
12
|
};
|
|
13
13
|
} });
|
|
14
14
|
export {
|
|
15
|
-
|
|
15
|
+
l as default
|
|
16
16
|
};
|
|
@@ -1,8 +1,22 @@
|
|
|
1
|
-
|
|
1
|
+
import { PageDesign } from '../../../utils/interfaces/page-design-types';
|
|
2
|
+
|
|
3
|
+
interface MyProps {
|
|
4
|
+
configure: PageDesign;
|
|
5
|
+
}
|
|
6
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MyProps>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
2
7
|
handleMoveEnd: (...args: any[]) => void;
|
|
3
8
|
handleMoveStart: (...args: any[]) => void;
|
|
4
|
-
}, string, import('vue').PublicProps, Readonly<
|
|
9
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MyProps>>> & Readonly<{
|
|
5
10
|
onHandleMoveEnd?: (...args: any[]) => any;
|
|
6
11
|
onHandleMoveStart?: (...args: any[]) => any;
|
|
7
12
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
8
13
|
export default _default;
|
|
14
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
15
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
16
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
17
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
18
|
+
} : {
|
|
19
|
+
type: import('vue').PropType<T[K]>;
|
|
20
|
+
required: true;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -1,50 +1,53 @@
|
|
|
1
|
-
import { defineComponent as e, ref as l, computed as a, resolveComponent as t, createElementBlock as s, openBlock as n, createElementVNode as o, createVNode as u, unref as
|
|
1
|
+
import { defineComponent as e, ref as l, computed as a, resolveComponent as t, createElementBlock as s, openBlock as n, createElementVNode as o, createVNode as u, unref as i, withCtx as m, Fragment as r, renderList as c, createBlock as d, createTextVNode as p, toDisplayString as f, reactive as v } from "vue";
|
|
2
2
|
import { Search as b, HelpFilled as h } from "@element-plus/icons";
|
|
3
3
|
import { assemblyGroups as g } from "../../../utils/assemblys-config.js";
|
|
4
4
|
import { deepCopy as y, getUuidv4 as x } from "../../../utils/common-util.js";
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
const E = l([]);
|
|
5
|
+
import { ucrExcludeElements as V, filterUcrElements as _ } from "../../../utils/ucr-element-filter.js";
|
|
6
|
+
import { VueDraggable as w } from "vue-draggable-plus";
|
|
7
|
+
const k = { class: "amb-assembly-header-search" }, U = ["src"], C = ["title"], O = ["src"], j = e({ __name: "assemblys-container-list", props: { configure: {} }, emits: ["handleMoveEnd", "handleMoveEnd", "handleMoveStart"], setup(e2, { emit: j2 }) {
|
|
8
|
+
var _a;
|
|
9
|
+
const M = e2, D = l(""), E = l(""), S = l([]);
|
|
10
|
+
S.value.length = 0;
|
|
11
|
+
const I = l([]);
|
|
10
12
|
for (let e3 in g) {
|
|
11
13
|
let l2 = g[e3];
|
|
12
|
-
|
|
14
|
+
S.value.push(l2.name), ((_a = M.configure) == null ? void 0 : _a.ucrDesign) && V.includes(l2.name) || I.value.push({ name: l2.name, label: l2.label });
|
|
13
15
|
}
|
|
14
|
-
const
|
|
15
|
-
|
|
16
|
-
|
|
16
|
+
const q = a(() => {
|
|
17
|
+
var _a2;
|
|
18
|
+
if (D.value || E.value) {
|
|
19
|
+
S.value.length = 0;
|
|
17
20
|
const e3 = [];
|
|
18
21
|
for (let l2 = 0; l2 < g.length; l2++) {
|
|
19
22
|
let a2 = g[l2];
|
|
20
|
-
if (
|
|
23
|
+
if (D.value) {
|
|
21
24
|
let e4 = a2.name, l3 = a2.label;
|
|
22
|
-
if (e4 && -1 == e4.indexOf(
|
|
25
|
+
if (e4 && -1 == e4.indexOf(D.value) && l3 && -1 == l3.indexOf(D.value)) continue;
|
|
23
26
|
}
|
|
24
27
|
let t2 = a2.items, s2 = [];
|
|
25
|
-
if (
|
|
28
|
+
if (E.value) for (let e4 = 0; e4 < t2.length; e4++) {
|
|
26
29
|
let l3 = t2[e4], a3 = l3.name, n2 = l3.label;
|
|
27
|
-
a3 && -1 == a3.indexOf(
|
|
30
|
+
a3 && -1 == a3.indexOf(E.value) && n2 && -1 == n2.indexOf(E.value) || s2.push(l3);
|
|
28
31
|
}
|
|
29
32
|
else s2 = t2;
|
|
30
33
|
if (s2.length > 0) {
|
|
31
34
|
let l3 = { name: a2.name, label: a2.label, icon: a2.icon, items: s2 };
|
|
32
|
-
e3.push(l3),
|
|
35
|
+
e3.push(l3), S.value.push(l3.name);
|
|
33
36
|
}
|
|
34
37
|
}
|
|
35
38
|
return e3;
|
|
36
39
|
}
|
|
37
|
-
return g;
|
|
40
|
+
return ((_a2 = M.configure) == null ? void 0 : _a2.ucrDesign) ? _(g) : g;
|
|
38
41
|
});
|
|
39
|
-
function
|
|
42
|
+
function z(e3) {
|
|
40
43
|
const l2 = v(y(e3));
|
|
41
44
|
return delete l2.designComponent, delete l2.attrComponent, delete l2.renderComponent, l2.props || (l2.props = {}), l2.uuid = x(), l2.items && l2.items.length > 0 && (l2.items = l2.items.map((e4) => (e4.uuid || (e4.uuid = x()), e4))), l2.props.isInit = true, l2;
|
|
42
45
|
}
|
|
43
46
|
return (e3, l2) => {
|
|
44
|
-
const a2 = t("el-option"), v2 = t("el-select"), g2 = t("el-input"), y2 = t("el-icon"), x2 = t("el-col"),
|
|
45
|
-
return n(), s("div", null, [o("div",
|
|
47
|
+
const a2 = t("el-option"), v2 = t("el-select"), g2 = t("el-input"), y2 = t("el-icon"), x2 = t("el-col"), V2 = t("el-row"), _2 = t("el-collapse-item"), j3 = t("el-collapse");
|
|
48
|
+
return n(), s("div", null, [o("div", k, [u(g2, { modelValue: E.value, "onUpdate:modelValue": l2[1] || (l2[1] = (e4) => E.value = e4), style: { height: "36px" }, placeholder: "Search...", clearable: "", class: "input-with-select", "suffix-icon": i(b) }, { prepend: m(() => [u(v2, { class: "amb-assembly-search-select", style: { width: "90px" }, clearable: "", modelValue: D.value, "onUpdate:modelValue": l2[0] || (l2[0] = (e4) => D.value = e4), placeholder: "全部" }, { default: m(() => [(n(true), s(r, null, c(I.value, (e4) => (n(), d(a2, { label: e4.label, value: e4.name }, null, 8, ["label", "value"]))), 256))]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 8, ["modelValue", "suffix-icon"])]), u(j3, { modelValue: S.value, "onUpdate:modelValue": l2[2] || (l2[2] = (e4) => S.value = e4), style: { "margin-top": "45px" } }, { default: m(() => [(n(true), s(r, null, c(q.value, (e4, l3) => (n(), d(_2, { class: "amb-assembly-collapse-header", name: e4.name }, { title: m(() => [e4.icon ? (n(), s("img", { key: 0, class: "amb-assembly-group-img", src: e4.icon }, null, 8, U)) : (n(), d(y2, { key: 1, style: { width: "16px", height: "16px", color: "#5893ef" } }, { default: m(() => [u(i(h))]), _: 1 })), p(" " + f(e4.label), 1)]), default: m(() => [u(V2, { gutter: 14 }, { default: m(() => [u(i(w), { group: { name: "amb-assembly-item", pull: "clone", put: false, revertClone: true }, modelValue: e4.items, "onUpdate:modelValue": (l4) => e4.items = l4, "force-fallback": true, sort: false, animation: 300, style: { width: "100%" }, clone: z, "fallback-class": true, class: "el-row" }, { default: m(() => [(n(true), s(r, null, c(e4.items, (e5, l4) => (n(), d(x2, { span: 8 }, { default: m(() => [o("div", { class: "amb-assembly-item", title: e5.name }, [o("div", null, [e5.icon ? (n(), s("img", { key: 0, class: "amb-assembly-item-img", src: e5.icon }, null, 8, O)) : (n(), d(y2, { key: 1, style: { width: "16px", height: "16px", color: "#5893ef" } }, { default: m(() => [u(i(h))]), _: 1 }))]), p(" " + f(e5.label), 1)], 8, C)]), _: 2 }, 1024))), 256))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)]), _: 2 }, 1032, ["name"]))), 256))]), _: 1 }, 8, ["modelValue"])]);
|
|
46
49
|
};
|
|
47
50
|
} });
|
|
48
51
|
export {
|
|
49
|
-
|
|
52
|
+
j as default
|
|
50
53
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defineComponent as e, ref as l, createElementBlock as s, openBlock as t, createElementVNode as a, normalizeClass as n, withDirectives as
|
|
1
|
+
import { defineComponent as e, ref as l, createElementBlock as s, openBlock as t, createElementVNode as a, normalizeClass as n, withDirectives as i, createVNode as u, unref as o, vShow as c } from "vue";
|
|
2
2
|
import m from "./assemblys-container-list.vue.js";
|
|
3
|
-
import
|
|
3
|
+
import r from "./assemblys-container-explore.vue.js";
|
|
4
4
|
import v from "./assemblys-container-template.vue.js";
|
|
5
5
|
import "@element-plus/icons-vue";
|
|
6
6
|
import "element-plus";
|
|
@@ -8,18 +8,17 @@ import "../../../utils/assemblys-config.js";
|
|
|
8
8
|
import "uuid";
|
|
9
9
|
import "../../../utils/eventBus.js";
|
|
10
10
|
import "../../../../../stores/page-store.js";
|
|
11
|
-
const
|
|
12
|
-
const f =
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
"assembly" == e3 ? (j.value = "selected", W.value = "", x.value = "", E.value = "") : "pageEvent" == e3 ? (W.value = "", j.value = "", x.value = "", E.value = "selected") : "explorer" == e3 ? (W.value = "selected", j.value = "", x.value = "", E.value = "") : (W.value = "", j.value = "", x.value = "selected", E.value = "");
|
|
11
|
+
const d = { class: "amb-design-assembly-content" }, p = { class: "amb-assembly-header" }, b = { class: "amb-assembly-header-type" }, g = { class: "amb-design-assembly-list" }, y = e({ __name: "assemblys-container", props: { designItems: Array, selectWidget: Object, configure: Object }, emits: ["onSelectWidget", "addEvent", "changeEvent", "onSelectEvent"], setup(e2, { expose: y2, emit: f }) {
|
|
12
|
+
const j = f, W = e2.configure;
|
|
13
|
+
const x = l("selected"), E = l(""), I = l(""), S = l("");
|
|
14
|
+
function h(e3) {
|
|
15
|
+
"assembly" == e3 ? (x.value = "selected", E.value = "", I.value = "", S.value = "") : "pageEvent" == e3 ? (E.value = "", x.value = "", I.value = "", S.value = "selected") : "explorer" == e3 ? (E.value = "selected", x.value = "", I.value = "", S.value = "") : (E.value = "", x.value = "", I.value = "selected", S.value = "");
|
|
17
16
|
}
|
|
18
|
-
function
|
|
19
|
-
|
|
17
|
+
function k(e3, l2) {
|
|
18
|
+
j("onSelectWidget", e3, l2);
|
|
20
19
|
}
|
|
21
|
-
return l(null), l(null),
|
|
20
|
+
return l(null), l(null), y2({ selAsselbyType: "assembly" }), (l2, y3) => (t(), s("div", d, [a("div", p, [a("div", b, [a("label", { class: n(x.value), onClick: y3[0] || (y3[0] = (e3) => h("assembly")) }, "组件", 2), a("label", { class: n(E.value), onClick: y3[1] || (y3[1] = (e3) => h("explorer")) }, "大纲", 2), a("label", { class: n(I.value), onClick: y3[2] || (y3[2] = (e3) => h("template")) }, "模板库", 2)])]), a("div", g, [i(u(m, { configure: o(W) }, null, 8, ["configure"]), [[c, x.value]]), i(u(r, { onOnSelectWidget: k, designItems: e2.designItems, selectWidget: e2.selectWidget }, null, 8, ["designItems", "selectWidget"]), [[c, E.value]]), i(u(v, null, null, 512), [[c, I.value]])])]));
|
|
22
21
|
} });
|
|
23
22
|
export {
|
|
24
|
-
|
|
23
|
+
y as default
|
|
25
24
|
};
|
package/dist/es/components/design/views/design/view/components/ucr-report-swtich/index.vue.d.ts
ADDED
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
2
|
+
pageId: {
|
|
3
|
+
type: NumberConstructor;
|
|
4
|
+
default: any;
|
|
5
|
+
};
|
|
6
|
+
pageDesign: {
|
|
7
|
+
type: ObjectConstructor;
|
|
8
|
+
default: () => {};
|
|
9
|
+
};
|
|
10
|
+
ucrDesign: {
|
|
11
|
+
type: BooleanConstructor;
|
|
12
|
+
default: boolean;
|
|
13
|
+
};
|
|
14
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
15
|
+
"change-page": (...args: any[]) => void;
|
|
16
|
+
"init-loaded": (...args: any[]) => void;
|
|
17
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
18
|
+
pageId: {
|
|
19
|
+
type: NumberConstructor;
|
|
20
|
+
default: any;
|
|
21
|
+
};
|
|
22
|
+
pageDesign: {
|
|
23
|
+
type: ObjectConstructor;
|
|
24
|
+
default: () => {};
|
|
25
|
+
};
|
|
26
|
+
ucrDesign: {
|
|
27
|
+
type: BooleanConstructor;
|
|
28
|
+
default: boolean;
|
|
29
|
+
};
|
|
30
|
+
}>> & Readonly<{
|
|
31
|
+
"onChange-page"?: (...args: any[]) => any;
|
|
32
|
+
"onInit-loaded"?: (...args: any[]) => any;
|
|
33
|
+
}>, {
|
|
34
|
+
pageDesign: Record<string, any>;
|
|
35
|
+
ucrDesign: boolean;
|
|
36
|
+
pageId: number;
|
|
37
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
38
|
+
export default _default;
|