super-page-designer 2.2.20 → 2.2.24

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 (48) hide show
  1. package/dist/es/components/design/utils/page-explore-util.js +10 -10
  2. package/dist/es/components/design/utils/page-permission-util.js +35 -33
  3. package/dist/es/components/design/views/assemblys/chart/column-line/column-line-design.vue2.js +24 -22
  4. package/dist/es/components/design/views/assemblys/chart/common/common-attr-clickset.vue.js +39 -36
  5. package/dist/es/components/design/views/assemblys/chart/common/common-attr-data.vue.js +43 -40
  6. package/dist/es/components/design/views/assemblys/chart/common/common-attr-groupby.vue.js +43 -40
  7. package/dist/es/components/design/views/assemblys/chart/common/common-home-chart.vue.js +1 -1
  8. package/dist/es/components/design/views/assemblys/chart/common/common-home-chart.vue2.js +14 -13
  9. package/dist/es/components/design/views/assemblys/chart/gauge/gauge-attr-data.vue.js +33 -30
  10. package/dist/es/components/design/views/assemblys/chart/gauge/gauge-design.vue2.js +25 -23
  11. package/dist/es/components/design/views/assemblys/chart/pie/pie-design.vue2.js +25 -23
  12. package/dist/es/components/design/views/assemblys/chart/radar/radar-attr-data.vue.js +33 -30
  13. package/dist/es/components/design/views/assemblys/chart/radar/radar-design.vue2.js +25 -23
  14. package/dist/es/components/design/views/assemblys/chart/scatter/scatter-attr-data.vue.js +38 -35
  15. package/dist/es/components/design/views/assemblys/chart/scatter/scatter-design.vue2.js +23 -21
  16. package/dist/es/components/design/views/assemblys/common/common-icon-bind.vue.js +60 -57
  17. package/dist/es/components/design/views/assemblys/common/common-select-page.vue.js +36 -33
  18. package/dist/es/components/design/views/assemblys/common/common-select-table.vue.js +44 -41
  19. package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue.js +3 -3
  20. package/dist/es/components/design/views/assemblys/common/{common-variable-bind.vue2.js → common-variable-bind.vue3.js} +8 -8
  21. package/dist/es/components/design/views/assemblys/common/page-permission-select.vue.js +25 -25
  22. package/dist/es/components/design/views/assemblys/common-attr-events.vue.js +14 -12
  23. package/dist/es/components/design/views/assemblys/data/component/column-config.vue.js +78 -74
  24. package/dist/es/components/design/views/assemblys/data/component/composite-header.vue.js +1 -1
  25. package/dist/es/components/design/views/assemblys/data/component/composite-header.vue2.js +111 -107
  26. package/dist/es/components/design/views/assemblys/data/component/table-children-column.vue.js +41 -39
  27. package/dist/es/components/design/views/assemblys/form/checkbox/checkbox-design.vue2.js +10 -8
  28. package/dist/es/components/design/views/assemblys/form/common/data-linkage.vue.js +26 -22
  29. package/dist/es/components/design/views/assemblys/form/common/data-origin-autoset.vue.js +41 -37
  30. package/dist/es/components/design/views/assemblys/form/common/data-origin-service-in.vue.js +30 -26
  31. package/dist/es/components/design/views/assemblys/form/common/linkpage-page-callback.vue.js +30 -26
  32. package/dist/es/components/design/views/assemblys/form/common/uploading.vue.js +1 -1
  33. package/dist/es/components/design/views/assemblys/form/dept-tree/depttree-autoset.vue.js +30 -26
  34. package/dist/es/components/design/views/assemblys/form/radio/radio-design.vue2.js +12 -10
  35. package/dist/es/components/design/views/assemblys/form/rich-text/richtext-design.vue2.js +29 -26
  36. package/dist/es/components/design/views/assemblys/form/select/select-design.vue2.js +18 -15
  37. package/dist/es/components/design/views/assemblys/object-design.vue.js +28 -20
  38. package/dist/es/components/design/views/assemblys/page/page-attr-permissions.vue.js +38 -34
  39. package/dist/es/components/design/views/design/page-event/{config.vue.js → config.vue2.js} +2 -2
  40. package/dist/es/components/design/views/design/page-event/config.vue3.js +43 -40
  41. package/dist/es/components/design/views/design/page-event/page-event-container.vue.js +48 -45
  42. package/dist/es/components/design/views/design/page-event/page-event-content.vue.js +22 -22
  43. package/dist/es/components/design/views/design/view/components/quick-add-fields.vue.js +67 -63
  44. package/dist/es/components/design/views/design/view/view-design-display.vue.js +92 -89
  45. package/dist/es/stores/event-undo-redo-store.d.ts +4 -1
  46. package/dist/es/stores/event-undo-redo-store.js +5 -2
  47. package/dist/es/style.css +13 -13
  48. package/package.json +4 -4
