service-flow-designer 2.2.4 → 2.2.7

package/dist/es/designer/service-flow-view/view-index.vue.d.ts

@@ -2,7 +2,7 @@ import { default as LogicFlow } from '@logicflow/core';
 import { NodeType } from '../service-components';
 import { Service } from '../common/types/common-type';
 
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     logicFlowInstance: {
         type: typeof LogicFlow;
         default: () => void;
@@ -15,11 +15,11 @@ declare const _default: import('vue').DefineComponent<{
         type: ObjectConstructor;
         default: () => {};
     };
-}, {
+}>, {
     onDragNode: (serviceComponent: NodeType<any>) => void;
     onServiceClick: (clickService: Service) => void;
     clearFlowCanvas: () => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "load-tree-data": (...args: any[]) => void;
     onBlankClick: (...args: any[]) => void;
     onDeleteNode: (...args: any[]) => void;
@@ -37,14 +37,14 @@ declare const _default: import('vue').DefineComponent<{
         type: ObjectConstructor;
         default: () => {};
     };
-}>> & {
+}>> & Readonly<{
     "onLoad-tree-data"?: (...args: any[]) => any;
     onOnBlankClick?: (...args: any[]) => any;
     onOnDeleteNode?: (...args: any[]) => any;
     "onUpdate:logicFlowInstance"?: (...args: any[]) => any;
-}, {
+}>, {
     pageContext: Record<string, any>;
     serviceTreeData: unknown[];
     logicFlowInstance: LogicFlow;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/es/designer/service-flow-view/view-index.vue.js

@@ -1,5 +1,5 @@
 import e from "./view-index.vue2.js";
-import "./view-index.vue3.js";
+/* empty css                */
 import i from "../../_virtual/_plugin-vue_export-helper.js";
 const o = i(e, [["__scopeId", "data-v-04746c34"]]);
 export {

package/dist/es/designer/service-flow-view/view-index.vue2.js

@@ -1,109 +1,106 @@
-import { ElSkeletonItem as e, ElSkeleton as l, ElTimeline as o, ElDrawer as a } from "element-plus/es";
+import { ElSkeleton as e, ElSkeletonItem as l, ElTimeline as o, ElDrawer as a } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/drawer/style/css";
 import "element-plus/es/components/timeline/style/css";
 import "element-plus/es/components/skeleton/style/css";
 import "element-plus/es/components/skeleton-item/style/css";
-import { defineComponent as t, ref as n, computed as i, onMounted as r, openBlock as s, createElementBlock as u, Fragment as c, createElementVNode as v, withDirectives as p, createVNode as d, normalizeStyle as f, vShow as g, withCtx as m, pushScopeId as w, popScopeId as y, nextTick as S } from "vue";
-import x from "./service-node-config.vue.js";
-import b from "./service-update-log.vue.js";
-import h from "./service-flow-tool.vue.js";
-import N from "@logicflow/core";
+import { defineComponent as t, ref as n, computed as i, onMounted as r, createElementBlock as s, openBlock as u, Fragment as c, createElementVNode as v, createVNode as p, withDirectives as d, normalizeStyle as f, vShow as g, withCtx as m, nextTick as w } from "vue";
+import y from "./service-node-config.vue.js";
+import S from "./service-update-log.vue.js";
+import x from "./service-flow-tool.vue.js";
+import b from "@logicflow/core";
 import "@logicflow/core/dist/style/index.css";
 import "@logicflow/extension/lib/style/index.css";
-import C from "agilebuilder-ui/src/utils/request";
-import k from "./service-params.vue.js";
-import { getRuntimeJson as O, newLogicFlow as J, registerNode as D, addInitNode as F } from "./flow-util.js";
+import h from "agilebuilder-ui/src/utils/request";
+import N from "./service-params.vue.js";
+import { getRuntimeJson as C, newLogicFlow as k, registerNode as O, addInitNode as J } from "./flow-util.js";
 import "../service-components/index.js";
-import { findServcieByCode as j, isDeepEqual as M } from "../common/util/node-util.js";
-import { useServiceFlowStore as V } from "../../stores/page-store.js";
-import { ElMessageBox as _, ElMessage as B } from "element-plus";
-const I = { class: "serviceflow-design-content", ref: "ambServiceFlowContent" }, z = { style: { height: "100%" } }, G = { class: "serviceflow-design-board", ref: "pageDesignBoardMain" }, R = { style: { padding: "200px", "box-sizing": "border-box", height: "100%", "background-color": "#ffffff" } }, T = ((e2) => (w("data-v-04746c34"), e2 = e2(), y(), e2))(() => v("div", { class: "triangle" }, null, -1)), A = t({ __name: "view-index", props: { logicFlowInstance: { type: N, default: () => {
-} }, serviceTreeData: { type: Array, default: () => [] }, pageContext: { type: Object, default: () => ({}) } }, emits: ["onBlankClick", "onDeleteNode", "update:logicFlowInstance", "load-tree-data"], setup(t2, { expose: w2, emit: y2 }) {
-  const N2 = V(), A2 = t2, E = y2, L = n(), P = n(), U = n(), H = n("100%"), $ = n(), q = i(() => ({ height: H.value })), K = n(false), Q = n(), W = n(null), X = n({ code: "", name: "" }), Y = n(null);
+import { findServcieByCode as D, isDeepEqual as F } from "../common/util/node-util.js";
+import { useServiceFlowStore as j } from "../../stores/page-store.js";
+import { ElMessageBox as M, ElMessage as V } from "element-plus";
+const _ = { class: "serviceflow-design-content", ref: "ambServiceFlowContent" }, B = { style: { height: "100%" } }, I = { class: "serviceflow-design-board", ref: "pageDesignBoardMain" }, z = { style: { padding: "200px", "box-sizing": "border-box", height: "100%", "background-color": "#ffffff" } }, G = t({ __name: "view-index", props: { logicFlowInstance: { type: b, default: () => {
+} }, serviceTreeData: { type: Array, default: () => [] }, pageContext: { type: Object, default: () => ({}) } }, emits: ["onBlankClick", "onDeleteNode", "update:logicFlowInstance", "load-tree-data"], setup(t2, { expose: b2, emit: G2 }) {
+  const R = j(), T = t2, A = G2, E = n(), L = n(), P = n(), U = n("100%"), H = n(), $ = i(() => ({ height: U.value })), q = n(false), K = n(), Q = n(null), W = n({ code: "", name: "" }), X = n(null);
   r(() => {
-    if ($.value) {
-      const e2 = $.value.getBoundingClientRect();
-      (e2.y || 0 === e2.y) && (H.value = window.innerHeight - e2.y + "px");
+    if (H.value) {
+      const e2 = H.value.getBoundingClientRect();
+      (e2.y || 0 === e2.y) && (U.value = window.innerHeight - e2.y + "px");
     }
   });
-  const Z = (e2) => {
+  const Y = (e2) => {
     e2();
-  }, ee = () => {
-    X.value.variables && le(X.value.variables);
-  }, le = (e2) => {
+  }, Z = () => {
+    W.value.variables && ee(W.value.variables);
+  }, ee = (e2) => {
     e2.forEach((e3) => {
-      delete e3.$editing, e3.items && le(e3.items);
+      delete e3.$editing, e3.items && ee(e3.items);
     });
-  }, oe = () => {
-    Q.value && (Q.value.on("connection:not-allowed", (e2) => {
-    }), Q.value.on("blank:click", (e2) => {
-      P.value.onBlankClick();
-    }), Q.value.on("selection:selected", () => {
-      Q.value && Q.value.extension.selectionSelect.closeSelectionSelect();
-    }), Q.value.on("node:click", (e2) => {
-      Y.value && Y.value.data.id === e2.data.id || (P.value.onNodeClick(e2), Y.value = e2);
-    }), Q.value.on("history:change", (e2) => {
+  }, le = () => {
+    K.value && (K.value.on("connection:not-allowed", (e2) => {
+    }), K.value.on("blank:click", (e2) => {
+      L.value.onBlankClick();
+    }), K.value.on("selection:selected", () => {
+      K.value && K.value.extension.selectionSelect.closeSelectionSelect();
+    }), K.value.on("node:click", (e2) => {
+      X.value && X.value.data.id === e2.data.id || (L.value.onNodeClick(e2), X.value = e2);
+    }), K.value.on("history:change", (e2) => {
       e2.data.undos;
-    }), Q.value.on("custom:deleteNode", (e2) => {
-      E("onDeleteNode");
+    }), K.value.on("custom:deleteNode", (e2) => {
+      A("onDeleteNode");
     }));
-  }, ae = (e2) => {
-    if (Q.value) {
-      if (e2.id === X.value.id)
-        return;
-      ne() ? _.confirm("服务配置发生变化, 是否需要保存?", "提示", { confirmButtonText: "保存", cancelButtonText: "不保存", closeOnClickModal: false, closeOnPressEscape: false, type: "warning" }).then(() => {
+  }, oe = (e2) => {
+    if (K.value) {
+      if (e2.id === W.value.id) return;
+      te() ? M.confirm("服务配置发生变化, 是否需要保存?", "提示", { confirmButtonText: "保存", cancelButtonText: "不保存", closeOnClickModal: false, closeOnPressEscape: false, type: "warning" }).then(() => {
         var _a;
-        W.value = X.value, W.value.flow = (_a = Q.value) == null ? void 0 : _a.getGraphData();
-        j(X.value.code, A2.serviceTreeData).name = X.value.name, se({ beforeSave: true });
+        Q.value = W.value, Q.value.flow = (_a = K.value) == null ? void 0 : _a.getGraphData();
+        D(W.value.code, T.serviceTreeData).name = W.value.name, re({ beforeSave: true });
       }).catch(() => {
-        te(e2);
-      }) : te(e2);
-    } else
-      te(e2);
-  }, te = (e2) => {
-    P.value.closeDrawer(), X.value = JSON.parse(JSON.stringify(e2)), W.value = JSON.parse(JSON.stringify(e2)), N2.currentService = X.value, ((e3) => {
-      Q.value = J(L.value), S(() => {
-        if (L.value) {
-          const e4 = L.value.getBoundingClientRect();
-          (e4.y || 0 === e4.y) && (H.value = window.innerHeight - e4.y - 60 - 20 + "px");
+        ae(e2);
+      }) : ae(e2);
+    } else ae(e2);
+  }, ae = (e2) => {
+    L.value.closeDrawer(), W.value = JSON.parse(JSON.stringify(e2)), Q.value = JSON.parse(JSON.stringify(e2)), R.currentService = W.value, ((e3) => {
+      K.value = k(E.value), w(() => {
+        if (E.value) {
+          const e4 = E.value.getBoundingClientRect();
+          (e4.y || 0 === e4.y) && (U.value = window.innerHeight - e4.y - 60 - 20 + "px");
         }
-      }), Q.value.extension.menu.setMenuConfig({ nodeMenu: [], graphMenu: [{ text: "服务属性", callback() {
-        K.value = true;
-      } }] }), oe(), D(Q.value), e3.flow && e3.flow.nodes && e3.flow.nodes.length > 0 ? Q.value.render(e3.flow) : (Q.value.render(), F(Q.value));
-      const { editConfigModel: l2 } = Q.value.graphModel;
-      l2.updateEditConfig({ stopMoveGraph: false }), E("update:logicFlowInstance", Q.value);
-    })(X.value);
-  }, ne = () => {
-    if (!Q.value)
-      return false;
-    const e2 = Q.value.getGraphData(), l2 = M(W.value, X.value), o2 = M(W.value.flow, e2);
+      }), K.value.extension.menu.setMenuConfig({ nodeMenu: [], graphMenu: [{ text: "服务属性", callback() {
+        q.value = true;
+      } }] }), le(), O(K.value), e3.flow && e3.flow.nodes && e3.flow.nodes.length > 0 ? K.value.render(e3.flow) : (K.value.render(), J(K.value));
+      const { editConfigModel: l2 } = K.value.graphModel;
+      l2.updateEditConfig({ stopMoveGraph: false }), A("update:logicFlowInstance", K.value);
+    })(W.value);
+  }, te = () => {
+    if (!K.value) return false;
+    const e2 = K.value.getGraphData(), l2 = F(Q.value, W.value), o2 = F(Q.value.flow, e2);
     return !l2 || !o2;
-  }, ie = () => {
-    Q.value && (X.value.id ? se({ beforeSave: true }) : re());
-  }, re = (e2) => {
-    if (Q.value && (X.value.flow = Q.value.getGraphData(), W.value)) {
-      X.value.runtimeJson = JSON.stringify(O(X.value));
-      const l2 = JSON.parse(JSON.stringify(X.value));
-      l2.variables = JSON.stringify(l2.variables), l2.log = JSON.stringify(l2.log), l2.flow = JSON.stringify(l2.flow), l2.returnValues = JSON.stringify(l2.returnValues), C.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow", { designLog: e2, appServiceFlow: l2 }).then((e3) => {
-        e3 && (B({ message: "保存成功", type: "success" }), Q.value = null, e3.variables && (e3.variables = JSON.parse(e3.variables)), e3.log && (e3.log = JSON.parse(e3.log)), e3.flow && (e3.flow = JSON.parse(e3.flow)), e3.returnValues && (e3.returnValues = JSON.parse(e3.returnValues)), ae(e3), U.value.closeDialog(), E("load-tree-data"));
+  }, ne = () => {
+    K.value && (W.value.id ? re({ beforeSave: true }) : ie());
+  }, ie = (e2) => {
+    if (K.value && (W.value.flow = K.value.getGraphData(), Q.value)) {
+      W.value.runtimeJson = JSON.stringify(C(W.value));
+      const l2 = JSON.parse(JSON.stringify(W.value));
+      l2.variables = JSON.stringify(l2.variables), l2.log = JSON.stringify(l2.log), l2.flow = JSON.stringify(l2.flow), l2.returnValues = JSON.stringify(l2.returnValues), h.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow", { designLog: e2, appServiceFlow: l2 }).then((e3) => {
+        e3 && (V({ message: "保存成功", type: "success" }), K.value = null, e3.variables && (e3.variables = JSON.parse(e3.variables)), e3.log && (e3.log = JSON.parse(e3.log)), e3.flow && (e3.flow = JSON.parse(e3.flow)), e3.returnValues && (e3.returnValues = JSON.parse(e3.returnValues)), oe(e3), P.value.closeDialog(), A("load-tree-data"));
       });
     }
   };
-  function se(e2) {
-    U.value.showDialog(e2);
+  function re(e2) {
+    P.value.showDialog(e2);
   }
-  const ue = () => {
+  const se = () => {
   };
-  return w2({ onDragNode: (e2) => {
-    Q.value && Q.value.dnd.startDrag({ type: e2.type, properties: { name: e2.label } });
-  }, onServiceClick: ae, clearFlowCanvas: () => {
-    Q.value && (Q.value.clearData(), Q.value = null, W.value = null, X.value = { code: "", name: "" }, K.value = false, Y.value = {});
+  return b2({ onDragNode: (e2) => {
+    K.value && K.value.dnd.startDrag({ type: e2.type, properties: { name: e2.label } });
+  }, onServiceClick: oe, clearFlowCanvas: () => {
+    K.value && (K.value.clearData(), K.value = null, Q.value = null, W.value = { code: "", name: "" }, q.value = false, X.value = {});
   } }), (n2, i2) => {
-    const r2 = e, w3 = l, y3 = o, S2 = a;
-    return s(), u(c, null, [v("div", I, [p(v("div", z, [d(h, { cloneService: X.value, lf: Q.value, pageContext: t2.pageContext, onShowJson: ue, onShowServiceLog: se, onSaveSevice: ie }, null, 8, ["cloneService", "lf", "pageContext"]), v("div", G, [v("div", { style: f(q.value), ref_key: "logicFlowContainer", ref: L, class: "container" }, null, 4)], 512)], 512), [[g, Q.value]]), p(v("div", { style: f([{ "padding-top": "10px", "box-sizing": "border-box" }, q.value]), ref_key: "emptyContainer", ref: $ }, [v("div", R, [d(w3, { style: { "--el-skeleton-circle-size": "100px" } }, { template: m(() => [d(r2, { variant: "circle" }), d(r2, { variant: "rect", style: { width: "100px", height: "100px", margin: "0 50px" } }), T]), _: 1 }), d(y3, { style: { "max-width": "600px" } })])], 4), [[g, !Q.value]]), d(S2, { modelValue: K.value, "onUpdate:modelValue": i2[0] || (i2[0] = (e2) => K.value = e2), "append-to-body": true, "destroy-on-close": "", "modal-class": "el-overlay", modal: true, title: "服务参数", onClose: ee, "before-close": Z, direction: "rtl", size: "50%" }, { default: m(() => [d(k, { service: X.value }, null, 8, ["service"])]), _: 1 }, 8, ["modelValue"])], 512), d(b, { ref_key: "serviceUpdateLogRef", ref: U, onSave: re, lf: Q.value, cloneService: X.value }, null, 8, ["lf", "cloneService"]), d(x, { logicFlowInstance: t2.logicFlowInstance, currentNode: Y.value, "onUpdate:currentNode": i2[1] || (i2[1] = (e2) => Y.value = e2), sourceService: W.value, service: X.value, pageContext: t2.pageContext, ref_key: "serviceNodeConfigRef", ref: P }, null, 8, ["logicFlowInstance", "currentNode", "sourceService", "service", "pageContext"])], 64);
+    const r2 = l, w2 = e, b3 = o, h2 = a;
+    return u(), s(c, null, [v("div", _, [d(v("div", B, [p(x, { cloneService: W.value, lf: K.value, pageContext: t2.pageContext, onShowJson: se, onShowServiceLog: re, onSaveSevice: ne }, null, 8, ["cloneService", "lf", "pageContext"]), v("div", I, [v("div", { style: f($.value), ref_key: "logicFlowContainer", ref: E, class: "container" }, null, 4)], 512)], 512), [[g, K.value]]), d(v("div", { style: f([{ "padding-top": "10px", "box-sizing": "border-box" }, $.value]), ref_key: "emptyContainer", ref: H }, [v("div", z, [p(w2, { style: { "--el-skeleton-circle-size": "100px" } }, { template: m(() => [p(r2, { variant: "circle" }), p(r2, { variant: "rect", style: { width: "100px", height: "100px", margin: "0 50px" } }), i2[2] || (i2[2] = v("div", { class: "triangle" }, null, -1))]), _: 1 }), p(b3, { style: { "max-width": "600px" } })])], 4), [[g, !K.value]]), p(h2, { modelValue: q.value, "onUpdate:modelValue": i2[0] || (i2[0] = (e2) => q.value = e2), "append-to-body": true, "destroy-on-close": "", "modal-class": "el-overlay", modal: true, title: "服务参数", onClose: Z, "before-close": Y, direction: "rtl", size: "50%" }, { default: m(() => [p(N, { service: W.value }, null, 8, ["service"])]), _: 1 }, 8, ["modelValue"])], 512), p(S, { ref_key: "serviceUpdateLogRef", ref: P, onSave: ie, lf: K.value, cloneService: W.value }, null, 8, ["lf", "cloneService"]), p(y, { logicFlowInstance: t2.logicFlowInstance, currentNode: X.value, "onUpdate:currentNode": i2[1] || (i2[1] = (e2) => X.value = e2), sourceService: Q.value, service: W.value, pageContext: t2.pageContext, ref_key: "serviceNodeConfigRef", ref: L }, null, 8, ["logicFlowInstance", "currentNode", "sourceService", "service", "pageContext"])], 64);
   };
 } });
 export {
-  A as default
+  G as default
 };

package/dist/es/designer/service-panel/component-panel.vue.d.ts

@@ -1,6 +1,6 @@
 declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "drag-node": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>> & {
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
     "onDrag-node"?: (...args: any[]) => any;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/es/designer/service-panel/component-panel.vue.js

@@ -1,5 +1,5 @@
 import e from "./component-panel.vue2.js";
-import "./component-panel.vue3.js";
+/* empty css                     */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
 const p = o(e, [["__scopeId", "data-v-8bad091d"]]);
 export {

package/dist/es/designer/service-panel/component-panel.vue2.js

@@ -1,16 +1,16 @@
-import { ElCol as e, ElRow as l, ElCollapseItem as s, ElCollapse as t } from "element-plus/es";
+import { ElCollapse as e, ElCollapseItem as l, ElRow as s, ElCol as t } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/collapse/style/css";
 import "element-plus/es/components/collapse-item/style/css";
 import "element-plus/es/components/row/style/css";
 import "element-plus/es/components/col/style/css";
-import { defineComponent as n, ref as o, openBlock as m, createBlock as p, withCtx as a, createElementBlock as i, Fragment as u, renderList as r, unref as c, createElementVNode as d, createTextVNode as f, toDisplayString as g, createVNode as y } from "vue";
+import { defineComponent as n, ref as o, createBlock as m, openBlock as p, withCtx as a, createElementBlock as i, Fragment as u, renderList as r, unref as c, createElementVNode as d, createVNode as f, toDisplayString as g, createTextVNode as y } from "vue";
 import { serviceComponentGroups as v } from "../service-components/index.js";
 const x = ["src"], _ = { style: { padding: "8px 0px 0px 0px" } }, b = ["title", "onMousedown"], h = ["src"], w = n({ __name: "component-panel", emits: ["drag-node"], setup(n2, { emit: w2 }) {
   const V = w2, M = o(v[0].name);
   return (n3, o2) => {
-    const w3 = e, j = l, k = s, U = t;
-    return m(), p(U, { modelValue: M.value, "onUpdate:modelValue": o2[0] || (o2[0] = (e2) => M.value = e2), style: { "margin-top": "6px" } }, { default: a(() => [(m(true), i(u, null, r(c(v), (e2, l2) => (m(), p(k, { key: l2, name: e2.name, class: "serviceflow-attr-group-header" }, { title: a(() => [d("img", { src: e2.icon, style: { height: "18px" } }, null, 8, x), f("   "), d("b", null, g(e2.label), 1)]), default: a(() => [d("div", _, [y(j, { gutter: 14 }, { default: a(() => [(m(true), i(u, null, r(e2.items, (e3, l3) => (m(), p(w3, { span: 8 }, { default: a(() => [d("div", { class: "serviceflow-item", title: e3.label, onMousedown: (l4) => function(e4) {
+    const w3 = t, j = s, k = l, U = e;
+    return p(), m(U, { modelValue: M.value, "onUpdate:modelValue": o2[0] || (o2[0] = (e2) => M.value = e2), style: { "margin-top": "6px" } }, { default: a(() => [(p(true), i(u, null, r(c(v), (e2, l2) => (p(), m(k, { key: l2, name: e2.name, class: "serviceflow-attr-group-header" }, { title: a(() => [d("img", { src: e2.icon, style: { height: "18px" } }, null, 8, x), o2[1] || (o2[1] = y("   ")), d("b", null, g(e2.label), 1)]), default: a(() => [d("div", _, [f(j, { gutter: 14 }, { default: a(() => [(p(true), i(u, null, r(e2.items, (e3, l3) => (p(), m(w3, { span: 8 }, { default: a(() => [d("div", { class: "serviceflow-item", title: e3.label, onMousedown: (l4) => function(e4) {
       V("drag-node", e4);
     }(e3) }, [d("div", null, [d("img", { src: e3.icon, style: { height: "16px" } }, null, 8, h)]), d("span", null, g(e3.label), 1)], 40, b)]), _: 2 }, 1024))), 256))]), _: 2 }, 1024)])]), _: 2 }, 1032, ["name"]))), 128))]), _: 1 }, 8, ["modelValue"]);
   };

package/dist/es/designer/service-panel/service-list.vue.d.ts

@@ -1,9 +1,9 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     serviceTreeData: {
         type: ArrayConstructor;
         default: () => any[];
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "service-click": (...args: any[]) => void;
     "clear-flow-canvas": (...args: any[]) => void;
     "load-tree-data": (...args: any[]) => void;
@@ -12,11 +12,11 @@ declare const _default: import('vue').DefineComponent<{
         type: ArrayConstructor;
         default: () => any[];
     };
-}>> & {
+}>> & Readonly<{
     "onService-click"?: (...args: any[]) => any;
     "onClear-flow-canvas"?: (...args: any[]) => any;
     "onLoad-tree-data"?: (...args: any[]) => any;
-}, {
+}>, {
     serviceTreeData: unknown[];
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/es/designer/service-panel/service-list.vue.js

@@ -1,5 +1,5 @@
 import e from "./service-list.vue2.js";
-import "./service-list.vue3.js";
+/* empty css                  */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
 const t = r(e, [["__scopeId", "data-v-da8fc67a"]]);
 export {

package/dist/es/designer/service-panel/service-list.vue2.js

@@ -1,4 +1,4 @@
-import { ElIcon as e, ElInput as l, ElCol as a, ElRow as t, ElButton as n, ElTooltip as o, ElTree as s, ElFormItem as i, ElDialog as u } from "element-plus/es";
+import { ElRow as e, ElCol as l, ElInput as t, ElIcon as a, ElTooltip as n, ElButton as o, ElTree as s, ElDialog as i, ElFormItem as u } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/dialog/style/css";
 import "element-plus/es/components/form-item/style/css";
@@ -9,82 +9,81 @@ import "element-plus/es/components/row/style/css";
 import "element-plus/es/components/col/style/css";
 import "element-plus/es/components/input/style/css";
 import "element-plus/es/components/icon/style/css";
-import { defineComponent as r, ref as p, openBlock as c, createElementBlock as d, createVNode as m, withCtx as v, unref as f, createElementVNode as y, createTextVNode as g, createBlock as h, toDisplayString as b, createCommentVNode as w, withDirectives as k, vShow as C, pushScopeId as x, popScopeId as _ } from "vue";
-import { Search as V, Plus as E, Menu as N, Promotion as U } from "@element-plus/icons-vue";
-import { v4 as T } from "uuid";
-import O from "agilebuilder-ui/src/utils/request";
-import { findServcieByCode as A } from "../common/util/node-util.js";
-import { useServiceFlowStore as I } from "../../stores/page-store.js";
-import { ElMessage as P, ElMessageBox as S } from "element-plus";
-const R = (e2) => (x("data-v-da8fc67a"), e2 = e2(), _(), e2), $ = { class: "custom-tree-node" }, z = { style: { "margin-left": "5px", "line-height": "14px", "font-size": "14px" } }, M = { class: "dialog-footer" }, D = [R(() => y("span", null, "添加菜单", -1))], L = [R(() => y("span", null, "添加服务", -1))], J = [R(() => y("span", null, "修改", -1))], j = [R(() => y("span", null, "删除", -1))], F = r({ __name: "service-list", props: { serviceTreeData: { type: Array, default: () => [] } }, emits: ["service-click", "clear-flow-canvas", "load-tree-data"], setup(r2, { emit: x2 }) {
-  const _2 = I(), R2 = x2, F2 = { id: "id", label: "name" }, q = r2, B = p(""), G = p(), H = p(), K = p(false), Q = p({}), W = p(false), X = p(""), Y = p({}), Z = p({}), ee = (e2, l2, a2, t2) => {
-    Q.value = l2, K.value = true;
+import { defineComponent as r, ref as p, createElementBlock as c, openBlock as d, createVNode as m, withDirectives as v, withCtx as f, unref as y, createElementVNode as g, createTextVNode as h, createBlock as b, toDisplayString as w, createCommentVNode as k, vShow as C } from "vue";
+import { Search as x, Plus as _, Menu as V, Promotion as E } from "@element-plus/icons-vue";
+import { v4 as N } from "uuid";
+import U from "agilebuilder-ui/src/utils/request";
+import { findServcieByCode as T } from "../common/util/node-util.js";
+import { useServiceFlowStore as O } from "../../stores/page-store.js";
+import { ElMessage as A, ElMessageBox as I } from "element-plus";
+const P = { class: "custom-tree-node" }, S = { style: { "margin-left": "5px", "line-height": "14px", "font-size": "14px" } }, R = { class: "dialog-footer" }, $ = r({ __name: "service-list", props: { serviceTreeData: { type: Array, default: () => [] } }, emits: ["service-click", "clear-flow-canvas", "load-tree-data"], setup(r2, { emit: $2 }) {
+  const z = O(), M = $2, D = { id: "id", label: "name" }, L = r2, J = p(""), j = p(), F = p(), q = p(false), B = p({}), G = p(false), H = p(""), K = p({}), Q = p({}), W = (e2, l2, t2, a2) => {
+    B.value = l2, q.value = true;
     const n2 = document.documentElement.scrollTop || document.body.scrollTop;
-    G.value.style.display = "block", G.value.style.left = e2.x + "px", G.value.style.top = e2.y + n2 - 60 - 10 + "px", document.addEventListener("click", le);
-  }, le = () => {
-    K.value = false, document.removeEventListener("click", le);
-  }, ae = () => {
-    X.value = "MENU", oe("root");
-  }, te = (e2) => {
-    X.value = e2, oe("leaf");
-  }, ne = () => {
-    X.value = Q.value.type, Y.value = JSON.parse(JSON.stringify(Q.value)), Y.value.children && delete Y.value.children, W.value = true;
-  }, oe = (e2) => {
-    Y.value = { code: T(), name: "", customCode: "", type: X.value }, Q.value.id && "leaf" === e2 && (Y.value.parentCode = Q.value.code), W.value = true;
-  }, se = p([]), ie = (e2, l2, a2) => {
-    l2 ? (se.value.push(e2.id), e2.children && e2.children.length > 0 && e2.children.forEach((e3) => {
-      -1 == se.value.indexOf(e3.id) && se.value.push(e3.id);
-    })) : (se.value.splice(se.value.indexOf(e2.id), 1), e2.children && e2.children.length > 0 && e2.children.forEach((e3) => {
-      let l3 = se.value.indexOf(e3.id);
-      l3 > -1 && se.value.splice(l3, 1);
+    j.value.style.display = "block", j.value.style.left = e2.x + "px", j.value.style.top = e2.y + n2 - 60 - 10 + "px", document.addEventListener("click", X);
+  }, X = () => {
+    q.value = false, document.removeEventListener("click", X);
+  }, Y = () => {
+    H.value = "MENU", le("root");
+  }, Z = (e2) => {
+    H.value = e2, le("leaf");
+  }, ee = () => {
+    H.value = B.value.type, K.value = JSON.parse(JSON.stringify(B.value)), K.value.children && delete K.value.children, G.value = true;
+  }, le = (e2) => {
+    K.value = { code: N(), name: "", customCode: "", type: H.value }, B.value.id && "leaf" === e2 && (K.value.parentCode = B.value.code), G.value = true;
+  }, te = p([]), ae = (e2, l2, t2) => {
+    l2 ? (te.value.push(e2.id), e2.children && e2.children.length > 0 && e2.children.forEach((e3) => {
+      -1 == te.value.indexOf(e3.id) && te.value.push(e3.id);
+    })) : (te.value.splice(te.value.indexOf(e2.id), 1), e2.children && e2.children.length > 0 && e2.children.forEach((e3) => {
+      let l3 = te.value.indexOf(e3.id);
+      l3 > -1 && te.value.splice(l3, 1);
     }));
-  }, ue = _2.pageContext.systemCode, re = _2.pageContext.systemVersion, pe = () => {
-    se.value.length > 0 ? O({ url: window.$vueApp.config.globalProperties.baseAPI + `/component/super-page-design/service-flow/export/${ue}/${re}`, method: "post", data: se.value, responseType: "blob" }).then((e2) => {
-      let l2 = new Blob([e2], { type: "application/zip" }), a2 = document.createElement("a");
-      a2.href = window.URL.createObjectURL(l2), a2.download = "服务编排.zip", a2.click(), window.URL.revokeObjectURL(a2.href);
-    }) : P.warning("请选择服务或菜单");
-  }, ce = p(null), de = (e2) => {
-    ce.value.click();
-  }, me = () => {
-    const e2 = ce.value.files[0];
+  }, ne = z.pageContext.systemCode, oe = z.pageContext.systemVersion, se = () => {
+    te.value.length > 0 ? U({ url: window.$vueApp.config.globalProperties.baseAPI + `/component/super-page-design/service-flow/export/${ne}/${oe}`, method: "post", data: te.value, responseType: "blob" }).then((e2) => {
+      let l2 = new Blob([e2], { type: "application/zip" }), t2 = document.createElement("a");
+      t2.href = window.URL.createObjectURL(l2), t2.download = "服务编排.zip", t2.click(), window.URL.revokeObjectURL(t2.href);
+    }) : A.warning("请选择服务或菜单");
+  }, ie = p(null), ue = (e2) => {
+    ie.value.click();
+  }, re = () => {
+    const e2 = ie.value.files[0];
     if (e2) {
-      ce.value.value = null;
+      ie.value.value = null;
       const l2 = new FormData();
-      l2.append("multipartFile", e2), O({ url: window.$vueApp.config.globalProperties.baseAPI + `/component/super-page-design/service-flow/import/${ue}/${re}`, method: "post", headers: { "Content-Type": "multipart/form-data" }, data: l2 }).then(() => {
-        P.success("导入成功"), R2("load-tree-data");
+      l2.append("multipartFile", e2), U({ url: window.$vueApp.config.globalProperties.baseAPI + `/component/super-page-design/service-flow/import/${ne}/${oe}`, method: "post", headers: { "Content-Type": "multipart/form-data" }, data: l2 }).then(() => {
+        A.success("导入成功"), M("load-tree-data");
       }).catch((e3) => {
       });
-    } else
-      P.warning("未选择文件");
-  }, ve = () => {
-    Y.value.name ? "MENU" === Y.value.type || Y.value.customCode ? (Y.value.systemCode || (Y.value.systemCode = _2.pageContext.systemCode), Y.value.publishVersion || (Y.value.publishVersion = _2.pageContext.systemVersion), O.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow", { designLog: null, appServiceFlow: Y.value }).then((e2) => {
-      e2 && (Y.value.id ? (R2("load-tree-data"), Object.assign(Q.value, e2)) : Y.value.parentCode ? (Q.value.children || (Q.value.children = []), Q.value.children.push(e2)) : q.serviceTreeData.push(e2), Q.value = {}, P.success("保存成功"), W.value = false, Y.value = {});
-    })) : P.warning("自定义编码不能为空") : P.warning("名称不能为空");
-  }, fe = () => {
-    Q.value.children && Q.value.children.length > 0 ? P.warning("该节点下存在子节点，不能删除！") : S.confirm("确定要删除吗?", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(({ value: e2 }) => {
-      ye();
+    } else A.warning("未选择文件");
+  }, pe = () => {
+    K.value.name ? "MENU" === K.value.type || K.value.customCode ? (K.value.systemCode || (K.value.systemCode = z.pageContext.systemCode), K.value.publishVersion || (K.value.publishVersion = z.pageContext.systemVersion), U.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow", { designLog: null, appServiceFlow: K.value }).then((e2) => {
+      e2 && (K.value.id ? (M("load-tree-data"), Object.assign(B.value, e2)) : K.value.parentCode ? (B.value.children || (B.value.children = []), B.value.children.push(e2)) : L.serviceTreeData.push(e2), B.value = {}, A.success("保存成功"), G.value = false, K.value = {});
+    })) : A.warning("自定义编码不能为空") : A.warning("名称不能为空");
+  }, ce = () => {
+    B.value.children && B.value.children.length > 0 ? A.warning("该节点下存在子节点，不能删除！") : I.confirm("确定要删除吗?", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(({ value: e2 }) => {
+      de();
     });
-  }, ye = () => {
-    O.delete(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow", { data: [Q.value.id] }).then((e2) => {
-      if (P.success("删除成功"), R2("load-tree-data"), Q.value.parentCode) {
-        const e3 = A(Q.value.parentCode, q.serviceTreeData), l2 = e3.children.findIndex((e4) => e4.id === Q.value.id);
+  }, de = () => {
+    U.delete(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow", { data: [B.value.id] }).then((e2) => {
+      if (A.success("删除成功"), M("load-tree-data"), B.value.parentCode) {
+        const e3 = T(B.value.parentCode, L.serviceTreeData), l2 = e3.children.findIndex((e4) => e4.id === B.value.id);
         e3.children.splice(l2, 1);
       } else {
-        const e3 = q.serviceTreeData.findIndex((e4) => e4.id === Q.value.id);
-        q.serviceTreeData.splice(e3, 1);
+        const e3 = L.serviceTreeData.findIndex((e4) => e4.id === B.value.id);
+        L.serviceTreeData.splice(e3, 1);
       }
-      Z.value.code === Q.value.code && R2("clear-flow-canvas"), Q.value = {};
+      Q.value.code === B.value.code && M("clear-flow-canvas"), B.value = {};
     });
-  }, ge = (e2, l2, a2) => {
-    le(), "SERVICE" === e2.type && O.get(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow/" + e2.id).then((e3) => {
-      e3.variables && (e3.variables = JSON.parse(e3.variables)), e3.log && (e3.log = JSON.parse(e3.log)), e3.flow && (e3.flow = JSON.parse(e3.flow)), e3.returnValues && (e3.returnValues = JSON.parse(e3.returnValues)), Z.value = e3, R2("service-click", e3);
+  }, me = (e2, l2, t2) => {
+    X(), "SERVICE" === e2.type && U.get(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow/" + e2.id).then((e3) => {
+      e3.variables && (e3.variables = JSON.parse(e3.variables)), e3.log && (e3.log = JSON.parse(e3.log)), e3.flow && (e3.flow = JSON.parse(e3.flow)), e3.returnValues && (e3.returnValues = JSON.parse(e3.returnValues)), Q.value = e3, M("service-click", e3);
     });
   };
-  return (p2, x3) => {
-    const _3 = e, T2 = l, O2 = a, A2 = t, I2 = n, P2 = o, S2 = s, R3 = i, q2 = u;
-    return c(), d("div", null, [m(A2, { style: { "margin-bottom": "10px" } }, { default: v(() => [m(O2, { span: 24 }, { default: v(() => [m(T2, { modelValue: B.value, "onUpdate:modelValue": x3[0] || (x3[0] = (e2) => B.value = e2), placeholder: "搜索" }, { suffix: v(() => [m(_3, null, { default: v(() => [m(f(V))]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })]), _: 1 }), m(A2, null, { default: v(() => [m(O2, { span: 24 }, { default: v(() => [m(P2, { effect: "dark", content: "导入", placement: "top" }, { default: v(() => [m(I2, { type: "primary", onClick: de }, { default: v(() => [y("input", { ref_key: "processFile", ref: ce, accept: ".zip", name: "processFile", style: { display: "none" }, type: "file", onChange: me }, null, 544), g(" 导入 ")]), _: 1 })]), _: 1 }), m(P2, { effect: "dark", content: "导出", placement: "top" }, { default: v(() => [m(I2, { type: "primary", onClick: pe }, { default: v(() => [g("导出")]), _: 1 })]), _: 1 }), m(P2, { effect: "dark", content: "添加根菜单", placement: "top" }, { default: v(() => [m(I2, { type: "primary", icon: f(E), onClick: ae }, null, 8, ["icon"])]), _: 1 })]), _: 1 })]), _: 1 }), m(S2, { style: { "margin-top": "10px" }, ref_key: "serviceTreeRef", ref: H, data: r2.serviceTreeData, "node-key": "id", props: F2, "show-checkbox": "", "expand-on-click-node": false, "default-expand-all": true, "highlight-current": "", onNodeClick: ge, onNodeContextmenu: ee, onCheckChange: ie }, { default: v(({ node: e2, data: l2 }) => [y("span", $, ["MENU" === l2.type ? (c(), h(_3, { key: 0, size: 16 }, { default: v(() => [m(f(N))]), _: 1 })) : (c(), h(_3, { key: 1, size: 16 }, { default: v(() => [m(f(U))]), _: 1 })), y("span", z, b(e2.label), 1)])]), _: 1 }, 8, ["data"]), m(q2, { modelValue: W.value, "onUpdate:modelValue": x3[4] || (x3[4] = (e2) => W.value = e2), "append-to-body": true, title: "MENU" === X.value ? "菜单" : "服务", width: "500" }, { footer: v(() => [y("div", M, [m(I2, { size: "mini", onClick: x3[3] || (x3[3] = (e2) => W.value = false) }, { default: v(() => [g("返回")]), _: 1 }), m(I2, { size: "mini", type: "primary", onClick: ve }, { default: v(() => [g(" 确定 ")]), _: 1 })])]), default: v(() => ["SERVICE" === X.value ? (c(), h(R3, { key: 0, label: "自定义编码：", required: true }, { default: v(() => [m(T2, { disabled: Y.value.id, modelValue: Y.value.customCode, "onUpdate:modelValue": x3[1] || (x3[1] = (e2) => Y.value.customCode = e2) }, null, 8, ["disabled", "modelValue"])]), _: 1 })) : w("", true), m(R3, { label: "          名称：", required: true }, { default: v(() => [m(T2, { modelValue: Y.value.name, "onUpdate:modelValue": x3[2] || (x3[2] = (e2) => Y.value.name = e2) }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 }, 8, ["modelValue", "title"]), k(y("div", null, [y("ul", { ref_key: "contxtMenuRef", ref: G, class: "context-menu" }, ["MENU" === Q.value.type ? (c(), d("li", { key: 0, tabindex: "-1", class: "menu__item", onClick: x3[5] || (x3[5] = (e2) => te("MENU")) }, D)) : w("", true), "MENU" === Q.value.type ? (c(), d("li", { key: 1, tabindex: "-1", class: "menu__item", onClick: x3[6] || (x3[6] = (e2) => te("SERVICE")) }, L)) : w("", true), Z.value.code !== Q.value.code ? (c(), d("li", { key: 2, tabindex: "-1", class: "menu__item", onClick: ne }, J)) : w("", true), y("li", { tabindex: "-1", class: "menu__item", onClick: fe }, j)], 512)], 512), [[C, K.value]])]);
+  return (p2, N2) => {
+    const U2 = a, T2 = t, O2 = l, A2 = e, I2 = o, $3 = n, z2 = s, M2 = u, L2 = i;
+    return d(), c("div", null, [m(A2, { style: { "margin-bottom": "10px" } }, { default: f(() => [m(O2, { span: 24 }, { default: f(() => [m(T2, { modelValue: J.value, "onUpdate:modelValue": N2[0] || (N2[0] = (e2) => J.value = e2), placeholder: "搜索" }, { suffix: f(() => [m(U2, null, { default: f(() => [m(y(x))]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })]), _: 1 }), m(A2, null, { default: f(() => [m(O2, { span: 24 }, { default: f(() => [m($3, { effect: "dark", content: "导入", placement: "top" }, { default: f(() => [m(I2, { type: "primary", onClick: ue }, { default: f(() => [g("input", { ref_key: "processFile", ref: ie, accept: ".zip", name: "processFile", style: { display: "none" }, type: "file", onChange: re }, null, 544), N2[7] || (N2[7] = h(" 导入 "))]), _: 1 })]), _: 1 }), m($3, { effect: "dark", content: "导出", placement: "top" }, { default: f(() => [m(I2, { type: "primary", onClick: se }, { default: f(() => N2[8] || (N2[8] = [h("导出")])), _: 1 })]), _: 1 }), m($3, { effect: "dark", content: "添加根菜单", placement: "top" }, { default: f(() => [m(I2, { type: "primary", icon: y(_), onClick: Y }, null, 8, ["icon"])]), _: 1 })]), _: 1 })]), _: 1 }), m(z2, { style: { "margin-top": "10px" }, ref_key: "serviceTreeRef", ref: F, data: r2.serviceTreeData, "node-key": "id", props: D, "show-checkbox": "", "expand-on-click-node": false, "default-expand-all": true, "highlight-current": "", onNodeClick: me, onNodeContextmenu: W, onCheckChange: ae }, { default: f(({ node: e2, data: l2 }) => [g("span", P, ["MENU" === l2.type ? (d(), b(U2, { key: 0, size: 16 }, { default: f(() => [m(y(V))]), _: 1 })) : (d(), b(U2, { key: 1, size: 16 }, { default: f(() => [m(y(E))]), _: 1 })), g("span", S, w(e2.label), 1)])]), _: 1 }, 8, ["data"]), m(L2, { modelValue: G.value, "onUpdate:modelValue": N2[4] || (N2[4] = (e2) => G.value = e2), "append-to-body": true, title: "MENU" === H.value ? "菜单" : "服务", width: "500" }, { footer: f(() => [g("div", R, [m(I2, { size: "mini", onClick: N2[3] || (N2[3] = (e2) => G.value = false) }, { default: f(() => N2[9] || (N2[9] = [h("返回")])), _: 1 }), m(I2, { size: "mini", type: "primary", onClick: pe }, { default: f(() => N2[10] || (N2[10] = [h(" 确定 ")])), _: 1 })])]), default: f(() => ["SERVICE" === H.value ? (d(), b(M2, { key: 0, label: "自定义编码：", required: true }, { default: f(() => [m(T2, { disabled: K.value.id, modelValue: K.value.customCode, "onUpdate:modelValue": N2[1] || (N2[1] = (e2) => K.value.customCode = e2) }, null, 8, ["disabled", "modelValue"])]), _: 1 })) : k("", true), m(M2, { label: "          名称：", required: true }, { default: f(() => [m(T2, { modelValue: K.value.name, "onUpdate:modelValue": N2[2] || (N2[2] = (e2) => K.value.name = e2) }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 }, 8, ["modelValue", "title"]), v(g("div", null, [g("ul", { ref_key: "contxtMenuRef", ref: j, class: "context-menu" }, ["MENU" === B.value.type ? (d(), c("li", { key: 0, tabindex: "-1", class: "menu__item", onClick: N2[5] || (N2[5] = (e2) => Z("MENU")) }, N2[11] || (N2[11] = [g("span", null, "添加菜单", -1)]))) : k("", true), "MENU" === B.value.type ? (d(), c("li", { key: 1, tabindex: "-1", class: "menu__item", onClick: N2[6] || (N2[6] = (e2) => Z("SERVICE")) }, N2[12] || (N2[12] = [g("span", null, "添加服务", -1)]))) : k("", true), Q.value.code !== B.value.code ? (d(), c("li", { key: 2, tabindex: "-1", class: "menu__item", onClick: ee }, N2[13] || (N2[13] = [g("span", null, "修改", -1)]))) : k("", true), g("li", { tabindex: "-1", class: "menu__item", onClick: ce }, N2[14] || (N2[14] = [g("span", null, "删除", -1)]))], 512)], 512), [[C, q.value]])]);
   };
 } });
 export {
-  F as default
+  $ as default
 };

package/dist/es/designer/service-panel/service-panel.vue.d.ts

@@ -1,6 +1,6 @@
 import { default as LogicFlow } from '@logicflow/core';
 
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     logicFlowInstance: {
         type: typeof LogicFlow;
         default: () => void;
@@ -9,7 +9,7 @@ declare const _default: import('vue').DefineComponent<{
         type: ArrayConstructor;
         default: () => any[];
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "service-click": (...args: any[]) => void;
     "clear-flow-canvas": (...args: any[]) => void;
     "load-tree-data": (...args: any[]) => void;
@@ -23,13 +23,13 @@ declare const _default: import('vue').DefineComponent<{
         type: ArrayConstructor;
         default: () => any[];
     };
-}>> & {
+}>> & Readonly<{
     "onService-click"?: (...args: any[]) => any;
     "onClear-flow-canvas"?: (...args: any[]) => any;
     "onLoad-tree-data"?: (...args: any[]) => any;
     "onDrag-node"?: (...args: any[]) => any;
-}, {
+}>, {
     serviceTreeData: unknown[];
     logicFlowInstance: LogicFlow;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/es/designer/service-panel/service-panel.vue.js

@@ -1,5 +1,5 @@
 import e from "./service-panel.vue2.js";
-import "./service-panel.vue3.js";
+/* empty css                   */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
 const p = r(e, [["__scopeId", "data-v-59e0837d"]]);
 export {

package/dist/es/designer/service-panel/service-panel.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as e, ref as a, computed as s, openBlock as l, createElementBlock as o, normalizeStyle as r, createElementVNode as t, normalizeClass as c, createBlock as i } from "vue";
+import { defineComponent as e, ref as a, computed as s, createElementBlock as l, openBlock as o, normalizeStyle as r, createElementVNode as t, normalizeClass as c, createBlock as i } from "vue";
 import n from "@logicflow/core";
 import v from "./service-list.vue.js";
 import m from "./component-panel.vue.js";
@@ -14,7 +14,7 @@ const d = { class: "amb-assembly-header" }, p = { class: "amb-assembly-header-ty
   }, C = () => {
     b2("load-tree-data");
   };
-  return (a2, s2) => (l(), o("div", { class: "amb-design-assembly-content", ref: "ambDesignAssemblyContent", style: r(g.value) }, [t("div", d, [t("div", p, [t("label", { class: c({ selected: "serviceFlowList" === y.value }), onClick: s2[0] || (s2[0] = (e3) => y.value = "serviceFlowList") }, " 服务列表 ", 2), t("label", { class: c({ selected: "component" === y.value }), onClick: s2[1] || (s2[1] = (e3) => y.value = "component") }, " 组件库 ", 2)])]), t("div", u, ["serviceFlowList" === y.value ? (l(), i(v, { key: 0, serviceTreeData: e2.serviceTreeData, onLoadTreeData: C, onServiceClick: k, onClearFlowCanvas: D }, null, 8, ["serviceTreeData"])) : (l(), i(m, { key: 1, onDragNode: w }))])], 4));
+  return (a2, s2) => (o(), l("div", { class: "amb-design-assembly-content", ref: "ambDesignAssemblyContent", style: r(g.value) }, [t("div", d, [t("div", p, [t("label", { class: c({ selected: "serviceFlowList" === y.value }), onClick: s2[0] || (s2[0] = (e3) => y.value = "serviceFlowList") }, " 服务列表 ", 2), t("label", { class: c({ selected: "component" === y.value }), onClick: s2[1] || (s2[1] = (e3) => y.value = "component") }, " 组件库 ", 2)])]), t("div", u, ["serviceFlowList" === y.value ? (o(), i(v, { key: 0, serviceTreeData: e2.serviceTreeData, onLoadTreeData: C, onServiceClick: k, onClearFlowCanvas: D }, null, 8, ["serviceTreeData"])) : (o(), i(m, { key: 1, onDragNode: w }))])], 4));
 } });
 export {
   b as default