@nocobase/client 0.9.4-alpha.1 → 0.10.0-alpha.2

package/es/schema-component/antd/list/List.Decorator.js

@@ -1,14 +1,16 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _templateObject;
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { createForm } from '@formily/core';
 import { FormContext, useField } from '@formily/react';
+import { css, cx } from '@emotion/css';
 import React, { createContext, useContext, useEffect, useMemo } from 'react';
 import { FormLayout } from '@formily/antd';
-import { useAssociationNames } from '../../../block-provider/hooks';
 import { BlockProvider, useBlockRequestContext } from '../../../block-provider';
 export var ListBlockContext = /*#__PURE__*/createContext({});
 var InternalListBlockProvider = function InternalListBlockProvider(props) {
@@ -37,19 +39,12 @@ var InternalListBlockProvider = function InternalListBlockProvider(props) {
     value: form
   }, /*#__PURE__*/React.createElement(FormLayout, {
     layout: 'vertical'
-  }, props.children)));
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cx(css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n                .ant-description-input {\n                  line-height: 34px;\n                }\n                .ant-formily-item-feedback-layout-loose {\n                  margin-bottom: 12px;\n                }\n              "]))))
+  }, props.children))));
 };
 export var ListBlockProvider = function ListBlockProvider(props) {
-  var params = _objectSpread({}, props.params);
-  var collection = props.collection;
-  var _useAssociationNames = useAssociationNames(collection),
-    appends = _useAssociationNames.appends;
-  if (!Object.keys(params).includes('appends')) {
-    params['appends'] = appends;
-  }
-  return /*#__PURE__*/React.createElement(BlockProvider, _objectSpread(_objectSpread({}, props), {}, {
-    params: params
-  }), /*#__PURE__*/React.createElement(InternalListBlockProvider, _objectSpread({}, props)));
+  return /*#__PURE__*/React.createElement(BlockProvider, _objectSpread({}, props), /*#__PURE__*/React.createElement(InternalListBlockProvider, _objectSpread({}, props)));
 };
 export var useListBlockContext = function useListBlockContext() {
   return useContext(ListBlockContext);

package/es/schema-component/antd/list/List.Designer.d.ts

@@ -1 +1,2 @@
-export declare const ListDesigner: () => JSX.Element;
+import React from 'react';
+export declare const ListDesigner: () => React.JSX.Element;

package/es/schema-component/antd/list/List.Item.d.ts

@@ -1 +1,2 @@
-export declare const ListItem: (props: any) => JSX.Element;
+import React from 'react';
+export declare const ListItem: (props: any) => React.JSX.Element;

package/es/schema-component/antd/list/List.Item.js

@@ -4,7 +4,7 @@ import React from 'react';
 import { css } from '@emotion/css';
 import { useField } from '@formily/react';
 import { RecordSimpleProvider } from '../../../record-provider';
-var itemCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  gap: 8px;\n  padding: 12px 0;\n  border-bottom: 1px solid #f0f0f0;\n"])));
+var itemCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  // gap: 8px;\n  padding: 5px 0;\n  border-bottom: 1px solid #f0f0f0;\n"])));
 export var ListItem = function ListItem(props) {
   var field = useField();
   return /*#__PURE__*/React.createElement("div", {

package/es/schema-component/antd/list/List.d.ts

@@ -1,7 +1,8 @@
 import { ListDesigner } from './List.Designer';
 import { ListBlockProvider } from './List.Decorator';
+import React from 'react';
 import { ListItem } from './List.Item';
-export declare const List: ((props: any) => JSX.Element) & {
+export declare const List: ((props: any) => React.JSX.Element) & {
     Item: typeof ListItem;
     Designer: typeof ListDesigner;
     Decorator: typeof ListBlockProvider;

package/es/schema-component/antd/markdown/Markdown.Void.Designer.d.ts

@@ -1 +1,2 @@
-export declare const MarkdownVoidDesigner: () => JSX.Element;
+import React from 'react';
+export declare const MarkdownVoidDesigner: () => React.JSX.Element;

package/es/schema-component/antd/markdown/Markdown.Void.js

@@ -119,5 +119,7 @@ export var MarkdownVoid = observer(function (props) {
       __html: html
     }
   });
+}, {
+  displayName: 'MarkdownVoid'
 });
 MarkdownVoid.Designer = MarkdownVoidDesigner;

package/es/schema-component/antd/markdown/Markdown.d.ts

@@ -1,3 +1,5 @@
+import React from 'react';
 import './style.less';
 export declare const Markdown: any;
+export declare const MarkdownReadPretty: (props: any) => React.JSX.Element;
 export default Markdown;

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

@@ -22,8 +22,12 @@ export var Markdown = connect(AntdInput.TextArea, mapProps(function (props, fiel
     suffix: /*#__PURE__*/React.createElement("span", null, (field === null || field === void 0 ? void 0 : field['loading']) || (field === null || field === void 0 ? void 0 : field['validating']) ? /*#__PURE__*/React.createElement(LoadingOutlined, null) : props.suffix)
   });
 }), mapReadPretty(function (props) {
+  return /*#__PURE__*/React.createElement(MarkdownReadPretty, _objectSpread({}, props));
+}));
+export var MarkdownReadPretty = function MarkdownReadPretty(props) {
   var _useParseMarkdown = useParseMarkdown(props.value),
-    html = _useParseMarkdown.html,
+    _useParseMarkdown$htm = _useParseMarkdown.html,
+    html = _useParseMarkdown$htm === void 0 ? '' : _useParseMarkdown$htm,
     loading = _useParseMarkdown.loading;
   var text = convertToText(html);
   var value = /*#__PURE__*/React.createElement("div", {
@@ -40,6 +44,6 @@ export var Markdown = connect(AntdInput.TextArea, mapProps(function (props, fiel
     text: text,
     value: value
   }));
-}));
+};
 Markdown.Void = MarkdownVoid;
 export default Markdown;

