@tachybase/client 0.23.8-alpha.30 → 0.23.8-alpha.32

package/es/modules/plugin-manager/__e2e__/pluginManager.test.mjs

@@ -0,0 +1,113 @@
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__ from "@tachybase/test/e2e";
+async function waitForModalToBeHidden(page) {
+    await page.waitForFunction(()=>{
+        const modal = document.querySelector('.ant-modal');
+        if (modal) {
+            const computedStyle = window.getComputedStyle(modal);
+            return 'none' === computedStyle.display || 'hidden' === computedStyle.visibility;
+        }
+        return true;
+    });
+}
+__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.test.describe.skip('add plugin in front', ()=>{
+    __WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.test.slow();
+    (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.test)('add plugin from npm registry, then remove plugin', async (param)=>{
+        let { page, mockPage } = param;
+        await mockPage().goto();
+        await page.getByTestId('plugin-manager-button').click();
+        await (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expect)(page.getByLabel('sample-custom-collection-template')).not.toBeVisible();
+        await page.getByRole('button', {
+            name: 'Add new'
+        }).click();
+        await page.getByLabel('block-item-Input-Npm package name').getByRole('textbox').fill('@tachybase/plugin-sample-custom-collection-template');
+        await page.getByLabel('Submit').click();
+        await page.waitForFunction(()=>{
+            const modal = document.querySelector('.ant-modal');
+            if (modal) {
+                const computedStyle = window.getComputedStyle(modal);
+                return 'none' === computedStyle.display || 'hidden' === computedStyle.visibility;
+            }
+            return true;
+        });
+        await page.waitForLoadState('load');
+        await page.getByPlaceholder('Search plugin').fill('sample-custom-collection-template');
+        await (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expect)(page.getByLabel('sample-custom-collection-template')).toBeVisible();
+        await page.getByLabel('sample-custom-collection-template').getByText('Remove').click();
+        await page.getByRole('button', {
+            name: 'Yes'
+        }).click();
+        await page.waitForTimeout(300);
+        await waitForModalToBeHidden(page);
+        await page.waitForLoadState('load');
+        await page.getByPlaceholder('Search plugin').fill('sample-custom-collection-template');
+        await (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expect)(page.getByLabel('sample-custom-collection-template')).not.toBeVisible();
+    });
+    __WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.test.skip('add plugin from local upload', async (param)=>{
+        let { page, mockPage } = param;
+    });
+    __WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.test.skip('add plugin from file URL', async (param)=>{
+        let { page, mockPage } = param;
+    });
+});
+__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.test.describe.skip('remove plugin', ()=>{
+    __WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.test.slow();
+    (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.test)('remove plugin, then add plugin', async (param)=>{
+        let { page, mockPage } = param;
+        await mockPage().goto();
+        await page.getByTestId('plugin-manager-button').click();
+        await page.getByPlaceholder('Search plugin').fill('Hello');
+        await (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expect)(page.getByLabel('Hello')).toBeVisible();
+        const isActive = await page.getByLabel('Hello').getByLabel('enable').isChecked();
+        (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expect)(isActive).toBe(false);
+        await page.getByLabel('Hello').getByText('Remove').click();
+        await page.getByRole('button', {
+            name: 'Yes'
+        }).click();
+        await waitForModalToBeHidden(page);
+        await page.waitForLoadState('load');
+        await page.getByPlaceholder('Search plugin').fill('hello');
+        await (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expect)(page.getByLabel('Hello')).not.toBeVisible();
+        await page.getByRole('button', {
+            name: 'Add new'
+        }).click();
+        await page.getByLabel('block-item-Input-Npm package name').getByRole('textbox').fill('@tachybase/plugin-sample-hello');
+        await page.getByLabel('Submit').click();
+        await page.waitForFunction(()=>{
+            const modal = document.querySelector('.ant-modal');
+            if (modal) {
+                const computedStyle = window.getComputedStyle(modal);
+                return 'none' === computedStyle.display || 'hidden' === computedStyle.visibility;
+            }
+            return true;
+        });
+        await page.waitForLoadState('load');
+        await page.getByPlaceholder('Search plugin').fill('hello');
+        await (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expect)(page.getByLabel('Hello')).toBeVisible();
+        await page.getByPlaceholder('Search plugin').fill('ACL');
+        await (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expect)(page.getByLabel('ACL')).toBeVisible();
+        const isAclActive = await page.getByLabel('ACL').getByLabel('enable').isChecked();
+        (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expect)(isAclActive).toBe(true);
+        await (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expect)(page.getByLabel('ACL').getByText('Remove')).not.toBeVisible();
+    });
+});
+__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.test.describe.skip('enable & disable plugin', ()=>{
+    __WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.test.slow();
+    (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.test)('enable plugin', async (param)=>{
+        let { page, mockPage } = param;
+        await mockPage().goto();
+        await page.getByTestId('plugin-manager-button').click();
+        await page.getByPlaceholder('Search plugin').fill('hello');
+        await (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expect)(page.getByLabel('Hello')).toBeVisible();
+        await (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expect)(page.getByLabel('Hello').getByLabel('enable')).not.toBeChecked();
+        await page.getByLabel('Hello').getByLabel('enable').click();
+        await page.waitForTimeout(1000);
+        await waitForModalToBeHidden(page);
+        await page.waitForLoadState('load');
+        await page.getByPlaceholder('Search plugin').fill('hello');
+        await (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expect)(page.getByLabel('Hello').getByLabel('enable')).toBeChecked();
+        await page.getByLabel('Hello').getByLabel('enable').click();
+        await waitForModalToBeHidden(page);
+        await page.waitForLoadState('load');
+        await (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expect)(page.getByLabel('Hello').getByLabel('enable')).not.toBeChecked();
+    });
+});

