super-page-designer 2.2.88 → 2.2.89-sit11

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 (33) hide show
  1. package/dist/es/components/design/utils/assemblys-config.js +8 -9
  2. package/dist/es/components/design/utils/common-util.d.ts +1 -0
  3. package/dist/es/components/design/utils/common-util.js +14 -9
  4. package/dist/es/components/design/utils/page-table-util.js +9 -9
  5. package/dist/es/components/design/views/assemblys/button/button/button-attr-base.vue.js +24 -24
  6. package/dist/es/components/design/views/assemblys/button/button/button-design.vue2.js +16 -16
  7. package/dist/es/components/design/views/assemblys/button/export-pdf/exportpdf-design.vue2.js +4 -4
  8. package/dist/es/components/design/views/assemblys/button/print-label/printlabel-design.vue2.js +3 -3
  9. package/dist/es/components/design/views/assemblys/chart/statistical-table/component/data-origin.vue.js +4 -4
  10. package/dist/es/components/design/views/assemblys/chart/statistical-table/component/data-origin.vue2.js +0 -1
  11. package/dist/es/components/design/views/assemblys/chart/statistical-table/component/link-table.vue.js +27 -27
  12. package/dist/es/components/design/views/assemblys/chart/statistical-table/component/table-showcondition.vue.js +47 -47
  13. package/dist/es/components/design/views/assemblys/common/common-icon-bind.vue.js +5 -108
  14. package/dist/es/components/design/views/assemblys/common/common-icon-bind.vue3.js +102 -0
  15. package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue.js +1 -1
  16. package/dist/es/components/design/views/assemblys/data/component/data-origin.vue2.js +1 -1
  17. package/dist/es/components/design/views/assemblys/data/table/table-attr.vue2.js +11 -11
  18. package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue2.js +5 -4
  19. package/dist/es/components/design/views/assemblys/form/common/data-format.vue.js +1 -1
  20. package/dist/es/components/design/views/assemblys/form/common/dataorigin-input-table.vue.js +2 -26
  21. package/dist/es/components/design/views/assemblys/form/common/dataorigin-input-table.vue2.js +26 -2
  22. package/dist/es/components/design/views/assemblys/form/common/parameter-table.vue.js +3 -3
  23. package/dist/es/components/design/views/assemblys/form/common/suffixmodule.vue.js +8 -8
  24. package/dist/es/components/design/views/assemblys/form/custom/custom-attr-base.vue.js +4 -4
  25. package/dist/es/components/design/views/assemblys/form/custom/custom-attr.vue2.js +6 -6
  26. package/dist/es/components/design/views/design/page-event/config.vue.js +1 -1
  27. package/dist/es/components/design/views/design/view/view-design-display.vue.js +148 -5
  28. package/dist/es/components/design/views/design/view/view-design-display.vue2.js +2 -148
  29. package/dist/es/style.css +1486 -164
  30. package/package.json +4 -4
  31. package/dist/es/components/design/views/assemblys/common/common-icon-bind.vue2.js +0 -4
  32. /package/dist/es/components/design/views/assemblys/common/{common-variable-bind.vue2.js → common-variable-bind.vue3.js} +0 -0
  33. /package/dist/es/components/design/views/design/page-event/{config.vue3.js → config.vue2.js} +0 -0
@@ -1,11 +1,11 @@
1
- import { defineComponent as e, ref as l, watch as a, onMounted as u, resolveComponent as o, createElementBlock as d, openBlock as t, Fragment as i, createVNode as p, withDirectives as n, createBlock as m, createCommentVNode as s, withCtx as g, createTextVNode as v, withModifiers as b, unref as r, renderList as c, vShow as f, toDisplayString as y } from "vue";
1
+ import { defineComponent as e, ref as l, watch as a, onMounted as u, resolveComponent as o, createElementBlock as d, openBlock as t, Fragment as i, createVNode as n, withDirectives as p, createBlock as m, createCommentVNode as s, withCtx as g, createTextVNode as v, withModifiers as r, unref as b, renderList as c, vShow as f, toDisplayString as y } from "vue";
2
2
  import { Search as V, Close as j } from "@element-plus/icons";
3
3
  import P from "./linkpage-page-callback.vue.js";
4
4
  import M from "../../common/common-select-page.vue.js";
5
5
  import T from "./parameter-table.vue.js";
6
- import _ from "../../common/common-variable-bind.vue.js";
7
- import k from "./condition.vue.js";
8
- import C from "../../common/common-icon-bind.vue.js";
6
+ import C from "../../common/common-variable-bind.vue.js";
7
+ import _ from "./condition.vue.js";
8
+ import k from "../../common/common-icon-bind.vue.js";
9
9
  import O from "../../common/common-i18n-key-input.vue.js";
10
10
  import { getModelOptionsByFields as h } from "../../../../utils/page-table-util.js";
