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.
Files changed (42) hide show
  1. package/dist/es/assets/images/data/file.png.js +4 -0
  2. package/dist/es/assets/images/data/folder.png.js +4 -0
  3. package/dist/es/components/design/utils/assemblys-config.js +1 -1
  4. package/dist/es/components/design/utils/form-design-util.js +4 -1
  5. package/dist/es/components/design/utils/page-table-util.js +1 -1
  6. package/dist/es/components/design/utils/ucr-element-filter.d.ts +2 -0
  7. package/dist/es/components/design/utils/ucr-element-filter.js +11 -0
  8. package/dist/es/components/design/views/assemblys/button/button/button-attr-advanced.vue.js +7 -7
  9. package/dist/es/components/design/views/assemblys/button/button/button-attr-base.vue.js +1 -1
  10. package/dist/es/components/design/views/assemblys/button/button/button-attr-base.vue2.js +11 -11
  11. package/dist/es/components/design/views/assemblys/common/common-select-page.vue.js +1 -1
  12. package/dist/es/components/design/views/assemblys/data/table/table-attr-base.vue.js +5 -5
  13. package/dist/es/components/design/views/assemblys/form/common/condition.vue.js +43 -40
  14. package/dist/es/components/design/views/assemblys/form/common/data-origin.vue.js +1 -1
  15. package/dist/es/components/design/views/assemblys/form/common/data-origin.vue2.js +1 -1
  16. package/dist/es/components/design/views/assemblys/form/label/label-attr-base.vue.js +20 -20
  17. package/dist/es/components/design/views/assemblys/form/label/label-design.vue.js +4 -1
  18. package/dist/es/components/design/views/assemblys/form/label/label-design.vue2.js +22 -22
  19. package/dist/es/components/design/views/assemblys/object-design.vue.js +1 -1
  20. package/dist/es/components/design/views/assemblys/object-design.vue3.js +66 -66
  21. package/dist/es/components/design/views/design/page-design.vue.d.ts +9 -0
  22. package/dist/es/components/design/views/design/page-design.vue2.js +42 -42
  23. package/dist/es/components/design/views/design/page-event/completion-data.js +1 -1
  24. package/dist/es/components/design/views/design/page-event/config.vue2.js +1 -1
  25. package/dist/es/components/design/views/design/page-event/config.vue3.js +52 -45
  26. package/dist/es/components/design/views/design/page-event/page-event-content.vue.js +11 -10
  27. package/dist/es/components/design/views/design/page-event/page-event-view.vue.d.ts +16 -2
  28. package/dist/es/components/design/views/design/page-event/page-event-view.vue.js +8 -8
  29. package/dist/es/components/design/views/design/view/assemblys-container-list.vue.d.ts +16 -2
  30. package/dist/es/components/design/views/design/view/assemblys-container-list.vue.js +23 -20
  31. package/dist/es/components/design/views/design/view/assemblys-container.vue.js +11 -12
  32. package/dist/es/components/design/views/design/view/components/ucr-report-swtich/index.vue.d.ts +38 -0
  33. package/dist/es/components/design/views/design/view/components/ucr-report-swtich/index.vue.js +7 -0
  34. package/dist/es/components/design/views/design/view/components/ucr-report-swtich/index.vue2.js +111 -0
  35. package/dist/es/components/design/views/design/view/components/ucr-report-swtich/util.d.ts +6 -0
  36. package/dist/es/components/design/views/design/view/components/ucr-report-swtich/util.js +27 -0
  37. package/dist/es/components/design/views/design/view/page-switch.vue.d.ts +18 -0
  38. package/dist/es/components/design/views/design/view/page-switch.vue.js +1 -1
  39. package/dist/es/components/design/views/design/view/page-switch.vue2.js +34 -30
  40. package/dist/es/components/design/views/design/view/view-design-display.vue.js +13 -13
  41. package/dist/es/style.css +186 -65
  42. 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 n, createElementBlock as a, openBlock as r, createElementVNode as i, createVNode as s, createTextVNode as u, withCtx as c, unref as d, normalizeStyle as m } from "vue";
2
- import { useLocalStorage as f } from "@vueuse/core";
3
- import { Search as p, MagicStick as v } from "@element-plus/icons-vue";
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 x } from "@codemirror/state";
6
+ import { EditorState as y } from "@codemirror/state";
7
7
  import "@codemirror/autocomplete";