package/es/modules/user-center/__e2e__/settings.test.mjs

@@ -0,0 +1,12 @@
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__ from "@tachybase/test/e2e";
+(0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.test)('switch role', async (param)=>{
+    let { page, mockPage } = param;
+    await mockPage().goto();
+    await page.getByTestId('user-center-button').hover();
+    await page.getByRole('menuitem', {
+        name: 'Switch role'
+    }).click();
+    await page.getByRole('option', {
+        name: 'Member'
+    }).click();
+});

package/es/modules/variable/DeclareVariable.mjs

@@ -0,0 +1,16 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+const DeclareVariableContext = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.createContext)(null);
+const DeclareVariable = (props)=>{
+    const { name, value, title, collection } = props;
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(DeclareVariableContext.Provider, {
+        value: {
+            name,
+            value,
+            title,
+            collection
+        },
+        children: props.children
+    });
+};
+export { DeclareVariable, DeclareVariableContext };

package/es/modules/variable/useVariable.mjs

@@ -0,0 +1,12 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__DeclareVariable_mjs__ from "./DeclareVariable.mjs";
+const useVariable = (variableName)=>{
+    const { name, value, title, collection } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__DeclareVariable_mjs__.DeclareVariableContext) || {};
+    if (name === variableName) return {
+        value,
+        title,
+        collection
+    };
+    return {};
+};
+export { useVariable };

package/es/powered-by/index.mjs

@@ -0,0 +1,43 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import "react";
+import * as __WEBPACK_EXTERNAL_MODULE__style_index_mjs__ from "../style/index.mjs";
+function _tagged_template_literal(strings, raw) {
+    if (!raw) raw = strings.slice(0);
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    const data = _tagged_template_literal([
+        "\n      text-align: center;\n      color: ",
+        ";\n      a {\n        color: ",
+        ";\n        &:hover {\n          color: ",
+        ";\n        }\n      }\n    "
+    ]);
+    _templateObject = function() {
+        return data;
+    };
+    return data;
+}
+const useStyles = (0, __WEBPACK_EXTERNAL_MODULE__style_index_mjs__.createStyles)((param)=>{
+    let { css, token } = param;
+    return {
+        powerBy: css(_templateObject(), token.colorTextDescription, token.colorTextDescription, token.colorText)
+    };
+});
+const PoweredBy = ()=>{
+    const { styles } = useStyles();
+    const date = new Date();
+    const year = date.getFullYear();
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("div", {
+        className: styles.powerBy,
+        children: [
+            "\xa92023-",
+            year,
+            " TachyBase Team"
+        ]
+    });
+};
+export { PoweredBy };

package/es/record-provider/index.mjs

