service-flow-designer 2.2.70 → 2.2.72-sit2

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.
@@ -2,7 +2,7 @@ import { ElDialog as e } from "element-plus/es";
2
2
  import "element-plus/es/components/base/style/css";
3
3
  import "element-plus/es/components/dialog/style/css";
4
4
  import { defineComponent as o, ref as t, watch as l, createBlock as s, openBlock as a, withCtx as n, createVNode as p } from "vue";
5
- import u from "./json-view.vue.js";
5
+ import u from "./json-view.vue2.js";
6
6
  const d = o({ name: "JsonViewDialog", inheritAttrs: false, __name: "json-view-dialog", props: { jsonObject: { type: Object, default: () => {
7
7
  } }, appendToBody: { type: Boolean, default: false }, modelValue: { type: Boolean, default: false } }, emits: ["update:modelValue"], setup(o2, { emit: d2 }) {
8
8
  const m = o2, i = d2, r = t(false);
@@ -1,54 +1,4 @@
1
- import { defineComponent as e, ref as t, watch as r, onMounted as n, nextTick as o, createElementBlock as i, openBlock as c } from "vue";
2
- import { EditorView as s, basicSetup as a } from "codemirror";
3
- import { jsonLanguage as u } from "@codemirror/lang-json";
4
- import { EditorState as m, Facet as l } from "@codemirror/state";
5
- import { eclipse as f, githubDark as h, githubLight as d, dracula as g, vscodeDark as p, xcodeDark as v, xcodeLight as j } from "@uiw/codemirror-themes-all";
6
- const w = e({ name: "JsonView", inheritAttrs: false, __name: "json-view", props: { jsonObject: { type: Object, default: () => {
7
- } }, height: { type: Number, default: 0 }, theme: { type: String, default: null } }, setup(e2) {
8
- const w2 = e2, y = t(null), b = t(), x = t("400px");
9
- function O() {
10
- y.value && y.value.destroy();
11
- const e3 = w2.jsonObject ? JSON.stringify(w2.jsonObject, null, 2) : "";
12
- if (w2.height) x.value = w2.height + "px";
13
- else if (b.value) {
14
- const e4 = b.value.getBoundingClientRect();
15
- (e4.y || 0 === e4.y) && (x.value = window.innerHeight - e4.y - 100 + "px");
16
- }
17
- const t2 = function(e4) {
18
- const t3 = function() {
19
- if (w2.theme) switch (w2.theme) {
20
- case "xcodeLight":
21
- return j;
22
- case "xcodeDark":
23
- return v;
24
- case "vscodeDark":
25
- return p;
26
- case "dracula":
27
- return g;
28
- case "githubLight":
29
- return d;
30
- case "githubDark":
31
- return h;
32
- case "eclipse":
33
- return f;
34
- }
35
- return s.theme({});
36
- }(), r3 = s.theme({ ".cm-content, .cm-gutter": { minHeight: x.value }, "&": { height: x.value, maxHeight: x.value, fontSize: "12px" } });
37
- return m.create({ doc: e4, extensions: [m.tabSize.of(16), a, u, t3, r3, S.of(true), k] });
38
- }(e3);
39
- let r2 = document.getElementById("cf-codemirror-view-json");
40
- r2 && (y.value = new s({ state: t2, parent: r2 }));
41
- }
42
- r(() => w2.jsonObject, (e3) => {
43
- y.value && O();
44
- }, { deep: true }), n(() => {
45
- o(() => {
46
- O();
47
- });
48
- });
49
- const S = l.define({ combine: (e3) => e3.some((e4) => e4) }), k = m.transactionFilter.of((e3) => e3.isUserEvent && e3.docChanged && e3.state.facet(S) ? { changes: { from: e3.changes.from, to: e3.changes.to, insert: e3.startState.doc.sliceString(e3.changes.from, e3.changes.to) } } : e3);
50
- return (e3, t2) => (c(), i("div", { style: { width: "100%" }, ref_key: "cfCodemirrorJsonViewRef", ref: b, id: "cf-codemirror-view-json" }, null, 512));
51
- } });
1
+ import e from "./json-view.vue2.js";
52
2
  export {
53
- w as default
3
+ e as default
54
4
  };
@@ -1,4 +1,54 @@
1
- import e from "./json-view.vue.js";
1
+ import { defineComponent as e, ref as t, watch as r, onMounted as n, nextTick as o, createElementBlock as i, openBlock as c } from "vue";
2
+ import { EditorView as s, basicSetup as a } from "codemirror";
3
+ import { jsonLanguage as u } from "@codemirror/lang-json";
4
+ import { EditorState as m, Facet as l } from "@codemirror/state";
5
+ import { eclipse as f, githubDark as h, githubLight as d, dracula as g, vscodeDark as p, xcodeDark as v, xcodeLight as j } from "@uiw/codemirror-themes-all";
6
+ const w = e({ name: "JsonView", inheritAttrs: false, __name: "json-view", props: { jsonObject: { type: Object, default: () => {
7
+ } }, height: { type: Number, default: 0 }, theme: { type: String, default: null } }, setup(e2) {
8
+ const w2 = e2, y = t(null), b = t(), x = t("400px");
9
+ function O() {
10
+ y.value && y.value.destroy();
11
+ const e3 = w2.jsonObject ? JSON.stringify(w2.jsonObject, null, 2) : "";
12
+ if (w2.height) x.value = w2.height + "px";
13
+ else if (b.value) {
14
+ const e4 = b.value.getBoundingClientRect();
15
+ (e4.y || 0 === e4.y) && (x.value = window.innerHeight - e4.y - 100 + "px");
16
+ }
17
+ const t2 = function(e4) {
18
+ const t3 = function() {
19
+ if (w2.theme) switch (w2.theme) {
20
+ case "xcodeLight":
21
+ return j;
22
+ case "xcodeDark":
23
+ return v;
24
+ case "vscodeDark":
25
+ return p;
26
+ case "dracula":
27
+ return g;
28
+ case "githubLight":
29
+ return d;
30
+ case "githubDark":
31
+ return h;
32
+ case "eclipse":
33
+ return f;
34
+ }
35
+ return s.theme({});
36
+ }(), r3 = s.theme({ ".cm-content, .cm-gutter": { minHeight: x.value }, "&": { height: x.value, maxHeight: x.value, fontSize: "12px" } });
37
+ return m.create({ doc: e4, extensions: [m.tabSize.of(16), a, u, t3, r3, S.of(true), k] });
38
+ }(e3);
39
+ let r2 = document.getElementById("cf-codemirror-view-json");
40
+ r2 && (y.value = new s({ state: t2, parent: r2 }));
41
+ }
42
+ r(() => w2.jsonObject, (e3) => {
43
+ y.value && O();
44
+ }, { deep: true }), n(() => {
45
+ o(() => {
46
+ O();
47
+ });
48
+ });
49
+ const S = l.define({ combine: (e3) => e3.some((e4) => e4) }), k = m.transactionFilter.of((e3) => e3.isUserEvent && e3.docChanged && e3.state.facet(S) ? { changes: { from: e3.changes.from, to: e3.changes.to, insert: e3.startState.doc.sliceString(e3.changes.from, e3.changes.to) } } : e3);
50
+ return (e3, t2) => (c(), i("div", { style: { width: "100%" }, ref_key: "cfCodemirrorJsonViewRef", ref: b, id: "cf-codemirror-view-json" }, null, 512));
51
+ } });
2
52
  export {
3
- e as default
53
+ w as default
4
54
  };
@@ -1,7 +1,7 @@
1
1
  import e from "./desginer-index.vue2.js";
2
2
  /* empty css */
3
3
  import r from "../_virtual/_plugin-vue_export-helper.js";
4
- const d = r(e, [["__scopeId", "data-v-373fda3d"]]);
4
+ const i = r(e, [["__scopeId", "data-v-4df7b9e3"]]);
5
5
  export {
6
- d as default
6
+ i as default
7
7
  };
@@ -3,31 +3,35 @@ import "element-plus/es/components/base/style/css";
3
3
  import "element-plus/es/components/container/style/css";
4
4
  import "element-plus/es/components/main/style/css";
5
5
  import "element-plus/es/components/aside/style/css";
6
- import { defineComponent as s, ref as n, createBlock as l, openBlock as a, withCtx as r, createVNode as i, normalizeStyle as c } from "vue";
7
- import p from "./service-panel/service-panel.vue.js";
8
- import u from "./service-flow-view/view-index.vue.js";
6
+ import { defineComponent as s, ref as n, onMounted as l, createBlock as a, openBlock as r, withCtx as i, createVNode as c, normalizeStyle as p } from "vue";
7
+ import u from "./service-panel/service-panel.vue.js";
8
+ import m from "./service-flow-view/view-index.vue.js";
9
9
  import "./service-components/index.js";
10
- import { useServiceFlowStore as m } from "../stores/page-store.js";
11
- import v from "agilebuilder-ui/src/utils/request";
12
- const g = s({ __name: "desginer-index", props: { pageContext: { type: Object, default: () => ({}) } }, setup(s2) {
13
- const g2 = s2, d = n([]);
14
- m().setPageContext(g2.pageContext);
15
- const f = n(null), w = n(), y = () => {
16
- v.get(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow/tree/" + g2.pageContext.systemCode + "/" + g2.pageContext.systemVersion).then((e2) => {
17
- e2 && (d.value = e2.children);
10
+ import { useServiceFlowStore as v } from "../stores/page-store.js";
11
+ import g from "agilebuilder-ui/src/utils/request";
12
+ const d = s({ __name: "desginer-index", props: { pageContext: { type: Object, default: () => ({}) } }, setup(s2) {
13
+ const d2 = s2, f = n([]);
14
+ v().setPageContext(d2.pageContext);
15
+ const w = n(null), y = n(), C = () => {
16
+ g.get(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow/tree/" + d2.pageContext.systemCode + "/" + d2.pageContext.systemVersion).then((e2) => {
17
+ e2 && (f.value = e2.children);
18
18
  });
19
- }, C = (e2) => {
20
- w.value.onDragNode(e2);
21
- }, x = (e2) => {
22
- w.value.onServiceClick(e2);
23
- }, F = () => {
24
- w.value.clearFlowCanvas(), f.value = null;
25
19
  };
26
- return (n2, m2) => {
27
- const v2 = t, g3 = o, D = e;
28
- return a(), l(D, { class: "amb-container" }, { default: r(() => [i(v2, { class: "serviceflow-container-left" }, { default: r(() => [i(p, { logicFlowInstance: f.value, "onUpdate:logicFlowInstance": m2[0] || (m2[0] = (e2) => f.value = e2), serviceTreeData: d.value, onServiceClick: x, onClearFlowCanvas: F, onLoadTreeData: y, onDragNode: C, style: c(n2.containerHeightStyle) }, null, 8, ["logicFlowInstance", "serviceTreeData", "style"])]), _: 1 }), i(g3, { class: "serviceflow-container-main", style: c(n2.containerHeightStyle) }, { default: r(() => [i(u, { logicFlowInstance: f.value, "onUpdate:logicFlowInstance": m2[1] || (m2[1] = (e2) => f.value = e2), serviceTreeData: d.value, pageContext: s2.pageContext, onLoadTreeData: y, ref_key: "serviceFlowViewRef", ref: w }, null, 8, ["logicFlowInstance", "serviceTreeData", "pageContext"])]), _: 1 }, 8, ["style"])]), _: 1 });
20
+ l(() => {
21
+ C();
22
+ });
23
+ const x = (e2) => {
24
+ y.value.onDragNode(e2);
25
+ }, F = (e2) => {
26
+ y.value.onServiceClick(e2);
27
+ }, D = () => {
28
+ y.value.clearFlowCanvas(), w.value = null;
29
+ };
30
+ return (n2, l2) => {
31
+ const v2 = t, g2 = o, d3 = e;
32
+ return r(), a(d3, { class: "amb-container" }, { default: i(() => [c(v2, { class: "serviceflow-container-left" }, { default: i(() => [c(u, { logicFlowInstance: w.value, "onUpdate:logicFlowInstance": l2[0] || (l2[0] = (e2) => w.value = e2), serviceTreeData: f.value, onServiceClick: F, onClearFlowCanvas: D, onLoadTreeData: C, onDragNode: x, style: p(n2.containerHeightStyle) }, null, 8, ["logicFlowInstance", "serviceTreeData", "style"])]), _: 1 }), c(g2, { class: "serviceflow-container-main", style: p(n2.containerHeightStyle) }, { default: i(() => [c(m, { logicFlowInstance: w.value, "onUpdate:logicFlowInstance": l2[1] || (l2[1] = (e2) => w.value = e2), serviceTreeData: f.value, pageContext: s2.pageContext, onLoadTreeData: C, ref_key: "serviceFlowViewRef", ref: y }, null, 8, ["logicFlowInstance", "serviceTreeData", "pageContext"])]), _: 1 }, 8, ["style"])]), _: 1 });
29
33
  };
30
34
  } });
31
35
  export {
32
- g as default
36
+ d as default
33
37
  };
@@ -14,7 +14,7 @@ import { json as _ } from "@codemirror/lang-json";
14
14
  import { EditorState as j } from "@codemirror/state";
15
15
  import S from "agilebuilder-ui/src/utils/request";
16
16
  import x from "@logicflow/core";
17
- import O from "../../common/components/json-view/json-view.vue.js";
17
+ import O from "../../common/components/json-view/json-view.vue2.js";
18
18
  import { vscodeDark as C } from "@uiw/codemirror-themes-all";
19
19
  import N from "./request-params.vue.js";
20
20
  import { getSystemBackendUrl as T } from "agilebuilder-ui/src/utils/common-util";
@@ -1,7 +1,7 @@
1
1
  import e from "./service-list.vue2.js";
2
2
  /* empty css */
3
3
  import r from "../../_virtual/_plugin-vue_export-helper.js";
4
- const t = r(e, [["__scopeId", "data-v-b5aa7226"]]);
4
+ const t = r(e, [["__scopeId", "data-v-b89c1b5a"]]);
5
5
  export {
6
6
  t as default
7
7
  };
package/dist/es/style.css CHANGED
@@ -1,9 +1,9 @@
1
1
 
2
- [data-v-b5aa7226] .el-table__row {
2
+ [data-v-b89c1b5a] .el-table__row {
3
3
  cursor: pointer;
4
4
  }
5
5
  /** 右键菜单样式 */
6
- .context-menu[data-v-b5aa7226] {
6
+ .context-menu[data-v-b89c1b5a] {
7
7
  position: absolute;
8
8
  background: #fff;
9
9
  z-index: 999;
@@ -14,7 +14,7 @@
14
14
  border-radius: 10px;
15
15
  font-size: 14px;
16
16
  }
17
- .context-menu li[data-v-b5aa7226] {
17
+ .context-menu li[data-v-b89c1b5a] {
18
18
  list-style-type: none;
19
19
  min-width: 75px;
20
20
  line-height: 28px;
@@ -23,12 +23,12 @@
23
23
  padding-left: 5px;
24
24
  cursor: pointer;
25
25
  }
26
- .context-menu li[data-v-b5aa7226]:hover {
26
+ .context-menu li[data-v-b89c1b5a]:hover {
27
27
  background: #0165e1;
28
28
  color: #fff;
29
29
  }
30
30
  /** 右键菜单样式 */
31
- .custom-tree-node[data-v-b5aa7226] {
31
+ .custom-tree-node[data-v-b89c1b5a] {
32
32
  font-size: 14px;
33
33
  padding-right: 8px;
34
34
  display: flex; /* 使用Flex布局 */
@@ -1167,28 +1167,28 @@
1167
1167
  border-width: 0 50px 100px 50px;
1168
1168
  border-color: transparent transparent var(--el-skeleton-color) transparent;
1169
1169
  }
1170
- .serviceflow-container-left[data-v-373fda3d] {
1170
+ .serviceflow-container-left[data-v-4df7b9e3] {
1171
1171
  width: 260px;
1172
1172
  padding-right: 20px;
1173
1173
  overflow-y: auto;
1174
1174
  }
1175
- .serviceflow-container-main[data-v-373fda3d] {
1175
+ .serviceflow-container-main[data-v-4df7b9e3] {
1176
1176
  padding: 0 10px 0 0;
1177
1177
  }
1178
- .serviceflow-container-main[data-v-373fda3d]::-webkit-scrollbar {
1178
+ .serviceflow-container-main[data-v-4df7b9e3]::-webkit-scrollbar {
1179
1179
  width: 1px;
1180
1180
  }
1181
- .serviceflow-container-attr[data-v-373fda3d] {
1181
+ .serviceflow-container-attr[data-v-4df7b9e3] {
1182
1182
  width: 300px;
1183
1183
  padding-left: 20px;
1184
1184
  }
1185
1185
  /**
1186
1186
  解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
1187
1187
  */
1188
- [data-v-373fda3d]:v-deep(.el-drawer__header) {
1188
+ [data-v-4df7b9e3]:v-deep(.el-drawer__header) {
1189
1189
  margin-bottom: 0 !important;
1190
1190
  }
1191
- [data-v-373fda3d] .el-overlay {
1191
+ [data-v-4df7b9e3] .el-overlay {
1192
1192
  position: static;
1193
1193
  }
1194
1194
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "service-flow-designer",
3
- "version": "2.2.70",
3
+ "version": "2.2.72-sit2",
4
4
  "description": "AgileBuilder Service Flow Designer",
5
5
  "license": "ISC",
6
6
  "main": "dist/es/index.js",
@@ -61,7 +61,7 @@
61
61
  "@logicflow/layout": "1.2.0-alpha.16",
62
62
  "@uiw/codemirror-themes-all": "^4.21.25",
63
63
  "@vueuse/core": "^10.9.0",
64
- "agilebuilder-ui": "1.1.24",
64
+ "agilebuilder-ui": "1.1.24-sit1",
65
65
  "codemirror": "^6.0.1",
66
66
  "nprogress": "^0.2.0",
67
67
  "pinia": "^2.1.7",