Интерфейс UEDataPageWidget

Example

Пример: добавление виджета на главную страницу

import {Universe} from '@universe-ee/sdk';

const {React} = Universe.Vendor;
const {Uikit} = Universe.Platform;

export class CustomDataPageWidget extends React.Component<{}> {
    static dataGrid = () => {
        return {
            i: 'CustomDataPageWidget',
            x: 2,
            y: 0,
            w: 2,
            h: 2
        };
    };

    override render () {
        return (
            <Uikit.CardPanel
                title={'TestUE'}
                noBodyPadding={true}
                leftExtraItems={<Uikit.Icon name={'library'}/>}
                isWide={true}
            >
                <div style={{background: 'red'}}>
                </div>
            </Uikit.CardPanel>
        );
    }
}
Копировать

Подключение точки расширения:

import {Universe} from '@universe-ee/sdk';
import {CustomDataPageWidget} from './CustomDataPageWidget';

export default {
    type: 'DataPageWidget',
    moduleId: 'DataPageWidget_testUE',
    active: true,
    system: false,
    component: CustomDataPageWidget,
    resolver: () => {
        return true;
    },
    meta: {
        order: 50,
        getDisplayName: () => 'testUE',
        dataGrid: CustomDataPageWidget.dataGrid,
        isDeletable: true
    }
} satisfies Universe.Platform.UserExit.UserExitDeclaration;
Копировать