11
11
  const U = e({ __name: "suffixmodule", props: { configure: {}, pageDesign: {}, tableConfigure: {}, isDialog: { type: Boolean }, isButton: { type: Boolean, default: true }, showDisplayConditions: { type: Boolean, default: true } }, setup(e2) {
@@ -16,7 +16,7 @@ const U = e({ __name: "suffixmodule", props: { configure: {}, pageDesign: {}, ta
16
16
  const A = l(null);
17
17
  B && B.length > 0 && (A.value = h(B));
18
18
  const x = l(null);
19
- U2.tableConfigure && (x.value = h(U2.tableConfigure.modelFields)), U2.isDialog ? w.value = U2.configure : (U2.configure.props.linkPage || (U2.configure.props.linkPage = {}), w.value = U2.configure.props.linkPage), void 0 === w.value.linkType && (w.value.linkType = "page"), void 0 === w.value.isNewPage && (w.value.isNewPage = true), w.value.dynamicTags || (w.value.dynamicTags = []), w.value.buttonDisplayConditionsList || (w.value.buttonDisplayConditionsList = []);
19
+ U2.tableConfigure && (x.value = h(U2.tableConfigure.modelFields)), U2.isDialog ? w.value = U2.configure : (U2.configure.props.linkPage || (U2.configure.props.linkPage = {}), w.value = U2.configure.props.linkPage), void 0 === w.value.linkType && (w.value.linkType = "page"), void 0 === w.value.isNewPage && (w.value.isNewPage = true), w.value.dynamicTags || (w.value.dynamicTags = []), w.value.buttonDisplayConditionsList || (w.value.buttonDisplayConditionsList = []), void 0 === w.value.alignCenter && (w.value.alignCenter = true);
20
20
  const F = [{ label: "弹窗", value: "popup" }, { label: "新页签", value: "newTab" }, { label: "局部刷新", value: "refresh" }], W = [{ label: "弹窗", value: "popup" }, { label: "局部刷新", value: "refresh" }], L = [{ label: "弹框", value: "dialog" }, { label: "抽屉", value: "drawer" }], R = [{ label: "右到左", value: "rtl" }, { label: "左到右", value: "ltr" }, { label: "上到下", value: "ttb" }, { label: "下到上", value: "btt" }], z = l(null);
21
21
  function E() {
22
22
  U2.tableConfigure && z.value && z.value.changeTableFields(U2.tableConfigure.modelFields);
@@ -48,11 +48,11 @@ const U = e({ __name: "suffixmodule", props: { configure: {}, pageDesign: {}, ta
48
48
  }
49
49
  return (e3, l2) => {
50
50
  const a2 = o("el-radio"), u2 = o("el-form-item"), h2 = o("el-button"), U3 = o("el-input"), B2 = o("el-radio-group"), N2 = o("el-option"), E2 = o("el-select"), K = o("el-switch"), Q = o("el-tag"), X = o("el-divider");
51
- return t(), d(i, null, [p(B2, { modelValue: w.value.linkType, "onUpdate:modelValue": l2[2] || (l2[2] = (e4) => w.value.linkType = e4) }, { default: g(() => [p(u2, { class: "amb-design-attr-item", style: { width: "100%" } }, { label: g(() => [p(a2, { value: "" }, { default: g(() => l2[19] || (l2[19] = [v("无跳转   ")])), _: 1 })]), _: 1 }), p(u2, { class: "amb-design-attr-item", style: { width: "100%" } }, { label: g(() => [p(a2, { value: "page" }, { default: g(() => l2[20] || (l2[20] = [v("跳转页面")])), _: 1 })]), default: g(() => [p(U3, { disabled: "page" != w.value.linkType, modelValue: w.value.jumpPageName, "onUpdate:modelValue": l2[0] || (l2[0] = (e4) => w.value.jumpPageName = e4), title: w.value.jumpPageCode, onClick: b(H, ["stop"]), readonly: "true" }, { append: g(() => [p(h2, { type: "default", disabled: "page" != w.value.linkType, icon: r(V), onClick: H, size: "small" }, null, 8, ["disabled", "icon"]), p(h2, { type: "default", disabled: "page" != w.value.linkType, icon: r(j), onClick: I, title: "Clear", size: "small" }, null, 8, ["disabled", "icon"])]), _: 1 }, 8, ["disabled", "modelValue", "title"])]), _: 1 }), p(u2, { class: "amb-design-attr-item", style: { width: "100%" } }, { label: g(() => [p(a2, { value: "url" }, { default: g(() => l2[21] || (l2[21] = [v("跳转地址")])), _: 1 })]), default: g(() => [p(U3, { disabled: "url" != w.value.linkType, modelValue: w.value.jumpAddress, "onUpdate:modelValue": l2[1] || (l2[1] = (e4) => w.value.jumpAddress = e4), clearable: "" }, null, 8, ["disabled", "modelValue"])]), _: 1 })]), _: 1 }, 8, ["modelValue"]), p(u2, { label: "打开方式", class: "amb-design-attr-item" }, { default: g(() => [p(E2, { modelValue: w.value.jumpPageOpenMode, "onUpdate:modelValue": l2[3] || (l2[3] = (e4) => w.value.jumpPageOpenMode = e4), clearable: "", placeholder: "请选择" }, { default: g(() => [(t(), d(i, null, c(F, (e4, l3) => p(N2, { key: l3, label: e4.label, value: e4.value }, null, 8, ["label", "value"])), 64))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), p(u2, { label: "移动端打开", class: "amb-design-attr-item" }, { default: g(() => [p(E2, { modelValue: w.value.jumpPageMobileOpenMode, "onUpdate:modelValue": l2[4] || (l2[4] = (e4) => w.value.jumpPageMobileOpenMode = e4), clearable: "", placeholder: "请选择" }, { default: g(() => [(t(), d(i, null, c(W, (e4, l3) => p(N2, { key: l3, label: e4.label, value: e4.value }, null, 8, ["label", "value"])), 64))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), n(p(u2, { label: "弹框方式", class: "amb-design-attr-item" }, { default: g(() => [p(E2, { modelValue: w.value.dialogType, "onUpdate:modelValue": l2[5] || (l2[5] = (e4) => w.value.dialogType = e4), clearable: "", placeholder: "请选择" }, { default: g(() => [(t(), d(i, null, c(L, (e4, l3) => p(N2, { key: l3, label: e4.label, value: e4.value }, null, 8, ["label", "value"])), 64))]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[f, "popup" == w.value.jumpPageOpenMode || "popup" == w.value.jumpPageMobileOpenMode]]), n(p(u2, { label: "可拖拽", class: "amb-design-attr-item" }, { default: g(() => [p(K, { modelValue: w.value.draggable, "onUpdate:modelValue": l2[6] || (l2[6] = (e4) => w.value.draggable = e4) }, null, 8, ["modelValue"])]), _: 1 }, 512), [[f, !("popup" != w.value.jumpPageOpenMode && "popup" != w.value.jumpPageMobileOpenMode || w.value.dialogType && "dialog" !== w.value.dialogType)]]), n(p(u2, { label: "显示位置", class: "amb-design-attr-item" }, { default: g(() => [p(E2, { modelValue: w.value.showPosition, "onUpdate:modelValue": l2[7] || (l2[7] = (e4) => w.value.showPosition = e4), clearable: "", placeholder: "请选择" }, { default: g(() => [(t(), d(i, null, c(R, (e4, l3) => p(N2, { key: l3, label: e4.label, value: e4.value }, null, 8, ["label", "value"])), 64))]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[f, ("popup" == w.value.jumpPageOpenMode || "popup" == w.value.jumpPageMobileOpenMode) && w.value.dialogType && "drawer" === w.value.dialogType]]), n(p(u2, { label: "拖出可视区", title: "拖动范围可以超出可视区", class: "amb-design-attr-item" }, { default: g(() => [p(K, { modelValue: w.value.overflow, "onUpdate:modelValue": l2[8] || (l2[8] = (e4) => w.value.overflow = e4) }, null, 8, ["modelValue"])]), _: 1 }, 512), [[f, !("popup" != w.value.jumpPageOpenMode && "popup" != w.value.jumpPageMobileOpenMode || w.value.dialogType && "dialog" !== w.value.dialogType)]]), n(p(u2, { label: "弹窗标题", class: "amb-design-attr-item" }, { default: g(() => [p(O, { modelValue: w.value.jumpPageTitle, "onUpdate:modelValue": l2[9] || (l2[9] = (e4) => w.value.jumpPageTitle = e4) }, null, 8, ["modelValue"])]), _: 1 }, 512), [[f, "popup" == w.value.jumpPageOpenMode || "popup" == w.value.jumpPageMobileOpenMode]]), n(p(u2, { label: "是否全屏", class: "amb-design-attr-item" }, { default: g(() => [p(K, { modelValue: w.value.fullscreen, "onUpdate:modelValue": l2[10] || (l2[10] = (e4) => w.value.fullscreen = e4), disabled: !("dialog" === w.value.dialogType) }, null, 8, ["modelValue", "disabled"])]), _: 1 }, 512), [[f, "popup" == w.value.jumpPageOpenMode || "popup" == w.value.jumpPageMobileOpenMode]]), n(p(u2, { label: "是否居中", class: "amb-design-attr-item" }, { default: g(() => [p(K, { modelValue: w.value.alignCenter, "onUpdate:modelValue": l2[11] || (l2[11] = (e4) => w.value.alignCenter = e4), disabled: !("dialog" === w.value.dialogType) }, null, 8, ["modelValue", "disabled"])]), _: 1 }, 512), [[f, "popup" == w.value.jumpPageOpenMode || "popup" == w.value.jumpPageMobileOpenMode]]), n(p(u2, { label: "弹窗宽度", class: "amb-design-attr-item" }, { default: g(() => [p(U3, { modelValue: w.value.jumpPageWidth, "onUpdate:modelValue": l2[12] || (l2[12] = (e4) => w.value.jumpPageWidth = e4), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }, 512), [[f, "popup" == w.value.jumpPageOpenMode || "popup" == w.value.jumpPageMobileOpenMode]]), n(p(u2, { label: "弹窗高度", class: "amb-design-attr-item" }, { default: g(() => [p(U3, { modelValue: w.value.jumpPageHeight, "onUpdate:modelValue": l2[13] || (l2[13] = (e4) => w.value.jumpPageHeight = e4), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }, 512), [[f, "popup" == w.value.jumpPageOpenMode || "popup" == w.value.jumpPageMobileOpenMode]]), n(p(u2, { label: "关闭事件", class: "amb-design-attr-item" }, { default: g(() => [p(U3, { modelValue: w.value.closeEvent, "onUpdate:modelValue": l2[14] || (l2[14] = (e4) => w.value.closeEvent = e4), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }, 512), [[f, "popup" == w.value.jumpPageOpenMode || "popup" == w.value.jumpPageMobileOpenMode]]), n(p(u2, { label: "关闭后刷新", title: "关闭页面时是否刷新父页面", class: "amb-design-attr-item" }, { default: g(() => [p(K, { modelValue: w.value.isRefreshWhenClosePopup, "onUpdate:modelValue": l2[15] || (l2[15] = (e4) => w.value.isRefreshWhenClosePopup = e4) }, null, 8, ["modelValue"])]), _: 1 }, 512), [[f, "popup" == w.value.jumpPageOpenMode || "popup" == w.value.jumpPageMobileOpenMode]]), e3.isButton && e3.showDisplayConditions ? (t(), m(u2, { key: 0, label: "显示判断", class: "amb-design-attr-item" }, { default: g(() => [p(k, { title: "显示判断", list: w.value.buttonDisplayConditionsList, ref_key: "conditionRef", ref: z }, null, 8, ["list"])]), _: 1 })) : s("", true), e3.isButton ? (t(), m(u2, { key: 1, label: "显示文本", class: "amb-design-attr-item" }, { default: g(() => [p(K, { modelValue: w.value.displayTextJudge, "onUpdate:modelValue": l2[16] || (l2[16] = (e4) => w.value.displayTextJudge = e4) }, null, 8, ["modelValue"])]), _: 1 })) : s("", true), e3.isButton ? (t(), m(u2, { key: 2, label: "图标", class: "amb-design-attr-item" }, { default: g(() => [p(C, { iconType: w.value.iconType, iconValue: w.value.icon, "onUpdate:modelValue": l2[17] || (l2[17] = (e4, l3) => function(e5, l4) {
51
+ return t(), d(i, null, [n(B2, { modelValue: w.value.linkType, "onUpdate:modelValue": l2[2] || (l2[2] = (e4) => w.value.linkType = e4) }, { default: g(() => [n(u2, { class: "amb-design-attr-item", style: { width: "100%" } }, { label: g(() => [n(a2, { value: "" }, { default: g(() => l2[19] || (l2[19] = [v("无跳转   ")])), _: 1 })]), _: 1 }), n(u2, { class: "amb-design-attr-item", style: { width: "100%" } }, { label: g(() => [n(a2, { value: "page" }, { default: g(() => l2[20] || (l2[20] = [v("跳转页面")])), _: 1 })]), default: g(() => [n(U3, { disabled: "page" != w.value.linkType, modelValue: w.value.jumpPageName, "onUpdate:modelValue": l2[0] || (l2[0] = (e4) => w.value.jumpPageName = e4), title: w.value.jumpPageCode, onClick: r(H, ["stop"]), readonly: "true" }, { append: g(() => [n(h2, { type: "default", disabled: "page" != w.value.linkType, icon: b(V), onClick: H, size: "small" }, null, 8, ["disabled", "icon"]), n(h2, { type: "default", disabled: "page" != w.value.linkType, icon: b(j), onClick: I, title: "Clear", size: "small" }, null, 8, ["disabled", "icon"])]), _: 1 }, 8, ["disabled", "modelValue", "title"])]), _: 1 }), n(u2, { class: "amb-design-attr-item", style: { width: "100%" } }, { label: g(() => [n(a2, { value: "url" }, { default: g(() => l2[21] || (l2[21] = [v("跳转地址")])), _: 1 })]), default: g(() => [n(U3, { disabled: "url" != w.value.linkType, modelValue: w.value.jumpAddress, "onUpdate:modelValue": l2[1] || (l2[1] = (e4) => w.value.jumpAddress = e4), clearable: "" }, null, 8, ["disabled", "modelValue"])]), _: 1 })]), _: 1 }, 8, ["modelValue"]), n(u2, { label: "打开方式", class: "amb-design-attr-item" }, { default: g(() => [n(E2, { modelValue: w.value.jumpPageOpenMode, "onUpdate:modelValue": l2[3] || (l2[3] = (e4) => w.value.jumpPageOpenMode = e4), clearable: "", placeholder: "请选择" }, { default: g(() => [(t(), d(i, null, c(F, (e4, l3) => n(N2, { key: l3, label: e4.label, value: e4.value }, null, 8, ["label", "value"])), 64))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), n(u2, { label: "移动端打开", class: "amb-design-attr-item" }, { default: g(() => [n(E2, { modelValue: w.value.jumpPageMobileOpenMode, "onUpdate:modelValue": l2[4] || (l2[4] = (e4) => w.value.jumpPageMobileOpenMode = e4), clearable: "", placeholder: "请选择" }, { default: g(() => [(t(), d(i, null, c(W, (e4, l3) => n(N2, { key: l3, label: e4.label, value: e4.value }, null, 8, ["label", "value"])), 64))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), p(n(u2, { label: "弹框方式", class: "amb-design-attr-item" }, { default: g(() => [n(E2, { modelValue: w.value.dialogType, "onUpdate:modelValue": l2[5] || (l2[5] = (e4) => w.value.dialogType = e4), clearable: "", placeholder: "请选择" }, { default: g(() => [(t(), d(i, null, c(L, (e4, l3) => n(N2, { key: l3, label: e4.label, value: e4.value }, null, 8, ["label", "value"])), 64))]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[f, "popup" == w.value.jumpPageOpenMode || "popup" == w.value.jumpPageMobileOpenMode]]), p(n(u2, { label: "可拖拽", class: "amb-design-attr-item" }, { default: g(() => [n(K, { modelValue: w.value.draggable, "onUpdate:modelValue": l2[6] || (l2[6] = (e4) => w.value.draggable = e4) }, null, 8, ["modelValue"])]), _: 1 }, 512), [[f, !("popup" != w.value.jumpPageOpenMode && "popup" != w.value.jumpPageMobileOpenMode || w.value.dialogType && "dialog" !== w.value.dialogType)]]), p(n(u2, { label: "显示位置", class: "amb-design-attr-item" }, { default: g(() => [n(E2, { modelValue: w.value.showPosition, "onUpdate:modelValue": l2[7] || (l2[7] = (e4) => w.value.showPosition = e4), clearable: "", placeholder: "请选择" }, { default: g(() => [(t(), d(i, null, c(R, (e4, l3) => n(N2, { key: l3, label: e4.label, value: e4.value }, null, 8, ["label", "value"])), 64))]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[f, ("popup" == w.value.jumpPageOpenMode || "popup" == w.value.jumpPageMobileOpenMode) && w.value.dialogType && "drawer" === w.value.dialogType]]), p(n(u2, { label: "拖出可视区", title: "拖动范围可以超出可视区", class: "amb-design-attr-item" }, { default: g(() => [n(K, { modelValue: w.value.overflow, "onUpdate:modelValue": l2[8] || (l2[8] = (e4) => w.value.overflow = e4) }, null, 8, ["modelValue"])]), _: 1 }, 512), [[f, !("popup" != w.value.jumpPageOpenMode && "popup" != w.value.jumpPageMobileOpenMode || w.value.dialogType && "dialog" !== w.value.dialogType)]]), p(n(u2, { label: "弹窗标题", class: "amb-design-attr-item" }, { default: g(() => [n(O, { modelValue: w.value.jumpPageTitle, "onUpdate:modelValue": l2[9] || (l2[9] = (e4) => w.value.jumpPageTitle = e4) }, null, 8, ["modelValue"])]), _: 1 }, 512), [[f, "popup" == w.value.jumpPageOpenMode || "popup" == w.value.jumpPageMobileOpenMode]]), p(n(u2, { label: "是否全屏", class: "amb-design-attr-item" }, { default: g(() => [n(K, { modelValue: w.value.fullscreen, "onUpdate:modelValue": l2[10] || (l2[10] = (e4) => w.value.fullscreen = e4), disabled: !("dialog" === w.value.dialogType) }, null, 8, ["modelValue", "disabled"])]), _: 1 }, 512), [[f, "popup" == w.value.jumpPageOpenMode || "popup" == w.value.jumpPageMobileOpenMode]]), p(n(u2, { label: "是否居中", class: "amb-design-attr-item" }, { default: g(() => [n(K, { modelValue: w.value.alignCenter, "onUpdate:modelValue": l2[11] || (l2[11] = (e4) => w.value.alignCenter = e4), disabled: !("dialog" === w.value.dialogType) }, null, 8, ["modelValue", "disabled"])]), _: 1 }, 512), [[f, "popup" == w.value.jumpPageOpenMode || "popup" == w.value.jumpPageMobileOpenMode]]), p(n(u2, { label: "弹窗宽度", class: "amb-design-attr-item" }, { default: g(() => [n(U3, { modelValue: w.value.jumpPageWidth, "onUpdate:modelValue": l2[12] || (l2[12] = (e4) => w.value.jumpPageWidth = e4), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }, 512), [[f, "popup" == w.value.jumpPageOpenMode || "popup" == w.value.jumpPageMobileOpenMode]]), p(n(u2, { label: "弹窗高度", class: "amb-design-attr-item" }, { default: g(() => [n(U3, { modelValue: w.value.jumpPageHeight, "onUpdate:modelValue": l2[13] || (l2[13] = (e4) => w.value.jumpPageHeight = e4), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }, 512), [[f, "popup" == w.value.jumpPageOpenMode || "popup" == w.value.jumpPageMobileOpenMode]]), p(n(u2, { label: "关闭事件", class: "amb-design-attr-item" }, { default: g(() => [n(U3, { modelValue: w.value.closeEvent, "onUpdate:modelValue": l2[14] || (l2[14] = (e4) => w.value.closeEvent = e4), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }, 512), [[f, "popup" == w.value.jumpPageOpenMode || "popup" == w.value.jumpPageMobileOpenMode]]), p(n(u2, { label: "关闭后刷新", title: "关闭页面时是否刷新父页面", class: "amb-design-attr-item" }, { default: g(() => [n(K, { modelValue: w.value.isRefreshWhenClosePopup, "onUpdate:modelValue": l2[15] || (l2[15] = (e4) => w.value.isRefreshWhenClosePopup = e4) }, null, 8, ["modelValue"])]), _: 1 }, 512), [[f, "popup" == w.value.jumpPageOpenMode || "popup" == w.value.jumpPageMobileOpenMode]]), e3.isButton && e3.showDisplayConditions ? (t(), m(u2, { key: 0, label: "显示判断", class: "amb-design-attr-item" }, { default: g(() => [n(_, { title: "显示判断", list: w.value.buttonDisplayConditionsList, ref_key: "conditionRef", ref: z }, null, 8, ["list"])]), _: 1 })) : s("", true), e3.isButton ? (t(), m(u2, { key: 1, label: "显示文本", class: "amb-design-attr-item" }, { default: g(() => [n(K, { modelValue: w.value.displayTextJudge, "onUpdate:modelValue": l2[16] || (l2[16] = (e4) => w.value.displayTextJudge = e4) }, null, 8, ["modelValue"])]), _: 1 })) : s("", true), e3.isButton ? (t(), m(u2, { key: 2, label: "图标", class: "amb-design-attr-item" }, { default: g(() => [n(k, { iconType: w.value.iconType, iconValue: w.value.icon, "onUpdate:modelValue": l2[17] || (l2[17] = (e4, l3) => function(e5, l4) {
52
52
  w.value.iconType = e5, w.value.icon = l4;
53
- }(e4, l3)) }, null, 8, ["iconType", "iconValue"])]), _: 1 })) : s("", true), e3.isButton ? (t(), m(u2, { key: 3, label: "显示值", class: "amb-design-attr-item" }, { default: g(() => [p(_, { isTable: e3.configure.isTable, modelValue: q.value, dataModelOptions: A.value, objModelOptions: x.value, "onUpdate:modelValue": G }, null, 8, ["isTable", "modelValue", "dataModelOptions", "objModelOptions"])]), _: 1 })) : s("", true), (t(true), d(i, null, c(w.value.dynamicTags, (e4, l3) => (t(), m(Q, { key: l3, "disable-transitions": true, closable: "", onClose: (e5) => function(e6, l4) {
53
+ }(e4, l3)) }, null, 8, ["iconType", "iconValue"])]), _: 1 })) : s("", true), e3.isButton ? (t(), m(u2, { key: 3, label: "显示值", class: "amb-design-attr-item" }, { default: g(() => [n(C, { isTable: e3.configure.isTable, modelValue: q.value, dataModelOptions: A.value, objModelOptions: x.value, "onUpdate:modelValue": G }, null, 8, ["isTable", "modelValue", "dataModelOptions", "objModelOptions"])]), _: 1 })) : s("", true), (t(true), d(i, null, c(w.value.dynamicTags, (e4, l3) => (t(), m(Q, { key: l3, "disable-transitions": true, closable: "", onClose: (e5) => function(e6, l4) {
54
54
  w.value.dynamicTags.splice(l4, 1);
55
- }(0, l3) }, { default: g(() => [v(y(e4), 1)]), _: 2 }, 1032, ["onClose"]))), 128)), p(X, null, { default: g(() => l2[22] || (l2[22] = [v("附加参数")])), _: 1 }), e3.isButton ? (t(), m(u2, { key: 4, label: "自动拼接id", class: "amb-design-attr-item" }, { default: g(() => [p(K, { modelValue: w.value.isNeedId, "onUpdate:modelValue": l2[18] || (l2[18] = (e4) => w.value.isNeedId = e4) }, null, 8, ["modelValue"])]), _: 1 })) : s("", true), p(T, { data: w.value.jumpPageAdditional, tableConfigure: e3.tableConfigure, onDataChange: J }, null, 8, ["data", "tableConfigure"]), p(P, { linkPage: w.value }, null, 8, ["linkPage"]), p(M, { ref_key: "selectPageDialog", ref: D, onSelectPage: S, systemCode: e3.pageDesign.systemCode, systemVersion: e3.pageDesign.systemVersion }, null, 8, ["systemCode", "systemVersion"])], 64);
55
+ }(0, l3) }, { default: g(() => [v(y(e4), 1)]), _: 2 }, 1032, ["onClose"]))), 128)), n(X, null, { default: g(() => l2[22] || (l2[22] = [v("附加参数")])), _: 1 }), e3.isButton ? (t(), m(u2, { key: 4, label: "自动拼接id", class: "amb-design-attr-item" }, { default: g(() => [n(K, { modelValue: w.value.isNeedId, "onUpdate:modelValue": l2[18] || (l2[18] = (e4) => w.value.isNeedId = e4) }, null, 8, ["modelValue"])]), _: 1 })) : s("", true), n(T, { data: w.value.jumpPageAdditional, tableConfigure: e3.tableConfigure, onDataChange: J }, null, 8, ["data", "tableConfigure"]), n(P, { linkPage: w.value }, null, 8, ["linkPage"]), n(M, { ref_key: "selectPageDialog", ref: D, onSelectPage: S, systemCode: e3.pageDesign.systemCode, systemVersion: e3.pageDesign.systemVersion }, null, 8, ["systemCode", "systemVersion"])], 64);
56
56
  };
57
57
  } });
58
58
  export {
@@ -1,7 +1,7 @@
1
- import { defineComponent as e, ref as a, resolveComponent as l, createBlock as t, openBlock as o, withCtx as i, createVNode as s, createElementVNode as u, createTextVNode as r, toDisplayString as d } from "vue";
1
+ import { defineComponent as e, ref as a, resolveComponent as l, createBlock as t, openBlock as o, withCtx as i, createVNode as s, createElementVNode as r, createTextVNode as u, toDisplayString as p } from "vue";
2
2
  import "../../../../utils/assemblys-config.js";
3
3
  import "@element-plus/icons-vue";
4
- import p from "../../common/common-attr-size.vue.js";
4
+ import d from "../../common/common-attr-size.vue.js";
5
5
  /* empty css */
6
6
  import "uuid";
7
7
  import m from "../../common/common-i18n-key-input.vue.js";
@@ -11,8 +11,8 @@ const f = { style: { padding: "8px 0px 0px 0px" } }, g = { style: { padding: "8p
11
11
  } } }, setup(e2) {
12
12
  const v2 = a([]);
13
13
  return (a2, V) => {
14
- const _ = l("el-form-item"), x = l("el-input"), h = l("el-radio"), j = l("el-radio-group"), y = l("el-collapse-item"), U = l("el-checkbox"), w = l("el-collapse"), z = l("el-form");
15
- return o(), t(z, { "label-width": "80px", size: "small" }, { default: i(() => [s(w, { modelValue: v2.value, "onUpdate:modelValue": V[7] || (V[7] = (e3) => v2.value = e3), style: { "margin-top": "6px" } }, { default: i(() => [s(y, { title: "基本", name: "base", class: "amb-design-attr-group-header" }, { default: i(() => [u("div", f, [s(_, { label: "组件类型", class: "amb-design-attr-item" }, { default: i(() => [r(d(e2.configure.label) + "(" + d(e2.configure.name) + ") ", 1)]), _: 1 }), s(_, { label: "组件名", class: "amb-design-attr-item" }, { default: i(() => [s(x, { modelValue: e2.configure.props.base.name, "onUpdate:modelValue": V[0] || (V[0] = (a3) => e2.configure.props.base.name = a3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), s(_, { label: "绑定变量", class: "amb-design-attr-item" }, { default: i(() => [s(x, { modelValue: e2.configure.props.base.prop, "onUpdate:modelValue": V[1] || (V[1] = (a3) => e2.configure.props.base.prop = a3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), s(_, { label: "标题", class: "amb-design-attr-item" }, { default: i(() => [s(m, { modelValue: e2.configure.props.base.title, "onUpdate:modelValue": V[2] || (V[2] = (a3) => e2.configure.props.base.title = a3) }, null, 8, ["modelValue"])]), _: 1 }), s(_, { label: "标题宽度", class: "amb-design-attr-item" }, { default: i(() => [s(x, { modelValue: e2.configure.props.base.titleWidth, "onUpdate:modelValue": V[3] || (V[3] = (a3) => e2.configure.props.base.titleWidth = a3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), s(_, { label: "标题显示", class: "amb-design-attr-item" }, { default: i(() => [s(j, { modelValue: e2.configure.props.base.tittleShow, "onUpdate:modelValue": V[4] || (V[4] = (a3) => e2.configure.props.base.tittleShow = a3), class: "ml-4" }, { default: i(() => [s(h, { value: false }, { default: i(() => V[8] || (V[8] = [r("隐藏")])), _: 1 }), s(h, { value: true }, { default: i(() => V[9] || (V[9] = [r("显示")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), s(_, { label: "状态", class: "amb-design-attr-item" }, { default: i(() => [s(j, { modelValue: e2.configure.props.base.state, "onUpdate:modelValue": V[5] || (V[5] = (a3) => e2.configure.props.base.state = a3), class: "ml-4" }, { default: i(() => [s(h, { value: "default" }, { default: i(() => V[10] || (V[10] = [r("普通")])), _: 1 }), s(h, { value: "disabled" }, { default: i(() => V[11] || (V[11] = [r("禁用")])), _: 1 }), s(h, { value: "hidden" }, { default: i(() => V[12] || (V[12] = [r("隐藏")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })])]), _: 1 }), s(y, { title: "参数", name: "parameter", class: "amb-design-attr-group-header" }, { default: i(() => [u("div", g, [s(n, { data: e2.configure.props.parameter }, null, 8, ["data"])])]), _: 1 }), s(y, { title: "校验", name: "verification", class: "amb-design-attr-group-header" }, { default: i(() => [u("div", b, [s(_, { class: "amb-design-attr-item", "label-width": "0" }, { default: i(() => [s(U, { modelValue: e2.configure.props.verification.required, "onUpdate:modelValue": V[6] || (V[6] = (a3) => e2.configure.props.verification.required = a3), label: "必填" }, null, 8, ["modelValue"])]), _: 1 }), s(_, { class: "amb-design-attr-item", "label-width": "0" }, { default: i(() => [s(c, { pageDesign: e2.pageDesign, verification: e2.configure.props.verification }, null, 8, ["pageDesign", "verification"])]), _: 1 })])]), _: 1 }), s(p, { size: e2.configure.props.size }, null, 8, ["size"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
14
+ const _ = l("el-form-item"), x = l("el-input"), h = l("el-radio"), U = l("el-radio-group"), j = l("el-collapse-item"), y = l("el-checkbox"), w = l("el-collapse"), z = l("el-form");
15
+ return o(), t(z, { "label-width": "80px", size: "small" }, { default: i(() => [s(w, { modelValue: v2.value, "onUpdate:modelValue": V[8] || (V[8] = (e3) => v2.value = e3), style: { "margin-top": "6px" } }, { default: i(() => [s(j, { title: "基本", name: "base", class: "amb-design-attr-group-header" }, { default: i(() => [r("div", f, [s(_, { label: "组件类型", class: "amb-design-attr-item" }, { default: i(() => [u(p(e2.configure.label) + "(" + p(e2.configure.name) + ") ", 1)]), _: 1 }), s(_, { label: "组件名", class: "amb-design-attr-item" }, { default: i(() => [s(x, { modelValue: e2.configure.props.base.name, "onUpdate:modelValue": V[0] || (V[0] = (a3) => e2.configure.props.base.name = a3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), s(_, { label: "绑定变量", class: "amb-design-attr-item" }, { default: i(() => [s(x, { modelValue: e2.configure.props.base.prop, "onUpdate:modelValue": V[1] || (V[1] = (a3) => e2.configure.props.base.prop = a3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), s(_, { label: "标题", class: "amb-design-attr-item" }, { default: i(() => [s(m, { modelValue: e2.configure.props.base.title, "onUpdate:modelValue": V[2] || (V[2] = (a3) => e2.configure.props.base.title = a3) }, null, 8, ["modelValue"])]), _: 1 }), s(_, { label: "标题宽度", class: "amb-design-attr-item" }, { default: i(() => [s(x, { modelValue: e2.configure.props.base.titleWidth, "onUpdate:modelValue": V[3] || (V[3] = (a3) => e2.configure.props.base.titleWidth = a3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), s(_, { label: "标题显示", class: "amb-design-attr-item" }, { default: i(() => [s(U, { modelValue: e2.configure.props.base.tittleShow, "onUpdate:modelValue": V[4] || (V[4] = (a3) => e2.configure.props.base.tittleShow = a3), class: "ml-4" }, { default: i(() => [s(h, { value: false }, { default: i(() => V[9] || (V[9] = [u("隐藏")])), _: 1 }), s(h, { value: true }, { default: i(() => V[10] || (V[10] = [u("显示")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), s(_, { label: "状态", class: "amb-design-attr-item" }, { default: i(() => [s(U, { modelValue: e2.configure.props.base.state, "onUpdate:modelValue": V[5] || (V[5] = (a3) => e2.configure.props.base.state = a3), class: "ml-4" }, { default: i(() => [s(h, { value: "default" }, { default: i(() => V[11] || (V[11] = [u("普通")])), _: 1 }), s(h, { value: "disabled" }, { default: i(() => V[12] || (V[12] = [u("禁用")])), _: 1 }), s(h, { value: "hidden" }, { default: i(() => V[13] || (V[13] = [u("隐藏")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })])]), _: 1 }), s(j, { title: "参数", name: "parameter", class: "amb-design-attr-group-header" }, { default: i(() => [r("div", g, [s(n, { data: e2.configure.props.parameter, "onUpdate:data": V[6] || (V[6] = (a3) => e2.configure.props.parameter = a3) }, null, 8, ["data"])])]), _: 1 }), s(j, { title: "校验", name: "verification", class: "amb-design-attr-group-header" }, { default: i(() => [r("div", b, [s(_, { class: "amb-design-attr-item", "label-width": "0" }, { default: i(() => [s(y, { modelValue: e2.configure.props.verification.required, "onUpdate:modelValue": V[7] || (V[7] = (a3) => e2.configure.props.verification.required = a3), label: "必填" }, null, 8, ["modelValue"])]), _: 1 }), s(_, { class: "amb-design-attr-item", "label-width": "0" }, { default: i(() => [s(c, { pageDesign: e2.pageDesign, verification: e2.configure.props.verification }, null, 8, ["pageDesign", "verification"])]), _: 1 })])]), _: 1 }), s(d, { size: e2.configure.props.size }, null, 8, ["size"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
16
16
  };
17
17
  } });
18
18
  export {
@@ -1,12 +1,12 @@
1
- import { defineComponent as e, ref as t, createElementBlock as o, openBlock as r, createVNode as u, createElementVNode as n, unref as a, isRef as s, withDirectives as c, vShow as i } from "vue";
1
+ import { defineComponent as e, ref as t, createElementBlock as o, openBlock as r, createVNode as u, createElementVNode as n, unref as a, isRef as s, withDirectives as i, vShow as c } from "vue";
2
2
  import l from "./custom-attr-base.vue.js";
3
3
  import m from "./custom-attr-style.vue.js";
4
- import f from "../common/attr-header.vue.js";
5
- import p from "./custom-attr-event.vue.js";
6
- import d from "./custom-attr-advanced.vue.js";
7
- const g = { class: "amb-design-attr-content" }, v = { class: "amb-design-attr-list" }, b = e({ __name: "custom-attr", props: { configure: { type: Object, default: () => ({ title: "Text", props: { type: "input-text" } }) } }, setup(e2) {
4
+ import g from "../common/attr-header.vue.js";
5
+ import f from "./custom-attr-event.vue.js";
6
+ import p from "./custom-attr-advanced.vue.js";
7
+ const d = { class: "amb-design-attr-content" }, v = { class: "amb-design-attr-list" }, b = e({ __name: "custom-attr", props: { configure: { type: Object, default: () => ({ title: "Text", props: { type: "input-text" } }) }, pageDesign: { type: Object, default: () => ({}) } }, setup(e2) {
8
8
  let b2 = t("base");
9
- return (t2, j) => (r(), o("div", g, [u(f, { modelValue: a(b2), "onUpdate:modelValue": j[0] || (j[0] = (e3) => s(b2) ? b2.value = e3 : b2 = e3) }, null, 8, ["modelValue"]), n("div", v, [c(u(l, { configure: e2.configure }, null, 8, ["configure"]), [[i, "base" === a(b2)]]), c(u(m, { configure: e2.configure }, null, 8, ["configure"]), [[i, "style" === a(b2)]]), c(u(p, { configure: e2.configure }, null, 8, ["configure"]), [[i, "event" === a(b2)]]), c(u(d, { configure: e2.configure }, null, 8, ["configure"]), [[i, "advanced" == a(b2)]])])]));
9
+ return (t2, j) => (r(), o("div", d, [u(g, { modelValue: a(b2), "onUpdate:modelValue": j[0] || (j[0] = (e3) => s(b2) ? b2.value = e3 : b2 = e3) }, null, 8, ["modelValue"]), n("div", v, [i(u(l, { configure: e2.configure, pageDesign: e2.pageDesign }, null, 8, ["configure", "pageDesign"]), [[c, "base" === a(b2)]]), i(u(m, { configure: e2.configure }, null, 8, ["configure"]), [[c, "style" === a(b2)]]), i(u(f, { configure: e2.configure }, null, 8, ["configure"]), [[c, "event" === a(b2)]]), i(u(p, { configure: e2.configure }, null, 8, ["configure"]), [[c, "advanced" == a(b2)]])])]));
10
10
  } });
11
11
  export {
12
12
  b as default
@@ -1,4 +1,4 @@
1
- import o from "./config.vue3.js";
1
+ import o from "./config.vue2.js";
2
2
  /* empty css */
3
3
  import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
4
4
  const r = e(o, [["__scopeId", "data-v-8dba0ddd"]]);
@@ -1,7 +1,150 @@
1
- import e from "./view-design-display.vue2.js";
2
- /* empty css */
3
- import i from "../../../../../_virtual/_plugin-vue_export-helper.js";
4
- const p = i(e, [["__scopeId", "data-v-f5b621c2"]]);
1
+ import { defineComponent as e, ref as i, reactive as n, computed as t, watch as l, onMounted as o, onUnmounted as s, resolveComponent as r, createElementBlock as a, openBlock as u, Fragment as c, createElementVNode as m, createBlock as g, createCommentVNode as p, createVNode as f, withDirectives as d, normalizeClass as v, withCtx as b, unref as y, vShow as h, normalizeStyle as j, renderList as C } from "vue";
2
+ import { Monitor as S, Cellphone as k, Iphone as _, Plus as O, Check as A, View as T } from "@element-plus/icons";
3
+ import { useDraggable as D } from "vue-draggable-plus";
4
+ import x from "../../assemblys/object-design.vue.js";
5
+ import { deepCopy as W, getUuidv4 as N, findDesignItemByUuid as E } from "../../../utils/common-util.js";
6
+ import { addComponentRef as U } from "../../../utils/page-helper-util.js";
7
+ import { caculatePageStyle as w } from "../../../utils/container-design-util.js";
8
+ import J from "./view-design-preview.vue.js";
9
+ import { ElMessage as P } from "element-plus";
10
+ import "@vueuse/core";
11
+ import "@element-plus/icons-vue";
12
+ import "codemirror";
13
+ import "@codemirror/lang-javascript";
14
+ import "@codemirror/state";
15
+ import "@codemirror/autocomplete";
16
+ import "@codemirror/language";
17
+ import "@codemirror/search";
18
+ import "js-beautify";
19
+ /* empty css */
20
+ import "../../../utils/assemblys-config.js";
21
+ import "../../../../../stores/page-store.js";
22
+ import "../../../../../stores/event-undo-redo-store.js";
23
+ import "../../../utils/eventBus.js";
24
+ import z from "./components/quick-add-dialog.vue.js";
25
+ import M from "./components/i18n-setting.vue.js";
26
+ import { setTableRuntimesFromConfigure as R } from "../../../utils/page-table-util.js";
27
+ import K from "agilebuilder-ui/src/utils/request";
28
+ import { copyHandleEvents as q, deleteDesignItem as V } from "../../../utils/page-design-util.js";
29
+ import { setHomeChartRuntimesFromConfigure as B } from "../../../utils/home-chart-util.js";
30
+ import { getFormPropTitleMap as F } from "../../../utils/form-design-util.js";
31
+ import "super-page-runtime";
32
+ const L = { class: "amb-design-content-center-header" }, I = { class: "amb-design-tool" }, $ = { class: "amb-design-tool-item" }, G = { class: "amb-design-tool-item", style: { "padding-right": "20px" } }, H = e({ __name: "view-design-display", props: { configure: {}, selectWidget: {}, selAsselbyType: {} }, emits: ["onSelectWidget", "onCustomAttrWidget", "changeSelectEvent", "addEvent", "changeSelectStandardEvent", "revocation", "regain"], setup(e2, { expose: H2, emit: Q }) {
33
+ const X = e2, Y = i(null), Z = i(null), ee = Q;
34
+ null == X.configure.props && (X.configure.props = {}), null == X.configure.style && (X.configure.style = {}), null != X.configure.items && null != X.configure.items || (X.configure.items = []);
35
+ const ie = X.configure.items, ne = i(null), te = n({ index: 0 }), le = i({}), oe = i(""), se = i(null);
36
+ ae();
37
+ const re = t(function() {
38
+ let e3 = null;
39
+ "ipad" == X.configure.dimensions ? e3 = 768 : "phone" == X.configure.dimensions && (e3 = 414);
40
+ const i2 = { width: e3 ? e3 + "px" : "" };
41
+ for (let e4 in le.value) i2[e4] = le.value[e4];
42
+ return se.value && (i2["min-height"] = se.value + "px"), i2;
43
+ });
44
+ function ae() {
45
+ w(X.configure, le, oe), X.configure.runtime || (X.configure.runtime = {}), X.configure.runtime.class = oe.value, X.configure.runtime.style = le.value;
46
+ }
47
+ l(X.configure.props, () => {
48
+ ae();
49
+ }), l(X.configure.style, () => {
50
+ ae();
51
+ });
52
+ const ue = i(null);
53
+ function ce(e3) {
54
+ ee("onSelectWidget", -1);
55
+ }
56
+ function me(e3, i2) {
57
+ ee("onSelectWidget", e3, i2);
58
+ }
59
+ function ge(e3, i2) {
60
+ ee("onCustomAttrWidget", e3, i2);
61
+ }
62
+ function pe(e3) {
63
+ const i2 = ie.indexOf(e3), t2 = n(W(e3));
64
+ t2.uuid = N(), q(t2), ie.splice(i2, 0, t2);
65
+ }
66
+ function fe(e3) {
67
+ V(ie, e3, e3.items && e3.items.length > 0, true);
68
+ }
69
+ o(() => {
70
+ ue.value && U(X.configure, -1, ue);
71
+ });
72
+ const de = i(null);
73
+ function ve() {
74
+ X.configure.i18nKeys && X.configure.i18nKeys.length > 0 && (X.configure.i18nKeys = Array.from(new Set(X.configure.i18nKeys)));
75
+ const e3 = JSON.parse(JSON.stringify(X.configure));
76
+ e3.tableRuntimes = {}, e3.currentTableConfig = {}, function(e4) {
77
+ "form" === e4.pageType && e4.items ? (e4.formPropTiltleMap = F(e4), X.configure.formPropTiltleMap = e4.formPropTiltleMap) : (delete e4.formPropLabelMap, delete X.configure.formPropLabelMap);
78
+ if (e4.tableUuids) {
79
+ const i2 = {};
80
+ e4.tableUuids = e4.tableUuids.filter((n2) => {
81
+ const t2 = E(e4, n2);
82
+ if (t2) {
83
+ if (R(t2, e4), e4.tableRuntimes && e4.tableRuntimes[n2]) {
84
+ const l2 = e4.tableRuntimes[n2];
85
+ l2.code && (t2.code ? i2[l2.code] = t2.code : i2[l2.code] = l2.code);
86
+ }
87
+ return true;
88
+ }
89
+ return false;
90
+ }), e4.listCodesMap = i2;
91
+ }
92
+ e4.homepageChartUuids && (e4.homepageChartUuids = e4.homepageChartUuids.filter((i2) => {
93
+ let n2 = E(e4, i2);
94
+ return !!n2 && (n2 = JSON.parse(JSON.stringify(n2)), B(n2, e4), true);
95
+ }));
96
+ }(e3), K.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/save", { id: X.configure.id, designJson: JSON.stringify(e3) }).then((e4) => {
97
+ P({ message: "保存成功", type: "success" });
98
+ }).catch((e4) => {
99
+ P({ message: "保存失败", type: "error" });
100
+ });
101
+ }
102
+ D(de, ie, { filter: ".el-scrollbar__bar", preventOnFilter: false, group: "amb-assembly-item", animation: 300, ghostClass: "amb-item-ghost", forceFallback: true, onAdd(e3) {
103
+ } });
104
+ const be = i(false);
105
+ const ye = i(null), he = i({}), je = i({}), Ce = i(false);
106
+ let Se;
107
+ function ke() {
108
+ Se && clearTimeout(Se), Ce.value = false, Se = setTimeout(() => {
109
+ Ce.value = true;
110
+ }, 1);
111
+ }
112
+ function _e(e3) {
113
+ if (X.configure.customEvents) {
114
+ let i2 = X.configure.customEvents.filter((i3) => i3.eventName === e3);
115
+ if (i2 && i2.length > 0) return i2[0];
116
+ }
117
+ }
118
+ return s(() => {
119
+ Se && clearTimeout(Se);
120
+ }), H2({ onSelectEvent: function(e3) {
121
+ Ce.value = !(!e3 || "selected" !== e3);
122
+ }, addEvent: function(e3, i2) {
123
+ he.value = e3;
124
+ const n2 = _e(e3.eventName);
125
+ n2 && (je.value = n2), ye.value = i2 || "event", ke();
126
+ }, changeEvent: function(e3) {
127
+ if (e3) {
128
+ ye.value = null, he.value = e3;
129
+ const i2 = _e(e3.eventName);
130
+ je.value = i2 || null, ke();
131
+ } else Ce.value = false;
132
+ } }), (e3, i2) => {
133
+ const n2 = r("el-icon"), t2 = r("el-divider"), l2 = r("Setting"), o2 = r("el-scrollbar");
134
+ return u(), a(c, null, [m("div", { class: "amb-design-content", ref_key: "ambPageDesignContent", ref: ue }, [m("div", L, [m("div", I, [m("div", $, [d(m("label", { class: v(["amb-page-type", { selected: !e3.configure.dimensions || "pc" == e3.configure.dimensions }]), onClick: i2[0] || (i2[0] = (i3) => e3.configure.dimensions = "pc") }, [f(n2, { size: 23 }, { default: b(() => [f(y(S))]), _: 1 })], 2), [[h, "assembly" === e3.selAsselbyType]]), d(m("label", { class: v(["amb-page-type", { selected: "ipad" == e3.configure.dimensions }]), onClick: i2[1] || (i2[1] = (i3) => e3.configure.dimensions = "ipad") }, [f(n2, { size: 23 }, { default: b(() => [f(y(k))]), _: 1 })], 2), [[h, "assembly" === e3.selAsselbyType]]), d(m("label", { class: v(["amb-page-type", { selected: "phone" == e3.configure.dimensions }]), onClick: i2[2] || (i2[2] = (i3) => e3.configure.dimensions = "phone") }, [f(n2, { size: 23 }, { default: b(() => [f(y(_))]), _: 1 })], 2), [[h, "assembly" === e3.selAsselbyType]]), d(f(t2, { direction: "vertical" }, null, 512), [[h, "assembly" === e3.selAsselbyType]])]), m("div", G, [m("label", { class: "amb-page-type", onClick: i2[3] || (i2[3] = (e4) => {
135
+ var _a;
136
+ (_a = Z.value) == null ? void 0 : _a.show();
137
+ }) }, [f(n2, { size: 18 }, { default: b(() => [f(l2)]), _: 1 }), i2[9] || (i2[9] = m("label", null, "国际化配置", -1))]), m("label", { class: "amb-page-type", onClick: i2[4] || (i2[4] = (e4) => {
138
+ Y.value && Y.value.openDialog();
139
+ }) }, [f(n2, { size: 18 }, { default: b(() => [f(y(O))]), _: 1 }), i2[10] || (i2[10] = m("label", null, "快捷添加", -1))]), f(t2, { direction: "vertical" }), m("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: i2[5] || (i2[5] = (e4) => ve()) }, [f(n2, { size: 18 }, { default: b(() => [f(y(A))]), _: 1 }), i2[11] || (i2[11] = m("label", null, "保存", -1))]), f(t2, { direction: "vertical" }), m("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: i2[6] || (i2[6] = (e4) => function() {
140
+ const e5 = JSON.parse(JSON.stringify(X.configure));
141
+ e5.tableRuntimes = {}, e5.tableUuids && e5.tableUuids.forEach((i3) => {
142
+ const n3 = E(e5, i3);
143
+ n3 && R(n3, e5);
144
+ }), ne.value = e5, be.value = true;
145
+ }()) }, [f(n2, { size: 18 }, { default: b(() => [f(y(T))]), _: 1 }), i2[12] || (i2[12] = m("label", null, "预览", -1))])])])]), f(o2, { height: "100%" }, { default: b(() => [d(m("div", { class: v(["amb-design-board amb-design-board-main", oe.value]), ref_key: "pageDesignBoardMain", ref: de, style: j(re.value), onClick: ce }, [(u(true), a(c, null, C(y(ie), (i3, n3) => (u(), g(x, { key: i3.uuid, indexObj: te, configure: i3, pageDesign: e3.configure, selectWidget: e3.selectWidget, onOnSelectWidget: me, onOnCustomAttrWidget: ge, onOnCopy: pe, onOnDelete: fe }, null, 8, ["indexObj", "configure", "pageDesign", "selectWidget"]))), 128))], 6), [[h, "assembly" === e3.selAsselbyType]])]), _: 1 })], 512), be.value ? (u(), g(J, { key: 0, pageDesign: ne.value, modelValue: be.value, "onUpdate:modelValue": i2[7] || (i2[7] = (e4) => be.value = e4), onClose: i2[8] || (i2[8] = (e4) => be.value = false) }, null, 8, ["pageDesign", "modelValue"])) : p("", true), f(z, { ref_key: "quickAddDialogRef", ref: Y, pageDesign: e3.configure }, null, 8, ["pageDesign"]), f(M, { ref_key: "i18nSettingRef", ref: Z, pageDesign: e3.configure }, null, 8, ["pageDesign"])], 64);
146
+ };
147
+ } });
5
148
  export {
6
- p as default
149
+ H as default
7
150
  };
@@ -1,150 +1,4 @@
1
- import { defineComponent as e, ref as i, reactive as t, computed as n, watch as l, onMounted as o, onUnmounted as s, resolveComponent as r, createElementBlock as a, openBlock as u, Fragment as c, createElementVNode as m, createBlock as g, createCommentVNode as p, createVNode as f, withDirectives as d, normalizeClass as v, withCtx as b, unref as y, vShow as h, normalizeStyle as j, renderList as C } from "vue";
2
- import { Monitor as S, Cellphone as k, Iphone as _, Plus as O, Check as A, View as T } from "@element-plus/icons";
3
- import { useDraggable as D } from "vue-draggable-plus";
4
- import x from "../../assemblys/object-design.vue.js";
5
- import { deepCopy as W, getUuidv4 as N, findDesignItemByUuid as E } from "../../../utils/common-util.js";
6
- import { addComponentRef as U } from "../../../utils/page-helper-util.js";
7
- import { caculatePageStyle as w } from "../../../utils/container-design-util.js";
8
- import J from "./view-design-preview.vue.js";
9
- import { ElMessage as P } from "element-plus";
10
- import "@vueuse/core";
11
- import "@element-plus/icons-vue";
12
- import "codemirror";
13
- import "@codemirror/lang-javascript";
14
- import "@codemirror/state";
15
- import "@codemirror/autocomplete";
16
- import "@codemirror/language";
17
- import "@codemirror/search";
18
- import "js-beautify";
19
- /* empty css */
20
- import "../../../utils/assemblys-config.js";
21
- import "../../../../../stores/page-store.js";
22
- import "../../../../../stores/event-undo-redo-store.js";
23
- import "../../../utils/eventBus.js";
24
- import z from "./components/quick-add-dialog.vue.js";
25
- import M from "./components/i18n-setting.vue.js";
26
- import { setTableRuntimesFromConfigure as R } from "../../../utils/page-table-util.js";
27
- import K from "agilebuilder-ui/src/utils/request";
28
- import { copyHandleEvents as q, deleteDesignItem as V } from "../../../utils/page-design-util.js";
29
- import { setHomeChartRuntimesFromConfigure as B } from "../../../utils/home-chart-util.js";
30
- import { getFormPropTitleMap as F } from "../../../utils/form-design-util.js";
31
- import "super-page-runtime";
32
- const L = { class: "amb-design-content-center-header" }, I = { class: "amb-design-tool" }, $ = { class: "amb-design-tool-item" }, G = { class: "amb-design-tool-item", style: { "padding-right": "20px" } }, H = e({ __name: "view-design-display", props: { configure: {}, selectWidget: {}, selAsselbyType: {} }, emits: ["onSelectWidget", "onCustomAttrWidget", "changeSelectEvent", "addEvent", "changeSelectStandardEvent", "revocation", "regain"], setup(e2, { expose: H2, emit: Q }) {
33
- const X = e2, Y = i(null), Z = i(null), ee = Q;
34
- null == X.configure.props && (X.configure.props = {}), null == X.configure.style && (X.configure.style = {}), null != X.configure.items && null != X.configure.items || (X.configure.items = []);
35
- const ie = X.configure.items, te = i(null), ne = t({ index: 0 }), le = i({}), oe = i(""), se = i(null);
36
- ae();
37
- const re = n(function() {
38
- let e3 = null;
39
- "ipad" == X.configure.dimensions ? e3 = 768 : "phone" == X.configure.dimensions && (e3 = 414);
40
- const i2 = { width: e3 ? e3 + "px" : "" };
41
- for (let e4 in le.value) i2[e4] = le.value[e4];
42
- return se.value && (i2["min-height"] = se.value + "px"), i2;
43
- });
44
- function ae() {
45
- w(X.configure, le, oe), X.configure.runtime || (X.configure.runtime = {}), X.configure.runtime.class = oe.value, X.configure.runtime.style = le.value;
46
- }
47
- l(X.configure.props, () => {
48
- ae();
49
- }), l(X.configure.style, () => {
50
- ae();
51
- });
52
- const ue = i(null);
53
- function ce(e3) {
54
- ee("onSelectWidget", -1);
55
- }
56
- function me(e3, i2) {
57
- ee("onSelectWidget", e3, i2);
58
- }
59
- function ge(e3, i2) {
60
- ee("onCustomAttrWidget", e3, i2);
61
- }
62
- function pe(e3) {
63
- const i2 = ie.indexOf(e3), n2 = t(W(e3));
64
- n2.uuid = N(), q(n2), ie.splice(i2, 0, n2);
65
- }
66
- function fe(e3) {
67
- V(ie, e3, e3.items && e3.items.length > 0, true);
68
- }
69
- o(() => {
70
- ue.value && U(X.configure, -1, ue);
71
- });
72
- const de = i(null);
73
- function ve() {
74
- X.configure.i18nKeys && X.configure.i18nKeys.length > 0 && (X.configure.i18nKeys = Array.from(new Set(X.configure.i18nKeys)));
75
- const e3 = JSON.parse(JSON.stringify(X.configure));
76
- e3.tableRuntimes = {}, e3.currentTableConfig = {}, function(e4) {
77
- "form" === e4.pageType && e4.items ? (e4.formPropTiltleMap = F(e4), X.configure.formPropTiltleMap = e4.formPropTiltleMap) : (delete e4.formPropLabelMap, delete X.configure.formPropLabelMap);
78
- if (e4.tableUuids) {
79
- const i2 = {};
80
- e4.tableUuids = e4.tableUuids.filter((t2) => {
81
- const n2 = E(e4, t2);
82
- if (n2) {
83
- if (R(n2, e4), e4.tableRuntimes && e4.tableRuntimes[t2]) {
84
- const l2 = e4.tableRuntimes[t2];
85
- l2.code && (n2.code ? i2[l2.code] = n2.code : i2[l2.code] = l2.code);
86
- }
87
- return true;
88
- }
89
- return false;
90
- }), e4.listCodesMap = i2;
91
- }
92
- e4.homepageChartUuids && (e4.homepageChartUuids = e4.homepageChartUuids.filter((i2) => {
93
- let t2 = E(e4, i2);
94
- return !!t2 && (t2 = JSON.parse(JSON.stringify(t2)), B(t2, e4), true);
95
- }));
96
- }(e3), K.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/save", { id: X.configure.id, designJson: JSON.stringify(e3) }).then((e4) => {
97
- P({ message: "保存成功", type: "success" });
98
- }).catch((e4) => {
99
- P({ message: "保存失败", type: "error" });
100
- });
101
- }
102
- D(de, ie, { filter: ".el-scrollbar__bar", preventOnFilter: false, group: "amb-assembly-item", animation: 300, ghostClass: "amb-item-ghost", forceFallback: true, onAdd(e3) {
103
- } });
104
- const be = i(false);
105
- const ye = i(null), he = i({}), je = i({}), Ce = i(false);
106
- let Se;
107
- function ke() {
108
- Se && clearTimeout(Se), Ce.value = false, Se = setTimeout(() => {
109
- Ce.value = true;
110
- }, 1);
111
- }
112
- function _e(e3) {
113
- if (X.configure.customEvents) {
114
- let i2 = X.configure.customEvents.filter((i3) => i3.eventName === e3);
115
- if (i2 && i2.length > 0) return i2[0];
116
- }
117
- }
118
- return s(() => {
119
- Se && clearTimeout(Se);
120
- }), H2({ onSelectEvent: function(e3) {
121
- Ce.value = !(!e3 || "selected" !== e3);
122
- }, addEvent: function(e3, i2) {
123
- he.value = e3;
124
- const t2 = _e(e3.eventName);
125
- t2 && (je.value = t2), ye.value = i2 || "event", ke();
126
- }, changeEvent: function(e3) {
127
- if (e3) {
128
- ye.value = null, he.value = e3;
129
- const i2 = _e(e3.eventName);
130
- je.value = i2 || null, ke();
131
- } else Ce.value = false;
132
- } }), (e3, i2) => {
133
- const t2 = r("el-icon"), n2 = r("el-divider"), l2 = r("Setting"), o2 = r("el-scrollbar");
134
- return u(), a(c, null, [m("div", { class: "amb-design-content", ref_key: "ambPageDesignContent", ref: ue }, [m("div", L, [m("div", I, [m("div", $, [d(m("label", { class: v(["amb-page-type", { selected: !e3.configure.dimensions || "pc" == e3.configure.dimensions }]), onClick: i2[0] || (i2[0] = (i3) => e3.configure.dimensions = "pc") }, [f(t2, { size: 23 }, { default: b(() => [f(y(S))]), _: 1 })], 2), [[h, "assembly" === e3.selAsselbyType]]), d(m("label", { class: v(["amb-page-type", { selected: "ipad" == e3.configure.dimensions }]), onClick: i2[1] || (i2[1] = (i3) => e3.configure.dimensions = "ipad") }, [f(t2, { size: 23 }, { default: b(() => [f(y(k))]), _: 1 })], 2), [[h, "assembly" === e3.selAsselbyType]]), d(m("label", { class: v(["amb-page-type", { selected: "phone" == e3.configure.dimensions }]), onClick: i2[2] || (i2[2] = (i3) => e3.configure.dimensions = "phone") }, [f(t2, { size: 23 }, { default: b(() => [f(y(_))]), _: 1 })], 2), [[h, "assembly" === e3.selAsselbyType]]), d(f(n2, { direction: "vertical" }, null, 512), [[h, "assembly" === e3.selAsselbyType]])]), m("div", G, [m("label", { class: "amb-page-type", onClick: i2[3] || (i2[3] = (e4) => {
135
- var _a;
136
- (_a = Z.value) == null ? void 0 : _a.show();
137
- }) }, [f(t2, { size: 18 }, { default: b(() => [f(l2)]), _: 1 }), i2[9] || (i2[9] = m("label", null, "国际化配置", -1))]), m("label", { class: "amb-page-type", onClick: i2[4] || (i2[4] = (e4) => {
138
- Y.value && Y.value.openDialog();
139
- }) }, [f(t2, { size: 18 }, { default: b(() => [f(y(O))]), _: 1 }), i2[10] || (i2[10] = m("label", null, "快捷添加", -1))]), f(n2, { direction: "vertical" }), m("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: i2[5] || (i2[5] = (e4) => ve()) }, [f(t2, { size: 18 }, { default: b(() => [f(y(A))]), _: 1 }), i2[11] || (i2[11] = m("label", null, "保存", -1))]), f(n2, { direction: "vertical" }), m("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: i2[6] || (i2[6] = (e4) => function() {
140
- const e5 = JSON.parse(JSON.stringify(X.configure));
141
- e5.tableRuntimes = {}, e5.tableUuids && e5.tableUuids.forEach((i3) => {
142
- const t3 = E(e5, i3);
143
- t3 && R(t3, e5);
144
- }), te.value = e5, be.value = true;
145
- }()) }, [f(t2, { size: 18 }, { default: b(() => [f(y(T))]), _: 1 }), i2[12] || (i2[12] = m("label", null, "预览", -1))])])])]), f(o2, { height: "100%" }, { default: b(() => [d(m("div", { class: v(["amb-design-board", oe.value]), ref_key: "pageDesignBoardMain", ref: de, style: j(re.value), onClick: ce }, [(u(true), a(c, null, C(y(ie), (i3, t3) => (u(), g(x, { key: i3.uuid, indexObj: ne, configure: i3, pageDesign: e3.configure, selectWidget: e3.selectWidget, onOnSelectWidget: me, onOnCustomAttrWidget: ge, onOnCopy: pe, onOnDelete: fe }, null, 8, ["indexObj", "configure", "pageDesign", "selectWidget"]))), 128))], 6), [[h, "assembly" === e3.selAsselbyType]])]), _: 1 })], 512), be.value ? (u(), g(J, { key: 0, pageDesign: te.value, modelValue: be.value, "onUpdate:modelValue": i2[7] || (i2[7] = (e4) => be.value = e4), onClose: i2[8] || (i2[8] = (e4) => be.value = false) }, null, 8, ["pageDesign", "modelValue"])) : p("", true), f(z, { ref_key: "quickAddDialogRef", ref: Y, pageDesign: e3.configure }, null, 8, ["pageDesign"]), f(M, { ref_key: "i18nSettingRef", ref: Z, pageDesign: e3.configure }, null, 8, ["pageDesign"])], 64);
146
- };
147
- } });
1
+ import e from "./view-design-display.vue.js";
148
2
  export {
149
- H as default
3
+ e as default
150
4
  };