super-page-designer 2.3.1 → 2.3.2-sit1-design1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/es/components/design/utils/assemblys-config.js +1 -1
- package/dist/es/components/design/utils/page-table-util.js +2 -2
- package/dist/es/components/design/views/assemblys/button/component/set-dialog.vue.js +20 -20
- package/dist/es/components/design/views/assemblys/common/common-advanced-basic-showcondition.vue.js +24 -24
- package/dist/es/components/design/views/assemblys/common/common-icon-bind.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/common/common-icon-bind.vue2.js +69 -55
- package/dist/es/components/design/views/assemblys/container/tabs/tabs-attr-base.vue.js +37 -34
- package/dist/es/components/design/views/assemblys/container/tabs/tabs-design.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/container/tabs/tabs-design.vue2.js +36 -32
- package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue2.js +1 -0
- package/dist/es/components/design/views/assemblys/form/common/hyperlink-mult-config.vue.js +16 -16
- package/dist/es/components/design/views/assemblys/form/dept-tree/depttree-attr-base.vue.js +29 -21
- package/dist/es/components/design/views/assemblys/form/dept-tree/depttree-autoset.vue.js +12 -12
- package/dist/es/components/design/views/assemblys/form/dept-tree/depttree-design.vue2.js +13 -13
- package/dist/es/components/design/views/design/page-event/completion-data.d.ts +7 -0
- package/dist/es/components/design/views/design/page-event/completion-data.js +4 -0
- package/dist/es/components/design/views/design/page-event/{config.vue2.js → config.vue.js} +2 -2
- package/dist/es/components/design/views/design/page-event/config.vue3.js +56 -50
- package/dist/es/components/design/views/design/page-event/page-event-content.vue.js +1 -1
- package/dist/es/components/design/views/design/view/view-design-display.vue.js +1 -1
- package/dist/es/components/design/views/design/view/view-design.vue.js +16 -16
- package/dist/es/style.css +20 -17
- package/package.json +5 -5
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { defineComponent as e, ref as l, nextTick as a, resolveComponent as i, createElementBlock as n, openBlock as t, Fragment as o, createBlock as u, createCommentVNode as g, createVNode as d, withCtx as
|
|
1
|
+
import { defineComponent as e, ref as l, nextTick as a, resolveComponent as i, createElementBlock as n, openBlock as t, Fragment as o, createBlock as u, createCommentVNode as g, createVNode as d, withCtx as p, createTextVNode as r, toDisplayString as s, renderList as m, unref as c, createElementVNode as f } from "vue";
|
|
2
2
|
import k from "./suffixmodule.vue.js";
|
|
3
3
|
import P from "./condition.vue.js";
|
|
4
4
|
import { getCustomFuncs as y } from "../../../../utils/page-event-util.js";
|
|
5
|
-
const v = { class: "dialog-footer" },
|
|
6
|
-
const
|
|
5
|
+
const v = { class: "dialog-footer" }, C = e({ __name: "hyperlink-mult-config", props: { linkPage: {}, pageDesign: {}, tableConfigure: {}, isDialog: { type: Boolean }, isButton: { type: Boolean, default: true } }, emits: ["update:linkPage"], setup(e2, { emit: C2 }) {
|
|
6
|
+
const b = l(false), _ = l({}), j = l(null), x = C2, h = e2, S = l(false);
|
|
7
7
|
if (h.linkPage) {
|
|
8
8
|
if (!Array.isArray(h.linkPage)) {
|
|
9
9
|
const e3 = JSON.parse(JSON.stringify(h.linkPage));
|
|
10
10
|
x("update:linkPage", [e3]);
|
|
11
11
|
}
|
|
12
12
|
} else x("update:linkPage", []);
|
|
13
|
-
function
|
|
13
|
+
function T() {
|
|
14
14
|
h.linkPage || x("update:linkPage", []), h.linkPage.push({ jumpConditionType: "none", conditions: [], customFunc: "", jumpPageSetting: {} });
|
|
15
15
|
}
|
|
16
|
-
function
|
|
17
|
-
_.value = e3,
|
|
16
|
+
function $(e3) {
|
|
17
|
+
_.value = e3, b.value = true, "config" === h.linkPage[_.value].jumpConditionType && V();
|
|
18
18
|
}
|
|
19
19
|
function V(e3) {
|
|
20
20
|
j.value.changeTableFields(h.tableConfigure.modelFields);
|
|
@@ -25,22 +25,22 @@ const v = { class: "dialog-footer" }, b = e({ __name: "hyperlink-mult-config", p
|
|
|
25
25
|
return a(() => {
|
|
26
26
|
S.value = true;
|
|
27
27
|
}), (e3, l2) => {
|
|
28
|
-
const a2 = i("el-button"),
|
|
29
|
-
return t(), n(o, null, [S.value ? (t(), u(B, { key: 0, data: e3.linkPage, style: { width: "100%" } }, { default:
|
|
28
|
+
const a2 = i("el-button"), C3 = i("el-link"), x2 = i("el-tooltip"), F = i("el-table-column"), z = i("Plus"), U = i("el-icon"), w = i("Delete"), B = i("el-table"), N = i("el-radio"), A = i("el-radio-group"), J = i("el-form-item"), O = i("el-option"), R = i("el-select"), q = i("el-dialog");
|
|
29
|
+
return t(), n(o, null, [S.value ? (t(), u(B, { key: 0, data: e3.linkPage, style: { width: "100%" } }, { default: p(() => [d(F, { prop: "value", label: "链接页面", align: "center" }, { default: p((i2) => {
|
|
30
30
|
var _a, _b, _c, _d;
|
|
31
|
-
return [((_a = e3.linkPage[i2.$index].jumpPageSetting) == null ? void 0 : _a.jumpPageUrl) ? "page" === ((_b = e3.linkPage[i2.$index].jumpPageSetting) == null ? void 0 : _b.linkType) ? (t(), u(
|
|
31
|
+
return [((_a = e3.linkPage[i2.$index].jumpPageSetting) == null ? void 0 : _a.jumpPageUrl) ? "page" === ((_b = e3.linkPage[i2.$index].jumpPageSetting) == null ? void 0 : _b.linkType) ? (t(), u(C3, { key: 1, type: "primary", onClick: (e4) => $(i2.$index) }, { default: p(() => {
|
|
32
32
|
var _a2;
|
|
33
|
-
return [
|
|
34
|
-
}), _: 2 }, 1032, ["onClick"])) : "url" === ((_c = e3.linkPage[i2.$index].jumpPageSetting) == null ? void 0 : _c.linkType) ? (t(), u(x2, { key: 2, class: "box-item", content: (_d = e3.linkPage[i2.$index].jumpPageSetting) == null ? void 0 : _d.jumpPageUrl }, { default:
|
|
33
|
+
return [r(s((_a2 = e3.linkPage[i2.$index].jumpPageSetting) == null ? void 0 : _a2.jumpPageName), 1)];
|
|
34
|
+
}), _: 2 }, 1032, ["onClick"])) : "url" === ((_c = e3.linkPage[i2.$index].jumpPageSetting) == null ? void 0 : _c.linkType) ? (t(), u(x2, { key: 2, class: "box-item", content: (_d = e3.linkPage[i2.$index].jumpPageSetting) == null ? void 0 : _d.jumpPageUrl }, { default: p(() => [d(C3, { type: "primary", onClick: (e4) => $(i2.$index) }, { default: p(() => {
|
|
35
35
|
var _a2;
|
|
36
|
-
return [
|
|
37
|
-
}), _: 2 }, 1032, ["onClick"])]), _: 2 }, 1032, ["content"])) : g("", true) : (t(), u(a2, { key: 0, type: "primary", onClick: (e4) =>
|
|
38
|
-
}), _: 1 }), d(F, { label: "操作", align: "center" }, { header:
|
|
36
|
+
return [r(s((_a2 = e3.linkPage[i2.$index].jumpPageSetting) == null ? void 0 : _a2.jumpPageUrl), 1)];
|
|
37
|
+
}), _: 2 }, 1032, ["onClick"])]), _: 2 }, 1032, ["content"])) : g("", true) : (t(), u(a2, { key: 0, type: "primary", onClick: (e4) => $(i2.$index) }, { default: p(() => l2[5] || (l2[5] = [r(" 设置 ")])), _: 2 }, 1032, ["onClick"]))];
|
|
38
|
+
}), _: 1 }), d(F, { label: "操作", align: "center" }, { header: p(() => [d(U, { size: "14", style: { color: "#5893ef", cursor: "pointer", "font-weight": "bold" }, onClick: T }, { default: p(() => [d(z)]), _: 1 })]), default: p((e4) => [d(U, { size: "14", style: { color: "#5893ef", cursor: "pointer" }, onClick: (l3) => {
|
|
39
39
|
return e4.row, a3 = e4.$index, void h.linkPage.splice(a3, 1);
|
|
40
40
|
var a3;
|
|
41
|
-
} }, { default:
|
|
41
|
+
} }, { default: p(() => [d(w)]), _: 2 }, 1032, ["onClick"])]), _: 1 })]), _: 1 }, 8, ["data"])) : g("", true), d(q, { "append-to-body": "", modelValue: b.value, "onUpdate:modelValue": l2[4] || (l2[4] = (e4) => b.value = e4), title: "链接配置", width: "500", "before-close": D, "destroy-on-close": "" }, { footer: p(() => [f("div", v, [d(a2, { type: "default", onClick: l2[2] || (l2[2] = (e4) => b.value = false) }, { default: p(() => l2[9] || (l2[9] = [r("取消")])), _: 1 }), d(a2, { type: "primary", onClick: l2[3] || (l2[3] = (e4) => b.value = false) }, { default: p(() => l2[10] || (l2[10] = [r(" 确定 ")])), _: 1 })])]), default: p(() => [d(J, { label: "跳转条件", class: "amb-design-attr-item" }, { default: p(() => [d(A, { modelValue: e3.linkPage[_.value].jumpConditionType, "onUpdate:modelValue": l2[0] || (l2[0] = (l3) => e3.linkPage[_.value].jumpConditionType = l3), onChange: V }, { default: p(() => [d(N, { value: "none", size: "small" }, { default: p(() => l2[6] || (l2[6] = [r("无")])), _: 1 }), d(N, { value: "config", size: "small" }, { default: p(() => l2[7] || (l2[7] = [r("配置条件")])), _: 1 }), d(N, { value: "customFunc", size: "small" }, { default: p(() => l2[8] || (l2[8] = [r("自定义条件")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), d(J, { class: "amb-design-attr-item" }, { default: p(() => ["config" === e3.linkPage[_.value].jumpConditionType ? (t(), u(P, { key: 0, title: "跳转条件", buttonText: "设置条件", list: e3.linkPage[_.value].conditions, tableConfigure: e3.tableConfigure, ref_key: "conditionRef", ref: j }, null, 8, ["list", "tableConfigure"])) : "customFunc" === e3.linkPage[_.value].jumpConditionType ? (t(), u(R, { key: 1, modelValue: e3.linkPage[_.value].customFunc, "onUpdate:modelValue": l2[1] || (l2[1] = (l3) => e3.linkPage[_.value].customFunc = l3), clearable: "", size: "small", placeholder: "请选择" }, { default: p(() => [(t(true), n(o, null, m(c(y)(), (e4) => (t(), u(O, { key: e4.value, label: e4.label, value: e4.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])) : g("", true)]), _: 1 }), d(k, { pageDesign: e3.pageDesign, configure: e3.linkPage[_.value].jumpPageSetting, tableConfigure: e3.tableConfigure, showDisplayConditions: false, isDialog: true }, null, 8, ["pageDesign", "configure", "tableConfigure"])]), _: 1 }, 8, ["modelValue"])], 64);
|
|
42
42
|
};
|
|
43
43
|
} });
|
|
44
44
|
export {
|
|
45
|
-
|
|
45
|
+
C as default
|
|
46
46
|
};
|
|
@@ -1,37 +1,45 @@
|
|
|
1
|
-
import { defineComponent as e, ref as l, resolveComponent as a, createBlock as o, openBlock as t, withCtx as u, createVNode as
|
|
1
|
+
import { defineComponent as e, ref as l, resolveComponent as a, createBlock as o, openBlock as t, withCtx as u, createVNode as i, withDirectives as s, createCommentVNode as d, createElementVNode as r, createElementBlock as p, Fragment as n, renderList as m, unref as f, createTextVNode as c, vShow as b } from "vue";
|
|
2
2
|
import { Search as g } from "@element-plus/icons-vue";
|
|
3
3
|
import { getFormComponentOptions as V } from "../../../../utils/assemblys-config.js";
|
|
4
|
-
import { componentNameChange as
|
|
5
|
-
import
|
|
4
|
+
import { componentNameChange as v } from "../../../../utils/form-design-util.js";
|
|
5
|
+
import _ from "../../common/common-attr-size.vue.js";
|
|
6
6
|
import y from "../../common/common-variable-bind.vue.js";
|
|
7
7
|
import h from "./depttree-autoset.vue.js";
|
|
8
8
|
import { OrganizationInput as S } from "agilebuilder-ui";
|
|
9
9
|
import U from "../../common/common-function-code.vue.js";
|
|
10
10
|
import x from "../common/title-suffix.vue.js";
|
|
11
|
-
import
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
11
|
+
import k from "../../common/common-i18n-key-input.vue.js";
|
|
12
|
+
import { usePageContextStore as j } from "../../../../../../stores/page-store.js";
|
|
13
|
+
import { getModelOptionsByFields as w } from "../../../../utils/page-table-util.js";
|
|
14
|
+
const T = { style: { padding: "8px 0px 0px 0px" } }, z = { style: { padding: "8px 0px 0px 0px" } }, C = { style: { padding: "8px 0px 0px 0px" } }, D = e({ __name: "depttree-attr-base", props: { configure: { type: Object, required: true }, pageDesign: { type: Object, default: () => {
|
|
15
|
+
} }, default: () => ({ props: {} }) }, emits: ["changeAssembly"], setup(e2, { emit: D2 }) {
|
|
16
|
+
const W = j(), F = e2, M = l(F.configure.name), O = D2, q = l(["base"]), L = l(false);
|
|
17
|
+
F.configure.isTable && (L.value = true);
|
|
18
|
+
const A = l(null), B = W.pageContext;
|
|
19
|
+
var E;
|
|
20
|
+
function G(e3) {
|
|
21
|
+
v(F.configure, e3, O);
|
|
17
22
|
}
|
|
18
|
-
function
|
|
19
|
-
|
|
23
|
+
function H(e3, l2) {
|
|
24
|
+
F.configure.props.base.prop = e3, l2 && (F.configure.props.base.title = l2);
|
|
20
25
|
}
|
|
21
|
-
function
|
|
22
|
-
|
|
26
|
+
function I(e3) {
|
|
27
|
+
F.configure.props.base.defaultValue = e3;
|
|
23
28
|
}
|
|
24
|
-
function
|
|
25
|
-
|
|
29
|
+
function J(e3) {
|
|
30
|
+
F.configure.props.base.deptScopeField = e3;
|
|
26
31
|
}
|
|
27
|
-
function
|
|
28
|
-
|
|
32
|
+
function K(e3, l2) {
|
|
33
|
+
F.configure.props.base.deptScopeDepts = l2;
|
|
29
34
|
}
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
35
|
+
function N(e3) {
|
|
36
|
+
"depts" === e3 && (F.configure.props.base.limitFilterColumn = null);
|
|
37
|
+
}
|
|
38
|
+
return (E = B.currentTableConfig) && (A.value = w(E.modelFields)), (l2, v2) => {
|
|
39
|
+
const j2 = a("el-option"), w2 = a("el-select"), D3 = a("el-form-item"), W2 = a("el-input"), F2 = a("el-radio"), O2 = a("el-radio-group"), B2 = a("el-input-number"), E2 = a("el-collapse-item"), P = a("el-checkbox"), Q = a("el-col"), R = a("el-button"), X = a("el-collapse"), Y = a("el-form");
|
|
40
|
+
return t(), o(Y, { "label-width": "80px", size: "small" }, { default: u(() => [i(X, { modelValue: q.value, "onUpdate:modelValue": v2[15] || (v2[15] = (e3) => q.value = e3), style: { "margin-top": "6px" } }, { default: u(() => [i(E2, { title: "基本", name: "base", class: "amb-design-attr-group-header" }, { default: u(() => [r("div", T, [i(D3, { label: "组件类型", class: "amb-design-attr-item" }, { default: u(() => [i(w2, { modelValue: M.value, "onUpdate:modelValue": v2[0] || (v2[0] = (e3) => M.value = e3), onChange: G, placeholder: "请选择" }, { default: u(() => [(t(true), p(n, null, m(f(V)(), (e3) => (t(), o(j2, { key: e3.name, label: e3.label, value: e3.name }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), i(D3, { label: "唯一编码", class: "amb-design-attr-item" }, { default: u(() => [i(W2, { modelValue: e2.configure.uuid, "onUpdate:modelValue": v2[1] || (v2[1] = (l3) => e2.configure.uuid = l3), readonly: "", title: e2.configure.uuid }, null, 8, ["modelValue", "title"])]), _: 1 }), i(D3, { label: "结构树类型", class: "amb-design-attr-item" }, { default: u(() => [i(w2, { modelValue: e2.configure.props.base.treeType, "onUpdate:modelValue": v2[2] || (v2[2] = (l3) => e2.configure.props.base.treeType = l3), placeholder: "请选择" }, { default: u(() => [i(j2, { label: "部门人员树", value: "DeptUserTree" }), i(j2, { label: "工作组人员树", value: "WgUserTree" }), i(j2, { label: "部门树", value: "DeptTree" }), i(j2, { label: "工作组树", value: "WgTree" })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), L.value ? d("", true) : (t(), o(D3, { key: 0, label: "绑定变量", class: "amb-design-attr-item" }, { default: u(() => [(t(), o(y, { key: e2.configure.uuid, modelValue: e2.configure.props.base.prop, paramTypes: ["data", "page"], "onUpdate:modelValue": H }, null, 8, ["modelValue"]))]), _: 1 })), i(D3, { label: "默认值", class: "amb-design-attr-item" }, { default: u(() => [(t(), o(y, { isTable: e2.configure.isTable, key: e2.configure.uuid, modelValue: e2.configure.props.base.defaultValue, "onUpdate:modelValue": I }, null, 8, ["isTable", "modelValue"]))]), _: 1 }), L.value ? d("", true) : (t(), o(D3, { key: 1, label: "绑定权限", class: "amb-design-attr-item" }, { default: u(() => [(t(), o(U, { key: e2.configure.uuid, configure: e2.configure }, null, 8, ["configure"]))]), _: 1 })), L.value ? d("", true) : (t(), o(D3, { key: 2, label: "标题显示", class: "amb-design-attr-item" }, { default: u(() => [i(O2, { modelValue: e2.configure.props.base.tittleShow, "onUpdate:modelValue": v2[3] || (v2[3] = (l3) => e2.configure.props.base.tittleShow = l3), class: "ml-4" }, { default: u(() => [i(F2, { value: true }, { default: u(() => v2[16] || (v2[16] = [c("显示")])), _: 1 }), i(F2, { value: false }, { default: u(() => v2[17] || (v2[17] = [c("隐藏")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })), s(i(D3, { label: "标题", class: "amb-design-attr-item" }, { default: u(() => [i(k, { modelValue: e2.configure.props.base.title, "onUpdate:modelValue": v2[4] || (v2[4] = (l3) => e2.configure.props.base.title = l3) }, null, 8, ["modelValue"])]), _: 1 }, 512), [[b, e2.configure.props.base.tittleShow]]), s(i(D3, { label: "标题宽度", class: "amb-design-attr-item" }, { default: u(() => [i(B2, { modelValue: e2.configure.props.base.titleWidth, "onUpdate:modelValue": v2[5] || (v2[5] = (l3) => e2.configure.props.base.titleWidth = l3), style: { width: "100%" }, min: 0, placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }, 512), [[b, e2.configure.props.base.tittleShow]]), s(i(D3, { label: "标题超宽", title: "标题超宽显示", class: "amb-design-attr-item" }, { default: u(() => [i(O2, { modelValue: e2.configure.props.base.titleShowWay, "onUpdate:modelValue": v2[6] || (v2[6] = (l3) => e2.configure.props.base.titleShowWay = l3), class: "ml-4" }, { default: u(() => [i(F2, { value: "block" }, { default: u(() => v2[18] || (v2[18] = [c("换行")])), _: 1 }), i(F2, { value: "inline" }, { default: u(() => v2[19] || (v2[19] = [c("不换行")])), _: 1 }), i(F2, { value: "omit" }, { default: u(() => v2[20] || (v2[20] = [c("省略号")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[b, e2.configure.props.base.tittleShow && e2.configure.props.base.titleWidth > 0]]), i(D3, { label: "多选", class: "amb-design-attr-item" }, { default: u(() => [i(O2, { modelValue: e2.configure.props.base.treeMultiple, "onUpdate:modelValue": v2[7] || (v2[7] = (l3) => e2.configure.props.base.treeMultiple = l3), class: "ml-4" }, { default: u(() => [i(F2, { value: true }, { default: u(() => v2[21] || (v2[21] = [c("是")])), _: 1 }), i(F2, { value: false }, { default: u(() => v2[22] || (v2[22] = [c("否")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), s(i(D3, { label: "分隔符", class: "amb-design-attr-item" }, { default: u(() => [i(W2, { modelValue: e2.configure.props.base.separator, "onUpdate:modelValue": v2[8] || (v2[8] = (l3) => e2.configure.props.base.separator = l3), placeholder: "," }, null, 8, ["modelValue"])]), _: 1 }, 512), [[b, e2.configure.props.base.treeMultiple]]), i(D3, { label: "尺寸", class: "amb-design-attr-item" }, { default: u(() => [i(O2, { modelValue: e2.configure.props.base.size, "onUpdate:modelValue": v2[9] || (v2[9] = (l3) => e2.configure.props.base.size = l3), class: "ml-4" }, { default: u(() => [i(F2, { value: "large" }, { default: u(() => v2[23] || (v2[23] = [c("大")])), _: 1 }), i(F2, { value: "default" }, { default: u(() => v2[24] || (v2[24] = [c("中")])), _: 1 }), i(F2, { value: "small" }, { default: u(() => v2[25] || (v2[25] = [c("小")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), i(D3, { label: "状态", class: "amb-design-attr-item" }, { default: u(() => [i(O2, { modelValue: e2.configure.props.base.state, "onUpdate:modelValue": v2[10] || (v2[10] = (l3) => e2.configure.props.base.state = l3), class: "ml-4" }, { default: u(() => [i(F2, { value: "default" }, { default: u(() => v2[26] || (v2[26] = [c("普通")])), _: 1 }), i(F2, { value: "disabled" }, { default: u(() => v2[27] || (v2[27] = [c("禁用")])), _: 1 }), i(F2, { value: "hidden" }, { default: u(() => v2[28] || (v2[28] = [c("隐藏")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })])]), _: 1 }), i(E2, { title: "限定部门", name: "deptScopes", class: "amb-design-attr-group-header" }, { default: u(() => [r("div", z, [i(O2, { modelValue: e2.configure.props.base.deptScope, "onUpdate:modelValue": v2[12] || (v2[12] = (l3) => e2.configure.props.base.deptScope = l3), onChange: N }, { default: u(() => [i(D3, { class: "amb-design-attr-item" }, { label: u(() => [i(F2, { value: "field" }, { default: u(() => v2[29] || (v2[29] = [c("指定变量")])), _: 1 })]), default: u(() => [i(y, { showLabel: "field" != e2.configure.props.base.deptScope, objModelOptions: A.value, modelValue: e2.configure.props.base.deptScopeField, "onUpdate:modelValue": J }, null, 8, ["showLabel", "objModelOptions", "modelValue"])]), _: 1 }), i(D3, { class: "amb-design-attr-item" }, { label: u(() => [i(F2, { value: "depts" }, { default: u(() => v2[30] || (v2[30] = [c("固定部门")])), _: 1 })]), default: u(() => [i(f(S), { disabled: "depts" != e2.configure.props.base.deptScope, multiple: true, treeType: "DeptTree", value: e2.configure.props.base.deptScopeDepts, "onUpdate:value": v2[11] || (v2[11] = (l3) => e2.configure.props.base.deptScopeDepts = l3), models: e2.configure.props.base, fields: [{ type: "code", model: "deptScopeCodes" }], size: "small", placeholder: "请选择", separator: ",", onSetValue: K }, null, 8, ["disabled", "value", "models"])]), _: 1 })]), _: 1 }, 8, ["modelValue"]), "field" === e2.configure.props.base.deptScope ? (t(), o(D3, { key: 0, label: "筛选字段", class: "amb-design-attr-item" }, { default: u(() => [i(w2, { modelValue: e2.configure.props.base.limitFilterColumn, "onUpdate:modelValue": v2[13] || (v2[13] = (l3) => e2.configure.props.base.limitFilterColumn = l3), clearable: "", placeholder: "请选择" }, { default: u(() => [i(j2, { key: "id", label: "id", value: "id" }), i(j2, { key: "code", label: "编码", value: "code" }), i(j2, { key: "name", label: "名称", value: "name" })]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : d("", true)])]), _: 1 }), (t(), o(h, { key: e2.configure.uuid, configure: e2.configure }, null, 8, ["configure"])), s(i(x, { configure: e2.configure }, null, 8, ["configure"]), [[b, e2.configure.props.base.tittleShow]]), (t(), o(E2, { title: "校验", name: "verification", key: e2.configure.uuid, class: "amb-design-attr-group-header" }, { default: u(() => [r("div", C, [i(D3, { class: "amb-design-attr-item", "label-width": "0" }, { default: u(() => [i(P, { modelValue: e2.configure.props.verification.required, "onUpdate:modelValue": v2[14] || (v2[14] = (l3) => e2.configure.props.verification.required = l3), label: "必填" }, null, 8, ["modelValue"])]), _: 1 }), i(D3, { class: "amb-design-attr-item", "label-width": "0" }, { default: u(() => [i(Q, { span: 8 }, { default: u(() => [i(P, { label: "自定义", value: "custom" })]), _: 1 }), i(Q, { span: 14 }, { default: u(() => [i(R, { type: "default" }, { default: u(() => v2[31] || (v2[31] = [c("自定义逻辑")])), _: 1 }), i(R, { type: "default", icon: f(g), circle: "" }, null, 8, ["icon"])]), _: 1 })]), _: 1 })])]), _: 1 })), L.value ? d("", true) : (t(), o(_, { key: e2.configure.uuid, size: e2.configure.props.size }, null, 8, ["size"]))]), _: 1 }, 8, ["modelValue"])]), _: 1 });
|
|
33
41
|
};
|
|
34
42
|
} });
|
|
35
43
|
export {
|
|
36
|
-
|
|
44
|
+
D as default
|
|
37
45
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as e, computed as l, onUnmounted as t, resolveComponent as a, createBlock as o, openBlock as
|
|
1
|
+
import { defineComponent as e, computed as l, onUnmounted as t, resolveComponent as a, createBlock as o, openBlock as u, withCtx as r, 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
2
|
import { Plus as b, Delete as g } from "@element-plus/icons-vue";
|
|
3
3
|
import { getUuidv4 as v } from "../../../../utils/common-util.js";
|
|
4
4
|
import y from "../../common/common-variable-bind.vue.js";
|
|
@@ -6,11 +6,11 @@ const h = { style: { padding: "8px 0px 0px 0px" } }, w = e({ __name: "depttree-a
|
|
|
6
6
|
const w2 = e2;
|
|
7
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
8
|
const T = w2.configure.props.base, _ = T.otherFieldSets;
|
|
9
|
-
0 == _.length &&
|
|
9
|
+
0 == _.length && D(null);
|
|
10
10
|
const V = l(() => {
|
|
11
11
|
let e3 = w2.configure.props.base.treeType;
|
|
12
12
|
return e3 = e3 || "DeptUserTree", e3.includes("User") ? "user" : "dept";
|
|
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: "Telephone", value: "电话", types: ["user"] }, { name: "领导登录名", value: "divisionManager", types: ["user"] }, { name: "正职部门编码", value: "mainDeptCode", types: ["user"] }, { name: "正职部门ID", value: "mainDeptId", types: ["user"] }, { name: "分支机构名称", value: "subCompanyName", types: ["user"] }, { name: "分支机构ID", value: "subCompanyId", types: ["user"] }];
|
|
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: "Telephone", value: "电话", types: ["user"] }, { name: "领导登录名", value: "divisionManager", types: ["user"] }, { name: "正职部门编码", value: "mainDeptCode", types: ["user"] }, { name: "正职部门名称", value: "mainDeptName", types: ["user"] }, { name: "正职部门ID", value: "mainDeptId", types: ["user"] }, { name: "分支机构名称", value: "subCompanyName", types: ["user"] }, { name: "分支机构ID", value: "subCompanyId", types: ["user"] }];
|
|
14
14
|
function C(e3) {
|
|
15
15
|
let l2 = -1;
|
|
16
16
|
const t2 = _.length;
|
|
@@ -20,26 +20,26 @@ const h = { style: { padding: "8px 0px 0px 0px" } }, w = e({ __name: "depttree-a
|
|
|
20
20
|
}
|
|
21
21
|
return l2;
|
|
22
22
|
}
|
|
23
|
-
function
|
|
23
|
+
function D(e3) {
|
|
24
24
|
let l2 = -1;
|
|
25
25
|
e3 && (l2 = C(e3));
|
|
26
26
|
const t2 = { uuid: v(), source: "", target: "" };
|
|
27
27
|
_.splice(l2 + 1, 0, t2);
|
|
28
28
|
}
|
|
29
|
-
let
|
|
29
|
+
let x;
|
|
30
30
|
return t(() => {
|
|
31
|
-
|
|
31
|
+
x && clearTimeout(x);
|
|
32
32
|
}), (l2, t2) => {
|
|
33
33
|
const v2 = 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
|
|
34
|
+
return u(), o(S, { title: "其他字段设值", name: "otherFieldSet", class: "amb-design-attr-group-header" }, { default: r(() => [s("div", h, [n(I, { data: p(T).otherFieldSets }, { default: r(() => [n(U, { prop: "label", label: "字段", width: "90" }, { default: r((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: r(() => [(u(), i(m, null, d(k, (e4) => c(n(v2, { 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: r((l3) => [n(y, { isTable: e2.configure.isTable, modelValue: l3.row.target, paramTypes: ["data", "page"], "onUpdate:modelValue": (e3) => function(e4, l4) {
|
|
35
35
|
l4.target = e4;
|
|
36
|
-
}(e3, l3.row) }, null, 8, ["isTable", "modelValue", "onUpdate:modelValue"])]), _: 1 }), n(U, { label: "操作", width: "60" }, { default:
|
|
37
|
-
|
|
36
|
+
}(e3, l3.row) }, null, 8, ["isTable", "modelValue", "onUpdate:modelValue"])]), _: 1 }), n(U, { label: "操作", width: "60" }, { default: r((e3) => [n(F, { size: "14", style: { color: "#5893ef", cursor: "pointer", "font-weight": "bold", "margin-right": "8px" }, onClick: (l3) => D(e3.row) }, { default: r(() => [n(p(b))]), _: 2 }, 1032, ["onClick"]), n(F, { size: "14", style: { color: "#5893ef", cursor: "pointer" }, onClick: (l3) => function(e4) {
|
|
37
|
+
x && clearTimeout(x);
|
|
38
38
|
let l4 = C(e4);
|
|
39
|
-
l4 > -1 && (_.splice(l4, 1), 0 == _.length && (
|
|
40
|
-
|
|
39
|
+
l4 > -1 && (_.splice(l4, 1), 0 == _.length && (x = setTimeout(function() {
|
|
40
|
+
D(null);
|
|
41
41
|
}, 10)));
|
|
42
|
-
}(e3.row) }, { default:
|
|
42
|
+
}(e3.row) }, { default: r(() => [n(p(g))]), _: 2 }, 1032, ["onClick"])]), _: 1 })]), _: 1 }, 8, ["data"])])]), _: 1 });
|
|
43
43
|
};
|
|
44
44
|
} });
|
|
45
45
|
export {
|
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
import { defineComponent as e, ref as t, watch as l, resolveComponent as
|
|
1
|
+
import { defineComponent as e, ref as t, watch as l, resolveComponent as i, createBlock as r, openBlock as u, normalizeStyle as o, normalizeClass as a, withCtx as p, createVNode as s, unref as n, createElementBlock as d, createCommentVNode as c, Fragment as m, createTextVNode as f, toDisplayString as v } from "vue";
|
|
2
2
|
import { caculateDetailComponentStyle as g, caculateComponentProps as y } from "../../../../utils/form-design-util.js";
|
|
3
3
|
import { OrganizationInput as S } from "agilebuilder-ui";
|
|
4
4
|
import b from "../common/title-suffix-element.vue.js";
|
|
5
5
|
const h = e({ __name: "depttree-design", props: { pageDesign: {}, configure: {} }, setup(e2) {
|
|
6
6
|
const h2 = e2;
|
|
7
7
|
h2.configure.runtime || (h2.configure.runtime = {});
|
|
8
|
-
const
|
|
8
|
+
const F = t({ value: void 0 }), T = t({}), C = t(""), x = t({}), z = t({}), k = t({});
|
|
9
9
|
function j(e3, t2) {
|
|
10
|
-
|
|
10
|
+
F.value = t2;
|
|
11
11
|
}
|
|
12
12
|
return l(h2.configure.style, () => {
|
|
13
|
-
g(h2.configure,
|
|
13
|
+
g(h2.configure, T, C, x), h2.configure.runtime.style = T.value, h2.configure.runtime.class = C.value, h2.configure.runtime.headerStyle = x.value;
|
|
14
14
|
}, { immediate: true }), l(h2.configure.props, () => {
|
|
15
|
-
y(h2.configure,
|
|
15
|
+
y(h2.configure, z, k), function() {
|
|
16
16
|
let e3 = h2.configure.props ? h2.configure.props : {};
|
|
17
17
|
const t2 = e3.base ? e3.base : {}, l2 = {};
|
|
18
|
-
l2.treeType = t2.treeType ? t2.treeType : "DeptUserTree", l2.size = t2.size, l2.state = t2.state, l2.multiple = t2.treeMultiple, l2.separator = t2.separator ? t2.separator : ",", "field" == t2.deptScope && t2.deptScopeField && (l2.deptScopeField = t2.deptScopeField), "depts" == t2.deptScope && t2.deptScopeCodes && (l2.deptScopeCodes = t2.deptScopeCodes);
|
|
19
|
-
const
|
|
20
|
-
for (let e4 of
|
|
18
|
+
l2.treeType = t2.treeType ? t2.treeType : "DeptUserTree", l2.size = t2.size, l2.state = t2.state, l2.multiple = t2.treeMultiple, l2.separator = t2.separator ? t2.separator : ",", t2.deptScope && (l2.deptScope = t2.deptScope), "field" == t2.deptScope && t2.deptScopeField && (l2.deptScopeField = t2.deptScopeField), "depts" == t2.deptScope && t2.deptScopeCodes && (l2.deptScopeCodes = t2.deptScopeCodes), t2.limitFilterColumn && (l2.limitFilterColumn = t2.limitFilterColumn);
|
|
19
|
+
const i2 = t2.otherFieldSets ? t2.otherFieldSets : [], r2 = [];
|
|
20
|
+
for (let e4 of i2) if (e4.source && e4.target) {
|
|
21
21
|
let t3 = e4.target;
|
|
22
|
-
|
|
22
|
+
r2.push({ type: e4.source, model: t3 });
|
|
23
23
|
}
|
|
24
|
-
l2.autoSetFields =
|
|
25
|
-
}(), h2.configure.runtime.props =
|
|
24
|
+
l2.autoSetFields = r2, Object.assign(z.value, l2);
|
|
25
|
+
}(), h2.configure.runtime.props = z.value, h2.configure.runtime.titleExceedStyle = k.value;
|
|
26
26
|
}, { immediate: true }), (e3, t2) => {
|
|
27
|
-
const l2 =
|
|
28
|
-
return u(),
|
|
27
|
+
const l2 = i("el-form-item");
|
|
28
|
+
return u(), r(l2, { required: z.value.required, class: a([C.value, "remove-formLabel-formContent-blankStyle"]), "label-width": z.value.labelWidth, style: o(T.value) }, { label: p(() => [z.value.tittleShow ? (u(), d("div", { key: 0, style: o({ ...x.value, ...k.value, "padding-right": "12px" }) }, [z.value.prefixType ? (u(), r(b, { key: 0, configure: e3.configure }, null, 8, ["configure"])) : (u(), d(m, { key: 1 }, [f(v(z.value.title), 1)], 64))], 4)) : c("", true)]), default: p(() => [s(n(S), { disabled: "disabled" == z.value.state, multiple: z.value.multiple, treeType: z.value.treeType, size: z.value.size, value: F.value.value, "onUpdate:value": t2[0] || (t2[0] = (e4) => F.value.value = e4), models: F.value, openTree: false, fields: [], placeholder: "请选择", separator: ",", onSetValue: j }, null, 8, ["disabled", "multiple", "treeType", "size", "value", "models"])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
|
|
29
29
|
};
|
|
30
30
|
} });
|
|
31
31
|
export {
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
const e = { "window.": [{ label: "window.$PageUtil", type: "property", info: "页面工具方法" }, { label: "window.$message", type: "property", info: "提示信息" }, { label: "window.$http", type: "property", info: "接口调用" }], "window.$http.": [{ label: "window.$http.get(url).then(result => {\n\n})", type: "function", info: "" }, { label: "window.$http.post(url,{}).then(result => {\n\n})", type: "function", info: "" }, { label: "window.$http.delete(url).then(result => {\n\n})", type: "function", info: "" }, { label: "window.$http.put(url).then(result => {\n\n})", type: "function", info: "" }, { label: "window.$http.patch(url).then(result => {\n\n})", type: "function", info: "" }], "window.$message.": [{ label: "window.$message.info()", type: "function", info: "提示消息" }, { label: "window.$message.success()", type: "function", info: "成功消息" }, { label: "window.$message.warning()", type: "function", info: "警告消息" }, { label: "window.$message.error()", type: "function", info: "错误消息" }], "window.$PageUtil.": [{ label: "window.$PageUtil.standardEvents", type: "function", info: "标准事件" }, { label: 'window.$PageUtil.getCustomFunc(params.pageContext, "xxxx")', type: "function", info: "获取自定义方法" }, { label: 'window.$PageUtil.getComponentRefByProp(params.pageContext, "xxxx")', type: "function", info: "根据属性获取组件引用对象" }, { label: 'window.$PageUtil.getComponentRefByCode(params.pageContext, "12c216ce9d424259974a56436c5af4cc")', type: "function", info: "根据组件唯一编码获取组件引用对象" }, { label: "window.$PageUtil.getEntity(params.pageContext)", type: "function", info: "获得实体" }, { label: 'window.$PageUtil.getEntityValue(params.pageContext, "xxxx")', type: "function", info: "获得实体属性值" }, { label: "window.$PageUtil.getPageData(params.pageContext)", type: "function", info: "获得页面变量" }, { label: 'window.$PageUtil.getPageDataValue(params.pageContext,"xxxx")', type: "function", info: "获得页面变量属性值" }, { label: "window.$PageUtil.getAdditionalParams(params.pageContext)", type: "function", info: "获得附加参数对象" }, { label: 'window.$PageUtil.getAdditionalParamValue(params.pageContext,"xxxx")', type: "function", info: "获得某附加参数值" }, { label: "window.$PageUtil.getFormViewData(params.pageContext)", type: "function", info: "获得表单数据查看信息" }, { label: "window.$PageUtil.getFormData(params.pageContext,id)", type: "function", info: "重新请求获得表单数据" }, { label: 'window.$PageUtil.setEntityDataValue(params.pageContext, {"name":"xxx",age:1})', type: "function", info: "设置Data值" }, { label: 'window.$PageUtil.setEntityPageValue(params.pageContext, {"name":"xxx",age:1})', type: "function", info: "设置页面变量值" }, { label: 'window.$PageUtil.setEntityValueByType(params.pageContext,"page",{"name":"xxx",age:1})', type: "function", info: "根据类型设置值" }, { label: 'window.$PageUtil.showElement(params.pageContext,["NAME","AGE"])', type: "function", info: "显示页面中的某个组件元素" }, { label: 'window.$PageUtil.hideElement(params.pageContext,["NAME","AGE"])', type: "function", info: "隐藏页面中的某个组件元素" }, { label: 'window.$PageUtil.enableElement(params.pageContext,["NAME","AGE"])', type: "function", info: "设置组件元素可用状态" }, { label: 'window.$PageUtil.disableElement(params.pageContext,["NAME","AGE"])', type: "function", info: "禁用页面中的某个组件元素" }, { label: "window.$PageUtil.disabledAllFields(params.pageContext)", type: "function", info: "禁用所有字段" }, { label: "window.$PageUtil.dynamicControlFormEdit(params.pageContext,[])", type: "function", info: "表单编辑权限动态控制" }, { label: "window.$PageUtil.dynamicControlTableEdit(params.pageContext,[],tableCode?)", type: "function", info: "控制表格编辑权限" }, { label: "window.$PageUtil.openPage(params.pageContext,openParam)", type: "function", info: "打开页面" }, { label: "window.$PageUtil.refreshPage(params.pageContext,id)", type: "function", info: "刷新页面" }, { label: "window.$PageUtil.refreshSubTableHandle(params.pageContext,tableCode)", type: "function", info: "刷新表单中子表内容" }, { label: "window.$PageUtil.refreshChildData(params.pageContextt, tableCode, data)", type: "function", info: "更新子表集合" }, { label: "window.$PageUtil.isMobile()", type: "function", info: "是否是移动端" }, { label: "window.$PageUtil.getServerConfigValue(key)", type: "function", info: "根据key获得配置信息" }, { label: "window.$PageUtil.getBackendUrl(params.pageContext)", type: "function", info: "获得当前系统后端访问路径" }, { label: "window.$PageUtil.getPlateBackendUrl()", type: "function", info: "获得平台后端访问路径" }], "logicContext.": [{ label: "logicContext.page", type: "property", info: "页面变量" }, { label: "logicContext.logic", type: "property", info: "页面逻辑" }, { label: "logicContext.task", type: "property", info: "任务变量" }, { label: "logicContext.context", type: "property", info: "上下文变量" }, { label: "logicContext.system", type: "property", info: "系统变量" }, { label: "logicContext.data", type: "property", info: "数据模型变量" }] };
|
|
2
|
+
export {
|
|
3
|
+
e as default
|
|
4
|
+
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./config.vue3.js";
|
|
2
|
-
/* empty css
|
|
2
|
+
/* empty css */
|
|
3
3
|
import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const r = e(o, [["__scopeId", "data-v-
|
|
4
|
+
const r = e(o, [["__scopeId", "data-v-c8908117"]]);
|
|
5
5
|
export {
|
|
6
6
|
r as default
|
|
7
7
|
};
|
|
@@ -1,72 +1,78 @@
|
|
|
1
|
-
import { defineComponent as e, ref as t, onMounted as
|
|
2
|
-
import { useLocalStorage as
|
|
3
|
-
import { Search as
|
|
4
|
-
import { EditorView as
|
|
5
|
-
import { javascriptLanguage as
|
|
6
|
-
import { EditorState as
|
|
1
|
+
import { defineComponent as e, ref as t, onMounted as l, onUnmounted as o, resolveComponent as n, createElementBlock as a, openBlock as r, createElementVNode as i, createVNode as s, createTextVNode as u, withCtx as c, unref as d, normalizeStyle as m } from "vue";
|
|
2
|
+
import { useLocalStorage as f } from "@vueuse/core";
|
|
3
|
+
import { Search as p, MagicStick as v } from "@element-plus/icons-vue";
|
|
4
|
+
import { EditorView as h, basicSetup as g } from "codemirror";
|
|
5
|
+
import { javascriptLanguage as b, javascript as _ } from "@codemirror/lang-javascript";
|
|
6
|
+
import { EditorState as x } from "@codemirror/state";
|
|
7
7
|
import "@codemirror/autocomplete";
|
|
8
8
|
import "@codemirror/language";
|
|
9
|
-
import { openSearchPanel as
|
|
10
|
-
import
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
import { openSearchPanel as y } from "@codemirror/search";
|
|
10
|
+
import k from "js-beautify";
|
|
11
|
+
import w from "./completion-data.js";
|
|
12
|
+
const j = { style: { padding: "8px 16px", margin: "10px 0px", "background-color": "#f4f4f5" }, class: "pppp" }, C = { style: { color: "#909399", "font-size": "14px" } }, z = { key: 0 }, F = { key: 1 }, S = { class: "editorTool" }, O = e({ __name: "config", props: { eventForm: { type: Object, default: () => ({}) } }, emits: ["fullScreen"], setup(e2, { expose: O2, emit: V }) {
|
|
13
|
+
const D = e2;
|
|
13
14
|
t(false);
|
|
14
|
-
const
|
|
15
|
-
let
|
|
16
|
-
|
|
17
|
-
let e3 =
|
|
18
|
-
e3 && (e3 = JSON.parse(e3),
|
|
19
|
-
}),
|
|
20
|
-
|
|
15
|
+
const L = t({ theme: "default", fontSize: 14, searchOpen: false }), T = t(null), W = t(null), $ = t(null), B = t({ backgroundColor: "#fff", color: "#333", border: "1px solid #ddd", overflow: "auto" });
|
|
16
|
+
let R;
|
|
17
|
+
l(() => {
|
|
18
|
+
let e3 = f("editorStyle", "").value;
|
|
19
|
+
e3 && (e3 = JSON.parse(e3), L.value.theme = e3.theme || "default", L.value.fontSize = e3.fontSize || 14), G();
|
|
20
|
+
}), o(() => {
|
|
21
|
+
R && clearTimeout(R);
|
|
21
22
|
});
|
|
22
|
-
const
|
|
23
|
-
|
|
24
|
-
if (t2)
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
23
|
+
const U = b.data.of({ autocomplete: function(e3) {
|
|
24
|
+
const t2 = e3.matchBefore(/(?:window\.[\w$\.]*|logicContext\.[\w$\.]*)/);
|
|
25
|
+
if (!t2 || "" === t2.text) return null;
|
|
26
|
+
const l2 = t2.text;
|
|
27
|
+
if (w[l2]) return { from: t2.from, options: w[l2], filter: true };
|
|
28
|
+
let o2 = null;
|
|
29
|
+
for (const e4 of Object.keys(w)) l2.startsWith(e4) && (!o2 || e4.length > o2.length) && (o2 = e4);
|
|
30
|
+
if (!o2) for (const e4 of Object.keys(w)) e4.startsWith(l2) && (!o2 || e4.length > o2.length) && (o2 = e4);
|
|
31
|
+
if (o2) {
|
|
32
|
+
let e4 = w[o2];
|
|
33
|
+
return (l2.length > o2.length || l2 !== o2) && (e4 = e4.filter((e5) => e5.label.startsWith(l2))), { from: t2.from, options: e4, filter: false };
|
|
29
34
|
}
|
|
35
|
+
if ("window.$" === l2) return { from: t2.from, options: w["window."].filter((e4) => e4.label.startsWith("window.$")), filter: false };
|
|
30
36
|
return null;
|
|
31
37
|
} });
|
|
32
|
-
function
|
|
33
|
-
|
|
38
|
+
function q() {
|
|
39
|
+
f("editorStyle", L.value).value = L.value, T.value && (T.value && T.value.destroy(), G());
|
|
34
40
|
}
|
|
35
|
-
function
|
|
36
|
-
const e3 =
|
|
37
|
-
return
|
|
38
|
-
|
|
41
|
+
function E() {
|
|
42
|
+
const e3 = h.theme({}), t2 = h.theme({ ".cm-content, .cm-gutter": { minHeight: "400px" }, "&": { fontSize: L.value.fontSize + "px" } });
|
|
43
|
+
return x.create({ doc: D.eventForm.jsContent, extensions: [x.tabSize.of(16), g, _(), U, e3, t2, h.updateListener.of(function(e4) {
|
|
44
|
+
D.eventForm.jsContent = e4.state.doc.toString();
|
|
39
45
|
})] });
|
|
40
46
|
}
|
|
41
|
-
function
|
|
42
|
-
const e3 =
|
|
43
|
-
|
|
47
|
+
function G() {
|
|
48
|
+
const e3 = E();
|
|
49
|
+
T.value = new h({ state: e3, parent: document.getElementById("cf-codemirror") || void 0 });
|
|
44
50
|
}
|
|
45
|
-
function
|
|
46
|
-
if (
|
|
47
|
-
|
|
51
|
+
function H() {
|
|
52
|
+
if (T.value) {
|
|
53
|
+
T.value.focus(), y(T.value) && T.value.update([]);
|
|
48
54
|
}
|
|
49
55
|
}
|
|
50
|
-
function
|
|
51
|
-
if (
|
|
52
|
-
const e3 =
|
|
53
|
-
|
|
56
|
+
function J() {
|
|
57
|
+
if (T.value) {
|
|
58
|
+
const e3 = k.js(D.eventForm.jsContent, { indent_level: 0, indent_size: 2, space_in_empty_paren: false, max_preserve_newlines: 2, preserve_newlines: true, jslint_happy: false, keep_array_indentation: false, keep_function_indentation: false, space_before_conditional: true, break_chained_methods: false, eval_code: false, unescape_strings: false, wrap_line_length: 0, end_with_newline: false });
|
|
59
|
+
T.value.dispatch({ changes: { from: 0, to: D.eventForm.jsContent.length, insert: e3 } });
|
|
54
60
|
}
|
|
55
61
|
}
|
|
56
|
-
return
|
|
57
|
-
|
|
58
|
-
const e3 =
|
|
59
|
-
|
|
62
|
+
return O2({ resize: function() {
|
|
63
|
+
R && clearTimeout(R), W.value && (R = setTimeout(() => {
|
|
64
|
+
const e3 = W.value.getBoundingClientRect(), t2 = window.innerHeight - e3.y - 30 + "px";
|
|
65
|
+
T.value && T.value.dom && (T.value.dom.style.height = t2);
|
|
60
66
|
}, 10));
|
|
61
67
|
}, updateJsContent: function(e3) {
|
|
62
68
|
var _a;
|
|
63
|
-
const t2 =
|
|
64
|
-
e3 &&
|
|
65
|
-
} }), (t2,
|
|
66
|
-
const
|
|
67
|
-
return
|
|
69
|
+
const t2 = D.eventForm.jsContent ? D.eventForm.jsContent : "";
|
|
70
|
+
e3 && D.eventForm && (e3.jsContent || (e3.jsContent = ""), Object.assign(D.eventForm, e3), (_a = T.value) == null ? void 0 : _a.dispatch({ changes: { from: 0, to: t2.length, insert: D.eventForm.jsContent } }));
|
|
71
|
+
} }), (t2, l2) => {
|
|
72
|
+
const o2 = n("el-input"), f2 = n("el-option"), h2 = n("el-select"), g2 = n("el-tooltip"), b2 = n("el-icon");
|
|
73
|
+
return r(), a("div", { style: { "padding-right": "20px" }, ref_key: "editorContentRef", ref: $ }, [i("div", j, [i("span", C, [l2[6] || (l2[6] = u(" function ")), "customFunc" === e2.eventForm.name ? (r(), a("span", z, [l2[3] || (l2[3] = u(" ( ")), l2[4] || (l2[4] = i("span", { class: "is_req" }, [i("span", { class: "cell--span required__label" })], -1)), s(o2, { size: "small", modelValue: e2.eventForm.funcParam, "onUpdate:modelValue": l2[0] || (l2[0] = (t3) => e2.eventForm.funcParam = t3), style: { width: "300px" }, title: "方法参数" }, null, 8, ["modelValue"]), l2[5] || (l2[5] = u(" ) "))])) : (r(), a("span", F, " ( params ) ")), l2[7] || (l2[7] = u("{ "))]), i("span", S, [s(g2, { class: "box-item", effect: "dark", content: "切换主题", placement: "top" }, { default: c(() => [s(h2, { class: "editorOption", onChange: q, modelValue: L.value.theme, "onUpdate:modelValue": l2[1] || (l2[1] = (e3) => L.value.theme = e3), placeholder: "", size: "small", style: { width: "120px" } }, { default: c(() => [s(f2, { label: "默认", value: "default" }), s(f2, { label: "VScodeDark", value: "vscodeDark" }), s(f2, { label: "Dracula", value: "dracula" }), s(f2, { label: "GithubLight", value: "githubLight" }), s(f2, { label: "GithubDark", value: "githubDark" }), s(f2, { label: "Eclipse", value: "eclipse" }), s(f2, { label: "XcodeLight", value: "xcodeLight" }), s(f2, { label: "XcodeDark", value: "xcodeDark" })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), s(g2, { class: "box-item", effect: "dark", content: "切换字体大小", placement: "top" }, { default: c(() => [s(h2, { class: "editorOption", modelValue: L.value.fontSize, "onUpdate:modelValue": l2[2] || (l2[2] = (e3) => L.value.fontSize = e3), placeholder: "", onChange: q, size: "small", style: { width: "80px" } }, { default: c(() => [s(f2, { label: "12", value: 12 }), s(f2, { label: "14", value: 14 }), s(f2, { label: "16", value: 16 }), s(f2, { label: "18", value: 18 }), s(f2, { label: "20", value: 20 }), s(f2, { label: "22", value: 22 }), s(f2, { label: "24", value: 24 }), s(f2, { label: "26", value: 26 }), s(f2, { label: "28", value: 28 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })]), s(g2, { class: "box-item", effect: "dark", content: "打开搜索", placement: "top" }, { default: c(() => [s(b2, { class: "editorOption", onClick: H }, { default: c(() => [s(d(p))]), _: 1 })]), _: 1 }), s(g2, { class: "box-item", effect: "dark", content: "格式化代码", placement: "top" }, { default: c(() => [s(b2, { class: "editorOption", onClick: J }, { default: c(() => [s(d(v))]), _: 1 })]), _: 1 })]), i("div", { style: m(B.value), id: "cf-codemirror", ref_key: "codemirrorRef", ref: W }, null, 4), l2[8] || (l2[8] = i("span", { style: { color: "gray" } }, " }", -1))], 512);
|
|
68
74
|
};
|
|
69
75
|
} });
|
|
70
76
|
export {
|
|
71
|
-
|
|
77
|
+
O as default
|
|
72
78
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as e, ref as t, onMounted as n, onUnmounted as a, watch as l, resolveComponent as u, createElementBlock as o, openBlock as s, createElementVNode as i, createVNode as r, withDirectives as m, withCtx as c, vShow as d, unref as v, createTextVNode as p, toDisplayString as f, Fragment as g, renderList as b, createBlock as y } from "vue";
|
|
2
2
|
import { ElMessageBox as x, ElMessage as h } from "element-plus";
|
|
3
|
-
import C from "./config.
|
|
3
|
+
import C from "./config.vue.js";
|
|
4
4
|
import { standardButtonOperations as E } from "../../../utils/assemblys-config.js";
|
|
5
5
|
import { findDesignItemByUuid as S, getUuidv4 as V, deepCopy as k } from "../../../utils/common-util.js";
|
|
6
6
|
import { usePageContextStore as _ } from "../../../../../stores/page-store.js";
|
|
@@ -16,7 +16,7 @@ import "@codemirror/autocomplete";
|
|
|
16
16
|
import "@codemirror/language";
|
|
17
17
|
import "@codemirror/search";
|
|
18
18
|
import "js-beautify";
|
|
19
|
-
/* empty css
|
|
19
|
+
/* empty css */
|
|
20
20
|
import "../../../utils/assemblys-config.js";
|
|
21
21
|
import "../../../../../stores/page-store.js";
|
|
22
22
|
import "../../../../../stores/event-undo-redo-store.js";
|