@tachybase/client 1.3.18 → 1.3.20

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

@@ -1,46 +1,25 @@
 import { jsx } from "react/jsx-runtime";
+import "react";
 import { RecursionField, observer, useField, useFieldSchema } from "@tachybase/schema";
-import { OpenMode, useActionContext } from "./index.mjs";
-import { useIsMobile } from "../../../block-provider/index.mjs";
-import { PageStyle } from "../../../built-in/page-style/PageStyle.provider.mjs";
-import { usePageStyle } from "../../../built-in/page-style/usePageStyle.mjs";
+import { useActionContext } from "./index.mjs";
 import { ActionDrawer } from "./Action.Drawer.mjs";
 import { ActionModal } from "./Action.Modal.mjs";
 import { ActionPage } from "./Action.Page.mjs";
 import { ActionSheet } from "./Action.Sheet.mjs";
 const ActionContainer = observer((props)=>{
     const { openMode } = useActionContext();
-    const isMobile = useIsMobile();
-    const pageStyle = usePageStyle();
-    if (openMode === OpenMode.DRAWER_MODE) return /*#__PURE__*/ jsx(ActionDrawer, {
+    if ('drawer' === openMode) return /*#__PURE__*/ jsx(ActionDrawer, {
         footerNodeName: 'Action.Container.Footer',
         ...props
     });
-    if (openMode === OpenMode.MODAL) return /*#__PURE__*/ jsx(ActionModal, {
+    if ('modal' === openMode) return /*#__PURE__*/ jsx(ActionModal, {
         footerNodeName: 'Action.Container.Footer',
         ...props
     });
-    if (openMode === OpenMode.SHEET) return /*#__PURE__*/ jsx(ActionSheet, {
+    if ('sheet' === openMode) return /*#__PURE__*/ jsx(ActionSheet, {
         footerNodeName: 'Action.Container.Footer',
         ...props
     });
-    if (openMode === OpenMode.PAGE) return /*#__PURE__*/ jsx(ActionPage, {
-        footerNodeName: 'Action.Container.Footer',
-        ...props
-    });
-    if (!openMode || [
-        OpenMode.DEFAULT,
-        OpenMode.DRAWER
-    ].includes(openMode)) {
-        if (isMobile || pageStyle === PageStyle.TAB_STYLE) return /*#__PURE__*/ jsx(ActionPage, {
-            footerNodeName: 'Action.Container.Footer',
-            ...props
-        });
-        return /*#__PURE__*/ jsx(ActionDrawer, {
-            footerNodeName: 'Action.Container.Footer',
-            ...props
-        });
-    }
     return /*#__PURE__*/ jsx(ActionPage, {
         footerNodeName: 'Action.Container.Footer',
         ...props

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

@@ -4,7 +4,7 @@ import { ArrayTable } from "@tachybase/components";
 import { isValid, onFieldValueChange, uid as schema_uid, useField, useFieldSchema, useForm, useFormEffects } from "@tachybase/schema";
 import { Alert, Flex, Tag } from "antd";
 import { useTranslation } from "react-i18next";
-import { OpenMode, RemoteSelect, useCompile, useDesignable } from "../../index.mjs";
+import { RemoteSelect, useCompile, useDesignable } from "../../index.mjs";
 import { useApp } from "../../../application/index.mjs";
 import { withDynamicSchemaProps } from "../../../application/hoc/withDynamicSchemaProps.mjs";
 import { usePlugin } from "../../../application/hooks/index.mjs";
@@ -206,7 +206,7 @@ function AfterSuccess() {
     const schema = {
         ...afterSuccessSchema(t)
     };
-    if ((!openMode || openMode === 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__*/ jsx(SchemaSettingsModalItem, {
         title: t('After successful submission'),
         initialValues: null == fieldSchema ? void 0 : null == (_fieldSchema_xactionsettings = fieldSchema['x-action-settings']) ? void 0 : _fieldSchema_xactionsettings['onSuccess'],
@@ -594,18 +594,7 @@ const SetFilterScope = (props)=>{
                     }
                 }
             }
-        }), [
-        fieldSchema,
-        gridSchema,
-        t,
-        type,
-        collectionName,
-        form,
-        variables,
-        localVariables,
-        record,
-        formBlockType
-    ]);
+        }), []);
     const { getTemplateById } = useSchemaTemplateManager();
     const { dn } = useDesignable();
     const onSubmit = useCallback((v)=>{

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

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

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

@@ -10,11 +10,8 @@ import { useNavigate } from "react-router-dom";
 import { StablePopover, useActionContext, useDesignable } from "../../index.mjs";
 import { useApp } from "../../../application/index.mjs";
 import { withDynamicSchemaProps } from "../../../application/hoc/withDynamicSchemaProps.mjs";
-import { useIsMobile } from "../../../block-provider/index.mjs";
 import { useACLActionParamsContext } from "../../../built-in/acl/index.mjs";
 import { PathHandler } from "../../../built-in/dynamic-page/utils.mjs";
-import { PageStyle } from "../../../built-in/page-style/PageStyle.provider.mjs";
-import { usePageStyle } from "../../../built-in/page-style/usePageStyle.mjs";
 import { useCollection, useCollectionRecordData } from "../../../data-source/index.mjs";
 import { Icon } from "../../../icon/index.mjs";
 import { RecordProvider } from "../../../record-provider/index.mjs";
@@ -30,7 +27,7 @@ import { ActionLink } from "./Action.Link.mjs";
 import { ActionModal } from "./Action.Modal.mjs";
 import { ActionPage } from "./Action.Page.mjs";
 import Action_style from "./Action.style.mjs";
-import { ActionContextProvider, OpenMode } from "./context.mjs";
+import { ActionContextProvider } from "./context.mjs";
 import { useA } from "./hooks.mjs";
 import { useGetAriaLabelOfAction } from "./hooks/useGetAriaLabelOfAction.mjs";
 import { linkageAction } from "./utils.mjs";
@@ -57,9 +54,7 @@ const Action = withDynamicSchemaProps(observer((props)=>{
     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 = useMemo(()=>(null == fieldSchema ? void 0 : fieldSchema['x-linkage-rules']) || [], [
-        fieldSchema
-    ]);
+    const linkageRules = (null == fieldSchema ? void 0 : fieldSchema['x-linkage-rules']) || [];
     const { designable } = useDesignable();
     const tarComponent = useComponent(component) || component;
     const { modal } = App.useApp();
@@ -72,23 +67,6 @@ const Action = withDynamicSchemaProps(observer((props)=>{
     const { getAriaLabel } = useGetAriaLabelOfAction(title);
     let actionTitle = title || compile(fieldSchema.title);
     actionTitle = lodash.isString(actionTitle) ? t(actionTitle) : actionTitle;
-    const collectionKey = null == collection ? void 0 : collection.getPrimaryKey();
-    const pageStyle = usePageStyle();
-    const isMobile = useIsMobile();
-    const isPageMode = useMemo(()=>{
-        if (null == pageMode ? void 0 : pageMode.enable) return true;
-        if (openMode === OpenMode.PAGE) return true;
-        if (!openMode || [
-            OpenMode.DEFAULT,
-            OpenMode.DRAWER
-        ].includes(openMode)) return isMobile || pageStyle === PageStyle.TAB_STYLE;
-        return false;
-    }, [
-        null == pageMode ? void 0 : pageMode.enable,
-        openMode,
-        isMobile,
-        pageStyle
-    ]);
     useEffect(()=>{
         field.stateOfLinkageRules = {};
         linkageRules.filter((k)=>!k.disabled).forEach((v)=>{
@@ -110,30 +88,6 @@ const Action = withDynamicSchemaProps(observer((props)=>{
         record,
         variables
     ]);
-    const openModal = useCallback(()=>{
-        setVisible(true);
-    }, []);
-    const openPage = useCallback(()=>{
-        const containerSchema = fieldSchema.reduceProperties((buf, s)=>'Action.Container' === s['x-component'] ? s : buf);
-        const target = 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 = useCallback((e)=>{
         if (isPortalInBody(e.target)) return;
         e.preventDefault();
@@ -141,8 +95,14 @@ const Action = withDynamicSchemaProps(observer((props)=>{
         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 = 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({
@@ -161,12 +121,7 @@ const Action = withDynamicSchemaProps(observer((props)=>{
         disabled,
         modal,
         onClick,
-        run,
-        isPageMode,
-        openPage,
-        openModal,
-        actionTitle,
-        t
+        run
     ]);
     const buttonStyle = useMemo(()=>{
         var _field_data;

package/es/schema-component/antd/action/context.d.ts

@@ -7,19 +7,11 @@ export declare const ActionContextProvider: (props: ActionContextProps & {
     children: any;
 }) => import("react/jsx-runtime").JSX.Element;
 export type OpenSize = 'small' | 'middle' | 'large';
-export declare enum OpenMode {
-    DEFAULT = "default",
-    DRAWER = "drawer",
-    MODAL = "modal",
-    PAGE = "page",
-    SHEET = "sheet",
-    DRAWER_MODE = "drawer-mode"
-}
 export interface ActionContextProps {
     button?: any;
     visible?: boolean;
     setVisible?: (v: boolean) => void;
-    openMode?: OpenMode;
+    openMode?: 'drawer' | 'modal' | 'page' | 'sheet';
     snapshot?: boolean;
     openSize?: OpenSize;
     containerRefKey?: string;

package/es/schema-component/antd/action/context.mjs

@@ -14,13 +14,4 @@ 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;
-}({});
-export { ActionContext, ActionContextProvider, context_OpenMode as OpenMode };
+export { ActionContext, ActionContextProvider };

package/es/schema-component/antd/action/hooks.d.ts

@@ -1,4 +1,3 @@
-import { OpenMode } from './context';
 export declare const useA: () => {
     run(): Promise<void>;
 };
@@ -6,7 +5,7 @@ export declare const useActionContext: () => {
     setVisible(visible: boolean, confirm?: boolean): void;
     button?: any;
     visible?: boolean;
-    openMode?: OpenMode;
+    openMode?: "drawer" | "modal" | "page" | "sheet";
     snapshot?: boolean;
     openSize?: import("./context").OpenSize;
     containerRefKey?: string;

package/es/schema-component/antd/action/hooks.mjs

@@ -3,7 +3,7 @@ import { useFieldSchema, useForm } from "@tachybase/schema";
 import { App } from "antd";
 import { useTranslation } from "react-i18next";
 import { useIsDetailBlock } from "../../../block-provider/FormBlockProvider.mjs";
-import { ActionContext, OpenMode } from "./context.mjs";
+import { ActionContext } from "./context.mjs";
 const useA = ()=>({
         async run () {}
     });
@@ -15,7 +15,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) !== 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/es/schema-component/antd/association-field/FileManager.mjs

@@ -6,7 +6,7 @@ import { FormProvider, RecordPickerContext, RecordPickerProvider, SchemaComponen
 import { TableSelectorParamsProvider, useTableSelectorProps } from "../../../block-provider/TableSelectorProvider.mjs";
 import { CollectionProvider_deprecated, useCollectionManager_deprecated, useCollection_deprecated } from "../../../collection-manager/index.mjs";
 import { useCompile } from "../../hooks/index.mjs";
-import { ActionContextProvider, OpenMode } from "../action/index.mjs";
+import { ActionContextProvider } from "../action/index.mjs";
 import { EllipsisWithTooltip } from "../input/index.mjs";
 import { FileSelector, Preview } from "../preview/index.mjs";
 import { useFieldNames, useInsertSchema } from "./hooks.mjs";
@@ -149,7 +149,7 @@ const InternalFileManager = (props)=>{
             }),
             /*#__PURE__*/ jsx(ActionContextProvider, {
                 value: {
-                    openMode: OpenMode.DEFAULT,
+                    openMode: 'drawer',
                     visible: visibleSelector,
                     setVisible: setVisibleSelector,
                     modalProps: {

package/es/schema-component/antd/association-field/InternalDrawerSubTable.mjs

@@ -6,7 +6,7 @@ import { Button, Drawer } from "antd";
 import { useTranslation } from "react-i18next";
 import { useCollectionManager } from "../../../data-source/index.mjs";
 import { FlagProvider } from "../../../flag-provider/index.mjs";
-import { ActionContext, ActionContextProvider, OpenMode } from "../action/context.mjs";
+import { ActionContext, ActionContextProvider } from "../action/context.mjs";
 import { SubFormProvider, useAssociationFieldContext } from "./hooks.mjs";
 import { InternalSubTable } from "./InternalSubTable.mjs";
 import { ReadPrettyInternalViewer } from "./InternalViewer.mjs";
@@ -59,7 +59,7 @@ const InternaDrawerSubTable = observer((props)=>{
                     ...ctx,
                     visible,
                     setVisible,
-                    openMode: OpenMode.DEFAULT
+                    openMode: 'drawer'
                 },
                 children: /*#__PURE__*/ jsx(Drawer, {
                     title: t(null == options ? void 0 : null == (_options_uiSchema = options.uiSchema) ? void 0 : _options_uiSchema.rawTitle),

package/es/schema-component/antd/association-field/InternalPicker.mjs

@@ -7,7 +7,7 @@ import { FormProvider, RecordPickerContext, RecordPickerProvider, SchemaComponen
 import { CollectionProvider_deprecated, RecordProvider, useCollectionRecordData, useFormBlockContext } from "../../../index.mjs";
 import { TableSelectorParamsProvider, useTableSelectorProps } from "../../../block-provider/TableSelectorProvider.mjs";
 import { useCompile } from "../../hooks/index.mjs";
-import { ActionContextProvider, OpenMode } from "../action/index.mjs";
+import { ActionContextProvider } from "../action/index.mjs";
 import { useAssociationFieldContext, useFieldNames, useInsertSchema } from "./hooks.mjs";
 import schema from "./schema.mjs";
 import { flatData, getLabelFormatValue, useLabelUiSchema } from "./util.mjs";
@@ -190,7 +190,7 @@ const InternalPicker = observer((props)=>{
             /*#__PURE__*/ jsx(ActionContextProvider, {
                 value: {
                     openSize: (null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops['openSize']) || openSize,
-                    openMode: OpenMode.DEFAULT,
+                    openMode: 'drawer',
                     visible: visibleSelector,
                     setVisible: setVisibleSelector
                 },

package/es/schema-component/antd/association-field/InternalTag.mjs

@@ -7,7 +7,7 @@ import { CollectionProvider_deprecated, useCollectionManager_deprecated } from "
 import { RecordProvider, useRecord } from "../../../record-provider/index.mjs";
 import { FormProvider } from "../../core/index.mjs";
 import { useCompile } from "../../hooks/index.mjs";
-import { ActionContextProvider, OpenMode, useActionContext } from "../action/index.mjs";
+import { ActionContextProvider, useActionContext } from "../action/index.mjs";
 import { EllipsisWithTooltip } from "../input/EllipsisWithTooltip.mjs";
 import { useAssociationFieldContext, useFieldNames, useInsertSchema } from "./hooks.mjs";
 import { transformNestedData } from "./InternalCascadeSelect.mjs";
@@ -107,7 +107,7 @@ const ReadPrettyInternalTag = observer((props)=>{
                         value: {
                             visible,
                             setVisible,
-                            openMode: OpenMode.DEFAULT,
+                            openMode: 'drawer',
                             snapshot: (null == collectionField ? void 0 : collectionField.interface) === 'snapshot'
                         },
                         children: renderRecordProvider()

package/es/schema-component/antd/association-field/InternalViewer.mjs

@@ -9,7 +9,7 @@ import { DeclareVariable } from "../../../modules/variable/DeclareVariable.mjs";
 import { RecordProvider, useRecord } from "../../../record-provider/index.mjs";
 import { FormProvider } from "../../core/index.mjs";
 import { useCompile } from "../../hooks/index.mjs";
-import { ActionContextProvider, OpenMode, useActionContext } from "../action/index.mjs";
+import { ActionContextProvider, useActionContext } from "../action/index.mjs";
 import { EllipsisWithTooltip } from "../input/EllipsisWithTooltip.mjs";
 import { useAssociationFieldContext, useFieldNames, useInsertSchema } from "./hooks.mjs";
 import { transformNestedData } from "./InternalCascadeSelect.mjs";
@@ -121,7 +121,7 @@ const ReadPrettyInternalViewer = observer((props)=>{
                         value: {
                             visible,
                             setVisible,
-                            openMode: OpenMode.DEFAULT,
+                            openMode: 'drawer',
                             snapshot: (null == collectionField ? void 0 : collectionField.interface) === 'snapshot',
                             fieldSchema: fieldSchema
                         },

package/es/schema-component/antd/association-field/SubTable.mjs

@@ -14,7 +14,7 @@ import { CollectionRecordProvider, useCollectionRecord } from "../../../data-sou
 import { markRecordAsNew } from "../../../data-source/collection-record/isNewRecord.mjs";
 import { FlagProvider } from "../../../flag-provider/index.mjs";
 import { useCompile } from "../../hooks/index.mjs";
-import { ActionContextProvider, OpenMode } from "../action/index.mjs";
+import { ActionContextProvider } from "../action/index.mjs";
 import { Table } from "../table-v2/Table.mjs";
 import { useAssociationFieldContext, useFieldNames } from "./hooks.mjs";
 import { useTableSelectorProps } from "./InternalPicker.mjs";
@@ -239,7 +239,7 @@ const SubTable = observer((props)=>{
             /*#__PURE__*/ jsx(ActionContextProvider, {
                 value: {
                     openSize,
-                    openMode: OpenMode.DEFAULT,
+                    openMode: 'drawer',
                     visible: visibleSelector,
                     setVisible: setVisibleSelector
                 },

package/es/schema-component/antd/color-select/ColorSelect.mjs

@@ -18,7 +18,7 @@ const colors = {
     purple: '{{t("Purple")}}',
     default: '{{t("Default")}}'
 };
-const ColorSelect = connect((props)=>{
+const ColorSelect_ColorSelect = connect((props)=>{
     const compile = useCompile();
     return /*#__PURE__*/ jsx(Select, {
         ...props,
@@ -44,5 +44,5 @@ const ColorSelect = connect((props)=>{
         children: compile(colors[value] || colors.default)
     });
 }));
-const color_select_ColorSelect = ColorSelect;
-export { ColorSelect, color_select_ColorSelect as default };
+const ColorSelect = ColorSelect_ColorSelect;
+export { ColorSelect_ColorSelect as ColorSelect, ColorSelect as default };

package/es/schema-component/antd/date-picker/util.d.ts

@@ -35,3 +35,16 @@ export declare const getDateRanges: () => {
     last90Days: () => dayjs.Dayjs[];
     next90Days: () => dayjs.Dayjs[];
 };
+export declare const getDateExact: () => {
+    nowUtc: () => string;
+    nowLocal: () => string;
+    todayUtc: () => string;
+    todayLocal: () => string;
+    todayDate: () => string;
+    yesterdayUtc: () => string;
+    yesterdayLocal: () => string;
+    yesterdayDate: () => string;
+    tomorrowUtc: () => string;
+    tomorrowLocal: () => string;
+    tomorrowDate: () => string;
+};

package/es/schema-component/antd/date-picker/util.mjs

@@ -176,4 +176,17 @@ const getDateRanges = ()=>({
                 getEnd(90, 'days')
             ]
     });
-export { getDateRanges, mapDatePicker, mapRangePicker, moment2str };
+const getDateExact = ()=>({
+        nowUtc: ()=>dayjs().toISOString(),
+        nowLocal: ()=>dayjs().format('YYYY-MM-DD HH:mm:ss'),
+        todayUtc: ()=>dayjs().startOf('day').utc().toISOString(),
+        todayLocal: ()=>dayjs().startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+        todayDate: ()=>dayjs().format('YYYY-MM-DD'),
+        yesterdayUtc: ()=>dayjs().subtract(1, 'day').startOf('day').utc().toISOString(),
+        yesterdayLocal: ()=>dayjs().subtract(1, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+        yesterdayDate: ()=>dayjs().subtract(1, 'day').format('YYYY-MM-DD'),
+        tomorrowUtc: ()=>dayjs().add(1, 'day').startOf('day').utc().toISOString(),
+        tomorrowLocal: ()=>dayjs().add(1, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+        tomorrowDate: ()=>dayjs().add(1, 'day').format('YYYY-MM-DD')
+    });
+export { getDateExact, getDateRanges, mapDatePicker, mapRangePicker, moment2str };

package/es/schema-component/antd/form-item/FormItem.Settings.mjs

@@ -23,7 +23,6 @@ import { SchemaSettingsSortingRule } from "../../../schema-settings/SchemaSettin
 import { VariableInput, getShouldChange } from "../../../schema-settings/VariableInput/VariableInput.mjs";
 import { useLocalVariables, useVariables } from "../../../variables/index.mjs";
 import { useCompile, useDesignable, useFieldModeOptions } from "../../hooks/index.mjs";
-import { OpenMode } from "../action/index.mjs";
 import { isSubMode } from "../association-field/util.mjs";
 import { removeNullCondition } from "../filter/index.mjs";
 import { getTempFieldState } from "../form-v2/utils.mjs";
@@ -733,7 +732,7 @@ const formItemSettings = new SchemaSettings({
                                 'x-component': 'Action',
                                 'x-decorator': 'ACLActionProvider',
                                 'x-component-props': {
-                                    openMode: OpenMode.DRAWER_MODE,
+                                    openMode: 'drawer',
                                     type: 'default',
                                     component: 'CreateRecordAction'
                                 }
@@ -804,7 +803,7 @@ const formItemSettings = new SchemaSettings({
                                     'x-component': 'Action',
                                     'x-decorator': 'ACLActionProvider',
                                     'x-component-props': {
-                                        openMode: OpenMode.DRAWER_MODE,
+                                        openMode: 'drawer',
                                         type: 'default',
                                         component: 'CreateRecordAction'
                                     }

package/es/schema-component/antd/markdown/Markdown.mjs

@@ -8,7 +8,7 @@ import { ReadPretty } from "../input/index.mjs";
 import { MarkdownVoid } from "./Markdown.Void.mjs";
 import { useStyles } from "./style.mjs";
 import { convertToText, useParseMarkdown } from "./util.mjs";
-const Markdown = connect(Input.TextArea, mapProps((props, field)=>({
+const Markdown_Markdown = connect(Input.TextArea, mapProps((props, field)=>({
         autoSize: {
             maxRows: 10,
             minRows: 3
@@ -41,6 +41,6 @@ const MarkdownReadPretty = (props)=>{
         value: value
     }));
 };
-Markdown.Void = MarkdownVoid;
-const markdown_Markdown = Markdown;
-export { Markdown, MarkdownReadPretty, markdown_Markdown as default };
+Markdown_Markdown.Void = MarkdownVoid;
+const Markdown = Markdown_Markdown;
+export { Markdown_Markdown as Markdown, MarkdownReadPretty, Markdown as default };

package/es/schema-component/antd/page/Page.mjs

@@ -10,7 +10,7 @@ import { cx } from "antd-style";
 import classnames from "classnames";
 import { ErrorBoundary } from "react-error-boundary";
 import { useTranslation } from "react-i18next";
-import { useLocation, useMatch, useNavigate } from "react-router-dom";
+import { useMatch, useSearchParams } from "react-router-dom";
 import { FormDialog, ScrollArea } from "../index.mjs";
 import { useToken } from "../__builtins__/index.mjs";
 import { useStyles } from "../../../built-in/acl/style.mjs";
@@ -33,7 +33,7 @@ import { PageDesigner } from "./PageDesigner.mjs";
 import { PageTabDesigner } from "./PageTabDesigner.mjs";
 import { getStyles, useStyles as external_style_mjs_useStyles } from "./style.mjs";
 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 } = useTranslation();
     const { title, setTitle } = useDocumentTitle();
@@ -41,26 +41,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] = useSearchParams();
     const [loading, setLoading] = useState(false);
-    const navigate = useNavigate();
-    const location = useLocation();
-    const match = useMatch('/:entry/:entryId/page-tab/:pageTabId/*');
-    const pageTabActiveKey = 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 = 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] = useState(0);
     const aclStyles = useStyles();
     const { wrapSSR, hashId, componentCls } = getStyles();
@@ -80,21 +66,21 @@ const Page = (props)=>{
                 /*#__PURE__*/ jsx(Page_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__*/ jsx(PageContentComponent, {
                     loading: loading,
                     disablePageHeader: disablePageHeader,
                     enablePageTabs: enablePageTabs,
                     fieldSchema: fieldSchema,
-                    activeKey: pageTabActiveKey,
+                    activeKey: activeKey,
                     height: height,
                     children: children
                 })
@@ -104,7 +90,7 @@ const Page = (props)=>{
 };
 const Page_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 } = useGlobalTheme();
     const options = useContext(SchemaOptionsContext);
     const compile = useCompile();
@@ -147,7 +133,7 @@ const Page_PageHeader = (props)=>{
                 footer: enablePageTabs && /*#__PURE__*/ jsx(TabComponent, {
                     activeKey: activeKey,
                     setLoading: setLoading,
-                    setPageTabUrl: setPageTabUrl,
+                    setSearchParams: setSearchParams,
                     showScrollArea: showScrollArea,
                     options: options,
                     theme: theme,
@@ -233,7 +219,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 } = external_Page_style_mjs_useStyles();
     const [hasMounted, setHasMounted] = useState(false);
     const sensors = useSensors(useSensor(PointerSensor, {
@@ -242,7 +228,16 @@ const TabComponent = (props)=>{
         }
     }));
     const handleTabClick = (activeKey)=>{
-        setPageTabUrl(activeKey);
+        setLoading(true);
+        setSearchParams([
+            [
+                'tab',
+                activeKey
+            ]
+        ]);
+        setTimeout(()=>{
+            setLoading(false);
+        }, 50);
     };
     useEffect(()=>{
         setTimeout(()=>{

package/es/schema-component/antd/password/utils.d.ts

@@ -1 +1 @@
-export declare const getStrength: (val: any) => 0 | 20 | 100 | 40 | 60 | 80;
+export declare const getStrength: (val: any) => 0 | 20 | 100 | 60 | 40 | 80;