@@ -16,7 +16,7 @@ import {
1616 resolveVariableAndFilter ,
1717 ScopedContext
1818} from 'amis-core' ;
19- import type { Word } from 'office-viewer' ;
19+ import type { Word , Excel } from 'office-viewer' ;
2020import { Spinner } from 'amis-ui' ;
2121import { Payload } from '../types' ;
2222
@@ -55,13 +55,15 @@ export default class OfficeViewer extends React.Component<
5555> {
5656 rootElement : React . RefObject < HTMLDivElement > ;
5757
58- word : Word ;
58+ office : Word | Excel ;
5959
6060 fileName ?: string ;
6161
6262 // 文档数据，避免 update 参数的时候重复加载
6363 document ?: any ;
6464
65+ finalSrc ?: string ;
66+
6567 constructor ( props : OfficeViewerProps ) {
6668 super ( props ) ;
6769 this . rootElement = React . createRef ( ) ;
@@ -112,7 +114,7 @@ export default class OfficeViewer extends React.Component<
112114 this . renderWord ( ) ;
113115 } else {
114116 // 默认只更新变量提升性能
115- this . word ?. updateVariable ( ) ;
117+ this . office ?. updateVariable ( ) ;
116118 }
117119 }
118120 }
@@ -124,11 +126,11 @@ export default class OfficeViewer extends React.Component<
124126 const actionType = action ?. actionType as string ;
125127
126128 if ( actionType === 'saveAs' ) {
127- this . word ?. download ( args ?. name || this . fileName ) ;
129+ this . office ?. download ( args ?. name || this . fileName ) ;
128130 }
129131
130132 if ( actionType === 'print' ) {
131- this . word ?. print ( ) ;
133+ this . office ?. print ( ) ;
132134 }
133135 }
134136
@@ -171,6 +173,9 @@ export default class OfficeViewer extends React.Component<
171173 console . warn ( 'file src is empty' ) ;
172174 return ;
173175 }
176+
177+ this . finalSrc = finalSrc ;
178+
174179 let response : Payload ;
175180
176181 this . setState ( {
@@ -195,32 +200,69 @@ export default class OfficeViewer extends React.Component<
195200 }
196201 }
197202
203+ async initOffice ( officeViewer : any , file ?: ArrayBuffer ) {
204+ const {
205+ wordOptions,
206+ excelOptions,
207+ env,
208+ src,
209+ data,
210+ translate : __
211+ } = this . props ;
212+ const createOfficeViewer = officeViewer . createOfficeViewer ;
213+ const office = await createOfficeViewer (
214+ file || this . document ,
215+ { } ,
216+ this . finalSrc
217+ ) ;
218+
219+ if ( office instanceof officeViewer . Word ) {
220+ office . updateOptions ( {
221+ ...wordOptions ,
222+ data,
223+ evalVar : this . evalVar . bind ( this )
224+ } ) ;
225+ } else if ( office instanceof officeViewer . Excel ) {
226+ office . updateOptions ( {
227+ ...excelOptions ,
228+ data,
229+ evalVar : this . evalVar . bind ( this )
230+ } ) ;
231+ await office . loadExcel ( ) ;
232+ }
233+
234+ return office ;
235+ }
236+
198237 /**
199238 * 渲染远端文件
200239 */
201240 async renderRemoteWord ( ) {
202- const { wordOptions, env, src, data, display, translate : __ } = this . props ;
241+ const {
242+ wordOptions,
243+ excelOptions,
244+ env,
245+ src,
246+ data,
247+ display,
248+ translate : __
249+ } = this . props ;
203250
204251 if ( ! this . document ) {
205252 return ;
206253 }
207254
208255 import ( 'office-viewer' ) . then ( async ( officeViewer : any ) => {
209- const Word = officeViewer . Word ;
210- const word = new Word ( this . document , {
211- ...wordOptions ,
212- data,
213- evalVar : this . evalVar . bind ( this )
214- } ) ;
256+ const office = await this . initOffice ( officeViewer ) ;
215257
216258 if ( display !== false ) {
217- word . render ( this . rootElement ?. current ! ) ;
259+ office . render ( this . rootElement ?. current ! ) ;
218260 } else if ( display === false && this . rootElement ?. current ) {
219261 // 设置为 false 后清空
220262 this . rootElement . current . innerHTML = '' ;
221263 }
222264
223- this . word = word ;
265+ this . office = office ;
224266 } ) ;
225267 }
226268
@@ -236,18 +278,14 @@ export default class OfficeViewer extends React.Component<
236278 const data = reader . result as ArrayBuffer ;
237279
238280 import ( 'office-viewer' ) . then ( async ( officeViewer : any ) => {
239- const Word = officeViewer . Word ;
240- const word = new Word ( data , {
241- ...wordOptions ,
242- evalVar : this . evalVar . bind ( this )
243- } ) ;
281+ const office = await this . initOffice ( officeViewer , data ) ;
244282 if ( display !== false ) {
245- word . render ( this . rootElement ?. current ! ) ;
283+ office . render ( this . rootElement ?. current ! ) ;
246284 } else if ( display === false && this . rootElement ?. current ) {
247285 // 设置为 false 后清空
248286 this . rootElement . current . innerHTML = '' ;
249287 }
250- this . word = word ;
288+ this . office = office ;
251289 } ) ;
252290 } ;
253291 reader . readAsArrayBuffer ( file ) ;
0 commit comments