fineui/demo/js/preview.js

import { shortcut, Widget, isEqual } from "@/core";

@shortcut()
export class Preview extends Widget {
    static xtype = "demo.preview";

    props = { baseCls: "demo-preview" };

    render() {
        const self = this;
        const items = [],
            header = [],
            columnSize = [];

        const rowCount = 100,
            columnCount = 100;
        for (var i = 0; i < 1; i++) {
            header[i] = [];
            for (var j = 0; j < columnCount; j++) {
                header[i][j] = {
                    type: "bi.label",
                    text: `表头${i}-${j}`,
                };
                columnSize[j] = 100;
            }
        }
        for (var i = 0; i < rowCount; i++) {
            items[i] = [];
            for (var j = 0; j < columnCount; j++) {
                items[i][j] = {
                    type: "bi.label",
                    text: `${i < 3 ? 0 : i}-${j}`,
                };
            }
        }
        
        return {
            type: "bi.absolute",
            cls: "preview-background",
            items: [
                {
                    el: {
                        type: "bi.vtape",
                        cls: "preview-card bi-card",
                        items: [
                            {
                                el: {
                                    type: "bi.label",
                                    cls: "preview-title bi-border-bottom",
                                    height: 40,
                                    text: "Card",
                                    hgap: 10,
                                    textAlign: "left",
                                },
                                height: 40,
                            },
                            {
                                type: "bi.center_adapt",
                                scrollable: true,
                                items: [
                                    {
                                        type: "bi.resizable_table",
                                        el: {
                                            type: "bi.collection_table",
                                        },
                                        width: 500,
                                        height: 400,
                                        isResizeAdapt: true,
                                        isNeedResize: true,
                                        isNeedMerge: true,
                                        mergeCols: [0, 1],
                                        mergeRule (col1, col2) {
                                            return isEqual(col1, col2);
                                        },
                                        isNeedFreeze: true,
                                        freezeCols: [0, 1],
                                        columnSize,
                                        items,
                                        header,
                                    }
                                ],
                            }
                        ],
                    },
                    left: 60,
                    right: 60,
                    top: 60,
                    bottom: 60,
                }
            ],
        };
    }

    mounted() {}
}