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

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

@@ -4,30 +4,71 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SubTable = void 0;
+var _icons = require("@ant-design/icons");
+var _css = require("@emotion/css");
+var _internals = require("@formily/core/esm/shared/internals");
 var _react = require("@formily/react");
+var _reactive = require("@formily/reactive");
+var _shared = require("@formily/shared");
 var _antd = require("antd");
 var _react2 = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
 var _Table = require("../table-v2/Table");
 var _hooks = require("./hooks");
+var _templateObject, _templateObject2, _templateObject3;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 var SubTable = (0, _react.observer)(function (props) {
   var _useAssociationFieldC = (0, _hooks.useAssociationFieldContext)(),
     field = _useAssociationFieldC.field;
-  return /*#__PURE__*/_react2.default.createElement("div", null, /*#__PURE__*/_react2.default.createElement(_Table.Table, {
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
+  var move = function move(fromIndex, toIndex) {
+    if (toIndex === undefined) return;
+    if (!(0, _shared.isArr)(field.value)) return;
+    if (fromIndex === toIndex) return;
+    return (0, _reactive.action)(function () {
+      var fromItem = field.value[fromIndex];
+      field.value.splice(fromIndex, 1);
+      field.value.splice(toIndex, 0, fromItem);
+      (0, _internals.exchangeArrayState)(field, {
+        fromIndex: fromIndex,
+        toIndex: toIndex
+      });
+      return field.onInput(field.value);
+    });
+  };
+  field.move = move;
+  return /*#__PURE__*/_react2.default.createElement("div", {
+    className: (0, _css.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n          .ant-table-footer {\n            padding: 0 !important;\n          }\n          .ant-formily-item-error-help {\n            display: none;\n          }\n          .ant-description-textarea {\n            line-height: 34px;\n          }\n          .ant-table-cell .ant-formily-item-error-help {\n            display: block;\n            position: absolute;\n            font-size: 12px;\n            top: 100%;\n            background: #fff;\n            width: 100%;\n            margin-top: 3px;\n            padding: 3px;\n            z-index: 1;\n            border-radius: 3px;\n            box-shadow: 0 0 10px #eee;\n            animation: none;\n            transform: translateY(0);\n            opacity: 1;\n          }\n        "])))
+  }, /*#__PURE__*/_react2.default.createElement(_Table.Table, {
+    className: (0, _css.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            .ant-select-selector {\n              /* min-height: 31px; */\n            }\n            .ant-formily-item.ant-formily-item-feedback-layout-loose {\n              margin-bottom: 0px !important;\n            }\n            .ant-formily-editable {\n              vertical-align: sub;\n            }\n            .ant-table table {\n            }\n            td:not(.ant-table-selection-column) {\n              padding: 0 !important;\n            }\n          "]))),
+    bordered: true,
     size: 'small',
-    showIndex: true,
     field: field,
-    pagination: false
-  }), field.editable && /*#__PURE__*/_react2.default.createElement(_antd.Button, {
-    type: 'dashed',
-    block: true,
-    style: {
-      marginTop: 12
+    showIndex: true,
+    dragSort: field.editable,
+    showDel: field.editable,
+    pagination: false,
+    rowSelection: {
+      type: 'none',
+      hideSelectAll: true
     },
-    onClick: function onClick() {
-      field.value = field.value || [];
-      field.value.push({});
+    footer: function footer() {
+      return field.editable && /*#__PURE__*/_react2.default.createElement(_antd.Button, {
+        type: 'text',
+        block: true,
+        className: (0, _css.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n                  display: block;\n                "]))),
+        onClick: function onClick() {
+          field.value = field.value || [];
+          field.value.push({});
+          field.onInput(field.value);
+        },
+        icon: /*#__PURE__*/_react2.default.createElement(_icons.PlusOutlined, null)
+      });
     }
-  }, "Add new"));
+  }));
+}, {
+  displayName: 'SubTable'
 });
 exports.SubTable = SubTable;

package/lib/schema-component/antd/association-field/components/CreateRecordAction.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const CreateRecordAction: React.MemoExoticComponent<React.FunctionComponent<unknown>>;
+export declare const CreateRecordAction: React.MemoExoticComponent<import("@formily/react").ReactFC<unknown>>;

package/lib/schema-component/antd/association-field/components/CreateRecordAction.js

@@ -52,7 +52,7 @@ var CreateRecordAction = (0, _react.observer)(function (props) {
     onClick: function onClick(arg) {
       return addbuttonClick(arg);
     }
-  })), /*#__PURE__*/_react2.default.createElement(_action.ActionContext.Provider, {
+  })), /*#__PURE__*/_react2.default.createElement(_action.ActionContextProvider, {
     value: _objectSpread(_objectSpread({}, ctx), {}, {
       visible: visibleAddNewer,
       setVisible: setVisibleAddNewer
@@ -67,5 +67,7 @@ var CreateRecordAction = (0, _react.observer)(function (props) {
       return s['x-component'] === 'AssociationField.AddNewer';
     }
   }))));
+}, {
+  displayName: 'CreateRecordAction'
 });
 exports.CreateRecordAction = CreateRecordAction;

package/lib/schema-component/antd/association-field/context.d.ts

@@ -4,5 +4,7 @@ export interface AssociationFieldContextProps {
     options?: any;
     field?: GeneralField;
     currentMode?: string;
+    allowMultiple?: boolean;
+    allowDissociate?: boolean;
 }
 export declare const AssociationFieldContext: import("react").Context<AssociationFieldContextProps>;

package/lib/schema-component/antd/association-field/hooks.d.ts

@@ -4,6 +4,8 @@ export declare function useAssociationFieldContext<F extends GeneralField>(): {
     options: any;
     field: F;
     currentMode: string;
+    allowMultiple?: boolean;
+    allowDissociate?: boolean;
 };
 export default function useServiceOptions(props: any): any;
 export declare const useFieldNames: (props: any) => any;

package/lib/schema-component/antd/association-field/schema.d.ts

@@ -121,22 +121,10 @@ declare const _default: {
         type: string;
         'x-component': string;
         'x-initializer': string;
-        properties: {
-            indexCol: {
-                type: string;
-                'x-component': string;
-                'x-component-props': {
-                    width: number;
-                };
-                properties: {
-                    __index__: {
-                        type: string;
-                        'x-component': string;
-                        'x-read-pretty': boolean;
-                    };
-                };
-            };
+        'x-initializer-props': {
+            action: boolean;
         };
+        properties: {};
     };
 };
 export default _default;

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

@@ -127,22 +127,10 @@ var _default = {
     type: 'void',
     'x-component': 'AssociationField.SubTable',
     'x-initializer': 'TableColumnInitializers',
-    properties: {
-      indexCol: {
-        type: 'void',
-        'x-component': 'TableV2.Column',
-        'x-component-props': {
-          width: 80
-        },
-        properties: {
-          __index__: {
-            type: 'void',
-            'x-component': 'TableV2.Index',
-            'x-read-pretty': true
-          }
-        }
-      }
-    }
+    'x-initializer-props': {
+      action: false
+    },
+    properties: {}
   }
 };
 exports.default = _default;

package/lib/schema-component/antd/association-filter/ActionBarAssociationFilterAction.d.ts

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

package/lib/schema-component/antd/association-filter/AssociationFilter.BlockDesigner.d.ts

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

package/lib/schema-component/antd/association-filter/AssociationFilter.FilterBlockInitializer.d.ts

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

package/lib/schema-component/antd/association-filter/AssociationFilter.Initializer.d.ts

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

package/lib/schema-component/antd/association-filter/AssociationFilter.Item.Designer.d.ts

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

package/lib/schema-component/antd/association-filter/AssociationFilter.Item.d.ts

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

package/lib/schema-component/antd/association-filter/AssociationFilter.d.ts

@@ -1,12 +1,13 @@
+import React from 'react';
 import { AssociationFilterItemDesigner } from './AssociationFilter.Item.Designer';
 export declare const AssociationFilter: {
-    (props: any): JSX.Element;
-    Provider: (props: any) => JSX.Element;
-    Initializer: () => JSX.Element;
-    FilterBlockInitializer: () => JSX.Element;
-    Item: ((props: any) => JSX.Element) & {
+    (props: any): React.JSX.Element;
+    Provider: (props: any) => React.JSX.Element;
+    Initializer: () => React.JSX.Element;
+    FilterBlockInitializer: () => React.JSX.Element;
+    Item: ((props: any) => React.JSX.Element) & {
         Designer: typeof AssociationFilterItemDesigner;
     };
-    BlockDesigner: () => JSX.Element;
+    BlockDesigner: () => React.JSX.Element;
     useAssociationField(): import("../../../collection-manager").CollectionFieldOptions;
 };

package/lib/schema-component/antd/association-filter/AssociationFilterDesignerDelete.d.ts

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

package/lib/schema-component/antd/association-filter/AssociationFilterDesignerDisplayField.d.ts

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

package/lib/schema-component/antd/association-select/ReadPretty.d.ts

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

package/lib/schema-component/antd/association-select/ReadPretty.js

@@ -22,5 +22,7 @@ var ReadPretty = (0, _react.observer)(function (props) {
   return /*#__PURE__*/_react2.default.createElement(_remoteSelect.RemoteSelect.ReadPretty, _objectSpread(_objectSpread({}, props), {}, {
     service: service
   }));
+}, {
+  displayName: 'ReadPretty'
 });
 exports.ReadPretty = ReadPretty;

package/lib/schema-component/antd/block-item/BlockItem.js

@@ -13,9 +13,12 @@ var _templateObject;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 var BlockItem = function BlockItem(props) {
+  var _useProps = (0, _hooks.useProps)(props),
+    className = _useProps.className,
+    children = _useProps.children;
   var Designer = (0, _hooks.useDesigner)();
   return /*#__PURE__*/_react.default.createElement(_common.SortableItem, {
-    className: (0, _classnames.default)('nb-block-item', props.className, (0, _css.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n          position: relative;\n          &:hover {\n            > .general-schema-designer {\n              display: block;\n            }\n          }\n          &.nb-form-item:hover {\n            > .general-schema-designer {\n              background: rgba(241, 139, 98, 0.06) !important;\n              border: 0 !important;\n              top: -5px !important;\n              bottom: -5px !important;\n              left: -5px !important;\n              right: -5px !important;\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            border: 2px solid rgba(241, 139, 98, 0.3);\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        "]))))
-  }, /*#__PURE__*/_react.default.createElement(Designer, null), props.children);
+    className: (0, _classnames.default)('nb-block-item', className, (0, _css.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n          position: relative;\n          &:hover {\n            > .general-schema-designer {\n              display: block;\n            }\n          }\n          &.nb-form-item:hover {\n            > .general-schema-designer {\n              background: rgba(241, 139, 98, 0.06) !important;\n              border: 0 !important;\n              top: -5px !important;\n              bottom: -5px !important;\n              left: -5px !important;\n              right: -5px !important;\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            border: 2px solid rgba(241, 139, 98, 0.3);\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        "]))))
+  }, /*#__PURE__*/_react.default.createElement(Designer, null), children);
 };
 exports.BlockItem = BlockItem;

package/lib/schema-component/antd/block-item/TestDesigner.d.ts

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

package/lib/schema-component/antd/calendar/Calendar.Designer.d.ts

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

package/lib/schema-component/antd/calendar/Calendar.js

@@ -9,11 +9,11 @@ var _icons = require("@ant-design/icons");
 var _core = require("@formily/core");
 var _react = require("@formily/react");
 var _cronParser = require("cron-parser");
+var _dateArithmetic = require("date-arithmetic");
 var _get = _interopRequireDefault(require("lodash/get"));
 var _moment = _interopRequireDefault(require("moment"));
 var _react2 = _interopRequireWildcard(require("react"));
 var _reactBigCalendar = require("react-big-calendar");
-var dates = _interopRequireWildcard(require("react-big-calendar/lib/utils/dates"));
 var _reactI18next = require("react-i18next");
 var _ = require("../../../");
 var _i18n = require("../../../i18n");
@@ -184,7 +184,7 @@ var CalendarRecordViewer = function CalendarRecordViewer(props) {
     value: {
       close: close
     }
-  }, /*#__PURE__*/_react2.default.createElement(_action.ActionContext.Provider, {
+  }, /*#__PURE__*/_react2.default.createElement(_action.ActionContextProvider, {
     value: {
       visible: visible,
       setVisible: setVisible
@@ -290,7 +290,7 @@ var Calendar = (0, _react.observer)(function (props) {
       dayRangeHeaderFormat: function dayRangeHeaderFormat(_ref, culture, local) {
         var start = _ref.start,
           end = _ref.end;
-        if (dates.eq(start, end, 'month')) {
+        if ((0, _dateArithmetic.eq)(start, end, 'month')) {
           return local.format(start, 'Y-M', culture);
         }
         return "".concat(local.format(start, 'Y-M', culture), " - ").concat(local.format(end, 'Y-M', culture));
@@ -299,5 +299,7 @@ var Calendar = (0, _react.observer)(function (props) {
     components: components,
     localizer: localizer
   }));
+}, {
+  displayName: 'Calendar'
 });
 exports.Calendar = Calendar;

package/lib/schema-component/antd/calendar/DeleteEvent.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const DeleteEvent: React.MemoExoticComponent<React.FunctionComponent<unknown>>;
+export declare const DeleteEvent: React.MemoExoticComponent<import("@formily/react").ReactFC<unknown>>;
 export default DeleteEvent;

package/lib/schema-component/antd/calendar/DeleteEvent.js

@@ -130,6 +130,8 @@ var DeleteEvent = (0, _react.observer)(function () {
       fontSize: '18px'
     }
   }, t('Delete this event?'))), document.body);
+}, {
+  displayName: 'DeleteEvent'
 });
 exports.DeleteEvent = DeleteEvent;
 var _default = DeleteEvent;

package/lib/schema-component/antd/calendar/Event.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const Event: React.MemoExoticComponent<React.FunctionComponent<unknown>>;
+export declare const Event: React.MemoExoticComponent<import("@formily/react").ReactFC<unknown>>;

package/lib/schema-component/antd/calendar/Event.js

@@ -9,5 +9,7 @@ var _react2 = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var Event = (0, _react.observer)(function (props) {
   return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, props.children);
+}, {
+  displayName: 'Event'
 });
 exports.Event = Event;

package/lib/schema-component/antd/calendar/Nav.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const Nav: React.MemoExoticComponent<React.FunctionComponent<unknown>>;
+export declare const Nav: React.MemoExoticComponent<import("@formily/react").ReactFC<unknown>>;

package/lib/schema-component/antd/calendar/Nav.js

@@ -9,7 +9,7 @@ var _icons = require("@ant-design/icons");
 var _react = require("@formily/react");
 var _antd = require("antd");
 var _react2 = _interopRequireWildcard(require("react"));
-var _constants = require("react-big-calendar/lib/utils/constants");
+var _reactBigCalendar = require("react-big-calendar/dist/react-big-calendar.esm");
 var _hooks = require("../../hooks");
 var _context = require("./context");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -24,13 +24,15 @@ var Nav = (0, _react.observer)(function (props) {
   }, /*#__PURE__*/_react2.default.createElement(_antd.Button, {
     icon: /*#__PURE__*/_react2.default.createElement(_icons.LeftOutlined, null),
     onClick: function onClick() {
-      return onNavigate(_constants.navigate.PREVIOUS);
+      return onNavigate(_reactBigCalendar.Navigate.PREVIOUS);
     }
   }), /*#__PURE__*/_react2.default.createElement(_antd.Button, {
     icon: /*#__PURE__*/_react2.default.createElement(_icons.RightOutlined, null),
     onClick: function onClick() {
-      return onNavigate(_constants.navigate.NEXT);
+      return onNavigate(_reactBigCalendar.Navigate.NEXT);
     }
   }), /*#__PURE__*/_react2.default.createElement(DesignableBar, null));
+}, {
+  displayName: 'Nav'
 });
 exports.Nav = Nav;

package/lib/schema-component/antd/calendar/Title.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const Title: React.MemoExoticComponent<React.FunctionComponent<unknown>>;
+export declare const Title: React.MemoExoticComponent<import("@formily/react").ReactFC<unknown>>;

package/lib/schema-component/antd/calendar/Title.js

@@ -37,5 +37,7 @@ var Title = (0, _react.observer)(function () {
       marginLeft: '4px'
     }
   }, lunarElement), /*#__PURE__*/_react2.default.createElement(DesignableBar, null));
+}, {
+  displayName: 'Title'
 });
 exports.Title = Title;

package/lib/schema-component/antd/calendar/Today.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const Today: React.MemoExoticComponent<React.FunctionComponent<unknown>>;
+export declare const Today: React.MemoExoticComponent<import("@formily/react").ReactFC<unknown>>;

package/lib/schema-component/antd/calendar/Today.js

@@ -8,7 +8,7 @@ exports.Today = void 0;
 var _react = require("@formily/react");
 var _antd = require("antd");
 var _react2 = _interopRequireWildcard(require("react"));
-var _constants = require("react-big-calendar/lib/utils/constants");
+var _reactBigCalendar = require("react-big-calendar/dist/react-big-calendar.esm");
 var _reactI18next = require("react-i18next");
 var _hooks = require("../../hooks");
 var _context = require("./context");
@@ -23,8 +23,10 @@ var Today = (0, _react.observer)(function (props) {
     t = _useTranslation.t;
   return /*#__PURE__*/_react2.default.createElement(_antd.Button, {
     onClick: function onClick() {
-      onNavigate(_constants.navigate.TODAY);
+      onNavigate(_reactBigCalendar.Navigate.TODAY);
     }
   }, t('Today'), /*#__PURE__*/_react2.default.createElement(DesignableBar, null));
+}, {
+  displayName: 'Today'
 });
 exports.Today = Today;

package/lib/schema-component/antd/calendar/ViewSelect.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const ViewSelect: React.MemoExoticComponent<React.FunctionComponent<unknown>>;
+export declare const ViewSelect: React.MemoExoticComponent<import("@formily/react").ReactFC<unknown>>;

package/lib/schema-component/antd/calendar/ViewSelect.js

@@ -27,8 +27,11 @@ var ViewSelect = (0, _react.observer)(function (props) {
     onChange: onView
   }, views.map(function (name) {
     return /*#__PURE__*/_react2.default.createElement(_antd.Select.Option, {
+      key: name,
       value: name
     }, messages[name]);
   })), /*#__PURE__*/_react2.default.createElement(DesignableBar, null));
