@ -102,7 +102,6 @@ import { PUNCTUATION_REG } from '../../dataset/constant/Regular'
import { LineBreakParticle } from './particle/LineBreakParticle' import { LineBreakParticle } from './particle/LineBreakParticle'
import { MouseObserver } from '../observer/MouseObserver' import { MouseObserver } from '../observer/MouseObserver'
import { LineNumber } from './frame/LineNumber' import { LineNumber } from './frame/LineNumber'
import { ITd } from '../../interface/table/Td'
import { PageBorder } from './frame/PageBorder' import { PageBorder } from './frame/PageBorder'
export class Draw { export class Draw {
@ -315,8 +314,6 @@ export class Draw {
public isReadonly() {
public isReadonly() {
switch ( this . mode ) {
switch ( this . mode ) {
case EditorMode . DESIGN :
return false
case EditorMode . READONLY :
case EditorMode . READONLY :
case EditorMode . PRINT :
case EditorMode . PRINT :
return true
return true
@ -328,7 +325,6 @@ export class Draw {
}
}
public isDisabled() {
public isDisabled() {
if ( this . mode === EditorMode . DESIGN ) return false
const { startIndex , endIndex } = this . range . getRange ( )
const { startIndex , endIndex } = this . range . getRange ( )
const elementList = this . getElementList ( )
const elementList = this . getElementList ( )
if ( startIndex === endIndex ) {
if ( startIndex === endIndex ) {
@ -345,10 +341,6 @@ export class Draw {
)
)
}
}
public isDesignMode() {
return this . mode === EditorMode . DESIGN
}
public getOriginalWidth ( ) : number {
public getOriginalWidth ( ) : number {
const { paperDirection , width , height } = this . options
const { paperDirection , width , height } = this . options
return paperDirection === PaperDirection . VERTICAL ? width : height
return paperDirection === PaperDirection . VERTICAL ? width : height
@ -706,7 +698,6 @@ export class Draw {
deleteCount : number ,
deleteCount : number ,
. . . items : IElement [ ]
. . . items : IElement [ ]
) {
) {
const isDesignMode = this . isDesignMode ( )
if ( deleteCount > 0 ) {
if ( deleteCount > 0 ) {
// 当最后元素与开始元素列表信息不一致时：清除当前列表信息
// 当最后元素与开始元素列表信息不一致时：清除当前列表信息
const endIndex = start + deleteCount
const endIndex = start + deleteCount
@ -737,9 +728,8 @@ export class Draw {
while ( deleteIndex >= start ) {
while ( deleteIndex >= start ) {
const deleteElement = elementList [ deleteIndex ]
const deleteElement = elementList [ deleteIndex ]
if (
if (
isDesignMode ||
deleteElement ? . control ? . deletable !== false &&
( deleteElement ? . control ? . deletable !== false &&
deleteElement ? . title ? . deletable !== false
deleteElement ? . title ? . deletable !== false )
) {
) {
elementList . splice ( deleteIndex , 1 )
elementList . splice ( deleteIndex , 1 )
}
}
@ -1215,7 +1205,6 @@ export class Draw {
table : { tdPadding } ,
table : { tdPadding } ,
defaultTabWidth
defaultTabWidth
} = this . options
} = this . options
let curIndex = payload . curIndex
const defaultBasicRowMarginHeight = this . getDefaultBasicRowMarginHeight ( )
const defaultBasicRowMarginHeight = this . getDefaultBasicRowMarginHeight ( )
const canvas = document . createElement ( 'canvas' )
const canvas = document . createElement ( 'canvas' )
const ctx = canvas . getContext ( '2d' ) as CanvasRenderingContext2D
const ctx = canvas . getContext ( '2d' ) as CanvasRenderingContext2D
@ -1289,30 +1278,9 @@ export class Draw {
} else if ( element . type === ElementType . TABLE ) {
} else if ( element . type === ElementType . TABLE ) {
const tdPaddingWidth = tdPadding [ 1 ] + tdPadding [ 3 ]
const tdPaddingWidth = tdPadding [ 1 ] + tdPadding [ 3 ]
const tdPaddingHeight = tdPadding [ 0 ] + tdPadding [ 2 ]
const tdPaddingHeight = tdPadding [ 0 ] + tdPadding [ 2 ]
const height = this . getHeight ( )
const marginHeight = this . getMainOuterHeight ( )
const emptyMainHeight = ( height - marginHeight - rowMargin * 2 ) / scale
// 表格分页处理进度：
// 表格分页处理进度：
// 查看后续表格是否属于同一个源表格-存在即合并
// 查看后续表格是否属于同一个源表格-存在即合并
if ( element . pagingId ) {
if ( element . pagingId ) {
// 为当前表格构建一个虚拟表格
const virtualTable = Array . from (
{ length : element.trList ! . length } ,
( ) = > new Array ( element . colgroup ! . length )
) as Array < Array < ITd | undefined | null > >
element . trList ! . forEach ( ( tr , trIndex ) = > {
let tdIndex = 0
tr . tdList . forEach ( td = > {
while ( virtualTable [ trIndex ] [ tdIndex ] === null ) {
tdIndex ++
}
virtualTable [ trIndex ] [ tdIndex ] = td
for ( let i = 1 ; i < td . rowspan ; i ++ ) {
virtualTable [ trIndex + i ] [ tdIndex ] = null
}
tdIndex += td . colspan
} )
} )
let tableIndex = i + 1
let tableIndex = i + 1
let combineCount = 0
let combineCount = 0
while ( tableIndex < elementList . length ) {
while ( tableIndex < elementList . length ) {
@ -1321,65 +1289,8 @@ export class Draw {
const nexTrList = nextElement . trList ! . filter (
const nexTrList = nextElement . trList ! . filter (
tr = > ! tr . pagingRepeat
tr = > ! tr . pagingRepeat
)
)
// 判断后续表格第一行是拆分出来的还是从原表格挪到下一页的
element . trList ! . push ( . . . nexTrList )
const isNextTrSplit =
element . height ! += nextElement . height !
element . trList ! [ element . trList ! . length - 1 ] . id ===
nexTrList [ 0 ] . pagingOriginId
let tdIndex = 0
const mergedTds : ITd [ ] = [ ]
nexTrList [ 0 ] . tdList . forEach ( td = > {
let targetTd
// 如果虚拟表格最后一行对应位置有单元格，则其就为目标单元格，否则向上查找
if ( virtualTable [ virtualTable . length - 1 ] [ tdIndex ] ) {
targetTd = virtualTable [ virtualTable . length - 1 ] [ tdIndex ]
} else {
for ( let i = virtualTable . length - 2 ; i >= 0 ; i -- ) {
if ( virtualTable [ i ] [ tdIndex ] ) {
targetTd = virtualTable [ i ] [ tdIndex ]
break
}
}
}
if ( targetTd ) {
if ( targetTd . id === td . pagingOriginId ) {
targetTd . value . push ( . . . td . value )
if ( isNextTrSplit ) {
targetTd . rowspan = targetTd . rowspan + td . rowspan - 1
} else {
targetTd . rowspan = targetTd . rowspan + td . rowspan
mergedTds . push ( td )
}
}
tdIndex += targetTd . colspan
}
} )
nexTrList [ 0 ] . tdList = nexTrList [ 0 ] . tdList . filter ( td = > {
const isNotMerged = mergedTds . every (
mergedTd = > mergedTd . id !== td . id
)
delete td . pagingOriginId
return isNotMerged
} )
while ( nexTrList . length > 0 ) {
const lastTr = element . trList ! [ element . trList ! . length - 1 ]
const nextTr = nexTrList . shift ( ) !
if ( lastTr . id === nextTr . pagingOriginId ) {
lastTr . height += nextTr . pagingOriginHeight || 0
// 更新id关联
lastTr . tdList . forEach ( td = > {
td . value . forEach ( v = > {
v . tdId = td . id
v . trId = lastTr . id
v . tableId = element . id
} )
} )
} else {
nextTr . height = nextTr . pagingOriginHeight || nextTr . height
element . trList ! . push ( nextTr )
}
delete nextTr . pagingOriginHeight
delete nextTr . pagingOriginId
}
tableIndex ++
tableIndex ++
combineCount ++
combineCount ++
} else {
} else {
@ -1397,17 +1308,9 @@ export class Draw {
const trList = element . trList !
const trList = element . trList !
for ( let t = 0 ; t < trList . length ; t ++ ) {
for ( let t = 0 ; t < trList . length ; t ++ ) {
const tr = trList [ t ]
const tr = trList [ t ]
// 行的minHeight最大只能为页面主内容区域高度（ ， ， ）
if ( tr . minHeight && tr . minHeight > emptyMainHeight ) {
if ( i === 1 && elementList [ 0 ] . value === ZERO ) {
tr . minHeight = emptyMainHeight - rowList [ 0 ] . height
} else {
tr . minHeight = emptyMainHeight
}
}
for ( let d = 0 ; d < tr . tdList . length ; d ++ ) {
for ( let d = 0 ; d < tr . tdList . length ; d ++ ) {
const td = tr . tdList [ d ]
const td = tr . tdList [ d ]
const { rowList } = this . computeRowList ( {
const rowList = this . computeRowList ( {
innerWidth : ( td . width ! - tdPaddingWidth ) * scale ,
innerWidth : ( td . width ! - tdPaddingWidth ) * scale ,
elementList : td.value ,
elementList : td.value ,
isPagingMode
isPagingMode
@ -1482,6 +1385,8 @@ export class Draw {
metrics . boundingBoxAscent = - rowMargin
metrics . boundingBoxAscent = - rowMargin
// 表格分页处理(拆分表格)
// 表格分页处理(拆分表格)
if ( isPagingMode ) {
if ( isPagingMode ) {
const height = this . getHeight ( )
const marginHeight = this . getMainOuterHeight ( )
let curPagePreHeight = marginHeight
let curPagePreHeight = marginHeight
for ( let r = 0 ; r < rowList . length ; r ++ ) {
for ( let r = 0 ; r < rowList . length ; r ++ ) {
const row = rowList [ r ]
const row = rowList [ r ]
@ -1495,11 +1400,9 @@ export class Draw {
}
}
}
}
// 当前剩余高度是否能容下当前表格第一行（可拆分）的高度，排除掉表头类型
// 当前剩余高度是否能容下当前表格第一行（可拆分）的高度，排除掉表头类型
const rowMarginHeight = rowMargin * 2
const rowMarginHeight = rowMargin * 2 * scale
if (
if (
curPagePreHeight +
curPagePreHeight + element . trList ! [ 0 ] . height ! + rowMarginHeight >
element . trList ! [ 0 ] . height ! * scale +
rowMarginHeight >
height ||
height ||
( element . pagingIndex !== 0 && element . trList ! [ 0 ] . pagingRepeat )
( element . pagingIndex !== 0 && element . trList ! [ 0 ] . pagingRepeat )
) {
) {
@ -1509,262 +1412,159 @@ export class Draw {
// 表格高度超过页面高度开始截断行
// 表格高度超过页面高度开始截断行
if ( curPagePreHeight + rowMarginHeight + elementHeight > height ) {
if ( curPagePreHeight + rowMarginHeight + elementHeight > height ) {
const trList = element . trList !
const trList = element . trList !
/** 在哪一行截断表格 */
// 计算需要移除的行数
let splitTrIndex = - 1
let deleteStart = 0 //拆分开始行
/** 被截断的行在截断线之前的高度 */
let deleteCount = 0 //拆分行数
let splitTrPreHeight = 0
let preTrHeight = 0 //前面tr的高度
// 根据表格行列数构造出一个虚拟表格
const colInfoCache = new Map ( ) //缓存需要加临时td的信息
const virtualTable = Array . from ( { length : trList.length } , ( ) = >
// 大于一行时再拆分避免循环
new Array ( element . colgroup ? . length ) . fill ( undefined )
if ( trList . length > 1 ) {
) as Array < Array < ITd | undefined > >
// 拆分后剩余高度
trList . forEach ( tr = > {
// 思路（ ） ： ，
tr . tdList . forEach ( td = > {
// 添加临时td？ ： ，
virtualTable [ td . rowIndex ! ] [ td . colIndex ! ] = td
// 在分页的第一行的index位置添加临时td
} )
for ( let r = 0 ; r < trList . length ; r ++ ) {
} )
const tr = trList [ r ]
// 加上表格上方的行间距
const trHeight = tr . height * scale
curPagePreHeight += rowMargin
if (
for ( const [ trIndex , tr ] of trList . entries ( ) ) {
curPagePreHeight + rowMarginHeight + preTrHeight + trHeight >
// 找到需要截断的行，以及该行在截断线之前的高度
height
if (
) {
! tr . pagingRepeat && // 标题行不可截断
// 开始计算添加临时td
curPagePreHeight + rowMargin + tr . height * scale > height
colInfoCache . forEach ( ( item , key ) = > {
) {
const mdRowIndex = parseInt ( key . split ( '-' ) [ 1 ] , 10 )
splitTrIndex = trIndex
const mdColIndex = parseInt ( key . split ( '-' ) [ 0 ] , 10 )
splitTrPreHeight = height - curPagePreHeight - rowMargin // 额外减去被拆分的表格到下方的行间距
break
// 确保 mdRowIndex 和 mdColIndex 是有效的索引
} else {
if (
curPagePreHeight += tr . height * scale
! trList [ mdRowIndex ] ||
}
! trList [ mdRowIndex ] . tdList [ mdColIndex ]
}
) {
if ( splitTrIndex > - 1 ) {
console . error (
// 构建出一个行作为被截断出来的新行
` Invalid index: mdRowIndex= ${ mdRowIndex } , mdColIndex= ${ mdColIndex } `
const cloneTr = new Array ( element . colgroup ! . length ) as Array <
)
ITd | undefined
return
>
// 判断目标行是否可截断
const allowSplitTr =
splitTrPreHeight >= trList [ splitTrIndex ] . minHeight ! * scale && // 最小行高区间内不可截断
trList [ splitTrIndex ] . tdList . every (
// 如果截断线穿过该行所有单元格中第一个排版行，此时该行也不可截断
td = > td . rowList ! [ 0 ] . height < splitTrPreHeight
)
if ( ! allowSplitTr ) {
splitTrPreHeight = 0
}
// 遍历虚拟表格中的截断行， ， ； ， ，
let preMergedEndIndex = - 1
let splitTrReduceHeight =
trList [ splitTrIndex ] . height - splitTrPreHeight / scale // 被拆分的行减少的高度
virtualTable [ splitTrIndex ] . forEach ( ( td , tdIndex ) = > {
if ( tdIndex <= preMergedEndIndex ) {
return
}
// 虚拟表格中截断行的当前索引位置是否有td
let hasTdAtCurIndex = false
// 找到被截断的td
let splitTd
if ( td ) {
splitTd = td
hasTdAtCurIndex = true
preMergedEndIndex = td . colIndex ! + td . colspan - 1
} else {
for ( let i = splitTrIndex ; i >= 0 ; i -- ) {
if ( virtualTable [ i ] [ tdIndex ] ) {
splitTd = virtualTable [ i ] [ tdIndex ]
preMergedEndIndex =
splitTd ! . colIndex ! + splitTd ! . colspan - 1
break
}
}
}
if ( splitTd ) {
cloneTr [ tdIndex ] = deepClone ( splitTd )
// 如果tr可拆分， ，
// 如果tr不可拆分， ，
if ( allowSplitTr || splitTd . rowspan > 1 ) {
cloneTr [ tdIndex ] ! . pagingOriginId =
splitTd . pagingOriginId || splitTd . id
cloneTr [ tdIndex ] ! . id = getUUID ( )
// 计算当前td在截断线之前的高度（ ， ， ）
let splitTdPreHeight = splitTrPreHeight
for ( let i = splitTd . rowIndex ! ; i < splitTrIndex ; i ++ ) {
splitTdPreHeight += trList [ i ] . height * scale
}
}
// 根据td中已排版的内容的高度，
// 计算要被分割的rowspan
let splitTdPreRowHeight = 0
const cell = trList [ mdRowIndex ] . tdList [ mdColIndex ]
let splitTdRowIndex = - 1
const newRowspan = cell . rowspan - ( item . row - item . count )
for ( const [ rowIndex , row ] of splitTd . rowList ! . entries ( ) ) {
cell . rowspan = newRowspan
if (
let initHeight = 0
row . height +
let initRealHeight = 0
splitTdPreRowHeight +
let initRealMinHeight = 0
tdPaddingHeight * scale >
for ( let i = mdRowIndex ; i < newRowspan ; i ++ ) {
splitTdPreHeight
if ( trList [ i ] ? . tdList [ mdColIndex ] ? . height ) {
) {
const td = trList [ i ] ? . tdList [ mdColIndex ]
splitTdRowIndex = rowIndex
if ( td && td . height ) {
break
initHeight += td . height
} else {
} else if ( td && td . realHeight ) {
splitTdPreRowHeight += row . height
initRealHeight += td . realHeight
} else if ( td && td . realMinHeight ) {
initRealMinHeight += td . realMinHeight
} else {
console . error ( 'td.height is undefined' )
}
}
}
}
}
if ( splitTdRowIndex > - 1 ) {
tr . tdList . splice ( item . col , 0 , tr . tdList [ tr . tdList . length - 1 ] )
// 拆分td中的内容
const tempRow = item . row - item . count
cloneTr [ tdIndex ] ! . rowList =
tr . tdList [ mdColIndex ] = {
splitTd . rowList ! . splice ( splitTdRowIndex )
. . . cell ,
cloneTr [ tdIndex ] ! . value = cloneTr [ tdIndex ] ! . rowList ! . map (
id : getUUID ( ) ,
row = > row . elementList
rowspan : tempRow ,
) . flat ( )
height : height - initHeight ,
splitTd . value = splitTd
realHeight : height - initRealHeight ,
. rowList ! . map ( row = > row . elementList )
realMinHeight : height - initRealMinHeight ,
. flat ( )
temporaryFlag : true ,
// 计算被拆分的单元格高度减少了多少
parentTr : ` ${ mdColIndex } - ${ mdRowIndex } ` ,
const splitTdReduceMainHeight = cloneTr [
value : cell.value.map ( item = > ( { . . . item , value : '' } ) )
tdIndex
] ! . rowList ! . reduce ( ( ret , row ) = > {
return ret + row . height / scale
} , 0 )
splitTd . mainHeight ! -= splitTdReduceMainHeight
// 如果目标行可拆分，计算出行减小的高度
if (
allowSplitTr &&
splitTd . rowspan === 1 &&
splitTdRowIndex > 0
) {
splitTrReduceHeight = Math . min (
splitTd . height ! - splitTdPreRowHeight / scale ,
splitTrReduceHeight
)
}
} else {
// 执行到这里表示当前td虽然被截断，
// FIXME: 此时拆分出来的单元格为空， ，
cloneTr [ tdIndex ] ! . value = [ { value : ZERO } ]
if ( allowSplitTr && splitTd . rowspan === 1 ) {
splitTrReduceHeight = Math . min (
splitTd . height ! - splitTdPreHeight / scale ,
splitTrReduceHeight
)
}
}
}
// 更新td的rowspan
cell . height = initHeight
if ( hasTdAtCurIndex ) {
cell . realHeight = initRealHeight
cloneTr [ tdIndex ] ! . rowspan = splitTd . rowspan
cell . realMinHeight = initRealMinHeight
splitTd . rowspan = 1
this . tableParticle . computeRowColInfo ( element )
} else {
} )
cloneTr [ tdIndex ] ! . rowspan =
break
splitTd . rowspan - splitTrIndex + splitTd . rowIndex !
} else {
splitTd . rowspan = splitTrIndex - splitTd . rowIndex ! + 1
deleteStart = r + 1
// 如果tr不可截断， ， ，
deleteCount = trList . length - deleteStart
if ( ! allowSplitTr && splitTd . rowspan > 1 ) {
preTrHeight += trHeight
splitTd . rowspan --
// 重新记录临时的td
for ( let i = 0 ; i < trList . length ; i ++ ) {
for ( let j = trList [ i ] ? . tdList . length - 1 ; j >= 0 ; j -- ) {
if ( trList [ i ] ? . tdList [ j ] ? . temporaryFlag ) {
const tempTd = trList [ i ] . tdList [ j ]
if ( tempTd . parentTr ) {
const mdRowIndex = parseInt (
tempTd ? . parentTr . split ( '-' ) [ 1 ] ,
10
)
const mdColIndex = parseInt (
tempTd ? . parentTr . split ( '-' ) [ 0 ] ,
10
)
const cell = trList [ mdRowIndex ] . tdList [ mdColIndex ]
cell . rowspan += trList [ i ] ? . tdList [ j ] . rowspan
let initHeight = 0
let initRealHeight = 0
let initRealMinHeight = 0
for ( let i = mdRowIndex ; i < tempTd . rowspan ; i ++ ) {
if ( trList [ i ] ? . tdList [ mdColIndex ] ? . height ) {
const td = trList [ i ] ? . tdList [ mdColIndex ]
if ( td && td . height ) {
initHeight += td . height
} else if ( td && td . realHeight ) {
initRealHeight += td . realHeight
} else if ( td && td . realMinHeight ) {
initRealMinHeight += td . realMinHeight
} else {
console . error ( 'td.height is undefined' )
}
}
}
cell . height = initHeight
cell . realHeight = initRealHeight
cell . realMinHeight = initRealMinHeight
trList [ i ] ? . tdList . splice ( j , 1 )
}
}
}
}
}
}
}
}
// 找到要分页的位置，
} )
tr . tdList . forEach ( ( td , index ) = > {
// 构造新行
if ( td . rowspan > 1 ) {
const newTr = deepClone ( trList [ splitTrIndex ] )
colInfoCache . set ( ` ${ index } - ${ r } ` , {
newTr . tdList = cloneTr . filter ( td = > td !== undefined ) as ITd [ ]
col : index ,
if ( allowSplitTr ) {
row : td.rowspan ,
newTr . pagingOriginId = newTr . pagingOriginId || newTr . id
count : 0
newTr . id = getUUID ( )
} )
trList [ splitTrIndex ] . height -= splitTrReduceHeight
}
trList [ splitTrIndex ] . tdList . forEach ( td = > {
} )
td . realHeight ! -= splitTrReduceHeight
// 计算分页是否需要添加临时td
td . height ! -= splitTrReduceHeight
colInfoCache . forEach ( ( item , index ) = > {
} )
++ item . count
// 记录拆分出来的新行的原始高度
if ( item . count >= item . row ) {
newTr . pagingOriginHeight = splitTrReduceHeight
colInfoCache . delete ( index )
newTr . height = Math . max (
}
splitTrReduceHeight + tdPaddingHeight ,
newTr . minHeight !
)
} else {
// 记录被挪到下一页的行的原始高度
newTr . pagingOriginHeight = newTr . height
}
// 构造出后续表格的行
const cloneTrList = trList . splice ( splitTrIndex + 1 )
cloneTrList . unshift ( newTr )
// 如果当前表格行不可从中间拆分，此行将被挪至后续表格，因此将其从当前表格中移除
if ( ! allowSplitTr ) {
trList . splice ( splitTrIndex , 1 )
}
let totalHeight = 0
// 更新后续表格首行行高
const crossRowTds : ITd [ ] = [ ]
newTr . tdList . forEach ( td = > {
if ( td . rowspan === 1 ) {
const mainHeight =
td . rowList ! . reduce (
( ret , row ) = > ret + row . height / scale ,
0
) + tdPaddingHeight
newTr . height = Math . max ( mainHeight , newTr . height ! )
} else {
crossRowTds . push ( td )
}
} )
totalHeight += newTr . height
const groupTds = crossRowTds . reduce ( ( ret , td ) = > {
const key = td . rowspan
if ( ret [ key ] ) {
ret [ key ] . push ( td )
} else {
ret [ key ] = [ td ]
}
return ret
} , { } as { [ key : number ] : ITd [ ] } )
const maxRowspan = Math . max (
. . . Object . keys ( groupTds ) . map ( parseInt )
)
// 计算出跨行单元格最大内容高度， ，
for ( let i = 2 ; i <= maxRowspan ; i ++ ) {
const tds = groupTds [ i ]
if ( tds ) {
let maxMainHeight = 0
tds . forEach ( td = > {
const mainHeight =
td . rowList ! . reduce (
( ret , row ) = > ret + row . height / scale ,
0
) + tdPaddingHeight
maxMainHeight = Math . max ( mainHeight , maxMainHeight )
} )
} )
if ( maxMainHeight > totalHeight ) {
// 记录此行原始高度，便于合并时还原行高
cloneTrList [ i - 1 ] . pagingOriginHeight =
cloneTrList [ i - 1 ] . height
cloneTrList [ i - 1 ] . height += maxMainHeight - totalHeight
}
totalHeight += maxMainHeight
}
}
}
}
const totalOriginHeight = cloneTrList . reduce (
}
( ret , tr ) = > ret + ( tr . pagingOriginHeight || tr . height ) ,
if ( deleteCount ) {
const cloneTrList = trList . splice ( deleteStart , deleteCount )
const cloneTrHeight = cloneTrList . reduce (
( pre , cur ) = > pre + cur . height ,
0
0
)
)
// 追加拆分表格
const pagingId = element . pagingId || getUUID ( )
const pagingId = element . pagingId || getUUID ( )
element . pagingId = pagingId
element . pagingId = pagingId
element . height -= totalOriginHeight
element . height -= cloneTrHeight
metrics . height -= totalOriginHeight * scale
metrics . height -= cloneTrHeight
metrics . boundingBoxDescent -= totalOriginHeight * scale
metrics . boundingBoxDescent -= cloneTrHeight
// 追加拆分表格
const cloneElement = deepClone ( element )
const cloneElement = deepClone ( element )
cloneElement . id = getUUID ( )
cloneElement . pagingId = pagingId
cloneElement . pagingId = pagingId
cloneElement . pagingIndex = element . pagingIndex ! + 1
cloneElement . pagingIndex = element . pagingIndex ! + 1
this . tableParticle . computeRowColInfo ( element )
// 更新拆分出来的新表格中的id关联信息
cloneTrList . forEach ( tr = > {
tr . tdList . forEach ( td = > {
td . value . forEach ( v = > {
v . tdId = td . id
v . trId = tr . id
v . tableId = cloneElement . id
} )
} )
} )
// 处理分页重复表头
// 处理分页重复表头
const repeatTrList = trList . filter ( tr = > tr . pagingRepeat )
const repeatTrList = trList . filter ( tr = > tr . pagingRepeat )
if ( repeatTrList . length ) {
if ( repeatTrList . length ) {
@ -1773,46 +1573,35 @@ export class Draw {
cloneTrList . unshift ( . . . cloneRepeatTrList )
cloneTrList . unshift ( . . . cloneRepeatTrList )
}
}
cloneElement . trList = cloneTrList
cloneElement . trList = cloneTrList
cloneElement . id = getUUID ( )
this . spliceElementList ( elementList , i + 1 , 0 , cloneElement )
this . spliceElementList ( elementList , i + 1 , 0 , cloneElement )
}
}
}
}
// 表格经过分页处理-需要处理上下文 和选区
// 表格经过分页处理-需要处理上下文
if ( element . pagingId ) {
if ( element . pagingId ) {
const positionContext = this . position . getPositionContext ( )
const positionContext = this . position . getPositionContext ( )
if (
if ( positionContext . isTable ) {
positionContext . isTable &&
// 查找光标所在表格索引（ ）
positionContext . tableId === element . id
let newPositionContextIndex = - 1
) {
let newPositionContextTrIndex = - 1
const trIndex = element . trList ! . findIndex (
let tableIndex = i
r = >
while ( tableIndex < elementList . length ) {
r . pagingOriginId === positionContext . trId ||
const curElement = elementList [ tableIndex ]
r . id === positionContext . trId
if ( curElement . pagingId !== element . pagingId ) break
)
const trIndex = curElement . trList ! . findIndex (
if ( ~ trIndex ) {
r = > r . id === positionContext . trId
const tr = element . trList ! [ trIndex ]
const tdIndex = tr . tdList ! . findIndex (
d = >
d . pagingOriginId === positionContext . tdId ||
d . id === positionContext . tdId
)
)
if ( ~ tdIndex ) {
if ( ~ trIndex ) {
const td = tr . tdList ! [ tdIndex ]
newPositionContextIndex = tableIndex
if ( curIndex !== undefined && curIndex > - 1 ) {
newPositionContextTrIndex = trIndex
if ( td . value [ curIndex ] ) {
break
positionContext . index = i
positionContext . trIndex = trIndex
positionContext . tdIndex = tdIndex
positionContext . trId = tr . id
positionContext . tdId = td . id
this . range . setRange ( curIndex , curIndex )
} else {
positionContext . tableId = elementList [ i + 1 ] . id
curIndex -= td . value . length
}
}
}
}
} else {
tableIndex ++
positionContext . tableId = elementList [ i + 1 ] . id
}
if ( ~ newPositionContextIndex ) {
positionContext . index = newPositionContextIndex
positionContext . trIndex = newPositionContextTrIndex
this . position . setPositionContext ( positionContext )
}
}
}
}
}
}
@ -2059,7 +1848,7 @@ export class Draw {
}
}
}
}
}
}
return { rowList , curIndex }
return rowList
}
}
private _computePageList ( ) : IRow [ ] [ ] {
private _computePageList ( ) : IRow [ ] [ ] {
@ -2692,14 +2481,11 @@ export class Draw {
}
}
}
}
// 行信息
// 行信息
const { rowList , curIndex : newIndex } = this . computeRowList ( {
this . rowList = this . computeRowList ( {
isPagingMode ,
isPagingMode ,
innerWidth ,
innerWidth ,
elementList : this.elementList ,
elementList : this.elementList
curIndex
} )
} )
this . rowList = rowList
curIndex = newIndex
// 页面信息
// 页面信息
this . pageRowList = this . _computePageList ( )
this . pageRowList = this . _computePageList ( )
// 位置信息
// 位置信息
会PS的小码农
zhenglingpeng