501351981 / vue-office Goto Github PK

大佬，东西是很好用，不过好像有些无关依赖没有清理掉🤣，我看还有arcgis、supermap啥的。

@vue-office/excel、web端

请问2003版本的office能不能支持？

在安卓/ios里面的webview使用不了,

我这里能预览docx文件，但是不能预览doc文件，为什么？

主要依赖版本如下
├── @vue-office/[email protected]
├── @vue-office/[email protected]
├── @vue/[email protected]
├── @vue/[email protected]
├── @vue/[email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
使用import VueOfficeExcel from '@vue-office/excel'引入时报错Ar.defineComponent is not a function

实现翻页功能

非常不错！首先给作者点赞！
一开始以为是 x-spreadsheet .container * {box-sizing: content-box} 样式问题，试了不是。
cell 的border也要赋相同颜色也没解决。
这间隙不知道是啥?

版本: '@vue-office/excel': 0.1.6

500多行的文件预览时报错
报错如下:

宽度无法自适应问题

ps:
'@vue-office/docx' 目前正常使用,好评
'@vue-office/pdf'如果能加上放大缩小功能就更好了

组件名称及版本：

运行环境：vscode

vue版本：如vue3.2 .47
打包工具及版本：如[email protected]
问题描述：

可以解决打包报错 将 "build": "vue-tsc && vite build" 改成 "build": "vite build"
ts打包报错希望解决

组件名称及版本： 如@vue-office/[email protected]
运行环境：
浏览器：谷歌浏览器
vue版本：@vue/cli 5.0.8
打包工具及版本：vue-cli
问题描述：
引入后 使用没效果


src是内网搭建的minio文件服务器上传后的url

使用vue-office-excel时，放大缩小浏览器大小的时候会出现报错。
我把vue-office-excel放到了一个dialog里面（使用的element-ui库）
当第一次进入到dialog后操作浏览器大小不会出现这个问题，当关闭dialog后再次进入后操作浏览器就会出现报错。
完整的报错信息如下：
ERROR Cannot read properties of null (reading 'clientWidth') TypeError: Cannot read properties of null (reading 'clientWidth') at Object.width (webpack-internal:///./node_modules/@vue-office/excel/lib/index.js:35:91164) at sh.viewWidth (webpack-internal:///./node_modules/@vue-office/excel/lib/index.js:5:51875) at rp.getRect (webpack-internal:///./node_modules/@vue-office/excel/lib/index.js:5:148700) at rp.getTableOffset (webpack-internal:///./node_modules/@vue-office/excel/lib/index.js:5:148872) at rp.sn (webpack-internal:///./node_modules/@vue-office/excel/lib/index.js:5:138407) at rp.reload (webpack-internal:///./node_modules/@vue-office/excel/lib/index.js:5:148610) at eval (webpack-internal:///./node_modules/@vue-office/excel/lib/index.js:5:144665)
package.json信息如下
"dependencies": { "@vue-office/docx": "^1.1.3", "@vue-office/excel": "^1.1.3", "@vue/composition-api": "^1.7.1", "axios": "^0.24.0", "core-js": "^3.6.5", "element-ui": "^2.15.13", "fake-progress": "^1.0.4", "less": "^4.1.3", "less-loader": "^11.1.0", "luckyexcel": "^1.0.1", "mockjs": "^1.1.0", "node-polyfill-webpack-plugin": "^2.0.1", "nprogress": "^0.2.0", "sass": "^1.62.0", "sass-loader": "^13.2.2", "tui-image-editor": "^3.15.3", "vue": "^2.7.14", "vue-contextmenu": "^1.5.11", "vue-demi": "^0.13.11", "vue-page-split": "^2.0.1", "vuedraggable": "^2.24.3", "vuex": "^3.6.2" }, "devDependencies": { "@vue/cli-plugin-babel": "~5.0.0", "@vue/cli-plugin-eslint": "~5.0.0", "@vue/cli-service": "~5.0.0", "babel-eslint": "^10.1.0", "babel-polyfill": "^6.26.0", "eslint": "^7.32.0", "eslint-plugin-vue": "^8.0.3" }, "eslintConfig": { "root": true, "env": { "node": true }, "extends": [ "plugin:vue/essential", "eslint:recommended" ], "parserOptions": { "parser": "babel-eslint" }, "rules": {} },

感谢作者提供这么好用的组件库，在使用该组件时，貌似不支持doc格式的文档，可否考虑增加doc格式的支持？

组件名称及版本： @vue-office/[email protected]
运行环境：mac
浏览器：谷歌浏览器
vue版本：如[email protected]
打包工具及版本：vue-cli

我word用的是仿宋字体，但是用这个组件显示出来，并不是仿宋字体，是不是有些字体不支持？

组件名称及版本： 如@vue-office/[email protected]
运行环境：
浏览器：electron/chromium
vue版本：如[email protected]
打包工具及版本：如[email protected]

容器高度变大时组件不会撑满高度

除了改样式有没有配置项可以控制？

万一有人赞助呢( 狗头 )

组件名称
"@vue-office/docx": "^0.2.2",
"@vue-office/excel": "^0.2.3",

Vue和Vite版本：
"vue": "^3.2.45",
"vite": "^4.1.0",

import VueOfficeExcel from '@vue-office/excel'
或者
import VueOfficeExcel from '@vue-office/docx'
时报错，提示说：

TS7016: Could not find a declaration file for module '@vue-office/excel'. 

'/Users/xxx/node_modules/@vue-office/excel/lib/index.js' implicitly has an 'any' type.   

Try `npm i --save-dev @types/vue-office__excel` if it exists or add a new declaration (.d.ts) file containing `declare module '@vue-office/excel';`

如果 npm i --save-dev @types/vue-office__docx， 或者npm install -D @types/vue-office
， 提示not found

如题，如何实现word、excel、pdf等文件的打印？

能不能编程式跳转到某一页面,和给部分段落标记?

希望能够支持切页、缩放、宽高自适应的效果

vue3编译时报这个错

组件名称
@vue-office/excel
vue版本
vue": "^3.2.37

组件名称及版本： 如@vue-office/[email protected]
运行环境：
浏览器：electron/chromium
vue版本：如[email protected]
打包工具及版本：如[email protected]
excel截图

渲染后的截图

附excel
1.xlsx

excel在移动端预览时，点击底部tab切换sheet时会弹出键盘

1、组件名称及版本：
@vue-office/[email protected]
[email protected]

2、运行环境：
浏览器：谷歌浏览器 111.0.5563.65
vue版本：[email protected]
打包工具及版本：[email protected]

3、问题描述：（如果有报错，麻烦粘贴详细的报错信息、package.json内容等）

<a-modal dialogClass="file-modal" v-model="modelVisible" width="900px" :footer="null" @cancel="handleClose" destroyOnClose> <vue-office-excel :src="file.url" style="height:70vh;width:100%;" @rendered="renderedHandler" @error="errorHandler" /> </a-modal>

你好，我用a-modal做了一个弹窗预览excel，首次打开是宽度是正常的

关闭后再次打开，宽度就有问题了

F12打开后，有如下报错信息

Uncaught TypeError: Cannot read properties of null (reading 'clientWidth')
at Object.width (index.js?b690:99:1)
at sh.viewWidth (index.js?b690:4:1)
at rp.getRect (index.js?b690:14:1)
at rp.getTableOffset (index.js?b690:14:1)
at rp.sn (index.js?b690:14:1)
at rp.reload (index.js?b690:14:1)
at eval (index.js?b690:14:1)

麻烦看一下是什么问题

package.json
{
"name": "my-project",
"version": "1.0.0",
"description": "A Vue.js project",
"author": "dxx",
"private": true,
"main": "index.js",
"scripts": {
"dev": "node build/dev-server.js",
"start": "npm run dev",
"build": "node --max_old_space_size=3072 build/build.js",
"unit": "cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run",
"e2e": "node test/e2e/runner.js",
"test": "npm run unit && npm run e2e",
"lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs"
},
"dependencies": {
"@antv/g6": "^2.2.6",
"@antv/g6-editor": "^1.2.0",
"@vue-office/docx": "^1.1.3",
"axios": "^0.19.0",
"babel-polyfill": "^6.26.0",
"currency-formatter": "^1.5.3",
"d3": "^3.5.12",
"d3-scale": "^2.1.2",
"dagre-d3": "^0.6.3",
"decimal.js": "^10.1.1",
"docx-preview": "^0.1.15",
"echarts": "^4.2.1",
"element-ui": "^2.13.2",
"html2canvas": "^1.0.0-alpha.12",
"jquery": "^3.2.1",
"js-base64": "^2.4.9",
"jspdf": "^1.4.1",
"jsplumb": "^2.5.7",
"jszip": "^3.10.1",
"lodash": "^4.17.10",
"moment": "^2.22.2",
"parse-asn1": "5.1.5",
"preview": "^0.1.3",
"qrcode": "1.4.4",
"underscore": "^1.8.3",
"v-viewer": "^1.2.1",
"view": "^1.1.1",
"vue": "^2.7.14",
"vue-demi": "^0.14.1",
"vue-pdf": "^4.3.0",
"vue-router": "^3.0.1",
"vue-template-compiler": "^2.7.14",
"vuex": "^3.0.1"
},
"devDependencies": {
"autoprefixer": "^7.1.2",
"babel-core": "^6.22.1",
"babel-eslint": "^7.1.1",
"babel-loader": "^7.1.1",
"babel-plugin-istanbul": "^4.1.1",
"babel-plugin-transform-runtime": "^6.22.0",
"babel-preset-env": "^1.3.2",
"babel-preset-stage-2": "^6.22.0",
"babel-register": "^6.22.0",
"chai": "^4.1.2",
"chalk": "^2.0.1",
"connect-history-api-fallback": "^1.3.0",
"copy-webpack-plugin": "^4.0.1",
"cross-env": "^5.0.1",
"cross-spawn": "^5.0.1",
"crypto-js": "^3.1.9-1",
"css-loader": "^0.28.7",
"eslint": "^3.19.0",
"eslint-friendly-formatter": "^3.0.0",
"eslint-loader": "^1.7.1",
"eslint-plugin-html": "^3.0.0",
"eventsource-polyfill": "^0.9.6",
"express": "^4.14.1",
"extract-text-webpack-plugin": "^3.0.0",
"file-loader": "^1.1.5",
"friendly-errors-webpack-plugin": "^1.6.1",
"html-webpack-plugin": "^2.30.1",
"http-proxy-middleware": "^0.20.0",
"inject-loader": "^3.0.0",
"karma": "^1.4.1",
"karma-coverage": "^1.1.1",
"karma-mocha": "^1.3.0",
"karma-phantomjs-launcher": "^1.0.2",
"karma-phantomjs-shim": "^1.4.0",
"karma-sinon-chai": "^1.3.1",
"karma-sourcemap-loader": "^0.3.7",
"karma-spec-reporter": "0.0.31",
"karma-webpack": "^2.0.2",
"less": "^4.1.1",
"less-loader": "^5.0.0",
"mocha": "^3.2.0",
"nightwatch": "^0.9.12",
"node-sass": "^4.12.0",
"opn": "^5.1.0",
"optimize-css-assets-webpack-plugin": "^3.2.0",
"ora": "^1.2.0",
"phantomjs-prebuilt": "^2.1.14",
"portfinder": "^1.0.13",
"rimraf": "^2.6.0",
"sass-loader": "^7.1.0",
"selenium-server": "^3.0.1",
"semver": "^5.3.0",
"shelljs": "^0.7.6",
"sinon": "^4.0.0",
"sinon-chai": "^2.8.0",
"style-loader": "^0.19.0",
"ts-loader": "^9.4.2",
"typescript": "^5.0.4",
"url-loader": "^0.5.8",
"vue-loader": "^13.3.0",
"vue-style-loader": "^3.1.2",
"webpack": "^3.6.0",
"webpack-bundle-analyzer": "^2.9.0",
"webpack-dev-middleware": "^1.12.0",
"webpack-hot-middleware": "^2.18.2",
"webpack-merge": "^4.1.0"
},
"engines": {
"node": ">= 4.0.0",
"npm": ">= 3.0.0"
},
"browserslist": [
"> 1%",
"last 2 versions",
"not ie <= 8"
]
}

兄弟使用了你的代码后，将src指向我我们自己的服务器保存的文件地址，浏览器直接显示跨域！后端都配置了解决跨域的方案。然而前端开始跨域

word里面带多张图片的话， 图片错乱， 为什么

测试机： SE， oppo

SyntaxError: Invalid character: '#'\n\tdata:text/javascript;base64,IWZ1bmN0aW9uIHdlYnBhY2tVbml2ZXJzYWxNb2R1bGVEZWZpbml0aW9uKHQsZSl7Im9iamVjdCI9PXR5cGVvZiBleHBvcnR...

Uncaught (in promise) {"name": "TypeError", "message": "undefined is not an object (evaluating 'window.pdfjsLib.GlobalWorkerOptions')"

vuecli中配置了splitchunks似乎对插件没有用

excel能限制展示的行数吗，有相应配置文件

excel是否支持.xls，xlsx等
word文件是否支持doc，docx等

./node_modules/vue-demi/lib/index.mjs
Module not found: Error: Can't resolve '@vue/composition-api/dist/vue-composition-api.mjs'

为了更加高效的沟通解决问题，麻烦您在提Issue时注明以下内容，感谢您的反馈~~

1. 组件名称及版本： 如@vue-office/[email protected]
2. 运行环境：
   浏览器：如谷歌浏览器/iOS/安卓
   vue版本：如[email protected]
   打包工具及版本：如[email protected]
3. 问题描述：（如果有报错，麻烦粘贴详细的报错信息、package.json内容等）

提完Issue后也可以添加我的微信，详细沟通，微信号：_hit757_，麻烦注明bug反馈

Failed to resolve component: vue-office-docx 
 at <Index onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > 
 at <RouterView> 

警告

ERROR Failed to compile with 1 errors 下午6:39:46

error in ./node_modules/@vue-office/excel/lib/index.js

Module parse failed: Unexpected token (44:181977)
You may need an appropriate loader to handle this file type.
(Source code omitted for this binary file)

组件名称: "@vue-office/pdf": "^0.2.4",
浏览器: ios
vue版本: [email protected]
打包工具: @vue/[email protected]
问题描述
在 iphoneXr 上报错
syntaxError: Invalid character: '/#/'
data:text/javascript;base64,......................往后省略

undefined is not an object(evaluating 'window.pdfjsLib.GlobalWorkerOptions')
两个错误 pdf不能正常显示

package.json 内容
"dependencies": {
"@vue-office/pdf": "^0.2.4",
"@vue/composition-api": "^1.7.1",
"axios": "1.2.1",
"compression-webpack-plugin": "^10.0.0",
"core-js": "^3.8.3",
"docx-preview": "^0.1.4",
"echarts": "^5.4.1",
"jszip": "^3.10.1",
"lib-flexible": "^0.3.2",
"vant": "^2.12.53",
"vconsole": "^3.3.4",
"vue": "^2.6.14",
"vue-demi": "^0.13.11",
"vue-draggable-resizable": "^2.3.0",
"vue-router": "^3.5.1",
"vuex": "^3.6.2",
"vuex-persistedstate": "^4.1.0"
},
"devDependencies": {
"@babel/cli": "^7.21.0",
"@babel/core": "^7.21.0",
"@babel/plugin-proposal-optional-chaining": "^7.21.0",
"@babel/plugin-syntax-top-level-await": "^7.14.5",
"@typescript-eslint/eslint-plugin": "^5.4.0",
"@typescript-eslint/parser": "^5.4.0",
"@vue/cli-plugin-babel": "~5.0.0",
"@vue/cli-plugin-eslint": "~5.0.0",
"@vue/cli-plugin-router": "~5.0.0",
"@vue/cli-plugin-typescript": "~5.0.0",
"@vue/cli-plugin-vuex": "~5.0.0",
"@vue/cli-service": "~5.0.0",
"@vue/eslint-config-typescript": "^9.1.0",
"eslint": "^7.32.0",
"eslint-config-prettier": "^8.3.0",
"eslint-plugin-prettier": "^4.0.0",
"eslint-plugin-simple-import-sort": "^10.0.0",
"eslint-plugin-vue": "^8.0.3",
"less": "^4.1.3",
"less-loader": "^7.3.0",
"lint-staged": "^11.1.2",
"prettier": "^2.4.1",
"px2rem-loader": "^0.1.9",
"typescript": "~4.5.5",
"vue-template-compiler": "^2.6.14"
},

vue-office_docx:

main.ts:27 Uncaught (in promise) Error: Dynamic require of "vue-demi" is not supported
at chunk-QJ3XAL7T.js?v=262d692d:12:9
at @vue-office_docx.js?v=115aedc0:16:88
at node_modules/@vue-office/docx/lib/index.js (@vue-office_docx.js?v=115aedc0:17:7)
at __require2 (chunk-QJ3XAL7T.js?v=262d692d:18:50)
at @vue-office_docx.js?v=115aedc0:5320:31

wingdings 2的框框里面一个对勾的那个字，无法正常显示，显示出来是一个大写的R，求问如何处理

pdf预览报错
pdf.js使用 ||= 浏览器版本不支持