@tachybase/client 1.3.17 → 1.3.18

package/lib/built-in/dynamic-page/PageNavBar.style.js

@@ -0,0 +1,59 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    useStyles: ()=>useStyles
+});
+const external_antd_style_namespaceObject = require("antd-style");
+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    position: sticky;\n    top: 0;\n    z-index: 1000;\n    background: #fff;\n    padding: 16px 24px;\n    border-bottom: 1px solid #f0f0f0;\n\n    .nav-title {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      gap: 12px;\n      font-size: 16px;\n      color: #000;\n      cursor: pointer;\n    }\n  "
+    ]);
+    _templateObject = function() {
+        return data;
+    };
+    return data;
+}
+const useStyles = (0, external_antd_style_namespaceObject.createStyles)((param)=>{
+    let { css } = param;
+    return {
+        'page-nav-bar': css(_templateObject())
+    };
+});
+exports.useStyles = __webpack_exports__.useStyles;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "useStyles"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/lib/built-in/dynamic-page/utils.js

@@ -54,6 +54,9 @@ class PathHandler {
             if (!value) continue;
             let validKey = true;
             switch(key){
+                case 'sub':
+                    result.sub = value;
+                    break;
                 case 'collection':
                     result.collection = value;
                     break;

package/lib/built-in/locale/LocalePlugin.js

@@ -105,7 +105,7 @@ var __webpack_exports__ = {};
                 (0, schema_namespaceObject.setValidateLanguage)(null == data ? void 0 : null == (_data_data2 = data.data) ? void 0 : _data_data2.lang);
                 (0, external_loadConstrueLocale_js_namespaceObject.loadConstrueLocale)(null == data ? void 0 : data.data);
                 const dayjsLang = index_js_namespaceObject.dayjsLocale[null == data ? void 0 : null == (_data_data3 = data.data) ? void 0 : _data_data3.lang] || 'en';
-                await import("dayjs/locale/".concat(dayjsLang));
+                await import("dayjs/locale/".concat(dayjsLang, ".js"));
                 external_dayjs_default().locale(dayjsLang);
                 const updateLocale = await Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "dayjs/plugin/updateLocale"));
                 external_dayjs_default().extend(updateLocale.default);

package/lib/built-in/page-style/CustomAdminHeader.js

@@ -27,12 +27,12 @@ __webpack_require__.d(__webpack_exports__, {
     CustomAdminHeader: ()=>CustomAdminHeader
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-require("react");
+const external_PageStyle_provider_js_namespaceObject = require("./PageStyle.provider.js");
 const external_TabHeader_js_namespaceObject = require("./TabHeader.js");
 const external_usePageStyle_js_namespaceObject = require("./usePageStyle.js");
 const CustomAdminHeader = ()=>{
     const pageStyle = (0, external_usePageStyle_js_namespaceObject.usePageStyle)();
-    return 'tab' === pageStyle ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TabHeader_js_namespaceObject.TabHeader, {}) : null;
+    return pageStyle === external_PageStyle_provider_js_namespaceObject.PageStyle.TAB_STYLE ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TabHeader_js_namespaceObject.TabHeader, {}) : null;
 };
 exports.CustomAdminHeader = __webpack_exports__.CustomAdminHeader;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [

package/lib/built-in/page-style/PageStyle.provider.js

@@ -24,6 +24,7 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
+    PageStyle: ()=>PageStyle_provider_PageStyle,
     PageStyleContext: ()=>PageStyleContext,
     PageStyleProvider: ()=>PageStyleProvider
 });
@@ -31,8 +32,13 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
 const index_js_namespaceObject = require("../../user/index.js");
 const external_useTabSettings_js_namespaceObject = require("./useTabSettings.js");