@@ -0,0 +1,51 @@
+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__collection_manager_index_mjs__ from "../collection-manager/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__data_source_index_mjs__ from "../data-source/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__user_index_mjs__ from "../user/index.mjs";
+const RecordContext_deprecated = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.createContext)({});
+RecordContext_deprecated.displayName = 'RecordContext_deprecated';
+const RecordIndexContext = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.createContext)(null);
+RecordIndexContext.displayName = 'RecordIndexContext';
+const RecordProvider = (props)=>{
+    const { record, children, parent, isNew } = props;
+    const { name: __collectionName } = (0, __WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__.useCollection_deprecated)();
+    const value = {
+        ...record
+    };
+    value['__parent'] = parent;
+    value['__collectionName'] = __collectionName;
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(RecordContext_deprecated.Provider, {
+        value: value,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__data_source_index_mjs__.CollectionRecordProvider, {
+            isNew: isNew,
+            record: record,
+            parentRecord: parent,
+            children: children
+        })
+    });
+};
+const RecordSimpleProvider = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(RecordContext_deprecated.Provider, {
+        ...props
+    });
+const RecordIndexProvider = (props)=>{
+    const { index, children } = props;
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(RecordIndexContext.Provider, {
+        value: index,
+        children: children
+    });
+};
+function useRecord() {
+    return (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(RecordContext_deprecated);
+}
+function useRecordIndex() {
+    return (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(RecordIndexContext);
+}
+const useRecordIsOwn = ()=>{
+    var _ctx_data_data, _ctx_data;
+    const record = useRecord();
+    const ctx = (0, __WEBPACK_EXTERNAL_MODULE__user_index_mjs__.useCurrentUserContext)();
+    if (!(null == record ? void 0 : record.createdById)) return false;
+    return (null == record ? void 0 : record.createdById) === (null == ctx ? void 0 : null === (_ctx_data = ctx.data) || void 0 === _ctx_data ? void 0 : null === (_ctx_data_data = _ctx_data.data) || void 0 === _ctx_data_data ? void 0 : _ctx_data_data.id);
+};
+export { RecordContext_deprecated, RecordIndexContext, RecordIndexProvider, RecordProvider, RecordSimpleProvider, useRecord, useRecordIndex, useRecordIsOwn };

package/es/route-switch/RouteSchemaComponent.mjs

@@ -0,0 +1,12 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import "react";
+import * as __WEBPACK_EXTERNAL_MODULE_react_router_dom__ from "react-router-dom";
+import * as __WEBPACK_EXTERNAL_MODULE__index_mjs__ from "../index.mjs";
+function RouteSchemaComponent(props) {
+    const params = (0, __WEBPACK_EXTERNAL_MODULE_react_router_dom__.useParams)();
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.RemoteSchemaComponent, {
+        onlyRenderProperties: true,
+        uid: params.name
+    });
+}
+export { RouteSchemaComponent };

package/es/route-switch/index.mjs

@@ -0,0 +1 @@
+export * from "./RouteSchemaComponent.mjs";

package/es/schema-component/antd/AntdSchemaComponentProvider.mjs

@@ -0,0 +1,39 @@
+import * as __WEBPACK_EXTERNAL_MODULE__index_mjs__ from "./index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__application_Plugin_mjs__ from "../../application/Plugin.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__common_index_mjs__ from "../common/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__action_index_mjs__ from "./action/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__filter_useFilterActionProps_mjs__ from "./filter/useFilterActionProps.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__form_index_mjs__ from "./form/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__form_item_index_mjs__ from "./form-item/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__form_v2_index_mjs__ from "./form-v2/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__page_index_mjs__ from "./page/index.mjs";
+class AntdSchemaComponentPlugin extends __WEBPACK_EXTERNAL_MODULE__application_Plugin_mjs__.Plugin {
+    async load() {
+        this.addComponents();
+        this.addScopes();
+        this.addSchemaSettings();
+    }
+    addComponents() {
+        this.app.addComponents({
+            ...__WEBPACK_EXTERNAL_MODULE__index_mjs__,
+            ...__WEBPACK_EXTERNAL_MODULE__common_index_mjs__
+        });
+    }
+    addScopes() {
+        this.app.addScopes({
+            useFilterActionProps: __WEBPACK_EXTERNAL_MODULE__filter_useFilterActionProps_mjs__.useFilterActionProps
+        });
+    }
+    addSchemaSettings() {
+        this.app.schemaSettingsManager.add(__WEBPACK_EXTERNAL_MODULE__page_index_mjs__.pageSettings);
+        this.app.schemaSettingsManager.add(__WEBPACK_EXTERNAL_MODULE__page_index_mjs__.pageTabSettings);
+        this.app.schemaSettingsManager.add(__WEBPACK_EXTERNAL_MODULE__form_item_index_mjs__.formItemSettings);
+        this.app.schemaSettingsManager.add(__WEBPACK_EXTERNAL_MODULE__form_item_index_mjs__.filterFormItemSettings);
+        this.app.schemaSettingsManager.add(__WEBPACK_EXTERNAL_MODULE__form_index_mjs__.formV1Settings);
+        this.app.schemaSettingsManager.add(__WEBPACK_EXTERNAL_MODULE__form_v2_index_mjs__.formSettings);
+        this.app.schemaSettingsManager.add(__WEBPACK_EXTERNAL_MODULE__form_v2_index_mjs__.readPrettyFormSettings);
+        this.app.schemaSettingsManager.add(__WEBPACK_EXTERNAL_MODULE__form_v2_index_mjs__.formDetailsSettings);
+        this.app.schemaSettingsManager.add(__WEBPACK_EXTERNAL_MODULE__action_index_mjs__.actionSettings);
+    }
+}
+export { AntdSchemaComponentPlugin };

package/es/schema-component/antd/__builtins__/hooks/index.mjs

@@ -0,0 +1,3 @@
+export * from "./useConfig.mjs";
+export * from "./usePrefixCls.mjs";
+export * from "./useToken.mjs";

package/es/schema-component/antd/__builtins__/hooks/useConfig.mjs

@@ -0,0 +1,5 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
+const { ConfigContext } = __WEBPACK_EXTERNAL_MODULE_antd__.ConfigProvider;
+const useConfig = ()=>(0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(ConfigContext);
+export { useConfig };

package/es/schema-component/antd/__builtins__/hooks/usePrefixCls.mjs

@@ -0,0 +1,12 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
+const usePrefixCls = (tag, props)=>{
+    const { getPrefixCls } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE_antd__.ConfigProvider.ConfigContext) || {};
+    if ('ConfigContext' in __WEBPACK_EXTERNAL_MODULE_antd__.ConfigProvider) return (null == getPrefixCls ? void 0 : getPrefixCls(tag, null == props ? void 0 : props.prefixCls)) || '';
+    {
+        var _props_prefixCls;
+        const prefix = null !== (_props_prefixCls = null == props ? void 0 : props.prefixCls) && void 0 !== _props_prefixCls ? _props_prefixCls : 'ant-';
+        return "".concat(prefix).concat(null != tag ? tag : '');
+    }
+};
+export { usePrefixCls };

package/es/schema-component/antd/__builtins__/hooks/useToken.mjs

@@ -0,0 +1,6 @@
+import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
+const useToken = ()=>{
+    const result = __WEBPACK_EXTERNAL_MODULE_antd__.theme.useToken();
+    return result;
+};
+export { useToken };

package/es/schema-component/antd/__builtins__/index.mjs

@@ -0,0 +1,4 @@
+export * from "./hooks/index.mjs";
+export * from "./loading.mjs";
+export * from "./portal.mjs";
+export * from "./style.mjs";

package/es/schema-component/antd/__builtins__/loading.mjs

@@ -0,0 +1,15 @@
+import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
+const loading_rslib_entry_loading = async function() {
+    let title = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : 'Loading...', processor = arguments.length > 1 ? arguments[1] : void 0;
+    let hide = null;
+    const loading = setTimeout(()=>{
+        hide = __WEBPACK_EXTERNAL_MODULE_antd__.message.loading(title);
+    }, 100);
+    try {
+        return await processor();
+    } finally{
+        null == hide || hide();
+        clearTimeout(loading);
+    }
+};
+export { loading_rslib_entry_loading as loading };

package/es/schema-component/antd/__builtins__/portal.mjs

@@ -0,0 +1,51 @@
+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_react_dom__ from "react-dom";
+import * as __WEBPACK_EXTERNAL_MODULE__render_mjs__ from "./render.mjs";
+const PortalMap = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observable)(new Map());
+const createPortalProvider = (id)=>{
+    const Portal = (props)=>{
+        if (props.id && !PortalMap.has(props.id)) PortalMap.set(props.id, null);
+        return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react__.Fragment, {
+            children: [
+                props.children,
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.Observer, {
+                    children: ()=>{
+                        if (!props.id) return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.Fragment, {});
+                        const portal = PortalMap.get(props.id);
+                        if (portal) return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_dom__.createPortal)(portal, document.body);
+                        return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.Fragment, {});
+                    }
+                })
+            ]
+        });
+    };
+    Portal.defaultProps = {
+        id
+    };
+    return Portal;
+};
+function createPortalRoot(host, id) {
+    function render(renderer) {
+        if (PortalMap.has(id)) PortalMap.set(id, null == renderer ? void 0 : renderer());
+        else if (host) (0, __WEBPACK_EXTERNAL_MODULE__render_mjs__.render)(/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_react__.Fragment, {
+            children: null == renderer ? void 0 : renderer()
+        }), host);
+    }
+    function unmount() {
+        if (PortalMap.has(id)) PortalMap.set(id, null);
+        if (host) {
+            const unmountResult = (0, __WEBPACK_EXTERNAL_MODULE__render_mjs__.unmount)(host);
+            if (unmountResult && host.parentNode) {
+                var _host_parentNode;
+                null === (_host_parentNode = host.parentNode) || void 0 === _host_parentNode || _host_parentNode.removeChild(host);
+            }
+        }
+    }
+    return {
+        render,
+        unmount
+    };
+}
+export { createPortalProvider, createPortalRoot };

