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", "name": "@vue-office/excel",
"version": "1.1.3", "version": "1.1.4",
"description": "", "description": "",
"main": "lib/index.js", "main": "lib/index.js",
"files": [ "files": [

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

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