+var PageStyle_provider_PageStyle = /*#__PURE__*/ function(PageStyle) {
+    PageStyle["CLASSICAL"] = "classical";
+    PageStyle["TAB_STYLE"] = "tab-style";
+    return PageStyle;
+}({});
 const PageStyleContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)({
-    style: 'classical'
+    pageStyle: "classical"
 });
 const PageStyleProvider = (param)=>{
     let { children } = param;
@@ -51,16 +57,18 @@ const PageStyleProvider = (param)=>{
     ]);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(PageStyleContext.Provider, {
         value: {
-            style: (null == currentUser ? void 0 : null == (_currentUser_data = currentUser.data) ? void 0 : null == (_currentUser_data_data = _currentUser_data.data) ? void 0 : null == (_currentUser_data_data_systemSettings = _currentUser_data_data.systemSettings) ? void 0 : _currentUser_data_data_systemSettings.pageStyle) || 'classical',
+            pageStyle: (null == currentUser ? void 0 : null == (_currentUser_data = currentUser.data) ? void 0 : null == (_currentUser_data_data = _currentUser_data.data) ? void 0 : null == (_currentUser_data_data_systemSettings = _currentUser_data_data.systemSettings) ? void 0 : _currentUser_data_data_systemSettings.pageStyle) || "classical",
             items,
             setItems
         },
         children: children
     });
 };
+exports.PageStyle = __webpack_exports__.PageStyle;
 exports.PageStyleContext = __webpack_exports__.PageStyleContext;
 exports.PageStyleProvider = __webpack_exports__.PageStyleProvider;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "PageStyle",
     "PageStyleContext",
     "PageStyleProvider"
 ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];

package/lib/built-in/page-style/TabContent.js

@@ -32,6 +32,7 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
 const css_namespaceObject = require("@emotion/css");
 const external_react_router_dom_namespaceObject = require("react-router-dom");
+const external_index_js_namespaceObject = require("../../index.js");
 const index_js_namespaceObject = require("../document-title/index.js");
 const external_PageStyle_provider_js_namespaceObject = require("./PageStyle.provider.js");
 const external_usePageStyle_js_namespaceObject = require("./usePageStyle.js");