package/es/schema-component/antd/markdown/util.js

@@ -64,5 +64,5 @@ export function convertToText(markdownText) {
   temp.innerHTML = content;
   var text = temp.innerText;
   temp = null;
-  return text.replace(/[\n\r]/g, '');
+  return (text === null || text === void 0 ? void 0 : text.replace(/[\n\r]/g, '')) || '';
 }

package/es/schema-component/antd/menu/Menu.Designer.d.ts

@@ -1 +1,2 @@
-export declare const MenuDesigner: () => JSX.Element;
+import React from 'react';
+export declare const MenuDesigner: () => React.JSX.Element;

package/es/schema-component/antd/menu/Menu.js

@@ -31,7 +31,9 @@ import { MenuDesigner } from './Menu.Designer';
 import { findKeysByUid, findMenuItem } from './util';
 var subMenuDesignerCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  display: inline-block;\n  margin-left: -24px;\n  margin-right: -34px;\n  padding: 0 34px 0 24px;\n  width: calc(100% + 58px);\n  &:hover {\n    > .general-schema-designer {\n      display: block;\n    }\n  }\n  &.nb-action-link {\n    > .general-schema-designer {\n      top: -10px;\n      bottom: -10px;\n      left: -10px;\n      right: -10px;\n    }\n  }\n  > .general-schema-designer {\n    position: absolute;\n    z-index: 999;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    display: none;\n    background: rgba(241, 139, 98, 0.06);\n    border: 0;\n    pointer-events: none;\n    > .general-schema-designer-icons {\n      position: absolute;\n      right: 2px;\n      top: 2px;\n      line-height: 16px;\n      pointer-events: all;\n      .ant-space-item {\n        background-color: #f18b62;\n        color: #fff;\n        line-height: 16px;\n        width: 16px;\n        padding-left: 1px;\n      }\n    }\n  }\n"])));
 var designerCss = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-left: -20px;\n  margin-right: -20px;\n  padding: 0 20px;\n  width: calc(100% + 40px);\n  &:hover {\n    > .general-schema-designer {\n      display: block;\n    }\n  }\n  &.nb-action-link {\n    > .general-schema-designer {\n      top: -10px;\n      bottom: -10px;\n      left: -10px;\n      right: -10px;\n    }\n  }\n  > .general-schema-designer {\n    position: absolute;\n    z-index: 999;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    display: none;\n    background: rgba(241, 139, 98, 0.06);\n    border: 0;\n    pointer-events: none;\n    > .general-schema-designer-icons {\n      position: absolute;\n      right: 2px;\n      top: 2px;\n      line-height: 16px;\n      pointer-events: all;\n      .ant-space-item {\n        background-color: #f18b62;\n        color: #fff;\n        line-height: 16px;\n        width: 16px;\n        padding-left: 1px;\n      }\n    }\n  }\n"])));
+var antdMenuClass = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  .ant-menu-item:hover {\n    > .ant-menu-title-content > div {\n      .general-schema-designer {\n        display: block;\n      }\n    }\n  }\n"])));
 var MenuModeContext = /*#__PURE__*/createContext(null);
+MenuModeContext.displayName = 'MenuModeContext';
 var useSideMenuRef = function useSideMenuRef() {
   var _schema$xComponentP;
   var schema = useFieldSchema();
@@ -43,6 +45,7 @@ var useSideMenuRef = function useSideMenuRef() {
   return scope[scopeKey];
 };
 var MenuItemDesignerContext = /*#__PURE__*/createContext(null);
+MenuItemDesignerContext.displayName = 'MenuItemDesignerContext';
 export var Menu = observer(function (props) {
   var _sideMenuRef$current;
   var _useProps = useProps(props),
@@ -64,7 +67,11 @@ export var Menu = observer(function (props) {
   var _useSchemaInitializer = useSchemaInitializer(schema['x-initializer']),
     render = _useSchemaInitializer.render;
   var sideMenuRef = useSideMenuRef();
-  var _useState = useState(function () {
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedKeys = _useState2[0],
+    setSelectedKeys = _useState2[1];
+  var _useState3 = useState(function () {
       if (dSelectedKeys) {
         return dSelectedKeys;
       }
@@ -73,23 +80,23 @@ export var Menu = observer(function (props) {
       }
       return [];
     }),
-    _useState2 = _slicedToArray(_useState, 2),
-    defaultSelectedKeys = _useState2[0],
-    setDefaultSelectedKeys = _useState2[1];
-  var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    loading = _useState4[0],
-    setLoading = _useState4[1];
-  var _useState5 = useState(function () {
+    defaultSelectedKeys = _useState4[0],
+    setDefaultSelectedKeys = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    loading = _useState6[0],
+    setLoading = _useState6[1];
+  var _useState7 = useState(function () {
       if (['inline', 'mix'].includes(mode)) {
         return dOpenKeys || defaultSelectedKeys;
       }
       return dOpenKeys;
     }),
-    _useState6 = _slicedToArray(_useState5, 2),
-    defaultOpenKeys = _useState6[0],
-    setDefaultOpenKeys = _useState6[1];
-  var _useState7 = useState(function () {
+    _useState8 = _slicedToArray(_useState7, 2),
+    defaultOpenKeys = _useState8[0],
+    setDefaultOpenKeys = _useState8[1];
+  var _useState9 = useState(function () {
       var key = (defaultSelectedKeys === null || defaultSelectedKeys === void 0 ? void 0 : defaultSelectedKeys[0]) || null;
       if (mode === 'mix' && key) {
         var _schema$properties;
@@ -100,12 +107,16 @@ export var Menu = observer(function (props) {
       }
       return null;
     }),
-    _useState8 = _slicedToArray(_useState7, 2),
-    sideMenuSchema = _useState8[0],
-    setSideMenuSchema = _useState8[1];
+    _useState10 = _slicedToArray(_useState9, 2),
+    sideMenuSchema = _useState10[0],
+    setSideMenuSchema = _useState10[1];
   useEffect(function () {
+    if (!selectedUid) {
+      setSelectedKeys(undefined);
+      return;
+    }
     var keys = findKeysByUid(schema, selectedUid);
-    setDefaultSelectedKeys(keys);
+    setSelectedKeys(keys);
     if (['inline', 'mix'].includes(mode)) {
       setDefaultOpenKeys(dOpenKeys || keys);
     }
@@ -127,13 +138,6 @@ export var Menu = observer(function (props) {
       setDefaultOpenKeys(defaultSelectedKeys);
     }
   }, [defaultSelectedKeys]);
-  useEffect(function () {
-    var sideMenuElement = sideMenuRef === null || sideMenuRef === void 0 ? void 0 : sideMenuRef.current;
-    if (!sideMenuElement) {
-      return;
-    }
-    sideMenuElement.style.display = (sideMenuSchema === null || sideMenuSchema === void 0 ? void 0 : sideMenuSchema['x-component']) === 'Menu.SubMenu' ? 'block' : 'none';
-  }, [sideMenuSchema === null || sideMenuSchema === void 0 ? void 0 : sideMenuSchema.name, sideMenuRef]);
   var _useDesignable2 = useDesignable(),
     designable = _useDesignable2.designable;
   return /*#__PURE__*/React.createElement(DndContext, null, /*#__PURE__*/React.createElement(MenuItemDesignerContext.Provider, {
@@ -141,10 +145,7 @@ export var Menu = observer(function (props) {
   }, /*#__PURE__*/React.createElement(MenuModeContext.Provider, {
     value: mode
   }, /*#__PURE__*/React.createElement(AntdMenu, _objectSpread(_objectSpread({}, others), {}, {
-    style: {
-      // width: mode === 'mix' ? '100%' : undefined,
-    },
-    className: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n              .ant-menu-item:hover {\n                > .ant-menu-title-content > div {\n                  .general-schema-designer {\n                    display: block;\n                  }\n                }\n              }\n            "]))),
+    className: antdMenuClass,
     onSelect: function onSelect(info) {
       var s = schema.properties[info.key];
       if (mode === 'mix') {
@@ -179,7 +180,7 @@ export var Menu = observer(function (props) {
     mode: mode === 'mix' ? 'horizontal' : mode,
     defaultOpenKeys: defaultOpenKeys,
     defaultSelectedKeys: defaultSelectedKeys,
-    selectedKeys: defaultSelectedKeys
+    selectedKeys: selectedKeys
   }), designable && /*#__PURE__*/React.createElement(AntdMenu.Item, {
     disabled: true,
     key: "x-designer-button",
@@ -200,7 +201,7 @@ export var Menu = observer(function (props) {
     onSelect: function onSelect(info) {
       _onSelect && _onSelect(info);
     },
-    className: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n                      height: 100%;\n                      overflow-y: auto;\n                      overflow-x: hidden;\n                      .ant-menu-item {\n                        > .ant-menu-title-content {\n                          margin-left: -24px;\n                          margin-right: -16px;\n                          padding: 0 16px 0 24px;\n                          > div {\n                            > .general-schema-designer {\n                              right: 6px !important;\n                            }\n                          }\n                        }\n                      }\n                      .ant-menu-submenu-title {\n                        .ant-menu-title-content {\n                          margin-left: -24px;\n                          margin-right: -34px;\n                          padding: 0 34px 0 24px;\n                          > div {\n                            > .general-schema-designer {\n                              right: 6px !important;\n                            }\n                            > span.anticon {\n                              margin-right: 10px;\n                            }\n                          }\n                        }\n                      }\n                    "])))
+    className: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n                        height: 100%;\n                        overflow-y: auto;\n                        overflow-x: hidden;\n                        .ant-menu-item {\n                          > .ant-menu-title-content {\n                            margin-left: -24px;\n                            margin-right: -16px;\n                            padding: 0 16px 0 24px;\n                            > div {\n                              > .general-schema-designer {\n                                right: 6px !important;\n                              }\n                            }\n                          }\n                        }\n                        .ant-menu-submenu-title {\n                          .ant-menu-title-content {\n                            margin-left: -24px;\n                            margin-right: -34px;\n                            padding: 0 34px 0 24px;\n                            > div {\n                              > .general-schema-designer {\n                                right: 6px !important;\n                              }\n                              > span.anticon {\n                                margin-right: 10px;\n                              }\n                            }\n                          }\n                        }\n                      "])))
   }, /*#__PURE__*/React.createElement(RecursionField, {
     schema: sideMenuSchema,
     onlyRenderProperties: true
@@ -219,6 +220,8 @@ export var Menu = observer(function (props) {
       dn.insertAdjacent('beforeEnd', s);
     }
   }))), sideMenuRef.current.firstChild))));
+}, {
+  displayName: 'Menu'
 });
 Menu.Item = observer(function (props) {
   var icon = props.icon,
@@ -227,7 +230,7 @@ Menu.Item = observer(function (props) {
   var field = useField();
   var Designer = useContext(MenuItemDesignerContext);
   return /*#__PURE__*/React.createElement(AntdMenu.Item, _objectSpread(_objectSpread({}, others), {}, {
-    className: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        :active {\n          background: inherit;\n        }\n      "]))),
+    className: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n          :active {\n            background: inherit;\n          }\n        "]))),
     key: schema.name,
     eventKey: schema.name,
     schema: schema
@@ -237,8 +240,10 @@ Menu.Item = observer(function (props) {
   }, /*#__PURE__*/React.createElement(Icon, {
     type: icon
   }), /*#__PURE__*/React.createElement("span", {
-    className: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: inline-block;\n            width: 100%;\n            vertical-align: middle;\n          "])))
-  }, field.title), /*#__PURE__*/React.createElement(Designer, null)));
+    className: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n              overflow: hidden;\n              text-overflow: ellipsis;\n              display: inline-block;\n              width: 100%;\n              vertical-align: middle;\n            "])))
+  }, field.title), Designer && /*#__PURE__*/React.createElement(Designer, null)));
+}, {
+  displayName: 'Menu.Item'
 });
 Menu.URL = observer(function (props) {
   var icon = props.icon,
@@ -247,7 +252,7 @@ Menu.URL = observer(function (props) {
   var field = useField();
   var Designer = useContext(MenuItemDesignerContext);
   return /*#__PURE__*/React.createElement(AntdMenu.Item, _objectSpread(_objectSpread({}, others), {}, {
-    className: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n        :active {\n          background: inherit;\n        }\n      "]))),
+    className: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n          :active {\n            background: inherit;\n          }\n        "]))),
     key: schema.name,
     eventKey: schema.name,
     schema: schema,
@@ -260,8 +265,10 @@ Menu.URL = observer(function (props) {
   }, /*#__PURE__*/React.createElement(Icon, {
     type: icon
   }), /*#__PURE__*/React.createElement("span", {
-    className: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: inline-block;\n            width: 100%;\n            vertical-align: middle;\n          "])))
-  }, field.title), /*#__PURE__*/React.createElement(Designer, null)));
+    className: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n              overflow: hidden;\n              text-overflow: ellipsis;\n              display: inline-block;\n              width: 100%;\n              vertical-align: middle;\n            "])))
+  }, field.title), Designer && /*#__PURE__*/React.createElement(Designer, null)));
+}, {
+  displayName: 'MenuURL'
 });
 Menu.SubMenu = observer(function (props) {
   var icon = props.icon,
@@ -274,7 +281,7 @@ Menu.SubMenu = observer(function (props) {
     return /*#__PURE__*/React.createElement(Menu.Item, _objectSpread({}, props));
   }
   return /*#__PURE__*/React.createElement(AntdMenu.SubMenu, _objectSpread(_objectSpread({}, others), {}, {
-    className: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n        :active {\n          background: inherit;\n        }\n      "]))),
+    className: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n          :active {\n            background: inherit;\n          }\n        "]))),
     key: schema.name,
     eventKey: schema.name,
     title: /*#__PURE__*/React.createElement(SortableItem, {
@@ -282,10 +289,12 @@ Menu.SubMenu = observer(function (props) {
       removeParentsIfNoChildren: false
     }, /*#__PURE__*/React.createElement(Icon, {
       type: icon
-    }), field.title, /*#__PURE__*/React.createElement(Designer, null))
+    }), field.title, Designer && /*#__PURE__*/React.createElement(Designer, null))
   }), /*#__PURE__*/React.createElement(RecursionField, {
     schema: schema,
     onlyRenderProperties: true
   }));
+}, {
+  displayName: 'Menu.SubMenu'
 });
 Menu.Designer = MenuDesigner;

package/es/schema-component/antd/menu/MenuItemInitializers/index.d.ts

@@ -1,4 +1,5 @@
-export declare const MenuItemInitializers: (props: any) => JSX.Element;
+import React from 'react';
+export declare const MenuItemInitializers: (props: any) => React.JSX.Element;
 export declare const GroupItem: import("../../../../schema-initializer").SchemaInitializerItemComponent;
 export declare const PageMenuItem: import("../../../../schema-initializer").SchemaInitializerItemComponent;
 export declare const LinkMenuItem: import("../../../../schema-initializer").SchemaInitializerItemComponent;

package/es/schema-component/antd/page/FixedBlock.d.ts

@@ -5,9 +5,10 @@ export declare const useFixedBlock: () => {
     height: number | string;
     fixedBlockUID: boolean | string;
     fixedBlockUIDRef: React.MutableRefObject<boolean | string>;
+    inFixedBlock: boolean;
 };
 export declare const FixedBlockWrapper: React.FC;
-export declare const FixedBlockDesignerItem: () => JSX.Element;
+export declare const FixedBlockDesignerItem: () => React.JSX.Element;
 interface FixedBlockProps {
     height: number | string;
 }

package/es/schema-component/antd/page/FixedBlock.js

@@ -28,7 +28,8 @@ var FixedBlockContext = /*#__PURE__*/React.createContext({
   fixedBlockUID: false,
   fixedBlockUIDRef: {
     current: false
-  }
+  },
+  inFixedBlock: false
 });
 export var useFixedSchema = function useFixedSchema() {
   var _field$decoratorProps2;
@@ -82,7 +83,9 @@ export var FixedBlockDesignerItem = function FixedBlockDesignerItem() {
   var _useDesignable = useDesignable(),
     dn = _useDesignable.dn;
   var record = useRecord();
-  if (Object.keys(record).length) {
+  var _useFixedBlock3 = useFixedBlock(),
+    inFixedBlock = _useFixedBlock3.inFixedBlock;
+  if (Object.keys(record).length || !inFixedBlock) {
     return null;
   }
   return /*#__PURE__*/React.createElement(SchemaSettings.SwitchItem, {
@@ -131,6 +134,7 @@ var FixedBlock = function FixedBlock(props) {
   };
   return /*#__PURE__*/React.createElement(FixedBlockContext.Provider, {
     value: {
+      inFixedBlock: true,
       height: height,
       setFixedBlock: setFixedBlock,
       fixedBlockUID: fixedBlockUID,

package/es/schema-component/antd/page/Page.d.ts

@@ -1 +1,2 @@
-export declare const Page: (props: any) => JSX.Element;
+import React from 'react';
+export declare const Page: (props: any) => React.JSX.Element;

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

@@ -22,12 +22,12 @@ import { PlusOutlined } from '@ant-design/icons';
 import { css } from '@emotion/css';
 import { FormDialog, FormLayout } from '@formily/antd';
 import { Schema, SchemaOptionsContext, useFieldSchema } from '@formily/react';
-import { PageHeader as AntdPageHeader, Button, Spin, Tabs } from 'antd';
+import { Button, PageHeader as AntdPageHeader, Spin, Tabs } from 'antd';
 import classNames from 'classnames';
-import React, { useContext, useEffect, useState } from 'react';
+import React, { useContext, useEffect, useMemo, useState } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 import { useTranslation } from 'react-i18next';
-import { useLocation } from 'react-router-dom';
+import { useSearchParams } from 'react-router-dom';
 import { useDocumentTitle } from '../../../document-title';
 import { FilterBlockProvider } from '../../../filter-provider/FilterProvider';
 import { Icon } from '../../../icon';
@@ -51,6 +51,16 @@ export var Page = function Page(props) {
     setTitle = _useDocumentTitle.setTitle;
   var fieldSchema = useFieldSchema();
   var dn = useDesignable();
+  // react18  tab 动画会卡顿，所以第一个 tab 时，动画禁用，后面的 tab 才启用
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    hasMounted = _useState2[0],
+    setHasMounted = _useState2[1];
+  useEffect(function () {
+    setTimeout(function () {
+      setHasMounted(true);
+    });
+  }, []);
   useEffect(function () {
     if (!title) {
       setTitle(fieldSchema.title);
@@ -62,19 +72,17 @@ export var Page = function Page(props) {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var options = useContext(SchemaOptionsContext);
-  var location = useLocation();
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    loading = _useState2[0],
-    setLoading = _useState2[1];
-  var _useState3 = useState(function () {
-      var _location$query;
-      // @ts-ignore
-      return (location === null || location === void 0 ? void 0 : (_location$query = location.query) === null || _location$query === void 0 ? void 0 : _location$query.tab) || Object.keys(fieldSchema.properties).shift();
-    }),
+  var _useSearchParams = useSearchParams(),
+    _useSearchParams2 = _slicedToArray(_useSearchParams, 2),
+    searchParams = _useSearchParams2[0],
+    setSearchParams = _useSearchParams2[1];
+  var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    activeKey = _useState4[0],
-    setActiveKey = _useState4[1];
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  var activeKey = useMemo(function () {
+    return searchParams.get('tab') || Object.keys(fieldSchema.properties || {}).shift();
+  }, [fieldSchema.properties, searchParams]);
   var _useState5 = useState(0),
     _useState6 = _slicedToArray(_useState5, 2),
     height = _useState6[0],
@@ -97,11 +105,11 @@ export var Page = function Page(props) {
   }, others), {}, {
     footer: enablePageTabs && /*#__PURE__*/React.createElement(DndContext, null, /*#__PURE__*/React.createElement(Tabs, {
       size: 'small',
+      animated: hasMounted,
       activeKey: activeKey,
       onTabClick: function onTabClick(activeKey) {
         setLoading(true);
-        setActiveKey(activeKey);
-        window.history.pushState({}, '', window.location.pathname + "?tab=" + activeKey);
+        setSearchParams([['tab', activeKey]]);
         setTimeout(function () {
           setLoading(false);
         }, 50);

package/es/schema-component/antd/page/PageTabDesigner.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 export declare const PageDesigner: ({ title }: {
     title: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const PageTabDesigner: ({ schema }: {
     schema: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/es/schema-component/antd/pagination/index.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const Pagination: React.MemoExoticComponent<React.FunctionComponent<Pick<any, string | number | symbol>>>;
+export declare const Pagination: React.MemoExoticComponent<import("@formily/react").ReactFC<Pick<any, string | number | symbol>>>;

package/es/schema-component/antd/pagination/index.js

@@ -26,4 +26,6 @@ export var Pagination = observer(function (props) {
   return /*#__PURE__*/React.createElement("div", {
     onKeyPress: onKeypress
   }, /*#__PURE__*/React.createElement(AntdPagination, _objectSpread({}, others)));
+}, {
+  displayName: 'Pagination'
 });

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

@@ -1,4 +1,4 @@
-import { PasswordProps } from 'antd/lib/input';
+import { PasswordProps } from 'antd/es/input';
 import React from 'react';
 export interface IPasswordProps extends PasswordProps {
     checkStrength: boolean;