@tachybase/client 1.3.18 → 1.3.20

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/color-select/ColorSelect.js

@@ -24,8 +24,8 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    ColorSelect: ()=>ColorSelect,
-    default: ()=>color_select_ColorSelect
+    ColorSelect: ()=>ColorSelect_ColorSelect,
+    default: ()=>ColorSelect
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 require("react");
@@ -47,7 +47,7 @@ const colors = {
     purple: '{{t("Purple")}}',
     default: '{{t("Default")}}'
 };
-const ColorSelect = (0, schema_namespaceObject.connect)((props)=>{
+const ColorSelect_ColorSelect = (0, schema_namespaceObject.connect)((props)=>{
     const compile = (0, useCompile_js_namespaceObject.useCompile)();
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Select, {
         ...props,
@@ -73,7 +73,7 @@ const ColorSelect = (0, schema_namespaceObject.connect)((props)=>{
         children: compile(colors[value] || colors.default)
     });
 }));
-const color_select_ColorSelect = ColorSelect;
+const ColorSelect = ColorSelect_ColorSelect;
 exports.ColorSelect = __webpack_exports__.ColorSelect;
 exports["default"] = __webpack_exports__["default"];
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [

package/lib/schema-component/antd/date-picker/util.js

@@ -27,6 +27,7 @@ __webpack_require__.d(__webpack_exports__, {
     mapRangePicker: ()=>mapRangePicker,
     moment2str: ()=>moment2str,
     mapDatePicker: ()=>mapDatePicker,
+    getDateExact: ()=>getDateExact,
     getDateRanges: ()=>getDateRanges
 });
 const client_namespaceObject = require("@tachybase/utils/client");
@@ -207,11 +208,26 @@ const getDateRanges = ()=>({
                 getEnd(90, 'days')
             ]
     });
+const getDateExact = ()=>({
+        nowUtc: ()=>(0, client_namespaceObject.dayjs)().toISOString(),
+        nowLocal: ()=>(0, client_namespaceObject.dayjs)().format('YYYY-MM-DD HH:mm:ss'),
+        todayUtc: ()=>(0, client_namespaceObject.dayjs)().startOf('day').utc().toISOString(),
+        todayLocal: ()=>(0, client_namespaceObject.dayjs)().startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+        todayDate: ()=>(0, client_namespaceObject.dayjs)().format('YYYY-MM-DD'),
+        yesterdayUtc: ()=>(0, client_namespaceObject.dayjs)().subtract(1, 'day').startOf('day').utc().toISOString(),
+        yesterdayLocal: ()=>(0, client_namespaceObject.dayjs)().subtract(1, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+        yesterdayDate: ()=>(0, client_namespaceObject.dayjs)().subtract(1, 'day').format('YYYY-MM-DD'),
+        tomorrowUtc: ()=>(0, client_namespaceObject.dayjs)().add(1, 'day').startOf('day').utc().toISOString(),
+        tomorrowLocal: ()=>(0, client_namespaceObject.dayjs)().add(1, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+        tomorrowDate: ()=>(0, client_namespaceObject.dayjs)().add(1, 'day').format('YYYY-MM-DD')
+    });
+exports.getDateExact = __webpack_exports__.getDateExact;
 exports.getDateRanges = __webpack_exports__.getDateRanges;
 exports.mapDatePicker = __webpack_exports__.mapDatePicker;
 exports.mapRangePicker = __webpack_exports__.mapRangePicker;
 exports.moment2str = __webpack_exports__.moment2str;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "getDateExact",
     "getDateRanges",
     "mapDatePicker",
     "mapRangePicker",

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/form-tab/index.js

@@ -33,8 +33,8 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    default: ()=>form_tab,
-    FormTab: ()=>FormTab
+    FormTab: ()=>FormTab,
+    default: ()=>form_tab
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");

package/lib/schema-component/antd/form-v2/index.js

@@ -75,8 +75,8 @@ var __webpack_exports__ = {};
     var __WEBPACK_REEXPORT_OBJECT__ = {};
     for(var __WEBPACK_IMPORT_KEY__ in _Form_Settings__WEBPACK_IMPORTED_MODULE_4__)if ([
         "fetchTemplateData",
-        "default",
         "FormV2",
+        "default",
         "DetailsDesigner"
     ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
         return _Form_Settings__WEBPACK_IMPORTED_MODULE_4__[key];
@@ -86,8 +86,8 @@ var __webpack_exports__ = {};
     var __WEBPACK_REEXPORT_OBJECT__ = {};
     for(var __WEBPACK_IMPORT_KEY__ in _FormField__WEBPACK_IMPORTED_MODULE_5__)if ([
         "fetchTemplateData",
-        "default",
         "FormV2",
+        "default",
         "DetailsDesigner"
     ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
         return _FormField__WEBPACK_IMPORTED_MODULE_5__[key];

package/lib/schema-component/antd/markdown/Markdown.js

@@ -24,8 +24,8 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    Markdown: ()=>Markdown,
-    default: ()=>markdown_Markdown,
+    Markdown: ()=>Markdown_Markdown,
+    default: ()=>Markdown,
     MarkdownReadPretty: ()=>MarkdownReadPretty
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
@@ -38,7 +38,7 @@ const external_input_index_js_namespaceObject = require("../input/index.js");
 const external_Markdown_Void_js_namespaceObject = require("./Markdown.Void.js");
 const external_style_js_namespaceObject = require("./style.js");
 const external_util_js_namespaceObject = require("./util.js");
-const Markdown = (0, schema_namespaceObject.connect)(external_antd_namespaceObject.Input.TextArea, (0, schema_namespaceObject.mapProps)((props, field)=>({
+const Markdown_Markdown = (0, schema_namespaceObject.connect)(external_antd_namespaceObject.Input.TextArea, (0, schema_namespaceObject.mapProps)((props, field)=>({
         autoSize: {
             maxRows: 10,
             minRows: 3
@@ -71,8 +71,8 @@ const MarkdownReadPretty = (props)=>{
         value: value
     }));
 };
-Markdown.Void = external_Markdown_Void_js_namespaceObject.MarkdownVoid;
-const markdown_Markdown = Markdown;
+Markdown_Markdown.Void = external_Markdown_Void_js_namespaceObject.MarkdownVoid;
+const Markdown = Markdown_Markdown;
 exports.Markdown = __webpack_exports__.Markdown;
 exports.MarkdownReadPretty = __webpack_exports__.MarkdownReadPretty;
 exports["default"] = __webpack_exports__["default"];

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-component/antd/scroll-area/ScrollArea.js

@@ -24,8 +24,8 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    default: ()=>scroll_area_ScrollArea,
-    ScrollArea: ()=>ScrollArea
+    ScrollArea: ()=>ScrollArea,
+    default: ()=>scroll_area_ScrollArea
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");

package/lib/schema-component/antd/table-v2/index.js

@@ -92,8 +92,8 @@ var __webpack_exports__ = {};
     var _TableBlockDesigner__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("./TableBlockDesigner");
     var __WEBPACK_REEXPORT_OBJECT__ = {};
     for(var __WEBPACK_IMPORT_KEY__ in _TableBlockDesigner__WEBPACK_IMPORTED_MODULE_8__)if ([
-        "useColumnSchema",
         "TableV2",
+        "useColumnSchema",
         "default"
     ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
         return _TableBlockDesigner__WEBPACK_IMPORTED_MODULE_8__[key];
@@ -102,8 +102,8 @@ var __webpack_exports__ = {};
     var _TableField__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("./TableField");
     var __WEBPACK_REEXPORT_OBJECT__ = {};
     for(var __WEBPACK_IMPORT_KEY__ in _TableField__WEBPACK_IMPORTED_MODULE_9__)if ([
-        "useColumnSchema",
         "TableV2",
+        "useColumnSchema",
         "default"
     ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
         return _TableField__WEBPACK_IMPORTED_MODULE_9__[key];
@@ -112,8 +112,8 @@ var __webpack_exports__ = {};
     var _TableSelectorDesigner__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("./TableSelectorDesigner");
     var __WEBPACK_REEXPORT_OBJECT__ = {};
     for(var __WEBPACK_IMPORT_KEY__ in _TableSelectorDesigner__WEBPACK_IMPORTED_MODULE_10__)if ([
-        "useColumnSchema",
         "TableV2",
+        "useColumnSchema",
         "default"
     ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
         return _TableSelectorDesigner__WEBPACK_IMPORTED_MODULE_10__[key];

package/lib/schema-component/antd/upload/shared.js

@@ -28,12 +28,10 @@ __webpack_require__.d(__webpack_exports__, {
     getImageByUrl: ()=>getImageByUrl,
     testOpts: ()=>testOpts,
     isPdf: ()=>isPdf,
-    toValue: ()=>toValue,
     getState: ()=>getState,
-    isImage: ()=>isImage,
     useValidator: ()=>useValidator,
+    isImage: ()=>isImage,
     toItem: ()=>toItem,
-    useUploadValidator: ()=>useUploadValidator,
     getURL: ()=>getURL,
     normalizeFileList: ()=>normalizeFileList,
     getErrorMessage: ()=>getErrorMessage,
@@ -41,7 +39,9 @@ __webpack_require__.d(__webpack_exports__, {
     toArr: ()=>toArr,
     toImages: ()=>toImages,
     toMap: ()=>toMap,
-    useUploadProps: ()=>useUploadProps
+    useUploadValidator: ()=>useUploadValidator,
+    useUploadProps: ()=>useUploadProps,
+    toValue: ()=>toValue
 });
 const external_react_namespaceObject = require("react");
 const schema_namespaceObject = require("@tachybase/schema");

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: {