8
8
  import "@codemirror/language";
9
- import { openSearchPanel as y } from "@codemirror/search";
9
+ import { openSearchPanel as x } from "@codemirror/search";
10
10
  import k from "js-beautify";
11
- import w from "./completion-data.js";
12
- const j = { style: { padding: "8px 16px", margin: "10px 0px", "background-color": "#f4f4f5" }, class: "pppp" }, C = { 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 D = e2;
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 L = t({ theme: "default", fontSize: 14, searchOpen: false }), T = t(null), W = t(null), $ = t(null), B = t({ backgroundColor: "#fff", color: "#333", border: "1px solid #ddd", overflow: "auto" });
16
- let R;
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 = f("editorStyle", "").value;
19
- e3 && (e3 = JSON.parse(e3), L.value.theme = e3.theme || "default", L.value.fontSize = e3.fontSize || 14), G();
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
- R && clearTimeout(R);
21
+ B && clearTimeout(B);
22
22
  });
23
23
  const U = b.data.of({ autocomplete: function(e3) {
24
- const t2 = e3.matchBefore(/(?:window\.[\w$\.]*|logicContext\.[\w$\.]*)/);
25
- if (!t2 || "" === t2.text) return null;
26
- const l2 = t2.text;
27
- if (w[l2]) return { from: t2.from, options: w[l2], filter: true };
28
- let o2 = null;
29
- for (const e4 of Object.keys(w)) l2.startsWith(e4) && (!o2 || e4.length > o2.length) && (o2 = e4);
30
- if (!o2) for (const e4 of Object.keys(w)) e4.startsWith(l2) && (!o2 || e4.length > o2.length) && (o2 = e4);
31
- if (o2) {
32
- let e4 = w[o2];
33
- return (l2.length > o2.length || l2 !== o2) && (e4 = e4.filter((e5) => e5.label.startsWith(l2))), { from: t2.from, options: e4, filter: false };
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
- f("editorStyle", L.value).value = L.value, T.value && (T.value && T.value.destroy(), G());
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 = E();
49
- T.value = new h({ state: e3, parent: document.getElementById("cf-codemirror") || void 0 });
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
- if (T.value) {
53
- T.value.focus(), y(T.value) && T.value.update([]);
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 (T.value) {
58
- const e3 = k.js(D.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 });
59
- T.value.dispatch({ changes: { from: 0, to: D.eventForm.jsContent.length, insert: e3 } });
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
- R && clearTimeout(R), W.value && (R = setTimeout(() => {
70
+ B && clearTimeout(B), W.value && (B = setTimeout(() => {
64
71
  const e3 = W.value.getBoundingClientRect(), t2 = window.innerHeight - e3.y - 30 + "px";
65
- T.value && T.value.dom && (T.value.dom.style.height = t2);
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 = D.eventForm.jsContent ? D.eventForm.jsContent : "";
70
- e3 && D.eventForm && (e3.jsContent || (e3.jsContent = ""), Object.assign(D.eventForm, e3), (_a = T.value) == null ? void 0 : _a.dispatch({ changes: { from: 0, to: t2.length, insert: D.eventForm.jsContent } }));
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 = n("el-input"), f2 = n("el-option"), h2 = n("el-select"), g2 = n("el-tooltip"), b2 = n("el-icon");
73
- return r(), a("div", { style: { "padding-right": "20px" }, ref_key: "editorContentRef", ref: $ }, [i("div", j, [i("span", C, [l2[6] || (l2[6] = u(" function ")), "customFunc" === e2.eventForm.name ? (r(), a("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(), a("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: L.value.theme, "onUpdate:modelValue": l2[1] || (l2[1] = (e3) => L.value.theme = e3), placeholder: "", size: "small", style: { width: "120px" } }, { default: c(() => [s(f2, { label: "默认", value: "default" }), s(f2, { label: "VScodeDark", value: "vscodeDark" }), s(f2, { label: "Dracula", value: "dracula" }), s(f2, { label: "GithubLight", value: "githubLight" }), s(f2, { label: "GithubDark", value: "githubDark" }), s(f2, { label: "Eclipse", value: "eclipse" }), s(f2, { label: "XcodeLight", value: "xcodeLight" }), s(f2, { 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: L.value.fontSize, "onUpdate:modelValue": l2[2] || (l2[2] = (e3) => L.value.fontSize = e3), placeholder: "", onChange: q, size: "small", style: { width: "80px" } }, { default: c(() => [s(f2, { label: "12", value: 12 }), s(f2, { label: "14", value: 14 }), s(f2, { label: "16", value: 16 }), s(f2, { label: "18", value: 18 }), s(f2, { label: "20", value: 20 }), s(f2, { label: "22", value: 22 }), s(f2, { label: "24", value: 24 }), s(f2, { label: "26", value: 26 }), s(f2, { 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: H }, { default: c(() => [s(d(p))]), _: 1 })]), _: 1 }), s(g2, { class: "box-item", effect: "dark", content: "格式化代码", placement: "top" }, { default: c(() => [s(b2, { class: "editorOption", onClick: J }, { default: c(() => [s(d(v))]), _: 1 })]), _: 1 })]), i("div", { style: m(B.value), id: "cf-codemirror", ref_key: "codemirrorRef", ref: W }, null, 4), l2[8] || (l2[8] = i("span", { style: { color: "gray" } }, " }", -1))], 512);
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
- const R = E;
13
- let H = L.customEvent;
14
- const D = t({ jsContent: "" }), G = t({ jsContent: "" }), K = t(0), M = t(-1), Q = t();
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 = D.value ? JSON.stringify(D.value) : null, t2 = G.value ? JSON.stringify(G.value) : null;
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 || {}, D.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
+ 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(D.value, n2), e3.customEvents.push(D.value);
82
- D.value = n2, G.value = k(n2), h({ message: "暂存成功!", type: "success" });
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 = D.value ? JSON.stringify(D.value) : null, a2 = G.value ? JSON.stringify(G.value) : null;
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(H), "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
+ 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<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
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 t, createBlock as o, openBlock as r, withCtx as a, createVNode as u } from "vue";
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 l from "./page-event-content.vue.js";
4
- import c from "../view/components/el-aside-expand-component.vue.js";
5
- const f = e({ __name: "page-event-view", setup(e2, { expose: f2 }) {
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 f2({ resize: function() {
7
+ return l2({ resize: function() {
8
8
  s.value && s.value.resize && s.value.resize();
9
9
  } }), (e3, n2) => {
10
- const f3 = t("el-main"), m = t("el-container");
11
- return r(), o(m, { class: "amb-container" }, { default: a(() => [u(c, null, { default: a(() => [u(i, { ref: "pageEventContainerRef", configure: e3.configure }, null, 8, ["configure"])]), _: 1 }), u(f3, { class: "amb-container-main" }, { default: a(() => [u(l, { configure: {}, eventForm: {}, ref_key: "contentRef", ref: s }, null, 512)]), _: 1 })]), _: 1 });
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
- f as default
15
+ l as default
16
16
  };
@@ -1,8 +1,22 @@
1
- declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
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<{}> & 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 m, withCtx as i, Fragment as r, renderList as d, createBlock as c, createTextVNode as p, toDisplayString as f, reactive as v } from "vue";
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 { VueDraggable as V } from "vue-draggable-plus";
6
- const _ = { class: "amb-assembly-header-search" }, w = ["src"], k = ["title"], U = ["src"], C = e({ __name: "assemblys-container-list", emits: ["handleMoveEnd", "handleMoveEnd", "handleMoveStart"], setup(e2, { emit: C2 }) {
7
- const O = l(""), M = l(""), j = l([]);
8
- j.value.length = 0;
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
- j.value.push(l2.name), E.value.push({ name: l2.name, label: l2.label });
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 S = a(() => {
15
- if (O.value || M.value) {
16
- j.value.length = 0;
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 (O.value) {
23
+ if (D.value) {
21
24
  let e4 = a2.name, l3 = a2.label;
22
- if (e4 && -1 == e4.indexOf(O.value) && l3 && -1 == l3.indexOf(O.value)) continue;
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 (M.value) for (let e4 = 0; e4 < t2.length; e4++) {
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(M.value) && n2 && -1 == n2.indexOf(M.value) || s2.push(l3);
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), j.value.push(l3.name);
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 I(e3) {
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"), C3 = t("el-row"), q = t("el-collapse-item"), z = t("el-collapse");
45
- return n(), s("div", null, [o("div", _, [u(g2, { modelValue: M.value, "onUpdate:modelValue": l2[1] || (l2[1] = (e4) => M.value = e4), style: { height: "36px" }, placeholder: "Search...", clearable: "", class: "input-with-select", "suffix-icon": m(b) }, { prepend: i(() => [u(v2, { class: "amb-assembly-search-select", style: { width: "90px" }, clearable: "", modelValue: O.value, "onUpdate:modelValue": l2[0] || (l2[0] = (e4) => O.value = e4), placeholder: "全部" }, { default: i(() => [(n(true), s(r, null, d(E.value, (e4) => (n(), c(a2, { label: e4.label, value: e4.name }, null, 8, ["label", "value"]))), 256))]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 8, ["modelValue", "suffix-icon"])]), u(z, { modelValue: j.value, "onUpdate:modelValue": l2[2] || (l2[2] = (e4) => j.value = e4), style: { "margin-top": "45px" } }, { default: i(() => [(n(true), s(r, null, d(S.value, (e4, l3) => (n(), c(q, { class: "amb-assembly-collapse-header", name: e4.name }, { title: i(() => [e4.icon ? (n(), s("img", { key: 0, class: "amb-assembly-group-img", src: e4.icon }, null, 8, w)) : (n(), c(y2, { key: 1, style: { width: "16px", height: "16px", color: "#5893ef" } }, { default: i(() => [u(m(h))]), _: 1 })), p("   " + f(e4.label), 1)]), default: i(() => [u(C3, { gutter: 14 }, { default: i(() => [u(m(V), { 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: I, "fallback-class": true, class: "el-row" }, { default: i(() => [(n(true), s(r, null, d(e4.items, (e5, l4) => (n(), c(x2, { span: 8 }, { default: i(() => [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, U)) : (n(), c(y2, { key: 1, style: { width: "16px", height: "16px", color: "#5893ef" } }, { default: i(() => [u(m(h))]), _: 1 }))]), p(" " + f(e5.label), 1)], 8, k)]), _: 2 }, 1024))), 256))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)]), _: 2 }, 1032, ["name"]))), 256))]), _: 1 }, 8, ["modelValue"])]);
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
- C as default
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 u, createVNode as i, vShow as o } from "vue";
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 c from "./assemblys-container-explore.vue.js";
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 r = { class: "amb-design-assembly-content" }, d = { class: "amb-assembly-header" }, p = { class: "amb-assembly-header-type" }, b = { class: "amb-design-assembly-list" }, g = e({ __name: "assemblys-container", props: { designItems: Array, selectWidget: Object, configure: Object }, emits: ["onSelectWidget", "addEvent", "changeEvent", "onSelectEvent"], setup(e2, { expose: g2, emit: y }) {
12
- const f = y;
13
- e2.configure;
14
- const j = l("selected"), W = l(""), x = l(""), E = l("");
15
- function I(e3) {
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 S(e3, l2) {
19
- f("onSelectWidget", e3, l2);
17
+ function k(e3, l2) {
18
+ j("onSelectWidget", e3, l2);
20
19
  }
21
- return l(null), l(null), g2({ selAsselbyType: "assembly" }), (l2, g3) => (t(), s("div", r, [a("div", d, [a("div", p, [a("label", { class: n(j.value), onClick: g3[0] || (g3[0] = (e3) => I("assembly")) }, "组件", 2), a("label", { class: n(W.value), onClick: g3[1] || (g3[1] = (e3) => I("explorer")) }, "大纲", 2), a("label", { class: n(x.value), onClick: g3[2] || (g3[2] = (e3) => I("template")) }, "模板库", 2)])]), a("div", b, [u(i(m, null, null, 512), [[o, j.value]]), u(i(c, { onOnSelectWidget: S, designItems: e2.designItems, selectWidget: e2.selectWidget }, null, 8, ["designItems", "selectWidget"]), [[o, W.value]]), u(i(v, null, null, 512), [[o, x.value]])])]));
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
- g as default
23
+ y as default
25
24
  };
@@ -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;
@@ -0,0 +1,7 @@
1
+ import e from "./index.vue2.js";
2
+ /* empty css */
3
+ import o from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
4
+ const r = o(e, [["__scopeId", "data-v-d6244281"]]);
5
+ export {
6
+ r as default
7
+ };