package/es/schema-component/antd/__builtins__/render.mjs

@@ -0,0 +1,47 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_dom__ from "react-dom";
+const fullClone = {
+    ...__WEBPACK_EXTERNAL_MODULE_react_dom__
+};
+const { version, render: reactRender, unmountComponentAtNode } = fullClone;
+let createRoot;
+try {
+    const mainVersion = Number((version || '').split('.')[0]);
+    if (mainVersion >= 18 && fullClone.createRoot) createRoot = fullClone.createRoot;
+} catch (e) {}
+function toggleWarning(skip) {
+    const { __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED } = fullClone;
+    if (__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED && 'object' == typeof __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = skip;
+}
+const MARK = '__antd_mobile_root__';
+function legacyRender(node, container) {
+    reactRender(node, container);
+}
+function concurrentRender(node, container) {
+    toggleWarning(true);
+    const root = container[MARK] || createRoot(container);
+    toggleWarning(false);
+    root.render(node);
+    container[MARK] = root;
+}
+function render(node, container) {
+    if (createRoot) {
+        concurrentRender(node, container);
+        return;
+    }
+    legacyRender(node, container);
+}
+function legacyUnmount(container) {
+    return unmountComponentAtNode(container);
+}
+async function concurrentUnmount(container) {
+    return Promise.resolve().then(()=>{
+        var _container_MARK;
+        null === (_container_MARK = container[MARK]) || void 0 === _container_MARK || _container_MARK.unmount();
+        delete container[MARK];
+    });
+}
+function unmount(container) {
+    if (createRoot) return concurrentUnmount(container);
+    return legacyUnmount(container);
+}
+export { render, unmount };

package/es/schema-component/antd/__builtins__/style.mjs

@@ -0,0 +1,65 @@
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
+import * as __WEBPACK_EXTERNAL_MODULE__ant_design_cssinjs__ from "@ant-design/cssinjs";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__ from "./hooks/index.mjs";
+const genCommonStyle = (token, componentPrefixCls)=>{
+    const { fontFamily, fontSize } = token;
+    const rootPrefixSelector = '[class^="'.concat(componentPrefixCls, '"], [class*=" ').concat(componentPrefixCls, '"]');
+    return {
+        [rootPrefixSelector]: {
+            fontFamily,
+            fontSize,
+            boxSizing: 'border-box',
+            '&::before, &::after': {
+                boxSizing: 'border-box'
+            },
+            [rootPrefixSelector]: {
+                boxSizing: 'border-box',
+                '&::before, &::after': {
+                    boxSizing: 'border-box'
+                }
+            }
+        }
+    };
+};
+const genStyleHook = (component, styleFn)=>(props)=>{
+        const { theme, token, hashId } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__.useToken)();
+        const { getPrefixCls, iconPrefixCls } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__.useConfig)();
+        const prefixCls = (0, __WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__.usePrefixCls)(component);
+        const rootPrefixCls = getPrefixCls();
+        const wrapSSR = (0, __WEBPACK_EXTERNAL_MODULE__ant_design_cssinjs__.useStyleRegister)({
+            theme: theme,
+            token,
+            hashId,
+            path: [
+                'formily-antd',
+                component,
+                prefixCls,
+                iconPrefixCls
+            ]
+        }, ()=>{
+            const componentCls = ".".concat(prefixCls);
+            const mergedToken = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.merge)(token, {
+                componentCls,
+                prefixCls,
+                iconCls: ".".concat(iconPrefixCls),
+                antCls: ".".concat(rootPrefixCls)
+            });
+            const styleInterpolation = styleFn(mergedToken, props, {
+                hashId,
+                prefixCls,
+                rootPrefixCls,
+                iconPrefixCls
+            });
+            return [
+                genCommonStyle(token, prefixCls),
+                styleInterpolation
+            ];
+        });
+        return {
+            wrapSSR,
+            hashId,
+            componentCls: prefixCls,
+            rootPrefixCls
+        };
+    };
+export { genCommonStyle, genStyleHook };

