Skip to content

liangzhen / framework-tools-web

Go to a project
Commit dda9fa3e by liuyong
Options

修改画布

1 parent ac26a1d0
Inline Side-by-side
Showing with 84 additions and 62 deletions
public/drawio/extention/js/exScratchpad.js
function setScratchpad(that) {//左侧便签本数据
function initSetScratchpad(that) {//左侧便签本初始化数据
$.ajax({
method: "post",
url: `http://${ajaxUrl}:7003/short-cut-model/qSCMList`,
data: JSON.stringify({}),
success: function(result) {
let images = [];
result.data.forEach(item => {
images.push({
xml: item.icon,
h: item.height,
w: item.width,
title: item.title ? item.title : null
})
})
// console.log(images)
let xml = '<mxlibrary>'+JSON.stringify(images, null, 2)+'</mxlibrary>';
let request = window.indexedDB.open('database', 2);
request.onsuccess = function (event) {
let db = request.result;
let trx = db.transaction('filesInfo', 'readwrite');
let trx2 = db.transaction('files', 'readwrite');
trx.objectStore('filesInfo').put({
title: '.scratchpad',
size: xml.length,
lastModified: Date.now(),
type: 'L'
})
trx2.objectStore('files').put({
title: '.scratchpad',
data: xml
})
}
},
error: function(error) {
console.error(error)
}
});
// const images = [
// {
......@@ -11,60 +53,34 @@ function setScratchpad(that) {//左侧便签本数据
// ];
// 若为压缩的xml,则内容是diagram的内容
}
const images = [
{
xml: '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',
h: 430,
w: 360,
title: "流程图",
},{
xml: 'jZI9b4MwEIZ/DWMlwAmkK4Q2SzuUoVktfMFWDYccE6C/viYcISiK1Mn2c59+7zyWVv274Y38QAHaC33Re2zvhWHAwsgdIxkmst28TqA0SpDTAnL1CwR9oq0ScF45WkRtVbOGBdY1FHbFuDHYrd1OqNdVG17CA8gLrh/ptxJWTnQXxgs/gCrlXDmI6H8Vn53pJ2fJBXZ3iGUeSw2inW5Vn4IexZt1meLenlhvjRmo7X8C6p8EyuLTHr6O+4s5QtbvkxfKcuG6pQ9Ts3aYFTDY1gLGJIHHkk4qC3nDi9HauZk7Jm2lyXxSWqeo0VxjmS92UXxynMqAsdA/7T+4qeLWCbACawbnQgFsS0LSJoURvbtlLjEheTeSDTFOm1DeMi9iuQvpNT+XuVxtd9vNsj8=',
h: 40,
w: 70,
title: "业务架构元素",
},{
xml: 'jZLLboMwEEW/hmUlsPPclibpplIrVLXqzsUT7MgwxJhC+vU1YQhBUaSubJ95+s4EPM7bnRWlekEJJmChbAP+FDAWcbbwR0dOPZnP1j3IrJbkNIJE/wLBkGitJVQTR4donC6nMMWigNRNmLAWm6nbHs20aikyuAFJKswt/dDSqZ6u2HLkz6AzNVSOFvS/XAzO9JNKCYnNFeKbgMcW0fW3vI3BdOINuvRx2zvWS2MWCvefgPdDlL/u47fqa3c4Hlv2qdbbB9Zn+RGmpg9Ts+40KGCxLiR0SaKAPzZKO0hKkXbWxs/cM+VyQ+a9NiZGg/Ycy8NQfK/WnlMZsA7au/1HF1X8OgHm4OzJu1AAn5OQtEl8Ru9mnMuSkLoayeAmaBOyS+ZRLH8hvYbnOJez7Wq7+eYP',
h: 40,
w: 70,
title: "应用架构元素",
},{
xml: 'jZLJTsMwEIafJkekOO5Cr4S2XJBAFQJxs+Jp7MrJpI5DUp4ep5lsqipxsv3N6n8m4HHW7K0o1CtKMEEUyibgz0EUMR6t/NGSS0eWi00HUqslOY3goH+BYEi00hLKmaNDNE4Xc5hgnkPiZkxYi/Xc7YhmXrUQKdyAQyLMLf3U0qmOPkbrkb+ATlVfma3of5noneknpRIS6wni24DHFtF1t6yJwbTi9bp0cbs71qExC7n7T8DHiWVvx/i9/N6fzucm+lKb3QPvsvwIU9GHqVl36RWwWOUS2iQs4E+10g4OhUhaa+1n7plymSHzURsTo0F7jeUJ27Aw9JzKgHXQ3O2fDar4dQLMwNmLd6EAviQhaZP4gt71OJc1ITUZSe8maBPSIfMolr+QXv1znMvVNtluvv0D',
h: 40,
w: 70,
title: "数据架构元素",
},{
xml: 'jZLLTsMwEEW/Jkukxu5zSyh0AVJFEayNPYmN7EzkuiTl63GaSdOoqtSV7TNP35mEZ6558aLSb6jAJmyimoQ/JYylnM3j0ZJjR2bTVQcKbxQ5DWBn/oDghOjBKNiPHAOiDaYaQ4llCTKMmPAe67FbjnZctRIFXIGdFPaafhkVdEeXbDHwDZhC95XTOf3Pid6ZfrLXQmF9gfg64ZlHDN3NNRnYVrxely7u+Yb13JiHMtwTUOal366+969uIxfbj8/3H7d5oCy/wh7ow9RsOPYKeDyUCtokacIfa20C7CohW2sdZx6ZDs6SOTfWZmjRn2I5U0sp88ipDPgAzc3+07MqcZ0AHQR/jC4UwGckJG0Sm9O7HuayIKQvRjIlJmgTinPmQax4Ib365zCXk+1iu/n6Hw==',
h: 40,
w: 70,
title: "技术架构元素",
},{
xml: 'jZJNb4MwDIZ/DcdJQFo6rmXdetikap22c0ZckinBKE0H7NcvFANFVaWekjz+zGsHLDPNi+WVfEMBOohD0QTsKYjjiMWJPzrS9mS5SHtQWCXIaQJ79QcEQ6InJeA4c3SI2qlqDnMsS8jdjHFrsZ67HVDPq1a8gCuwz7m+pl9KONnTx3g18S2oQg6Vo4T+Z/jgTD85Si6wvkBsE7DMIrr+ZpoMdCfeoEsf93zDOjZmoXT3BJSH0u7S7+Or2ear3cfn+4/ZPlCWX65P9GFq1rWDAhZPpYAuSRSwdS2Vg33F885a+5l7Jp3RZD4orTPUaM+xLEk5C33omsqAddDc7D8aVfHrBGjA2da7UABbkpC0SXFC73qay4qQvBjJghinTSjGzJNY/kJ6Dc9pLmfbxXazzT8=',
h: 40,
w: 70,
title: "安全架构元素",
}
];
// var xml = that.createLibraryDataFromImages(images);
// let request = window.indexedDB.open('database', 2);
// request.onsuccess = function (event) {
// let db = request.result;
// let trx = db.transaction('filesInfo', 'readwrite');
// let trx2 = db.transaction('files', 'readwrite');
// trx.objectStore('filesInfo').put({
// title: '.scratchpad',
// size: xml.length,
// lastModified: Date.now(),
// type: 'L'
// })
function saveScratchpad(data) {
// trx2.objectStore('files').put({
// title: '.scratchpad',
// data: xml
// })
// }
let params = [];
if(data.length > 0) {
data.forEach(item => {
params.push({
icon: item.xml,
height: item.h,
width: item.w,
title: item.title ? item.title : null,
sort: 1
})
})
}else {
params = [];
}
$.ajax({
method: "post",
url: `http://${ajaxUrl}:7003/short-cut-model/cSCModel`,
data: JSON.stringify(params),
contentType: 'application/json',
success: function(result) {
console.log(result)
},
error: function(error) {
console.error(error)
}
});
}
\ No newline at end of file
public/drawio/extention/js/url.js
const ajaxUrl = '172.20.10.3:7003';
\ No newline at end of file
// const ajaxUrl = '172.20.10.3:7003';
const ajaxUrl = '43.143.211.42';
public/drawio/js/diagramly/App.js
......@@ -5716,7 +5716,7 @@ App.prototype.loadLibraries = function(libs, done)
if (service == 'L')
{
const that = this;
setScratchpad(that);
initSetScratchpad(that);
if (isLocalStorage || mxClient.IS_CHROMEAPP)
{
......
public/drawio/js/diagramly/StorageFile.js
......@@ -244,6 +244,13 @@ StorageFile.prototype.saveFile = function(title, revision, success, error)
this.setShadowModified(false);
var data = this.getData();
// console.log(data)
let stringArray = data.split('<mxlibrary>')[1].split('</mxlibrary>');
saveScratchpad(JSON.parse(stringArray[0]))
this.ui.setDatabaseItem(null, [{
title: this.title,
size: data.length,
......
public/drawio/js/grapheditor/Menus.js
......@@ -458,7 +458,6 @@ Menus.prototype.init = function()
menu.addSeparator(parent);
menu.addItem(mxResources.get('organic'), null, mxUtils.bind(this, function()
{
var layout = new mxFastOrganicLayout(graph);
promptSpacing(layout.forceConstant, mxUtils.bind(this, function(newValue)
......@@ -475,7 +474,6 @@ Menus.prototype.init = function()
{
tmp = graph.getDefaultParent();
}
layout.execute(tmp);
if (graph.getModel().isVertex(tmp))
......
public/drawio/js/grapheditor/Sidebar.js
......@@ -2234,7 +2234,8 @@ Sidebar.prototype.createThumb = function(cells, width, height, parent, title, sh
node.innerHTML = this.graph.container.innerHTML;
}
// console.log(node)//解释，包含便签本的缩略图的svg格式
// console.log(node)//解释，包含便签本的缩略图的svg格式, 也有拖拽到便签本的事件
this.graph.getModel().clear();
this.graph.view.scaleAndTranslate(1, 0, 0);
this.graph.shapeBackgroundColor = (Editor.isDarkMode() ?
......@@ -2277,7 +2278,6 @@ Sidebar.prototype.createThumb = function(cells, width, height, parent, title, sh
mxUtils.write(div, title);
parent.appendChild(div);
}
return bounds;
};
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!