@@ -1,51 +1,55 @@
1
- import { defineComponent as e, ref as t, resolveComponent as l, createElementBlock as a, openBlock as o, createVNode as i, withCtx as n, createElementVNode as u, unref as r, Fragment as d, renderList as s, createBlock as m } from "vue";
2
- import { getUuidv4 as c } from "../../../../utils/common-util.js";
3
- import { Top as p, Bottom as f, Plus as g, Delete as b } from "@element-plus/icons-vue";
4
- import v from "../../common/common-variable-bind.vue.js";
5
- const w = { style: { "text-align": "center", margin: "0px -8px", "padding-top": "4px", "padding-left": "2px" } }, k = e({ __name: "data-origin-autoset", props: { dataOrigin: {}, isTable: {} }, setup(e2, { expose: k2 }) {
6
- const C = e2;
7
- C.dataOrigin.autoSets || (C.dataOrigin.autoSets = []), 0 == C.dataOrigin.autoSets.length && y(null);
8
- const O = t([]);
9
- function S(e3) {
1
+ import { defineComponent as e, ref as t, onUnmounted as l, resolveComponent as a, createElementBlock as o, openBlock as i, createVNode as n, withCtx as u, createElementVNode as r, unref as d, Fragment as s, renderList as m, createBlock as c } from "vue";
2
+ import { getUuidv4 as p } from "../../../../utils/common-util.js";
3
+ import { Top as f, Bottom as g, Plus as b, Delete as v } from "@element-plus/icons-vue";
4
+ import w from "../../common/common-variable-bind.vue.js";
5
+ const k = { style: { "text-align": "center", margin: "0px -8px", "padding-top": "4px", "padding-left": "2px" } }, C = e({ __name: "data-origin-autoset", props: { dataOrigin: {}, isTable: {} }, setup(e2, { expose: C2 }) {
6
+ const O = e2;
7
+ O.dataOrigin.autoSets || (O.dataOrigin.autoSets = []), 0 == O.dataOrigin.autoSets.length && _(null);
8
+ const S = t([]);
9
+ function y(e3) {
10
10
  let t2 = -1;
11
- const l2 = C.dataOrigin.autoSets.length;
12
- for (let a2 = 0; a2 < l2; a2++) if (C.dataOrigin.autoSets[a2].uuid == e3.uuid) {
11
+ const l2 = O.dataOrigin.autoSets.length;
12
+ for (let a2 = 0; a2 < l2; a2++) if (O.dataOrigin.autoSets[a2].uuid == e3.uuid) {
13
13
  t2 = a2;
14
14
  break;
15
15
  }
16
16
  return t2;
17
17
  }
18
- function y(e3) {
18
+ function _(e3) {
19
19
  let t2 = -1;
20
- e3 && (t2 = S(e3));
21
- const l2 = { uuid: c(), source: "", target: "" };
22
- C.dataOrigin.autoSets.splice(t2 + 1, 0, l2);
20
+ e3 && (t2 = y(e3));
21
+ const l2 = { uuid: p(), source: "", target: "" };
22
+ O.dataOrigin.autoSets.splice(t2 + 1, 0, l2);
23
23
  }
24
- return k2({ updateSourceFields: function(e3) {
25
- O.value = e3 || [];
24
+ let h;
25
+ return l(() => {
26
+ h && clearTimeout(h);
27
+ }), C2({ updateSourceFields: function(e3) {
28
+ S.value = e3 || [];
26
29
  } }), (e3, t2) => {
27
- const c2 = l("el-divider"), k3 = l("el-icon"), _ = l("el-table-column"), h = l("el-option"), x = l("el-select"), V = l("el-table");
28
- return o(), a("div", null, [i(c2, null, { default: n(() => t2[0] || (t2[0] = [u("span", null, "选择后设值", -1)])), _: 1 }), i(V, { data: e3.dataOrigin.autoSets }, { default: n(() => [i(_, { label: "", width: "32" }, { default: n((e4) => [u("div", w, [i(k3, { size: "14", style: { cursor: "pointer" }, onClick: (t3) => function(e5) {
29
- let t4 = S(e5);
30
+ const l2 = a("el-divider"), p2 = a("el-icon"), C3 = a("el-table-column"), x = a("el-option"), T = a("el-select"), V = a("el-table");
31
+ return i(), o("div", null, [n(l2, null, { default: u(() => t2[0] || (t2[0] = [r("span", null, "选择后设值", -1)])), _: 1 }), n(V, { data: e3.dataOrigin.autoSets }, { default: u(() => [n(C3, { label: "", width: "32" }, { default: u((e4) => [r("div", k, [n(p2, { size: "14", style: { cursor: "pointer" }, onClick: (t3) => function(e5) {
32
+ let t4 = y(e5);
30
33
  if (t4 < 1) return;
31
- const l2 = C.dataOrigin.autoSets;
32
- [l2[t4 - 1], l2[t4]] = [l2[t4], l2[t4 - 1]];
33
- }(e4.row) }, { default: n(() => [i(r(p))]), _: 2 }, 1032, ["onClick"]), i(k3, { size: "14", style: { "margin-left": "2px", cursor: "pointer" }, onClick: (t3) => function(e5) {
34
- let t4 = S(e5);
35
- if (-1 == t4 || C.dataOrigin.autoSets.length == t4 + 1) return;
36
- const l2 = C.dataOrigin.autoSets;
37
- [l2[t4], l2[t4 + 1]] = [l2[t4 + 1], l2[t4]];
38
- }(e4.row) }, { default: n(() => [i(r(f))]), _: 2 }, 1032, ["onClick"])])]), _: 1 }), i(_, { prop: "label", label: "数据源", width: "90" }, { default: n((t3) => [i(x, { size: "small", modelValue: t3.row.source, "onUpdate:modelValue": (e4) => t3.row.source = e4, title: t3.row.source, filterable: "", "reserve-keyword": "", clearable: "", placeholder: "请选择", "remote-show-suffix": "" }, { default: n(() => ["dynamicData" === e3.dataOrigin.optionValueSetType ? (o(true), a(d, { key: 0 }, s(O.value, (e4) => (o(), m(h, { key: e4.value, label: e4.label + "(" + e4.value + ")", value: e4.value }, null, 8, ["label", "value"]))), 128)) : (o(true), a(d, { key: 1 }, s(O.value, (e4) => (o(), m(h, { key: e4.dbColumnName ? e4.dbColumnName : e4.name, label: e4.alias + "(" + (e4.dbColumnName ? e4.dbColumnName : e4.name) + ")", value: e4.dbColumnName ? e4.dbColumnName : e4.name }, null, 8, ["label", "value"]))), 128))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue", "title"])]), _: 1 }), i(_, { prop: "value", label: "设置到", width: "90" }, { default: n((t3) => [i(v, { modelValue: t3.row.target, needData: true, isTable: e3.isTable, paramTypes: ["data", "page"], "onUpdate:modelValue": (e4) => {
39
- return l2 = e4, void ((a2 = t3.row) && (a2.target = l2));
40
- var l2, a2;
41
- } }, null, 8, ["modelValue", "isTable", "onUpdate:modelValue"])]), _: 1 }), i(_, { label: "操作", width: "60" }, { default: n((e4) => [i(k3, { size: "14", style: { color: "#5893ef", cursor: "pointer", "font-weight": "bold", "margin-right": "8px" }, onClick: (t3) => y(e4.row) }, { default: n(() => [i(r(g))]), _: 2 }, 1032, ["onClick"]), i(k3, { size: "14", style: { color: "#5893ef", cursor: "pointer" }, onClick: (t3) => function(e5) {
42
- let t4 = S(e5);
43
- t4 > -1 && (C.dataOrigin.autoSets.splice(t4, 1), 0 == C.dataOrigin.autoSets.length && setTimeout(function() {
44
- y(null);
45
- }, 10));
46
- }(e4.row) }, { default: n(() => [i(r(b))]), _: 2 }, 1032, ["onClick"])]), _: 1 })]), _: 1 }, 8, ["data"])]);
34
+ const l3 = O.dataOrigin.autoSets;
35
+ [l3[t4 - 1], l3[t4]] = [l3[t4], l3[t4 - 1]];
36
+ }(e4.row) }, { default: u(() => [n(d(f))]), _: 2 }, 1032, ["onClick"]), n(p2, { size: "14", style: { "margin-left": "2px", cursor: "pointer" }, onClick: (t3) => function(e5) {
37
+ let t4 = y(e5);
38
+ if (-1 == t4 || O.dataOrigin.autoSets.length == t4 + 1) return;
39
+ const l3 = O.dataOrigin.autoSets;
40
+ [l3[t4], l3[t4 + 1]] = [l3[t4 + 1], l3[t4]];
41
+ }(e4.row) }, { default: u(() => [n(d(g))]), _: 2 }, 1032, ["onClick"])])]), _: 1 }), n(C3, { prop: "label", label: "数据源", width: "90" }, { default: u((t3) => [n(T, { size: "small", modelValue: t3.row.source, "onUpdate:modelValue": (e4) => t3.row.source = e4, title: t3.row.source, filterable: "", "reserve-keyword": "", clearable: "", placeholder: "请选择", "remote-show-suffix": "" }, { default: u(() => ["dynamicData" === e3.dataOrigin.optionValueSetType ? (i(true), o(s, { key: 0 }, m(S.value, (e4) => (i(), c(x, { key: e4.value, label: e4.label + "(" + e4.value + ")", value: e4.value }, null, 8, ["label", "value"]))), 128)) : (i(true), o(s, { key: 1 }, m(S.value, (e4) => (i(), c(x, { key: e4.dbColumnName ? e4.dbColumnName : e4.name, label: e4.alias + "(" + (e4.dbColumnName ? e4.dbColumnName : e4.name) + ")", value: e4.dbColumnName ? e4.dbColumnName : e4.name }, null, 8, ["label", "value"]))), 128))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue", "title"])]), _: 1 }), n(C3, { prop: "value", label: "设置到", width: "90" }, { default: u((t3) => [n(w, { modelValue: t3.row.target, needData: true, isTable: e3.isTable, paramTypes: ["data", "page"], "onUpdate:modelValue": (e4) => {
42
+ return l3 = e4, void ((a2 = t3.row) && (a2.target = l3));
43
+ var l3, a2;
44
+ } }, null, 8, ["modelValue", "isTable", "onUpdate:modelValue"])]), _: 1 }), n(C3, { label: "操作", width: "60" }, { default: u((e4) => [n(p2, { size: "14", style: { color: "#5893ef", cursor: "pointer", "font-weight": "bold", "margin-right": "8px" }, onClick: (t3) => _(e4.row) }, { default: u(() => [n(d(b))]), _: 2 }, 1032, ["onClick"]), n(p2, { size: "14", style: { color: "#5893ef", cursor: "pointer" }, onClick: (t3) => function(e5) {
45
+ h && clearTimeout(h);
46
+ let t4 = y(e5);
47
+ t4 > -1 && (O.dataOrigin.autoSets.splice(t4, 1), 0 == O.dataOrigin.autoSets.length && (h = setTimeout(function() {
48
+ _(null);
49
+ }, 10)));
50
+ }(e4.row) }, { default: u(() => [n(d(v))]), _: 2 }, 1032, ["onClick"])]), _: 1 })]), _: 1 }, 8, ["data"])]);
47
51
  };
48
52
  } });
49
53
  export {
50
- k as default
54
+ C as default
51
55
  };
@@ -1,37 +1,41 @@
1
- import { defineComponent as e, resolveComponent as l, createElementBlock as t, openBlock as n, createVNode as a, withCtx as i, createElementVNode as o, unref as r } from "vue";
2
- import { Plus as u, Delete as d } from "@element-plus/icons-vue";
3
- import { getUuidv4 as s } from "../../../../utils/common-util.js";
4
- import c from "../../common/common-variable-bind.vue.js";
5
- const p = e({ __name: "data-origin-service-in", props: { dataOrigin: {} }, setup(e2) {
6
- const p2 = e2;
7
- function m(e3) {
1
+ import { defineComponent as e, onUnmounted as l, resolveComponent as t, createElementBlock as a, openBlock as i, createVNode as n, withCtx as o, createElementVNode as r, unref as u } from "vue";
2
+ import { Plus as d, Delete as s } from "@element-plus/icons-vue";
3
+ import { getUuidv4 as c } from "../../../../utils/common-util.js";
4
+ import p from "../../common/common-variable-bind.vue.js";
5
+ const m = e({ __name: "data-origin-service-in", props: { dataOrigin: {} }, setup(e2) {
6
+ const m2 = e2;
7
+ function v(e3) {
8
8
  let l2 = -1;
9
- const t2 = p2.dataOrigin.serviceInputs.length;
10
- for (let n2 = 0; n2 < t2; n2++) if (p2.dataOrigin.serviceInputs[n2].uuid == e3.uuid) {
11
- l2 = n2;
9
+ const t2 = m2.dataOrigin.serviceInputs.length;
10
+ for (let a2 = 0; a2 < t2; a2++) if (m2.dataOrigin.serviceInputs[a2].uuid == e3.uuid) {
11
+ l2 = a2;
12
12
  break;
13
13
  }
14
14
  return l2;
15
15
  }
16
- function v(e3) {
16
+ function f(e3) {
17
17
  let l2 = -1;
18
- e3 && (l2 = m(e3));
19
- const t2 = { uuid: s(), name: "", value: "" };
20
- p2.dataOrigin.serviceInputs.splice(l2 + 1, 0, t2);
18
+ e3 && (l2 = v(e3));
19
+ const t2 = { uuid: c(), name: "", value: "" };
20
+ m2.dataOrigin.serviceInputs.splice(l2 + 1, 0, t2);
21
21
  }
22
- return p2.dataOrigin.serviceInputs || (p2.dataOrigin.serviceInputs = []), 0 == p2.dataOrigin.serviceInputs.length && v(null), (e3, s2) => {
23
- const f = l("el-divider"), g = l("el-input"), b = l("el-table-column"), w = l("el-icon"), O = l("el-table");
24
- return n(), t("div", null, [a(f, null, { default: i(() => s2[0] || (s2[0] = [o("span", null, "服务入参", -1)])), _: 1 }), a(O, { data: e3.dataOrigin.serviceInputs }, { default: i(() => [a(b, { prop: "name", label: "参数名", width: "90" }, { default: i((e4) => [a(g, { modelValue: e4.row.name, "onUpdate:modelValue": (l2) => e4.row.name = l2, placeholder: "请输入", clearable: "" }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 1 }), a(b, { prop: "value", label: "设置值", width: "120" }, { default: i((e4) => [a(c, { paramTypes: ["data", "page", "request", "context", "system", "fixed"], modelValue: e4.row.value, "onUpdate:modelValue": (l2) => {
25
- return t2 = l2, void ((n2 = e4.row) && (n2.value = t2));
26
- var t2, n2;
27
- } }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 1 }), a(b, { label: "操作", width: "60" }, { default: i((e4) => [a(w, { size: "14", style: { color: "#5893EF", cursor: "pointer", "font-weight": "bold", "margin-right": "8px" }, onClick: (l2) => v(e4.row) }, { default: i(() => [a(r(u))]), _: 2 }, 1032, ["onClick"]), a(w, { size: "14", style: { color: "#5893EF", cursor: "pointer" }, onClick: (l2) => function(e5) {
28
- let l3 = m(e5);
29
- l3 > -1 && (p2.dataOrigin.serviceInputs.splice(l3, 1), 0 == p2.dataOrigin.serviceInputs.length && setTimeout(function() {
30
- v(null);
31
- }, 10));
32
- }(e4.row) }, { default: i(() => [a(r(d))]), _: 2 }, 1032, ["onClick"])]), _: 1 })]), _: 1 }, 8, ["data"])]);
22
+ let g;
23
+ return m2.dataOrigin.serviceInputs || (m2.dataOrigin.serviceInputs = []), 0 == m2.dataOrigin.serviceInputs.length && f(null), l(() => {
24
+ g && clearTimeout(g);
25
+ }), (e3, l2) => {
26
+ const c2 = t("el-divider"), b = t("el-input"), w = t("el-table-column"), O = t("el-icon"), h = t("el-table");
27
+ return i(), a("div", null, [n(c2, null, { default: o(() => l2[0] || (l2[0] = [r("span", null, "服务入参", -1)])), _: 1 }), n(h, { data: e3.dataOrigin.serviceInputs }, { default: o(() => [n(w, { prop: "name", label: "参数名", width: "90" }, { default: o((e4) => [n(b, { modelValue: e4.row.name, "onUpdate:modelValue": (l3) => e4.row.name = l3, placeholder: "请输入", clearable: "" }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 1 }), n(w, { prop: "value", label: "设置值", width: "120" }, { default: o((e4) => [n(p, { paramTypes: ["data", "page", "request", "context", "system", "fixed"], modelValue: e4.row.value, "onUpdate:modelValue": (l3) => {
28
+ return t2 = l3, void ((a2 = e4.row) && (a2.value = t2));
29
+ var t2, a2;
30
+ } }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 1 }), n(w, { label: "操作", width: "60" }, { default: o((e4) => [n(O, { size: "14", style: { color: "#5893EF", cursor: "pointer", "font-weight": "bold", "margin-right": "8px" }, onClick: (l3) => f(e4.row) }, { default: o(() => [n(u(d))]), _: 2 }, 1032, ["onClick"]), n(O, { size: "14", style: { color: "#5893EF", cursor: "pointer" }, onClick: (l3) => function(e5) {
31
+ g && clearTimeout(g);
32
+ let l4 = v(e5);
33
+ l4 > -1 && (m2.dataOrigin.serviceInputs.splice(l4, 1), 0 == m2.dataOrigin.serviceInputs.length && (g = setTimeout(function() {
34
+ f(null);
35
+ }, 10)));
36
+ }(e4.row) }, { default: o(() => [n(u(s))]), _: 2 }, 1032, ["onClick"])]), _: 1 })]), _: 1 }, 8, ["data"])]);
33
37
  };
34
38
  } });
35
39
  export {
36
- p as default
40
+ m as default
37
41
  };
@@ -1,37 +1,41 @@
1
- import { defineComponent as e, resolveComponent as l, createElementBlock as a, openBlock as n, createVNode as o, withDirectives as t, withCtx as u, createTextVNode as i, unref as p, vShow as r } from "vue";
2
- import { Plus as c, Delete as s } from "@element-plus/icons-vue";
3
- import { getUuidv4 as d } from "../../../../utils/common-util.js";
4
- import m from "../../common/common-variable-bind.vue.js";
5
- const g = e({ __name: "linkpage-page-callback", props: { linkPage: {} }, setup(e2) {
6
- const g2 = e2;
7
- function k(e3) {
1
+ import { defineComponent as e, onUnmounted as l, resolveComponent as a, createElementBlock as o, openBlock as n, createVNode as t, withDirectives as u, withCtx as i, createTextVNode as p, unref as r, vShow as c } from "vue";
2
+ import { Plus as s, Delete as d } from "@element-plus/icons-vue";
3
+ import { getUuidv4 as m } from "../../../../utils/common-util.js";
4
+ import g from "../../common/common-variable-bind.vue.js";
5
+ const k = e({ __name: "linkpage-page-callback", props: { linkPage: {} }, setup(e2) {
6
+ const k2 = e2;
7
+ function f(e3) {
8
8
  let l2 = -1;
9
- const a2 = g2.linkPage.valueMappings.length;
10
- for (let n2 = 0; n2 < a2; n2++) if (g2.linkPage.valueMappings[n2].uuid == e3.uuid) {
11
- l2 = n2;
9
+ const a2 = k2.linkPage.valueMappings.length;
10
+ for (let o2 = 0; o2 < a2; o2++) if (k2.linkPage.valueMappings[o2].uuid == e3.uuid) {
11
+ l2 = o2;
12
12
  break;
13
13
  }
14
14
  return l2;
15
15
  }
16
- function f(e3) {
16
+ function v(e3) {
17
17
  let l2 = -1;
18
- e3 && (l2 = k(e3));
19
- const a2 = { uuid: d(), name: "", value: "" };
20
- g2.linkPage.valueMappings.splice(l2 + 1, 0, a2);
18
+ e3 && (l2 = f(e3));
19
+ const a2 = { uuid: m(), name: "", value: "" };
20
+ k2.linkPage.valueMappings.splice(l2 + 1, 0, a2);
21
21
  }
22
- return g2.linkPage.valueMappings || (g2.linkPage.valueMappings = []), 0 == g2.linkPage.valueMappings.length && f(null), (e3, d2) => {
23
- const v = l("el-divider"), b = l("el-checkbox"), P = l("el-form-item"), _ = l("el-checkbox-group"), V = l("el-input"), M = l("el-table-column"), h = l("el-icon"), w = l("el-table");
24
- return n(), a("div", null, [o(v, null, { default: u(() => d2[1] || (d2[1] = [i("赋值回调")])), _: 1 }), o(_, { modelValue: e3.linkPage.callbackTypes, "onUpdate:modelValue": d2[0] || (d2[0] = (l2) => e3.linkPage.callbackTypes = l2) }, { default: u(() => [o(P, { class: "amb-design-attr-item" }, { label: u(() => [o(b, { value: "paramSet" }, { default: u(() => d2[2] || (d2[2] = [i("回调设值")])), _: 1 })]), _: 1 })]), _: 1 }, 8, ["modelValue"]), t(o(w, { data: e3.linkPage.valueMappings, style: { "margin-top": "-10px" } }, { default: u(() => [o(M, { prop: "source", label: "源数据" }, { default: u((e4) => [o(V, { modelValue: e4.row.source, "onUpdate:modelValue": (l2) => e4.row.source = l2 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 1 }), o(M, { prop: "target", label: "设置到" }, { default: u((e4) => [o(m, { modelValue: e4.row.target, paramTypes: ["page", "data"], "onUpdate:modelValue": (l2) => {
25
- return a2 = l2, n2 = e4.row, o2 = "target", void (n2 && (n2[o2] = a2));
26
- var a2, n2, o2;
27
- } }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 1 }), o(M, { label: "操作", width: "60" }, { default: u((e4) => [o(h, { size: "14", style: { color: "#5893ef", cursor: "pointer", "font-weight": "bold", "margin-right": "8px" }, onClick: (l2) => f(e4.row) }, { default: u(() => [o(p(c))]), _: 2 }, 1032, ["onClick"]), o(h, { size: "14", style: { color: "#5893ef", cursor: "pointer" }, onClick: (l2) => function(e5) {
28
- let l3 = k(e5);
29
- l3 > -1 && (g2.linkPage.valueMappings.splice(l3, 1), 0 == g2.linkPage.valueMappings.length && setTimeout(function() {
30
- f(null);
31
- }, 10));
32
- }(e4.row) }, { default: u(() => [o(p(s))]), _: 2 }, 1032, ["onClick"])]), _: 1 })]), _: 1 }, 8, ["data"]), [[r, e3.linkPage.callbackTypes && e3.linkPage.callbackTypes.includes("paramSet")]])]);
22
+ let b;
23
+ return k2.linkPage.valueMappings || (k2.linkPage.valueMappings = []), 0 == k2.linkPage.valueMappings.length && v(null), l(() => {
24
+ b && clearTimeout(b);
25
+ }), (e3, l2) => {
26
+ const m2 = a("el-divider"), P = a("el-checkbox"), _ = a("el-form-item"), V = a("el-checkbox-group"), M = a("el-input"), h = a("el-table-column"), w = a("el-icon"), y = a("el-table");
27
+ return n(), o("div", null, [t(m2, null, { default: i(() => l2[1] || (l2[1] = [p("赋值回调")])), _: 1 }), t(V, { modelValue: e3.linkPage.callbackTypes, "onUpdate:modelValue": l2[0] || (l2[0] = (l3) => e3.linkPage.callbackTypes = l3) }, { default: i(() => [t(_, { class: "amb-design-attr-item" }, { label: i(() => [t(P, { value: "paramSet" }, { default: i(() => l2[2] || (l2[2] = [p("回调设值")])), _: 1 })]), _: 1 })]), _: 1 }, 8, ["modelValue"]), u(t(y, { data: e3.linkPage.valueMappings, style: { "margin-top": "-10px" } }, { default: i(() => [t(h, { prop: "source", label: "源数据" }, { default: i((e4) => [t(M, { modelValue: e4.row.source, "onUpdate:modelValue": (l3) => e4.row.source = l3 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 1 }), t(h, { prop: "target", label: "设置到" }, { default: i((e4) => [t(g, { modelValue: e4.row.target, paramTypes: ["page", "data"], "onUpdate:modelValue": (l3) => {
28
+ return a2 = l3, o2 = e4.row, n2 = "target", void (o2 && (o2[n2] = a2));
29
+ var a2, o2, n2;
30
+ } }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 1 }), t(h, { label: "操作", width: "60" }, { default: i((e4) => [t(w, { size: "14", style: { color: "#5893ef", cursor: "pointer", "font-weight": "bold", "margin-right": "8px" }, onClick: (l3) => v(e4.row) }, { default: i(() => [t(r(s))]), _: 2 }, 1032, ["onClick"]), t(w, { size: "14", style: { color: "#5893ef", cursor: "pointer" }, onClick: (l3) => function(e5) {
31
+ b && clearTimeout(b);
32
+ let l4 = f(e5);
33
+ l4 > -1 && (k2.linkPage.valueMappings.splice(l4, 1), 0 == k2.linkPage.valueMappings.length && (b = setTimeout(function() {
34
+ v(null);
35
+ }, 10)));
36
+ }(e4.row) }, { default: i(() => [t(r(d))]), _: 2 }, 1032, ["onClick"])]), _: 1 })]), _: 1 }, 8, ["data"]), [[c, e3.linkPage.callbackTypes && e3.linkPage.callbackTypes.includes("paramSet")]])]);
33
37
  };
34
38
  } });
35
39
  export {
36
- g as default
40
+ k as default
37
41
  };
@@ -1,7 +1,7 @@
1
1
  import { defineComponent as l, resolveComponent as e, createBlock as a, openBlock as o, withCtx as d, createElementVNode as i, renderSlot as t, createVNode as u, createCommentVNode as n } from "vue";
2
2
  const m = { style: { padding: "8px 0px 0px 0px" } }, p = l({ __name: "uploading", props: { uploadConfig: Object }, setup: (l2) => (p2, s) => {
3
3
  const g = e("el-switch"), r = e("el-form-item"), f = e("el-input"), C = e("el-input-number"), b = e("el-option"), V = e("el-select"), c = e("el-collapse-item");
4
- return o(), a(c, { title: "上传设置", name: "uploadConfig", class: "amb-design-attr-group-header" }, { default: d(() => [i("div", m, [t(p2.$slots, "addition", { row: l2.uploadConfig }), u(r, { label: "附件多选", class: "amb-design-attr-item" }, { default: d(() => [u(g, { modelValue: l2.uploadConfig.multiple, "onUpdate:modelValue": s[0] || (s[0] = (e2) => l2.uploadConfig.multiple = e2) }, null, 8, ["modelValue"])]), _: 1 }), u(r, { label: "拖拽上传", class: "amb-design-attr-item" }, { default: d(() => [u(g, { modelValue: l2.uploadConfig.drag, "onUpdate:modelValue": s[1] || (s[1] = (e2) => l2.uploadConfig.drag = e2) }, null, 8, ["modelValue"])]), _: 1 }), l2.uploadConfig.drag ? (o(), a(r, { key: 0, label: "文字提示", class: "amb-design-attr-item" }, { default: d(() => [u(f, { modelValue: l2.uploadConfig.dragTip, "onUpdate:modelValue": s[2] || (s[2] = (e2) => l2.uploadConfig.dragTip = e2) }, null, 8, ["modelValue"])]), _: 1 })) : n("", true), l2.uploadConfig.multiple ? (o(), a(r, { key: 1, label: "个数限制", class: "amb-design-attr-item" }, { default: d(() => [u(C, { modelValue: l2.uploadConfig.limit, "onUpdate:modelValue": s[3] || (s[3] = (e2) => l2.uploadConfig.limit = e2), min: "0" }, null, 8, ["modelValue"])]), _: 1 })) : n("", true), u(r, { label: "文件限制(M)", class: "amb-design-attr-item" }, { default: d(() => [u(C, { modelValue: l2.uploadConfig.limitFileSize, "onUpdate:modelValue": s[4] || (s[4] = (e2) => l2.uploadConfig.limitFileSize = e2), placeholder: "30", min: "0", max: "100" }, null, 8, ["modelValue"])]), _: 1 }), u(r, { label: "移动端上传方式", class: "amb-design-attr-item" }, { default: d(() => [u(V, { modelValue: l2.uploadConfig.openCameraOrChoosePhoto, "onUpdate:modelValue": s[5] || (s[5] = (e2) => l2.uploadConfig.openCameraOrChoosePhoto = e2), size: "mini", clearable: "" }, { default: d(() => [u(b, { label: "拍照和相册选取", value: "openCameraAndChoosePhoto" }), u(b, { label: "拍照", value: "openCamera" }), u(b, { label: "相册选取", value: "openChoosePhoto" })]), _: 1 }, 8, ["modelValue"])]), _: 1 })])]), _: 3 });
4
+ return o(), a(c, { title: "上传设置", name: "uploadConfig", class: "amb-design-attr-group-header" }, { default: d(() => [i("div", m, [t(p2.$slots, "addition", { row: l2.uploadConfig }), u(r, { label: "附件多选", class: "amb-design-attr-item" }, { default: d(() => [u(g, { modelValue: l2.uploadConfig.multiple, "onUpdate:modelValue": s[0] || (s[0] = (e2) => l2.uploadConfig.multiple = e2) }, null, 8, ["modelValue"])]), _: 1 }), u(r, { label: "拖拽上传", class: "amb-design-attr-item" }, { default: d(() => [u(g, { modelValue: l2.uploadConfig.drag, "onUpdate:modelValue": s[1] || (s[1] = (e2) => l2.uploadConfig.drag = e2) }, null, 8, ["modelValue"])]), _: 1 }), l2.uploadConfig.drag ? (o(), a(r, { key: 0, label: "文字提示", class: "amb-design-attr-item" }, { default: d(() => [u(f, { modelValue: l2.uploadConfig.dragTip, "onUpdate:modelValue": s[2] || (s[2] = (e2) => l2.uploadConfig.dragTip = e2) }, null, 8, ["modelValue"])]), _: 1 })) : n("", true), l2.uploadConfig.multiple ? (o(), a(r, { key: 1, label: "个数限制", class: "amb-design-attr-item" }, { default: d(() => [u(C, { modelValue: l2.uploadConfig.limit, "onUpdate:modelValue": s[3] || (s[3] = (e2) => l2.uploadConfig.limit = e2), min: "0" }, null, 8, ["modelValue"])]), _: 1 })) : n("", true), u(r, { label: "文件限制(M)", class: "amb-design-attr-item" }, { default: d(() => [u(C, { modelValue: l2.uploadConfig.limitFileSize, "onUpdate:modelValue": s[4] || (s[4] = (e2) => l2.uploadConfig.limitFileSize = e2), placeholder: "30", min: "0" }, null, 8, ["modelValue"])]), _: 1 }), u(r, { label: "移动端上传方式", class: "amb-design-attr-item" }, { default: d(() => [u(V, { modelValue: l2.uploadConfig.openCameraOrChoosePhoto, "onUpdate:modelValue": s[5] || (s[5] = (e2) => l2.uploadConfig.openCameraOrChoosePhoto = e2), size: "mini", clearable: "" }, { default: d(() => [u(b, { label: "拍照和相册选取", value: "openCameraAndChoosePhoto" }), u(b, { label: "拍照", value: "openCamera" }), u(b, { label: "相册选取", value: "openChoosePhoto" })]), _: 1 }, 8, ["modelValue"])]), _: 1 })])]), _: 3 });
5
5
  } });
6
6
  export {
7
7
  p as default
@@ -1,17 +1,17 @@
1
- import { defineComponent as e, computed as l, resolveComponent as t, createBlock as a, openBlock as o, withCtx as r, createElementVNode as u, createVNode as s, unref as n, createElementBlock as p, Fragment as i, renderList as d, withDirectives as m, vShow as c } from "vue";
2
- import { Plus as f, Delete as b } from "@element-plus/icons-vue";
3
- import { getUuidv4 as g } from "../../../../utils/common-util.js";
4
- import y from "../../common/common-variable-bind.vue.js";
5
- const v = { style: { padding: "8px 0px 0px 0px" } }, h = e({ __name: "depttree-autoset", props: { configure: { type: Object, default: {} }, isTable: { type: Boolean } }, setup(e2) {
6
- const h2 = e2;
7
- h2.configure.props || (h2.configure.props = {}), h2.configure.props.base || (h2.configure.props.base = {}), h2.configure.props.base.otherFieldSets || (h2.configure.props.base.otherFieldSets = []);
8
- const w = h2.configure.props.base, _ = w.otherFieldSets;
9
- 0 == _.length && C(null);
10
- const T = l(() => {
11
- let e3 = h2.configure.props.base.treeType;
1
+ import { defineComponent as e, computed as l, onUnmounted as t, resolveComponent as a, createBlock as o, openBlock as r, withCtx as u, createElementVNode as s, createVNode as n, unref as p, createElementBlock as i, Fragment as m, renderList as d, withDirectives as c, vShow as f } from "vue";
2
+ import { Plus as b, Delete as g } from "@element-plus/icons-vue";
3
+ import { getUuidv4 as y } from "../../../../utils/common-util.js";
4
+ import v from "../../common/common-variable-bind.vue.js";
5
+ const h = { style: { padding: "8px 0px 0px 0px" } }, w = e({ __name: "depttree-autoset", props: { configure: { type: Object, default: {} }, isTable: { type: Boolean } }, setup(e2) {
6
+ const w2 = e2;
7
+ w2.configure.props || (w2.configure.props = {}), w2.configure.props.base || (w2.configure.props.base = {}), w2.configure.props.base.otherFieldSets || (w2.configure.props.base.otherFieldSets = []);
8
+ const T = w2.configure.props.base, _ = T.otherFieldSets;
9
+ 0 == _.length && D(null);
10
+ const V = l(() => {
11
+ let e3 = w2.configure.props.base.treeType;
12
12
  return e3 = e3 || "DeptUserTree", e3.includes("User") ? "user" : "dept";
13
- }), V = [{ name: "ID", value: "id", types: ["user", "dept"] }, { name: "编码", value: "code", types: ["dept"] }, { name: "名称", value: "name", types: ["user", "dept"] }, { name: "登录名", value: "loginName", types: ["user"] }, { name: "Email", value: "email", types: ["user"] }, { name: "Telephone", value: "电话", types: ["user"] }, { name: "正职部门名称", value: "mainDeptName", types: ["user"] }, { name: "正职部门编码", value: "mainDeptCode", types: ["user"] }, { name: "正职部门ID", value: "mainDeptId", types: ["user"] }, { name: "分支机构名称", value: "subCompanyName", types: ["user"] }, { name: "分支机构ID", value: "subCompanyId", types: ["user"] }];
14
- function k(e3) {
13
+ }), k = [{ name: "ID", value: "id", types: ["user", "dept"] }, { name: "编码", value: "code", types: ["dept"] }, { name: "名称", value: "name", types: ["user", "dept"] }, { name: "登录名", value: "loginName", types: ["user"] }, { name: "Email", value: "email", types: ["user"] }, { name: "Telephone", value: "电话", types: ["user"] }, { name: "正职部门名称", value: "mainDeptName", types: ["user"] }, { name: "正职部门编码", value: "mainDeptCode", types: ["user"] }, { name: "正职部门ID", value: "mainDeptId", types: ["user"] }, { name: "分支机构名称", value: "subCompanyName", types: ["user"] }, { name: "分支机构ID", value: "subCompanyId", types: ["user"] }];
14
+ function C(e3) {
15
15
  let l2 = -1;
16
16
  const t2 = _.length;
17
17
  for (let a2 = 0; a2 < t2; a2++) if (_[a2].uuid == e3.uuid) {
@@ -20,24 +20,28 @@ const v = { style: { padding: "8px 0px 0px 0px" } }, h = e({ __name: "depttree-a
20
20
  }
21
21
  return l2;
22
22
  }
23
- function C(e3) {
23
+ function D(e3) {
24
24
  let l2 = -1;
25
- e3 && (l2 = k(e3));
26
- const t2 = { uuid: g(), source: "", target: "" };
25
+ e3 && (l2 = C(e3));
26
+ const t2 = { uuid: y(), source: "", target: "" };
27
27
  _.splice(l2 + 1, 0, t2);
28
28
  }
29
- return (l2, g2) => {
30
- const h3 = t("el-option"), D = t("el-select"), x = t("el-table-column"), U = t("el-icon"), F = t("el-table"), I = t("el-collapse-item");
31
- return o(), a(I, { title: "其他字段设值", name: "otherFieldSet", class: "amb-design-attr-group-header" }, { default: r(() => [u("div", v, [s(F, { data: n(w).otherFieldSets }, { default: r(() => [s(x, { prop: "label", label: "字段", width: "90" }, { default: r((e3) => [s(D, { size: "small", modelValue: e3.row.source, "onUpdate:modelValue": (l3) => e3.row.source = l3, title: e3.row.source, filterable: "", "reserve-keyword": "", clearable: "", placeholder: "请选择" }, { default: r(() => [(o(), p(i, null, d(V, (e4) => m(s(h3, { key: e4.name, label: e4.name, value: e4.value }, null, 8, ["label", "value"]), [[c, e4.types.includes(T.value)]])), 64))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue", "title"])]), _: 1 }), s(x, { prop: "value", label: "设置到", width: "120" }, { default: r((l3) => [s(y, { isTable: e2.configure.isTable, modelValue: l3.row.target, paramTypes: ["data", "page"], "onUpdate:modelValue": (e3) => function(e4, l4) {
29
+ let x;
30
+ return t(() => {
31
+ x && clearTimeout(x);
32
+ }), (l2, t2) => {
33
+ const y2 = a("el-option"), w3 = a("el-select"), U = a("el-table-column"), F = a("el-icon"), I = a("el-table"), S = a("el-collapse-item");
34
+ return r(), o(S, { title: "其他字段设值", name: "otherFieldSet", class: "amb-design-attr-group-header" }, { default: u(() => [s("div", h, [n(I, { data: p(T).otherFieldSets }, { default: u(() => [n(U, { prop: "label", label: "字段", width: "90" }, { default: u((e3) => [n(w3, { size: "small", modelValue: e3.row.source, "onUpdate:modelValue": (l3) => e3.row.source = l3, title: e3.row.source, filterable: "", "reserve-keyword": "", clearable: "", placeholder: "请选择" }, { default: u(() => [(r(), i(m, null, d(k, (e4) => c(n(y2, { key: e4.name, label: e4.name, value: e4.value }, null, 8, ["label", "value"]), [[f, e4.types.includes(V.value)]])), 64))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue", "title"])]), _: 1 }), n(U, { prop: "value", label: "设置到", width: "120" }, { default: u((l3) => [n(v, { isTable: e2.configure.isTable, modelValue: l3.row.target, paramTypes: ["data", "page"], "onUpdate:modelValue": (e3) => function(e4, l4) {
32
35
  l4.target = e4;
33
- }(e3, l3.row) }, null, 8, ["isTable", "modelValue", "onUpdate:modelValue"])]), _: 1 }), s(x, { label: "操作", width: "60" }, { default: r((e3) => [s(U, { size: "14", style: { color: "#5893ef", cursor: "pointer", "font-weight": "bold", "margin-right": "8px" }, onClick: (l3) => C(e3.row) }, { default: r(() => [s(n(f))]), _: 2 }, 1032, ["onClick"]), s(U, { size: "14", style: { color: "#5893ef", cursor: "pointer" }, onClick: (l3) => function(e4) {
34
- let l4 = k(e4);
35
- l4 > -1 && (_.splice(l4, 1), 0 == _.length && setTimeout(function() {
36
- C(null);
37
- }, 10));
38
- }(e3.row) }, { default: r(() => [s(n(b))]), _: 2 }, 1032, ["onClick"])]), _: 1 })]), _: 1 }, 8, ["data"])])]), _: 1 });
36
+ }(e3, l3.row) }, null, 8, ["isTable", "modelValue", "onUpdate:modelValue"])]), _: 1 }), n(U, { label: "操作", width: "60" }, { default: u((e3) => [n(F, { size: "14", style: { color: "#5893ef", cursor: "pointer", "font-weight": "bold", "margin-right": "8px" }, onClick: (l3) => D(e3.row) }, { default: u(() => [n(p(b))]), _: 2 }, 1032, ["onClick"]), n(F, { size: "14", style: { color: "#5893ef", cursor: "pointer" }, onClick: (l3) => function(e4) {
37
+ x && clearTimeout(x);
38
+ let l4 = C(e4);
39
+ l4 > -1 && (_.splice(l4, 1), 0 == _.length && (x = setTimeout(function() {
40
+ D(null);
41
+ }, 10)));
42
+ }(e3.row) }, { default: u(() => [n(p(g))]), _: 2 }, 1032, ["onClick"])]), _: 1 })]), _: 1 }, 8, ["data"])])]), _: 1 });
39
43
  };
40
44
  } });
41
45
  export {
42
- h as default
46
+ w as default
43
47
  };
@@ -1,23 +1,25 @@
1
- import { defineComponent as e, ref as l, watch as u, onUnmounted as a, resolveComponent as t, createBlock as i, openBlock as r, normalizeStyle as o, normalizeClass as n, withCtx as v, createVNode as s, createElementBlock as d, Fragment as m, renderList as c, createCommentVNode as f, toDisplayString as g } from "vue";
1
+ import { defineComponent as e, ref as l, watch as u, onUnmounted as a, resolveComponent as t, createBlock as i, openBlock as r, normalizeStyle as o, normalizeClass as n, withCtx as s, createVNode as v, createElementBlock as d, Fragment as c, renderList as m, createCommentVNode as f, toDisplayString as g } from "vue";
2
2
  import { caculateDetailComponentStyle as p, removComponentOptionConfigs as b, caculateComponentProps as y } from "../../../../utils/form-design-util.js";
3
3
  const h = e({ __name: "radio-design", props: { configure: { type: Object, required: true } }, setup(e2) {
4
4
  const h2 = e2;
5
5
  h2.configure.runtime || (h2.configure.runtime = {});
6
6
  const q = l([]), S = l({}), _ = l(""), k = l({}), w = l({}), x = l({});
7
- function z() {
7
+ u(h2.configure.style, () => {
8
+ p(h2.configure, S, _, k), h2.configure.runtime.style = S.value, h2.configure.runtime.class = _.value, h2.configure.runtime.headerStyle = k.value;
9
+ }, { immediate: true });
10
+ const z = setTimeout(() => {
11
+ V();
12
+ }, 10);
13
+ function V() {
8
14
  y(h2.configure, w, x), h2.configure.runtime.props = w.value, h2.configure.runtime.titleExceedStyle = x.value, q.value = w.value.options, null != q.value && 0 != q.value.length || (q.value = [{ label: "选项1", value: "1" }, { label: "选项2", value: "2" }]);
9
15
  }
10
- return u(h2.configure.style, () => {
11
- p(h2.configure, S, _, k), h2.configure.runtime.style = S.value, h2.configure.runtime.class = _.value, h2.configure.runtime.headerStyle = k.value;
12
- }, { immediate: true }), setTimeout(() => {
13
- z();
14
- }, 10), a(() => {
15
- b(h2.configure);
16
+ return a(() => {
17
+ b(h2.configure), z && clearTimeout(z);
16
18
  }), u(h2.configure.props, () => {
17
- z();
19
+ V();
18
20
  }), (e3, l2) => {
19
21
  const u2 = t("el-radio"), a2 = t("el-radio-group"), p2 = t("el-form-item");
20
- return r(), i(p2, { required: w.value.required, class: n([_.value, "remove-formLabel-formContent-blankStyle"]), "label-width": w.value.labelWidth, style: o(S.value) }, { label: v(() => [w.value.tittleShow ? (r(), d("div", { key: 0, style: o({ ...k.value, ...x.value, "padding-right": "12px" }) }, g(w.value.title), 5)) : f("", true)]), default: v(() => [s(a2, { size: w.value.size, modelValue: w.value.value, "onUpdate:modelValue": l2[0] || (l2[0] = (e4) => w.value.value = e4) }, { default: v(() => [(r(true), d(m, null, c(q.value, (e4) => (r(), i(u2, { disabled: "disabled" === w.value.state, key: e4.value, value: e4.value, label: e4.label }, null, 8, ["disabled", "value", "label"]))), 128))]), _: 1 }, 8, ["size", "modelValue"])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
22
+ return r(), i(p2, { required: w.value.required, class: n([_.value, "remove-formLabel-formContent-blankStyle"]), "label-width": w.value.labelWidth, style: o(S.value) }, { label: s(() => [w.value.tittleShow ? (r(), d("div", { key: 0, style: o({ ...k.value, ...x.value, "padding-right": "12px" }) }, g(w.value.title), 5)) : f("", true)]), default: s(() => [v(a2, { size: w.value.size, modelValue: w.value.value, "onUpdate:modelValue": l2[0] || (l2[0] = (e4) => w.value.value = e4) }, { default: s(() => [(r(true), d(c, null, m(q.value, (e4) => (r(), i(u2, { disabled: "disabled" === w.value.state, key: e4.value, value: e4.value, label: e4.label }, null, 8, ["disabled", "value", "label"]))), 128))]), _: 1 }, 8, ["size", "modelValue"])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
21
23
  };
22
24
  } });
23
25
  export {
@@ -1,30 +1,30 @@
1
- import { defineComponent as e, ref as l, watch as t, onMounted as i, resolveComponent as u, createBlock as a, openBlock as n, normalizeStyle as o, normalizeClass as r, withCtx as c, createElementVNode as d, createElementBlock as p, createCommentVNode as s, toDisplayString as f } from "vue";
2
- import { caculateDetailComponentStyle as g, caculateComponentProps as v } from "../../../../utils/form-design-util.js";
3
- import m from "quill";
1
+ import { defineComponent as e, ref as l, watch as t, onMounted as i, onUnmounted as u, resolveComponent as a, createBlock as n, openBlock as r, normalizeStyle as o, normalizeClass as c, withCtx as d, createElementVNode as s, createElementBlock as p, createCommentVNode as f, toDisplayString as g } from "vue";
2
+ import { caculateDetailComponentStyle as v, caculateComponentProps as m } from "../../../../utils/form-design-util.js";
3
+ import h from "quill";
4
4
  import "quill/dist/quill.snow.css";
5
- const h = { style: { height: "100%", width: "100%" } }, y = e({ __name: "richtext-design", props: { configure: { type: Object, required: true } }, setup(e2) {
6
- const y2 = e2;
7
- y2.configure.runtime || (y2.configure.runtime = {}), l(null);
8
- const b = l(null), x = l(null), w = l(null), k = l({ modules: { toolbar: [["bold", "italic", "underline", "strike"], ["blockquote", "code-block"], [{ list: "ordered" }, { list: "bullet" }], [{ script: "sub" }, { script: "super" }], [{ indent: "-1" }, { indent: "+1" }], [{ direction: "rtl" }], [{ size: ["12px", "13px", "14px", "15px", "16px", "18px", "20px", "24px", "28px", "32px", "36px"] }], [{ header: [1, 2, 3, 4, 5, 6, false] }], [{ color: [] }, { background: [] }], [{ font: [] }], [{ align: [] }], ["clean"], ["link", "image"]] }, theme: "snow", placeholder: "", readOnly: true }), q = l({}), S = l(""), Q = l({}), T = l({}), _ = l({}), C = l({});
9
- function E() {
10
- if (x && x.value && x.value.container) {
11
- const e3 = x.value.container.parentNode.getBoundingClientRect(), l2 = x.value.container.getBoundingClientRect();
5
+ const y = { style: { height: "100%", width: "100%" } }, b = e({ __name: "richtext-design", props: { configure: { type: Object, required: true } }, setup(e2) {
6
+ const b2 = e2;
7
+ b2.configure.runtime || (b2.configure.runtime = {}), l(null);
8
+ const x = l(null), k = l(null), q = l(null), w = l({ modules: { toolbar: [["bold", "italic", "underline", "strike"], ["blockquote", "code-block"], [{ list: "ordered" }, { list: "bullet" }], [{ script: "sub" }, { script: "super" }], [{ indent: "-1" }, { indent: "+1" }], [{ direction: "rtl" }], [{ size: ["12px", "13px", "14px", "15px", "16px", "18px", "20px", "24px", "28px", "32px", "36px"] }], [{ header: [1, 2, 3, 4, 5, 6, false] }], [{ color: [] }, { background: [] }], [{ font: [] }], [{ align: [] }], ["clean"], ["link", "image"]] }, theme: "snow", placeholder: "", readOnly: true }), S = l({}), _ = l(""), C = l({}), E = l({}), R = l({}), j = l({});
9
+ function B() {
10
+ if (k && k.value && k.value.container) {
11
+ const e3 = k.value.container.parentNode.getBoundingClientRect(), l2 = k.value.container.getBoundingClientRect();
12
12
  let t2 = e3.height - (l2.top - e3.top);
13
- t2 < 100 && (t2 = 100), x.value.container.style.height = t2 + "px";
13
+ t2 < 100 && (t2 = 100), k.value.container.style.height = t2 + "px";
14
14
  }
15
15
  }
16
- t(y2.configure.style, () => {
17
- g(y2.configure, q, S, Q), y2.configure.runtime.style = q.value, y2.configure.runtime.class = S.value, y2.configure.runtime.headerStyle = Q.value;
18
- }, { immediate: true }), t(y2.configure.props, () => {
19
- v(y2.configure, T, _);
20
- let e3 = y2.configure.props ? y2.configure.props : {};
16
+ t(b2.configure.style, () => {
17
+ v(b2.configure, S, _, C), b2.configure.runtime.style = S.value, b2.configure.runtime.class = _.value, b2.configure.runtime.headerStyle = C.value;
18
+ }, { immediate: true }), t(b2.configure.props, () => {
19
+ m(b2.configure, E, R);
20
+ let e3 = b2.configure.props ? b2.configure.props : {};
21
21
  const l2 = e3.base ? e3.base : {};
22
22
  let t2 = "";
23
- t2 = l2.prop ? l2.prop : l2.defaultValue ? l2.defaultValue : "${page." + y2.configure.uuid + "}", T.value.value = t2, E(), x && x.value && (x.value.enable("readonly" != T.value.state), x.value.root.dataset.placeholder = T.value.placeholder ? T.value.placeholder : ""), y2.configure.runtime.props = T.value, y2.configure.runtime.titleExceedStyle = _.value;
23
+ t2 = l2.prop ? l2.prop : l2.defaultValue ? l2.defaultValue : "${page." + b2.configure.uuid + "}", E.value.value = t2, B(), k && k.value && (k.value.enable("readonly" != E.value.state), k.value.root.dataset.placeholder = E.value.placeholder ? E.value.placeholder : ""), b2.configure.runtime.props = E.value, b2.configure.runtime.titleExceedStyle = R.value;
24
24
  }, { immediate: true });
25
- const R = (e3) => {
26
- w.value && e3 && w.value.click();
27
- }, j = (e3) => {
25
+ const T = (e3) => {
26
+ q.value && e3 && q.value.click();
27
+ }, F = (e3) => {
28
28
  const l2 = Array.prototype.slice.call(e3.target.files);
29
29
  if (!l2) return;
30
30
  const t2 = new FormData();
@@ -35,16 +35,19 @@ const h = { style: { height: "100%", width: "100%" } }, y = e({ __name: "richtex
35
35
  }
36
36
  });
37
37
  };
38
+ let O;
38
39
  return i(() => {
39
- x.value = new m(b.value, k.value), x.value.getModule("toolbar").addHandler("image", R), x.value.on("text-change", function(e3, l2, t2) {
40
- window.updateQuillTimeout && clearTimeout(window.updateQuillTimeout), window.updateQuillTimeout = setTimeout(function() {
40
+ k.value = new h(x.value, w.value), k.value.getModule("toolbar").addHandler("image", T), k.value.on("text-change", function(e3, l2, t2) {
41
+ O && clearTimeout(O), O = setTimeout(function() {
41
42
  }, 1e3);
42
- }), E();
43
+ }), B();
44
+ }), u(() => {
45
+ O && clearTimeout(O);
43
46
  }), (e3, l2) => {
44
- const t2 = u("el-form-item");
45
- return n(), a(t2, { required: T.value.required, class: r([S.value, "remove-formLabel-formContent-blankStyle"]), "label-width": T.value.labelWidth, style: o(q.value) }, { label: c(() => [T.value.tittleShow ? (n(), p("div", { key: 0, style: o({ ...Q.value, ..._.value, "padding-right": "12px" }) }, f(T.value.title), 5)) : s("", true)]), default: c(() => [d("div", h, [d("div", { ref_key: "quillEditorRef", ref: b, style: o({ ...C.value }) }, null, 4), d("input", { type: "file", hidden: "", accept: ".jpg,.png", ref_key: "fileBtn", ref: w, onChange: j }, null, 544)])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
47
+ const t2 = a("el-form-item");
48
+ return r(), n(t2, { required: E.value.required, class: c([_.value, "remove-formLabel-formContent-blankStyle"]), "label-width": E.value.labelWidth, style: o(S.value) }, { label: d(() => [E.value.tittleShow ? (r(), p("div", { key: 0, style: o({ ...C.value, ...R.value, "padding-right": "12px" }) }, g(E.value.title), 5)) : f("", true)]), default: d(() => [s("div", y, [s("div", { ref_key: "quillEditorRef", ref: x, style: o({ ...j.value }) }, null, 4), s("input", { type: "file", hidden: "", accept: ".jpg,.png", ref_key: "fileBtn", ref: q, onChange: F }, null, 544)])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
46
49
  };
47
50
  } });
48
51
  export {
49
- y as default
52
+ b as default
50
53
  };
@@ -1,33 +1,36 @@
1
- import { defineComponent as e, ref as l, watch as a, onUnmounted as t, resolveComponent as u, createBlock as i, openBlock as o, normalizeStyle as r, normalizeClass as s, withCtx as n, createVNode as c, createElementBlock as p, Fragment as f, renderList as v, createCommentVNode as m, createTextVNode as g, toDisplayString as d } from "vue";
2
- import { caculateDetailComponentStyle as b, removComponentOptionConfigs as y, caculateComponentProps as h } from "../../../../utils/form-design-util.js";
3
- import T from "../common/title-suffix-element.vue.js";
1
+ import { defineComponent as e, ref as l, watch as a, onUnmounted as t, resolveComponent as u, createBlock as i, openBlock as o, normalizeStyle as r, normalizeClass as s, withCtx as n, createVNode as c, createElementBlock as p, Fragment as f, renderList as m, createCommentVNode as v, createTextVNode as g, toDisplayString as d } from "vue";
2
+ import { caculateDetailComponentStyle as b, removComponentOptionConfigs as y, caculateComponentProps as T } from "../../../../utils/form-design-util.js";
3
+ import h from "../common/title-suffix-element.vue.js";
4
4
  const w = e({ __name: "select-design", props: { pageDesign: {}, configure: {} }, emits: ["handleSelect"], setup(e2, { emit: w2 }) {
5
5
  const V = e2;
6
6
  V.configure.runtime || (V.configure.runtime = {});
7
7
  const k = l(null), S = l({}), x = l(""), C = l({}), _ = l({ value: "" }), j = l({});
8
- function q() {
9
- h(V.configure, _, j), function() {
8
+ let q;
9
+ a(V.configure.style, () => {
10
+ b(V.configure, S, x, C), V.configure.runtime.style = S.value, V.configure.runtime.class = x.value, V.configure.runtime.headerStyle = C.value;
11
+ }, { immediate: true });
12
+ const z = setTimeout(() => {
13
+ O();
14
+ }, 10);
15
+ function O() {
16
+ T(V.configure, _, j), function() {
10
17
  var _a;
11
18
  let e3 = {};
12
19
  const l2 = {};
13
20
  V.configure.props && (e3 = V.configure.props), l2.value = "", e3.base && e3.base.multiple ? (l2.multiple = true, l2.value = []) : (l2.multiple = false, l2.value = ""), e3.base && e3.base.defaultValue && (l2.defaultValue = e3.base.defaultValue), e3.base && e3.base.allowCreate && (l2.filterable = true, l2.allowCreate = true), l2.arrayValue = !!((_a = e3 == null ? void 0 : e3.base) == null ? void 0 : _a.arrayValue);
14
21
  const a2 = e3.dataOrigin;
15
- a2 && ("normal" != a2.filterType && "remote" != a2.filterType || (l2.filterable = true)), Object.assign(_.value, l2), _.value.options || (_.value.options = []), _.value.multiple && e3.base.multipleMerge && setTimeout(() => {
22
+ a2 && ("normal" != a2.filterType && "remote" != a2.filterType || (l2.filterable = true)), Object.assign(_.value, l2), _.value.options || (_.value.options = []), _.value.multiple && e3.base.multipleMerge && (q && clearTimeout(q), q = setTimeout(() => {
16
23
  _.value.collapseTags = true, _.value.collapseTagsTooltip = true;
17
- }, 10);
24
+ }, 10));
18
25
  }(), V.configure.runtime.props = _.value, V.configure.runtime.titleExceedStyle = j.value;
19
26
  }
20
- return a(V.configure.style, () => {
21
- b(V.configure, S, x, C), V.configure.runtime.style = S.value, V.configure.runtime.class = x.value, V.configure.runtime.headerStyle = C.value;
22
- }, { immediate: true }), setTimeout(() => {
23
- q();
24
- }, 10), t(() => {
25
- y(V.configure);
27
+ return t(() => {
28
+ y(V.configure), q && clearTimeout(q), z && clearTimeout(z);
26
29
  }), a(V.configure.props, () => {
27
- q();
30
+ O();
28
31
  }), (e3, l2) => {
29
32
  const a2 = u("el-option"), t2 = u("el-select"), b2 = u("el-form-item");
30
- return o(), i(b2, { required: !!_.value.required, class: s([x.value, "remove-formLabel-formContent-blankStyle"]), "label-width": _.value.labelWidth, style: r(S.value) }, { label: n(() => [_.value.tittleShow ? (o(), p("div", { key: 0, style: r({ ...C.value, ...j.value, "padding-right": "12px" }) }, [_.value.prefixType ? (o(), i(T, { key: 0, configure: e3.configure }, null, 8, ["configure"])) : (o(), p(f, { key: 1 }, [g(d(_.value.title), 1)], 64))], 4)) : m("", true)]), default: n(() => [c(t2, { ref_key: "thisRef", ref: k, disabled: "", size: _.value.size, clearable: _.value.clearable, multiple: _.value.multiple, "collapse-tags": _.value.collapseTags, "collapse-tags-tooltip": _.value.collapseTagsTooltip, filterable: _.value.filterable, "allow-create": _.value.allowCreate, placeholder: _.value.placeholder, modelValue: _.value.value, "onUpdate:modelValue": l2[0] || (l2[0] = (e4) => _.value.value = e4), onClick: l2[1] || (l2[1] = (l3) => e3.$emit("handleSelect")) }, { default: n(() => [(o(true), p(f, null, v(_.value.options, (e4) => (o(), i(a2, { key: e4.value, label: e4.label, value: e4.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["size", "clearable", "multiple", "collapse-tags", "collapse-tags-tooltip", "filterable", "allow-create", "placeholder", "modelValue"])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
33
+ return o(), i(b2, { required: !!_.value.required, class: s([x.value, "remove-formLabel-formContent-blankStyle"]), "label-width": _.value.labelWidth, style: r(S.value) }, { label: n(() => [_.value.tittleShow ? (o(), p("div", { key: 0, style: r({ ...C.value, ...j.value, "padding-right": "12px" }) }, [_.value.prefixType ? (o(), i(h, { key: 0, configure: e3.configure }, null, 8, ["configure"])) : (o(), p(f, { key: 1 }, [g(d(_.value.title), 1)], 64))], 4)) : v("", true)]), default: n(() => [c(t2, { ref_key: "thisRef", ref: k, disabled: "", size: _.value.size, clearable: _.value.clearable, multiple: _.value.multiple, "collapse-tags": _.value.collapseTags, "collapse-tags-tooltip": _.value.collapseTagsTooltip, filterable: _.value.filterable, "allow-create": _.value.allowCreate, placeholder: _.value.placeholder, modelValue: _.value.value, "onUpdate:modelValue": l2[0] || (l2[0] = (e4) => _.value.value = e4), onClick: l2[1] || (l2[1] = (l3) => e3.$emit("handleSelect")) }, { default: n(() => [(o(true), p(f, null, m(_.value.options, (e4) => (o(), i(a2, { key: e4.value, label: e4.label, value: e4.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["size", "clearable", "multiple", "collapse-tags", "collapse-tags-tooltip", "filterable", "allow-create", "placeholder", "modelValue"])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
31
34
  };
32
35
  } });
33
36
  export {