@tachybase/client 1.3.18 → 1.3.19

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");
-const index_js_namespaceObject = require("../../../schema-component/index.js");
+require("react");
 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: index_js_namespaceObject.OpenMode.DRAWER_MODE
+            openMode: 'drawer'
         },
         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']) === external_schema_component_index_js_namespaceObject.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']) == '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']) === external_schema_component_index_js_namespaceObject.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']) == '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: external_schema_component_index_js_namespaceObject.OpenMode.DRAWER_MODE,
+                                openMode: 'drawer',
                                 type: 'default',
                                 component: 'CreateRecordAction'
                             }

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

@@ -28,48 +28,27 @@ __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)();
-    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, {
+    if ('drawer' === openMode) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Action_Drawer_js_namespaceObject.ActionDrawer, {
         footerNodeName: 'Action.Container.Footer',
         ...props
     });
-    if (openMode === external_index_js_namespaceObject.OpenMode.MODAL) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Action_Modal_js_namespaceObject.ActionModal, {
+    if ('modal' === openMode) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Action_Modal_js_namespaceObject.ActionModal, {
         footerNodeName: 'Action.Container.Footer',
         ...props
     });
-    if (openMode === external_index_js_namespaceObject.OpenMode.SHEET) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Action_Sheet_js_namespaceObject.ActionSheet, {
+    if ('sheet' === openMode) 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 || openMode === external_index_js_namespaceObject.OpenMode.PAGE) && component.includes('Form') || !component.includes('Form')) delete schema.properties.popupClose;
+    if ((!openMode || 'page' === openMode) && 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,18 +639,7 @@ 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 field = (0, schema_namespaceObject.useField)();
     const schema = (0, schema_namespaceObject.useFieldSchema)();
+    const field = (0, schema_namespaceObject.useField)();
     const footerSchema = schema.reduceProperties((buf, s)=>{
         if (s['x-component'] === footerNodeName) return s;
         return buf;

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

@@ -50,11 +50,8 @@ const external_react_router_dom_namespaceObject = require("react-router-dom");
 const external_index_js_namespaceObject = require("../../index.js");
 const index_js_namespaceObject = require("../../../application/index.js");
 const withDynamicSchemaProps_js_namespaceObject = require("../../../application/hoc/withDynamicSchemaProps.js");
-const external_block_provider_index_js_namespaceObject = require("../../../block-provider/index.js");
 const acl_index_js_namespaceObject = require("../../../built-in/acl/index.js");
 const utils_js_namespaceObject = require("../../../built-in/dynamic-page/utils.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_data_source_index_js_namespaceObject = require("../../../data-source/index.js");
 const external_icon_index_js_namespaceObject = require("../../../icon/index.js");
 const external_record_provider_index_js_namespaceObject = require("../../../record-provider/index.js");
@@ -99,9 +96,7 @@ const Action = (0, withDynamicSchemaProps_js_namespaceObject.withDynamicSchemaPr
     const openMode = null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops['openMode'];
     const openSize = null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops1 = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops1['openSize'];
     const disabled = form.disabled || field.disabled || (null == (_field_data = field.data) ? void 0 : _field_data.disabled) || propsDisabled;
-    const linkageRules = (0, external_react_namespaceObject.useMemo)(()=>(null == fieldSchema ? void 0 : fieldSchema['x-linkage-rules']) || [], [
-        fieldSchema
-    ]);
+    const linkageRules = (null == fieldSchema ? void 0 : fieldSchema['x-linkage-rules']) || [];
     const { designable } = (0, external_index_js_namespaceObject.useDesignable)();
     const tarComponent = (0, external_hooks_index_js_namespaceObject.useComponent)(component) || component;
     const { modal } = external_antd_namespaceObject.App.useApp();
@@ -114,23 +109,6 @@ const Action = (0, withDynamicSchemaProps_js_namespaceObject.withDynamicSchemaPr
     const { getAriaLabel } = (0, useGetAriaLabelOfAction_js_namespaceObject.useGetAriaLabelOfAction)(title);
     let actionTitle = title || compile(fieldSchema.title);
     actionTitle = external_lodash_default().isString(actionTitle) ? t(actionTitle) : actionTitle;
-    const collectionKey = null == collection ? void 0 : collection.getPrimaryKey();
-    const pageStyle = (0, usePageStyle_js_namespaceObject.usePageStyle)();
-    const isMobile = (0, external_block_provider_index_js_namespaceObject.useIsMobile)();
-    const isPageMode = (0, external_react_namespaceObject.useMemo)(()=>{
-        if (null == pageMode ? void 0 : pageMode.enable) return true;
-        if (openMode === external_context_js_namespaceObject.OpenMode.PAGE) return true;
-        if (!openMode || [
-            external_context_js_namespaceObject.OpenMode.DEFAULT,
-            external_context_js_namespaceObject.OpenMode.DRAWER
-        ].includes(openMode)) return isMobile || pageStyle === PageStyle_provider_js_namespaceObject.PageStyle.TAB_STYLE;
-        return false;
-    }, [
-        null == pageMode ? void 0 : pageMode.enable,
-        openMode,
-        isMobile,
-        pageStyle
-    ]);
     (0, external_react_namespaceObject.useEffect)(()=>{
         field.stateOfLinkageRules = {};
         linkageRules.filter((k)=>!k.disabled).forEach((v)=>{
@@ -152,30 +130,6 @@ const Action = (0, withDynamicSchemaProps_js_namespaceObject.withDynamicSchemaPr
         record,
         variables
     ]);
-    const openModal = (0, external_react_namespaceObject.useCallback)(()=>{
-        setVisible(true);
-    }, []);
-    const openPage = (0, external_react_namespaceObject.useCallback)(()=>{
-        const containerSchema = fieldSchema.reduceProperties((buf, s)=>'Action.Container' === s['x-component'] ? s : buf);
-        const target = utils_js_namespaceObject.PathHandler.getInstance().toWildcardPath({
-            collection: collection.name,
-            filterByTk: record[collectionKey]
-        });
-        const findMPageSchema = (schema)=>{
-            if (!schema) return;
-            if ('MPage' === schema['x-component']) return schema['x-uid'];
-            return findMPageSchema(null == schema ? void 0 : schema.parent);
-        };
-        const MPageUID = findMPageSchema(fieldSchema);
-        const finalPath = isMobile ? "./".concat(MPageUID, "/sub/").concat(containerSchema['x-uid'], "/").concat(target) : "./sub/".concat(containerSchema['x-uid'], "/").concat(target);
-        navigate(finalPath);
-    }, [
-        fieldSchema,
-        record,
-        collectionKey,
-        null == collection ? void 0 : collection.name,
-        navigate
-    ]);
     const handleButtonClick = (0, external_react_namespaceObject.useCallback)((e)=>{
         if ((0, client_namespaceObject.isPortalInBody)(e.target)) return;
         e.preventDefault();
@@ -183,8 +137,14 @@ const Action = (0, withDynamicSchemaProps_js_namespaceObject.withDynamicSchemaPr
         if (!disabled && aclCtx) {
             const onOk = ()=>{
                 null == onClick || onClick(e);
-                if (isPageMode) openPage();
-                else openModal();
+                const containerSchema = fieldSchema.reduceProperties((buf, s)=>'Action.Container' === s['x-component'] ? s : buf);
+                if ((null == pageMode ? void 0 : pageMode.enable) && containerSchema) {
+                    const target = utils_js_namespaceObject.PathHandler.getInstance().toWildcardPath({
+                        collection: collection.name,
+                        filterByTk: record[collection.getPrimaryKey()]
+                    });
+                    navigate('../' + containerSchema['x-uid'] + '/' + target);
+                } else setVisible(true);
                 run();
             };
             if (null == confirm ? void 0 : confirm.content) modal.confirm({
@@ -203,12 +163,7 @@ const Action = (0, withDynamicSchemaProps_js_namespaceObject.withDynamicSchemaPr
         disabled,
         modal,
         onClick,
-        run,
-        isPageMode,
-        openPage,
-        openModal,
-        actionTitle,
-        t
+        run
     ]);
     const buttonStyle = (0, external_react_namespaceObject.useMemo)(()=>{
         var _field_data;

package/lib/schema-component/antd/action/context.js

@@ -25,7 +25,6 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     ActionContextProvider: ()=>ActionContextProvider,
-    OpenMode: ()=>context_OpenMode,
     ActionContext: ()=>ActionContext
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
@@ -44,22 +43,11 @@ const ActionContextProvider = (props)=>{
         children: props.children
     });
 };
-var context_OpenMode = /*#__PURE__*/ function(OpenMode) {
-    OpenMode["DEFAULT"] = "default";
-    OpenMode["DRAWER"] = "drawer";
-    OpenMode["MODAL"] = "modal";
-    OpenMode["PAGE"] = "page";
-    OpenMode["SHEET"] = "sheet";
-    OpenMode["DRAWER_MODE"] = "drawer-mode";
-    return OpenMode;
-}({});
 exports.ActionContext = __webpack_exports__.ActionContext;
 exports.ActionContextProvider = __webpack_exports__.ActionContextProvider;
-exports.OpenMode = __webpack_exports__.OpenMode;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "ActionContext",
-    "ActionContextProvider",
-    "OpenMode"
+    "ActionContextProvider"
 ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/lib/schema-component/antd/action/hooks.js

@@ -46,7 +46,7 @@ const useActionContext = ()=>{
         ...ctx,
         setVisible (visible) {
             let confirm = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : false;
-            if ((null == ctx ? void 0 : ctx.openMode) !== external_context_js_namespaceObject.OpenMode.PAGE) if (visible) {
+            if ((null == ctx ? void 0 : ctx.openMode) !== 'page') if (visible) {
                 var _ctx_setVisible1;
                 null == ctx || null == (_ctx_setVisible1 = ctx.setVisible) || _ctx_setVisible1.call(ctx, visible);
             } else if (confirm && ctx.formValueChanged) modal.confirm({

package/lib/schema-component/antd/association-field/FileManager.js

@@ -188,7 +188,7 @@ const InternalFileManager = (props)=>{
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_action_index_js_namespaceObject.ActionContextProvider, {
                 value: {
-                    openMode: external_action_index_js_namespaceObject.OpenMode.DEFAULT,
+                    openMode: 'drawer',
                     visible: visibleSelector,
                     setVisible: setVisibleSelector,
                     modalProps: {

package/lib/schema-component/antd/association-field/InternalDrawerSubTable.js

@@ -87,7 +87,7 @@ const InternaDrawerSubTable = (0, schema_namespaceObject.observer)((props)=>{
                     ...ctx,
                     visible,
                     setVisible,
-                    openMode: context_js_namespaceObject.OpenMode.DEFAULT
+                    openMode: 'drawer'
                 },
                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Drawer, {
                     title: t(null == options ? void 0 : null == (_options_uiSchema = options.uiSchema) ? void 0 : _options_uiSchema.rawTitle),

package/lib/schema-component/antd/association-field/InternalPicker.js

@@ -229,7 +229,7 @@ const InternalPicker = (0, schema_namespaceObject.observer)((props)=>{
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_action_index_js_namespaceObject.ActionContextProvider, {
                 value: {
                     openSize: (null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops['openSize']) || openSize,
-                    openMode: external_action_index_js_namespaceObject.OpenMode.DEFAULT,
+                    openMode: 'drawer',
                     visible: visibleSelector,
                     setVisible: setVisibleSelector
                 },

package/lib/schema-component/antd/association-field/InternalTag.js

@@ -145,7 +145,7 @@ const ReadPrettyInternalTag = (0, schema_namespaceObject.observer)((props)=>{
                         value: {
                             visible,
                             setVisible,
-                            openMode: external_action_index_js_namespaceObject.OpenMode.DEFAULT,
+                            openMode: 'drawer',
                             snapshot: (null == collectionField ? void 0 : collectionField.interface) === 'snapshot'
                         },
                         children: renderRecordProvider()

package/lib/schema-component/antd/association-field/InternalViewer.js

@@ -160,7 +160,7 @@ const ReadPrettyInternalViewer = (0, schema_namespaceObject.observer)((props)=>{
                         value: {
                             visible,
                             setVisible,
-                            openMode: external_action_index_js_namespaceObject.OpenMode.DEFAULT,
+                            openMode: 'drawer',
                             snapshot: (null == collectionField ? void 0 : collectionField.interface) === 'snapshot',
                             fieldSchema: fieldSchema
                         },

package/lib/schema-component/antd/association-field/SubTable.js

@@ -267,7 +267,7 @@ const SubTable = (0, schema_namespaceObject.observer)((props)=>{
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_action_index_js_namespaceObject.ActionContextProvider, {
                 value: {
                     openSize,
-                    openMode: external_action_index_js_namespaceObject.OpenMode.DEFAULT,
+                    openMode: 'drawer',
                     visible: visibleSelector,
                     setVisible: setVisibleSelector
                 },

package/lib/schema-component/antd/form-item/FormItem.Settings.js

@@ -72,7 +72,6 @@ const SchemaSettingsSortingRule_js_namespaceObject = require("../../../schema-se
 const VariableInput_js_namespaceObject = require("../../../schema-settings/VariableInput/VariableInput.js");
 const external_variables_index_js_namespaceObject = require("../../../variables/index.js");
 const external_hooks_index_js_namespaceObject = require("../../hooks/index.js");
-const external_action_index_js_namespaceObject = require("../action/index.js");
 const util_js_namespaceObject = require("../association-field/util.js");
 const external_filter_index_js_namespaceObject = require("../filter/index.js");
 const utils_js_namespaceObject = require("../form-v2/utils.js");
@@ -782,7 +781,7 @@ const formItemSettings = new index_js_namespaceObject.SchemaSettings({
                                 'x-component': 'Action',
                                 'x-decorator': 'ACLActionProvider',
                                 'x-component-props': {
-                                    openMode: external_action_index_js_namespaceObject.OpenMode.DRAWER_MODE,
+                                    openMode: 'drawer',
                                     type: 'default',
                                     component: 'CreateRecordAction'
                                 }
@@ -853,7 +852,7 @@ const formItemSettings = new index_js_namespaceObject.SchemaSettings({
                                     'x-component': 'Action',
                                     'x-decorator': 'ACLActionProvider',
                                     'x-component-props': {
-                                        openMode: external_action_index_js_namespaceObject.OpenMode.DRAWER_MODE,
+                                        openMode: 'drawer',
                                         type: 'default',
                                         component: 'CreateRecordAction'
                                     }

package/lib/schema-component/antd/page/Page.js

@@ -72,7 +72,7 @@ const external_PageDesigner_js_namespaceObject = require("./PageDesigner.js");
 const external_PageTabDesigner_js_namespaceObject = require("./PageTabDesigner.js");
 const external_style_js_namespaceObject = require("./style.js");
 const Page = (props)=>{
-    var _fieldSchema_xcomponentprops, _fieldSchema_xcomponentprops1, _fieldSchema_xcomponentprops2, _match_params;
+    var _fieldSchema_xcomponentprops, _fieldSchema_xcomponentprops1, _fieldSchema_xcomponentprops2;
     const { children, ...others } = props;
     const { t } = (0, external_react_i18next_namespaceObject.useTranslation)();
     const { title, setTitle } = (0, document_title_index_js_namespaceObject.useDocumentTitle)();
@@ -80,26 +80,12 @@ const Page = (props)=>{
     const disablePageHeader = null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops.disablePageHeader;
     const enablePageTabs = null == (_fieldSchema_xcomponentprops1 = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops1.enablePageTabs;
     const enableSharePage = null == (_fieldSchema_xcomponentprops2 = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops2.enableSharePage;
+    const [searchParams, setSearchParams] = (0, external_react_router_dom_namespaceObject.useSearchParams)();
     const [loading, setLoading] = (0, external_react_namespaceObject.useState)(false);
-    const navigate = (0, external_react_router_dom_namespaceObject.useNavigate)();
-    const location = (0, external_react_router_dom_namespaceObject.useLocation)();
-    const match = (0, external_react_router_dom_namespaceObject.useMatch)('/:entry/:entryId/page-tab/:pageTabId/*');
-    const pageTabActiveKey = (0, external_react_namespaceObject.useMemo)(()=>{
-        var _match_params;
-        return (null == match ? void 0 : null == (_match_params = match.params) ? void 0 : _match_params.pageTabId) || Object.keys(fieldSchema.properties || {}).shift();
-    }, [
-        null == match ? void 0 : null == (_match_params = match.params) ? void 0 : _match_params.pageTabId,
-        fieldSchema.properties
+    const activeKey = (0, external_react_namespaceObject.useMemo)(()=>searchParams.get('tab') || Object.keys(fieldSchema.properties || {}).shift(), [
+        fieldSchema.properties,
+        searchParams
     ]);
-    const setPageTabUrl = (pageTabId)=>{
-        const currentPath = location.pathname;
-        const newPath = currentPath.replace(/\/page-tab\/[^/]*/, "/page-tab/".concat(pageTabId));
-        newPath.includes('/page-tab/') ? navigate(newPath, {
-            replace: true
-        }) : navigate("".concat(currentPath, "/page-tab/").concat(pageTabId), {
-            replace: true
-        });
-    };
     const [height, setHeight] = (0, external_react_namespaceObject.useState)(0);
     const aclStyles = (0, style_js_namespaceObject.useStyles)();
     const { wrapSSR, hashId, componentCls } = (0, external_style_js_namespaceObject.getStyles)();
@@ -119,21 +105,21 @@ const Page = (props)=>{
                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(PageHeader, {
                     disablePageHeader: disablePageHeader,
                     enablePageTabs: enablePageTabs,
-                    activeKey: pageTabActiveKey,
+                    activeKey: activeKey,
                     title: title,
                     fieldSchema: fieldSchema,
                     parentProps: others,
                     setHeight: setHeight,
                     setLoading: setLoading,
                     enableSharePage: enableSharePage,
-                    setPageTabUrl: setPageTabUrl
+                    setSearchParams: setSearchParams
                 }),
                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(PageContentComponent, {
                     loading: loading,
                     disablePageHeader: disablePageHeader,
                     enablePageTabs: enablePageTabs,
                     fieldSchema: fieldSchema,
-                    activeKey: pageTabActiveKey,
+                    activeKey: activeKey,
                     height: height,
                     children: children
                 })
@@ -143,7 +129,7 @@ const Page = (props)=>{
 };
 const PageHeader = (props)=>{
     var _fieldSchema_xcomponentprops;
-    const { disablePageHeader, enablePageTabs, setHeight, activeKey, setLoading, setPageTabUrl, fieldSchema, title, parentProps, enableSharePage } = props;
+    const { disablePageHeader, enablePageTabs, setHeight, activeKey, setLoading, setSearchParams, fieldSchema, title, parentProps, enableSharePage } = props;
     const { theme } = (0, theme_index_js_namespaceObject.useGlobalTheme)();
     const options = (0, external_react_namespaceObject.useContext)(schema_namespaceObject.SchemaOptionsContext);
     const compile = (0, external_hooks_index_js_namespaceObject.useCompile)();
@@ -186,7 +172,7 @@ const PageHeader = (props)=>{
                 footer: enablePageTabs && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TabComponent, {
                     activeKey: activeKey,
                     setLoading: setLoading,
-                    setPageTabUrl: setPageTabUrl,
+                    setSearchParams: setSearchParams,
                     showScrollArea: showScrollArea,
                     options: options,
                     theme: theme,
@@ -272,7 +258,7 @@ const HeaderExtra = (param)=>{
     });
 };
 const TabComponent = (props)=>{
-    const { activeKey, setLoading, setPageTabUrl, showScrollArea, options, theme, items } = props;
+    const { activeKey, setLoading, setSearchParams, showScrollArea, options, theme, items } = props;
     const { styles } = (0, external_Page_style_js_namespaceObject.useStyles)();
     const [hasMounted, setHasMounted] = (0, external_react_namespaceObject.useState)(false);
     const sensors = (0, core_namespaceObject.useSensors)((0, core_namespaceObject.useSensor)(core_namespaceObject.PointerSensor, {
@@ -281,7 +267,16 @@ const TabComponent = (props)=>{
         }
     }));
     const handleTabClick = (activeKey)=>{
-        setPageTabUrl(activeKey);
+        setLoading(true);
+        setSearchParams([
+            [
+                'tab',
+                activeKey
+            ]
+        ]);
+        setTimeout(()=>{
+            setLoading(false);
+        }, 50);
     };
     (0, external_react_namespaceObject.useEffect)(()=>{
         setTimeout(()=>{

package/lib/schema-component/antd/record-picker/InputRecordPicker.js

@@ -252,7 +252,7 @@ const Drawer = (param)=>{
             allowNull: true,
             name: null == collectionField ? void 0 : collectionField.target,
             children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_action_index_js_namespaceObject.ActionContextProvider, {
-                openMode: external_action_index_js_namespaceObject.OpenMode.DEFAULT,
+                openMode: "drawer",
                 visible: visible,
                 setVisible: setVisible,
                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_core_index_js_namespaceObject.FormProvider, {

package/lib/schema-component/antd/record-picker/ReadPrettyRecordPicker.js

@@ -133,7 +133,7 @@ const ReadPrettyRecordPicker = (0, schema_namespaceObject.observer)((props)=>{
                         value: {
                             visible,
                             setVisible,
-                            openMode: external_action_index_js_namespaceObject.OpenMode.DEFAULT,
+                            openMode: 'drawer',
                             snapshot: 'snapshot' === collectionField.interface
                         },
                         children: renderRecordProvider()

package/lib/schema-initializer/items/SelectActionInitializer.js

@@ -27,7 +27,7 @@ __webpack_require__.d(__webpack_exports__, {
     SelectActionInitializer: ()=>SelectActionInitializer
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const index_js_namespaceObject = require("../../schema-component/index.js");
+require("react");
 const external_ActionInitializer_js_namespaceObject = require("./ActionInitializer.js");
 const SelectActionInitializer = (props)=>{
     const schema = {
@@ -37,7 +37,7 @@ const SelectActionInitializer = (props)=>{
         'x-designer': 'Action.Designer',
         'x-component': 'Action',
         'x-component-props': {
-            openMode: index_js_namespaceObject.OpenMode.DRAWER_MODE
+            openMode: 'drawer'
         },
         properties: {
             drawer: {