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 autoFouce=false

Browse Source
This commit is contained in:
liyulin 2023-03-17 08:43:14 +08:00
parent 80fdb07cf0
commit 16fe68a26d
4 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
examples/dist/assets/index-e4b65c00.js → examples/dist/assets/index-5eec29f6.js vendored
View File

File diff suppressed because one or more lines are too long

2
examples/dist/index.html vendored
View File

@ -5,7 +5,7 @@
<link rel="icon" type="image/svg+xml" href="/vue-office/examples/dist/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + Vue</title>
<script type="module" crossorigin src="/vue-office/examples/dist/assets/index-e4b65c00.js"></script>
<script type="module" crossorigin src="/vue-office/examples/dist/assets/index-5eec29f6.js"></script>
<link rel="stylesheet" href="/vue-office/examples/dist/assets/index-e7e9fac4.css">
</head>
<body>

4
packages/excel/src/hack.js
View File

@ -1,12 +1,12 @@
export function readOnlyInput(ref){
let root = ref.value;
if(root){
let nodes = root.querySelectorAll('.hide-input');
console.log(nodes);
for(let node of nodes){
let input = node.childNodes[0];
input && (input.readOnly = true);
input && !input.readOnly && (input.readOnly = true);
}
document.activeElement && document.activeElement.blur();
}
}

6
packages/excel/src/main.vue
View File

@ -61,12 +61,16 @@ export default defineComponent({
emit('error', e);
});
}
const observerCallback = debounce(readOnlyInput, 20).bind(this,rootRef);
const observerCallback = debounce(readOnlyInput, 200).bind(this,rootRef);
const observer = new MutationObserver(observerCallback);
const observerConfig = { attributes: true, childList: true, subtree: true };
onMounted(() => {
observer.observe(rootRef.value, observerConfig);
observerCallback(rootRef);
rootRef.value.addEventListener('focus', ()=>{
debugger
})
window.xs = xs = new Spreadsheet(rootRef.value, {
mode: 'read',
showToolbar: false,