+}, {
+  displayName: 'ViewSelect'
 });
 exports.ViewSelect = ViewSelect;

package/lib/schema-component/antd/calendar/components/Header.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 declare const Header: ({ date, label, drilldownView, onDrillDown, showLunar, type, localizer }: {
     date: any;
     label: any;
@@ -6,5 +7,5 @@ declare const Header: ({ date, label, drilldownView, onDrillDown, showLunar, typ
     showLunar?: boolean;
     type: any;
     localizer: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default Header;

package/lib/schema-component/antd/card-item/CardItem.js

@@ -29,7 +29,7 @@ var CardItem = function CardItem(props) {
     className: 'noco-card-item'
   }, /*#__PURE__*/_react2.default.createElement(_antd.Card, _objectSpread({
     style: {
-      marginBottom: 24
+      marginBottom: 'var(--nb-spacing)'
     },
     bordered: false
   }, restProps), props.children));

package/lib/schema-component/antd/cascader/Cascader.js

@@ -54,7 +54,8 @@ var Cascader = (0, _react.connect)(function (props) {
         field.dataSource = (data === null || data === void 0 ? void 0 : data.data) || [];
       }
     }),
-    loading = _useDataSource.loading;
+    loading = _useDataSource.loading,
+    run = _useDataSource.run;
   // 兼容值为 object[] 的情况
   var toValue = function toValue() {
     return (0, _shared.toArr)(value).map(function (item) {
@@ -81,6 +82,11 @@ var Cascader = (0, _react.connect)(function (props) {
       }, (item === null || item === void 0 ? void 0 : item[fieldNames.label]) || label);
     }));
   };
+  var handelDropDownVisible = function handelDropDownVisible(value) {
+    if (value && !field.dataSource) {
+      run();
+    }
+  };
   return /*#__PURE__*/_react2.default.createElement(_antd.Cascader, _objectSpread(_objectSpread({
     loading: loading
   }, others), {}, {
@@ -90,6 +96,7 @@ var Cascader = (0, _react.connect)(function (props) {
     value: toValue(),
     fieldNames: fieldNames,
     displayRender: displayRender,
+    onDropdownVisibleChange: handelDropDownVisible,
     onChange: function onChange(value, selectedOptions) {
       if (value && labelInValue) {
         _onChange(selectedOptions.map(function (option) {

package/lib/schema-component/antd/checkbox/Checkbox.d.ts

@@ -1,8 +1,9 @@
-import type { CheckboxGroupProps, CheckboxProps } from 'antd/lib/checkbox';
+import type { CheckboxGroupProps, CheckboxProps } from 'antd/es/checkbox';
 import React from 'react';
 declare type ComposedCheckbox = React.FC<CheckboxProps> & {
     Group?: React.FC<CheckboxGroupProps>;
     __ANT_CHECKBOX?: boolean;
+    ReadPretty?: React.FC<CheckboxProps>;
 };
 export declare const Checkbox: ComposedCheckbox;
 export default Checkbox;

package/lib/schema-component/antd/checkbox/Checkbox.js

@@ -18,17 +18,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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); }
-var Checkbox = (0, _react.connect)(function (props) {
-  var changeHandler = function changeHandler(val) {
-    props === null || props === void 0 ? void 0 : props.onChange(val);
-  };
-  return /*#__PURE__*/_react2.default.createElement(_antd.Checkbox, _objectSpread(_objectSpread({}, props), {}, {
-    onChange: changeHandler
-  }));
-}, (0, _react.mapProps)({
-  value: 'checked',
-  onInput: 'onChange'
-}), (0, _react.mapReadPretty)(function (props) {
+var ReadPretty = function ReadPretty(props) {
   if (props.value) {
     return /*#__PURE__*/_react2.default.createElement(_icons.CheckOutlined, {
       style: {
@@ -41,8 +31,20 @@ var Checkbox = (0, _react.connect)(function (props) {
       color: '#ff4d4f'
     }
   }) : null;
-}));
+};
+var Checkbox = (0, _react.connect)(function (props) {
+  var changeHandler = function changeHandler(val) {
+    props === null || props === void 0 ? void 0 : props.onChange(val);
+  };
+  return /*#__PURE__*/_react2.default.createElement(_antd.Checkbox, _objectSpread(_objectSpread({}, props), {}, {
+    onChange: changeHandler
+  }));
+}, (0, _react.mapProps)({
+  value: 'checked',
+  onInput: 'onChange'
+}), (0, _react.mapReadPretty)(ReadPretty));
 exports.Checkbox = Checkbox;
+Checkbox.ReadPretty = ReadPretty;
 Checkbox.__ANT_CHECKBOX = true;
 Checkbox.Group = (0, _react.connect)(_antd.Checkbox.Group, (0, _react.mapProps)({
   dataSource: 'options'

package/lib/schema-component/antd/collection-select/CollectionSelect.js

@@ -70,5 +70,7 @@ var CollectionSelect = (0, _react.connect)(function (props) {
       color: option.color
     }, compile(option.label));
   }));
+}, {
+  displayName: 'CollectionSelectObserver'
 })));
 exports.CollectionSelect = CollectionSelect;

package/lib/schema-component/antd/cron/Cron.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 import { CronProps } from 'react-js-cron';
 import 'react-js-cron/dist/styles.css';
 export declare const Cron: ((props: Omit<CronProps, "setValue"> & {
     onChange: (value: string) => void;
-}) => JSX.Element) & {
+}) => React.JSX.Element) & {
     ReadPretty: any;
 };
 export default Cron;

package/lib/schema-component/antd/cron/Cron.js

@@ -7,11 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Cron = void 0;
 var _css = require("@emotion/css");
 var _react = require("@formily/react");
+var _client = require("@nocobase/utils/client");
 var _cronstrue = _interopRequireDefault(require("cronstrue"));
 var _react2 = _interopRequireWildcard(require("react"));
 var _reactJsCron = require("react-js-cron");
-var _apiClient = require("../../../api-client");
 require("react-js-cron/dist/styles.css");
+var _apiClient = require("../../../api-client");
 var _templateObject;
 var _excluded = ["onChange"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -45,7 +46,7 @@ var ReadPretty = function ReadPretty(props) {
         use24HourTimeFormat: true
       });
     } catch (_unused) {
-      console.error("The '".concat(props.value, "' is not a valid cron expression"));
+      (0, _client.error)("The '".concat(props.value, "' is not a valid cron expression"));
       return props.value;
     }
   }, [props.value]);

package/lib/schema-component/antd/date-picker/DatePicker.d.ts

@@ -1,3 +1,4 @@
+import type { DatePickerProps as AntdDatePickerProps } from 'antd/es/date-picker';
 import React from 'react';
 interface IDatePickerProps {
     utc?: boolean;
@@ -5,7 +6,8 @@ interface IDatePickerProps {
 export declare const useDatePickerContext: () => IDatePickerProps;
 export declare const DatePickerProvider: React.Provider<IDatePickerProps>;
 export declare const DatePicker: {
-    (props: any): JSX.Element;
-    RangePicker(props: any): JSX.Element;
+    (props: any): React.JSX.Element;
+    ReadPretty: React.FC<AntdDatePickerProps>;
+    RangePicker(props: any): React.JSX.Element;
 };
 export default DatePicker;