@leafer-in/flow 1.0.0 → 1.0.2

package/src/layout/x/layout.ts

@@ -0,0 +1,39 @@
+import { IBoundsData, IBox, IUI, IPointData, IAxisAlign } from '@leafer-ui/interface'
+
+import { PointHelper } from '@leafer-ui/draw'
+
+import { IFlowDrawData, IFlowWrapDrawData } from '@leafer-in/interface'
+
+
+const { move } = PointHelper
+
+export function layout(box: IBox, data: IFlowWrapDrawData, rowYAlign?: IAxisAlign, reverse?: boolean): void {
+    const { list } = data, reverseWrap = box.__.flowWrap === 'reverse'
+    let row: IFlowDrawData, { x, y } = data
+
+    for (let i = 0, len = list.length; i < len; i++) {
+        row = list[reverseWrap ? len - 1 - i : i]
+        layoutX(box, row, x, y, rowYAlign, reverse)
+        y += row.height + data.gap
+    }
+}
+
+export function layoutX(box: IBox, row: IFlowDrawData, fromX: number, fromY: number, rowYAlign: IAxisAlign, reverse?: boolean): void {
+    const { children } = box
+    let child: IUI, local: IBoundsData, { x, start } = row, y = fromY
+    x += fromX
+
+    for (let j = 0, end = row.count; j < end; j++) {
+        child = children[reverse ? start - j : start + j]
+
+        if (child.__.inFlow && child.__.visible !== 0) {
+            local = child.__flowBounds
+            if (rowYAlign !== 'from') y = fromY + (row.height - local.height) / (rowYAlign === 'center' ? 2 : 1)
+
+            move(child as IPointData, x - local.x, y - local.y)
+            x += local.width + row.gap
+        } else {
+            end++
+        }
+    }
+}

package/src/layout/y/align.ts

@@ -0,0 +1,28 @@
+import { IAxisAlign, IBox, IFlowAlign } from '@leafer-ui/interface'
+
+import { IFlowDrawData, IFlowWrapDrawData } from '@leafer-in/interface'
+
+import { alignContent, alignToInnerYMap } from '../common/align'
+
+
+export function align(box: IBox, data: IFlowWrapDrawData, contentAlign: IFlowAlign, rowYAlign: IAxisAlign): void {
+    alignContent(box, data, contentAlign)
+
+    const { list } = data
+    if (list.length > 1) {
+
+        if (!rowYAlign) rowYAlign = alignToInnerYMap[contentAlign]
+
+        if (rowYAlign !== 'from') {
+            let row: IFlowDrawData
+
+            for (let i = 0, len = list.length; i < len; i++) {
+                row = list[i]
+                row.y = data.height - row.height
+                if (rowYAlign === 'center') row.y /= 2
+            }
+
+        }
+    }
+}
+

package/src/layout/y/grow.ts

@@ -0,0 +1,59 @@
+import { IBoundsData, IBox, IUI, IAutoSize } from '@leafer-ui/interface'
+import { MathHelper } from '@leafer-ui/draw'
+
+import { IFlowDrawData } from '@leafer-in/interface'
+
+
+const { within } = MathHelper
+
+export function growY(box: IBox, row: IFlowDrawData, height: number, reverse: boolean): void {
+    let child: IUI, grow: IAutoSize, remainSpace: number, remainTotalSpace = 0, list: IUI[] = row.hasRangeSize && [], { grow: totalGrow, start } = row
+    const growSize = row.height < height ? (height - row.height) / totalGrow : 0, { children } = box
+
+    if (growSize) row.height = height
+
+    for (let j = 0, end = row.count; j < end; j++) {
+        child = children[reverse ? start - j : start + j]
+
+        if (child.__.inFlow && child.__.visible !== 0) {
+
+            if (grow = child.__heightGrow) {
+                remainSpace = resizeHeight(child, child.__flowBounds, growSize * grow)
+
+                if (remainSpace) {
+                    remainTotalSpace += remainSpace
+                    totalGrow -= grow
+                } else if (list) {
+                    child.__.heightRange ? list.unshift(child) : list.push(child)
+                }
+            }
+
+        } else {
+            end++
+        }
+    }
+
+    if (remainTotalSpace) assignRemainSpace(list, remainTotalSpace, totalGrow)
+}
+
+
+function assignRemainSpace(list: IUI[], totalSpace: number, countGrow: number): void {
+    let grow: IAutoSize, space: number, local: IBoundsData, remain: number
+    list.forEach(child => {
+        grow = child.__heightGrow
+        space = totalSpace / countGrow * grow
+        remain = resizeHeight(child, local = child.__flowBounds, local.height + space)
+        totalSpace -= space - remain
+        countGrow -= grow
+    })
+}
+
+
+export function resizeHeight(child: IUI, local: IBoundsData, size: number): number {
+    const { heightRange, lockRatio } = child.__
+    const realSize = heightRange ? within(size, heightRange) : size
+    const scale = realSize / local.height
+    child.scaleResize(lockRatio ? scale : 1, scale)
+    local.height = realSize
+    return size - realSize
+}

package/src/layout/y/layout.ts

@@ -0,0 +1,38 @@
+import { IBoundsData, IBox, IUI, IPointData, IAxisAlign } from '@leafer-ui/interface'
+import { PointHelper } from '@leafer-ui/draw'
+
+import { IFlowDrawData, IFlowWrapDrawData } from '@leafer-in/interface'
+
+
+const { move } = PointHelper
+
+export function layout(box: IBox, data: IFlowWrapDrawData, rowXAlign: IAxisAlign, reverse?: boolean): void {
+    const { list } = data, reverseWrap = box.__.flowWrap === 'reverse'
+    let row: IFlowDrawData, { x, y } = data
+
+    for (let i = 0, len = list.length; i < len; i++) {
+        row = list[reverseWrap ? len - 1 - i : i]
+        layoutY(box, row, x, y, rowXAlign, reverse)
+        x += row.width + data.gap
+    }
+}
+
+export function layoutY(box: IBox, row: IFlowDrawData, fromX: number, fromY: number, rowXAlign: IAxisAlign, reverse?: boolean): void {
+    const { children } = box
+    let child: IUI, local: IBoundsData, { y, start } = row, x = fromX
+    y += fromY
+
+    for (let j = 0, end = row.count; j < end; j++) {
+        child = children[reverse ? start - j : start + j]
+
+        if (child.__.inFlow && child.__.visible !== 0) {
+            local = child.__flowBounds
+            if (rowXAlign !== 'from') x = fromX + (row.width - local.width) / (rowXAlign === 'center' ? 2 : 1)
+
+            move(child as IPointData, x - local.x, y - local.y)
+            y += local.height + row.gap
+        } else {
+            end++
+        }
+    }
+}