@tachybase/client 0.23.8-alpha.21 → 0.23.8-alpha.22

package/lib/api-client/hooks/useResource.mjs

@@ -0,0 +1,12 @@
+import * as __WEBPACK_EXTERNAL_MODULE__useAPIClient_mjs__ from "./useAPIClient.mjs";
+
+;// CONCATENATED MODULE: external "./useAPIClient.mjs"
+
+;// CONCATENATED MODULE: ./packages/client/src/api-client/hooks/useResource.ts?__rslib_entry__
+
+function useResource(name, of) {
+    const apiClient = (0,__WEBPACK_EXTERNAL_MODULE__useAPIClient_mjs__.useAPIClient)();
+    return apiClient.resource(name, of);
+}
+
+export { useResource };

package/lib/api-client/index.mjs

@@ -0,0 +1,11 @@
+export * from "./hooks/index.mjs";
+export * from "./APIClient.mjs";
+export * from "./APIClientProvider.mjs";
+export * from "./context.mjs";
+
+;// CONCATENATED MODULE: ./packages/client/src/api-client/index.tsx?__rslib_entry__
+
+
+
+
+

package/lib/application/AppSchemaComponentProvider.mjs

@@ -0,0 +1,48 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE_ahooks__ from "ahooks";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_component_core_index_mjs__ from "../schema-component/core/index.mjs";
+
+;// CONCATENATED MODULE: external "react/jsx-runtime"
+
+;// CONCATENATED MODULE: external "react"
+
+;// CONCATENATED MODULE: external "ahooks"
+
+;// CONCATENATED MODULE: external "../schema-component/core/index.mjs"
+
+;// CONCATENATED MODULE: ./packages/client/src/application/AppSchemaComponentProvider.tsx?__rslib_entry__
+
+
+
+
+const getKeyByName = (name)=>{
+    if (!name) {
+        return 'tachybase_designable'.toUpperCase();
+    }
+    return "tachybase_".concat(name, "_designable").toUpperCase();
+};
+const SchemaComponentProviderWithLocalStorageState = (props)=>{
+    const [designable, setDesignable] = (0,__WEBPACK_EXTERNAL_MODULE_ahooks__.useLocalStorageState)(getKeyByName(props.appName), {
+        defaultValue: props.designable ? true : false
+    });
+    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_component_core_index_mjs__.SchemaComponentProvider, {
+        ...props,
+        designable: designable,
+        onDesignableChange: (value)=>{
+            setDesignable(value);
+        }
+    });
+};
+const AppSchemaComponentProvider = (props)=>{
+    if (typeof props.designable === 'boolean') {
+        return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_component_core_index_mjs__.SchemaComponentProvider, {
+            ...props
+        });
+    }
+    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(SchemaComponentProviderWithLocalStorageState, {
+        ...props
+    });
+};
+
+export { AppSchemaComponentProvider };

package/lib/application/Application.mjs

