yaclty/vue-office
1
0
Fork 0
mirror of https://github.com/501351981/vue-office.git synced 2025-07-25 07:41:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: excel弹窗预览中宽度变化报错

Browse Source
This commit is contained in:
liyulin 2023-05-19 18:42:19 +08:00
parent de416c9671
commit 469fe837e8
2 changed files with 56 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
core/packages/excel/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@vue-office/excel",
"version": "1.1.3",
"version": "1.1.4",
"description": "",
"main": "lib/index.js",
"files": [

9
core/packages/excel/src/main.vue
View File

@ -1,5 +1,5 @@
<script>
import {defineComponent, ref, onMounted, onBeforeUnmount, watch} from 'vue-demi';
import {defineComponent, ref, onMounted, onBeforeUnmount, watch, nextTick} from 'vue-demi';
import Spreadsheet from 'x-data-spreadsheet';
import {getData, readExcelData, transferExcelToSpreadSheet} from './excel';
import {renderImage, clearCache} from './media';
@ -64,7 +64,9 @@ export default defineComponent({
const observerCallback = debounce(readOnlyInput, 200).bind(this,rootRef);
const observer = new MutationObserver(observerCallback);
const observerConfig = { attributes: true, childList: true, subtree: true };
onMounted(() => {
nextTick(()=>{
observer.observe(rootRef.value, observerConfig);
observerCallback(rootRef);
@ -72,8 +74,8 @@ export default defineComponent({
mode: 'read',
showToolbar: false,
view: {
height: () => wrapperRef.value.clientHeight || 300,
width: () => wrapperRef.value.clientWidth || 300,
height: () => wrapperRef.value && wrapperRef.value.clientHeight || 300,
width: () => wrapperRef.value && wrapperRef.value.clientWidth || 300,
},
row: {
height: 24,
@ -120,6 +122,7 @@ export default defineComponent({
});
}
});
});
onBeforeUnmount(()=>{
observer.disconnect();