github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2026-02-22 00:10:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

perf: 优化excel菜单

Browse Source
This commit is contained in:
kuaifan 2022-06-13 10:12:37 +08:00
parent 734abe59ee
commit 5a08c3dec4
2 changed files with 45 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
docker/office/resources/api/documents/api.js vendored
View File

@ -11,27 +11,40 @@
window.localStorage.removeItem('ui-theme-id') window.localStorage.removeItem('ui-theme-id')
} catch (e) {} } catch (e) {}
// //
window._toolbarClick = function(el, action) { if (window.parent) {
window.parent.postMessage({ window._toolbarClick = function(el, action) {
source: 'onlyoffice', window.parent.postMessage({
action: action, source: 'onlyoffice',
rect: el.getBoundingClientRect() action: action,
}, "*"); rect: el.getBoundingClientRect()
}; }, "*");
window._toolbarInter = setInterval(function() { };
if (typeof $ === "function") { window._toolbarInter = setInterval(function() {
var toolbar = $("#toolbar"); if (typeof $ === "function") {
if (toolbar.find(".hedset").length > 0 && toolbar.find(".hedico").length === 0) { var toolbar = $("#toolbar");
var linkSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpb25pY29uIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHRpdGxlPkxpbms8L3RpdGxlPjxwYXRoIGQ9Ik0yMDggMzUyaC02NGE5NiA5NiAwIDAxMC0xOTJoNjRNMzA0IDE2MGg2NGE5NiA5NiAwIDAxMCAxOTJoLTY0TTE2My4yOSAyNTZoMTg3LjQyIiBmaWxsPSJub25lIiBzdHJva2U9IiNmNWY1ZjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIzNiIvPjwvc3ZnPg=='; if (toolbar.find(".hedset").length > 0) {
var historySvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpb25pY29uIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHRpdGxlPlRpbWVyPC90aXRsZT48cGF0aCBkPSJNMTEyLjkxIDEyOEExOTEuODUgMTkxLjg1IDAgMDA2NCAyNTRjLTEuMTggMTA2LjM1IDg1LjY1IDE5My44IDE5MiAxOTQgMTA2LjIuMiAxOTItODUuODMgMTkyLTE5MiAwLTEwNC41NC04My41NS0xODkuNjEtMTg3LjUtMTkyYTQuMzYgNC4zNiAwIDAwLTQuNSA0LjM3VjE1MiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZjVmNWY1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMzIiLz48cGF0aCBkPSJNMjMzLjM4IDI3OC42M2wtNzktMTEzYTguMTMgOC4xMyAwIDAxMTEuMzItMTEuMzJsMTEzIDc5YTMyLjUgMzIuNSAwIDAxLTM3LjI1IDUzLjI2IDMzLjIxIDMzLjIxIDAgMDEtOC4wNy03Ljk0eiIgZmlsbD0iI0Y1RjVGNSIvPjwvc3ZnPg=='; clearInterval(window._toolbarInter);
toolbar.find(".hedset").eq(0).before('<div class="hedico" style="display:flex;flex-direction:row;align-items:center;justify-content:center">' + window.parent.postMessage({
'<button onclick="_toolbarClick(this, \'link\')" type="button" class="btn btn-header"><div style="background-image:url(' + linkSvg + ');background-size:19px;background-position:center;background-repeat:no-repeat;height:100%"></div></button>' + source: 'onlyoffice',
'<button onclick="_toolbarClick(this, \'history\')" type="button" class="btn btn-header"><div style="background-image:url(' + historySvg + ');background-size:17px;background-position:center;background-repeat:no-repeat;height:100%"></div></button>' + action: 'ready',
'</div>') }, "*");
clearInterval(window._toolbarInter); }
} }
} }, 1000);
}, 1000); window.addEventListener('message', function(event) {
if (event.data === "createMenu") {
var toolbar = $("#toolbar");
if (toolbar.find(".hedico").length === 0) {
var linkSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpb25pY29uIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHRpdGxlPkxpbms8L3RpdGxlPjxwYXRoIGQ9Ik0yMDggMzUyaC02NGE5NiA5NiAwIDAxMC0xOTJoNjRNMzA0IDE2MGg2NGE5NiA5NiAwIDAxMCAxOTJoLTY0TTE2My4yOSAyNTZoMTg3LjQyIiBmaWxsPSJub25lIiBzdHJva2U9IiNmNWY1ZjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIzNiIvPjwvc3ZnPg==';
var historySvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpb25pY29uIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHRpdGxlPlRpbWVyPC90aXRsZT48cGF0aCBkPSJNMTEyLjkxIDEyOEExOTEuODUgMTkxLjg1IDAgMDA2NCAyNTRjLTEuMTggMTA2LjM1IDg1LjY1IDE5My44IDE5MiAxOTQgMTA2LjIuMiAxOTItODUuODMgMTkyLTE5MiAwLTEwNC41NC04My41NS0xODkuNjEtMTg3LjUtMTkyYTQuMzYgNC4zNiAwIDAwLTQuNSA0LjM3VjE1MiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZjVmNWY1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMzIiLz48cGF0aCBkPSJNMjMzLjM4IDI3OC42M2wtNzktMTEzYTguMTMgOC4xMyAwIDAxMTEuMzItMTEuMzJsMTEzIDc5YTMyLjUgMzIuNSAwIDAxLTM3LjI1IDUzLjI2IDMzLjIxIDMzLjIxIDAgMDEtOC4wNy03Ljk0eiIgZmlsbD0iI0Y1RjVGNSIvPjwvc3ZnPg==';
toolbar.find(".hedset").eq(0).before('<div class="hedico" style="display:flex;flex-direction:row;align-items:center;justify-content:center">' +
'<button onclick="_toolbarClick(this, \'link\')" type="button" class="btn btn-header"><div style="background-image:url(' + linkSvg + ');background-size:19px;background-position:center;background-repeat:no-repeat;height:100%"></div></button>' +
'<button onclick="_toolbarClick(this, \'history\')" type="button" class="btn btn-header"><div style="background-image:url(' + historySvg + ');background-size:17px;background-position:center;background-repeat:no-repeat;height:100%"></div></button>' +
'</div>')
}
}
})
}
})(window); })(window);
;(function(DocsAPI, window, document, undefined) { ;(function(DocsAPI, window, document, undefined) {

19
resources/assets/js/pages/manage/components/FileContent.vue
View File

@ -286,20 +286,25 @@ export default {
}, },
methods: { methods: {
handleOfficeMessage({data}) { handleOfficeMessage({data, source}) {
if (data.source === 'onlyoffice') { if (data.source === 'onlyoffice') {
switch (data.action) { switch (data.action) {
case 'ready':
source.postMessage("createMenu", "*");
break;
case 'link': case 'link':
this.handleClick('link') this.handleClick('link')
break; break;
case 'history': case 'history':
if (this.$refs.officeHeader) { const dom = this.$refs.officeHeader;
this.$refs.officeHeader.style.top = `${data.rect.top}px`; if (dom) {
this.$refs.officeHeader.style.left = `${data.rect.left}px`; dom.style.top = `${data.rect.top}px`;
this.$refs.officeHeader.style.width = `${data.rect.width}px`; dom.style.left = `${data.rect.left}px`;
this.$refs.officeHeader.style.height = `${data.rect.height}px`; dom.style.width = `${data.rect.width}px`;
this.$refs.officeHeader.click(); dom.style.height = `${data.rect.height}px`;
dom.click();
} }
break; break;
} }