@@ -60,20 +61,21 @@ const TabContentInternal = (param)=>{
         }, item.key));
 };
 const TabContent = ()=>{
+    const { t } = (0, external_index_js_namespaceObject.useTranslation)();
     const { title, setTitle } = (0, index_js_namespaceObject.useDocumentTitle)();
     const location = (0, external_react_router_dom_namespaceObject.useLocation)();
     const { items, setItems } = (0, external_react_namespaceObject.useContext)(external_PageStyle_provider_js_namespaceObject.PageStyleContext);
     const targetKey = location.pathname;
     const outlet = (0, external_react_router_dom_namespaceObject.useOutlet)();
     (0, external_react_namespaceObject.useEffect)(()=>{
-        if (targetKey && title) {
+        if (targetKey) {
             const targetItem = items.find((value)=>value.key === targetKey);
-            if (targetItem) setTitle(targetItem.label);
+            if (targetItem) setTitle(null == targetItem ? void 0 : targetItem.label);
             else setItems([
                 ...items,
                 {
                     key: targetKey,
-                    label: title,
+                    label: title || t('Unnamed'),
                     children: outlet
                 }
             ]);
@@ -90,7 +92,7 @@ const TabContent = ()=>{
 const CustomAdminContent = ()=>{
     const params = (0, external_react_router_dom_namespaceObject.useParams)();
     const pageStyle = (0, external_usePageStyle_js_namespaceObject.usePageStyle)();
-    return params.name && 'tab' === pageStyle ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TabContent, {}) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_router_dom_namespaceObject.Outlet, {});
+    return params.name && pageStyle === external_PageStyle_provider_js_namespaceObject.PageStyle.TAB_STYLE ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TabContent, {}) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_router_dom_namespaceObject.Outlet, {});
 };
 exports.CustomAdminContent = __webpack_exports__.CustomAdminContent;
 exports.TabContent = __webpack_exports__.TabContent;

package/lib/built-in/page-style/usePageStyle.js

@@ -28,7 +28,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const external_react_namespaceObject = require("react");
 const external_PageStyle_provider_js_namespaceObject = require("./PageStyle.provider.js");
-const usePageStyle = ()=>(0, external_react_namespaceObject.useContext)(external_PageStyle_provider_js_namespaceObject.PageStyleContext).style;
+const usePageStyle = ()=>(0, external_react_namespaceObject.useContext)(external_PageStyle_provider_js_namespaceObject.PageStyleContext).pageStyle;
 exports.usePageStyle = __webpack_exports__.usePageStyle;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "usePageStyle"

package/lib/built-in/page-style/useTabSettings.js

@@ -35,9 +35,10 @@ const external_react_i18next_namespaceObject = require("react-i18next");
 const index_js_namespaceObject = require("../../api-client/index.js");
 const external_common_index_js_namespaceObject = require("../../common/index.js");
 const external_user_index_js_namespaceObject = require("../../user/index.js");
+const external_PageStyle_provider_js_namespaceObject = require("./PageStyle.provider.js");
 const useTabSettings = ()=>({
-        key: 'tab',
-        eventKey: 'tab',
+        key: external_PageStyle_provider_js_namespaceObject.PageStyle.TAB_STYLE,
+        eventKey: external_PageStyle_provider_js_namespaceObject.PageStyle.TAB_STYLE,
         label: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Label, {})
     });
 function Label() {
@@ -47,15 +48,15 @@ function Label() {
     const currentUser = (0, external_user_index_js_namespaceObject.useCurrentUserContext)();
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_common_index_js_namespaceObject.SelectWithTitle, {
         title: t('Page style'),
-        defaultValue: (null == (_currentUser_data_data_systemSettings = currentUser.data.data.systemSettings) ? void 0 : _currentUser_data_data_systemSettings.pageStyle) || 'classical',
+        defaultValue: (null == (_currentUser_data_data_systemSettings = currentUser.data.data.systemSettings) ? void 0 : _currentUser_data_data_systemSettings.pageStyle) || external_PageStyle_provider_js_namespaceObject.PageStyle.CLASSICAL,
         options: [
             {
                 label: t('classical'),
-                value: 'classical'
+                value: external_PageStyle_provider_js_namespaceObject.PageStyle.CLASSICAL
             },
             {
                 label: t('tabs'),
-                value: 'tab'
+                value: external_PageStyle_provider_js_namespaceObject.PageStyle.TAB_STYLE
             }
         ],
         onChange: updateUserPageStyle
@@ -71,7 +72,7 @@ function useUpdatePageStyleSettings() {
             await api.resource('users').updateProfile({
                 values: {
                     systemSettings: {
-                        ...currentUser.data.data.systemSettings || {},
+                        ...currentUser.data.data.systemSettings,
                         pageStyle
                     }
                 }
@@ -80,7 +81,7 @@ function useUpdatePageStyleSettings() {
                 data: {
                     ...currentUser.data.data,
                     systemSettings: {
-                        ...currentUser.data.data.systemSettings || {},
+                        ...currentUser.data.data.systemSettings,
                         pageStyle
                     }
                 }

package/lib/built-in/quick-access/PopupActionSchemaInitializerItem.js

@@ -103,7 +103,7 @@ function QuickAccessPopupActionSchemaInitializerItem(props) {
                     icon: values.icon,
                     iconColor: values.iconColor,
                     refreshDataBlockRequest: false,
-                    openMode: 'drawer'
+                    openMode: external_schema_component_index_js_namespaceObject.OpenMode.DRAWER_MODE
                 },
                 properties: {
                     drawer: {

package/lib/locale/en_US.js

@@ -823,6 +823,7 @@ module.exports = {
   "UI editor": "UI editor",
   Unconnected: "Unconnected",
   Unique: "Unique",
+  Unnamed: "Unnamed",
   "Unsaved changes": "Unsaved changes",
   Untitled: "Untitled",
   Update: "Update",

package/lib/modules/actions/add-child/CreateChildInitializer.js

@@ -27,7 +27,7 @@ __webpack_require__.d(__webpack_exports__, {
     CreateChildInitializer: ()=>CreateChildInitializer
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-require("react");
+const index_js_namespaceObject = require("../../../schema-component/index.js");
 const ActionInitializer_js_namespaceObject = require("../../../schema-initializer/items/ActionInitializer.js");
 const CreateChildInitializer = (props)=>{
     const schema = {
@@ -39,7 +39,7 @@ const CreateChildInitializer = (props)=>{
         'x-component': 'Action',
         'x-visible': '{{treeTable}}',
         'x-component-props': {
-            openMode: 'drawer',
+            openMode: index_js_namespaceObject.OpenMode.DRAWER_MODE,
             type: 'link',
             addChild: true,
             style: {

package/lib/modules/actions/add-new/CreateActionInitializer.js

@@ -27,8 +27,8 @@ __webpack_require__.d(__webpack_exports__, {
     CreateActionInitializer: ()=>CreateActionInitializer
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-require("react");
 const index_js_namespaceObject = require("../../../application/index.js");
+const external_schema_component_index_js_namespaceObject = require("../../../schema-component/index.js");
 const ActionInitializer_js_namespaceObject = require("../../../schema-initializer/items/ActionInitializer.js");
 const CreateActionInitializer = ()=>{
     const schema = {
@@ -41,7 +41,7 @@ const CreateActionInitializer = ()=>{
         'x-component': 'Action',
         'x-decorator': 'ACLActionProvider',
         'x-component-props': {
-            openMode: 'drawer',
+            openMode: external_schema_component_index_js_namespaceObject.OpenMode.DRAWER_MODE,
             type: 'primary',
             component: 'CreateRecordAction',
             icon: 'PlusOutlined'

package/lib/modules/actions/add-record/CustomizeAddRecordActionInitializer.js

@@ -27,8 +27,8 @@ __webpack_require__.d(__webpack_exports__, {
     CustomizeAddRecordActionInitializer: ()=>CustomizeAddRecordActionInitializer
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-require("react");
 const index_js_namespaceObject = require("../../../application/index.js");
+const external_schema_component_index_js_namespaceObject = require("../../../schema-component/index.js");
 const BlockInitializer_js_namespaceObject = require("../../../schema-initializer/items/BlockInitializer.js");
 const CustomizeAddRecordActionInitializer = ()=>{
     const schema = {
@@ -39,7 +39,7 @@ const CustomizeAddRecordActionInitializer = ()=>{
         'x-component': 'Action',
         'x-action': 'customize:create',
         'x-component-props': {
-            openMode: 'drawer',
+            openMode: external_schema_component_index_js_namespaceObject.OpenMode.DRAWER_MODE,
             icon: 'PlusOutlined'
         },
         properties: {

package/lib/modules/actions/associate/AssociateActionInitializer.js

@@ -29,6 +29,7 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 require("react");
 const index_js_namespaceObject = require("../../../application/index.js");
+const external_schema_component_index_js_namespaceObject = require("../../../schema-component/index.js");
 const ActionInitializer_js_namespaceObject = require("../../../schema-initializer/items/ActionInitializer.js");
 const AssociateActionInitializer = ()=>{
     const schema = {
@@ -41,7 +42,7 @@ const AssociateActionInitializer = ()=>{
         'x-component': 'Action',
         'x-component-props': {
             actionType: 'associations',
-            openMode: 'drawer',
+            openMode: external_schema_component_index_js_namespaceObject.OpenMode.DRAWER_MODE,
             type: 'primary',
             icon: 'PlusOutlined'
         },

package/lib/modules/actions/submit/createSubmitActionSettings.js

@@ -42,7 +42,10 @@ const external_schema_settings_SchemaSettings_js_namespaceObject = require("../.
 const Tree = (0, schema_namespaceObject.connect)(external_antd_namespaceObject.Tree, (0, schema_namespaceObject.mapProps)((props, field)=>{
     (0, external_react_namespaceObject.useEffect)(()=>{
         field.value = props.defaultCheckedKeys || [];
-    }, []);
+    }, [
+        field.value,
+        props.defaultCheckedKeys
+    ]);
     const [checkedKeys, setCheckedKeys] = (0, external_react_namespaceObject.useState)(props.defaultCheckedKeys || []);
     const onCheck = (checkedKeys)=>{
         setCheckedKeys(checkedKeys);
@@ -180,7 +183,7 @@ const createSubmitActionSettings = new SchemaSettings_js_namespaceObject.SchemaS
             useVisible () {
                 const { fieldSchema } = (0, external_schema_component_index_js_namespaceObject.useActionContext)();
                 const openMode = (0, Action_Designer_js_namespaceObject.findSchema)(fieldSchema);
-                return !openMode || 'page' === openMode;
+                return !openMode || openMode === external_schema_component_index_js_namespaceObject.OpenMode.PAGE;
             },
             useComponentProps () {
                 var _fieldSchema_xactionsettings;

package/lib/modules/actions/view-edit-popup/PopupActionInitializer.js

@@ -27,8 +27,8 @@ __webpack_require__.d(__webpack_exports__, {
     PopupActionInitializer: ()=>PopupActionInitializer
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-require("react");
 const index_js_namespaceObject = require("../../../application/index.js");
+const external_schema_component_index_js_namespaceObject = require("../../../schema-component/index.js");
 const items_index_js_namespaceObject = require("../../../schema-initializer/items/index.js");
 const PopupActionInitializer = (props)=>{
     const schema = {
@@ -39,7 +39,7 @@ const PopupActionInitializer = (props)=>{
         'x-settings': 'actionSettings:popup',
         'x-component': (null == props ? void 0 : props['x-component']) || 'Action.Link',
         'x-component-props': {
-            openMode: 'drawer'
+            openMode: external_schema_component_index_js_namespaceObject.OpenMode.DRAWER_MODE
         },
         properties: {
             drawer: {

package/lib/modules/actions/view-edit-popup/UpdateActionInitializer.js

@@ -27,7 +27,7 @@ __webpack_require__.d(__webpack_exports__, {
     UpdateActionInitializer: ()=>UpdateActionInitializer
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-require("react");
+const index_js_namespaceObject = require("../../../schema-component/index.js");
 const ActionInitializer_js_namespaceObject = require("../../../schema-initializer/items/ActionInitializer.js");
 const UpdateActionInitializer = (props)=>{
     const schema = {
@@ -38,7 +38,7 @@ const UpdateActionInitializer = (props)=>{
         'x-settings': 'actionSettings:edit',
         'x-component': 'Action',
         'x-component-props': {
-            openMode: 'drawer',
+            openMode: index_js_namespaceObject.OpenMode.DRAWER_MODE,
             icon: 'EditOutlined'
         },
         properties: {

package/lib/modules/actions/view-edit-popup/ViewActionInitializer.js

@@ -27,7 +27,7 @@ __webpack_require__.d(__webpack_exports__, {
     ViewActionInitializer: ()=>ViewActionInitializer
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-require("react");
+const index_js_namespaceObject = require("../../../schema-component/index.js");
 const ActionInitializer_js_namespaceObject = require("../../../schema-initializer/items/ActionInitializer.js");
 const ViewActionInitializer = (props)=>{
     const schema = {
@@ -38,7 +38,7 @@ const ViewActionInitializer = (props)=>{
         'x-settings': 'actionSettings:view',
         'x-component': 'Action',
         'x-component-props': {
-            openMode: 'drawer'
+            openMode: index_js_namespaceObject.OpenMode.DRAWER_MODE
         },
         properties: {
             drawer: {

package/lib/modules/fields/component/DrawerSubTable/drawerSubTableComponentFieldSettings.js

@@ -154,7 +154,7 @@ const drawerSubTableComponentFieldSettings = new SchemaSettings_js_namespaceObje
                             value: 'large'
                         }
                     ],
-                    value: null != (_fieldSchema_xcomponentprops_openSize = null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops['openSize']) ? _fieldSchema_xcomponentprops_openSize : (null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops1 = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops1['openMode']) == 'modal' ? 'large' : 'middle',
+                    value: null != (_fieldSchema_xcomponentprops_openSize = null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops['openSize']) ? _fieldSchema_xcomponentprops_openSize : (null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops1 = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops1['openMode']) === external_schema_component_index_js_namespaceObject.OpenMode.MODAL ? 'large' : 'middle',
                     onChange: (value)=>{
                         field.componentProps.openSize = value;
                         fieldSchema['x-component-props'] = {

package/lib/modules/fields/component/Picker/recordPickerComponentFieldSettings.js

@@ -194,7 +194,7 @@ const recordPickerComponentFieldSettings = new SchemaSettings_js_namespaceObject
                             value: 'large'
                         }
                     ],
-                    value: null != (_fieldSchema_xcomponentprops_openSize = null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops['openSize']) ? _fieldSchema_xcomponentprops_openSize : (null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops1 = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops1['openMode']) == 'modal' ? 'large' : 'middle',
+                    value: null != (_fieldSchema_xcomponentprops_openSize = null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops['openSize']) ? _fieldSchema_xcomponentprops_openSize : (null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops1 = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops1['openMode']) === external_schema_component_index_js_namespaceObject.OpenMode.MODAL ? 'large' : 'middle',
                     onChange: (value)=>{
                         field.componentProps.openSize = value;
                         fieldSchema['x-component-props'] = {

package/lib/modules/fields/component/Select/selectComponentFieldSettings.js

@@ -238,7 +238,7 @@ const quickCreate = {
                             'x-component': 'Action',
                             'x-decorator': 'ACLActionProvider',
                             'x-component-props': {
-                                openMode: 'drawer',
+                                openMode: external_schema_component_index_js_namespaceObject.OpenMode.DRAWER_MODE,
                                 type: 'default',
                                 component: 'CreateRecordAction'
                             }

package/lib/schema-component/antd/action/Action.Container.js

@@ -28,27 +28,48 @@ __webpack_require__.d(__webpack_exports__, {
     ActionContainer: ()=>ActionContainer
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-require("react");
 const schema_namespaceObject = require("@tachybase/schema");
 const external_index_js_namespaceObject = require("./index.js");
+const index_js_namespaceObject = require("../../../block-provider/index.js");
+const PageStyle_provider_js_namespaceObject = require("../../../built-in/page-style/PageStyle.provider.js");
+const usePageStyle_js_namespaceObject = require("../../../built-in/page-style/usePageStyle.js");
 const external_Action_Drawer_js_namespaceObject = require("./Action.Drawer.js");
 const external_Action_Modal_js_namespaceObject = require("./Action.Modal.js");
 const external_Action_Page_js_namespaceObject = require("./Action.Page.js");
 const external_Action_Sheet_js_namespaceObject = require("./Action.Sheet.js");
 const ActionContainer = (0, schema_namespaceObject.observer)((props)=>{
     const { openMode } = (0, external_index_js_namespaceObject.useActionContext)();
-    if ('drawer' === openMode) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Action_Drawer_js_namespaceObject.ActionDrawer, {
+    const isMobile = (0, index_js_namespaceObject.useIsMobile)();
+    const pageStyle = (0, usePageStyle_js_namespaceObject.usePageStyle)();
+    if (openMode === external_index_js_namespaceObject.OpenMode.DRAWER_MODE) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Action_Drawer_js_namespaceObject.ActionDrawer, {
         footerNodeName: 'Action.Container.Footer',
         ...props
     });
-    if ('modal' === openMode) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Action_Modal_js_namespaceObject.ActionModal, {
+    if (openMode === external_index_js_namespaceObject.OpenMode.MODAL) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Action_Modal_js_namespaceObject.ActionModal, {
         footerNodeName: 'Action.Container.Footer',
         ...props
     });
-    if ('sheet' === openMode) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Action_Sheet_js_namespaceObject.ActionSheet, {
+    if (openMode === external_index_js_namespaceObject.OpenMode.SHEET) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Action_Sheet_js_namespaceObject.ActionSheet, {
         footerNodeName: 'Action.Container.Footer',
         ...props
     });
+    if (openMode === external_index_js_namespaceObject.OpenMode.PAGE) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Action_Page_js_namespaceObject.ActionPage, {
+        footerNodeName: 'Action.Container.Footer',
+        ...props
+    });
+    if (!openMode || [
+        external_index_js_namespaceObject.OpenMode.DEFAULT,
+        external_index_js_namespaceObject.OpenMode.DRAWER
+    ].includes(openMode)) {
+        if (isMobile || pageStyle === PageStyle_provider_js_namespaceObject.PageStyle.TAB_STYLE) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Action_Page_js_namespaceObject.ActionPage, {
+            footerNodeName: 'Action.Container.Footer',
+            ...props
+        });
+        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Action_Drawer_js_namespaceObject.ActionDrawer, {
+            footerNodeName: 'Action.Container.Footer',
+            ...props
+        });
+    }
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Action_Page_js_namespaceObject.ActionPage, {
         footerNodeName: 'Action.Container.Footer',
         ...props

package/lib/schema-component/antd/action/Action.Designer.js

@@ -251,7 +251,7 @@ function AfterSuccess() {
     const schema = {
         ...(0, external_utils_js_namespaceObject.afterSuccessSchema)(t)
     };
-    if ((!openMode || 'page' === openMode) && component.includes('Form') || !component.includes('Form')) delete schema.properties.popupClose;
+    if ((!openMode || openMode === external_index_js_namespaceObject.OpenMode.PAGE) && component.includes('Form') || !component.includes('Form')) delete schema.properties.popupClose;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(SchemaSettings_js_namespaceObject.SchemaSettingsModalItem, {
         title: t('After successful submission'),
         initialValues: null == fieldSchema ? void 0 : null == (_fieldSchema_xactionsettings = fieldSchema['x-action-settings']) ? void 0 : _fieldSchema_xactionsettings['onSuccess'],
@@ -639,7 +639,18 @@ const SetFilterScope = (props)=>{
                     }
                 }
             }
-        }), []);
+        }), [
+        fieldSchema,
+        gridSchema,
+        t,
+        type,
+        collectionName,
+        form,
+        variables,
+        localVariables,
+        record,
+        formBlockType
+    ]);
     const { getTemplateById } = (0, external_schema_templates_index_js_namespaceObject.useSchemaTemplateManager)();
     const { dn } = (0, external_index_js_namespaceObject.useDesignable)();
     const onSubmit = (0, external_react_namespaceObject.useCallback)((v)=>{

package/lib/schema-component/antd/action/Action.Page.js

@@ -65,8 +65,8 @@ const ActionPage = (0, schema_namespaceObject.observer)((props)=>{
     const { containerRefKey, visible, setVisible } = (0, external_index_js_namespaceObject.useActionContext)();
     const containerRef = useScope(containerRefKey);
     const { styles } = useStyles();
-    const schema = (0, schema_namespaceObject.useFieldSchema)();
     const field = (0, schema_namespaceObject.useField)();
+    const schema = (0, schema_namespaceObject.useFieldSchema)();
     const footerSchema = schema.reduceProperties((buf, s)=>{
         if (s['x-component'] === footerNodeName) return s;
         return buf;