service-flow-designer 0.0.1-beta

package/dist/lib/designer/service-flow-view/service-update-log.vue2.js

@@ -0,0 +1,224 @@
+"use strict";
+;/* empty css                                                                                                     */
+;/* empty css                                                                                                          */
+;/* empty css                                                                                                           */
+;/* empty css                                                                                                          */
+;/* empty css                                                                                                         */
+;/* empty css                                                                                                            */
+require("../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/theme-chalk/el-tooltip.css.js");
+;/* empty css                                                                                                          */
+;/* empty css                                                                                                             */
+;/* empty css                                                                                                                */
+;/* empty css                                                                                                       */
+;/* empty css                                                                                                        */
+require("../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/theme-chalk/el-form-item.css.js");
+;/* empty css                                                                                                         */
+const Vue = require("vue");
+const nodeUtil = require("../common/util/node-util.js");
+const request = require("../../node_modules/.pnpm/agilebuilder-ui@1.0.11_vue@3.4.21/node_modules/agilebuilder-ui/src/utils/request.js");
+const index = require("../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/message/index.js");
+const index$1 = require("../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/input/index.js");
+const index$2 = require("../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/form/index.js");
+const index$3 = require("../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/checkbox/index.js");
+const index$4 = require("../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/table/index.js");
+const index$5 = require("../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/button/index.js");
+const index$6 = require("../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/dialog/index.js");
+const _hoisted_1 = { class: "dialog-footer" };
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "service-update-log",
+  props: {
+    lf: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    cloneService: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    sourceService: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    }
+  },
+  emits: ["save"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const logData = Vue.ref([]);
+    const dialogVisible = Vue.ref(false);
+    const onSave = Vue.ref(false);
+    const selectLatestLog = Vue.ref(false);
+    const description = Vue.ref("");
+    function showDialog(event) {
+      request.get("/component/super-page-design/design-log/SERVICE_FLOW_DESIGN/" + props.cloneService.id).then((res) => {
+        if (res) {
+          res.reverse();
+          logData.value = res;
+          if (event && event.beforeSave) {
+            const gdata = props.lf.getGraphData();
+            const sourceDataEqual = nodeUtil.isDeepEqual(props.sourceService, props.cloneService);
+            const gdataEqual = nodeUtil.isDeepEqual(props.sourceService.flow, gdata);
+            if (sourceDataEqual && gdataEqual) {
+              console.log("数据未发生变化");
+              index.ElMessage.info("数据未发生变化,无需保存");
+            } else {
+              dialogVisible.value = true;
+              onSave.value = true;
+            }
+          } else {
+            onSave.value = false;
+            dialogVisible.value = true;
+          }
+        }
+      });
+    }
+    function saveLog() {
+      if (!description.value) {
+        index.ElMessage.warning("请输入修改记录");
+        return;
+      }
+      emits("save", description.value);
+    }
+    function closeDialog() {
+      dialogVisible.value = false;
+    }
+    function selectLatestLogChange() {
+      if (selectLatestLog.value) {
+        description.value = logData.value[0].description;
+      }
+    }
+    const formatDate = (timestamp) => {
+      let date = new Date(timestamp);
+      let year = date.getFullYear();
+      let month = ("0" + (date.getMonth() + 1)).slice(-2);
+      let day = ("0" + date.getDate()).slice(-2);
+      let hour = ("0" + date.getHours()).slice(-2);
+      let minute = ("0" + date.getMinutes()).slice(-2);
+      let second = ("0" + date.getSeconds()).slice(-2);
+      return `${year}-${month}-${day} ${hour}:${minute}:${second}`;
+    };
+    __expose({
+      showDialog,
+      closeDialog
+    });
+    return (_ctx, _cache) => {
+      const _component_el_input = index$1.ElInput;
+      const _component_el_form_item = index$2.ElFormItem;
+      const _component_el_checkbox = index$3.ElCheckbox;
+      const _component_el_form = index$2.ElForm;
+      const _component_el_table_column = index$4.ElTableColumn;
+      const _component_el_table = index$4.ElTable;
+      const _component_el_button = index$5.ElButton;
+      const _component_el_dialog = index$6.ElDialog;
+      return Vue.openBlock(), Vue.createBlock(_component_el_dialog, {
+        modelValue: dialogVisible.value,
+        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => dialogVisible.value = $event),
+        "append-to-body": "",
+        title: "修改日志",
+        width: "50%"
+      }, {
+        footer: Vue.withCtx(() => [
+          Vue.createElementVNode("div", _hoisted_1, [
+            Vue.createVNode(_component_el_button, {
+              size: "small",
+              onClick: _cache[2] || (_cache[2] = ($event) => dialogVisible.value = false)
+            }, {
+              default: Vue.withCtx(() => [
+                Vue.createTextVNode("返回")
+              ]),
+              _: 1
+            }),
+            onSave.value ? (Vue.openBlock(), Vue.createBlock(_component_el_button, {
+              key: 0,
+              size: "small",
+              type: "primary",
+              onClick: saveLog
+            }, {
+              default: Vue.withCtx(() => [
+                Vue.createTextVNode(" 保存 ")
+              ]),
+              _: 1
+            })) : Vue.createCommentVNode("", true)
+          ])
+        ]),
+        default: Vue.withCtx(() => [
+          onSave.value ? (Vue.openBlock(), Vue.createBlock(_component_el_form, {
+            key: 0,
+            "label-width": "auto"
+          }, {
+            default: Vue.withCtx(() => [
+              Vue.createVNode(_component_el_form_item, { label: "" }, {
+                default: Vue.withCtx(() => [
+                  Vue.createVNode(_component_el_input, {
+                    size: "small",
+                    modelValue: description.value,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => description.value = $event),
+                    rows: 4,
+                    type: "textarea",
+                    placeholder: "Please input"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              Vue.createVNode(_component_el_form_item, { label: "" }, {
+                default: Vue.withCtx(() => [
+                  Vue.createVNode(_component_el_checkbox, {
+                    disabled: !logData.value || logData.value.length === 0,
+                    modelValue: selectLatestLog.value,
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectLatestLog.value = $event),
+                    onChange: selectLatestLogChange,
+                    label: "上次修改记录",
+                    size: "small"
+                  }, null, 8, ["disabled", "modelValue"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })) : Vue.createCommentVNode("", true),
+          Vue.createVNode(_component_el_table, {
+            data: logData.value,
+            border: "",
+            size: "small"
+          }, {
+            default: Vue.withCtx(() => [
+              Vue.createVNode(_component_el_table_column, {
+                align: "center",
+                type: "index",
+                width: "55",
+                label: "序号"
+              }),
+              Vue.createVNode(_component_el_table_column, {
+                align: "center",
+                prop: "description",
+                label: "修改记录"
+              }),
+              Vue.createVNode(_component_el_table_column, {
+                align: "center",
+                prop: "creatorName",
+                label: "修改时间",
+                width: "100"
+              }),
+              Vue.createVNode(_component_el_table_column, {
+                align: "center",
+                prop: "createdTime",
+                label: "修改人",
+                formatter: (row) => formatDate(row.createdTime)
+              }, null, 8, ["formatter"]),
+              Vue.createTextVNode(' label="修改日期" width="150" /> ')
+            ]),
+            _: 1
+          }, 8, ["data"])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/designer/service-flow-view/view-index.css

@@ -0,0 +1,102 @@
+.amb-design-content[data-v-ff04c7d7] {
+  overflow: auto;
+  display: block;
+  flex: none;
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+.amb-design-content[data-v-ff04c7d7]::-webkit-scrollbar {
+  width: 1px;
+}
+.amb-design-tool[data-v-ff04c7d7] {
+  position: -webkit-sticky; /**Safari */
+  position: sticky;
+  width: 100%;
+  top: 14px;
+  background: #ffffff;
+  height: 40px;
+  line-height: 40px;
+  padding-top: 10px;
+  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
+  border-radius: 6px 6px 6px 6px;
+  z-index: 0;
+}
+.amb-page-type[data-v-ff04c7d7] {
+  padding-top: 11px;
+  padding-left: 6px;
+  padding-right: 6px;
+  margin-right: 10px;
+  border-radius: 4px 4px 4px 4px;
+  cursor: pointer;
+}
+.amb-page-type[data-v-ff04c7d7]:hover {
+  background: rgba(11, 45, 101, 0.105);
+}
+.amb-page-type.selected[data-v-ff04c7d7] {
+  background: #5893ef;
+  color: #ffffff;
+}
+.amb-page-type > label[data-v-ff04c7d7] {
+  font-size: 14px;
+  padding-left: 6px;
+  padding-right: 6px;
+  padding-bottom: 15px;
+  top: -5px;
+  position: relative;
+  cursor: pointer;
+}
+.amb-design-tool-split[data-v-ff04c7d7] {
+  height: 25px;
+  margin-top: -12px;
+}
+.amb-design-board[data-v-ff04c7d7] {
+  margin: 0 auto;
+  margin-top: 28px;
+  overflow-y: auto;
+  overflow-x: auto;
+  background: #ffffff;
+  border-radius: 2px 2px 2px 2px;
+  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
+  padding-bottom: 20px;
+}
+.container[data-v-ff04c7d7] {
+  height: 100%;
+  width: 100%;
+}
+.amb-item-ghost[data-v-ff04c7d7] {
+  background-color: #5893ef;
+  height: 5px;
+  line-height: 5px;
+  overflow: hidden;
+}
+/* 将你的自定义样式添加到这里 */
+.draggable-placeholder[data-v-ff04c7d7] {
+  background-color: red;
+  border: 1px dashed #ddd;
+  margin: 5px;
+  padding: 10px;
+}
+#LF-view[data-v-ff04c7d7] {
+  width: calc(100% - 100px);
+  height: 80%;
+  outline: none;
+  margin-left: 50px;
+}
+.el-drawer__header {
+  margin-bottom: 0 !important;
+}
+/**
+解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
+ */
+[data-v-ff04c7d7] .el-overlay {
+  position: static !important;
+}
+.triangle[data-v-ff04c7d7] {
+  display: inline-block;
+  width: 0;
+  height: 0;
+  border-style: solid;
+  border-width: 0 50px 100px 50px;
+  border-color: transparent transparent var(--el-skeleton-color) transparent;
+}

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

@@ -0,0 +1,41 @@
+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<{
+    logicFlowInstance: {
+        type: typeof LogicFlow;
+        default: () => void;
+    };
+    serviceTreeData: {
+        type: ArrayConstructor;
+        default: () => any[];
+    };
+}, {
+    onDragNode: (serviceComponent: NodeType<any>) => void;
+    onServiceClick: (clickService: Service) => void;
+    clearFlowCanvas: () => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "load-tree-data": (...args: any[]) => void;
+    onBlankClick: (...args: any[]) => void;
+    onDeleteNode: (...args: any[]) => void;
+    "update:logicFlowInstance": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    logicFlowInstance: {
+        type: typeof LogicFlow;
+        default: () => void;
+    };
+    serviceTreeData: {
+        type: ArrayConstructor;
+        default: () => any[];
+    };
+}>> & {
+    "onLoad-tree-data"?: (...args: any[]) => any;
+    onOnBlankClick?: (...args: any[]) => any;
+    onOnDeleteNode?: (...args: any[]) => any;
+    "onUpdate:logicFlowInstance"?: (...args: any[]) => any;
+}, {
+    serviceTreeData: unknown[];
+    logicFlowInstance: LogicFlow;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,6 @@
+"use strict";
+const viewIndex_vue_vue_type_script_setup_true_lang = require("./view-index.vue2.js");
+;/* empty css                 */
+const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
+const ServiceFlowView = /* @__PURE__ */ _pluginVue_exportHelper(viewIndex_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-ff04c7d7"]]);
+module.exports = ServiceFlowView;