epic-designer-gold 0.0.6 → 0.0.7
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/{attributeView-6r6gaGIs.js → attributeView-JG5oGAiC.js} +1 -1
- package/dist/{attributeView-C5w7Qfjw.cjs → attributeView-maM2NBVj.cjs} +1 -1
- package/dist/{eventView-NwdUMS87.cjs → eventView-C_DGIuJU.cjs} +1 -1
- package/dist/{eventView-Bjr69Rd5.js → eventView-Hvt6yvlP.js} +1 -1
- package/dist/{index-BGhueRec.js → index-BCOlsgwQ.js} +1 -1
- package/dist/{index-yVfYnYtN.js → index-BGkXLe-e.js} +8 -8
- package/dist/{index-6EFTHNVR.js → index-BPgCAhgM.js} +1 -1
- package/dist/{index-38iyho-s.js → index-B_J1TzuT.js} +41 -41
- package/dist/{index-Cni0jg-k.js → index-B_x6-lM_.js} +1 -1
- package/dist/{index-BhWgpNmb.cjs → index-Bdmg-3K3.cjs} +1 -1
- package/dist/{index-DanxRElg.cjs → index-Bq_W-h--.cjs} +1 -1
- package/dist/{index-IUy1jsog.js → index-C7tLumnl.js} +1 -1
- package/dist/{index-B0MhdHTh.cjs → index-CAliFu_z.cjs} +1 -1
- package/dist/{index-_dOhTAow.js → index-CCsCfnYF.js} +1 -1
- package/dist/index-CHpb3BXy.js +4 -0
- package/dist/{index-BlSHvevj.js → index-CQO3Exnb.js} +1 -1
- package/dist/{index-rKNXYwxe.js → index-CTAIy0UI.js} +1 -1
- package/dist/{index-CYvG8McR.cjs → index-CbS5O_Qy.cjs} +1 -1
- package/dist/{index-Jekw1VEq.js → index-CersfOBH.js} +1 -1
- package/dist/{index-B_1hzyqd.cjs → index-DrGkA-Tv.cjs} +1 -1
- package/dist/{index-CsOmhsxu.cjs → index-Dsi_tF6z.cjs} +1 -1
- package/dist/{index-CKLWkiPp.cjs → index-DzvWzEYk.cjs} +1 -1
- package/dist/index-egFxSHTm.cjs +1 -0
- package/dist/{index-D0zzTC19.cjs → index-fReNZviw.cjs} +2 -2
- package/dist/{index-CSn_RIWx.cjs → index-uKxac_Rh.cjs} +1 -1
- package/dist/{index-CYxJOlU7.cjs → index-vnXMEEmO.cjs} +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/{styleView-BfXze6dH.js → styleView-BGftREzp.js} +1 -1
- package/dist/{styleView-i1faUAbF.cjs → styleView-f9Gbyt6I.cjs} +1 -1
- package/package.json +1 -1
- package/dist/index-OQsMzBdL.js +0 -4
- package/dist/index-bIzClEMh.cjs +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as S, inject as i, computed as V, ref as P, watchEffect as C, openBlock as l, createElementBlock as s, Fragment as N, renderList as D, normalizeClass as m, toDisplayString as E, createCommentVNode as y, createElementVNode as U, createVNode as B, unref as f, nextTick as v } from "vue";
|
|
2
|
-
import { _ as x, p as g, s as h } from "./index-
|
|
2
|
+
import { _ as x, p as g, s as h } from "./index-BGkXLe-e.js";
|
|
3
3
|
import { p as z } from "./pluginManager-D8PM7ICc.js";
|
|
4
4
|
const F = ["title"], M = /* @__PURE__ */ S({
|
|
5
5
|
__name: "attributeView",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l=require("./index-fReNZviw.cjs"),v=require("./pluginManager-itCTrGag.cjs"),k=["title"],g=e.defineComponent({__name:"attributeView",setup(b){const d=e.inject("designer"),s=e.inject("pageSchema"),p=e.inject("revoke"),f=v.pluginManager.getComponentConfings(),c=e.computed(()=>d.state.checkedNode);function h(n){var a;return typeof n.show=="boolean"?n.show:typeof n.show=="function"?(a=n.show)==null?void 0:a.call(n,{values:c.value}):!0}const u=e.ref([]);e.watchEffect(()=>{var o,t,r;const n=(o=d.state.checkedNode)==null?void 0:o.type;if(!d.state.checkedNode||!n)return[];const a=((t=f[n])==null?void 0:t.config.attribute)??[];u.value=[{label:"组件ID",type:"input",field:"id",componentProps:{disabled:!0}},...a],d.state.checkedNode.id===((r=s.schemas[0])==null?void 0:r.id)&&u.value.push({label:"画布宽度",type:"EInputSize",field:"canvas.width",editData:s},{label:"画布高度",type:"EInputSize",field:"canvas.height",editData:s})});function y(n,a,o,t=c.value){typeof o.onChange=="function"&&o.onChange({value:n,values:t,componentAttributes:u}),o.changeSync?l.setValueByPath(t,a,n):e.nextTick(()=>{l.setValueByPath(t,a,n)}),p.push(s.schemas,"编辑组件属性")}function m(n,a,o=c.value){e.nextTick(()=>{l.setValueByPath(o,"componentProps.dynamicId",n)})}return(n,a)=>{var o;return e.openBlock(),e.createElementBlock("div",{class:"epic-attribute-view",key:(o=c.value)==null?void 0:o.id},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,t=>{var r;return e.openBlock(),e.createElementBlock("div",{key:t.field},[h(t)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["epic-attr-item",t.layout])},[t.label?(e.openBlock(),e.createElementBlock("div",{key:0,class:"epic-attr-label",title:t.label},e.toDisplayString(t.label),9,k)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["epic-attr-input",{"block!":t.layout==="vertical"}])},[e.createVNode(e.unref(l._sfc_main),{componentSchema:{...t,componentProps:{...t.componentProps,...t.field==="componentProps.defaultValue"?(r=c.value)==null?void 0:r.componentProps:{},input:!1,field:void 0,hidden:!1},show:!0,noFormItem:!0},dynamicId:e.unref(l.getValueByPath)(t.editData??c.value,"componentProps.dynamicId"),"model-value":e.unref(l.getValueByPath)(t.editData??c.value,t.field),"onUpdate:modelValue":i=>y(i,t.field,t,t.editData),"onUpdate:dynamicId":i=>m(i)},null,8,["componentSchema","dynamicId","model-value","onUpdate:modelValue","onUpdate:dynamicId"])],2)],2)):e.createCommentVNode("",!0)])}),128))])}}});exports.default=g;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=require("./pluginManager-itCTrGag.cjs"),u=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=require("./pluginManager-itCTrGag.cjs"),u=require("./index-fReNZviw.cjs"),g={class:"epic-event-view"},f={key:0},y=e.defineComponent({__name:"eventView",setup(k){const i=e.inject("pageSchema"),c=e.inject("designer"),a=e.inject("revoke"),l=s.pluginManager.getComponent("EActionEditor"),p=s.pluginManager.getComponentConfings(),o=e.computed(()=>c.state.checkedNode),v=e.computed(()=>{var r,d;const n=[{title:"生命周期",events:[{type:"vnodeBeforeMount",describe:"beforeMount"},{type:"vnodeMounted",describe:"mounted"},{type:"vnodeBeforeUpdate",describe:"beforeUpdate"},{type:"vnodeUpdated",describe:"updated"},{type:"vnodeBeforeUnmount",describe:"beforeUnmount"},{type:"vnodeUnmounted",describe:"unmounted"},{type:"vnodeErrorCaptured",describe:"errorCaptured"}]}],t=((d=p[((r=c.state.checkedNode)==null?void 0:r.type)??""])==null?void 0:d.config.event)??[];return n.unshift({title:"组件事件",events:t}),n});function m(n,t){u.setValueByPath(o.value,t,n),a.push(i.schemas,"编辑组件属性")}return(n,t)=>(e.openBlock(),e.createElementBlock("div",g,[o.value?(e.openBlock(),e.createElementBlock("div",f,[(e.openBlock(),e.createBlock(e.unref(l),{key:o.value.id,"event-list":v.value,"model-value":e.unref(u.getValueByPath)(o.value,"on"),"onUpdate:modelValue":t[0]||(t[0]=r=>m(r,"on"))},null,8,["event-list","model-value"]))])):e.createCommentVNode("",!0)]))}});exports.default=y;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as y, inject as d, computed as a, openBlock as r, createElementBlock as i, createBlock as b, unref as u, createCommentVNode as k } from "vue";
|
|
2
2
|
import { p } from "./pluginManager-D8PM7ICc.js";
|
|
3
|
-
import { p as _, s as B } from "./index-
|
|
3
|
+
import { p as _, s as B } from "./index-BGkXLe-e.js";
|
|
4
4
|
const C = { class: "epic-event-view" }, U = { key: 0 }, S = /* @__PURE__ */ y({
|
|
5
5
|
__name: "eventView",
|
|
6
6
|
setup(E) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as g, ref as p, onMounted as h, watch as v, nextTick as V, openBlock as _, createElementBlock as T } from "vue";
|
|
2
2
|
import * as a from "monaco-editor";
|
|
3
|
-
import { q as b } from "./index-
|
|
3
|
+
import { q as b } from "./index-BGkXLe-e.js";
|
|
4
4
|
import { _ as y } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
5
|
const x = /* @__PURE__ */ g({
|
|
6
6
|
__name: "index",
|
|
@@ -1199,7 +1199,7 @@ const ht = { class: "min-w-750px rounded" }, vt = { class: "h-full rounded" }, y
|
|
|
1199
1199
|
"updateSourceData"
|
|
1200
1200
|
],
|
|
1201
1201
|
setup(e, { expose: a, emit: n }) {
|
|
1202
|
-
const o = q(() => import("./index-Ba0ZjQgI.js")), t = q(() => import("./index-M-hTLR0c.js")), s = q(() => import("./index-
|
|
1202
|
+
const o = q(() => import("./index-Ba0ZjQgI.js")), t = q(() => import("./index-M-hTLR0c.js")), s = q(() => import("./index-CCsCfnYF.js")), l = q(() => import("./index-uaq_HmHi.js")), i = q(() => import("./index-DgcFxYFp.js")), c = be(), w = Ue(), m = e;
|
|
1203
1203
|
let r = {
|
|
1204
1204
|
schemas: [
|
|
1205
1205
|
{
|
|
@@ -1387,7 +1387,7 @@ defineExpose({
|
|
|
1387
1387
|
})) : (R(), de("div", gt));
|
|
1388
1388
|
}
|
|
1389
1389
|
}), At = {
|
|
1390
|
-
component: async () => await import("./index-
|
|
1390
|
+
component: async () => await import("./index-BCOlsgwQ.js"),
|
|
1391
1391
|
defaultSchema: {
|
|
1392
1392
|
label: "代码编辑器",
|
|
1393
1393
|
type: "monacoEditor",
|
|
@@ -1437,16 +1437,16 @@ defineExpose({
|
|
|
1437
1437
|
}
|
|
1438
1438
|
};
|
|
1439
1439
|
function Dt(e) {
|
|
1440
|
-
e.component("EInputSize", async () => await import("./index-HM72iSCq.js")), e.component("EColEditor", async () => await import("./index-
|
|
1440
|
+
e.component("EInputSize", async () => await import("./index-HM72iSCq.js")), e.component("EColEditor", async () => await import("./index-C7tLumnl.js")), e.component("EActionEditor", async () => await import("./index-BPgCAhgM.js")), e.component("ERuleEditor", async () => await import("./index-CersfOBH.js")), e.component("EOptionsEditor", async () => await import("./index-CTAIy0UI.js")), e.component("ENode", async () => await import("./index-CHpb3BXy.js")), e.component("EDataSource", async () => await import("./index-B_J1TzuT.js")), e.registerActivitybar({
|
|
1441
1441
|
id: "component_view",
|
|
1442
1442
|
title: "组件",
|
|
1443
1443
|
icon: "icon--epic--extension-outline",
|
|
1444
|
-
component: async () => await import("./index-
|
|
1444
|
+
component: async () => await import("./index-CQO3Exnb.js")
|
|
1445
1445
|
}), e.registerActivitybar({
|
|
1446
1446
|
id: "sound_code_view",
|
|
1447
1447
|
title: "源码",
|
|
1448
1448
|
icon: "icon--epic--sdk-outline-rounded",
|
|
1449
|
-
component: async () => await import("./index-
|
|
1449
|
+
component: async () => await import("./index-B_x6-lM_.js")
|
|
1450
1450
|
}), e.registerActivitybar({
|
|
1451
1451
|
id: "outline_view",
|
|
1452
1452
|
title: "大纲",
|
|
@@ -1455,15 +1455,15 @@ function Dt(e) {
|
|
|
1455
1455
|
}), e.registerRightSidebar({
|
|
1456
1456
|
id: "attribute_view",
|
|
1457
1457
|
title: "属性",
|
|
1458
|
-
component: async () => await import("./attributeView-
|
|
1458
|
+
component: async () => await import("./attributeView-JG5oGAiC.js")
|
|
1459
1459
|
}), e.registerRightSidebar({
|
|
1460
1460
|
id: "style_view",
|
|
1461
1461
|
title: "样式",
|
|
1462
|
-
component: async () => await import("./styleView-
|
|
1462
|
+
component: async () => await import("./styleView-BGftREzp.js")
|
|
1463
1463
|
}), e.registerRightSidebar({
|
|
1464
1464
|
id: "event_view",
|
|
1465
1465
|
title: "事件",
|
|
1466
|
-
component: async () => await import("./eventView-
|
|
1466
|
+
component: async () => await import("./eventView-Hvt6yvlP.js")
|
|
1467
1467
|
}), [At, Et].forEach((n) => {
|
|
1468
1468
|
e.registerComponent(n);
|
|
1469
1469
|
});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as U, inject as L, openBlock as p, createElementBlock as g, Fragment as A, renderList as T, createElementVNode as i, toDisplayString as O, createVNode as C, unref as _, withCtx as R, createCommentVNode as G, createTextVNode as J, ref as E, computed as S, withDirectives as F, normalizeClass as j, vShow as P, reactive as H, createBlock as K, nextTick as Q, toRaw as z, watch as W } from "vue";
|
|
2
|
-
import { l as q, _ as X, k as Y, m as Z } from "./index-
|
|
2
|
+
import { l as q, _ as X, k as Y, m as Z } from "./index-BGkXLe-e.js";
|
|
3
3
|
import { p as w } from "./pluginManager-D8PM7ICc.js";
|
|
4
4
|
import { _ as D } from "./icon.vue_vue_type_script_setup_true_lang-D3QdcReY.js";
|
|
5
5
|
import { d as ee } from "./vuedraggable.umd-D2S7Eo7p.js";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { defineComponent as le, ref as N, reactive as te, onMounted as oe, openBlock as m, createElementBlock as
|
|
1
|
+
import { defineComponent as le, ref as N, reactive as te, onMounted as oe, openBlock as m, createElementBlock as v, createVNode as l, unref as t, withCtx as n, createElementVNode as s, toDisplayString as P, Fragment as O, renderList as U, normalizeClass as ue, createTextVNode as p, createCommentVNode as x } from "vue";
|
|
2
2
|
import { p as c, E as J } from "./pluginManager-D8PM7ICc.js";
|
|
3
3
|
import { ElMessage as L } from "element-plus";
|
|
4
4
|
import { _ as b } from "./icon.vue_vue_type_script_setup_true_lang-D3QdcReY.js";
|
|
5
5
|
import { a as de } from "./axios-CXDYiOMX.js";
|
|
6
|
-
const ne = { class: "e-data-source" }, se = { class: "icon-numbers" }, re = { class: "drawer-content" }, ie = { class: "drawer-content-left" }, me = ["onClick"],
|
|
6
|
+
const ne = { class: "e-data-source" }, se = { class: "icon-numbers" }, re = { class: "drawer-content" }, ie = { class: "drawer-content-left" }, me = ["onClick"], ve = { class: "source-item-title" }, pe = ["onClick"], ce = { class: "drawer-content-right" }, fe = { class: "content" }, ye = {
|
|
7
7
|
key: 0,
|
|
8
8
|
class: "content-empty"
|
|
9
9
|
}, be = {
|
|
@@ -22,9 +22,9 @@ const ne = { class: "e-data-source" }, se = { class: "icon-numbers" }, re = { cl
|
|
|
22
22
|
__name: "index",
|
|
23
23
|
emits: ["update:modelValue", "update:sourceData"],
|
|
24
24
|
setup(Ue, { emit: Je }) {
|
|
25
|
-
const y = c.getComponent("button"),
|
|
25
|
+
const y = c.getComponent("button"), F = c.getComponent("Drawer"), S = c.getComponent("input"), h = c.getComponent("FormItem"), K = c.getComponent("Form"), q = c.getComponent("RadioGroup"), w = c.getComponent("RadioButton"), _ = c.getComponent("select");
|
|
26
26
|
c.getComponent("switch");
|
|
27
|
-
const D = N(), B = N(0),
|
|
27
|
+
const D = N(), B = N(0), $ = te({
|
|
28
28
|
apiName: [{ required: !0, message: "请输入接口名称", trigger: "blur" }],
|
|
29
29
|
url: [{ required: !0, message: "请输入请求地址", trigger: "blur" }],
|
|
30
30
|
dataKey: [{ required: !0, message: "请输入标签键名", trigger: "blur" }],
|
|
@@ -35,27 +35,27 @@ const ne = { class: "e-data-source" }, se = { class: "icon-numbers" }, re = { cl
|
|
|
35
35
|
value: "1"
|
|
36
36
|
}
|
|
37
37
|
];
|
|
38
|
-
function
|
|
38
|
+
function I() {
|
|
39
39
|
E.value = !0;
|
|
40
40
|
}
|
|
41
|
-
function
|
|
41
|
+
function M() {
|
|
42
42
|
const o = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
|
|
43
43
|
return o.charAt(Math.floor(Math.random() * o.length));
|
|
44
44
|
}
|
|
45
|
-
function
|
|
45
|
+
function j(o) {
|
|
46
46
|
let a = "";
|
|
47
47
|
for (let u = 0; u < o; u++)
|
|
48
|
-
a +=
|
|
48
|
+
a += M();
|
|
49
49
|
return a;
|
|
50
50
|
}
|
|
51
51
|
function G() {
|
|
52
52
|
e.value = {
|
|
53
|
-
id:
|
|
53
|
+
id: "",
|
|
54
54
|
url: "",
|
|
55
55
|
body: {},
|
|
56
56
|
bodyList: [],
|
|
57
57
|
// init: false,
|
|
58
|
-
apiName: `数据源_${
|
|
58
|
+
apiName: `数据源_${j(5)}`,
|
|
59
59
|
method: "get",
|
|
60
60
|
params: {},
|
|
61
61
|
paramsList: [],
|
|
@@ -68,7 +68,7 @@ const ne = { class: "e-data-source" }, se = { class: "icon-numbers" }, re = { cl
|
|
|
68
68
|
}
|
|
69
69
|
function A(o) {
|
|
70
70
|
var a;
|
|
71
|
-
V.value = JSON.parse(JSON.stringify(c.getSourceData())), ((a = e.value) == null ? void 0 : a.id) === o ? e.value = {} : (e.value = V.value.find((u) => u.id === o), e.value.paramsList = Object.keys(JSON.parse(e.value.params)).map((u) => ({
|
|
71
|
+
V.value = JSON.parse(JSON.stringify(c.getSourceData())), e.value.id ? ((a = e.value) == null ? void 0 : a.id) === o ? e.value = {} : (e.value = V.value.find((u) => u.id === o), e.value.paramsList = Object.keys(JSON.parse(e.value.params)).map((u) => ({
|
|
72
72
|
label: u,
|
|
73
73
|
value: JSON.parse(e.value.params)[u]
|
|
74
74
|
})), e.value.bodyList = Object.keys(JSON.parse(e.value.body)).map((u) => ({
|
|
@@ -77,7 +77,7 @@ const ne = { class: "e-data-source" }, se = { class: "icon-numbers" }, re = { cl
|
|
|
77
77
|
})), e.value.headerList = Object.keys(JSON.parse(e.value.headers)).map((u) => ({
|
|
78
78
|
label: u,
|
|
79
79
|
value: JSON.parse(e.value.headers)[u]
|
|
80
|
-
})));
|
|
80
|
+
}))) : e.value = {};
|
|
81
81
|
}
|
|
82
82
|
function z(o) {
|
|
83
83
|
J.emit("deleteSourceData", o);
|
|
@@ -181,10 +181,10 @@ const ne = { class: "e-data-source" }, se = { class: "icon-numbers" }, re = { cl
|
|
|
181
181
|
}), e.value = {}));
|
|
182
182
|
});
|
|
183
183
|
}
|
|
184
|
-
return (o, a) => (m(),
|
|
184
|
+
return (o, a) => (m(), v("div", ne, [
|
|
185
185
|
l(t(y), {
|
|
186
186
|
class: "btn",
|
|
187
|
-
onClick:
|
|
187
|
+
onClick: I
|
|
188
188
|
}, {
|
|
189
189
|
default: n(() => [
|
|
190
190
|
l(t(b), {
|
|
@@ -196,7 +196,7 @@ const ne = { class: "e-data-source" }, se = { class: "icon-numbers" }, re = { cl
|
|
|
196
196
|
]),
|
|
197
197
|
_: 1
|
|
198
198
|
}),
|
|
199
|
-
l(t(
|
|
199
|
+
l(t(F), {
|
|
200
200
|
size: 800,
|
|
201
201
|
modelValue: E.value,
|
|
202
202
|
"onUpdate:modelValue": a[7] || (a[7] = (u) => E.value = u),
|
|
@@ -221,14 +221,14 @@ const ne = { class: "e-data-source" }, se = { class: "icon-numbers" }, re = { cl
|
|
|
221
221
|
_: 1
|
|
222
222
|
}),
|
|
223
223
|
s("div", null, [
|
|
224
|
-
(m(!0),
|
|
224
|
+
(m(!0), v(O, null, U(V.value, (u) => {
|
|
225
225
|
var g;
|
|
226
|
-
return m(),
|
|
226
|
+
return m(), v("div", {
|
|
227
227
|
class: ue(["source-item", { active: u.id === ((g = e.value) == null ? void 0 : g.id) }]),
|
|
228
228
|
key: u.id,
|
|
229
229
|
onClick: (f) => A(u.id)
|
|
230
230
|
}, [
|
|
231
|
-
s("div",
|
|
231
|
+
s("div", ve, [
|
|
232
232
|
s("div", null, P(u.method.toLocaleUpperCase()), 1),
|
|
233
233
|
s("div", null, P(u.apiName), 1)
|
|
234
234
|
]),
|
|
@@ -237,24 +237,24 @@ const ne = { class: "e-data-source" }, se = { class: "icon-numbers" }, re = { cl
|
|
|
237
237
|
class: "source-item-icon"
|
|
238
238
|
}, [
|
|
239
239
|
l(t(b), { name: "icon--epic--delete-outline-rounded" })
|
|
240
|
-
], 8,
|
|
240
|
+
], 8, pe)
|
|
241
241
|
], 10, me);
|
|
242
242
|
}), 128))
|
|
243
243
|
])
|
|
244
244
|
]),
|
|
245
245
|
s("div", ce, [
|
|
246
246
|
s("div", fe, [
|
|
247
|
-
!e.value || !Object.keys(e.value).length ? (m(),
|
|
248
|
-
l(t(
|
|
247
|
+
!e.value || !Object.keys(e.value).length ? (m(), v("div", ye, "请选择数据源")) : (m(), v("div", be, [
|
|
248
|
+
l(t(K), {
|
|
249
249
|
ref_key: "ruleFormRef",
|
|
250
250
|
ref: D,
|
|
251
251
|
model: e.value,
|
|
252
252
|
"label-position": "top",
|
|
253
|
-
rules:
|
|
253
|
+
rules: $,
|
|
254
254
|
"label-width": 120
|
|
255
255
|
}, {
|
|
256
256
|
default: n(() => {
|
|
257
|
-
var u, g, f, r,
|
|
257
|
+
var u, g, f, r, R, T;
|
|
258
258
|
return [
|
|
259
259
|
l(t(h), {
|
|
260
260
|
prop: "apiName",
|
|
@@ -296,7 +296,7 @@ const ne = { class: "e-data-source" }, se = { class: "icon-numbers" }, re = { cl
|
|
|
296
296
|
value: "get"
|
|
297
297
|
}, {
|
|
298
298
|
default: n(() => a[10] || (a[10] = [
|
|
299
|
-
|
|
299
|
+
p("GET")
|
|
300
300
|
])),
|
|
301
301
|
_: 1
|
|
302
302
|
}),
|
|
@@ -305,7 +305,7 @@ const ne = { class: "e-data-source" }, se = { class: "icon-numbers" }, re = { cl
|
|
|
305
305
|
value: "post"
|
|
306
306
|
}, {
|
|
307
307
|
default: n(() => a[11] || (a[11] = [
|
|
308
|
-
|
|
308
|
+
p("POST")
|
|
309
309
|
])),
|
|
310
310
|
_: 1
|
|
311
311
|
}),
|
|
@@ -314,7 +314,7 @@ const ne = { class: "e-data-source" }, se = { class: "icon-numbers" }, re = { cl
|
|
|
314
314
|
value: "put"
|
|
315
315
|
}, {
|
|
316
316
|
default: n(() => a[12] || (a[12] = [
|
|
317
|
-
|
|
317
|
+
p("PUT")
|
|
318
318
|
])),
|
|
319
319
|
_: 1
|
|
320
320
|
}),
|
|
@@ -323,7 +323,7 @@ const ne = { class: "e-data-source" }, se = { class: "icon-numbers" }, re = { cl
|
|
|
323
323
|
value: "delete"
|
|
324
324
|
}, {
|
|
325
325
|
default: n(() => a[13] || (a[13] = [
|
|
326
|
-
|
|
326
|
+
p("DELETE")
|
|
327
327
|
])),
|
|
328
328
|
_: 1
|
|
329
329
|
})
|
|
@@ -375,7 +375,7 @@ const ne = { class: "e-data-source" }, se = { class: "icon-numbers" }, re = { cl
|
|
|
375
375
|
]),
|
|
376
376
|
s("div", Ve, [
|
|
377
377
|
s("div", he, [
|
|
378
|
-
a[15] || (a[15] =
|
|
378
|
+
a[15] || (a[15] = p(" 请求参数 ")),
|
|
379
379
|
l(t(y), {
|
|
380
380
|
onClick: H,
|
|
381
381
|
text: "",
|
|
@@ -384,13 +384,13 @@ const ne = { class: "e-data-source" }, se = { class: "icon-numbers" }, re = { cl
|
|
|
384
384
|
}, {
|
|
385
385
|
default: n(() => [
|
|
386
386
|
l(t(b), { name: "icon--epic--add-rounded" }),
|
|
387
|
-
a[14] || (a[14] =
|
|
387
|
+
a[14] || (a[14] = p(" 添加 "))
|
|
388
388
|
]),
|
|
389
389
|
_: 1
|
|
390
390
|
})
|
|
391
391
|
]),
|
|
392
|
-
(u = e.value) != null && u.paramsList && ((g = e.value) != null && g.paramsList.length) ? (m(),
|
|
393
|
-
(m(!0),
|
|
392
|
+
(u = e.value) != null && u.paramsList && ((g = e.value) != null && g.paramsList.length) ? (m(), v("div", _e, [
|
|
393
|
+
(m(!0), v(O, null, U(e.value.paramsList, (d, C) => (m(), v("div", {
|
|
394
394
|
class: "content-item",
|
|
395
395
|
key: d.value
|
|
396
396
|
}, [
|
|
@@ -430,7 +430,7 @@ const ne = { class: "e-data-source" }, se = { class: "icon-numbers" }, re = { cl
|
|
|
430
430
|
]),
|
|
431
431
|
s("div", ke, [
|
|
432
432
|
s("div", Ce, [
|
|
433
|
-
a[17] || (a[17] =
|
|
433
|
+
a[17] || (a[17] = p(" 请求头 ")),
|
|
434
434
|
l(t(y), {
|
|
435
435
|
onClick: W,
|
|
436
436
|
text: "",
|
|
@@ -439,13 +439,13 @@ const ne = { class: "e-data-source" }, se = { class: "icon-numbers" }, re = { cl
|
|
|
439
439
|
}, {
|
|
440
440
|
default: n(() => [
|
|
441
441
|
l(t(b), { name: "icon--epic--add-rounded" }),
|
|
442
|
-
a[16] || (a[16] =
|
|
442
|
+
a[16] || (a[16] = p(" 添加 "))
|
|
443
443
|
]),
|
|
444
444
|
_: 1
|
|
445
445
|
})
|
|
446
446
|
]),
|
|
447
|
-
(f = e.value) != null && f.headerList && ((r = e.value) != null && r.headerList.length) ? (m(),
|
|
448
|
-
(m(!0),
|
|
447
|
+
(f = e.value) != null && f.headerList && ((r = e.value) != null && r.headerList.length) ? (m(), v("div", Le, [
|
|
448
|
+
(m(!0), v(O, null, U(e.value.headerList, (d, C) => (m(), v("div", {
|
|
449
449
|
class: "content-item",
|
|
450
450
|
key: C
|
|
451
451
|
}, [
|
|
@@ -485,7 +485,7 @@ const ne = { class: "e-data-source" }, se = { class: "icon-numbers" }, re = { cl
|
|
|
485
485
|
]),
|
|
486
486
|
s("div", Se, [
|
|
487
487
|
s("div", Ne, [
|
|
488
|
-
a[19] || (a[19] =
|
|
488
|
+
a[19] || (a[19] = p(" 请求体 ")),
|
|
489
489
|
l(t(y), {
|
|
490
490
|
onClick: Y,
|
|
491
491
|
text: "",
|
|
@@ -494,13 +494,13 @@ const ne = { class: "e-data-source" }, se = { class: "icon-numbers" }, re = { cl
|
|
|
494
494
|
}, {
|
|
495
495
|
default: n(() => [
|
|
496
496
|
l(t(b), { name: "icon--epic--add-rounded" }),
|
|
497
|
-
a[18] || (a[18] =
|
|
497
|
+
a[18] || (a[18] = p(" 添加 "))
|
|
498
498
|
]),
|
|
499
499
|
_: 1
|
|
500
500
|
})
|
|
501
501
|
]),
|
|
502
|
-
(
|
|
503
|
-
(m(!0),
|
|
502
|
+
(R = e.value) != null && R.bodyList && ((T = e.value) != null && T.bodyList.length) ? (m(), v("div", we, [
|
|
503
|
+
(m(!0), v(O, null, U(e.value.bodyList, (d, C) => (m(), v("div", {
|
|
504
504
|
class: "content-item",
|
|
505
505
|
key: C
|
|
506
506
|
}, [
|
|
@@ -544,7 +544,7 @@ const ne = { class: "e-data-source" }, se = { class: "icon-numbers" }, re = { cl
|
|
|
544
544
|
onClick: ee
|
|
545
545
|
}, {
|
|
546
546
|
default: n(() => a[20] || (a[20] = [
|
|
547
|
-
|
|
547
|
+
p("请求测试")
|
|
548
548
|
])),
|
|
549
549
|
_: 1
|
|
550
550
|
}),
|
|
@@ -553,7 +553,7 @@ const ne = { class: "e-data-source" }, se = { class: "icon-numbers" }, re = { cl
|
|
|
553
553
|
onClick: ae
|
|
554
554
|
}, {
|
|
555
555
|
default: n(() => a[21] || (a[21] = [
|
|
556
|
-
|
|
556
|
+
p("保存")
|
|
557
557
|
])),
|
|
558
558
|
_: 1
|
|
559
559
|
})
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as u, ref as p, inject as d, watch as f, toRaw as m, openBlock as g, createElementBlock as _, createVNode as h, unref as r } from "vue";
|
|
2
2
|
import { p as N } from "./pluginManager-D8PM7ICc.js";
|
|
3
|
-
import { o as y, d as k } from "./index-
|
|
3
|
+
import { o as y, d as k } from "./index-BGkXLe-e.js";
|
|
4
4
|
const E = { class: "epic-sound-code" }, R = /* @__PURE__ */ u({
|
|
5
5
|
__name: "index",
|
|
6
6
|
setup(O) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),p=require("monaco-editor"),b=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),p=require("monaco-editor"),b=require("./index-fReNZviw.cjs"),h=require("./_plugin-vue_export-helper-BHFhmbuH.cjs");function v(l){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const r in l)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(l,r);Object.defineProperty(o,r,t.get?t:{enumerable:!0,get:()=>l[r]})}}return o.default=l,Object.freeze(o)}const i=v(p),_=a.defineComponent({__name:"index",props:{language:{default:"json"},readOnly:{type:Boolean,default:!1},valueFormat:{default:"string"},modelValue:{},config:{default:()=>({selectOnLineNumbers:!0,minimap:{enabled:!1}})},lineNumbers:{default:"on"},autoToggleTheme:{type:Boolean},theme:{default:"vs-light"}},emits:["update:modelValue"],setup(l,{expose:o,emit:r}){const t=l,s=r,c=a.ref(null);let e=null;const{isDark:f}=b.useTheme();function d(){f.value?i.editor.setTheme("vs-dark"):i.editor.setTheme("vs-light")}function m(u){e==null||e.setValue(u||"")}function g(u){const n=e==null?void 0:e.getPosition();n&&(e==null||e.executeEdits("",[{range:new i.Range(n.lineNumber,n.column,n.lineNumber,n.column),text:u}]),e==null||e.setPosition({...n,column:n.column+u.length}),e==null||e.focus())}return a.onMounted(()=>{e=i.editor.create(c.value,{value:u(),...t.config,language:t.language,readOnly:t.readOnly,lineNumbers:t.lineNumbers,theme:t.theme,scrollBeyondLastLine:!1,scrollbar:{verticalScrollbarSize:10,horizontalScrollbarSize:10},automaticLayout:!0}),t.autoToggleTheme&&a.watch(()=>f.value,()=>{a.nextTick(()=>d())},{immediate:!0});function u(){return t.valueFormat==="json"&&t.modelValue?JSON.stringify(t.modelValue,null,2):t.modelValue??""}e.onDidChangeModelContent(()=>{const n=e==null?void 0:e.getValue();if(t.valueFormat==="json"&&n){s("update:modelValue",JSON.parse(n));return}s("update:modelValue",n??"")})}),o({setValue:m,insertText:g}),(u,n)=>(a.openBlock(),a.createElementBlock("div",{ref_key:"editContainer",ref:c,class:"epic-code-editor"},null,512))}}),y=h._export_sfc(_,[["__scopeId","data-v-3e2e893c"]]);exports.default=y;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-fReNZviw.cjs");exports.default=e._sfc_main;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as V, computed as k, openBlock as a, createElementBlock as l, Fragment as g, renderList as C, createVNode as p, unref as r, createElementVNode as c, createCommentVNode as y } from "vue";
|
|
2
2
|
import { p as U } from "./pluginManager-D8PM7ICc.js";
|
|
3
|
-
import { k as P } from "./index-
|
|
3
|
+
import { k as P } from "./index-BGkXLe-e.js";
|
|
4
4
|
import { _ as b } from "./icon.vue_vue_type_script_setup_true_lang-D3QdcReY.js";
|
|
5
5
|
const E = {
|
|
6
6
|
key: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),C=require("./vuedraggable.umd-BqhSJIAi.cjs"),p=require("./pluginManager-itCTrGag.cjs"),x=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),y=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),C=require("./vuedraggable.umd-BqhSJIAi.cjs"),p=require("./pluginManager-itCTrGag.cjs"),x=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),y=require("./index-fReNZviw.cjs"),N=require("element-plus"),E=require("./axios-tuVKNgv9.cjs"),B=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),S={key:0,class:"pl-4"},U=e.defineComponent({name:"EOptionItem",__name:"optionItem",props:{modelValue:{}},emits:["update:modelValue"],setup(_,{emit:g}){const h=_,V=p.pluginManager.getComponent("input"),d=e.inject("tree",!1),s=g,u=y.useVModel(h,"modelValue",s);function f(o){const c={label:"",value:""};o.children?o.children.push(c):o.children=[c]}function r(o){u.value=u.value.filter((c,m)=>m!==o)}return(o,c)=>{const m=e.resolveComponent("EOptionItem");return e.openBlock(),e.createBlock(e.unref(C.draggable),{modelValue:e.unref(u),"onUpdate:modelValue":c[0]||(c[0]=n=>e.isRef(u)?u.value=n:null),"item-key":"id","component-data":{type:"transition-group"},group:"option-list",handle:".handle",animation:200},{item:e.withCtx(({element:n,index:k})=>[e.createElementVNode("div",null,[e.createElementVNode("div",{class:e.normalizeClass([e.unref(d)?"grid-cols-[16px_auto_auto_16px_16px]":"grid-cols-[16px_auto_auto_16px]","option-item text-16px grid text-$epic-text-secondary gap-2 items-center mb-2"])},[e.createVNode(e.unref(x._sfc_main),{class:"mr-2 cursor-move handle",name:"icon--epic--drag"}),e.createVNode(e.unref(V),{modelValue:n.label,"onUpdate:modelValue":a=>n.label=a,value:n.label,"onUpdate:value":a=>n.label=a,placeholder:"label"},null,8,["modelValue","onUpdate:modelValue","value","onUpdate:value"]),e.createVNode(e.unref(V),{modelValue:n.value,"onUpdate:modelValue":a=>n.value=a,value:n.value,"onUpdate:value":a=>n.value=a,placeholder:"value"},null,8,["modelValue","onUpdate:modelValue","value","onUpdate:value"]),e.unref(d)?(e.openBlock(),e.createBlock(e.unref(x._sfc_main),{key:0,class:"cursor-pointer text-lg!",name:"icon--epic--add-rounded",onClick:a=>f(n)},null,8,["onClick"])):e.createCommentVNode("",!0),e.createVNode(e.unref(x._sfc_main),{class:"hover:text-red cursor-pointer",name:"icon--epic--delete-outline-rounded",onClick:a=>r(k)},null,8,["onClick"])],2),n.children?(e.openBlock(),e.createElementBlock("div",S,[e.createVNode(m,{modelValue:n.children,"onUpdate:modelValue":a=>n.children=a},null,8,["modelValue","onUpdate:modelValue"])])):e.createCommentVNode("",!0)])]),_:1},8,["modelValue"])}}}),M={class:""},O={class:"epic-tabs-box"},I=["title","onClick"],q={key:0},w={class:"py-4 my-2 text-center text-gray-400 bg-white"},$={key:1},j=e.defineComponent({__name:"index",props:{tree:{type:Boolean},modelValue:{},dynamicId:{},type:{}},emits:["update:modelValue","update:EOptionsEditor"],setup(_,{emit:g}){const h=p.pluginManager.getComponent("button"),V=p.pluginManager.getComponent("select"),d=e.ref([]),s=e.reactive({title:"静态"}),u=_,f=g;p.EventBus.on("updateSource",l=>{d.value=p.pluginManager.sourceData.map(t=>({...t,label:t.apiName,value:t.id}))}),e.onMounted(()=>{d.value=p.pluginManager.sourceData.map(l=>({...l,label:l.apiName,value:l.id}))});const r=y.useVModel(u,"modelValue",f),o=y.useVModel(u,"dynamicId",f);function c(l){return l&&Object.prototype.toString.call(l)==="[object Array]"?l:(N.ElMessage.info("请检查数据位置是否配置准确"),[])}e.watch(()=>o.value,async()=>{o.value?s.title="动态":s.title="静态"},{immediate:!0});const m=[{title:"静态"},{title:"动态"}];async function n(l){s.title=l.title,l.title==="静态"&&(o.value="")}async function k(l){const t=d.value.find(i=>i.id===l);let v=await E.axios({method:(t==null?void 0:t.method)||"get",url:"http://localhost:3333/users",params:t!=null&&t.params?JSON.parse(t==null?void 0:t.params):{},data:t!=null&&t.data?JSON.parse(t==null?void 0:t.data):{},headers:t!=null&&t.header?JSON.parse(t==null?void 0:t.header):{}});t&&(t!=null&&t.dataPath)?r.value=c(v.data[t.dataPath]):r.value=c(v.data)}u.modelValue,e.provide("tree",u.tree);function a(){const l=e.reactive({label:"",value:""});r.value.length?r.value=[...r.value,l]:r.value=[l]}return(l,t)=>{var v;return e.openBlock(),e.createElementBlock("div",M,[e.createElementVNode("div",null,[e.createElementVNode("div",O,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(m,(i,b)=>e.createElementVNode("div",{class:e.normalizeClass(["epic-tab cursor-pointer truncate",{checked:s.title===i.title}]),key:b,title:i.title,onClick:D=>n(i)},e.toDisplayString(i.title),11,I)),64))]),s.title==="静态"?(e.openBlock(),e.createElementBlock("div",q,[e.withDirectives(e.createElementVNode("div",w,"暂无选项",512),[[e.vShow,!((v=e.unref(r))!=null&&v.length)]]),e.createVNode(U,{modelValue:e.unref(r),"onUpdate:modelValue":t[0]||(t[0]=i=>e.isRef(r)?r.value=i:null)},null,8,["modelValue"]),e.createVNode(e.unref(h),{onClick:a},{default:e.withCtx(()=>t[2]||(t[2]=[e.createTextVNode("添加选项")])),_:1})])):(e.openBlock(),e.createElementBlock("div",$,[t[3]||(t[3]=e.createElementVNode("span",{style:{"font-size":"12px","margin-bottom":"8px",display:"inline-block"}},"数据源",-1)),e.createVNode(e.unref(V),{modelValue:e.unref(o),"onUpdate:modelValue":t[1]||(t[1]=i=>e.isRef(o)?o.value=i:null),placeholder:"请选择数据源",clearable:"",options:d.value,onChange:k},null,8,["modelValue","options"])]))])])}}}),A=B._export_sfc(j,[["__scopeId","data-v-9004c684"]]);exports.default=A;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as K, inject as L, ref as C, computed as j, watch as Y, openBlock as M, createElementBlock as W, Fragment as X, withDirectives as de, createElementVNode as w, normalizeClass as q, toDisplayString as _e, unref as h, createVNode as z, createCommentVNode as se, vShow as ue, createBlock as te, mergeProps as Se, withCtx as oe, useAttrs as we, provide as Ce, onUnmounted as ke, resolveComponent as Ne, createSlots as $e, renderList as ve, shallowRef as Re, watchEffect as Te, nextTick as pe, normalizeStyle as le, renderSlot as Be, onMounted as Oe } from "vue";
|
|
2
2
|
import { p as U } from "./pluginManager-D8PM7ICc.js";
|
|
3
|
-
import { u as fe, a as Me, f as me, g as Le, b as ae, _ as De, d as ce, c as He, e as Ve, h as We, i as ze, w as Ae, j as Pe } from "./index-
|
|
3
|
+
import { u as fe, a as Me, f as me, g as Le, b as ae, _ as De, d as ce, c as He, e as Ve, h as We, i as ze, w as Ae, j as Pe } from "./index-BGkXLe-e.js";
|
|
4
4
|
import { _ as ie } from "./icon.vue_vue_type_script_setup_true_lang-D3QdcReY.js";
|
|
5
5
|
import { d as Ee } from "./vuedraggable.umd-D2S7Eo7p.js";
|
|
6
6
|
const Fe = { class: "epic-widget-action-item whitespace-nowrap" }, Ie = {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent as D, inject as i, ref as S, computed as b, openBlock as m, createElementBlock as h, createElementVNode as n, createVNode as r, unref as a, withCtx as w, Fragment as E, renderList as M, normalizeClass as j, toDisplayString as V, mergeProps as z, withDirectives as A, vShow as F } from "vue";
|
|
2
2
|
import { d as G } from "./vuedraggable.umd-D2S7Eo7p.js";
|
|
3
3
|
import { p as d } from "./pluginManager-D8PM7ICc.js";
|
|
4
|
-
import { g as B, f as q } from "./index-
|
|
4
|
+
import { g as B, f as q } from "./index-BGkXLe-e.js";
|
|
5
5
|
import { _ as I } from "./icon.vue_vue_type_script_setup_true_lang-D3QdcReY.js";
|
|
6
6
|
const H = { class: "epic-component-view flex flex-col" }, J = { class: "epic-search-box px-10px py-6px" }, K = { class: "flex flex-1 overflow-auto" }, O = { class: "epic-tabs-box" }, Q = ["title", "onClick"], R = { class: "h-full flex-1 overflow-auto py-2 box-border" }, W = ["onClick"], X = { class: "epic-componet-label flex-1 w-0 truncate" }, Y = { class: "text-center pt-42px text-gray-400" }, ae = /* @__PURE__ */ D({
|
|
7
7
|
__name: "index",
|
|
@@ -2,7 +2,7 @@ import { defineComponent as $, inject as D, resolveComponent as M, openBlock as
|
|
|
2
2
|
import { d as H } from "./vuedraggable.umd-D2S7Eo7p.js";
|
|
3
3
|
import { p as _, E as K } from "./pluginManager-D8PM7ICc.js";
|
|
4
4
|
import { _ as U } from "./icon.vue_vue_type_script_setup_true_lang-D3QdcReY.js";
|
|
5
|
-
import { n as E } from "./index-
|
|
5
|
+
import { n as E } from "./index-BGkXLe-e.js";
|
|
6
6
|
import { ElMessage as Q } from "element-plus";
|
|
7
7
|
import { a as W } from "./axios-CXDYiOMX.js";
|
|
8
8
|
import { _ as X } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),k=require("./pluginManager-itCTrGag.cjs"),c=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),k=require("./pluginManager-itCTrGag.cjs"),c=require("./index-fReNZviw.cjs"),B=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),_=[{label:"string",value:"string"},{label:"number",value:"number"},{label:"boolean",value:"boolean"},{label:"method",value:"method"},{label:"regexp",value:"regexp"},{label:"integer",value:"integer"},{label:"float",value:"float"},{label:"array",value:"array"},{label:"object",value:"object"},{label:"date",value:"date"},{label:"url",value:"url"},{label:"hex",value:"hex"},{label:"email",value:"email"},{label:"any",value:"any"}],V=[{label:"change",value:"change"},{label:"blur",value:"blur"}],f=["string","number","url","array","email"],w={class:"rule-item-main bg-white m-t-2 p-2 rounded border border-solid border-gray-200 hover:border-primary transition-all relative"},E={key:0,class:"flex m-t-2 first:m-0"},x={class:"epic-attr-label",title:"校验时机"},q={class:"epic-attr-input"},C=e.defineComponent({__name:"ERuleItem",props:{rule:{}},emits:["change","delete","update:rule"],setup(h,{emit:b}){const i=b,d=h,r=e.computed({get(){return d.rule},set(l){i("update:rule",l)}}),u=e.inject("pageManager",{}),a=e.computed(()=>Object.entries(u.funcs.value).filter(([l,p])=>typeof p=="function").map(([l])=>({label:l,value:l}))),g=[{type:"select",label:"校验时机",model:"trigger",componentProps:{options:V,placeholder:"校验时机",multiple:!0,mode:"multiple"}},{type:"switch",label:"自定义规则",model:"isValidator"},{type:"select",label:"校验函数",model:"validator",show(){return!!r.value.isValidator},componentProps:{options:a.value,placeholder:"校验函数"}},{type:"select",label:"类型",model:"type",show(){return!r.value.isValidator},componentProps:{options:_,placeholder:"类型"}},{type:"input",label:"正则校验",model:"pattern",show(){return!r.value.isValidator},componentProps:{placeholder:"正则校验"}},{type:"number",label:"字段长度",model:"len",show(){return f.includes(r.value.type??"")},componentProps:{min:0,placeholder:"字段长度"}},{type:"number",label:"最小长度",model:"min",show(){return f.includes(r.value.type??"")},componentProps:{min:0,placeholder:"最小长度"}},{type:"number",label:"最大长度",model:"max",show(){return f.includes(r.value.type??"")},componentProps:{min:0,placeholder:"最大长度"}},{type:"input",label:"校验信息",model:"message",componentProps:{placeholder:"校验信息"}}];function o(){const l=r.value;l.isValidator?(delete l.type,delete l.pattern,delete l.len,delete l.min,delete l.max):delete l.validator,i("change",l)}function y(){i("delete")}return(l,p)=>(e.openBlock(),e.createElementBlock("div",w,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(g,(t,m)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:m},[!t.show||t.show()?(e.openBlock(),e.createElementBlock("div",E,[e.createElementVNode("div",x,e.toDisplayString(t.label),1),e.createElementVNode("div",q,[e.createVNode(e.unref(c._sfc_main),{modelValue:r.value[t.model],"onUpdate:modelValue":n=>r.value[t.model]=n,componentSchema:{...t,noFormItem:!0},onChange:o},null,8,["modelValue","onUpdate:modelValue","componentSchema"])])])):e.createCommentVNode("",!0)],64))),64)),e.createElementVNode("div",{class:"rule-btn-delete absolute top-0 text-md right-0 transition-all w-24px h-24px cursor-pointer rounded-bl-2 flex justify-center items-center color-white",onClick:y},[e.createVNode(e.unref(B._sfc_main),{name:"icon--epic--delete-outline-rounded"})])]))}}),N={class:"rule-item-main m-t-2 p-2 rounded border border-solid transition-all relative"},P={key:0,class:"flex m-t-2 first:m-0"},U={class:"epic-attr-label"},F={class:"flex-1"},j=e.defineComponent({__name:"index",props:{ruleType:{type:String,default:"string"},modelValue:{type:Array,default:void 0}},emits:["update:modelValue"],setup(h,{emit:b}){const i=k.pluginManager.getComponent("button"),d=h,r=b,u=c.useVModel(d,"modelValue",r),a=e.ref({required:!1,message:"必填项",type:d.ruleType,trigger:["change"]}),g=[{type:"switch",label:"必填项",model:"required"},{type:"select",label:"校验时机",model:"trigger",show(){return!!a.value.required},componentProps:{options:V,placeholder:"校验时机",multiple:!0,mode:"multiple"}},{type:"select",label:"类型",model:"type",show(){return!!a.value.required},componentProps:{options:_,placeholder:"类型"}},{type:"input",label:"校验信息",model:"message",show(){return!!a.value.required},componentProps:{placeholder:"校验信息"}}],o=e.ref([]);e.watchEffect(()=>{u.value&&(o.value=[],u.value.forEach(t=>{typeof t.required<"u"?a.value=t:o.value.push(t)}))});function y(){o.value.push({message:"",type:d.ruleType,trigger:["change"]}),l()}function l(){if(a.value.required){u.value=c.deepClone([...o.value,a.value]);return}if(o.value.length){u.value=c.deepClone(o.value);return}u.value=void 0}function p(t){o.value.splice(t,1),l()}return(t,m)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",N,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(g,(n,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:s},[!n.show||n.show()?(e.openBlock(),e.createElementBlock("div",P,[e.createElementVNode("div",U,e.toDisplayString(n.label),1),e.createElementVNode("div",F,[e.createVNode(e.unref(c._sfc_main),{modelValue:a.value[n.model],"onUpdate:modelValue":v=>a.value[n.model]=v,componentSchema:{...n,noFormItem:!0},onChange:l},null,8,["modelValue","onUpdate:modelValue","componentSchema"])])])):e.createCommentVNode("",!0)],64))),64))]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,(n,s)=>(e.openBlock(),e.createBlock(C,{key:s,rule:o.value[s],"onUpdate:rule":v=>o.value[s]=v,onDelete:v=>p(s),onChange:l},null,8,["rule","onUpdate:rule","onDelete"]))),128)),e.createVNode(e.unref(i),{class:"m-t-2",onClick:y},{default:e.withCtx(()=>m[0]||(m[0]=[e.createTextVNode(" 添加规则 ")])),_:1})]))}});exports.default=j;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as B, computed as P, inject as O, openBlock as r, createElementBlock as u, Fragment as c, renderList as k, createElementVNode as d, toDisplayString as U, createVNode as g, unref as y, createCommentVNode as $, ref as C, watchEffect as T, createBlock as I, withCtx as M, createTextVNode as N } from "vue";
|
|
2
2
|
import { p as R } from "./pluginManager-D8PM7ICc.js";
|
|
3
|
-
import { _ as j, n as F, m as q } from "./index-
|
|
3
|
+
import { _ as j, n as F, m as q } from "./index-BGkXLe-e.js";
|
|
4
4
|
import { _ as A } from "./icon.vue_vue_type_script_setup_true_lang-D3QdcReY.js";
|
|
5
5
|
const D = [
|
|
6
6
|
{ label: "string", value: "string" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),C=require("./index-D0zzTC19.cjs"),x=require("./pluginManager-itCTrGag.cjs"),b=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),S=require("./vuedraggable.umd-BqhSJIAi.cjs"),$=require("./tree.vue_vue_type_script_setup_true_lang-BVopU0uv.cjs"),w={class:"epic-event-info"},M=["title"],O={class:"epic-event-btn text-lg flex items-center text-$epic-text-secondary"},A={class:"epic-action-editor-main"},U={class:"epic-editor-item rounded"},D={class:"w-36px flex items-center text-lg"},j={class:"flex-1"},L={key:0},K={key:1},R={key:2},T={class:"epic-action-box text-lg text-$epic-text-medium"},q=["onClick"],F=["onClick"],z=e.defineComponent({__name:"EActionEditorItem",props:{itemEvents:{type:Array,default:()=>[]},allEvents:{type:Array,default:()=>[]},modelValue:{type:Object,default:()=>[]},events:{type:Object,default:()=>({})}},emits:["add","edit","update:modelValue"],setup(E,{emit:V}){const m=E,h=V,v=e.inject("pageSchema");function y(p){h("add",p)}function f(p){return C.findSchemaById(v.schemas,p).label}function u(p,i){var t;const a=o(i);a[i]=m.events[i].filter((k,N)=>p!==N),(t=a[i])!=null&&t.length||delete a[i],h("update:modelValue",a)}function r(p,i,a){h("edit",p,i,a)}function o(p){const i={};return m.allEvents.forEach(a=>{if(!m.events[a.type].length||a.type===p)return!1;i[a.type]=m.events[a.type]}),i}return(p,i)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(E.itemEvents,a=>(e.openBlock(),e.createElementBlock("div",{key:a.type,class:"epic-event-item"},[e.createElementVNode("div",w,[e.createElementVNode("div",{class:"epic-event-label",title:a.describe},e.toDisplayString(a.describe),9,M),e.createElementVNode("div",O,[e.createVNode(e.unref(b._sfc_main),{name:"icon--epic--add-rounded",onClick:t=>y(a.type)},null,8,["onClick"])])]),e.createElementVNode("div",A,[e.createVNode(e.unref(S.draggable),{modelValue:m.events[a.type],"onUpdate:modelValue":t=>m.events[a.type]=t,"item-key":"id","component-data":{type:"transition-group"},group:"option-list",handle:".handle",animation:200},{item:e.withCtx(({element:t,index:k})=>[e.createElementVNode("div",U,[e.createElementVNode("div",D,[e.createVNode(e.unref(b._sfc_main),{class:"mr-2 text-lg cursor-move handle text-$epic-text-medium",name:"icon--epic--drag"})]),e.createElementVNode("div",j,[t.type==="component"?(e.openBlock(),e.createElementBlock("div",L,e.toDisplayString(f(t.componentId)),1)):t.type==="custom"?(e.openBlock(),e.createElementBlock("div",K," 自定义函数 ")):t.type==="public"?(e.openBlock(),e.createElementBlock("div",R," 公共函数 ")):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.methodName),1)]),e.createElementVNode("div",T,[e.createElementVNode("div",{class:"epic-edit-btn",onClick:N=>r(k,a.type,t)},[e.createVNode(e.unref(b._sfc_main),{name:"icon--epic--page-info-outline-rounded"})],8,q),e.createElementVNode("div",{class:"epic-del-btn",onClick:N=>u(k,a.type)},[e.createVNode(e.unref(b._sfc_main),{name:"icon--epic--delete-outline-rounded"})],8,F)])])]),_:2},1032,["modelValue","onUpdate:modelValue"])])]))),128))}}),J={class:"h-full flex flex-col"},P=e.defineComponent({__name:"EScriptEdit",setup(E){const V=x.pluginManager.getComponent("monacoEditor"),m={theme:"vs-light",selectOnLineNumbers:!0,minimap:{enabled:!1}},h=e.ref(null),v=e.inject("pageSchema");return(y,f)=>(e.openBlock(),e.createElementBlock("div",J,[f[1]||(f[1]=e.createElementVNode("div",{class:"pb-2"}," 自定义函数编辑 ",-1)),e.createVNode(e.unref(V),{ref_key:"monacoEditorRef",ref:h,autoToggleTheme:"",modelValue:e.unref(v).script,"onUpdate:modelValue":f[0]||(f[0]=u=>e.unref(v).script=u),class:"epic-editor flex-1",config:m,language:"javascript"},null,8,["modelValue"])]))}}),G={class:"epic-attribute-view"},H=["title"],Q={class:"epic-attr-input"},W=e.defineComponent({__name:"EArgsEditor",props:{modelValue:{},actionArgsConfigs:{}},emits:["update:modelValue"],setup(E,{emit:V}){const m=E,h=V,v=e.computed(()=>m.modelValue?JSON.parse(m.modelValue):[]);function y(u){var r;return typeof u.show=="boolean"?u.show:typeof u.show=="function"?(r=u.show)==null?void 0:r.call(u,{values:v.value}):!0}function f(u,r){const o=[...JSON.parse(m.modelValue??"[]")];o[r]=u,h("update:modelValue",JSON.stringify(o))}return(u,r)=>(e.openBlock(),e.createElementBlock("div",G,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.actionArgsConfigs,o=>(e.openBlock(),e.createElementBlock("div",{key:o.field+o.type},[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["epic-attr-item",o.layout])},[e.createElementVNode("div",{class:"epic-attr-label",title:o.label},e.toDisplayString(o.label),9,H),e.createElementVNode("div",Q,[e.createVNode(e.unref(C._sfc_main),{componentSchema:{...o,componentProps:{...o.componentProps,input:!1,field:void 0,hidden:!1},show:!0,noFormItem:!0},"model-value":v.value[o.field],"onUpdate:modelValue":p=>f(p,o.field)},null,8,["componentSchema","model-value","onUpdate:modelValue"])])],2),[[e.vShow,y(o)]])]))),128))]))}}),X={class:"rounded epic-modal-action-main"},Y={class:"epic-modal-left-panel h-full flex flex-col"},Z={class:"flex flex-1 h-0 flex-col"},ee={class:"flex-1 h-0"},te={class:"epic-action-select h-30/100 flex flex-col"},ne={class:"flex-1 overflow-auto pr-8px"},oe=["onClick"],le={class:"text-center pt-42px text-gray-400"},ae={class:"epic-modal-right-panel"},ce={key:1,class:"text-center pt-42px text-gray-400"},se=e.defineComponent({__name:"EActionModal",emits:["add","edit"],setup(E,{expose:V,emit:m}){const h=x.pluginManager.getComponent("modal"),v=e.ref(!0),y=e.inject("pageSchema"),f=e.inject("pageManager",{}),u=e.ref(!1),r=e.ref([]),o=e.ref(null),p=m,i=e.computed(()=>{var l;return t.actionItem.type==="component"?o.value?(l=x.pluginManager.getComponentConfings()[o.value.type].config.action)==null?void 0:l.map(n=>({label:n.describe,value:n.type})):[]:t.actionItem.type==="custom"?Object.entries(f.funcs.value).filter(([n,_])=>typeof _=="function").map(([n])=>({label:n,value:n})):t.actionItem.type==="public"?Object.entries(x.pluginManager.publicMethods).map(([n])=>({label:n,value:n})):[]}),a=e.computed(()=>{if(t.actionItem.type==="component"&&o.value){const l=x.pluginManager.getComponentConfings()[o.value.type].config.action,n=l==null?void 0:l.find(_=>_.type===t.actionItem.methodName);if(n!=null&&n.argsConfigs){const _=n.argsConfigs.findIndex(g=>g.label==="设置数据");_!==-1&&(n.argsConfigs[_]={...o.value,label:"设置数据",field:"0",id:C.getUUID()})}return(n==null?void 0:n.argsConfigs)??[]}return[]}),t=e.reactive({actionItem:{type:"custom",methodName:"test",componentId:null},cacheData:{}});function k(){var l;u.value=!0,v.value=!0,t.actionItem.type="custom",t.actionItem.componentId=null,(l=i.value)!=null&&l.length&&d(i.value[0].value)}function N(l){if(u.value=!0,v.value=!1,o.value=null,l.componentId){const n=C.findSchemaById(y.schemas,l.componentId);o.value=n,r.value=[l.componentId]}e.nextTick(()=>{t.actionItem.componentId=l.componentId,t.actionItem.methodName=l.methodName,t.actionItem.type=l.type,t.actionItem.args=l.args})}function B(){if(!t.actionItem.methodName){alert("请先选择动作方法");return}p(v.value?"add":"edit",C.deepClone(e.toRaw(t.actionItem))),I()}function I(){u.value=!1,r.value=[],t.cacheData={}}function s(l){var n;t.actionItem.componentId=null,t.actionItem.type=l,o.value=null,t.actionItem.methodName=null,r.value=[],(n=i.value)!=null&&n.length&&d(i.value[0].value)}function c(l){var n;t.actionItem.args&&(t.cacheData[t.actionItem.componentId+t.actionItem.methodName]=t.actionItem.args),t.actionItem.componentId=l.id,t.actionItem.type="component",t.actionItem.methodName=null,o.value=l.componentSchema,(n=i.value)!=null&&n.length&&d(i.value[0].value)}function d(l){t.actionItem.methodName=l,t.actionItem.args=t.cacheData[t.actionItem.componentId+t.actionItem.methodName]}return V({handleOpen:k,handleOpenEdit:N}),(l,n)=>(e.openBlock(),e.createBlock(e.unref(h),{modelValue:u.value,"onUpdate:modelValue":n[4]||(n[4]=_=>u.value=_),class:"w-1200px",width:"1200px",onClose:I,onOk:B,title:"动作配置"},{default:e.withCtx(()=>{var _;return[e.createElementVNode("div",X,[e.createElementVNode("div",Y,[e.createElementVNode("div",Z,[e.createElementVNode("div",{class:e.normalizeClass(["fun-btn",{checked:t.actionItem.type==="custom"}]),onClick:n[0]||(n[0]=g=>s("custom"))}," 自定义函数 ",2),e.createElementVNode("div",{class:e.normalizeClass(["fun-btn",{checked:t.actionItem.type==="public"}]),onClick:n[1]||(n[1]=g=>s("public"))}," 公共函数 ",2),n[5]||(n[5]=e.createTextVNode(" 组件 ")),e.createElementVNode("div",ee,[e.createVNode(e.unref($._sfc_main),{selectedKeys:r.value,"onUpdate:selectedKeys":n[2]||(n[2]=g=>r.value=g),options:e.unref(y).schemas,onNodeClick:c},null,8,["selectedKeys","options"])])]),e.createElementVNode("div",te,[n[6]||(n[6]=e.createElementVNode("div",{class:"mb-2"},"动作选择",-1)),e.createElementVNode("div",ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,g=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{checked:g.value===t.actionItem.methodName},"epic-action-item"]),onClick:de=>d(g.value),key:g.value},[e.createElementVNode("span",null,e.toDisplayString(g.label),1)],10,oe))),128)),e.withDirectives(e.createElementVNode("div",le," 当前组件暂无动作 ",512),[[e.vShow,!((_=i.value)!=null&&_.length)]])])])]),e.createElementVNode("div",ae,[t.actionItem.type==="custom"?(e.openBlock(),e.createBlock(P,{key:0})):a.value.length===0?(e.openBlock(),e.createElementBlock("div",ce," 暂无配置 ")):(e.openBlock(),e.createBlock(W,{key:2,modelValue:t.actionItem.args,"onUpdate:modelValue":n[3]||(n[3]=g=>t.actionItem.args=g),actionArgsConfigs:a.value},null,8,["modelValue","actionArgsConfigs"]))])])]}),_:1},8,["modelValue"]))}}),ie=e.defineComponent({__name:"index",props:{eventList:{type:Array,default:()=>[]},modelValue:{type:Object}},emits:["update:modelValue"],setup(E,{emit:V}){const m=x.pluginManager.getComponent("Collapse"),h=x.pluginManager.getComponent("CollapseItem"),v=e.ref(null);let y=0;const f=E,u=V,r=e.computed({get(){return f.modelValue},set(s){u("update:modelValue",s)}}),o=e.ref([]),p=e.computed(()=>f.eventList.filter(s=>s.events.length)),i=e.computed(()=>f.eventList.map(s=>s.events).flat()),a=e.ref({});i.value.forEach(s=>{a.value[s.type]=e.computed({get(){var c;return((c=r.value)==null?void 0:c[s.type])??[]},set(c){c&&c.length?r.value[s.type]=c.map(d=>e.toRaw(d)):delete r.value[s.type]}})}),e.watch(()=>p.value,s=>{s.length&&(o.value=s.filter(c=>{for(let d=0;d<c.events.length;d++){const l=c.events[d].type;if(a.value[l].length)return!0}return!1}).map(c=>c.title))},{immediate:!0});let t="";function k(s){var c;(c=v.value)==null||c.handleOpen(),t=s}function N(s,c,d){var l;(l=v.value)==null||l.handleOpenEdit(d),y=s,t=c}function B(s){a.value[t][y]=s,r.value[t]=[...a.value[t]??[]]}function I(s){if(!r.value){r.value={[t]:[...a.value[t]??[],s]};return}r.value[t]=[...a.value[t]??[],s]}return(s,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(m),{modelValue:o.value,"onUpdate:modelValue":c[1]||(c[1]=d=>o.value=d),activeKey:o.value,"onUpdate:activeKey":c[2]||(c[2]=d=>o.value=d),"expanded-names":o.value,"onUpdate:expandedNames":c[3]||(c[3]=d=>o.value=d)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,d=>(e.openBlock(),e.createBlock(e.unref(h),{key:d.title,title:d.title,header:d.title,name:d.title},{default:e.withCtx(()=>[e.createVNode(z,{modelValue:r.value,"onUpdate:modelValue":c[0]||(c[0]=l=>r.value=l),"item-events":d.events,"all-events":i.value,events:a.value,onAdd:k,onEdit:N},null,8,["modelValue","item-events","all-events","events"])]),_:2},1032,["title","header","name"]))),128))]),_:1},8,["modelValue","activeKey","expanded-names"]),e.createVNode(se,{ref_key:"EActionModalRef",ref:v,onAdd:I,onEdit:B},null,512)],64))}});exports.default=ie;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),C=require("./index-fReNZviw.cjs"),x=require("./pluginManager-itCTrGag.cjs"),b=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),S=require("./vuedraggable.umd-BqhSJIAi.cjs"),$=require("./tree.vue_vue_type_script_setup_true_lang-BVopU0uv.cjs"),w={class:"epic-event-info"},M=["title"],O={class:"epic-event-btn text-lg flex items-center text-$epic-text-secondary"},A={class:"epic-action-editor-main"},U={class:"epic-editor-item rounded"},D={class:"w-36px flex items-center text-lg"},j={class:"flex-1"},L={key:0},K={key:1},R={key:2},T={class:"epic-action-box text-lg text-$epic-text-medium"},q=["onClick"],F=["onClick"],z=e.defineComponent({__name:"EActionEditorItem",props:{itemEvents:{type:Array,default:()=>[]},allEvents:{type:Array,default:()=>[]},modelValue:{type:Object,default:()=>[]},events:{type:Object,default:()=>({})}},emits:["add","edit","update:modelValue"],setup(E,{emit:V}){const m=E,h=V,v=e.inject("pageSchema");function y(p){h("add",p)}function f(p){return C.findSchemaById(v.schemas,p).label}function u(p,i){var t;const a=o(i);a[i]=m.events[i].filter((k,N)=>p!==N),(t=a[i])!=null&&t.length||delete a[i],h("update:modelValue",a)}function r(p,i,a){h("edit",p,i,a)}function o(p){const i={};return m.allEvents.forEach(a=>{if(!m.events[a.type].length||a.type===p)return!1;i[a.type]=m.events[a.type]}),i}return(p,i)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(E.itemEvents,a=>(e.openBlock(),e.createElementBlock("div",{key:a.type,class:"epic-event-item"},[e.createElementVNode("div",w,[e.createElementVNode("div",{class:"epic-event-label",title:a.describe},e.toDisplayString(a.describe),9,M),e.createElementVNode("div",O,[e.createVNode(e.unref(b._sfc_main),{name:"icon--epic--add-rounded",onClick:t=>y(a.type)},null,8,["onClick"])])]),e.createElementVNode("div",A,[e.createVNode(e.unref(S.draggable),{modelValue:m.events[a.type],"onUpdate:modelValue":t=>m.events[a.type]=t,"item-key":"id","component-data":{type:"transition-group"},group:"option-list",handle:".handle",animation:200},{item:e.withCtx(({element:t,index:k})=>[e.createElementVNode("div",U,[e.createElementVNode("div",D,[e.createVNode(e.unref(b._sfc_main),{class:"mr-2 text-lg cursor-move handle text-$epic-text-medium",name:"icon--epic--drag"})]),e.createElementVNode("div",j,[t.type==="component"?(e.openBlock(),e.createElementBlock("div",L,e.toDisplayString(f(t.componentId)),1)):t.type==="custom"?(e.openBlock(),e.createElementBlock("div",K," 自定义函数 ")):t.type==="public"?(e.openBlock(),e.createElementBlock("div",R," 公共函数 ")):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.methodName),1)]),e.createElementVNode("div",T,[e.createElementVNode("div",{class:"epic-edit-btn",onClick:N=>r(k,a.type,t)},[e.createVNode(e.unref(b._sfc_main),{name:"icon--epic--page-info-outline-rounded"})],8,q),e.createElementVNode("div",{class:"epic-del-btn",onClick:N=>u(k,a.type)},[e.createVNode(e.unref(b._sfc_main),{name:"icon--epic--delete-outline-rounded"})],8,F)])])]),_:2},1032,["modelValue","onUpdate:modelValue"])])]))),128))}}),J={class:"h-full flex flex-col"},P=e.defineComponent({__name:"EScriptEdit",setup(E){const V=x.pluginManager.getComponent("monacoEditor"),m={theme:"vs-light",selectOnLineNumbers:!0,minimap:{enabled:!1}},h=e.ref(null),v=e.inject("pageSchema");return(y,f)=>(e.openBlock(),e.createElementBlock("div",J,[f[1]||(f[1]=e.createElementVNode("div",{class:"pb-2"}," 自定义函数编辑 ",-1)),e.createVNode(e.unref(V),{ref_key:"monacoEditorRef",ref:h,autoToggleTheme:"",modelValue:e.unref(v).script,"onUpdate:modelValue":f[0]||(f[0]=u=>e.unref(v).script=u),class:"epic-editor flex-1",config:m,language:"javascript"},null,8,["modelValue"])]))}}),G={class:"epic-attribute-view"},H=["title"],Q={class:"epic-attr-input"},W=e.defineComponent({__name:"EArgsEditor",props:{modelValue:{},actionArgsConfigs:{}},emits:["update:modelValue"],setup(E,{emit:V}){const m=E,h=V,v=e.computed(()=>m.modelValue?JSON.parse(m.modelValue):[]);function y(u){var r;return typeof u.show=="boolean"?u.show:typeof u.show=="function"?(r=u.show)==null?void 0:r.call(u,{values:v.value}):!0}function f(u,r){const o=[...JSON.parse(m.modelValue??"[]")];o[r]=u,h("update:modelValue",JSON.stringify(o))}return(u,r)=>(e.openBlock(),e.createElementBlock("div",G,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.actionArgsConfigs,o=>(e.openBlock(),e.createElementBlock("div",{key:o.field+o.type},[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["epic-attr-item",o.layout])},[e.createElementVNode("div",{class:"epic-attr-label",title:o.label},e.toDisplayString(o.label),9,H),e.createElementVNode("div",Q,[e.createVNode(e.unref(C._sfc_main),{componentSchema:{...o,componentProps:{...o.componentProps,input:!1,field:void 0,hidden:!1},show:!0,noFormItem:!0},"model-value":v.value[o.field],"onUpdate:modelValue":p=>f(p,o.field)},null,8,["componentSchema","model-value","onUpdate:modelValue"])])],2),[[e.vShow,y(o)]])]))),128))]))}}),X={class:"rounded epic-modal-action-main"},Y={class:"epic-modal-left-panel h-full flex flex-col"},Z={class:"flex flex-1 h-0 flex-col"},ee={class:"flex-1 h-0"},te={class:"epic-action-select h-30/100 flex flex-col"},ne={class:"flex-1 overflow-auto pr-8px"},oe=["onClick"],le={class:"text-center pt-42px text-gray-400"},ae={class:"epic-modal-right-panel"},ce={key:1,class:"text-center pt-42px text-gray-400"},se=e.defineComponent({__name:"EActionModal",emits:["add","edit"],setup(E,{expose:V,emit:m}){const h=x.pluginManager.getComponent("modal"),v=e.ref(!0),y=e.inject("pageSchema"),f=e.inject("pageManager",{}),u=e.ref(!1),r=e.ref([]),o=e.ref(null),p=m,i=e.computed(()=>{var l;return t.actionItem.type==="component"?o.value?(l=x.pluginManager.getComponentConfings()[o.value.type].config.action)==null?void 0:l.map(n=>({label:n.describe,value:n.type})):[]:t.actionItem.type==="custom"?Object.entries(f.funcs.value).filter(([n,_])=>typeof _=="function").map(([n])=>({label:n,value:n})):t.actionItem.type==="public"?Object.entries(x.pluginManager.publicMethods).map(([n])=>({label:n,value:n})):[]}),a=e.computed(()=>{if(t.actionItem.type==="component"&&o.value){const l=x.pluginManager.getComponentConfings()[o.value.type].config.action,n=l==null?void 0:l.find(_=>_.type===t.actionItem.methodName);if(n!=null&&n.argsConfigs){const _=n.argsConfigs.findIndex(g=>g.label==="设置数据");_!==-1&&(n.argsConfigs[_]={...o.value,label:"设置数据",field:"0",id:C.getUUID()})}return(n==null?void 0:n.argsConfigs)??[]}return[]}),t=e.reactive({actionItem:{type:"custom",methodName:"test",componentId:null},cacheData:{}});function k(){var l;u.value=!0,v.value=!0,t.actionItem.type="custom",t.actionItem.componentId=null,(l=i.value)!=null&&l.length&&d(i.value[0].value)}function N(l){if(u.value=!0,v.value=!1,o.value=null,l.componentId){const n=C.findSchemaById(y.schemas,l.componentId);o.value=n,r.value=[l.componentId]}e.nextTick(()=>{t.actionItem.componentId=l.componentId,t.actionItem.methodName=l.methodName,t.actionItem.type=l.type,t.actionItem.args=l.args})}function B(){if(!t.actionItem.methodName){alert("请先选择动作方法");return}p(v.value?"add":"edit",C.deepClone(e.toRaw(t.actionItem))),I()}function I(){u.value=!1,r.value=[],t.cacheData={}}function s(l){var n;t.actionItem.componentId=null,t.actionItem.type=l,o.value=null,t.actionItem.methodName=null,r.value=[],(n=i.value)!=null&&n.length&&d(i.value[0].value)}function c(l){var n;t.actionItem.args&&(t.cacheData[t.actionItem.componentId+t.actionItem.methodName]=t.actionItem.args),t.actionItem.componentId=l.id,t.actionItem.type="component",t.actionItem.methodName=null,o.value=l.componentSchema,(n=i.value)!=null&&n.length&&d(i.value[0].value)}function d(l){t.actionItem.methodName=l,t.actionItem.args=t.cacheData[t.actionItem.componentId+t.actionItem.methodName]}return V({handleOpen:k,handleOpenEdit:N}),(l,n)=>(e.openBlock(),e.createBlock(e.unref(h),{modelValue:u.value,"onUpdate:modelValue":n[4]||(n[4]=_=>u.value=_),class:"w-1200px",width:"1200px",onClose:I,onOk:B,title:"动作配置"},{default:e.withCtx(()=>{var _;return[e.createElementVNode("div",X,[e.createElementVNode("div",Y,[e.createElementVNode("div",Z,[e.createElementVNode("div",{class:e.normalizeClass(["fun-btn",{checked:t.actionItem.type==="custom"}]),onClick:n[0]||(n[0]=g=>s("custom"))}," 自定义函数 ",2),e.createElementVNode("div",{class:e.normalizeClass(["fun-btn",{checked:t.actionItem.type==="public"}]),onClick:n[1]||(n[1]=g=>s("public"))}," 公共函数 ",2),n[5]||(n[5]=e.createTextVNode(" 组件 ")),e.createElementVNode("div",ee,[e.createVNode(e.unref($._sfc_main),{selectedKeys:r.value,"onUpdate:selectedKeys":n[2]||(n[2]=g=>r.value=g),options:e.unref(y).schemas,onNodeClick:c},null,8,["selectedKeys","options"])])]),e.createElementVNode("div",te,[n[6]||(n[6]=e.createElementVNode("div",{class:"mb-2"},"动作选择",-1)),e.createElementVNode("div",ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,g=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{checked:g.value===t.actionItem.methodName},"epic-action-item"]),onClick:de=>d(g.value),key:g.value},[e.createElementVNode("span",null,e.toDisplayString(g.label),1)],10,oe))),128)),e.withDirectives(e.createElementVNode("div",le," 当前组件暂无动作 ",512),[[e.vShow,!((_=i.value)!=null&&_.length)]])])])]),e.createElementVNode("div",ae,[t.actionItem.type==="custom"?(e.openBlock(),e.createBlock(P,{key:0})):a.value.length===0?(e.openBlock(),e.createElementBlock("div",ce," 暂无配置 ")):(e.openBlock(),e.createBlock(W,{key:2,modelValue:t.actionItem.args,"onUpdate:modelValue":n[3]||(n[3]=g=>t.actionItem.args=g),actionArgsConfigs:a.value},null,8,["modelValue","actionArgsConfigs"]))])])]}),_:1},8,["modelValue"]))}}),ie=e.defineComponent({__name:"index",props:{eventList:{type:Array,default:()=>[]},modelValue:{type:Object}},emits:["update:modelValue"],setup(E,{emit:V}){const m=x.pluginManager.getComponent("Collapse"),h=x.pluginManager.getComponent("CollapseItem"),v=e.ref(null);let y=0;const f=E,u=V,r=e.computed({get(){return f.modelValue},set(s){u("update:modelValue",s)}}),o=e.ref([]),p=e.computed(()=>f.eventList.filter(s=>s.events.length)),i=e.computed(()=>f.eventList.map(s=>s.events).flat()),a=e.ref({});i.value.forEach(s=>{a.value[s.type]=e.computed({get(){var c;return((c=r.value)==null?void 0:c[s.type])??[]},set(c){c&&c.length?r.value[s.type]=c.map(d=>e.toRaw(d)):delete r.value[s.type]}})}),e.watch(()=>p.value,s=>{s.length&&(o.value=s.filter(c=>{for(let d=0;d<c.events.length;d++){const l=c.events[d].type;if(a.value[l].length)return!0}return!1}).map(c=>c.title))},{immediate:!0});let t="";function k(s){var c;(c=v.value)==null||c.handleOpen(),t=s}function N(s,c,d){var l;(l=v.value)==null||l.handleOpenEdit(d),y=s,t=c}function B(s){a.value[t][y]=s,r.value[t]=[...a.value[t]??[]]}function I(s){if(!r.value){r.value={[t]:[...a.value[t]??[],s]};return}r.value[t]=[...a.value[t]??[],s]}return(s,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(m),{modelValue:o.value,"onUpdate:modelValue":c[1]||(c[1]=d=>o.value=d),activeKey:o.value,"onUpdate:activeKey":c[2]||(c[2]=d=>o.value=d),"expanded-names":o.value,"onUpdate:expandedNames":c[3]||(c[3]=d=>o.value=d)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,d=>(e.openBlock(),e.createBlock(e.unref(h),{key:d.title,title:d.title,header:d.title,name:d.title},{default:e.withCtx(()=>[e.createVNode(z,{modelValue:r.value,"onUpdate:modelValue":c[0]||(c[0]=l=>r.value=l),"item-events":d.events,"all-events":i.value,events:a.value,onAdd:k,onEdit:N},null,8,["modelValue","item-events","all-events","events"])]),_:2},1032,["title","header","name"]))),128))]),_:1},8,["modelValue","activeKey","expanded-names"]),e.createVNode(se,{ref_key:"EActionModalRef",ref:v,onAdd:I,onEdit:B},null,512)],64))}});exports.default=ie;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),H=require("./pluginManager-itCTrGag.cjs"),C=require("./index-D0zzTC19.cjs"),J=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),G=require("./vuedraggable.umd-BqhSJIAi.cjs"),ee={class:"epic-widget-action-item whitespace-nowrap"},te={key:0,class:"flex items-center"},ne=e.defineComponent({__name:"previewWidgets",setup(F,{expose:M}){const f=e.inject("pageManager",{}),k=e.inject("pageSchema"),s=e.inject("designer"),g=e.inject("designerProps"),c=e.inject("revoke"),p=e.ref(null),S=e.ref(null),x=e.ref(null),R=e.ref(!1),l=e.ref(!1),a=e.ref(!0),i=e.ref("top"),{canvasScale:r,disabledZoom:b}=C.useStore();let n=null;const L=e.computed(()=>{const t=s.state.checkedNode;return!(!(t!=null&&t.id)||g.value.lockDefaultSchemaEdit&&f.defaultComponentIds.value.includes(t==null?void 0:t.id))}),T=e.computed(()=>{var B,V,$,m,O,D;const t=f.componentInstances.value,u=(B=s.state.checkedNode)==null?void 0:B.id;if(($=(V=s.state.checkedNode)==null?void 0:V.componentProps)!=null&&$.hidden)return null;const _=H.pluginManager.getComponentConfingByType((m=s.state.checkedNode)==null?void 0:m.type)??null;if(!u||!(t!=null&&t[u]))return null;if(_!=null&&_.defaultSchema.input&&((O=s.state.checkedNode)==null?void 0:O.noFormItem)!==!0)return(D=t[u+"formItem"])==null?void 0:D.$el;const o=t[u];return!(o!=null&&o.$el)||(o==null?void 0:o.$el.nodeName)==="#text"||!(o!=null&&o.$el.getBoundingClientRect)?null:o==null?void 0:o.$el}),E=e.computed(()=>{var B,V,$,m;const t=f.componentInstances.value,u=(B=s.state.hoverNode)==null?void 0:B.id,_=H.pluginManager.getComponentConfingByType((V=s.state.hoverNode)==null?void 0:V.type)??null;if(!u||!(t!=null&&t[u]))return null;if(_!=null&&_.defaultSchema.input&&(($=s.state.hoverNode)==null?void 0:$.noFormItem)!==!0)return(m=t[u+"formItem"])==null?void 0:m.$el;const o=t[u];return(o==null?void 0:o.$el.nodeName)==="#text"?null:o==null?void 0:o.$el}),{mutationObserver:P,observerConfig:W}=Z(j),{startTimedQuery:d,stopTimedQuery:y}=C.useTimedQuery(j);e.watch(()=>T.value,t=>{if(t){R.value=!0,P.observe(t,W);const u=t.parentNode;u&&(u.ondragstart=()=>{a.value=!1,d()},u.ondragend=()=>{a.value=!0,y()}),j()}else R.value=!1});const{mutationObserver:v,observerConfig:w}=Z(q);e.watch(()=>E.value,t=>{t&&(v.observe(t,w),q())});let h=0;e.watch(()=>{var t;return(t=s.state.hoverNode)==null?void 0:t.id},t=>{if(t){l.value=!0,clearTimeout(h);return}h=setTimeout(()=>{l.value=!1},300)});let N=0,z=0;function j(){const t=T.value;if(!t||!n)return;const{top:u,left:_}=n==null?void 0:n.getBoundingClientRect(),{top:o,left:B,width:V,height:$}=t.getBoundingClientRect(),m=b.value?1:r.value,O=o-u+((n==null?void 0:n.scrollTop)??0)*m,D=B-_+((n==null?void 0:n.scrollLeft)??0)*m,I=$/m;p.value&&(p.value.style.width=`${V/m}px`,p.value.style.height=`${I}px`,p.value.style.top=`${O/m}px`,p.value.style.left=`${D/m}px`,A(O,D)),x.value&&(O<45&&I<100?(x.value.style.top="",x.value.style.bottom="-30px",x.value.style["border-radius"]="0px 0px 4px 4px",i.value="bottom"):O<45?(x.value.style.top="0px",x.value.style["border-radius"]="0px 0px 4px 0",i.value="center"):(x.value.style.top="-30px",x.value.style["border-radius"]="4px 4px 0px 0px",i.value="top"))}function A(t,u){const _=T.value;if(!n||!_)return;const o=n.getBoundingClientRect(),{width:B}=_.getBoundingClientRect(),V=b.value?1:r.value,$=t/V-o.top;let m=u/V-o.left+B/V;m<o.width&&(m=0);const O=n.scrollTop-o.height/3+60,D=n.scrollTop+o.height/3*2,I=n.scrollLeft-o.width+200,U=n.scrollLeft+o.width-200;Math.abs($-N)<10&&Math.abs(m-z)<10||(N=$,z=m,!($>O&&$<D&&m>I&&m<U)&&(n.scrollTop=$,n.scrollLeft=m))}function q(){var I,U;const t=E.value;if(!t)return;const{top:u,left:_}=(n==null?void 0:n.getBoundingClientRect())??{top:0,left:0},{top:o,left:B,width:V,height:$}=((I=t.getBoundingClientRect)==null?void 0:I.call(t))??((U=t.nextElementSibling)==null?void 0:U.getBoundingClientRect()),m=b.value?1:r.value,O=o-u+((n==null?void 0:n.scrollTop)??0)*m,D=B-_+((n==null?void 0:n.scrollLeft)??0)*m;S.value&&(S.value.style.width=`${V/m}px`,S.value.style.height=`${$/m}px`,S.value.style.top=`${O/m}px`,S.value.style.left=`${D/m}px`)}function Z(t){const u=window.MutationObserver,_={childList:!0,attributes:!0,subtree:!0};return{mutationObserver:new u(t),observerConfig:_}}function K(){var V;const t=C.findSchemaInfoById(k.schemas,((V=s.state.checkedNode)==null?void 0:V.id)??"root");if(!t)return!1;const{list:u,schema:_,index:o}=t,B=C.generateNewSchema(_);u.splice(o+1,0,B),s.setCheckedNode(B),c.push(k.schemas,"复制组件")}function X(){var B;const t=C.findSchemaInfoById(k.schemas,((B=s.state.checkedNode)==null?void 0:B.id)??"root");if(!t)return!1;let{list:u,schema:_,index:o}=t;u.splice(o,1),o===u.length&&o--,s.setCheckedNode(u[o]),c.push(k.schemas,"删除组件")}function Y(t){n=t,n==null||n.addEventListener("scroll",()=>{j()}),C.useResizeObserver(T,j),C.useResizeObserver(E,q)}return M({handleInit:Y}),(t,u)=>{var _,o,B,V,$;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives(e.createElementVNode("div",{ref_key:"selectorRef",ref:p,class:e.normalizeClass(["epic-checked-widget absolute pointer-events-none z-20",i.value+" "+(a.value?"transition-all":"")])},[e.createElementVNode("div",{class:"epic-widget-action-box",ref_key:"actionBoxRef",ref:x},[e.createElementVNode("div",ee,e.toDisplayString((o=e.unref(H.pluginManager).getComponentConfingByType(((_=e.unref(s).state.checkedNode)==null?void 0:_.type)??""))==null?void 0:o.defaultSchema.label),1),L.value?(e.openBlock(),e.createElementBlock("div",te,[e.createElementVNode("div",{title:"复制",class:"epic-widget-action-item pointer-events-auto",onClick:K},[e.createVNode(e.unref(J._sfc_main),{name:"icon--epic--copy-all-outline-rounded"})]),e.createElementVNode("div",{title:"删除",class:"epic-widget-action-item pointer-events-auto",onClick:X},[e.createVNode(e.unref(J._sfc_main),{name:"icon--epic--delete-outline-rounded"})])])):e.createCommentVNode("",!0)],512)],2),[[e.vShow,R.value&&((B=e.unref(s).state.checkedNode)==null?void 0:B.id)!=="root"]]),e.withDirectives(e.createElementVNode("div",{ref_key:"hoverWidgetRef",ref:S,class:"epic-hover-widget absolute transition-all pointer-events-none z-998"},null,512),[[e.vShow,l.value&&((V=e.unref(s).state.checkedNode)==null?void 0:V.id)!==(($=e.unref(s).state.hoverNode)==null?void 0:$.id)]])],64)}}}),oe=e.defineComponent({name:"EditNodeItem",__name:"editNodeItem",props:{schemas:{}},emits:["update:schemas"],setup(F,{emit:M}){const f=e.inject("designer"),k=e.inject("pageSchema"),s=e.inject("revoke"),g=F,c=M,p=e.computed({get(){return g.schemas},set(a){c("update:schemas",a)}});function S(a){f.setCheckedNode(p.value[a]),f.setDisableHover(!0)}function x(){f.setDisableHover(),s.push(k.schemas,"拖拽组件")}function R(){s.push(k.schemas,"插入组件")}function l(a){var i,r,b;return a.id===((i=k.schemas[0])==null?void 0:i.id)||(b=(r=H.pluginManager.getComponentConfingByType(a.type))==null?void 0:r.editConstraints)!=null&&b.immovable?"unmover-item":"draggable-item"}return(a,i)=>(e.openBlock(),e.createBlock(e.unref(G.draggable),e.mergeProps({modelValue:p.value,"onUpdate:modelValue":i[0]||(i[0]=r=>p.value=r),"item-key":"id","component-data":{type:"transition-group"},class:"epic-draggable-range"},{animation:200,group:"edit-draggable",handle:".draggable-item",ghostClass:"moveing"},{onStart:i[1]||(i[1]=r=>S(r.oldIndex)),onEnd:i[2]||(i[2]=r=>x()),onAdd:i[3]||(i[3]=r=>{S(r.newIndex),R()})}),{item:e.withCtx(({element:r,index:b})=>[(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["widget-box",l(r)]),key:b},[e.createVNode(Q,{schema:r},null,8,["schema"])],2))]),_:1},16,["modelValue"]))}}),Q=e.defineComponent({name:"ENodeItem",__name:"nodeItem",props:{schema:{},name:{}},setup(F){const M=e.useAttrs(),f=e.inject("designer"),k=e.inject("pageManager",{}),s=e.inject("pageSchema",{}),g=e.ref(null);e.provide("nodeAttrs",M);const c=F,p=e.computed(()=>{var b,n,L,T,E;const l=k.componentInstances.value,a=(b=c.schema)==null?void 0:b.id,i=H.pluginManager.getComponentConfingByType((n=c.schema)==null?void 0:n.type)??null;if(!a||!(l!=null&&l[a]))return null;if(i!=null&&i.defaultSchema.input&&((L=c.schema)==null?void 0:L.noFormItem)!==!0)return(T=l[a+"formItem"])==null?void 0:T.$el;const r=l[a];return((E=r==null?void 0:r.$el)==null?void 0:E.nodeName)==="#text"?null:r==null?void 0:r.$el});e.watch(()=>p.value,l=>{l==null||l.addEventListener("click",S,!1),l==null||l.addEventListener("mouseover",x,!1),l==null||l.addEventListener("mouseout",R,!1)}),e.onUnmounted(()=>{var l,a,i;(l=p.value)==null||l.removeEventListener("click",S,!1),(a=p.value)==null||a.removeEventListener("mouseover",x,!1),(i=p.value)==null||i.removeEventListener("mouseout",R,!1)});function S(l){l.stopPropagation(),f.setCheckedNode(c.schema)}function x(l){var a;c.schema.id!==((a=s.schemas[0])==null?void 0:a.id)&&(l.stopPropagation(),f.setHoverNode(c.schema))}function R(l){l.stopPropagation(),f.setHoverNode(null)}return(l,a)=>{var r,b;const i=e.resolveComponent("ENodeItem");return e.openBlock(),e.createBlock(e.unref(C._sfc_main),{ref_key:"nodeRef",ref:g,componentSchema:c.schema},e.createSlots({_:2},[(b=(r=e.unref(H.pluginManager).getComponentConfingByType(c.schema.type))==null?void 0:r.editConstraints)!=null&&b.childImmovable?{name:"edit-node",fn:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.schema.children,n=>(e.openBlock(),e.createBlock(i,{key:n.id,schema:n},null,8,["schema"]))),128))]),key:"0"}:{name:"edit-node",fn:e.withCtx(()=>[c.schema.children?(e.openBlock(),e.createBlock(oe,{key:0,schemas:c.schema.children,"onUpdate:schemas":a[0]||(a[0]=n=>c.schema.children=n)},null,8,["schemas"])):e.createCommentVNode("",!0)]),key:"1"}]),1032,["componentSchema"])}}}),le={class:"min-w-750px rounded h-full"},ae=e.defineComponent({__name:"previewJson",setup(F,{expose:M}){const f=H.pluginManager.getComponent("modal"),k=H.pluginManager.getComponent("monacoEditor"),s={theme:"vs-light",selectOnLineNumbers:!0,minimap:{enabled:!1},readOnly:!0},g=e.ref(null),c=e.ref(!1),p=e.inject("pageSchema");function S(){c.value=!1}function x(){c.value=!0,g.value?g.value.setValue(JSON.stringify(p,null,2)):setTimeout(()=>{x()},300)}function R(l="epic-data.json"){const a=JSON.stringify(p,null,2);var i=`data:text/json;charset=utf-8,${encodeURIComponent(a)}`,r=document.createElement("a");r.setAttribute("href",i),r.setAttribute("download",l),r.click()}return M({handleOpen:x}),(l,a)=>(e.openBlock(),e.createBlock(e.unref(f),{modelValue:c.value,"onUpdate:modelValue":a[0]||(a[0]=i=>c.value=i),title:"查看数据",class:"w-900px",width:"900px",onClose:S,onOk:R,okText:"导出数据"},{default:e.withCtx(()=>[e.createElementVNode("div",le,[e.createVNode(e.unref(k),{ref_key:"monacoEditorRef",ref:g,class:"editor h-full",autoToggleTheme:"",readOnly:"",config:s,language:"json"},null,512)])]),_:1},8,["modelValue"]))}}),re={class:"epic-edit-toolbar flex items-center justify-between px-2"},se={class:"flex-1 h-full flex items-center"},ie={key:0,class:"epic-divider"},ce=["title","onClick"],de={class:"flex-1 h-full flex items-center justify-end"},ue={key:0,class:"flex items-center ml-12px"},fe={class:"pr-8px w-82px cursor-pointer"},pe={class:"epic-device h-28px items-center gap-1 rounded-md border p-2px flex"},me=["title","onClick"],ve=e.defineComponent({__name:"toolbar",setup(F){const M=H.pluginManager.getComponent("select"),{canvasScale:f,disabledZoom:k}=C.useStore(),s=e.ref("pc"),g=e.inject("pageSchema"),c=e.inject("designer"),p=e.inject("revoke"),S=e.ref(null),x=[{icon:"icon--epic--computer-outline-rounded",title:"pc",key:"pc"},{icon:"icon--epic--tablet-android-outline-rounded",title:"平板",key:"pad"},{icon:"icon--epic--phone-iphone-outline-sharp",title:"手机",key:"mobile"}],R=e.computed(()=>[{icon:"icon--epic--code",title:"查看数据",on:()=>L()},{icon:"icon--epic--exit-to-app-rounded",title:"导入数据",on:T},{icon:"icon--epic--trash",title:"清空",on:n},{icon:"icon--epic--undo",title:"撤销",on:r,disabled:!p.recordList.value.length,divider:!0},{icon:"icon--epic--redo",title:"重做",on:b,disabled:!p.undoList.value.length}]),l=e.ref(null),a=e.computed({get(){return`${(f.value*100).toFixed(0)}%`},set(d){const y=parseFloat(d);f.value=y/100}}),i=[{label:"60%",value:"60%"},{label:"80%",value:"80%"},{label:"100%",value:"100%"},{label:"120%",value:"120%"},{label:"140%",value:"140%"}];function r(){const d=p.undo();d&&(C.deepCompareAndModify(g.schemas,d),c.setCheckedNode(g.schemas[0]))}function b(){const d=p.redo();d&&(C.deepCompareAndModify(g.schemas,d),c.setCheckedNode(g.schemas[0]))}function n(){c.reset()}function L(){S.value.handleOpen()}function T(){var d;(d=l.value)==null||d.click()}function E(d){var w;const y=(w=d.target.files)==null?void 0:w[0];if(!y)return;d.target.value=null;const v=new FileReader;v.readAsText(y),v.onload=h=>{var N;P((N=h.target)==null?void 0:N.result)}}function P(d){try{let y=JSON.parse(d??"");y.schemas||(y=C.convertKFormData(y)),C.deepCompareAndModify(g,y)}catch(y){console.error(y)}}function W(d){c.handleToggleDeviceMode(d),s.value=d;const y={pc:{},pad:{width:"780px",mode:d},mobile:{width:"390px",mode:d}};g.canvas=y[d]}return(d,y)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",re,[e.createElementVNode("div",se,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.value,(v,w)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:w},[v.divider?(e.openBlock(),e.createElementBlock("div",ie)):e.createCommentVNode("",!0),e.createElementVNode("div",{title:v.title,class:e.normalizeClass(["epic-action-item text-base h-90% px-10px flex items-center cursor-pointer",{disabled:v.disabled}]),onClick:v.on},[e.createVNode(e.unref(J._sfc_main),{name:v.icon},null,8,["name"])],10,ce)],64))),128))]),e.withDirectives(e.createElementVNode("input",{type:"file",ref_key:"fileRef",ref:l,accept:".json,.txt",onChange:E},null,544),[[e.vShow,!1]]),e.createElementVNode("div",de,[e.unref(k)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ue,[e.createElementVNode("div",fe,[e.createVNode(e.unref(M),{value:a.value,"onUpdate:value":y[0]||(y[0]=v=>a.value=v),modelValue:a.value,"onUpdate:modelValue":y[1]||(y[1]=v=>a.value=v),options:i,size:"small"},null,8,["value","modelValue"])])])),e.createElementVNode("div",pe,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(x,v=>e.createElementVNode("div",{key:v.key,title:v.title,class:e.normalizeClass(["epic-device-item h-full px-1 flex items-center cursor-pointer text-base transition-colors rounded-sm",{checked:v.key===s.value}]),onClick:w=>W(v.key)},[e.createVNode(e.unref(J._sfc_main),{name:v.icon},null,8,["name"])],10,me)),64))])])]),e.createVNode(ae,{ref_key:"previewJson",ref:S},null,512)],64))}}),he={class:"h-full flex flex-col relative"},ge=["draggable"],xe=e.defineComponent({__name:"editScreenContainer",setup(F){const M=e.inject("pageSchema"),f=e.ref(null),k=e.ref(null),s=e.ref(null),{pressSpace:g,disabledZoom:c}=C.useStore(),{handleElementDragStart:p,handleElementDrag:S,handleElementDragEnd:x}=C.useElementDrag(f),{width:R,height:l}=C.useElementSize(f),{canvasScale:a,handleZoom:i}=C.useElementZoom(k);let r=0,b=0;const n=e.ref({}),L=e.ref({}),T=e.ref({}),E=e.shallowRef({width:0,height:0});e.watchEffect(W),e.watch(T,()=>{e.nextTick(P)});function P(){s.value&&(E.value={width:s.value.clientWidth,height:s.value.clientHeight})}function W(){var w,h;T.value={width:((w=M.canvas)==null?void 0:w.width)??"0",height:((h=M.canvas)==null?void 0:h.height)??"0"}}C.watchOnce(R,d),e.watch(E,d);function d(){let w=E.value.width||r,h=E.value.height||b;n.value={width:R.value+w+"px",height:l.value+h+"px"},L.value={width:w+"px",height:h+"px"},y()}function y(){e.nextTick(()=>{var j;let w=E.value.width||r;const N=(E.value.height||b)/2,z=w/2;(j=f.value)==null||j.scrollTo(z,N)})}C.useResizeObserver(f,v),C.useResizeObserver(k,v);function v(){var h;if(!f.value)return;const w=f.value.getBoundingClientRect();if(r=w.width-60,b=w.height-80,!c.value)if(E.value.width===0)a.value=1;else{const N=(r-20)/E.value.width,z=b/(E.value.height||((h=k.value)==null?void 0:h.clientHeight)||1),j=Math.abs(N-1)<Math.abs(z-1);let A=1;j?A=N:A=z,(N<1||z<1)&&(A=Math.min(N,z)),A<1.4&&A>.5&&(a.value=A)}C.debounce(d,50)()}return(w,h)=>(e.openBlock(),e.createElementBlock("div",he,[e.createVNode(ve),e.createElementVNode("div",{ref_key:"editScreenContainerRef",ref:f,class:e.normalizeClass(["flex-1 overflow-auto overflow-y-hidden epic-edit-screen-container",{"cursor-grab":e.unref(g)}]),draggable:e.unref(g),onWheel:h[0]||(h[0]=(...N)=>e.unref(i)&&e.unref(i)(...N)),onDragstart:h[1]||(h[1]=(...N)=>e.unref(p)&&e.unref(p)(...N)),onDragend:h[2]||(h[2]=(...N)=>e.unref(x)&&e.unref(x)(...N)),onDrag:h[3]||(h[3]=(...N)=>e.unref(S)&&e.unref(S)(...N))},[e.createElementVNode("div",{id:"canvasContainer",class:"flex items-center justify-center",style:e.normalizeStyle(n.value)},[e.createElementVNode("div",{ref_key:"draggableElRef",ref:k,class:"transition-all"},[e.createElementVNode("div",{class:e.normalizeClass({"pointer-events-none":e.unref(g)}),style:e.normalizeStyle(L.value)},[e.renderSlot(w.$slots,"default")],6)],512)],4)],42,ge),e.createElementVNode("div",{ref_key:"sizeBoxRef",ref:s,class:"absolute top-0 pointer-events-none",style:e.normalizeStyle(T.value)},null,4)]))}}),ye={class:"epic-edit-canvas"},_e=e.defineComponent({__name:"index",setup(F){const M=e.ref(null),f=e.ref(null),k=e.inject("pageSchema"),s=e.computed(()=>k.schemas[0]),g=e.computed(()=>({width:"100%",height:"100%"}));return e.onMounted(()=>{var c;(c=f.value)==null||c.handleInit(M.value)}),(c,p)=>(e.openBlock(),e.createElementBlock("section",ye,[e.createVNode(xe,null,{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"epicEditRangeRef",ref:M,class:"epic-edit-range rounded-md overflow-auto relative",style:e.normalizeStyle(g.value)},[e.createVNode(Q,{schema:s.value},null,8,["schema"]),e.createVNode(ne,{ref_key:"ePreviewWidgetsRef",ref:f},null,512)],4)]),_:1})]))}});exports.default=_e;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),H=require("./pluginManager-itCTrGag.cjs"),C=require("./index-fReNZviw.cjs"),J=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),G=require("./vuedraggable.umd-BqhSJIAi.cjs"),ee={class:"epic-widget-action-item whitespace-nowrap"},te={key:0,class:"flex items-center"},ne=e.defineComponent({__name:"previewWidgets",setup(F,{expose:M}){const f=e.inject("pageManager",{}),k=e.inject("pageSchema"),s=e.inject("designer"),g=e.inject("designerProps"),c=e.inject("revoke"),p=e.ref(null),S=e.ref(null),x=e.ref(null),R=e.ref(!1),l=e.ref(!1),a=e.ref(!0),i=e.ref("top"),{canvasScale:r,disabledZoom:b}=C.useStore();let n=null;const L=e.computed(()=>{const t=s.state.checkedNode;return!(!(t!=null&&t.id)||g.value.lockDefaultSchemaEdit&&f.defaultComponentIds.value.includes(t==null?void 0:t.id))}),T=e.computed(()=>{var B,V,$,m,O,D;const t=f.componentInstances.value,u=(B=s.state.checkedNode)==null?void 0:B.id;if(($=(V=s.state.checkedNode)==null?void 0:V.componentProps)!=null&&$.hidden)return null;const _=H.pluginManager.getComponentConfingByType((m=s.state.checkedNode)==null?void 0:m.type)??null;if(!u||!(t!=null&&t[u]))return null;if(_!=null&&_.defaultSchema.input&&((O=s.state.checkedNode)==null?void 0:O.noFormItem)!==!0)return(D=t[u+"formItem"])==null?void 0:D.$el;const o=t[u];return!(o!=null&&o.$el)||(o==null?void 0:o.$el.nodeName)==="#text"||!(o!=null&&o.$el.getBoundingClientRect)?null:o==null?void 0:o.$el}),E=e.computed(()=>{var B,V,$,m;const t=f.componentInstances.value,u=(B=s.state.hoverNode)==null?void 0:B.id,_=H.pluginManager.getComponentConfingByType((V=s.state.hoverNode)==null?void 0:V.type)??null;if(!u||!(t!=null&&t[u]))return null;if(_!=null&&_.defaultSchema.input&&(($=s.state.hoverNode)==null?void 0:$.noFormItem)!==!0)return(m=t[u+"formItem"])==null?void 0:m.$el;const o=t[u];return(o==null?void 0:o.$el.nodeName)==="#text"?null:o==null?void 0:o.$el}),{mutationObserver:P,observerConfig:W}=Z(j),{startTimedQuery:d,stopTimedQuery:y}=C.useTimedQuery(j);e.watch(()=>T.value,t=>{if(t){R.value=!0,P.observe(t,W);const u=t.parentNode;u&&(u.ondragstart=()=>{a.value=!1,d()},u.ondragend=()=>{a.value=!0,y()}),j()}else R.value=!1});const{mutationObserver:v,observerConfig:w}=Z(q);e.watch(()=>E.value,t=>{t&&(v.observe(t,w),q())});let h=0;e.watch(()=>{var t;return(t=s.state.hoverNode)==null?void 0:t.id},t=>{if(t){l.value=!0,clearTimeout(h);return}h=setTimeout(()=>{l.value=!1},300)});let N=0,z=0;function j(){const t=T.value;if(!t||!n)return;const{top:u,left:_}=n==null?void 0:n.getBoundingClientRect(),{top:o,left:B,width:V,height:$}=t.getBoundingClientRect(),m=b.value?1:r.value,O=o-u+((n==null?void 0:n.scrollTop)??0)*m,D=B-_+((n==null?void 0:n.scrollLeft)??0)*m,I=$/m;p.value&&(p.value.style.width=`${V/m}px`,p.value.style.height=`${I}px`,p.value.style.top=`${O/m}px`,p.value.style.left=`${D/m}px`,A(O,D)),x.value&&(O<45&&I<100?(x.value.style.top="",x.value.style.bottom="-30px",x.value.style["border-radius"]="0px 0px 4px 4px",i.value="bottom"):O<45?(x.value.style.top="0px",x.value.style["border-radius"]="0px 0px 4px 0",i.value="center"):(x.value.style.top="-30px",x.value.style["border-radius"]="4px 4px 0px 0px",i.value="top"))}function A(t,u){const _=T.value;if(!n||!_)return;const o=n.getBoundingClientRect(),{width:B}=_.getBoundingClientRect(),V=b.value?1:r.value,$=t/V-o.top;let m=u/V-o.left+B/V;m<o.width&&(m=0);const O=n.scrollTop-o.height/3+60,D=n.scrollTop+o.height/3*2,I=n.scrollLeft-o.width+200,U=n.scrollLeft+o.width-200;Math.abs($-N)<10&&Math.abs(m-z)<10||(N=$,z=m,!($>O&&$<D&&m>I&&m<U)&&(n.scrollTop=$,n.scrollLeft=m))}function q(){var I,U;const t=E.value;if(!t)return;const{top:u,left:_}=(n==null?void 0:n.getBoundingClientRect())??{top:0,left:0},{top:o,left:B,width:V,height:$}=((I=t.getBoundingClientRect)==null?void 0:I.call(t))??((U=t.nextElementSibling)==null?void 0:U.getBoundingClientRect()),m=b.value?1:r.value,O=o-u+((n==null?void 0:n.scrollTop)??0)*m,D=B-_+((n==null?void 0:n.scrollLeft)??0)*m;S.value&&(S.value.style.width=`${V/m}px`,S.value.style.height=`${$/m}px`,S.value.style.top=`${O/m}px`,S.value.style.left=`${D/m}px`)}function Z(t){const u=window.MutationObserver,_={childList:!0,attributes:!0,subtree:!0};return{mutationObserver:new u(t),observerConfig:_}}function K(){var V;const t=C.findSchemaInfoById(k.schemas,((V=s.state.checkedNode)==null?void 0:V.id)??"root");if(!t)return!1;const{list:u,schema:_,index:o}=t,B=C.generateNewSchema(_);u.splice(o+1,0,B),s.setCheckedNode(B),c.push(k.schemas,"复制组件")}function X(){var B;const t=C.findSchemaInfoById(k.schemas,((B=s.state.checkedNode)==null?void 0:B.id)??"root");if(!t)return!1;let{list:u,schema:_,index:o}=t;u.splice(o,1),o===u.length&&o--,s.setCheckedNode(u[o]),c.push(k.schemas,"删除组件")}function Y(t){n=t,n==null||n.addEventListener("scroll",()=>{j()}),C.useResizeObserver(T,j),C.useResizeObserver(E,q)}return M({handleInit:Y}),(t,u)=>{var _,o,B,V,$;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives(e.createElementVNode("div",{ref_key:"selectorRef",ref:p,class:e.normalizeClass(["epic-checked-widget absolute pointer-events-none z-20",i.value+" "+(a.value?"transition-all":"")])},[e.createElementVNode("div",{class:"epic-widget-action-box",ref_key:"actionBoxRef",ref:x},[e.createElementVNode("div",ee,e.toDisplayString((o=e.unref(H.pluginManager).getComponentConfingByType(((_=e.unref(s).state.checkedNode)==null?void 0:_.type)??""))==null?void 0:o.defaultSchema.label),1),L.value?(e.openBlock(),e.createElementBlock("div",te,[e.createElementVNode("div",{title:"复制",class:"epic-widget-action-item pointer-events-auto",onClick:K},[e.createVNode(e.unref(J._sfc_main),{name:"icon--epic--copy-all-outline-rounded"})]),e.createElementVNode("div",{title:"删除",class:"epic-widget-action-item pointer-events-auto",onClick:X},[e.createVNode(e.unref(J._sfc_main),{name:"icon--epic--delete-outline-rounded"})])])):e.createCommentVNode("",!0)],512)],2),[[e.vShow,R.value&&((B=e.unref(s).state.checkedNode)==null?void 0:B.id)!=="root"]]),e.withDirectives(e.createElementVNode("div",{ref_key:"hoverWidgetRef",ref:S,class:"epic-hover-widget absolute transition-all pointer-events-none z-998"},null,512),[[e.vShow,l.value&&((V=e.unref(s).state.checkedNode)==null?void 0:V.id)!==(($=e.unref(s).state.hoverNode)==null?void 0:$.id)]])],64)}}}),oe=e.defineComponent({name:"EditNodeItem",__name:"editNodeItem",props:{schemas:{}},emits:["update:schemas"],setup(F,{emit:M}){const f=e.inject("designer"),k=e.inject("pageSchema"),s=e.inject("revoke"),g=F,c=M,p=e.computed({get(){return g.schemas},set(a){c("update:schemas",a)}});function S(a){f.setCheckedNode(p.value[a]),f.setDisableHover(!0)}function x(){f.setDisableHover(),s.push(k.schemas,"拖拽组件")}function R(){s.push(k.schemas,"插入组件")}function l(a){var i,r,b;return a.id===((i=k.schemas[0])==null?void 0:i.id)||(b=(r=H.pluginManager.getComponentConfingByType(a.type))==null?void 0:r.editConstraints)!=null&&b.immovable?"unmover-item":"draggable-item"}return(a,i)=>(e.openBlock(),e.createBlock(e.unref(G.draggable),e.mergeProps({modelValue:p.value,"onUpdate:modelValue":i[0]||(i[0]=r=>p.value=r),"item-key":"id","component-data":{type:"transition-group"},class:"epic-draggable-range"},{animation:200,group:"edit-draggable",handle:".draggable-item",ghostClass:"moveing"},{onStart:i[1]||(i[1]=r=>S(r.oldIndex)),onEnd:i[2]||(i[2]=r=>x()),onAdd:i[3]||(i[3]=r=>{S(r.newIndex),R()})}),{item:e.withCtx(({element:r,index:b})=>[(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["widget-box",l(r)]),key:b},[e.createVNode(Q,{schema:r},null,8,["schema"])],2))]),_:1},16,["modelValue"]))}}),Q=e.defineComponent({name:"ENodeItem",__name:"nodeItem",props:{schema:{},name:{}},setup(F){const M=e.useAttrs(),f=e.inject("designer"),k=e.inject("pageManager",{}),s=e.inject("pageSchema",{}),g=e.ref(null);e.provide("nodeAttrs",M);const c=F,p=e.computed(()=>{var b,n,L,T,E;const l=k.componentInstances.value,a=(b=c.schema)==null?void 0:b.id,i=H.pluginManager.getComponentConfingByType((n=c.schema)==null?void 0:n.type)??null;if(!a||!(l!=null&&l[a]))return null;if(i!=null&&i.defaultSchema.input&&((L=c.schema)==null?void 0:L.noFormItem)!==!0)return(T=l[a+"formItem"])==null?void 0:T.$el;const r=l[a];return((E=r==null?void 0:r.$el)==null?void 0:E.nodeName)==="#text"?null:r==null?void 0:r.$el});e.watch(()=>p.value,l=>{l==null||l.addEventListener("click",S,!1),l==null||l.addEventListener("mouseover",x,!1),l==null||l.addEventListener("mouseout",R,!1)}),e.onUnmounted(()=>{var l,a,i;(l=p.value)==null||l.removeEventListener("click",S,!1),(a=p.value)==null||a.removeEventListener("mouseover",x,!1),(i=p.value)==null||i.removeEventListener("mouseout",R,!1)});function S(l){l.stopPropagation(),f.setCheckedNode(c.schema)}function x(l){var a;c.schema.id!==((a=s.schemas[0])==null?void 0:a.id)&&(l.stopPropagation(),f.setHoverNode(c.schema))}function R(l){l.stopPropagation(),f.setHoverNode(null)}return(l,a)=>{var r,b;const i=e.resolveComponent("ENodeItem");return e.openBlock(),e.createBlock(e.unref(C._sfc_main),{ref_key:"nodeRef",ref:g,componentSchema:c.schema},e.createSlots({_:2},[(b=(r=e.unref(H.pluginManager).getComponentConfingByType(c.schema.type))==null?void 0:r.editConstraints)!=null&&b.childImmovable?{name:"edit-node",fn:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.schema.children,n=>(e.openBlock(),e.createBlock(i,{key:n.id,schema:n},null,8,["schema"]))),128))]),key:"0"}:{name:"edit-node",fn:e.withCtx(()=>[c.schema.children?(e.openBlock(),e.createBlock(oe,{key:0,schemas:c.schema.children,"onUpdate:schemas":a[0]||(a[0]=n=>c.schema.children=n)},null,8,["schemas"])):e.createCommentVNode("",!0)]),key:"1"}]),1032,["componentSchema"])}}}),le={class:"min-w-750px rounded h-full"},ae=e.defineComponent({__name:"previewJson",setup(F,{expose:M}){const f=H.pluginManager.getComponent("modal"),k=H.pluginManager.getComponent("monacoEditor"),s={theme:"vs-light",selectOnLineNumbers:!0,minimap:{enabled:!1},readOnly:!0},g=e.ref(null),c=e.ref(!1),p=e.inject("pageSchema");function S(){c.value=!1}function x(){c.value=!0,g.value?g.value.setValue(JSON.stringify(p,null,2)):setTimeout(()=>{x()},300)}function R(l="epic-data.json"){const a=JSON.stringify(p,null,2);var i=`data:text/json;charset=utf-8,${encodeURIComponent(a)}`,r=document.createElement("a");r.setAttribute("href",i),r.setAttribute("download",l),r.click()}return M({handleOpen:x}),(l,a)=>(e.openBlock(),e.createBlock(e.unref(f),{modelValue:c.value,"onUpdate:modelValue":a[0]||(a[0]=i=>c.value=i),title:"查看数据",class:"w-900px",width:"900px",onClose:S,onOk:R,okText:"导出数据"},{default:e.withCtx(()=>[e.createElementVNode("div",le,[e.createVNode(e.unref(k),{ref_key:"monacoEditorRef",ref:g,class:"editor h-full",autoToggleTheme:"",readOnly:"",config:s,language:"json"},null,512)])]),_:1},8,["modelValue"]))}}),re={class:"epic-edit-toolbar flex items-center justify-between px-2"},se={class:"flex-1 h-full flex items-center"},ie={key:0,class:"epic-divider"},ce=["title","onClick"],de={class:"flex-1 h-full flex items-center justify-end"},ue={key:0,class:"flex items-center ml-12px"},fe={class:"pr-8px w-82px cursor-pointer"},pe={class:"epic-device h-28px items-center gap-1 rounded-md border p-2px flex"},me=["title","onClick"],ve=e.defineComponent({__name:"toolbar",setup(F){const M=H.pluginManager.getComponent("select"),{canvasScale:f,disabledZoom:k}=C.useStore(),s=e.ref("pc"),g=e.inject("pageSchema"),c=e.inject("designer"),p=e.inject("revoke"),S=e.ref(null),x=[{icon:"icon--epic--computer-outline-rounded",title:"pc",key:"pc"},{icon:"icon--epic--tablet-android-outline-rounded",title:"平板",key:"pad"},{icon:"icon--epic--phone-iphone-outline-sharp",title:"手机",key:"mobile"}],R=e.computed(()=>[{icon:"icon--epic--code",title:"查看数据",on:()=>L()},{icon:"icon--epic--exit-to-app-rounded",title:"导入数据",on:T},{icon:"icon--epic--trash",title:"清空",on:n},{icon:"icon--epic--undo",title:"撤销",on:r,disabled:!p.recordList.value.length,divider:!0},{icon:"icon--epic--redo",title:"重做",on:b,disabled:!p.undoList.value.length}]),l=e.ref(null),a=e.computed({get(){return`${(f.value*100).toFixed(0)}%`},set(d){const y=parseFloat(d);f.value=y/100}}),i=[{label:"60%",value:"60%"},{label:"80%",value:"80%"},{label:"100%",value:"100%"},{label:"120%",value:"120%"},{label:"140%",value:"140%"}];function r(){const d=p.undo();d&&(C.deepCompareAndModify(g.schemas,d),c.setCheckedNode(g.schemas[0]))}function b(){const d=p.redo();d&&(C.deepCompareAndModify(g.schemas,d),c.setCheckedNode(g.schemas[0]))}function n(){c.reset()}function L(){S.value.handleOpen()}function T(){var d;(d=l.value)==null||d.click()}function E(d){var w;const y=(w=d.target.files)==null?void 0:w[0];if(!y)return;d.target.value=null;const v=new FileReader;v.readAsText(y),v.onload=h=>{var N;P((N=h.target)==null?void 0:N.result)}}function P(d){try{let y=JSON.parse(d??"");y.schemas||(y=C.convertKFormData(y)),C.deepCompareAndModify(g,y)}catch(y){console.error(y)}}function W(d){c.handleToggleDeviceMode(d),s.value=d;const y={pc:{},pad:{width:"780px",mode:d},mobile:{width:"390px",mode:d}};g.canvas=y[d]}return(d,y)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",re,[e.createElementVNode("div",se,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.value,(v,w)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:w},[v.divider?(e.openBlock(),e.createElementBlock("div",ie)):e.createCommentVNode("",!0),e.createElementVNode("div",{title:v.title,class:e.normalizeClass(["epic-action-item text-base h-90% px-10px flex items-center cursor-pointer",{disabled:v.disabled}]),onClick:v.on},[e.createVNode(e.unref(J._sfc_main),{name:v.icon},null,8,["name"])],10,ce)],64))),128))]),e.withDirectives(e.createElementVNode("input",{type:"file",ref_key:"fileRef",ref:l,accept:".json,.txt",onChange:E},null,544),[[e.vShow,!1]]),e.createElementVNode("div",de,[e.unref(k)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ue,[e.createElementVNode("div",fe,[e.createVNode(e.unref(M),{value:a.value,"onUpdate:value":y[0]||(y[0]=v=>a.value=v),modelValue:a.value,"onUpdate:modelValue":y[1]||(y[1]=v=>a.value=v),options:i,size:"small"},null,8,["value","modelValue"])])])),e.createElementVNode("div",pe,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(x,v=>e.createElementVNode("div",{key:v.key,title:v.title,class:e.normalizeClass(["epic-device-item h-full px-1 flex items-center cursor-pointer text-base transition-colors rounded-sm",{checked:v.key===s.value}]),onClick:w=>W(v.key)},[e.createVNode(e.unref(J._sfc_main),{name:v.icon},null,8,["name"])],10,me)),64))])])]),e.createVNode(ae,{ref_key:"previewJson",ref:S},null,512)],64))}}),he={class:"h-full flex flex-col relative"},ge=["draggable"],xe=e.defineComponent({__name:"editScreenContainer",setup(F){const M=e.inject("pageSchema"),f=e.ref(null),k=e.ref(null),s=e.ref(null),{pressSpace:g,disabledZoom:c}=C.useStore(),{handleElementDragStart:p,handleElementDrag:S,handleElementDragEnd:x}=C.useElementDrag(f),{width:R,height:l}=C.useElementSize(f),{canvasScale:a,handleZoom:i}=C.useElementZoom(k);let r=0,b=0;const n=e.ref({}),L=e.ref({}),T=e.ref({}),E=e.shallowRef({width:0,height:0});e.watchEffect(W),e.watch(T,()=>{e.nextTick(P)});function P(){s.value&&(E.value={width:s.value.clientWidth,height:s.value.clientHeight})}function W(){var w,h;T.value={width:((w=M.canvas)==null?void 0:w.width)??"0",height:((h=M.canvas)==null?void 0:h.height)??"0"}}C.watchOnce(R,d),e.watch(E,d);function d(){let w=E.value.width||r,h=E.value.height||b;n.value={width:R.value+w+"px",height:l.value+h+"px"},L.value={width:w+"px",height:h+"px"},y()}function y(){e.nextTick(()=>{var j;let w=E.value.width||r;const N=(E.value.height||b)/2,z=w/2;(j=f.value)==null||j.scrollTo(z,N)})}C.useResizeObserver(f,v),C.useResizeObserver(k,v);function v(){var h;if(!f.value)return;const w=f.value.getBoundingClientRect();if(r=w.width-60,b=w.height-80,!c.value)if(E.value.width===0)a.value=1;else{const N=(r-20)/E.value.width,z=b/(E.value.height||((h=k.value)==null?void 0:h.clientHeight)||1),j=Math.abs(N-1)<Math.abs(z-1);let A=1;j?A=N:A=z,(N<1||z<1)&&(A=Math.min(N,z)),A<1.4&&A>.5&&(a.value=A)}C.debounce(d,50)()}return(w,h)=>(e.openBlock(),e.createElementBlock("div",he,[e.createVNode(ve),e.createElementVNode("div",{ref_key:"editScreenContainerRef",ref:f,class:e.normalizeClass(["flex-1 overflow-auto overflow-y-hidden epic-edit-screen-container",{"cursor-grab":e.unref(g)}]),draggable:e.unref(g),onWheel:h[0]||(h[0]=(...N)=>e.unref(i)&&e.unref(i)(...N)),onDragstart:h[1]||(h[1]=(...N)=>e.unref(p)&&e.unref(p)(...N)),onDragend:h[2]||(h[2]=(...N)=>e.unref(x)&&e.unref(x)(...N)),onDrag:h[3]||(h[3]=(...N)=>e.unref(S)&&e.unref(S)(...N))},[e.createElementVNode("div",{id:"canvasContainer",class:"flex items-center justify-center",style:e.normalizeStyle(n.value)},[e.createElementVNode("div",{ref_key:"draggableElRef",ref:k,class:"transition-all"},[e.createElementVNode("div",{class:e.normalizeClass({"pointer-events-none":e.unref(g)}),style:e.normalizeStyle(L.value)},[e.renderSlot(w.$slots,"default")],6)],512)],4)],42,ge),e.createElementVNode("div",{ref_key:"sizeBoxRef",ref:s,class:"absolute top-0 pointer-events-none",style:e.normalizeStyle(T.value)},null,4)]))}}),ye={class:"epic-edit-canvas"},_e=e.defineComponent({__name:"index",setup(F){const M=e.ref(null),f=e.ref(null),k=e.inject("pageSchema"),s=e.computed(()=>k.schemas[0]),g=e.computed(()=>({width:"100%",height:"100%"}));return e.onMounted(()=>{var c;(c=f.value)==null||c.handleInit(M.value)}),(c,p)=>(e.openBlock(),e.createElementBlock("section",ye,[e.createVNode(xe,null,{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"epicEditRangeRef",ref:M,class:"epic-edit-range rounded-md overflow-auto relative",style:e.normalizeStyle(g.value)},[e.createVNode(Q,{schema:s.value},null,8,["schema"]),e.createVNode(ne,{ref_key:"ePreviewWidgetsRef",ref:f},null,512)],4)]),_:1})]))}});exports.default=_e;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("./pluginManager-itCTrGag.cjs"),d=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("./pluginManager-itCTrGag.cjs"),d=require("./index-fReNZviw.cjs"),f={class:"epic-sound-code"},p=e.defineComponent({__name:"index",setup(g){const a=u.pluginManager.getComponent("monacoEditor"),c=e.ref(null),t=e.inject("designer"),s=e.inject("designerProps");let r={};e.watch(()=>t.state.checkedNode,o=>{var n;d.deepEqual(r,e.toRaw(o))||(n=c.value)==null||n.setValue(JSON.stringify(o,null,2))},{deep:!0});const i=JSON.stringify(t.state.checkedNode,null,2);function l(o){try{if(!t.state.checkedNode)return!1;r=JSON.parse(o),d.deepCompareAndModify(t.state.checkedNode,r)}catch(n){console.warn("[epic-desinger：源码]异常：",n)}}return(o,n)=>(e.openBlock(),e.createElementBlock("div",f,[e.createVNode(e.unref(a),{ref_key:"monacoEditorRef",ref:c,autoToggleTheme:"",class:"epic-editor",readOnly:e.unref(s).sourceCodeReadOnly,"model-value":e.unref(i),lineNumbers:"off","onUpdate:modelValue":l},null,8,["readOnly","model-value"])]))}});exports.default=p;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),d=require("./pluginManager-itCTrGag.cjs"),g=require("element-plus"),c=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),$=require("./axios-tuVKNgv9.cjs"),G={class:"e-data-source"},A={class:"icon-numbers"},z={class:"drawer-content"},H={class:"drawer-content-left"},Q=["onClick"],W={class:"source-item-title"},X=["onClick"],Y={class:"drawer-content-right"},Z={class:"content"},ee={key:0,class:"content-empty"},te={key:1,class:"content-form"},ae={class:"form-flex"},le={class:"form-item"},oe={class:"form-item-title"},ne={key:0,class:"form-item-content"},re={class:"form-item"},de={class:"form-item-title"},ue={key:0,class:"form-item-content"},se={class:"form-item"},ie={class:"form-item-title"},ce={key:0,class:"form-item-content"},me={class:"content-right-btn"},pe=e.defineComponent({__name:"index",emits:["update:modelValue","update:sourceData"],setup(ve,{emit:fe}){const i=d.pluginManager.getComponent("button"),E=d.pluginManager.getComponent("Drawer"),y=d.pluginManager.getComponent("input"),v=d.pluginManager.getComponent("FormItem"),w=d.pluginManager.getComponent("Form"),x=d.pluginManager.getComponent("RadioGroup"),b=d.pluginManager.getComponent("RadioButton"),f=d.pluginManager.getComponent("select");d.pluginManager.getComponent("switch");const h=e.ref(),B=e.ref(0),S=e.reactive({apiName:[{required:!0,message:"请输入接口名称",trigger:"blur"}],url:[{required:!0,message:"请输入请求地址",trigger:"blur"}],dataKey:[{required:!0,message:"请输入标签键名",trigger:"blur"}],dataValue:[{required:!0,message:"请输入值键名",trigger:"blur"}]}),k=e.ref(!1),p=e.ref([]),t=e.ref(),V=[{label:"1",value:"1"}];function L(){k.value=!0}function O(){const l="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";return l.charAt(Math.floor(Math.random()*l.length))}function M(l){let a="";for(let o=0;o<l;o++)a+=O();return a}function U(){t.value={id:"",url:"",body:{},bodyList:[],apiName:`数据源_${M(5)}`,method:"get",params:{},paramsList:[],dataKey:"name",headers:{},headerList:[],dataPath:"",dataValue:"id"},p.value.push(t.value)}function T(l){var a;p.value=JSON.parse(JSON.stringify(d.pluginManager.getSourceData())),t.value.id?((a=t.value)==null?void 0:a.id)===l?t.value={}:(t.value=p.value.find(o=>o.id===l),t.value.paramsList=Object.keys(JSON.parse(t.value.params)).map(o=>({label:o,value:JSON.parse(t.value.params)[o]})),t.value.bodyList=Object.keys(JSON.parse(t.value.body)).map(o=>({label:o,value:JSON.parse(t.value.body)[o]})),t.value.headerList=Object.keys(JSON.parse(t.value.headers)).map(o=>({label:o,value:JSON.parse(t.value.headers)[o]}))):t.value={}}function D(l){d.EventBus.emit("deleteSourceData",l)}function J(){var l;(l=t.value)==null||l.paramsList.push({label:"",value:""})}function P(l){t.value.paramsList.splice(l,1)}function q(){var l;(l=t.value)==null||l.headerList.push({label:"",value:""})}function F(l){t.value.headerList.splice(l,1)}function R(){var l;(l=t.value)==null||l.bodyList.push({label:"",value:""})}function K(l){t.value.bodyList.splice(l,1)}e.onMounted(()=>{p.value=JSON.parse(JSON.stringify(d.pluginManager.getSourceData()))}),d.EventBus.on("updateSource",l=>{p.value=JSON.parse(JSON.stringify(d.pluginManager.getSourceData()))});async function j(){h.value.validate(async l=>{if(l)try{const a={};t.value.paramsList.forEach(r=>{a[r.label]=r.value});const o={};t.value.bodyList.forEach(r=>{o[r.label]=r.value});const m={};t.value.headerList.forEach(r=>{m[r.label]=r.value});let s=await $.axios({method:t.value.method,url:"http://localhost:3333/users",params:a,data:o,headers:m});t.value.dataPath?s.data[t.value.dataPath]&&s.data[t.value.dataPath].length?g.ElMessage({message:s.data[t.value.dataPath].map(r=>({label:r[t.value.dataKey],value:r[t.value.dataValue]}))}):g.ElMessage.info("配置错误"):s.data&&s.data.length?g.ElMessage({message:s.data.map(r=>({label:r[t.value.dataKey],value:r[t.value.dataValue]}))}):g.ElMessage.info("配置错误")}catch{g.ElMessage.error("请求失败")}finally{}else g.ElMessage.error("请填写必填项")})}async function I(){t.value.body=t.value.bodyList.reduce((l,a)=>(l[a.label]=a.value,l),{}),t.value.params=t.value.paramsList.reduce((l,a)=>(l[a.label]=a.value,l),{}),t.value.headers=t.value.headerList.reduce((l,a)=>(l[a.label]=a.value,l),{}),h.value.validate(l=>{l&&(t.value.id?(d.EventBus.emit("updateSourceData",{...t.value,body:JSON.stringify(t.value.body),params:JSON.stringify(t.value.params),headers:JSON.stringify(t.value.headers)}),t.value={}):(d.EventBus.emit("saveSourceData",{...t.value,body:JSON.stringify(t.value.body),params:JSON.stringify(t.value.params),headers:JSON.stringify(t.value.headers)}),t.value={}))})}return(l,a)=>(e.openBlock(),e.createElementBlock("div",G,[e.createVNode(e.unref(i),{class:"btn",onClick:L},{default:e.withCtx(()=>[e.createVNode(e.unref(c._sfc_main),{name:"icon--epic--window-outline",class:"mr-4px"}),a[8]||(a[8]=e.createElementVNode("span",null,"配置",-1)),e.createElementVNode("span",A,e.toDisplayString(B.value||p.value.length),1)]),_:1}),e.createVNode(e.unref(E),{size:800,modelValue:k.value,"onUpdate:modelValue":a[7]||(a[7]=o=>k.value=o),"append-to-body":"",title:"数据源"},{default:e.withCtx(()=>[e.createElementVNode("div",z,[e.createElementVNode("div",H,[e.createVNode(e.unref(i),{type:"primary",class:"btn",onClick:U},{default:e.withCtx(()=>[e.createVNode(e.unref(c._sfc_main),{name:"icon--epic--add-rounded",class:"mr-4px"}),a[9]||(a[9]=e.createElementVNode("span",null,"新增数据源",-1))]),_:1}),e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,o=>{var m;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["source-item",{active:o.id===((m=t.value)==null?void 0:m.id)}]),key:o.id,onClick:s=>T(o.id)},[e.createElementVNode("div",W,[e.createElementVNode("div",null,e.toDisplayString(o.method.toLocaleUpperCase()),1),e.createElementVNode("div",null,e.toDisplayString(o.apiName),1)]),e.createElementVNode("div",{onClick:s=>D(o.id),class:"source-item-icon"},[e.createVNode(e.unref(c._sfc_main),{name:"icon--epic--delete-outline-rounded"})],8,X)],10,Q)}),128))])]),e.createElementVNode("div",Y,[e.createElementVNode("div",Z,[!t.value||!Object.keys(t.value).length?(e.openBlock(),e.createElementBlock("div",ee,"请选择数据源")):(e.openBlock(),e.createElementBlock("div",te,[e.createVNode(e.unref(w),{ref_key:"ruleFormRef",ref:h,model:t.value,"label-position":"top",rules:S,"label-width":120},{default:e.withCtx(()=>{var o,m,s,r,_,C;return[e.createVNode(e.unref(v),{prop:"apiName",label:"接口名称"},{default:e.withCtx(()=>[e.createVNode(e.unref(y),{clearable:"",modelValue:t.value.apiName,"onUpdate:modelValue":a[0]||(a[0]=n=>t.value.apiName=n)},null,8,["modelValue"])]),_:1}),e.createVNode(e.unref(v),{prop:"url",label:"请求地址"},{default:e.withCtx(()=>[e.createVNode(e.unref(y),{modelValue:t.value.url,"onUpdate:modelValue":a[1]||(a[1]=n=>t.value.url=n)},null,8,["modelValue"])]),_:1}),e.createVNode(e.unref(v),{label:"请求方法",required:""},{default:e.withCtx(()=>[e.createVNode(e.unref(x),{modelValue:t.value.method,"onUpdate:modelValue":a[2]||(a[2]=n=>t.value.method=n)},{default:e.withCtx(()=>[e.createVNode(e.unref(b),{label:"GET",value:"get"},{default:e.withCtx(()=>a[10]||(a[10]=[e.createTextVNode("GET")])),_:1}),e.createVNode(e.unref(b),{label:"POST",value:"post"},{default:e.withCtx(()=>a[11]||(a[11]=[e.createTextVNode("POST")])),_:1}),e.createVNode(e.unref(b),{label:"PUT",value:"put"},{default:e.withCtx(()=>a[12]||(a[12]=[e.createTextVNode("PUT")])),_:1}),e.createVNode(e.unref(b),{label:"DELETE",value:"delete"},{default:e.withCtx(()=>a[13]||(a[13]=[e.createTextVNode("DELETE")])),_:1})]),_:1},8,["modelValue"])]),_:1}),e.createElementVNode("div",ae,[e.createVNode(e.unref(v),{prop:"dataKey",style:{width:"30%"},label:"标签键名"},{default:e.withCtx(()=>[e.createVNode(e.unref(y),{modelValue:t.value.dataKey,"onUpdate:modelValue":a[3]||(a[3]=n=>t.value.dataKey=n)},null,8,["modelValue"])]),_:1}),e.createVNode(e.unref(v),{prop:"dataValue",style:{width:"30%"},label:"值键名"},{default:e.withCtx(()=>[e.createVNode(e.unref(y),{modelValue:t.value.dataValue,"onUpdate:modelValue":a[4]||(a[4]=n=>t.value.dataValue=n)},null,8,["modelValue"])]),_:1}),e.createVNode(e.unref(v),{style:{width:"33%"},label:"数据位置"},{default:e.withCtx(()=>[e.createVNode(e.unref(y),{modelValue:t.value.dataPath,"onUpdate:modelValue":a[5]||(a[5]=n=>t.value.dataPath=n)},null,8,["modelValue"])]),_:1})]),e.createElementVNode("div",le,[e.createElementVNode("div",oe,[a[15]||(a[15]=e.createTextVNode(" 请求参数 ")),e.createVNode(e.unref(i),{onClick:J,text:"",type:"primary",class:"btn"},{default:e.withCtx(()=>[e.createVNode(e.unref(c._sfc_main),{name:"icon--epic--add-rounded"}),a[14]||(a[14]=e.createTextVNode(" 添加 "))]),_:1})]),(o=t.value)!=null&&o.paramsList&&((m=t.value)!=null&&m.paramsList.length)?(e.openBlock(),e.createElementBlock("div",ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value.paramsList,(n,N)=>(e.openBlock(),e.createElementBlock("div",{class:"content-item",key:n.value},[e.createVNode(e.unref(f),{modelValue:n.label,"onUpdate:modelValue":u=>n.label=u,filterable:"","allow-create":"",style:{width:"42%"},options:V,placeholder:"参数名"},null,8,["modelValue","onUpdate:modelValue"]),e.createVNode(e.unref(f),{modelValue:n.value,"onUpdate:modelValue":u=>n.value=u,filterable:"","allow-create":"",style:{width:"42%"},options:V,placeholder:"参数值"},null,8,["modelValue","onUpdate:modelValue"]),e.createVNode(e.unref(i),{onClick:u=>P(N),type:"danger",circle:""},{default:e.withCtx(()=>[e.createVNode(e.unref(c._sfc_main),{style:{color:"#fff"},name:"icon--epic--delete-outline-rounded"})]),_:2},1032,["onClick"])]))),128))])):e.createCommentVNode("",!0)]),e.createElementVNode("div",re,[e.createElementVNode("div",de,[a[17]||(a[17]=e.createTextVNode(" 请求头 ")),e.createVNode(e.unref(i),{onClick:q,text:"",type:"primary",class:"btn"},{default:e.withCtx(()=>[e.createVNode(e.unref(c._sfc_main),{name:"icon--epic--add-rounded"}),a[16]||(a[16]=e.createTextVNode(" 添加 "))]),_:1})]),(s=t.value)!=null&&s.headerList&&((r=t.value)!=null&&r.headerList.length)?(e.openBlock(),e.createElementBlock("div",ue,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value.headerList,(n,N)=>(e.openBlock(),e.createElementBlock("div",{class:"content-item",key:N},[e.createVNode(e.unref(f),{modelValue:n.label,"onUpdate:modelValue":u=>n.label=u,filterable:"","allow-create":"",style:{width:"42%"},options:V,placeholder:"参数名"},null,8,["modelValue","onUpdate:modelValue"]),e.createVNode(e.unref(f),{modelValue:n.value,"onUpdate:modelValue":u=>n.value=u,filterable:"","allow-create":"",style:{width:"42%"},options:V,placeholder:"参数值"},null,8,["modelValue","onUpdate:modelValue"]),e.createVNode(e.unref(i),{onClick:u=>F(N),type:"danger",circle:""},{default:e.withCtx(()=>[e.createVNode(e.unref(c._sfc_main),{style:{color:"#fff"},name:"icon--epic--delete-outline-rounded"})]),_:2},1032,["onClick"])]))),128))])):e.createCommentVNode("",!0)]),e.createElementVNode("div",se,[e.createElementVNode("div",ie,[a[19]||(a[19]=e.createTextVNode(" 请求体 ")),e.createVNode(e.unref(i),{onClick:R,text:"",type:"primary",class:"btn"},{default:e.withCtx(()=>[e.createVNode(e.unref(c._sfc_main),{name:"icon--epic--add-rounded"}),a[18]||(a[18]=e.createTextVNode(" 添加 "))]),_:1})]),(_=t.value)!=null&&_.bodyList&&((C=t.value)!=null&&C.bodyList.length)?(e.openBlock(),e.createElementBlock("div",ce,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value.bodyList,(n,N)=>(e.openBlock(),e.createElementBlock("div",{class:"content-item",key:N},[e.createVNode(e.unref(f),{modelValue:n.label,"onUpdate:modelValue":u=>n.label=u,filterable:"","allow-create":"",style:{width:"42%"},options:V,placeholder:"参数名"},null,8,["modelValue","onUpdate:modelValue"]),e.createVNode(e.unref(f),{modelValue:n.value,"onUpdate:modelValue":u=>n.value=u,filterable:"","allow-create":"",style:{width:"42%"},options:V,placeholder:"参数值"},null,8,["modelValue","onUpdate:modelValue"]),e.createVNode(e.unref(i),{onClick:a[6]||(a[6]=u=>K(l.i)),type:"danger",circle:""},{default:e.withCtx(()=>[e.createVNode(e.unref(c._sfc_main),{style:{color:"#fff"},name:"icon--epic--delete-outline-rounded"})]),_:1})]))),128))])):e.createCommentVNode("",!0)]),e.createElementVNode("div",me,[e.createVNode(e.unref(i),{type:"info",onClick:j},{default:e.withCtx(()=>a[20]||(a[20]=[e.createTextVNode("请求测试")])),_:1}),e.createVNode(e.unref(i),{type:"primary",onClick:I},{default:e.withCtx(()=>a[21]||(a[21]=[e.createTextVNode("保存")])),_:1})])]}),_:1},8,["model","rules"])]))])])])]),_:1},8,["modelValue"])]))}});exports.default=pe;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),E=require("./pluginManager-itCTrGag.cjs");function T(t=10){const a="abcdefghijklmnopqrstuvwxyz0123456789";let o="";for(let r=0;r<t;r++){const n=Math.floor(Math.random()*a.length);o+=a[n]}return o}function G(t){return t.charAt(0).toUpperCase()+t.slice(1)}function V(t,a=new WeakMap){if(typeof t!="object"||t===null)return t;if(a.has(t))return a.get(t);if(Array.isArray(t)){const r=t.map(n=>V(n,a));return a.set(t,r),r}const o={};return a.set(t,o),Object.keys(t).forEach(r=>{o[r]=V(t[r],a)}),o}function ue(t){const[a]=j([V(t)],o=>{var n,s;const r={...o,id:`${o.type}_${T(8)}`};return(r.field||r.input)&&!((s=(n=E.pluginManager.getComponentConfingByType(r.type))==null?void 0:n.editConstraints)!=null&&s.fixedField)&&(r.field=r.id),r});return a}function M(t,a,o=!0){for(const[r,n]of Object.entries(a)){let s=t==null?void 0:t[r];s&&n&&typeof s=="object"&&typeof n=="object"?(Array.isArray(s)&&!Array.isArray(n)?s=t[r]={}:!Array.isArray(s)&&Array.isArray(n)&&(s=t[r]=[]),M(s,n,o)):t[r]=n}o&&Object.keys(t).reverse().forEach(r=>{a.hasOwnProperty(r)||(Array.isArray(t)?t.splice(Number(r),1):delete t[r])})}function K(t,a,o=[],r=new WeakMap){const n=s=>{if(Array.isArray(s))return s.map(n);if(typeof s=="object"&&s!==null){if(r.has(s))return"[Circular]";r.set(s,!0);const l=Object.keys(s).sort(),c={};return l.forEach(u=>{o.includes(u)||(c[u]=n(s[u]))}),r.delete(s),c}else return s};return JSON.stringify(n(t))===JSON.stringify(n(a))}function Y(t,a){const o=[];let r=!1;function n(s){if(o.push(s),s.id===a&&(r=!0),!r&&s.children!=null&&s.children.length>0)for(let l=0;l<s.children.length&&(n(s.children[l]),!r);l++);if(!r&&s.slots)for(let l in s.slots)for(let c=0;c<s.slots[l].length&&(n(s.slots[l][c]),!r);c++);r||o.pop()}return t.forEach(n),r||console.error(`没有查询到id为${a}的节点`),o}function de(t,a,o){const r=a.split(".");let n=t;for(let s=0;s<r.length;s++){if(n==null)return o;n=n[r[s]]}return n===void 0?o:n}function fe(t,a,o){const r=a.replace(/\[(\d+)\]/g,".$1").split(".").filter(Boolean);let n=t;for(let s=0;s<r.length-1;s++){const l=r[s];n[l]==null&&(n[l]=isNaN(Number(r[s+1]))?{}:[]),n=n[l]}return n[r[r.length-1]]=o,t}function pe(t,a="default"){return X(t,a).map(r=>r.field)}function X(t,a="default"){const o=O(t,n=>{var s;return n.type==="form"&&(((s=n.componentProps)==null?void 0:s.name)??n.name===a)},!0);return O((o==null?void 0:o.children)??[],n=>!!n.input,!1,n=>n.type!=="subform")}function O(t,a,o=!1,r){const n=[],s=[...t];for(;s.length;){const l=s.pop();if(l!=null&&l.children&&(!r||r(l))&&s.push(...l.children),l!=null&&l.slots&&(!r||r(l)))for(let c in l.slots)s.push(...l.slots[c]);if(a(l)&&(n.push(l),o))return l}return o?!1:n}function j(t,a,o){const r=[...t];for(;r.length;){const n=r.pop();if(n!=null&&n.children&&(!o||o(n))&&r.push(...n.children),n!=null&&n.slots&&(!o||o(n)))for(let s in n.slots)r.push(...n.slots[s]);M(n,a(n))}return t}function me(t,a){const o=O(t,r=>r.id===a,!0);if(!o)throw new Error(`没有查询到id为${a}的节点`);return o}function he(t,a){const o=[{type:"",children:t}];let r=0,n=null;if(O(o,s=>{if(n=s.children??null,!n){if(s!=null&&s.slots)for(let l in s.slots){n=s.slots[l];for(let c=0;c<n.length;c++)if(n[c].id===a)return r=c,!0}return!1}for(let l=0;l<n.length;l++)if(n[l].id===a)return r=l,!0;return!1},!0),!n)throw new Error(`没有查询到id为${a}的节点`);return{list:n,schema:n[r],index:r}}function ve(t){const a={schemas:[{type:"page",id:"root",label:"页面",children:[{label:"表单",type:"form",icon:"epic-icon-daibanshixiang",labelWidth:t.config.labelWidth||100,name:"default",componentProps:{layout:t.config.layout||"horizontal",labelWidth:t.config.labelWidth||100,labelLayout:t.config.labelLayout==="flex"?"fixed":"flex",labelCol:t.config.labelCol||{span:5},wrapperCol:t.config.wrapperCol||{span:19},hideRequiredMark:t.config.hideRequiredMark||!1,colon:t.config.colon||!0,labelAlign:t.config.labelAlign||"right",size:t.config.size||"middle"},children:[],id:"form_"+T()}],componentProps:{style:{padding:"16px"}}}],script:t.script||""};return a.schemas[0].children[0].children=R(t.list),a}function R(t,a){return t.map(o=>{var u,S,h;let r=o.type??"";const n=o.options??{},s=(i,v)=>{r===i&&(r=v,n.defaultValue&&(n.defaultValue=JSON.parse(n.defaultValue)))};if(s("uploadImg","upload-image"),s("uploadFile","upload-file"),r==="date"&&n.range&&(n.type="daterange",delete n.range),(r==="date"||r==="time")&&(n.valueFormat=n.format),r==="textarea"){const{minRows:i,maxRows:v}=n;n.autoSize={minRows:i,maxRows:v},delete n.minRows,delete n.maxRows}r==="number"&&!n.precision&&delete n.precision,n.width&&(n.style={width:n.width},delete n.width),r==="grid"&&(r="row"),a&&a.type==="grid"&&(r="col",n.span=o.span,o.key=T());const l={label:o.label,type:r,icon:o.icon||"",field:o.model,componentProps:n,id:o.key};return(n.noFormItem||!n.showLabel)&&(l.noFormItem=!0,delete n.noFormItem,delete n.showLabel),n.clearable&&(n.allowClear=!0,delete n.clearable),["input","textarea","number","password","select","cascader","checkbox","radio","date","time","slider","switch","color-picker","upload-file","upload-image"].includes(r)&&(l.input=!0,((S=(u=o.rules)==null?void 0:u[0])==null?void 0:S.required)===!1&&o.rules.shift(),((h=o.rules)==null?void 0:h.length)>0&&(l.rules=o.rules)),o.list&&(l.children=R(o.list,o)),o.columns&&(l.children=R(o.columns,o)),o.trs&&(l.children=R(o.trs,o)),o.tds&&(l.children=R(o.tds,o)),l})}function ge(t,a){let o=null;return(...r)=>{o&&clearTimeout(o),o=setTimeout(()=>{t(...r)},a)}}function Z(){const t=e.ref({}),a=e.ref({}),o=e.ref(!1),r=e.ref([]),n=e.reactive({});function s(p){return t.value[p]}function l(p,y){t.value[p]=y}function c(p){delete t.value[p]}function u(p,y=!1){const w=Object.entries(E.pluginManager.publicMethods).reduce((C,[I,B])=>(C[I]=B.handler,C),{});try{new Function(`const epic = this;${p}`).bind({...w,getComponent:s,find:s,defineExpose:S,publicMethods:w,pluginManager:E.pluginManager})()}catch(C){y&&console.error("[epic：自定义函数]异常：",C)}}function S(p){p!=null&&(a.value=p)}function h(p,...y){if(!p||p.length===0){console.warn("未提供任何动作");return}p.forEach(w=>{const C=w.args?JSON.parse(w.args):y;switch(w.type){case"public":i(w,C);break;case"custom":v(w,C);break;case"component":d(w,C);break;default:console.warn(`未知的动作类型: ${w.type}`);break}})}function i(p,y){var w;try{(w=E.pluginManager.publicMethods[p.methodName])==null||w.handler(...y)}catch(C){console.error(`[Epic：公共函数(${p.methodName})]执行异常:`,C)}}function v(p,y){var w,C;try{(C=(w=a.value)[p.methodName])==null||C.call(w,...y)}catch(I){console.error(`[Epic：自定义函数(${p.methodName})]执行异常:`,I)}}function d(p,y){const w=p.componentId!=null&&s(p.componentId);if(!w){console.warn(`[Epic：组件${p.componentId}]未找到`);return}try{w[p.methodName](...y)}catch(C){console.error(`[Epic：组件${p.componentId}函数(${p.methodName})]执行异常:`,C)}}function m(p=!0){o.value=p}function f(p){const y=O(p,()=>!0);r.value=y.map(w=>w.id)}function k(p,y="default"){if(n[y]){const w=n[y];M(p,w)}n[y]=p}function D(p,y="default"){if(n[y]){M(n[y],p,!1);return}n[y]=p}return{componentInstances:t,funcs:a,isDesignMode:o,defaultComponentIds:r,forms:n,addFormData:k,setFormData:D,getComponentInstance:s,find:s,addComponentInstance:l,removeComponentInstance:c,setMethods:u,doActions:h,setDesignMode:m,setDefaultComponentIds:f}}function ee(){const t=e.ref([]),a=e.ref([]),o=e.ref(null);let r=0;function n(u,S="插入组件"){const h=Date.now();r+150>h||(r=h,o.value!=null&&(t.value.push(o.value),a.value.splice(0,a.value.length)),o.value={type:S,componentSchema:JSON.stringify(u)},t.value.length>60&&t.value.unshift())}function s(){if(t.value.length===0)return!1;const u=t.value.pop();return o.value!=null&&a.value.push(o.value),o.value=u,JSON.parse(u.componentSchema)}function l(){if(a.value.length===0)return!1;const u=a.value.pop();return o.value!=null&&t.value.push(o.value),o.value=u,JSON.parse(u.componentSchema)}function c(){t.value=[],a.value=[],o.value=null}return{recordList:t,undoList:a,currentRecord:o,push:n,undo:s,redo:l,reset:c}}const ye=e.defineComponent({__name:"dynamicFormItem",props:{hasFormItem:{type:Boolean},formItemProps:{}},emits:["updateFormItemRef"],setup(t,{emit:a}){const o=E.pluginManager.getComponent("form-item"),r=t,n=a,s=e.ref(),l=()=>{n("updateFormItemRef",s.value)};return(c,u)=>r.hasFormItem?(e.openBlock(),e.createBlock(e.unref(o),e.mergeProps({key:0,ref_key:"formItemRef",ref:s,onVnodeMounted:l},r.formItemProps),{default:e.withCtx(()=>[e.renderSlot(c.$slots,"default")]),_:3},16,["onVnodeMounted"])):e.renderSlot(c.$slots,"default",{key:1})}}),te=e.defineComponent({name:"ENode",__name:"node",props:{componentSchema:{},modelValue:{},ruleField:{},resetFormData:{type:Boolean},name:{},dynamicId:{}},emits:["update:modelValue","change","update:dynamicId"],setup(t,{emit:a}){const{proxy:o}=e.getCurrentInstance(),r=t,n=e.ref(null);let s=e.inject("formData",e.reactive({}));const l=e.inject("slots",{}),c=e.inject("pageManager",{}),u=e.inject("disabled",{value:!1}),S=e.inject("ruleFieldPrefix",null),h=e.inject("resetFormData",!1);let i=e.reactive(V(r.componentSchema));v(),e.watch(()=>r.componentSchema,g=>{K(i,g,["children"])||(M(i,V(g)),v())},{deep:!0});function v(){c.isDesignMode.value&&typeof i.field=="string"&&(i.field+="-design-mode")}(r.resetFormData||h)&&(s={});const d=a,m=e.ref(),f=e.ref(),k=g=>{f.value=g},D=e.useAttrs();Object.keys(D).length&&e.provide("nodeAttrs",D);const p=e.shallowRef(null),y=e.computed(()=>{var g,A;return(g=i.componentProps)!=null&&g.hidden?!1:typeof i.show=="boolean"?i.show:((A=i.show)==null?void 0:A.call(i,{values:s}))??!0}),w=e.computed(()=>{var P;const g=y.value&&((P=i.rules)==null?void 0:P.map(x=>({...x,validator:x.validator&&c.funcs.value[x.validator]})));let A=i.field;r.ruleField?A=r.ruleField:S&&i.field&&(A=V(S),A.push(i.field));const _={...i,rules:g,rule:g,field:A};return _.children&&delete _.children,_}),C=e.computed(()=>{var _,P;const g=((_=I.value)==null?void 0:_.bindModel)??"modelValue",A={};return i.on&&Object.keys(i.on).forEach(x=>{A[`on${G(x)}`]=(...ce)=>c.doActions(i.on[x],...ce)}),{...r,...i.componentProps,disabled:(u==null?void 0:u.value)||((P=i.componentProps)==null?void 0:P.disabled),bindModel:g,...A}}),I=e.computed(()=>E.pluginManager.getComponentConfingByType(i.type)??null);e.watchEffect(()=>{n.value=r.modelValue??s[i.field??""]}),e.watch(()=>n.value,()=>{n.value!==(r.modelValue??s[i.field??""])&&N(n.value)}),e.watch(()=>m.value,()=>{B()},{immediate:!0});function B(){var A;const g=m.value||o;i.id&&g&&(i.input&&(g.setValue=N,g.getValue=()=>s[i.field]||r.modelValue),g.setAttr=(_,P)=>(i.componentProps||(i.componentProps={}),i.componentProps[_]=P),g.getAttr=_=>i.componentProps[_],c.addComponentInstance(i.id,g),(A=I.value)!=null&&A.defaultSchema.input&&i.noFormItem!==!0&&f.value&&c.addComponentInstance(i.id+"formItem",f.value))}function L(){var g;i.id&&(c.removeComponentInstance(i.id),(g=I.value)!=null&&g.defaultSchema.input&&i.noFormItem!==!0&&c.removeComponentInstance(i.id+"formItem"))}async function J(){var A,_,P;if(typeof((A=i.componentProps)==null?void 0:A.defaultValue)<"u"){const x=c.isDesignMode.value?(_=i.componentProps)==null?void 0:_.defaultValue:s[i.field]??((P=i.componentProps)==null?void 0:P.defaultValue);N(V(x))}if(i.type==="slot"){const x=i.slotName;if(!x)return;p.value=e.defineComponent({setup(){return()=>e.renderSlot(l,x,{componentSchema:i,model:s})}});return}const g=E.pluginManager.getComponent(i.type);if(!g){console.error(`组件${i.type}未注册`);return}if(typeof g=="function"){const x=await g();p.value=x.default??x}else p.value=g}function N(g){d("update:modelValue",g),d("change",g),i.field&&(s[i.field]=g)}function U(g){d("update:dynamicId",g)}let b=null;return e.watch(()=>i,g=>{const A=JSON.stringify({...g,children:void 0});if(A===b)return!1;b=A,J()},{immediate:!0,deep:!0}),e.onUnmounted(L),(g,A)=>{var P;const _=e.resolveComponent("ENode");return p.value&&y.value?(e.openBlock(),e.createBlock(ye,{key:0,hasFormItem:e.unref(i).noFormItem!==!0&&((P=I.value)==null?void 0:P.defaultSchema.input),formItemProps:w.value,onUpdateFormItemRef:k},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(p.value),e.mergeProps({ref_key:"componentInstance",ref:m,onVnodeMounted:B,model:e.unref(s)},{...C.value},{[C.value.bindModel]:n.value,["onUpdate:"+C.value.bindModel]:A[0]||(A[0]=x=>n.value=x),[`onUpdate:${C.value.bindModel}`||""]:N,"onUpdate:dynamicId":U}),{node:e.withCtx(x=>[e.createVNode(_,e.normalizeProps(e.guardReactiveProps(x)),null,16)]),"edit-node":e.withCtx(()=>[e.renderSlot(g.$slots,"edit-node")]),_:3},16,["model"]))]),_:3},8,["hasFormItem","formItemProps"])):e.createCommentVNode("",!0)}}});function we(){const t=e.ref(!1),a=Z(),o=e.ref({});function r(){return new Promise(d=>{if(t.value)d();else{const m=e.watch(t,()=>{m(),d()})}})}async function n(d="default"){var f;await r();const m=(f=o.value)==null?void 0:f[d];if(!m)throw new Error(`表单 [name=${d}] 不存在`);return m}async function s(d,m){const f=await n(d);return V(await m(f))}async function l(d="default"){return await s(d,m=>m.getData())}function c(d,m="default"){var k;a.setFormData(d,m);const f=(k=o.value)==null?void 0:k[m];f==null||f.clearValidate()}async function u(d="default"){return await s(d,async m=>(await m.validate(),await m.getData()))}async function S(d){await r();const m={};for(const f in o.value){const k=o.value[f];k&&(m[f]=V(await d(k)))}return m}async function h(){return await S(d=>d.getData())}function i(d){for(const m in d)c(d[m],m)}async function v(){return await S(async d=>(await d.validate(),await d.getData()))}return{ready:t,pageManager:a,forms:o,getData:l,setData:c,validate:u,getForms:h,setForms:i,validateAll:v,getFormInstance:n}}const Se={key:0,class:"epic-loading-box"},be={class:"epic-builder-main"},Ce={class:"epic-loading-box"},ne=e.defineComponent({__name:"builder",props:{pageSchema:{},formData:{},disabled:{type:Boolean}},emits:["ready"],setup(t,{expose:a,emit:o}){const r=E.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-Cap7FkuS.cjs"))),n=o,{ready:s,pageManager:l,forms:c,getData:u,setData:S,validate:h,getForms:i,setForms:v,validateAll:d,getFormInstance:m}=we(),f=t,k=e.reactive({schemas:[]});e.watch(()=>f.pageSchema,w=>{M(k,w)},{immediate:!0,deep:!0}),e.watch(()=>f.formData,w=>{w&&S(w)},{immediate:!0,deep:!0}),e.watch(()=>k.script,w=>{w&&l.setMethods(w,!0)},{immediate:!0}),e.provide("slots",e.useSlots()),e.provide("pageManager",l),e.provide("forms",c),e.provide("pageSchema",k),e.provide("disabled",e.computed(()=>f.disabled));const D=e.getCurrentInstance(),p=D==null?void 0:D.proxy;function y(){e.nextTick(()=>{s.value=!0,n("ready",l),p&&l.addComponentInstance("builder",p)})}return a({ready:s,pageManager:l,getData:u,setData:S,validate:h,getForms:i,setForms:v,validateAll:d,getFormInstance:m}),(w,C)=>e.unref(E.pluginManager).initialized.value?(e.openBlock(),e.createBlock(e.Suspense,{key:1,onResolve:y},{default:e.withCtx(()=>[e.createElementVNode("div",be,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.schemas,(I,B)=>(e.openBlock(),e.createBlock(e.unref(te),{key:B,componentSchema:I},null,8,["componentSchema"]))),128))])]),fallback:e.withCtx(()=>[e.createElementVNode("div",Ce,[e.createVNode(e.unref(r))])]),_:1})):(e.openBlock(),e.createElementBlock("div",Se))}});function Q(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function ke(t){let a=0,o,r;const n=()=>{a-=1,r&&a<=0&&(r.stop(),o=void 0,r=void 0)};return(...s)=>(a+=1,r||(r=e.effectScope(!0),o=r.run(()=>t(...s))),Q(n),o)}function $(t){return typeof t=="function"?t():e.unref(t)}const Ee=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Ae=t=>typeof t<"u",xe=Object.prototype.toString,De=t=>xe.call(t)==="[object Object]",Ie=()=>{};function _e(t){return e.getCurrentInstance()}function Pe(t,a=!0,o){_e()?e.onMounted(t,o):a?t():e.nextTick(t)}function Ve(t=!1,a={}){const{truthyValue:o=!0,falsyValue:r=!1}=a,n=e.isRef(t),s=e.ref(t);function l(c){if(arguments.length)return s.value=c,s.value;{const u=$(o);return s.value=s.value===u?$(r):u,s.value}}return n?l:[s,l]}function Me(t,a,o){const r=e.watch(t,(...n)=>(e.nextTick(()=>r()),a(...n)),o);return r}const z=Ee?window:void 0;function F(t){var a;const o=$(t);return(a=o==null?void 0:o.$el)!=null?a:o}function Be(...t){let a,o,r,n;if(typeof t[0]=="string"||Array.isArray(t[0])?([o,r,n]=t,a=z):[a,o,r,n]=t,!a)return Ie;Array.isArray(o)||(o=[o]),Array.isArray(r)||(r=[r]);const s=[],l=()=>{s.forEach(h=>h()),s.length=0},c=(h,i,v,d)=>(h.addEventListener(i,v,d),()=>h.removeEventListener(i,v,d)),u=e.watch(()=>[F(a),$(n)],([h,i])=>{if(l(),!h)return;const v=De(i)?{...i}:i;s.push(...o.flatMap(d=>r.map(m=>c(h,d,m,v))))},{immediate:!0,flush:"post"}),S=()=>{u(),l()};return Q(S),S}function Fe(t){return typeof t=="function"?t:typeof t=="string"?a=>a.key===t:Array.isArray(t)?a=>t.includes(a.key):()=>!0}function oe(...t){let a,o,r={};t.length===3?(a=t[0],o=t[1],r=t[2]):t.length===2?typeof t[1]=="object"?(a=!0,o=t[0],r=t[1]):(a=t[0],o=t[1]):(a=!0,o=t[0]);const{target:n=z,eventName:s="keydown",passive:l=!1,dedupe:c=!1}=r,u=Fe(a);return Be(n,s,h=>{h.repeat&&$(c)||u(h)&&o(h)},l)}function W(t,a,o={}){return oe(t,a,{...o,eventName:"keydown"})}function H(t,a,o={}){return oe(t,a,{...o,eventName:"keyup"})}function Ne(){const t=e.ref(!1),a=e.getCurrentInstance();return a&&e.onMounted(()=>{t.value=!0},a),t}function Re(t){const a=Ne();return e.computed(()=>(a.value,!!t()))}function Oe(t){return JSON.parse(JSON.stringify(t))}function re(t,a,o={}){const{window:r=z,...n}=o;let s;const l=Re(()=>r&&"ResizeObserver"in r),c=()=>{s&&(s.disconnect(),s=void 0)},u=e.computed(()=>{const i=$(t);return Array.isArray(i)?i.map(v=>F(v)):[F(i)]}),S=e.watch(u,i=>{if(c(),l.value&&r){s=new ResizeObserver(a);for(const v of i)v&&s.observe(v,n)}},{immediate:!0,flush:"post"}),h=()=>{c(),S()};return Q(h),{isSupported:l,stop:h}}function $e(t,a={width:0,height:0},o={}){const{window:r=z,box:n="content-box"}=o,s=e.computed(()=>{var i,v;return(v=(i=F(t))==null?void 0:i.namespaceURI)==null?void 0:v.includes("svg")}),l=e.ref(a.width),c=e.ref(a.height),{stop:u}=re(t,([i])=>{const v=n==="border-box"?i.borderBoxSize:n==="content-box"?i.contentBoxSize:i.devicePixelContentBoxSize;if(r&&s.value){const d=F(t);if(d){const m=d.getBoundingClientRect();l.value=m.width,c.value=m.height}}else if(v){const d=Array.isArray(v)?v:[v];l.value=d.reduce((m,{inlineSize:f})=>m+f,0),c.value=d.reduce((m,{blockSize:f})=>m+f,0)}else l.value=i.contentRect.width,c.value=i.contentRect.height},o);Pe(()=>{const i=F(t);i&&(l.value="offsetWidth"in i?i.offsetWidth:a.width,c.value="offsetHeight"in i?i.offsetHeight:a.height)});const S=e.watch(()=>F(t),i=>{l.value=i?a.width:0,c.value=i?a.height:0});function h(){u(),S()}return{width:l,height:c,stop:h}}function Te(t,a,o,r={}){var n,s,l;const{clone:c=!1,passive:u=!1,eventName:S,deep:h=!1,defaultValue:i,shouldEmit:v}=r,d=e.getCurrentInstance(),m=o||(d==null?void 0:d.emit)||((n=d==null?void 0:d.$emit)==null?void 0:n.bind(d))||((l=(s=d==null?void 0:d.proxy)==null?void 0:s.$emit)==null?void 0:l.bind(d==null?void 0:d.proxy));let f=S;a||(a="modelValue"),f=f||`update:${a.toString()}`;const k=y=>c?typeof c=="function"?c(y):Oe(y):y,D=()=>Ae(t[a])?k(t[a]):i,p=y=>{v?v(y)&&m(f,y):m(f,y)};if(u){const y=D(),w=e.ref(y);let C=!1;return e.watch(()=>t[a],I=>{C||(C=!0,w.value=k(I),e.nextTick(()=>C=!1))}),e.watch(w,I=>{!C&&(I!==t[a]||h)&&p(I)},{deep:h}),w}else return e.computed({get(){return D()},set(y){p(y)}})}function qe(){const{isDark:t}=q(),a=Ve(t);return{isDark:t,toggleDark:a}}function ae(){const t=e.ref(!1);return e.onMounted(()=>{se(t),Le(t)}),e.watch(()=>t.value,()=>{t.value?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")}),{isDark:t}}function se(t){var a=document.documentElement;a&&(a.classList.contains("dark")?t.value=!0:t.value=!1)}function Le(t){var a=document.querySelector("html"),o=new MutationObserver(function(r){for(var n of r)if(n.type==="attributes"&&n.attributeName==="class"){const s=n.target;new Array(...s.classList).includes("dark")?t.value=!0:t.value=!1}});o.observe(a,{attributes:!0,attributeFilter:["class"]}),e.onUnmounted(()=>{o.disconnect()})}function ie(){const t=e.ref(1),a=e.ref(!1),{isDark:o}=ae(),{pressSpace:r,pressShift:n,pressCtrl:s}=le();return{canvasScale:t,pressSpace:r,pressShift:n,pressCtrl:s,disabledZoom:a,isDark:o}}const q=ke(ie);function le(){const t=e.ref(!1),a=e.ref(!1),o=e.ref(!1);return W(" ",()=>{t.value=!0}),H(" ",()=>{t.value=!1}),W("Shift",r=>{r.preventDefault(),a.value=!0}),H("Shift",()=>{a.value=!1}),W("Control",r=>{r.preventDefault(),o.value=!0}),H("Control",()=>{o.value=!1}),{pressSpace:t,pressShift:a,pressCtrl:o}}function Ue(t){const{pressSpace:a}=q(),o=new Image(1,1);o.src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==";let r=0,n=0;function s(u){var S;a.value&&(r=u.x,n=u.y,(S=u.dataTransfer)==null||S.setDragImage(document.createElement("div"),0,0))}function l(u){if(u.preventDefault(),!u.x||!u.y||!a.value)return;const S=u.x-r,h=u.y-n;r=u.x,n=u.y,t.value&&(t.value.scrollTop-=h,t.value.scrollLeft-=S)}function c(){a.value=!1}return{handleElementDragStart:s,handleElementDrag:l,handleElementDragEnd:c}}function ze(t){const{pressCtrl:a,canvasScale:o,disabledZoom:r}=q();function n(s){if(!a.value||r.value)return;s.preventDefault();let l=0;s.deltaY<0?l=o.value+.05:l=o.value-.05,!(l>150||l<.5)&&(o.value=l)}return e.watch(()=>o.value,s=>{t.value&&!r.value&&(t.value.style.transform=`scale(${s})`)}),{handleZoom:n,canvasScale:o}}function Je(t,a=16.66){let o;function r(){n(),o=window.setInterval(t,a)}function n(){window.clearInterval(o)}return{startTimedQuery:r,stopTimedQuery:n}}const We={class:"min-w-750px rounded"},He={class:"h-full rounded"},Ke=e.defineComponent({__name:"index",setup(t,{expose:a}){const o=E.pluginManager.getComponent("monacoEditor"),r=E.pluginManager.getComponent("modal"),n=e.ref(null),s=e.ref(!1),l=e.ref(!1),c=e.ref({}),u=e.inject("pageSchema"),S=e.ref(null),h=e.ref("");function i(){l.value=!1}function v(){s.value=!1}function d(){s.value=!0,h.value=T()}async function m(){try{let f=await S.value.validateAll();if(!Object.keys(f).length){alert("请添加表单组件后再尝试！");return}Object.keys(f).length===1&&(f=f.default),c.value=JSON.stringify(f,null,2),e.nextTick(()=>{var k;(k=n.value)==null||k.setValue(c.value)}),l.value=!0}catch(f){console.error(f)}}return a({handleOpen:d}),(f,k)=>(e.openBlock(),e.createBlock(e.unref(r),{modelValue:s.value,"onUpdate:modelValue":k[1]||(k[1]=D=>s.value=D),title:"预览",class:"w-900px",width:"900px",onClose:v,onOk:m,okText:"表单数据"},{default:e.withCtx(()=>[e.createElementVNode("div",We,[(e.openBlock(),e.createBlock(e.unref(ne),{key:h.value,ref_key:"kb",ref:S,"page-schema":e.unref(u)},null,8,["page-schema"])),e.createVNode(e.unref(r),{modelValue:l.value,"onUpdate:modelValue":k[0]||(k[0]=D=>l.value=D),title:"表单数据",class:"w-860px",width:"860px",onClose:i,onOk:i},{default:e.withCtx(()=>[e.createElementVNode("div",He,[e.createVNode(e.unref(o),{ref_key:"monacoEditorRef",ref:n,autoToggleTheme:"",readOnly:"",class:"h-full editor","model-value":c.value},null,8,["model-value"])])]),_:1},8,["modelValue"])])]),_:1},8,["modelValue"]))}}),Ze={key:0,class:"epic-loading-box"},Qe={class:"epic-designer-main"},Ge={class:"epic-header-container"},Ye={class:"epic-loading-box"},Xe=e.defineComponent({__name:"designer",props:{disabledZoom:{type:Boolean,default:!1},hiddenHeader:{type:Boolean,default:!1},lockDefaultSchemaEdit:{type:Boolean,default:!1},formMode:{type:Boolean,default:!1},title:{default:"EpicDesigner默认项目"},defaultSchema:{},sourceCodeReadOnly:{type:Boolean},source:{default:[]}},emits:["ready","save","reset","toggleDeviceMode","saveSourceData","deleteSourceData","updateSourceData"],setup(t,{expose:a,emit:o}){const r=E.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-Bs6GdgDl.cjs"))),n=E.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-CuxnFxdY.cjs"))),s=E.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-CsOmhsxu.cjs"))),l=E.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-DBQ-tc2k.cjs"))),c=E.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-Cap7FkuS.cjs"))),u=Z(),S=ee(),h=t;let i={schemas:[{type:"form",id:"root",label:"页面",children:[],componentProps:{name:"表单",style:{padding:"16px"}}}],script:`const { defineExpose, find } = epic;
|
|
1
|
+
"use strict";const e=require("vue"),E=require("./pluginManager-itCTrGag.cjs");function T(t=10){const a="abcdefghijklmnopqrstuvwxyz0123456789";let o="";for(let r=0;r<t;r++){const n=Math.floor(Math.random()*a.length);o+=a[n]}return o}function G(t){return t.charAt(0).toUpperCase()+t.slice(1)}function V(t,a=new WeakMap){if(typeof t!="object"||t===null)return t;if(a.has(t))return a.get(t);if(Array.isArray(t)){const r=t.map(n=>V(n,a));return a.set(t,r),r}const o={};return a.set(t,o),Object.keys(t).forEach(r=>{o[r]=V(t[r],a)}),o}function ue(t){const[a]=j([V(t)],o=>{var n,s;const r={...o,id:`${o.type}_${T(8)}`};return(r.field||r.input)&&!((s=(n=E.pluginManager.getComponentConfingByType(r.type))==null?void 0:n.editConstraints)!=null&&s.fixedField)&&(r.field=r.id),r});return a}function M(t,a,o=!0){for(const[r,n]of Object.entries(a)){let s=t==null?void 0:t[r];s&&n&&typeof s=="object"&&typeof n=="object"?(Array.isArray(s)&&!Array.isArray(n)?s=t[r]={}:!Array.isArray(s)&&Array.isArray(n)&&(s=t[r]=[]),M(s,n,o)):t[r]=n}o&&Object.keys(t).reverse().forEach(r=>{a.hasOwnProperty(r)||(Array.isArray(t)?t.splice(Number(r),1):delete t[r])})}function K(t,a,o=[],r=new WeakMap){const n=s=>{if(Array.isArray(s))return s.map(n);if(typeof s=="object"&&s!==null){if(r.has(s))return"[Circular]";r.set(s,!0);const l=Object.keys(s).sort(),c={};return l.forEach(u=>{o.includes(u)||(c[u]=n(s[u]))}),r.delete(s),c}else return s};return JSON.stringify(n(t))===JSON.stringify(n(a))}function Y(t,a){const o=[];let r=!1;function n(s){if(o.push(s),s.id===a&&(r=!0),!r&&s.children!=null&&s.children.length>0)for(let l=0;l<s.children.length&&(n(s.children[l]),!r);l++);if(!r&&s.slots)for(let l in s.slots)for(let c=0;c<s.slots[l].length&&(n(s.slots[l][c]),!r);c++);r||o.pop()}return t.forEach(n),r||console.error(`没有查询到id为${a}的节点`),o}function de(t,a,o){const r=a.split(".");let n=t;for(let s=0;s<r.length;s++){if(n==null)return o;n=n[r[s]]}return n===void 0?o:n}function fe(t,a,o){const r=a.replace(/\[(\d+)\]/g,".$1").split(".").filter(Boolean);let n=t;for(let s=0;s<r.length-1;s++){const l=r[s];n[l]==null&&(n[l]=isNaN(Number(r[s+1]))?{}:[]),n=n[l]}return n[r[r.length-1]]=o,t}function pe(t,a="default"){return X(t,a).map(r=>r.field)}function X(t,a="default"){const o=O(t,n=>{var s;return n.type==="form"&&(((s=n.componentProps)==null?void 0:s.name)??n.name===a)},!0);return O((o==null?void 0:o.children)??[],n=>!!n.input,!1,n=>n.type!=="subform")}function O(t,a,o=!1,r){const n=[],s=[...t];for(;s.length;){const l=s.pop();if(l!=null&&l.children&&(!r||r(l))&&s.push(...l.children),l!=null&&l.slots&&(!r||r(l)))for(let c in l.slots)s.push(...l.slots[c]);if(a(l)&&(n.push(l),o))return l}return o?!1:n}function j(t,a,o){const r=[...t];for(;r.length;){const n=r.pop();if(n!=null&&n.children&&(!o||o(n))&&r.push(...n.children),n!=null&&n.slots&&(!o||o(n)))for(let s in n.slots)r.push(...n.slots[s]);M(n,a(n))}return t}function me(t,a){const o=O(t,r=>r.id===a,!0);if(!o)throw new Error(`没有查询到id为${a}的节点`);return o}function he(t,a){const o=[{type:"",children:t}];let r=0,n=null;if(O(o,s=>{if(n=s.children??null,!n){if(s!=null&&s.slots)for(let l in s.slots){n=s.slots[l];for(let c=0;c<n.length;c++)if(n[c].id===a)return r=c,!0}return!1}for(let l=0;l<n.length;l++)if(n[l].id===a)return r=l,!0;return!1},!0),!n)throw new Error(`没有查询到id为${a}的节点`);return{list:n,schema:n[r],index:r}}function ve(t){const a={schemas:[{type:"page",id:"root",label:"页面",children:[{label:"表单",type:"form",icon:"epic-icon-daibanshixiang",labelWidth:t.config.labelWidth||100,name:"default",componentProps:{layout:t.config.layout||"horizontal",labelWidth:t.config.labelWidth||100,labelLayout:t.config.labelLayout==="flex"?"fixed":"flex",labelCol:t.config.labelCol||{span:5},wrapperCol:t.config.wrapperCol||{span:19},hideRequiredMark:t.config.hideRequiredMark||!1,colon:t.config.colon||!0,labelAlign:t.config.labelAlign||"right",size:t.config.size||"middle"},children:[],id:"form_"+T()}],componentProps:{style:{padding:"16px"}}}],script:t.script||""};return a.schemas[0].children[0].children=R(t.list),a}function R(t,a){return t.map(o=>{var u,S,h;let r=o.type??"";const n=o.options??{},s=(i,v)=>{r===i&&(r=v,n.defaultValue&&(n.defaultValue=JSON.parse(n.defaultValue)))};if(s("uploadImg","upload-image"),s("uploadFile","upload-file"),r==="date"&&n.range&&(n.type="daterange",delete n.range),(r==="date"||r==="time")&&(n.valueFormat=n.format),r==="textarea"){const{minRows:i,maxRows:v}=n;n.autoSize={minRows:i,maxRows:v},delete n.minRows,delete n.maxRows}r==="number"&&!n.precision&&delete n.precision,n.width&&(n.style={width:n.width},delete n.width),r==="grid"&&(r="row"),a&&a.type==="grid"&&(r="col",n.span=o.span,o.key=T());const l={label:o.label,type:r,icon:o.icon||"",field:o.model,componentProps:n,id:o.key};return(n.noFormItem||!n.showLabel)&&(l.noFormItem=!0,delete n.noFormItem,delete n.showLabel),n.clearable&&(n.allowClear=!0,delete n.clearable),["input","textarea","number","password","select","cascader","checkbox","radio","date","time","slider","switch","color-picker","upload-file","upload-image"].includes(r)&&(l.input=!0,((S=(u=o.rules)==null?void 0:u[0])==null?void 0:S.required)===!1&&o.rules.shift(),((h=o.rules)==null?void 0:h.length)>0&&(l.rules=o.rules)),o.list&&(l.children=R(o.list,o)),o.columns&&(l.children=R(o.columns,o)),o.trs&&(l.children=R(o.trs,o)),o.tds&&(l.children=R(o.tds,o)),l})}function ge(t,a){let o=null;return(...r)=>{o&&clearTimeout(o),o=setTimeout(()=>{t(...r)},a)}}function Z(){const t=e.ref({}),a=e.ref({}),o=e.ref(!1),r=e.ref([]),n=e.reactive({});function s(p){return t.value[p]}function l(p,y){t.value[p]=y}function c(p){delete t.value[p]}function u(p,y=!1){const w=Object.entries(E.pluginManager.publicMethods).reduce((C,[I,B])=>(C[I]=B.handler,C),{});try{new Function(`const epic = this;${p}`).bind({...w,getComponent:s,find:s,defineExpose:S,publicMethods:w,pluginManager:E.pluginManager})()}catch(C){y&&console.error("[epic：自定义函数]异常：",C)}}function S(p){p!=null&&(a.value=p)}function h(p,...y){if(!p||p.length===0){console.warn("未提供任何动作");return}p.forEach(w=>{const C=w.args?JSON.parse(w.args):y;switch(w.type){case"public":i(w,C);break;case"custom":v(w,C);break;case"component":d(w,C);break;default:console.warn(`未知的动作类型: ${w.type}`);break}})}function i(p,y){var w;try{(w=E.pluginManager.publicMethods[p.methodName])==null||w.handler(...y)}catch(C){console.error(`[Epic：公共函数(${p.methodName})]执行异常:`,C)}}function v(p,y){var w,C;try{(C=(w=a.value)[p.methodName])==null||C.call(w,...y)}catch(I){console.error(`[Epic：自定义函数(${p.methodName})]执行异常:`,I)}}function d(p,y){const w=p.componentId!=null&&s(p.componentId);if(!w){console.warn(`[Epic：组件${p.componentId}]未找到`);return}try{w[p.methodName](...y)}catch(C){console.error(`[Epic：组件${p.componentId}函数(${p.methodName})]执行异常:`,C)}}function m(p=!0){o.value=p}function f(p){const y=O(p,()=>!0);r.value=y.map(w=>w.id)}function k(p,y="default"){if(n[y]){const w=n[y];M(p,w)}n[y]=p}function D(p,y="default"){if(n[y]){M(n[y],p,!1);return}n[y]=p}return{componentInstances:t,funcs:a,isDesignMode:o,defaultComponentIds:r,forms:n,addFormData:k,setFormData:D,getComponentInstance:s,find:s,addComponentInstance:l,removeComponentInstance:c,setMethods:u,doActions:h,setDesignMode:m,setDefaultComponentIds:f}}function ee(){const t=e.ref([]),a=e.ref([]),o=e.ref(null);let r=0;function n(u,S="插入组件"){const h=Date.now();r+150>h||(r=h,o.value!=null&&(t.value.push(o.value),a.value.splice(0,a.value.length)),o.value={type:S,componentSchema:JSON.stringify(u)},t.value.length>60&&t.value.unshift())}function s(){if(t.value.length===0)return!1;const u=t.value.pop();return o.value!=null&&a.value.push(o.value),o.value=u,JSON.parse(u.componentSchema)}function l(){if(a.value.length===0)return!1;const u=a.value.pop();return o.value!=null&&t.value.push(o.value),o.value=u,JSON.parse(u.componentSchema)}function c(){t.value=[],a.value=[],o.value=null}return{recordList:t,undoList:a,currentRecord:o,push:n,undo:s,redo:l,reset:c}}const ye=e.defineComponent({__name:"dynamicFormItem",props:{hasFormItem:{type:Boolean},formItemProps:{}},emits:["updateFormItemRef"],setup(t,{emit:a}){const o=E.pluginManager.getComponent("form-item"),r=t,n=a,s=e.ref(),l=()=>{n("updateFormItemRef",s.value)};return(c,u)=>r.hasFormItem?(e.openBlock(),e.createBlock(e.unref(o),e.mergeProps({key:0,ref_key:"formItemRef",ref:s,onVnodeMounted:l},r.formItemProps),{default:e.withCtx(()=>[e.renderSlot(c.$slots,"default")]),_:3},16,["onVnodeMounted"])):e.renderSlot(c.$slots,"default",{key:1})}}),te=e.defineComponent({name:"ENode",__name:"node",props:{componentSchema:{},modelValue:{},ruleField:{},resetFormData:{type:Boolean},name:{},dynamicId:{}},emits:["update:modelValue","change","update:dynamicId"],setup(t,{emit:a}){const{proxy:o}=e.getCurrentInstance(),r=t,n=e.ref(null);let s=e.inject("formData",e.reactive({}));const l=e.inject("slots",{}),c=e.inject("pageManager",{}),u=e.inject("disabled",{value:!1}),S=e.inject("ruleFieldPrefix",null),h=e.inject("resetFormData",!1);let i=e.reactive(V(r.componentSchema));v(),e.watch(()=>r.componentSchema,g=>{K(i,g,["children"])||(M(i,V(g)),v())},{deep:!0});function v(){c.isDesignMode.value&&typeof i.field=="string"&&(i.field+="-design-mode")}(r.resetFormData||h)&&(s={});const d=a,m=e.ref(),f=e.ref(),k=g=>{f.value=g},D=e.useAttrs();Object.keys(D).length&&e.provide("nodeAttrs",D);const p=e.shallowRef(null),y=e.computed(()=>{var g,A;return(g=i.componentProps)!=null&&g.hidden?!1:typeof i.show=="boolean"?i.show:((A=i.show)==null?void 0:A.call(i,{values:s}))??!0}),w=e.computed(()=>{var P;const g=y.value&&((P=i.rules)==null?void 0:P.map(x=>({...x,validator:x.validator&&c.funcs.value[x.validator]})));let A=i.field;r.ruleField?A=r.ruleField:S&&i.field&&(A=V(S),A.push(i.field));const _={...i,rules:g,rule:g,field:A};return _.children&&delete _.children,_}),C=e.computed(()=>{var _,P;const g=((_=I.value)==null?void 0:_.bindModel)??"modelValue",A={};return i.on&&Object.keys(i.on).forEach(x=>{A[`on${G(x)}`]=(...ce)=>c.doActions(i.on[x],...ce)}),{...r,...i.componentProps,disabled:(u==null?void 0:u.value)||((P=i.componentProps)==null?void 0:P.disabled),bindModel:g,...A}}),I=e.computed(()=>E.pluginManager.getComponentConfingByType(i.type)??null);e.watchEffect(()=>{n.value=r.modelValue??s[i.field??""]}),e.watch(()=>n.value,()=>{n.value!==(r.modelValue??s[i.field??""])&&N(n.value)}),e.watch(()=>m.value,()=>{B()},{immediate:!0});function B(){var A;const g=m.value||o;i.id&&g&&(i.input&&(g.setValue=N,g.getValue=()=>s[i.field]||r.modelValue),g.setAttr=(_,P)=>(i.componentProps||(i.componentProps={}),i.componentProps[_]=P),g.getAttr=_=>i.componentProps[_],c.addComponentInstance(i.id,g),(A=I.value)!=null&&A.defaultSchema.input&&i.noFormItem!==!0&&f.value&&c.addComponentInstance(i.id+"formItem",f.value))}function L(){var g;i.id&&(c.removeComponentInstance(i.id),(g=I.value)!=null&&g.defaultSchema.input&&i.noFormItem!==!0&&c.removeComponentInstance(i.id+"formItem"))}async function J(){var A,_,P;if(typeof((A=i.componentProps)==null?void 0:A.defaultValue)<"u"){const x=c.isDesignMode.value?(_=i.componentProps)==null?void 0:_.defaultValue:s[i.field]??((P=i.componentProps)==null?void 0:P.defaultValue);N(V(x))}if(i.type==="slot"){const x=i.slotName;if(!x)return;p.value=e.defineComponent({setup(){return()=>e.renderSlot(l,x,{componentSchema:i,model:s})}});return}const g=E.pluginManager.getComponent(i.type);if(!g){console.error(`组件${i.type}未注册`);return}if(typeof g=="function"){const x=await g();p.value=x.default??x}else p.value=g}function N(g){d("update:modelValue",g),d("change",g),i.field&&(s[i.field]=g)}function U(g){d("update:dynamicId",g)}let b=null;return e.watch(()=>i,g=>{const A=JSON.stringify({...g,children:void 0});if(A===b)return!1;b=A,J()},{immediate:!0,deep:!0}),e.onUnmounted(L),(g,A)=>{var P;const _=e.resolveComponent("ENode");return p.value&&y.value?(e.openBlock(),e.createBlock(ye,{key:0,hasFormItem:e.unref(i).noFormItem!==!0&&((P=I.value)==null?void 0:P.defaultSchema.input),formItemProps:w.value,onUpdateFormItemRef:k},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(p.value),e.mergeProps({ref_key:"componentInstance",ref:m,onVnodeMounted:B,model:e.unref(s)},{...C.value},{[C.value.bindModel]:n.value,["onUpdate:"+C.value.bindModel]:A[0]||(A[0]=x=>n.value=x),[`onUpdate:${C.value.bindModel}`||""]:N,"onUpdate:dynamicId":U}),{node:e.withCtx(x=>[e.createVNode(_,e.normalizeProps(e.guardReactiveProps(x)),null,16)]),"edit-node":e.withCtx(()=>[e.renderSlot(g.$slots,"edit-node")]),_:3},16,["model"]))]),_:3},8,["hasFormItem","formItemProps"])):e.createCommentVNode("",!0)}}});function we(){const t=e.ref(!1),a=Z(),o=e.ref({});function r(){return new Promise(d=>{if(t.value)d();else{const m=e.watch(t,()=>{m(),d()})}})}async function n(d="default"){var f;await r();const m=(f=o.value)==null?void 0:f[d];if(!m)throw new Error(`表单 [name=${d}] 不存在`);return m}async function s(d,m){const f=await n(d);return V(await m(f))}async function l(d="default"){return await s(d,m=>m.getData())}function c(d,m="default"){var k;a.setFormData(d,m);const f=(k=o.value)==null?void 0:k[m];f==null||f.clearValidate()}async function u(d="default"){return await s(d,async m=>(await m.validate(),await m.getData()))}async function S(d){await r();const m={};for(const f in o.value){const k=o.value[f];k&&(m[f]=V(await d(k)))}return m}async function h(){return await S(d=>d.getData())}function i(d){for(const m in d)c(d[m],m)}async function v(){return await S(async d=>(await d.validate(),await d.getData()))}return{ready:t,pageManager:a,forms:o,getData:l,setData:c,validate:u,getForms:h,setForms:i,validateAll:v,getFormInstance:n}}const Se={key:0,class:"epic-loading-box"},be={class:"epic-builder-main"},Ce={class:"epic-loading-box"},ne=e.defineComponent({__name:"builder",props:{pageSchema:{},formData:{},disabled:{type:Boolean}},emits:["ready"],setup(t,{expose:a,emit:o}){const r=E.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-Cap7FkuS.cjs"))),n=o,{ready:s,pageManager:l,forms:c,getData:u,setData:S,validate:h,getForms:i,setForms:v,validateAll:d,getFormInstance:m}=we(),f=t,k=e.reactive({schemas:[]});e.watch(()=>f.pageSchema,w=>{M(k,w)},{immediate:!0,deep:!0}),e.watch(()=>f.formData,w=>{w&&S(w)},{immediate:!0,deep:!0}),e.watch(()=>k.script,w=>{w&&l.setMethods(w,!0)},{immediate:!0}),e.provide("slots",e.useSlots()),e.provide("pageManager",l),e.provide("forms",c),e.provide("pageSchema",k),e.provide("disabled",e.computed(()=>f.disabled));const D=e.getCurrentInstance(),p=D==null?void 0:D.proxy;function y(){e.nextTick(()=>{s.value=!0,n("ready",l),p&&l.addComponentInstance("builder",p)})}return a({ready:s,pageManager:l,getData:u,setData:S,validate:h,getForms:i,setForms:v,validateAll:d,getFormInstance:m}),(w,C)=>e.unref(E.pluginManager).initialized.value?(e.openBlock(),e.createBlock(e.Suspense,{key:1,onResolve:y},{default:e.withCtx(()=>[e.createElementVNode("div",be,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.schemas,(I,B)=>(e.openBlock(),e.createBlock(e.unref(te),{key:B,componentSchema:I},null,8,["componentSchema"]))),128))])]),fallback:e.withCtx(()=>[e.createElementVNode("div",Ce,[e.createVNode(e.unref(r))])]),_:1})):(e.openBlock(),e.createElementBlock("div",Se))}});function Q(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function ke(t){let a=0,o,r;const n=()=>{a-=1,r&&a<=0&&(r.stop(),o=void 0,r=void 0)};return(...s)=>(a+=1,r||(r=e.effectScope(!0),o=r.run(()=>t(...s))),Q(n),o)}function $(t){return typeof t=="function"?t():e.unref(t)}const Ee=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Ae=t=>typeof t<"u",xe=Object.prototype.toString,De=t=>xe.call(t)==="[object Object]",Ie=()=>{};function _e(t){return e.getCurrentInstance()}function Pe(t,a=!0,o){_e()?e.onMounted(t,o):a?t():e.nextTick(t)}function Ve(t=!1,a={}){const{truthyValue:o=!0,falsyValue:r=!1}=a,n=e.isRef(t),s=e.ref(t);function l(c){if(arguments.length)return s.value=c,s.value;{const u=$(o);return s.value=s.value===u?$(r):u,s.value}}return n?l:[s,l]}function Me(t,a,o){const r=e.watch(t,(...n)=>(e.nextTick(()=>r()),a(...n)),o);return r}const z=Ee?window:void 0;function F(t){var a;const o=$(t);return(a=o==null?void 0:o.$el)!=null?a:o}function Be(...t){let a,o,r,n;if(typeof t[0]=="string"||Array.isArray(t[0])?([o,r,n]=t,a=z):[a,o,r,n]=t,!a)return Ie;Array.isArray(o)||(o=[o]),Array.isArray(r)||(r=[r]);const s=[],l=()=>{s.forEach(h=>h()),s.length=0},c=(h,i,v,d)=>(h.addEventListener(i,v,d),()=>h.removeEventListener(i,v,d)),u=e.watch(()=>[F(a),$(n)],([h,i])=>{if(l(),!h)return;const v=De(i)?{...i}:i;s.push(...o.flatMap(d=>r.map(m=>c(h,d,m,v))))},{immediate:!0,flush:"post"}),S=()=>{u(),l()};return Q(S),S}function Fe(t){return typeof t=="function"?t:typeof t=="string"?a=>a.key===t:Array.isArray(t)?a=>t.includes(a.key):()=>!0}function oe(...t){let a,o,r={};t.length===3?(a=t[0],o=t[1],r=t[2]):t.length===2?typeof t[1]=="object"?(a=!0,o=t[0],r=t[1]):(a=t[0],o=t[1]):(a=!0,o=t[0]);const{target:n=z,eventName:s="keydown",passive:l=!1,dedupe:c=!1}=r,u=Fe(a);return Be(n,s,h=>{h.repeat&&$(c)||u(h)&&o(h)},l)}function W(t,a,o={}){return oe(t,a,{...o,eventName:"keydown"})}function H(t,a,o={}){return oe(t,a,{...o,eventName:"keyup"})}function Ne(){const t=e.ref(!1),a=e.getCurrentInstance();return a&&e.onMounted(()=>{t.value=!0},a),t}function Re(t){const a=Ne();return e.computed(()=>(a.value,!!t()))}function Oe(t){return JSON.parse(JSON.stringify(t))}function re(t,a,o={}){const{window:r=z,...n}=o;let s;const l=Re(()=>r&&"ResizeObserver"in r),c=()=>{s&&(s.disconnect(),s=void 0)},u=e.computed(()=>{const i=$(t);return Array.isArray(i)?i.map(v=>F(v)):[F(i)]}),S=e.watch(u,i=>{if(c(),l.value&&r){s=new ResizeObserver(a);for(const v of i)v&&s.observe(v,n)}},{immediate:!0,flush:"post"}),h=()=>{c(),S()};return Q(h),{isSupported:l,stop:h}}function $e(t,a={width:0,height:0},o={}){const{window:r=z,box:n="content-box"}=o,s=e.computed(()=>{var i,v;return(v=(i=F(t))==null?void 0:i.namespaceURI)==null?void 0:v.includes("svg")}),l=e.ref(a.width),c=e.ref(a.height),{stop:u}=re(t,([i])=>{const v=n==="border-box"?i.borderBoxSize:n==="content-box"?i.contentBoxSize:i.devicePixelContentBoxSize;if(r&&s.value){const d=F(t);if(d){const m=d.getBoundingClientRect();l.value=m.width,c.value=m.height}}else if(v){const d=Array.isArray(v)?v:[v];l.value=d.reduce((m,{inlineSize:f})=>m+f,0),c.value=d.reduce((m,{blockSize:f})=>m+f,0)}else l.value=i.contentRect.width,c.value=i.contentRect.height},o);Pe(()=>{const i=F(t);i&&(l.value="offsetWidth"in i?i.offsetWidth:a.width,c.value="offsetHeight"in i?i.offsetHeight:a.height)});const S=e.watch(()=>F(t),i=>{l.value=i?a.width:0,c.value=i?a.height:0});function h(){u(),S()}return{width:l,height:c,stop:h}}function Te(t,a,o,r={}){var n,s,l;const{clone:c=!1,passive:u=!1,eventName:S,deep:h=!1,defaultValue:i,shouldEmit:v}=r,d=e.getCurrentInstance(),m=o||(d==null?void 0:d.emit)||((n=d==null?void 0:d.$emit)==null?void 0:n.bind(d))||((l=(s=d==null?void 0:d.proxy)==null?void 0:s.$emit)==null?void 0:l.bind(d==null?void 0:d.proxy));let f=S;a||(a="modelValue"),f=f||`update:${a.toString()}`;const k=y=>c?typeof c=="function"?c(y):Oe(y):y,D=()=>Ae(t[a])?k(t[a]):i,p=y=>{v?v(y)&&m(f,y):m(f,y)};if(u){const y=D(),w=e.ref(y);let C=!1;return e.watch(()=>t[a],I=>{C||(C=!0,w.value=k(I),e.nextTick(()=>C=!1))}),e.watch(w,I=>{!C&&(I!==t[a]||h)&&p(I)},{deep:h}),w}else return e.computed({get(){return D()},set(y){p(y)}})}function qe(){const{isDark:t}=q(),a=Ve(t);return{isDark:t,toggleDark:a}}function ae(){const t=e.ref(!1);return e.onMounted(()=>{se(t),Le(t)}),e.watch(()=>t.value,()=>{t.value?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")}),{isDark:t}}function se(t){var a=document.documentElement;a&&(a.classList.contains("dark")?t.value=!0:t.value=!1)}function Le(t){var a=document.querySelector("html"),o=new MutationObserver(function(r){for(var n of r)if(n.type==="attributes"&&n.attributeName==="class"){const s=n.target;new Array(...s.classList).includes("dark")?t.value=!0:t.value=!1}});o.observe(a,{attributes:!0,attributeFilter:["class"]}),e.onUnmounted(()=>{o.disconnect()})}function ie(){const t=e.ref(1),a=e.ref(!1),{isDark:o}=ae(),{pressSpace:r,pressShift:n,pressCtrl:s}=le();return{canvasScale:t,pressSpace:r,pressShift:n,pressCtrl:s,disabledZoom:a,isDark:o}}const q=ke(ie);function le(){const t=e.ref(!1),a=e.ref(!1),o=e.ref(!1);return W(" ",()=>{t.value=!0}),H(" ",()=>{t.value=!1}),W("Shift",r=>{r.preventDefault(),a.value=!0}),H("Shift",()=>{a.value=!1}),W("Control",r=>{r.preventDefault(),o.value=!0}),H("Control",()=>{o.value=!1}),{pressSpace:t,pressShift:a,pressCtrl:o}}function Ue(t){const{pressSpace:a}=q(),o=new Image(1,1);o.src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==";let r=0,n=0;function s(u){var S;a.value&&(r=u.x,n=u.y,(S=u.dataTransfer)==null||S.setDragImage(document.createElement("div"),0,0))}function l(u){if(u.preventDefault(),!u.x||!u.y||!a.value)return;const S=u.x-r,h=u.y-n;r=u.x,n=u.y,t.value&&(t.value.scrollTop-=h,t.value.scrollLeft-=S)}function c(){a.value=!1}return{handleElementDragStart:s,handleElementDrag:l,handleElementDragEnd:c}}function ze(t){const{pressCtrl:a,canvasScale:o,disabledZoom:r}=q();function n(s){if(!a.value||r.value)return;s.preventDefault();let l=0;s.deltaY<0?l=o.value+.05:l=o.value-.05,!(l>150||l<.5)&&(o.value=l)}return e.watch(()=>o.value,s=>{t.value&&!r.value&&(t.value.style.transform=`scale(${s})`)}),{handleZoom:n,canvasScale:o}}function Je(t,a=16.66){let o;function r(){n(),o=window.setInterval(t,a)}function n(){window.clearInterval(o)}return{startTimedQuery:r,stopTimedQuery:n}}const We={class:"min-w-750px rounded"},He={class:"h-full rounded"},Ke=e.defineComponent({__name:"index",setup(t,{expose:a}){const o=E.pluginManager.getComponent("monacoEditor"),r=E.pluginManager.getComponent("modal"),n=e.ref(null),s=e.ref(!1),l=e.ref(!1),c=e.ref({}),u=e.inject("pageSchema"),S=e.ref(null),h=e.ref("");function i(){l.value=!1}function v(){s.value=!1}function d(){s.value=!0,h.value=T()}async function m(){try{let f=await S.value.validateAll();if(!Object.keys(f).length){alert("请添加表单组件后再尝试！");return}Object.keys(f).length===1&&(f=f.default),c.value=JSON.stringify(f,null,2),e.nextTick(()=>{var k;(k=n.value)==null||k.setValue(c.value)}),l.value=!0}catch(f){console.error(f)}}return a({handleOpen:d}),(f,k)=>(e.openBlock(),e.createBlock(e.unref(r),{modelValue:s.value,"onUpdate:modelValue":k[1]||(k[1]=D=>s.value=D),title:"预览",class:"w-900px",width:"900px",onClose:v,onOk:m,okText:"表单数据"},{default:e.withCtx(()=>[e.createElementVNode("div",We,[(e.openBlock(),e.createBlock(e.unref(ne),{key:h.value,ref_key:"kb",ref:S,"page-schema":e.unref(u)},null,8,["page-schema"])),e.createVNode(e.unref(r),{modelValue:l.value,"onUpdate:modelValue":k[0]||(k[0]=D=>l.value=D),title:"表单数据",class:"w-860px",width:"860px",onClose:i,onOk:i},{default:e.withCtx(()=>[e.createElementVNode("div",He,[e.createVNode(e.unref(o),{ref_key:"monacoEditorRef",ref:n,autoToggleTheme:"",readOnly:"",class:"h-full editor","model-value":c.value},null,8,["model-value"])])]),_:1},8,["modelValue"])])]),_:1},8,["modelValue"]))}}),Ze={key:0,class:"epic-loading-box"},Qe={class:"epic-designer-main"},Ge={class:"epic-header-container"},Ye={class:"epic-loading-box"},Xe=e.defineComponent({__name:"designer",props:{disabledZoom:{type:Boolean,default:!1},hiddenHeader:{type:Boolean,default:!1},lockDefaultSchemaEdit:{type:Boolean,default:!1},formMode:{type:Boolean,default:!1},title:{default:"EpicDesigner默认项目"},defaultSchema:{},sourceCodeReadOnly:{type:Boolean},source:{default:[]}},emits:["ready","save","reset","toggleDeviceMode","saveSourceData","deleteSourceData","updateSourceData"],setup(t,{expose:a,emit:o}){const r=E.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-Bs6GdgDl.cjs"))),n=E.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-CuxnFxdY.cjs"))),s=E.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-Dsi_tF6z.cjs"))),l=E.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-DBQ-tc2k.cjs"))),c=E.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-Cap7FkuS.cjs"))),u=Z(),S=ee(),h=t;let i={schemas:[{type:"form",id:"root",label:"页面",children:[],componentProps:{name:"表单",style:{padding:"16px"}}}],script:`const { defineExpose, find } = epic;
|
|
2
2
|
|
|
3
3
|
function test (){
|
|
4
4
|
console.log('test')
|
|
@@ -7,4 +7,4 @@ function test (){
|
|
|
7
7
|
// 通过defineExpose暴露的函数或者属性
|
|
8
8
|
defineExpose({
|
|
9
9
|
test
|
|
10
|
-
})`};e.watchEffect(()=>{if(h.defaultSchema){i=h.defaultSchema;return}h.source&&h.source.length&&E.pluginManager.setSourceData(h.source),h.formMode&&(i.schemas=E.pluginManager.formSchemas)}),u.setDesignMode(),u.setDefaultComponentIds(i.schemas);const v=o,d=e.ref(null),m=e.reactive({checkedNode:null,hoverNode:null,disableHover:!1,matched:[]}),f=e.reactive({schemas:[],script:i.script}),{disabledZoom:k}=q();e.watchEffect(()=>{k.value=h.disabledZoom}),e.watchEffect(()=>{const b=f.script;b&&b!==""&&u.setMethods(b)}),e.provide("pageSchema",f),e.provide("revoke",S),e.provide("pageManager",u),e.provide("designerProps",e.computed(()=>h)),e.provide("designer",{setCheckedNode:p,setHoverNode:y,setDisableHover:C,handleToggleDeviceMode:N,reset:L,state:m}),E.EventBus.on("saveSourceData",b=>{v("saveSourceData",b)}),E.EventBus.on("deleteSourceData",b=>{v("deleteSourceData",b)}),E.EventBus.on("updateSourceData",b=>{v("updateSourceData",b)});function D(){f.schemas=V(i.schemas),p(f.schemas[0]),S.push(f.schemas,"初始化撤销功能")}async function p(b=f.schemas[0]){m.checkedNode=b,m.matched=Y(f.schemas,b.id)}async function y(b=null){var g;if(!b||m.disableHover)return m.hoverNode=null,!1;if((b==null?void 0:b.id)===((g=m.hoverNode)==null?void 0:g.id))return!1;m.hoverNode=b}function w(){e.nextTick(()=>{v("ready",{pageManager:u})})}async function C(b=!1){m.disableHover=b}function I(b){M(f,V(b))}function B(){return e.toRaw(f)}function L(){K(f.schemas,i.schemas)&&f.script===i.script||(M(f.schemas,i.schemas),f.script=i.script,p(f.schemas[0]),S.push(f.schemas,"重置操作"),v("reset",f))}function J(){v("save",e.toRaw(f))}function N(b){v("toggleDeviceMode",b)}function U(){d.value.handleOpen()}return D(),a({revoke:S,setData:I,getData:B,reset:L,preview:U}),(b,g)=>e.unref(E.pluginManager).initialized.value?(e.openBlock(),e.createBlock(e.Suspense,{key:1,onResolve:w},{default:e.withCtx(()=>[e.createElementVNode("div",Qe,[e.createElementVNode("div",Ge,[e.renderSlot(b.$slots,"header",{},()=>[h.hiddenHeader?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(r),{key:0,onPreview:U,onSave:J},{header:e.withCtx(()=>[e.renderSlot(b.$slots,"header-prefix")]),prefix:e.withCtx(()=>[e.renderSlot(b.$slots,"header-prefix")]),title:e.withCtx(()=>[e.renderSlot(b.$slots,"header-title")]),"right-prefix":e.withCtx(()=>[e.renderSlot(b.$slots,"header-right-prefix")]),"right-action":e.withCtx(()=>[e.renderSlot(b.$slots,"header-right-action")]),"right-suffix":e.withCtx(()=>[e.renderSlot(b.$slots,"header-right-suffix")]),_:3}))])]),e.createElementVNode("div",{class:e.normalizeClass(["epic-split-view-container",{"hidden-header":b.hiddenHeader}])},[e.createVNode(e.unref(n)),e.createVNode(e.unref(s)),e.createVNode(e.unref(l))],2),e.createVNode(Ke,{ref_key:"previewRef",ref:d},null,512)])]),fallback:e.withCtx(()=>[e.createElementVNode("div",Ye,[e.createVNode(e.unref(c))])]),_:3})):(e.openBlock(),e.createElementBlock("div",Ze))}}),je={component:async()=>await Promise.resolve().then(()=>require("./index-
|
|
10
|
+
})`};e.watchEffect(()=>{if(h.defaultSchema){i=h.defaultSchema;return}h.source&&h.source.length&&E.pluginManager.setSourceData(h.source),h.formMode&&(i.schemas=E.pluginManager.formSchemas)}),u.setDesignMode(),u.setDefaultComponentIds(i.schemas);const v=o,d=e.ref(null),m=e.reactive({checkedNode:null,hoverNode:null,disableHover:!1,matched:[]}),f=e.reactive({schemas:[],script:i.script}),{disabledZoom:k}=q();e.watchEffect(()=>{k.value=h.disabledZoom}),e.watchEffect(()=>{const b=f.script;b&&b!==""&&u.setMethods(b)}),e.provide("pageSchema",f),e.provide("revoke",S),e.provide("pageManager",u),e.provide("designerProps",e.computed(()=>h)),e.provide("designer",{setCheckedNode:p,setHoverNode:y,setDisableHover:C,handleToggleDeviceMode:N,reset:L,state:m}),E.EventBus.on("saveSourceData",b=>{v("saveSourceData",b)}),E.EventBus.on("deleteSourceData",b=>{v("deleteSourceData",b)}),E.EventBus.on("updateSourceData",b=>{v("updateSourceData",b)});function D(){f.schemas=V(i.schemas),p(f.schemas[0]),S.push(f.schemas,"初始化撤销功能")}async function p(b=f.schemas[0]){m.checkedNode=b,m.matched=Y(f.schemas,b.id)}async function y(b=null){var g;if(!b||m.disableHover)return m.hoverNode=null,!1;if((b==null?void 0:b.id)===((g=m.hoverNode)==null?void 0:g.id))return!1;m.hoverNode=b}function w(){e.nextTick(()=>{v("ready",{pageManager:u})})}async function C(b=!1){m.disableHover=b}function I(b){M(f,V(b))}function B(){return e.toRaw(f)}function L(){K(f.schemas,i.schemas)&&f.script===i.script||(M(f.schemas,i.schemas),f.script=i.script,p(f.schemas[0]),S.push(f.schemas,"重置操作"),v("reset",f))}function J(){v("save",e.toRaw(f))}function N(b){v("toggleDeviceMode",b)}function U(){d.value.handleOpen()}return D(),a({revoke:S,setData:I,getData:B,reset:L,preview:U}),(b,g)=>e.unref(E.pluginManager).initialized.value?(e.openBlock(),e.createBlock(e.Suspense,{key:1,onResolve:w},{default:e.withCtx(()=>[e.createElementVNode("div",Qe,[e.createElementVNode("div",Ge,[e.renderSlot(b.$slots,"header",{},()=>[h.hiddenHeader?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(r),{key:0,onPreview:U,onSave:J},{header:e.withCtx(()=>[e.renderSlot(b.$slots,"header-prefix")]),prefix:e.withCtx(()=>[e.renderSlot(b.$slots,"header-prefix")]),title:e.withCtx(()=>[e.renderSlot(b.$slots,"header-title")]),"right-prefix":e.withCtx(()=>[e.renderSlot(b.$slots,"header-right-prefix")]),"right-action":e.withCtx(()=>[e.renderSlot(b.$slots,"header-right-action")]),"right-suffix":e.withCtx(()=>[e.renderSlot(b.$slots,"header-right-suffix")]),_:3}))])]),e.createElementVNode("div",{class:e.normalizeClass(["epic-split-view-container",{"hidden-header":b.hiddenHeader}])},[e.createVNode(e.unref(n)),e.createVNode(e.unref(s)),e.createVNode(e.unref(l))],2),e.createVNode(Ke,{ref_key:"previewRef",ref:d},null,512)])]),fallback:e.withCtx(()=>[e.createElementVNode("div",Ye,[e.createVNode(e.unref(c))])]),_:3})):(e.openBlock(),e.createElementBlock("div",Ze))}}),je={component:async()=>await Promise.resolve().then(()=>require("./index-Bdmg-3K3.cjs")),defaultSchema:{label:"代码编辑器",type:"monacoEditor",field:"monacoEditor",icon:"epic-icon-write",input:!0},config:{attribute:[{label:"字段名",type:"input",field:"field"},{label:"标题",type:"input",field:"label"},{label:"默认值",type:"monacoEditor",field:"componentProps.defaultValue"}]},bindModel:"model-value"},et={component:async()=>await Promise.resolve().then(()=>require("./index-Ch9jeYmj.cjs")),defaultSchema:{label:"页面",type:"page",componentProps:{},children:[]},config:{attribute:[{label:"页面名称",type:"input",componentProps:{placeholder:"请输入"},field:"componentProps.name"}]}};function tt(t){t.component("EInputSize",async()=>await Promise.resolve().then(()=>require("./index-DWjMyXtP.cjs"))),t.component("EColEditor",async()=>await Promise.resolve().then(()=>require("./index-vnXMEEmO.cjs"))),t.component("EActionEditor",async()=>await Promise.resolve().then(()=>require("./index-DrGkA-Tv.cjs"))),t.component("ERuleEditor",async()=>await Promise.resolve().then(()=>require("./index-CbS5O_Qy.cjs"))),t.component("EOptionsEditor",async()=>await Promise.resolve().then(()=>require("./index-CAliFu_z.cjs"))),t.component("ENode",async()=>await Promise.resolve().then(()=>require("./index-Bq_W-h--.cjs"))),t.component("EDataSource",async()=>await Promise.resolve().then(()=>require("./index-egFxSHTm.cjs"))),t.registerActivitybar({id:"component_view",title:"组件",icon:"icon--epic--extension-outline",component:async()=>await Promise.resolve().then(()=>require("./index-uKxac_Rh.cjs"))}),t.registerActivitybar({id:"sound_code_view",title:"源码",icon:"icon--epic--sdk-outline-rounded",component:async()=>await Promise.resolve().then(()=>require("./index-DzvWzEYk.cjs"))}),t.registerActivitybar({id:"outline_view",title:"大纲",icon:"icon--epic--account-tree-outline-rounded",component:async()=>await Promise.resolve().then(()=>require("./outline-UAdT8ap6.cjs"))}),t.registerRightSidebar({id:"attribute_view",title:"属性",component:async()=>await Promise.resolve().then(()=>require("./attributeView-maM2NBVj.cjs"))}),t.registerRightSidebar({id:"style_view",title:"样式",component:async()=>await Promise.resolve().then(()=>require("./styleView-f9Gbyt6I.cjs"))}),t.registerRightSidebar({id:"event_view",title:"事件",component:async()=>await Promise.resolve().then(()=>require("./eventView-C_DGIuJU.cjs"))}),[je,et].forEach(o=>{t.registerComponent(o)})}tt(E.pluginManager);exports._sfc_main=te;exports._sfc_main$1=ne;exports._sfc_main$2=Xe;exports.capitalizeFirstLetter=G;exports.convertKFormData=ve;exports.debounce=ge;exports.deepClone=V;exports.deepCompareAndModify=M;exports.deepEqual=K;exports.findSchemaById=me;exports.findSchemaInfoById=he;exports.findSchemas=O;exports.generateNewSchema=ue;exports.getDarkState=se;exports.getFormFields=pe;exports.getFormSchemas=X;exports.getMatchedById=Y;exports.getUUID=T;exports.getValueByPath=de;exports.initStore=ie;exports.mapSchemas=j;exports.recursionConvertedNode=R;exports.setValueByPath=fe;exports.useDark=ae;exports.useElementDrag=Ue;exports.useElementSize=$e;exports.useElementZoom=ze;exports.useKeyPress=le;exports.usePageManager=Z;exports.useResizeObserver=re;exports.useRevoke=ee;exports.useStore=q;exports.useTheme=qe;exports.useTimedQuery=Je;exports.useVModel=Te;exports.watchOnce=Me;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),N=require("./vuedraggable.umd-BqhSJIAi.cjs"),i=require("./pluginManager-itCTrGag.cjs"),u=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),N=require("./vuedraggable.umd-BqhSJIAi.cjs"),i=require("./pluginManager-itCTrGag.cjs"),u=require("./index-fReNZviw.cjs"),x=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),w={class:"epic-component-view flex flex-col"},E={class:"epic-search-box px-10px py-6px"},B={class:"flex flex-1 overflow-auto"},M={class:"epic-tabs-box"},j=["title","onClick"],q={class:"h-full flex-1 overflow-auto py-2 box-border"},I=["onClick"],L={class:"epic-componet-label flex-1 w-0 truncate"},P={class:"text-center pt-42px text-gray-400"},T=e.defineComponent({__name:"index",setup($){const k=i.pluginManager.getComponent("input"),d=e.inject("pageSchema"),p=e.inject("designer"),y=e.inject("revoke"),C=e.inject("designerProps"),m=i.pluginManager.getComponentSchemaGroups(),a=e.ref(""),g={title:"全部",list:[]},c=e.ref(g),S=e.computed(()=>[g,...m.value]),r=e.computed(()=>{let o=c.value.list;if(c.value.title==="全部"){const n=m.value.map(t=>t.list);o=[].concat(...n)}return o.filter(n=>{var t;return((t=n.label)==null?void 0:t.includes(a.value))&&(!C.value.formMode||n.type!=="form")})});function V(o){c.value=o}function b(o){var v,f,_;const n=u.findSchemaInfoById(d.schemas,((v=p.state.checkedNode)==null?void 0:v.id)??"root");if(!n)return!1;let{list:t,schema:l,index:s}=n;l.children&&!((_=(f=i.pluginManager.getComponentConfingByType(l.type))==null?void 0:f.editConstraints)!=null&&_.childImmovable)&&(t=l.children,s=l.children.length-1);const h=u.generateNewSchema(o);t.splice(s+1,0,h),p.setCheckedNode(h),y.push(d.schemas,"插入组件")}return(o,n)=>(e.openBlock(),e.createElementBlock("div",w,[e.createElementVNode("div",E,[e.createVNode(e.unref(k),{placeholder:"搜索组件",modelValue:a.value,"onUpdate:modelValue":n[0]||(n[0]=t=>a.value=t),clearable:"",allowClear:"",value:a.value,"onUpdate:value":n[1]||(n[1]=t=>a.value=t)},{prefix:e.withCtx(()=>[e.createVNode(e.unref(x._sfc_main),{class:"text-$epic-text-helper",name:"icon--epic--search-rounded"})]),_:1},8,["modelValue","value"])]),e.createElementVNode("div",B,[e.createElementVNode("div",M,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(S.value,(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["epic-tab cursor-pointer truncate",{checked:c.value.title===t.title}]),key:l,title:t.title,onClick:s=>V(t)},e.toDisplayString(t.title),11,j))),128))]),e.createElementVNode("div",q,[e.createVNode(e.unref(N.draggable),e.mergeProps({modelValue:r.value,"onUpdate:modelValue":n[2]||(n[2]=t=>r.value=t)},{group:{name:"edit-draggable",pull:"clone",put:!1},sort:!1,animation:180,ghostClass:"moving"},{clone:e.unref(u.generateNewSchema),"item-key":"id",class:"grid grid-cols-[auto_auto] px-10px gap-2"}),{item:e.withCtx(({element:t})=>[e.createElementVNode("div",{class:"epic-componet-item flex items-center truncate",onClick:l=>b(t)},[e.createVNode(e.unref(x._sfc_main),{name:e.unref(i.pluginManager).getComponentConfingByType(t.type).icon??""},null,8,["name"]),e.createElementVNode("div",L,e.toDisplayString(t.label),1)],8,I)]),_:1},16,["modelValue","clone"]),e.withDirectives(e.createElementVNode("div",P,"没有查询到的组件",512),[[e.vShow,!r.value.length]])])])]))}});exports.default=T;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),_=require("./pluginManager-itCTrGag.cjs"),v=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),_=require("./pluginManager-itCTrGag.cjs"),v=require("./index-fReNZviw.cjs"),k=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),V={key:0,class:"epic-del-btn"},g=["onClick"],f=e.defineComponent({__name:"index",props:{modelValue:{type:Array,default:()=>[]}},emits:["update:modelValue"],setup(c,{emit:r}){const u=_.pluginManager.getComponent("number"),s=c,d=r,o=e.computed({get(){return s.modelValue},set(n){d("update:modelValue",n)}});function p(){const n={type:"col",children:[],componentProps:{span:12},id:v.getUUID()};o.value.push(n)}function i(n){o.value=o.value.filter((m,t)=>n!==t)}return(n,m)=>(e.openBlock(),e.createElementBlock("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,(t,a)=>(e.openBlock(),e.createElementBlock("div",{key:a,class:"EColEditor-item"},[e.createVNode(e.unref(u),{value:t.componentProps.span,"onUpdate:value":l=>t.componentProps.span=l,modelValue:t.componentProps.span,"onUpdate:modelValue":l=>t.componentProps.span=l,style:{width:"100%"},min:1,max:24},null,8,["value","onUpdate:value","modelValue","onUpdate:modelValue"]),o.value.length>1?(e.openBlock(),e.createElementBlock("div",V,[e.createElementVNode("span",{onClick:l=>i(a)},[e.createVNode(e.unref(k._sfc_main),{name:"icon-shanchu1"})],8,g)])):e.createCommentVNode("",!0)]))),128)),e.createElementVNode("div",{class:"add-btn",onClick:p}," 添加 ")]))}});exports.default=f;
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-fReNZviw.cjs"),a=require("./pluginManager-itCTrGag.cjs");exports.EBuilder=e._sfc_main$1;exports.EDesigner=e._sfc_main$2;exports.ENode=e._sfc_main;exports.capitalizeFirstLetter=e.capitalizeFirstLetter;exports.convertKFormData=e.convertKFormData;exports.debounce=e.debounce;exports.deepClone=e.deepClone;exports.deepCompareAndModify=e.deepCompareAndModify;exports.deepEqual=e.deepEqual;exports.findSchemaById=e.findSchemaById;exports.findSchemaInfoById=e.findSchemaInfoById;exports.findSchemas=e.findSchemas;exports.generateNewSchema=e.generateNewSchema;exports.getDarkState=e.getDarkState;exports.getFormFields=e.getFormFields;exports.getFormSchemas=e.getFormSchemas;exports.getMatchedById=e.getMatchedById;exports.getUUID=e.getUUID;exports.getValueByPath=e.getValueByPath;exports.initStore=e.initStore;exports.mapSchemas=e.mapSchemas;exports.recursionConvertedNode=e.recursionConvertedNode;exports.setValueByPath=e.setValueByPath;exports.useDark=e.useDark;exports.useElementDrag=e.useElementDrag;exports.useElementZoom=e.useElementZoom;exports.useKeyPress=e.useKeyPress;exports.usePageManager=e.usePageManager;exports.useRevoke=e.useRevoke;exports.useStore=e.useStore;exports.useTheme=e.useTheme;exports.useTimedQuery=e.useTimedQuery;exports.EventBus=a.EventBus;exports.PluginManager=a.PluginManager;exports.loadAsyncComponent=a.loadAsyncComponent;exports.pluginManager=a.pluginManager;
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as s, t, _ as r, E as o, c as n, j as d, m, d as u, o as i, l as g, f as l, B as c, g as p, H as h, z as y, A as E, y as S, k as f, p as B, I as D, C as F, D as I, s as P, G as v, e as C, i as M, F as k, v as x, x as A, u as N, q, a as z } from "./index-
|
|
1
|
+
import { r as s, t, _ as r, E as o, c as n, j as d, m, d as u, o as i, l as g, f as l, B as c, g as p, H as h, z as y, A as E, y as S, k as f, p as B, I as D, C as F, D as I, s as P, G as v, e as C, i as M, F as k, v as x, x as A, u as N, q, a as z } from "./index-BGkXLe-e.js";
|
|
2
2
|
import { E as T, P as U, l as V, p as b } from "./pluginManager-D8PM7ICc.js";
|
|
3
3
|
export {
|
|
4
4
|
s as EBuilder,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as k, inject as c, computed as P, openBlock as a, createElementBlock as s, Fragment as S, renderList as b, createElementVNode as d, normalizeClass as V, toDisplayString as w, createCommentVNode as u, createVNode as C, unref as i, nextTick as E } from "vue";
|
|
2
|
-
import { _ as z, p as I, s as y } from "./index-
|
|
2
|
+
import { _ as z, p as I, s as y } from "./index-BGkXLe-e.js";
|
|
3
3
|
import "./pluginManager-D8PM7ICc.js";
|
|
4
4
|
const N = ["title"], B = { class: "epic-attr-input" }, D = /* @__PURE__ */ k({
|
|
5
5
|
__name: "styleView",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),a=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),a=require("./index-fReNZviw.cjs");require("./pluginManager-itCTrGag.cjs");const h=["title"],m={class:"epic-attr-input"},k=e.defineComponent({__name:"styleView",setup(v){const p=e.inject("designer"),u=e.inject("pageSchema"),d=e.inject("revoke"),r=[{label:"宽度",type:"EInputSize",field:"componentProps.style.width"},{label:"高度",type:"EInputSize",field:"componentProps.style.height"},{label:"内边距",type:"EInputSize",field:"componentProps.style.padding"},{label:"外边距",type:"EInputSize",field:"componentProps.style.margin"},{label:"背景色",type:"color-picker",field:"componentProps.style.backgroundColor",componentProps:{type:"color",style:{}}},{label:"字体颜色",type:"color-picker",field:"componentProps.style.color",componentProps:{type:"color",style:{}}}],c=e.computed(()=>p.state.checkedNode);function i(t){var n;return typeof t.show=="boolean"?t.show:((n=t.show)==null?void 0:n.call(t,{values:c.value}))??!0}function y(t,n,l,o=c.value){typeof l.onChange=="function"&&l.onChange({value:t,values:o,componentStyles:r}),l.changeSync?a.setValueByPath(o,n,t):e.nextTick(()=>{a.setValueByPath(o,n,t)}),d.push(u.schemas,"编辑组件属性")}return(t,n)=>{var l;return e.openBlock(),e.createElementBlock("div",{class:"epic-style-view",key:(l=c.value)==null?void 0:l.id},[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(r,o=>{var s;return e.createElementVNode("div",{key:o.field},[i(o)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["epic-attr-item",o.layout])},[o.label?(e.openBlock(),e.createElementBlock("div",{key:0,class:"epic-attr-label",title:o.label},e.toDisplayString(o.label),9,h)):e.createCommentVNode("",!0),e.createElementVNode("div",m,[e.createVNode(e.unref(a._sfc_main),{componentSchema:{...o,componentProps:{...o.componentProps,...o.field==="componentProps.defaultValue"?(s=c.value)==null?void 0:s.componentProps:{},input:!1,field:void 0,hidden:!1},show:!0,noFormItem:!0},"model-value":e.unref(a.getValueByPath)(o.editData??c.value,o.field),"onUpdate:modelValue":f=>y(f,o.field,o,o.editData)},null,8,["componentSchema","model-value","onUpdate:modelValue"])])],2)):e.createCommentVNode("",!0)])}),64))])}}});exports.default=k;
|
package/package.json
CHANGED
package/dist/index-OQsMzBdL.js
DELETED
package/dist/index-bIzClEMh.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),d=require("./pluginManager-itCTrGag.cjs"),g=require("element-plus"),c=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),I=require("./axios-tuVKNgv9.cjs"),G={class:"e-data-source"},A={class:"icon-numbers"},z={class:"drawer-content"},H={class:"drawer-content-left"},Q=["onClick"],W={class:"source-item-title"},X=["onClick"],Y={class:"drawer-content-right"},Z={class:"content"},ee={key:0,class:"content-empty"},te={key:1,class:"content-form"},ae={class:"form-flex"},le={class:"form-item"},oe={class:"form-item-title"},ne={key:0,class:"form-item-content"},re={class:"form-item"},de={class:"form-item-title"},ue={key:0,class:"form-item-content"},se={class:"form-item"},ie={class:"form-item-title"},ce={key:0,class:"form-item-content"},me={class:"content-right-btn"},pe=e.defineComponent({__name:"index",emits:["update:modelValue","update:sourceData"],setup(ve,{emit:fe}){const i=d.pluginManager.getComponent("button"),w=d.pluginManager.getComponent("Drawer"),y=d.pluginManager.getComponent("input"),v=d.pluginManager.getComponent("FormItem"),x=d.pluginManager.getComponent("Form"),B=d.pluginManager.getComponent("RadioGroup"),b=d.pluginManager.getComponent("RadioButton"),f=d.pluginManager.getComponent("select");d.pluginManager.getComponent("switch");const h=e.ref(),S=e.ref(0),L=e.reactive({apiName:[{required:!0,message:"请输入接口名称",trigger:"blur"}],url:[{required:!0,message:"请输入请求地址",trigger:"blur"}],dataKey:[{required:!0,message:"请输入标签键名",trigger:"blur"}],dataValue:[{required:!0,message:"请输入值键名",trigger:"blur"}]}),k=e.ref(!1),p=e.ref([]),t=e.ref(),V=[{label:"1",value:"1"}];function O(){k.value=!0}function M(){const l="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";return l.charAt(Math.floor(Math.random()*l.length))}function _(l){let a="";for(let o=0;o<l;o++)a+=M();return a}function U(){t.value={id:`${_(5)}`,url:"",body:{},bodyList:[],apiName:`数据源_${_(5)}`,method:"get",params:{},paramsList:[],dataKey:"name",headers:{},headerList:[],dataPath:"",dataValue:"id"},p.value.push(t.value)}function T(l){var a;p.value=JSON.parse(JSON.stringify(d.pluginManager.getSourceData())),((a=t.value)==null?void 0:a.id)===l?t.value={}:(t.value=p.value.find(o=>o.id===l),t.value.paramsList=Object.keys(JSON.parse(t.value.params)).map(o=>({label:o,value:JSON.parse(t.value.params)[o]})),t.value.bodyList=Object.keys(JSON.parse(t.value.body)).map(o=>({label:o,value:JSON.parse(t.value.body)[o]})),t.value.headerList=Object.keys(JSON.parse(t.value.headers)).map(o=>({label:o,value:JSON.parse(t.value.headers)[o]})))}function D(l){d.EventBus.emit("deleteSourceData",l)}function J(){var l;(l=t.value)==null||l.paramsList.push({label:"",value:""})}function P(l){t.value.paramsList.splice(l,1)}function q(){var l;(l=t.value)==null||l.headerList.push({label:"",value:""})}function F(l){t.value.headerList.splice(l,1)}function R(){var l;(l=t.value)==null||l.bodyList.push({label:"",value:""})}function K(l){t.value.bodyList.splice(l,1)}e.onMounted(()=>{p.value=JSON.parse(JSON.stringify(d.pluginManager.getSourceData()))}),d.EventBus.on("updateSource",l=>{p.value=JSON.parse(JSON.stringify(d.pluginManager.getSourceData()))});async function $(){h.value.validate(async l=>{if(l)try{const a={};t.value.paramsList.forEach(r=>{a[r.label]=r.value});const o={};t.value.bodyList.forEach(r=>{o[r.label]=r.value});const m={};t.value.headerList.forEach(r=>{m[r.label]=r.value});let s=await I.axios({method:t.value.method,url:"http://localhost:3333/users",params:a,data:o,headers:m});t.value.dataPath?s.data[t.value.dataPath]&&s.data[t.value.dataPath].length?g.ElMessage({message:s.data[t.value.dataPath].map(r=>({label:r[t.value.dataKey],value:r[t.value.dataValue]}))}):g.ElMessage.info("配置错误"):s.data&&s.data.length?g.ElMessage({message:s.data.map(r=>({label:r[t.value.dataKey],value:r[t.value.dataValue]}))}):g.ElMessage.info("配置错误")}catch{g.ElMessage.error("请求失败")}finally{}else g.ElMessage.error("请填写必填项")})}async function j(){t.value.body=t.value.bodyList.reduce((l,a)=>(l[a.label]=a.value,l),{}),t.value.params=t.value.paramsList.reduce((l,a)=>(l[a.label]=a.value,l),{}),t.value.headers=t.value.headerList.reduce((l,a)=>(l[a.label]=a.value,l),{}),h.value.validate(l=>{l&&(t.value.id?(d.EventBus.emit("updateSourceData",{...t.value,body:JSON.stringify(t.value.body),params:JSON.stringify(t.value.params),headers:JSON.stringify(t.value.headers)}),t.value={}):(d.EventBus.emit("saveSourceData",{...t.value,body:JSON.stringify(t.value.body),params:JSON.stringify(t.value.params),headers:JSON.stringify(t.value.headers)}),t.value={}))})}return(l,a)=>(e.openBlock(),e.createElementBlock("div",G,[e.createVNode(e.unref(i),{class:"btn",onClick:O},{default:e.withCtx(()=>[e.createVNode(e.unref(c._sfc_main),{name:"icon--epic--window-outline",class:"mr-4px"}),a[8]||(a[8]=e.createElementVNode("span",null,"配置",-1)),e.createElementVNode("span",A,e.toDisplayString(S.value||p.value.length),1)]),_:1}),e.createVNode(e.unref(w),{size:800,modelValue:k.value,"onUpdate:modelValue":a[7]||(a[7]=o=>k.value=o),"append-to-body":"",title:"数据源"},{default:e.withCtx(()=>[e.createElementVNode("div",z,[e.createElementVNode("div",H,[e.createVNode(e.unref(i),{type:"primary",class:"btn",onClick:U},{default:e.withCtx(()=>[e.createVNode(e.unref(c._sfc_main),{name:"icon--epic--add-rounded",class:"mr-4px"}),a[9]||(a[9]=e.createElementVNode("span",null,"新增数据源",-1))]),_:1}),e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,o=>{var m;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["source-item",{active:o.id===((m=t.value)==null?void 0:m.id)}]),key:o.id,onClick:s=>T(o.id)},[e.createElementVNode("div",W,[e.createElementVNode("div",null,e.toDisplayString(o.method.toLocaleUpperCase()),1),e.createElementVNode("div",null,e.toDisplayString(o.apiName),1)]),e.createElementVNode("div",{onClick:s=>D(o.id),class:"source-item-icon"},[e.createVNode(e.unref(c._sfc_main),{name:"icon--epic--delete-outline-rounded"})],8,X)],10,Q)}),128))])]),e.createElementVNode("div",Y,[e.createElementVNode("div",Z,[!t.value||!Object.keys(t.value).length?(e.openBlock(),e.createElementBlock("div",ee,"请选择数据源")):(e.openBlock(),e.createElementBlock("div",te,[e.createVNode(e.unref(x),{ref_key:"ruleFormRef",ref:h,model:t.value,"label-position":"top",rules:L,"label-width":120},{default:e.withCtx(()=>{var o,m,s,r,C,E;return[e.createVNode(e.unref(v),{prop:"apiName",label:"接口名称"},{default:e.withCtx(()=>[e.createVNode(e.unref(y),{clearable:"",modelValue:t.value.apiName,"onUpdate:modelValue":a[0]||(a[0]=n=>t.value.apiName=n)},null,8,["modelValue"])]),_:1}),e.createVNode(e.unref(v),{prop:"url",label:"请求地址"},{default:e.withCtx(()=>[e.createVNode(e.unref(y),{modelValue:t.value.url,"onUpdate:modelValue":a[1]||(a[1]=n=>t.value.url=n)},null,8,["modelValue"])]),_:1}),e.createVNode(e.unref(v),{label:"请求方法",required:""},{default:e.withCtx(()=>[e.createVNode(e.unref(B),{modelValue:t.value.method,"onUpdate:modelValue":a[2]||(a[2]=n=>t.value.method=n)},{default:e.withCtx(()=>[e.createVNode(e.unref(b),{label:"GET",value:"get"},{default:e.withCtx(()=>a[10]||(a[10]=[e.createTextVNode("GET")])),_:1}),e.createVNode(e.unref(b),{label:"POST",value:"post"},{default:e.withCtx(()=>a[11]||(a[11]=[e.createTextVNode("POST")])),_:1}),e.createVNode(e.unref(b),{label:"PUT",value:"put"},{default:e.withCtx(()=>a[12]||(a[12]=[e.createTextVNode("PUT")])),_:1}),e.createVNode(e.unref(b),{label:"DELETE",value:"delete"},{default:e.withCtx(()=>a[13]||(a[13]=[e.createTextVNode("DELETE")])),_:1})]),_:1},8,["modelValue"])]),_:1}),e.createElementVNode("div",ae,[e.createVNode(e.unref(v),{prop:"dataKey",style:{width:"30%"},label:"标签键名"},{default:e.withCtx(()=>[e.createVNode(e.unref(y),{modelValue:t.value.dataKey,"onUpdate:modelValue":a[3]||(a[3]=n=>t.value.dataKey=n)},null,8,["modelValue"])]),_:1}),e.createVNode(e.unref(v),{prop:"dataValue",style:{width:"30%"},label:"值键名"},{default:e.withCtx(()=>[e.createVNode(e.unref(y),{modelValue:t.value.dataValue,"onUpdate:modelValue":a[4]||(a[4]=n=>t.value.dataValue=n)},null,8,["modelValue"])]),_:1}),e.createVNode(e.unref(v),{style:{width:"33%"},label:"数据位置"},{default:e.withCtx(()=>[e.createVNode(e.unref(y),{modelValue:t.value.dataPath,"onUpdate:modelValue":a[5]||(a[5]=n=>t.value.dataPath=n)},null,8,["modelValue"])]),_:1})]),e.createElementVNode("div",le,[e.createElementVNode("div",oe,[a[15]||(a[15]=e.createTextVNode(" 请求参数 ")),e.createVNode(e.unref(i),{onClick:J,text:"",type:"primary",class:"btn"},{default:e.withCtx(()=>[e.createVNode(e.unref(c._sfc_main),{name:"icon--epic--add-rounded"}),a[14]||(a[14]=e.createTextVNode(" 添加 "))]),_:1})]),(o=t.value)!=null&&o.paramsList&&((m=t.value)!=null&&m.paramsList.length)?(e.openBlock(),e.createElementBlock("div",ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value.paramsList,(n,N)=>(e.openBlock(),e.createElementBlock("div",{class:"content-item",key:n.value},[e.createVNode(e.unref(f),{modelValue:n.label,"onUpdate:modelValue":u=>n.label=u,filterable:"","allow-create":"",style:{width:"42%"},options:V,placeholder:"参数名"},null,8,["modelValue","onUpdate:modelValue"]),e.createVNode(e.unref(f),{modelValue:n.value,"onUpdate:modelValue":u=>n.value=u,filterable:"","allow-create":"",style:{width:"42%"},options:V,placeholder:"参数值"},null,8,["modelValue","onUpdate:modelValue"]),e.createVNode(e.unref(i),{onClick:u=>P(N),type:"danger",circle:""},{default:e.withCtx(()=>[e.createVNode(e.unref(c._sfc_main),{style:{color:"#fff"},name:"icon--epic--delete-outline-rounded"})]),_:2},1032,["onClick"])]))),128))])):e.createCommentVNode("",!0)]),e.createElementVNode("div",re,[e.createElementVNode("div",de,[a[17]||(a[17]=e.createTextVNode(" 请求头 ")),e.createVNode(e.unref(i),{onClick:q,text:"",type:"primary",class:"btn"},{default:e.withCtx(()=>[e.createVNode(e.unref(c._sfc_main),{name:"icon--epic--add-rounded"}),a[16]||(a[16]=e.createTextVNode(" 添加 "))]),_:1})]),(s=t.value)!=null&&s.headerList&&((r=t.value)!=null&&r.headerList.length)?(e.openBlock(),e.createElementBlock("div",ue,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value.headerList,(n,N)=>(e.openBlock(),e.createElementBlock("div",{class:"content-item",key:N},[e.createVNode(e.unref(f),{modelValue:n.label,"onUpdate:modelValue":u=>n.label=u,filterable:"","allow-create":"",style:{width:"42%"},options:V,placeholder:"参数名"},null,8,["modelValue","onUpdate:modelValue"]),e.createVNode(e.unref(f),{modelValue:n.value,"onUpdate:modelValue":u=>n.value=u,filterable:"","allow-create":"",style:{width:"42%"},options:V,placeholder:"参数值"},null,8,["modelValue","onUpdate:modelValue"]),e.createVNode(e.unref(i),{onClick:u=>F(N),type:"danger",circle:""},{default:e.withCtx(()=>[e.createVNode(e.unref(c._sfc_main),{style:{color:"#fff"},name:"icon--epic--delete-outline-rounded"})]),_:2},1032,["onClick"])]))),128))])):e.createCommentVNode("",!0)]),e.createElementVNode("div",se,[e.createElementVNode("div",ie,[a[19]||(a[19]=e.createTextVNode(" 请求体 ")),e.createVNode(e.unref(i),{onClick:R,text:"",type:"primary",class:"btn"},{default:e.withCtx(()=>[e.createVNode(e.unref(c._sfc_main),{name:"icon--epic--add-rounded"}),a[18]||(a[18]=e.createTextVNode(" 添加 "))]),_:1})]),(C=t.value)!=null&&C.bodyList&&((E=t.value)!=null&&E.bodyList.length)?(e.openBlock(),e.createElementBlock("div",ce,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value.bodyList,(n,N)=>(e.openBlock(),e.createElementBlock("div",{class:"content-item",key:N},[e.createVNode(e.unref(f),{modelValue:n.label,"onUpdate:modelValue":u=>n.label=u,filterable:"","allow-create":"",style:{width:"42%"},options:V,placeholder:"参数名"},null,8,["modelValue","onUpdate:modelValue"]),e.createVNode(e.unref(f),{modelValue:n.value,"onUpdate:modelValue":u=>n.value=u,filterable:"","allow-create":"",style:{width:"42%"},options:V,placeholder:"参数值"},null,8,["modelValue","onUpdate:modelValue"]),e.createVNode(e.unref(i),{onClick:a[6]||(a[6]=u=>K(l.i)),type:"danger",circle:""},{default:e.withCtx(()=>[e.createVNode(e.unref(c._sfc_main),{style:{color:"#fff"},name:"icon--epic--delete-outline-rounded"})]),_:1})]))),128))])):e.createCommentVNode("",!0)]),e.createElementVNode("div",me,[e.createVNode(e.unref(i),{type:"info",onClick:$},{default:e.withCtx(()=>a[20]||(a[20]=[e.createTextVNode("请求测试")])),_:1}),e.createVNode(e.unref(i),{type:"primary",onClick:j},{default:e.withCtx(()=>a[21]||(a[21]=[e.createTextVNode("保存")])),_:1})])]}),_:1},8,["model","rules"])]))])])])]),_:1},8,["modelValue"])]))}});exports.default=pe;
|