@@ -0,0 +1,431 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_requirejs__ from "@tachybase/requirejs";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_sdk__ from "@tachybase/sdk";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash__ from "lodash";
+import * as __WEBPACK_EXTERNAL_MODULE_react_dom_client__ from "react-dom/client";
+import * as __WEBPACK_EXTERNAL_MODULE_react_i18next__ from "react-i18next";
+import * as __WEBPACK_EXTERNAL_MODULE_react_router_dom__ from "react-router-dom";
+import * as __WEBPACK_EXTERNAL_MODULE__api_client_index_mjs__ from "../api-client/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__data_source_collection_field_CollectionField_mjs__ from "../data-source/collection-field/CollectionField.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__data_source_components_DataSourceApplicationProvider_mjs__ from "../data-source/components/DataSourceApplicationProvider.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__data_source_data_block_DataBlockProvider_mjs__ from "../data-source/data-block/DataBlockProvider.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__data_source_data_source_DataSourceManager_mjs__ from "../data-source/data-source/DataSourceManager.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__i18n_index_mjs__ from "../i18n/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__style_css_variable_index_mjs__ from "../style/css-variable/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__style_theme_index_mjs__ from "../style/theme/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__AppSchemaComponentProvider_mjs__ from "./AppSchemaComponentProvider.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__AttachmentPreviewManager_mjs__ from "./AttachmentPreviewManager.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__components_index_mjs__ from "./components/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__NoticesManager_mjs__ from "./NoticesManager.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__PluginContextMenu_mjs__ from "./PluginContextMenu.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__PluginManager_mjs__ from "./PluginManager.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__RouterManager_mjs__ from "./RouterManager.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_initializer_index_mjs__ from "./schema-initializer/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_initializer_components_index_mjs__ from "./schema-initializer/components/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__ from "./schema-settings/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__SystemSettingsManager_mjs__ from "./SystemSettingsManager.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__UserSettingsManager_mjs__ from "./UserSettingsManager.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_index_mjs__ from "./utils/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_globalDeps_mjs__ from "./utils/globalDeps.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__WebSocketClient_mjs__ from "./WebSocketClient.mjs";
+
+;// CONCATENATED MODULE: external "react/jsx-runtime"
+
+;// CONCATENATED MODULE: external "react"
+
+;// CONCATENATED MODULE: external "@tachybase/requirejs"
+
+;// CONCATENATED MODULE: external "@tachybase/schema"
+
+;// CONCATENATED MODULE: external "@tachybase/sdk"
+
+;// CONCATENATED MODULE: external "lodash"
+
+;// CONCATENATED MODULE: external "react-dom/client"
+
+;// CONCATENATED MODULE: external "react-i18next"
+
+;// CONCATENATED MODULE: external "react-router-dom"
+
+;// CONCATENATED MODULE: external "../api-client/index.mjs"
+
+;// CONCATENATED MODULE: external "../data-source/collection-field/CollectionField.mjs"
+
+;// CONCATENATED MODULE: external "../data-source/components/DataSourceApplicationProvider.mjs"
+
+;// CONCATENATED MODULE: external "../data-source/data-block/DataBlockProvider.mjs"
+
+;// CONCATENATED MODULE: external "../data-source/data-source/DataSourceManager.mjs"
+
+;// CONCATENATED MODULE: external "../i18n/index.mjs"
+
+;// CONCATENATED MODULE: external "../style/css-variable/index.mjs"
+
+;// CONCATENATED MODULE: external "../style/theme/index.mjs"
+
+;// CONCATENATED MODULE: external "./AppSchemaComponentProvider.mjs"
+
+;// CONCATENATED MODULE: external "./AttachmentPreviewManager.mjs"
+
+;// CONCATENATED MODULE: external "./components/index.mjs"
+
+;// CONCATENATED MODULE: external "./NoticesManager.mjs"
+
+;// CONCATENATED MODULE: external "./PluginContextMenu.mjs"
+
+;// CONCATENATED MODULE: external "./PluginManager.mjs"
+
+;// CONCATENATED MODULE: external "./RouterManager.mjs"
+
+;// CONCATENATED MODULE: external "./schema-initializer/index.mjs"
+
+;// CONCATENATED MODULE: external "./schema-initializer/components/index.mjs"
+
+;// CONCATENATED MODULE: external "./schema-settings/index.mjs"
+
+;// CONCATENATED MODULE: external "./SystemSettingsManager.mjs"
+
+;// CONCATENATED MODULE: external "./UserSettingsManager.mjs"
+
+;// CONCATENATED MODULE: external "./utils/index.mjs"
+
+;// CONCATENATED MODULE: external "./utils/globalDeps.mjs"
+
+;// CONCATENATED MODULE: external "./WebSocketClient.mjs"
+
+;// CONCATENATED MODULE: ./packages/client/src/application/Application.tsx?__rslib_entry__
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+class Application {
+    get pm() {
+        return this.pluginManager;
+    }
+    get adminUrl() {
+        if (this.name === 'main') {
+            return '/admin/';
+        } else {
+            return "/apps/".concat(this.name, "/admin/");
+        }
+    }
+    initRequireJs() {
+        this.requirejs = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_requirejs__.getRequireJs)();
+        (0,__WEBPACK_EXTERNAL_MODULE__utils_globalDeps_mjs__.defineGlobalDeps)(this.requirejs);
+        window.define = this.requirejs.define;
+        window.require = this.requirejs.require;
+    }
+    addDefaultProviders() {
+        this.use(__WEBPACK_EXTERNAL_MODULE__api_client_index_mjs__.APIClientProvider, {
+            apiClient: this.apiClient
+        });
+        this.use(__WEBPACK_EXTERNAL_MODULE_react_i18next__.I18nextProvider, {
+            i18n: this.i18n
+        });
+        this.use(__WEBPACK_EXTERNAL_MODULE__style_theme_index_mjs__.GlobalThemeProvider);
+        this.use(__WEBPACK_EXTERNAL_MODULE__style_css_variable_index_mjs__.CSSVariableProvider);
+        this.use(__WEBPACK_EXTERNAL_MODULE__AppSchemaComponentProvider_mjs__.AppSchemaComponentProvider, {
+            designable: this.options.designable,
+            appName: this.name,
+            components: this.components,
+            scope: this.scopes
+        });
+        this.use(__WEBPACK_EXTERNAL_MODULE__style_theme_index_mjs__.AntdAppProvider);
+        this.use(__WEBPACK_EXTERNAL_MODULE__data_source_components_DataSourceApplicationProvider_mjs__.DataSourceApplicationProvider, {
+            dataSourceManager: this.dataSourceManager
+        });
+    }
+    addReactRouterComponents() {
+        this.addComponents({
+            Link: __WEBPACK_EXTERNAL_MODULE_react_router_dom__.Link,
+            Navigate: __WEBPACK_EXTERNAL_MODULE_react_router_dom__.Navigate,
+            NavLink: __WEBPACK_EXTERNAL_MODULE_react_router_dom__.NavLink
+        });
+    }
+    addRoutes() {
+        this.router.add('not-found', {
+            path: '*',
+            Component: this.components['AppNotFound']
+        });
+    }
+    getOptions() {
+        return this.options;
+    }
+    getPublicPath() {
+        return this.options.publicPath || '/';
+    }
+    getName() {
+        return (0,__WEBPACK_EXTERNAL_MODULE__tachybase_sdk__.getSubAppName)(this.getPublicPath()) || null;
+    }
+    getApiUrl() {
+        let pathname = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : '';
+        let baseURL = this.apiClient.axios['defaults']['baseURL'];
+        if (!baseURL.startsWith('http://') && !baseURL.startsWith('https://')) {
+            const { protocol, host } = window.location;
+            baseURL = "".concat(protocol, "//").concat(host).concat(baseURL);
+        }
+        return baseURL.replace(/\/$/g, '') + '/' + pathname.replace(/^\//g, '');
+    }
+    getRouteUrl(pathname) {
+        return this.options.publicPath.replace(/\/$/g, '') + pathname;
+    }
+    getCollectionManager(dataSource) {
+        var _this_dataSourceManager_getDataSource;
+        return (_this_dataSourceManager_getDataSource = this.dataSourceManager.getDataSource(dataSource)) === null || _this_dataSourceManager_getDataSource === void 0 ? void 0 : _this_dataSourceManager_getDataSource.collectionManager;
+    }
+    /**
+   * @internal
+   */ getComposeProviders() {
+        const Providers = (0,__WEBPACK_EXTERNAL_MODULE__utils_index_mjs__.compose)(...this.providers)(__WEBPACK_EXTERNAL_MODULE__components_index_mjs__.BlankComponent);
+        Providers.displayName = 'Providers';
+        return Providers;
+    }
+    use(component, props) {
+        return this.addProvider(component, props);
+    }
+    addProvider(component, props) {
+        return this.providers.push([
+            component,
+            props
+        ]);
+    }
+    addProviders(providers) {
+        providers.forEach((provider)=>{
+            if (Array.isArray(provider)) {
+                this.addProvider(provider[0], provider[1]);
+            } else {
+                this.addProvider(provider);
+            }
+        });
+    }
+    async load() {
+        let loadFailed = false;
+        this.ws.on('message', (event)=>{
+            var _data_payload;
+            const data = JSON.parse(event.data);
+            if (data === null || data === void 0 ? void 0 : (_data_payload = data.payload) === null || _data_payload === void 0 ? void 0 : _data_payload.refresh) {
+                window.location.reload();
+                return;
+            }
+            if (data.type === 'notification') {
+                var _data_payload1, _data_payload2;
+                this.notification[((_data_payload1 = data.payload) === null || _data_payload1 === void 0 ? void 0 : _data_payload1.type) || 'info']({
+                    message: (_data_payload2 = data.payload) === null || _data_payload2 === void 0 ? void 0 : _data_payload2.message
+                });
+                return;
+            }
+            if (data.type === 'notice') {
+                this.noticeManager.on(data.payload);
+            }
+            const maintaining = data.type === 'maintaining' && data.payload.code !== 'APP_RUNNING';
+            if (maintaining) {
+                this.maintaining = true;
+                this.error = data.payload;
+            } else {
+                if (loadFailed) {
+                    window.location.reload();
+                    return;
+                }
+                this.maintaining = false;
+                this.maintained = true;
+                this.error = null;
+            }
+        });
+        this.ws.on('serverDown', ()=>{
+            this.maintaining = true;
+            this.maintained = true;
+        });
+        this.ws.connect();
+        try {
+            this.loading = true;
+            await this.pm.load();
+        } catch (error) {
+            var _error_response_data, _error_response, _error_response_data_errors, _error_response_data1, _error_response1;
+            if (this.ws.enabled) {
+                await new Promise((resolve)=>{
+                    setTimeout(()=>resolve(null), 1000);
+                });
+            }
+            loadFailed = true;
+            const others = (error === null || error === void 0 ? void 0 : (_error_response = error.response) === null || _error_response === void 0 ? void 0 : (_error_response_data = _error_response.data) === null || _error_response_data === void 0 ? void 0 : _error_response_data.error) || (error === null || error === void 0 ? void 0 : (_error_response1 = error.response) === null || _error_response1 === void 0 ? void 0 : (_error_response_data1 = _error_response1.data) === null || _error_response_data1 === void 0 ? void 0 : (_error_response_data_errors = _error_response_data1.errors) === null || _error_response_data_errors === void 0 ? void 0 : _error_response_data_errors[0]) || {
+                message: error === null || error === void 0 ? void 0 : error.message
+            };
+            this.error = {
+                code: 'LOAD_ERROR',
+                ...others
+            };
+            console.error(error, this.error);
+        }
+        this.loading = false;
+    }
+    getComponent(Component) {
+        let isShowError = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
+        const showError = (msg)=>isShowError && console.error(msg);
+        if (!Component) {
+            showError("getComponent called with ".concat(Component));
+            return;
+        }
+        // ClassComponent or FunctionComponent
+        if (typeof Component === 'function') return Component;
+        // Component is a string, try to get it from this.components
+        if (typeof Component === 'string') {
+            const res = (0,__WEBPACK_EXTERNAL_MODULE_lodash__.get)(this.components, Component);
+            if (!res) {
+                showError("Component ".concat(Component, " not found"));
+                return;
+            }
+            return res;
+        }
+        showError("Component ".concat(Component, " should be a string or a React component"));
+        return;
+    }
+    renderComponent(Component, props) {
+        return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].createElement(this.getComponent(Component), props);
+    }
+    /**
+   * @internal use addComponents({ SomeComponent }) instead
+   */ addComponent(component, name) {
+        const componentName = name || component.displayName || component.name;
+        if (!componentName) {
+            console.error('Component must have a displayName or pass name as second argument');
+            return;
+        }
+        (0,__WEBPACK_EXTERNAL_MODULE_lodash__.set)(this.components, componentName, component);
+    }
+    addComponents(components) {
+        Object.keys(components).forEach((name)=>{
+            this.addComponent(components[name], name);
+        });
+    }
+    addScopes(scopes) {
+        this.scopes = (0,__WEBPACK_EXTERNAL_MODULE_lodash__.merge)(this.scopes, scopes);
+    }
+    getRootComponent() {
+        const Root = ()=>/*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__components_index_mjs__.AppComponent, {
+                app: this
+            });
+        return Root;
+    }
+    mount(containerOrSelector) {
+        const container = (0,__WEBPACK_EXTERNAL_MODULE__utils_index_mjs__.normalizeContainer)(containerOrSelector);
+        if (!container) return;
+        const App = this.getRootComponent();
+        const root = (0,__WEBPACK_EXTERNAL_MODULE_react_dom_client__.createRoot)(container);
+        root.render(/*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(App, {}));
+        return root;
+    }
+    constructor(options = {}){
+        _define_property(this, "options", void 0);
+        _define_property(this, "providers", void 0);
+        _define_property(this, "router", void 0);
+        _define_property(this, "scopes", void 0);
+        _define_property(this, "i18n", void 0);
+        _define_property(this, "ws", void 0);
+        _define_property(this, "apiClient", void 0);
+        _define_property(this, "components", void 0);
+        _define_property(this, "pluginManager", void 0);
+        _define_property(this, "systemSettingsManager", void 0);
+        _define_property(this, "userSettingsManager", void 0);
+        _define_property(this, "devDynamicImport", void 0);
+        _define_property(this, "requirejs", void 0);
+        _define_property(this, "notification", void 0);
+        _define_property(this, "schemaInitializerManager", void 0);
+        _define_property(this, "schemaSettingsManager", void 0);
+        _define_property(this, "dataSourceManager", void 0);
+        _define_property(this, "noticeManager", void 0);
+        _define_property(this, "pluginContextMenu", void 0);
+        _define_property(this, "AttachmentPreviewManager", void 0);
+        _define_property(this, "name", void 0);
+        _define_property(this, "loading", void 0);
+        _define_property(this, "maintained", void 0);
+        _define_property(this, "maintaining", void 0);
+        _define_property(this, "error", void 0);
+        this.options = options;
+        this.providers = [];
+        this.scopes = {};
+        this.components = {
+            DataBlockProvider: __WEBPACK_EXTERNAL_MODULE__data_source_data_block_DataBlockProvider_mjs__.DataBlockProvider,
+            ...__WEBPACK_EXTERNAL_MODULE__components_index_mjs__.defaultAppComponents,
+            ...__WEBPACK_EXTERNAL_MODULE__schema_initializer_components_index_mjs__,
+            CollectionField: __WEBPACK_EXTERNAL_MODULE__data_source_collection_field_CollectionField_mjs__.CollectionField
+        };
+        this.loading = true;
+        this.maintained = false;
+        this.maintaining = false;
+        this.error = null;
+        this.initRequireJs();
+        (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.define)(this, {
+            maintained: __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observable.ref,
+            loading: __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observable.ref,
+            maintaining: __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observable.ref,
+            error: __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observable.ref
+        });
+        this.devDynamicImport = options.devDynamicImport;
+        this.scopes = (0,__WEBPACK_EXTERNAL_MODULE_lodash__.merge)(this.scopes, options.scopes);
+        this.components = (0,__WEBPACK_EXTERNAL_MODULE_lodash__.merge)(this.components, options.components);
+        this.apiClient = options.apiClient instanceof __WEBPACK_EXTERNAL_MODULE__api_client_index_mjs__.APIClient ? options.apiClient : new __WEBPACK_EXTERNAL_MODULE__api_client_index_mjs__.APIClient(options.apiClient);
+        this.apiClient.app = this;
+        this.i18n = options.i18n || __WEBPACK_EXTERNAL_MODULE__i18n_index_mjs__.i18n;
+        this.router = new __WEBPACK_EXTERNAL_MODULE__RouterManager_mjs__.RouterManager(options.router, this);
+        this.schemaSettingsManager = new __WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__.SchemaSettingsManager(options.schemaSettings, this);
+        this.pluginManager = new __WEBPACK_EXTERNAL_MODULE__PluginManager_mjs__.PluginManager(options.plugins, options.loadRemotePlugins, this);
+        this.schemaInitializerManager = new __WEBPACK_EXTERNAL_MODULE__schema_initializer_index_mjs__.SchemaInitializerManager(options.schemaInitializers, this);
+        this.dataSourceManager = new __WEBPACK_EXTERNAL_MODULE__data_source_data_source_DataSourceManager_mjs__.DataSourceManager(options.dataSourceManager, this);
+        this.noticeManager = new __WEBPACK_EXTERNAL_MODULE__NoticesManager_mjs__.NoticeManager(this);
+        this.addDefaultProviders();
+        this.addReactRouterComponents();
+        this.addProviders(options.providers || []);
+        this.ws = new __WEBPACK_EXTERNAL_MODULE__WebSocketClient_mjs__.WebSocketClient(options.ws, this);
+        this.systemSettingsManager = new __WEBPACK_EXTERNAL_MODULE__SystemSettingsManager_mjs__.SystemSettingsManager(options.pluginSettings, this);
+        this.userSettingsManager = new __WEBPACK_EXTERNAL_MODULE__UserSettingsManager_mjs__.UserSettingsManager(options.userSettings, this);
+        this.addRoutes();
+        this.name = this.options.name || (0,__WEBPACK_EXTERNAL_MODULE__tachybase_sdk__.getSubAppName)(options.publicPath) || 'main';
+        this.pluginContextMenu = new __WEBPACK_EXTERNAL_MODULE__PluginContextMenu_mjs__.PluginContextMenu(options.pluginMenuItems);
+        this.AttachmentPreviewManager = new __WEBPACK_EXTERNAL_MODULE__AttachmentPreviewManager_mjs__.AttachmentPreviewManager(options.attachmentItem, this);
+    }
+}
+
+export { Application };

package/lib/application/AttachmentPreviewManager.mjs

@@ -0,0 +1,37 @@
+
+;// CONCATENATED MODULE: ./packages/client/src/application/AttachmentPreviewManager.ts?__rslib_entry__
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+class AttachmentPreviewManager {
+    get() {
+        return this.attachmentItem;
+    }
+    getTypeItem(key) {
+        return this.attachmentItem[key];
+    }
+    add(options) {
+        this.attachmentItem[options.key] = options;
+    }
+    constructor(_pluginAttachmentItems, app){
+        _define_property(this, "attachmentItem", {});
+        _define_property(this, "app", void 0);
+        this.app = app;
+        Object.entries(_pluginAttachmentItems || {}).forEach((param)=>{
+            let [name, PluginItemsOptions] = param;
+            this.add(PluginItemsOptions);
+        });
+    }
+}
+
+export { AttachmentPreviewManager };

package/lib/application/NoticesManager.mjs

@@ -0,0 +1,132 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
+import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
+import * as __WEBPACK_EXTERNAL_MODULE_mitt__ from "mitt";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__ from "./hooks/index.mjs";
+
+;// CONCATENATED MODULE: external "react/jsx-runtime"
+
+;// CONCATENATED MODULE: external "react"
+
+;// CONCATENATED MODULE: external "@tachybase/schema"
+
+;// CONCATENATED MODULE: external "antd"
+
+;// CONCATENATED MODULE: external "mitt"
+
+;// CONCATENATED MODULE: external "./hooks/index.mjs"
+
+;// CONCATENATED MODULE: ./packages/client/src/application/NoticesManager.tsx?__rslib_entry__
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+
+
+
+
+
+
+var NoticesManager_rslib_entry_NoticeLevel = /*#__PURE__*/ function(NoticeLevel) {
+    NoticeLevel["INFO"] = "info";
+    NoticeLevel["WARNING"] = "warning";
+    NoticeLevel["SUCCESS"] = "success";
+    NoticeLevel["ERROR"] = "error";
+    return NoticeLevel;
+}({});
+var NoticesManager_rslib_entry_NoticeType = /*#__PURE__*/ function(NoticeType) {
+    NoticeType["STATUS"] = "status";
+    NoticeType["TOAST"] = "toast";
+    NoticeType["NOTIFICATION"] = "notification";
+    NoticeType["CUSTOM"] = "custom";
+    return NoticeType;
+}({});
+var NoticesManager_rslib_entry_NoticeDuration = /*#__PURE__*/ function(NoticeDuration) {
+    NoticeDuration["Short"] = "SHORT";
+    return NoticeDuration;
+}({});
+const NoticeManagerContext = /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react__.createContext)(null);
+const NoticeManagerProvider = (param)=>{
+    let { children } = param;
+    const app = (0,__WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__.useApp)();
+    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(NoticeManagerContext.Provider, {
+        value: {
+            manager: app.noticeManager
+        },
+        children: children
+    });
+};
+const useNoticeManager = ()=>{
+    return (0,__WEBPACK_EXTERNAL_MODULE_react__.useContext)(NoticeManagerContext);
+};
+const useNoticeSub = (name, handler)=>{
+    const { manager } = useNoticeManager();
+    (0,__WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        manager.emitter.on(name, handler);
+        return ()=>{
+            manager.emitter.off(name, handler);
+        };
+    }, [
+        manager.emitter,
+        name,
+        handler
+    ]);
+};
+class NoticeManager {
+    on(data) {
+        if (data.type === "notification") {
+            this[data.type](data.title, data.content, data.level);
+        } else if (data.type === "custom") {
+            this.emitter.emit(data.eventType, data.event);
+        } else {
+            this[data.type](data.content, data.level);
+        }
+    }
+    status(content, level, duration) {
+        // 常驻消息
+        this.currentStatus = content;
+        this.currentStatusUpdatedAt = Date.now();
+    }
+    toast(content, level) {
+        __WEBPACK_EXTERNAL_MODULE_antd__.message[level](content);
+    }
+    notification(title, content, level) {
+        __WEBPACK_EXTERNAL_MODULE_antd__.notification[level]({
+            message: title,
+            description: content
+        });
+    }
+    constructor(app){
+        _define_property(this, "app", void 0);
+        _define_property(this, "ws", void 0);
+        _define_property(this, "emitter", void 0);
+        _define_property(this, "currentStatus", void 0);
+        _define_property(this, "currentStatusUpdatedAt", void 0);
+        this.app = app;
+        this.currentStatus = '';
+        this.currentStatusUpdatedAt = Date.now();
+        this.ws = app.ws;
+        this.emitter = (0,__WEBPACK_EXTERNAL_MODULE_mitt__["default"])();
+        (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.define)(this, {
+            currentStatus: __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observable.ref
+        });
+        setInterval(()=>{
+            const now = Date.now();
+            if (now - this.currentStatusUpdatedAt > 1000 * 30) {
+                this.currentStatus = '';
+            }
+        }, 1000);
+    }
+}
+
+export { NoticesManager_rslib_entry_NoticeDuration as NoticeDuration, NoticesManager_rslib_entry_NoticeLevel as NoticeLevel, NoticeManager, NoticeManagerContext, NoticeManagerProvider, NoticesManager_rslib_entry_NoticeType as NoticeType, useNoticeManager, useNoticeSub };