1 line
8.1 KiB
JSON
1 line
8.1 KiB
JSON
{"remainingRequest":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\babel-loader\\lib\\index.js!D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\src\\views\\acs\\stage\\editor\\components\\Diagram.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\src\\views\\acs\\stage\\editor\\components\\Diagram.vue","mtime":1732871026626},{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\babel.config.js","mtime":1732871025888},{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1732872824662},{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1732872825017},{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1732872824662},{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1732872825835}],"contextDependencies":[],"result":["\"use strict\";\n\nvar _interopRequireDefault = require(\"D:/data/hanguodoushan/acs2/nladmin-ui/node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _objectSpread2 = _interopRequireDefault(require(\"D:/data/hanguodoushan/acs2/nladmin-ui/node_modules/@babel/runtime/helpers/objectSpread2.js\"));\nrequire(\"core-js/modules/web.dom.iterable\");\nvar _slicedToArray2 = _interopRequireDefault(require(\"D:/data/hanguodoushan/acs2/nladmin-ui/node_modules/@babel/runtime/helpers/slicedToArray.js\"));\nrequire(\"core-js/modules/es6.regexp.split\");\nrequire(\"core-js/modules/es6.regexp.search\");\nvar _core = _interopRequireDefault(require(\"@logicflow/core\"));\nvar _extension = require(\"@logicflow/extension\");\nrequire(\"@logicflow/core/dist/style/index.css\");\nrequire(\"@logicflow/extension/lib/style/index.css\");\nvar _DiagramToolbar = _interopRequireDefault(require(\"./DiagramToolbar.vue\"));\nvar _DiagramSidebar = _interopRequireDefault(require(\"./DiagramSidebar.vue\"));\nvar _PropertyPanel = _interopRequireDefault(require(\"./PropertyPanel.vue\"));\nvar _node = require(\"./node\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nvar _default = exports.default = {\n name: 'Diagram',\n components: {\n DiagramToolbar: _DiagramToolbar.default,\n DiagramSidebar: _DiagramSidebar.default,\n PropertyPanel: _PropertyPanel.default\n },\n data: function data() {\n return {\n sidebarWidth: 200,\n diagramWidth: 0,\n diagramHeight: 0,\n lf: '',\n filename: '',\n activeNodes: [],\n activeEdges: [],\n properties: {}\n };\n },\n mounted: function mounted() {\n var data = '';\n if (window.location.search) {\n var query = window.location.search.substring(1).split('&').reduce(function (map, kv) {\n var _kv$split = kv.split('='),\n _kv$split2 = (0, _slicedToArray2.default)(_kv$split, 2),\n key = _kv$split2[0],\n value = _kv$split2[1];\n map[key] = value;\n return map;\n }, {});\n this.filename = query.filename;\n var d = window.sessionStorage.getItem(this.filename);\n if (d) {\n data = JSON.parse(d);\n }\n }\n this.initLogicFlow(data);\n },\n methods: {\n initLogicFlow: function initLogicFlow(data) {\n var _this = this;\n // 引入框选插件\n _core.default.use(_extension.SelectionSelect);\n var lf = new _core.default({\n container: this.$refs.diagram,\n overlapMode: 1,\n autoWrap: true,\n metaKeyMultipleSelected: true,\n keyboard: {\n enabled: true\n },\n grid: {\n visible: false,\n size: 5\n },\n background: {\n backgroundImage: 'url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImdyaWQiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTSAwIDEwIEwgNDAgMTAgTSAxMCAwIEwgMTAgNDAgTSAwIDIwIEwgNDAgMjAgTSAyMCAwIEwgMjAgNDAgTSAwIDMwIEwgNDAgMzAgTSAzMCAwIEwgMzAgNDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2QwZDBkMCIgb3BhY2l0eT0iMC4yIiBzdHJva2Utd2lkdGg9IjEiLz48cGF0aCBkPSJNIDQwIDAgTCAwIDAgMCA0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZDBkMGQwIiBzdHJva2Utd2lkdGg9IjEiLz48L3BhdHRlcm4+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JpZCkiLz48L3N2Zz4=\")',\n backgroundRepeat: 'repeat'\n }\n });\n lf.setTheme({\n baseEdge: {\n strokeWidth: 1\n },\n baseNode: {\n strokeWidth: 1\n },\n nodeText: {\n overflowMode: 'autoWrap',\n lineHeight: 1.5\n },\n edgeText: {\n overflowMode: 'autoWrap',\n lineHeight: 1.5\n }\n });\n // 注册自定义元素\n (0, _node.registerCustomElement)(lf);\n lf.setDefaultEdgeType('pro-polyline');\n lf.render(data);\n this.lf = lf;\n this.lf.on('selection:selected,node:click,blank:click,edge:click', function () {\n _this.$nextTick(function () {\n var _this$lf$getSelectEle = _this.lf.getSelectElements(),\n nodes = _this$lf$getSelectEle.nodes,\n edges = _this$lf$getSelectEle.edges;\n _this.$set(_this, 'activeNodes', nodes);\n _this.activeNodes = nodes;\n _this.activeEdges = edges;\n _this.$_getProperty();\n });\n });\n },\n // 获取可以进行设置的属性\n $_getProperty: function $_getProperty() {\n var properties = {};\n var _this$lf$getSelectEle2 = this.lf.getSelectElements(),\n nodes = _this$lf$getSelectEle2.nodes,\n edges = _this$lf$getSelectEle2.edges;\n nodes.forEach(function (node) {\n properties = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, properties), node.properties);\n });\n edges.forEach(function (edge) {\n properties = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, properties), edge.properties);\n });\n this.properties = properties;\n return properties;\n },\n $_dragInNode: function $_dragInNode(type) {\n this.lf.dnd.startDrag({\n type: type\n });\n },\n $_changeNodeFill: function $_changeNodeFill(color) {\n var _this2 = this;\n var _this$lf$graphModel$g = this.lf.graphModel.getSelectElements(),\n nodes = _this$lf$graphModel$g.nodes;\n nodes.forEach(function (_ref) {\n var id = _ref.id;\n _this2.lf.setProperties(id, {\n fill: color\n });\n });\n },\n $_setStyle: function $_setStyle(item) {\n var _this3 = this;\n this.activeNodes.forEach(function (_ref2) {\n var id = _ref2.id;\n _this3.lf.setProperties(id, item);\n });\n this.activeEdges.forEach(function (_ref3) {\n var id = _ref3.id;\n _this3.lf.setProperties(id, item);\n });\n this.$_getProperty();\n },\n $_setZIndex: function $_setZIndex(type) {\n var _this4 = this;\n this.activeNodes.forEach(function (_ref4) {\n var id = _ref4.id;\n _this4.lf.setElementZIndex(id, type);\n });\n this.activeEdges.forEach(function (_ref5) {\n var id = _ref5.id;\n _this4.lf.setElementZIndex(id, type);\n });\n },\n $_saveGraph: function $_saveGraph() {\n var data = this.lf.getGraphData();\n this.download(this.filename, JSON.stringify(data));\n },\n download: function download(filename, text) {\n window.sessionStorage.setItem(filename, text);\n var element = document.createElement('a');\n element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));\n element.setAttribute('download', filename);\n element.style.display = 'none';\n document.body.appendChild(element);\n element.click();\n document.body.removeChild(element);\n }\n }\n};",null]} |