package/es/schema-component/antd/action/Action.Area.mjs

@@ -0,0 +1,102 @@
+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_react_dom__ from "react-dom";
+import * as __WEBPACK_EXTERNAL_MODULE__Action_Area_style_mjs__ from "./Action.Area.style.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_mjs__ from "./hooks.mjs";
+const ActionAreaContext = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].createContext({});
+const ActionAreaProvider = (param)=>{
+    let { children } = param;
+    const [component, setComponent] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(()=>{});
+    const [prevSetVisible, setPrevSetVisible] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(()=>{});
+    const ref = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)();
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(ActionAreaContext.Provider, {
+        value: {
+            component,
+            setComponent,
+            prevSetVisible,
+            setPrevSetVisible,
+            ref
+        },
+        children: children
+    });
+};
+const useActionAreaStub = ()=>{
+    const { component } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(ActionAreaContext);
+    return component;
+};
+const ActionAreaStub = ()=>{
+    const { ref } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(ActionAreaContext);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+        ref: ref
+    });
+};
+const ActionAreaPlayer = (param)=>{
+    let { children } = param;
+    const { visible, setVisible } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_mjs__.useActionContext)();
+    const { prevSetVisible, setPrevSetVisible, ref } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(ActionAreaContext);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        if (visible) null == setPrevSetVisible || setPrevSetVisible(()=>{
+            null == prevSetVisible || prevSetVisible(false);
+            setVisible(true);
+            return setVisible;
+        });
+    }, [
+        visible
+    ]);
+    return visible && ref.current ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_dom__.createPortal)(children, ref.current) : null;
+};
+const ActionArea = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((props)=>{
+    const { footerNodeName = 'ActionArea.Footer' } = props;
+    const schema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+    const field = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
+    const { styles } = (0, __WEBPACK_EXTERNAL_MODULE__Action_Area_style_mjs__.useStyles)();
+    const Current = ()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.Fragment, {
+            children: [
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("div", {
+                    className: styles.footer,
+                    children: [
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+                            className: "title",
+                            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("strong", {
+                                children: field.title
+                            })
+                        }),
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.RecursionField, {
+                            basePath: field.address,
+                            schema: schema,
+                            onlyRenderProperties: true,
+                            filterProperties: (s)=>s['x-component'] === footerNodeName
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+                    className: styles.container,
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.RecursionField, {
+                        basePath: field.address,
+                        schema: schema,
+                        onlyRenderProperties: true,
+                        filterProperties: (s)=>s['x-component'] !== footerNodeName
+                    })
+                })
+            ]
+        });
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(ActionAreaPlayer, {
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(Current, {})
+    });
+}, {
+    displayName: 'ActionArea'
+});
+ActionArea.Footer = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)(()=>{
+    const field = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
+    const schema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.RecursionField, {
+        basePath: field.address,
+        schema: schema,
+        onlyRenderProperties: true
+    });
+}, {
+    displayName: 'ActionArea.Footer'
+});
+const Action_Area_rslib_entry_ = ActionArea;
+export { ActionArea, ActionAreaPlayer, ActionAreaProvider, ActionAreaStub, Action_Area_rslib_entry_ as default, useActionAreaStub };