Application

The root component of the application, this component contains all the component dependencies of modelscope_studio. It is necessary to ensure that all components exported from modelscope_studio are wrapped by it, otherwise the page will not be successfully previewed.

In addition, this component can also listen to the lifecycle of the user's page and obtain the current user's environment information, you can:

Obtain the current user's language, page theme, user agent, and screen status.
Listen to page behaviors and trigger corresponding events (page loading, size changes, page closing, etc.).

In addition, this component provides the custom event, you can send events to the Python side by calling window.ms_globals.dispatch in any Javascript function, and receive the events on the Python side through the ms.Application.custom event.

Examples

API

Props

Attribute	Type	Default Value	Description
value	ApplicationPageData	None	Page data

事件

Event	Description
`ms.Application.mount(fn, ···)`	Triggered when the page is mounted.
`ms.Application.resize(fn, ···)`	Triggered when the page size changes.
`ms.Application.unmount(fn, ···)`	Triggered when the page is unmounted.
`ms.Application.custom(fn, ···)`	Triggered when the user throws a custom event by calling `window.ms_globals.dispatch` in Javascript

Types


class ApplicationPageScreenData(GradioModel):
    width: float
    height: float
    scrollX: float
    scrollY: float


class ApplicationPageData(GradioModel):
    screen: ApplicationPageScreenData
    language: str
    theme: str
    userAgent: str