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

package/es/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/es/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/es/schema-component/antd/association-select/ReadPretty.js

@@ -15,4 +15,6 @@ export var ReadPretty = observer(function (props) {
   return /*#__PURE__*/React.createElement(RemoteSelect.ReadPretty, _objectSpread(_objectSpread({}, props), {}, {
     service: service
   }));
+}, {
+  displayName: 'ReadPretty'
 });

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

@@ -4,10 +4,13 @@ import { css } from '@emotion/css';
 import cls from 'classnames';
 import React from 'react';
 import { SortableItem } from '../../common';
-import { useDesigner } from '../../hooks';
+import { useDesigner, useProps } from '../../hooks';
 export var BlockItem = function BlockItem(props) {
+  var _useProps = useProps(props),
+    className = _useProps.className,
+    children = _useProps.children;
   var Designer = useDesigner();
   return /*#__PURE__*/React.createElement(SortableItem, {
-    className: cls('nb-block-item', props.className, 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.createElement(Designer, null), props.children);
+    className: cls('nb-block-item', className, 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.createElement(Designer, null), children);
 };

package/es/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/es/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/es/schema-component/antd/calendar/Calendar.js

@@ -12,18 +12,18 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { LeftOutlined, RightOutlined } from '@ant-design/icons';
 import { createForm } from '@formily/core';
-import { observer, RecursionField, useFieldSchema } from '@formily/react';
+import { RecursionField, observer, useFieldSchema } from '@formily/react';
 import { parseExpression } from 'cron-parser';
+import { eq } from 'date-arithmetic';
 import get from 'lodash/get';
 import moment from 'moment';
 import React, { useCallback, useMemo, useState } from 'react';
 import { Calendar as BigCalendar, momentLocalizer } from 'react-big-calendar';
-import * as dates from 'react-big-calendar/lib/utils/dates';
 import { useTranslation } from 'react-i18next';
 import { RecordProvider } from '../../../';
 import { i18n } from '../../../i18n';
 import { useProps } from '../../hooks/useProps';
-import { ActionContext } from '../action';
+import { ActionContextProvider } from '../action';
 import Header from './components/Header';
 import { CalendarToolbarContext } from './context';
 import './style.less';
@@ -174,7 +174,7 @@ var CalendarRecordViewer = function CalendarRecordViewer(props) {
     value: {
       close: close
     }
-  }, /*#__PURE__*/React.createElement(ActionContext.Provider, {
+  }, /*#__PURE__*/React.createElement(ActionContextProvider, {
     value: {
       visible: visible,
       setVisible: setVisible
@@ -280,7 +280,7 @@ export var Calendar = observer(function (props) {
       dayRangeHeaderFormat: function dayRangeHeaderFormat(_ref, culture, local) {
         var start = _ref.start,
           end = _ref.end;
-        if (dates.eq(start, end, 'month')) {
+        if (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));
@@ -289,4 +289,6 @@ export var Calendar = observer(function (props) {
     components: components,
     localizer: localizer
   }));
+}, {
+  displayName: 'Calendar'
 });

package/es/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/es/schema-component/antd/calendar/DeleteEvent.js

@@ -121,5 +121,7 @@ export var DeleteEvent = observer(function () {
       fontSize: '18px'
     }
   }, t('Delete this event?'))), document.body);
+}, {
+  displayName: 'DeleteEvent'
 });
 export default DeleteEvent;

package/es/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/es/schema-component/antd/calendar/Event.js

@@ -2,4 +2,6 @@ import { observer } from '@formily/react';
 import React from 'react';
 export var Event = observer(function (props) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
+}, {
+  displayName: 'Event'
 });

package/es/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/es/schema-component/antd/calendar/Nav.js

@@ -2,7 +2,7 @@ import { LeftOutlined, RightOutlined } from '@ant-design/icons';
 import { observer } from '@formily/react';
 import { Button } from 'antd';
 import React, { useContext } from 'react';
-import { navigate } from 'react-big-calendar/lib/utils/constants';
+import { Navigate } from 'react-big-calendar/dist/react-big-calendar.esm';
 import { useDesignable } from '../../hooks';
 import { CalendarToolbarContext } from './context';
 export var Nav = observer(function (props) {
@@ -15,12 +15,14 @@ export var Nav = observer(function (props) {
   }, /*#__PURE__*/React.createElement(Button, {
     icon: /*#__PURE__*/React.createElement(LeftOutlined, null),
     onClick: function onClick() {
-      return onNavigate(navigate.PREVIOUS);
+      return onNavigate(Navigate.PREVIOUS);
     }
   }), /*#__PURE__*/React.createElement(Button, {
     icon: /*#__PURE__*/React.createElement(RightOutlined, null),
     onClick: function onClick() {
-      return onNavigate(navigate.NEXT);
+      return onNavigate(Navigate.NEXT);
     }
   }), /*#__PURE__*/React.createElement(DesignableBar, null));
+}, {
+  displayName: 'Nav'
 });

package/es/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/es/schema-component/antd/calendar/Title.js

@@ -28,4 +28,6 @@ export var Title = observer(function () {
       marginLeft: '4px'
     }
   }, lunarElement), /*#__PURE__*/React.createElement(DesignableBar, null));
+}, {
+  displayName: 'Title'
 });

package/es/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/es/schema-component/antd/calendar/Today.js

@@ -1,7 +1,7 @@
 import { observer } from '@formily/react';
 import { Button } from 'antd';
 import React, { useContext } from 'react';
-import { navigate } from 'react-big-calendar/lib/utils/constants';
+import { Navigate } from 'react-big-calendar/dist/react-big-calendar.esm';
 import { useTranslation } from 'react-i18next';
 import { useDesignable } from '../../hooks';
 import { CalendarToolbarContext } from './context';
@@ -14,7 +14,9 @@ export var Today = observer(function (props) {
     t = _useTranslation.t;
   return /*#__PURE__*/React.createElement(Button, {
     onClick: function onClick() {
-      onNavigate(navigate.TODAY);
+      onNavigate(Navigate.TODAY);
     }
   }, t('Today'), /*#__PURE__*/React.createElement(DesignableBar, null));
+}, {
+  displayName: 'Today'
 });

package/es/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/es/schema-component/antd/calendar/ViewSelect.js

@@ -18,7 +18,10 @@ export var ViewSelect = observer(function (props) {
     onChange: onView
   }, views.map(function (name) {
     return /*#__PURE__*/React.createElement(Select.Option, {
+      key: name,
       value: name
     }, messages[name]);
   })), /*#__PURE__*/React.createElement(DesignableBar, null));
+}, {
+  displayName: 'ViewSelect'
 });

package/es/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/es/schema-component/antd/card-item/CardItem.js

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

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

@@ -47,7 +47,8 @@ export var Cascader = 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 toArr(value).map(function (item) {
@@ -74,6 +75,11 @@ export var Cascader = 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__*/React.createElement(AntdCascader, _objectSpread(_objectSpread({
     loading: loading
   }, others), {}, {
@@ -83,6 +89,7 @@ export var Cascader = 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/es/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/es/schema-component/antd/checkbox/Checkbox.js

@@ -11,17 +11,7 @@ import { Checkbox as AntdCheckbox, Tag } from 'antd';
 import uniq from 'lodash/uniq';
 import React from 'react';
 import { EllipsisWithTooltip } from '../input/EllipsisWithTooltip';
-export var Checkbox = connect(function (props) {
-  var changeHandler = function changeHandler(val) {
-    props === null || props === void 0 ? void 0 : props.onChange(val);
-  };
-  return /*#__PURE__*/React.createElement(AntdCheckbox, _objectSpread(_objectSpread({}, props), {}, {
-    onChange: changeHandler
-  }));
-}, mapProps({
-  value: 'checked',
-  onInput: 'onChange'
-}), mapReadPretty(function (props) {
+var ReadPretty = function ReadPretty(props) {
   if (props.value) {
     return /*#__PURE__*/React.createElement(CheckOutlined, {
       style: {
@@ -34,7 +24,19 @@ export var Checkbox = connect(function (props) {
       color: '#ff4d4f'
     }
   }) : null;
-}));
+};
+export var Checkbox = connect(function (props) {
+  var changeHandler = function changeHandler(val) {
+    props === null || props === void 0 ? void 0 : props.onChange(val);
+  };
+  return /*#__PURE__*/React.createElement(AntdCheckbox, _objectSpread(_objectSpread({}, props), {}, {
+    onChange: changeHandler
+  }));
+}, mapProps({
+  value: 'checked',
+  onInput: 'onChange'
+}), mapReadPretty(ReadPretty));
+Checkbox.ReadPretty = ReadPretty;
 Checkbox.__ANT_CHECKBOX = true;
 Checkbox.Group = connect(AntdCheckbox.Group, mapProps({
   dataSource: 'options'

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

@@ -63,4 +63,6 @@ export var CollectionSelect = connect(function (props) {
       color: option.color
     }, compile(option.label));
   }));
+}, {
+  displayName: 'CollectionSelectObserver'
 })));

package/es/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/es/schema-component/antd/cron/Cron.js

@@ -11,11 +11,12 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { css } from '@emotion/css';
 import { connect, mapReadPretty } from '@formily/react';
+import { error } from '@nocobase/utils/client';
 import cronstrue from 'cronstrue';
 import React, { useMemo } from 'react';
 import { Cron as ReactCron } from 'react-js-cron';
-import { useAPIClient } from '../../../api-client';
 import 'react-js-cron/dist/styles.css';
+import { useAPIClient } from '../../../api-client';
 var Input = function Input(props) {
   var onChange = props.onChange,
     rest = _objectWithoutProperties(props, _excluded);
@@ -36,7 +37,7 @@ var ReadPretty = function ReadPretty(props) {
         use24HourTimeFormat: true
       });
     } catch (_unused) {
-      console.error("The '".concat(props.value, "' is not a valid cron expression"));
+      error("The '".concat(props.value, "' is not a valid cron expression"));
       return props.value;
     }
   }, [props.value]);

package/es/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;

package/es/schema-component/antd/date-picker/DatePicker.js

@@ -28,7 +28,8 @@ export var DatePicker = function DatePicker(props) {
   }, props);
   return /*#__PURE__*/React.createElement(_DatePicker, _objectSpread({}, props));
 };
-DatePicker.RangePicker = function (props) {
+DatePicker.ReadPretty = ReadPretty.DatePicker;
+DatePicker.RangePicker = function RangePicker(props) {
   var _ranges;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;

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

@@ -1,4 +1,4 @@
-import type { DatePickerProps as AntdDatePickerProps, RangePickerProps as AntdRangePickerProps } from 'antd/lib/date-picker';
+import type { DatePickerProps as AntdDatePickerProps, RangePickerProps as AntdRangePickerProps } from 'antd/es/date-picker';
 import React from 'react';
 declare type Composed = {
     DatePicker: React.FC<AntdDatePickerProps>;

package/es/schema-component/antd/date-picker/ReadPretty.js

@@ -1,4 +1,4 @@
-import { usePrefixCls } from '@formily/antd/lib/__builtins__';
+import { usePrefixCls } from '@formily/antd/esm/__builtins__';
 import { isArr } from '@formily/shared';
 import { getDefaultFormat, str2moment } from '@nocobase/utils/client';
 import cls from 'classnames';

package/es/schema-component/antd/error-fallback/ErrorFallback.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export declare const ErrorFallback: ({ error }: {
     error: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/es/schema-component/antd/expand-action/Expand.Action.Design.d.ts

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

package/es/schema-component/antd/expand-action/Expand.Action.Design.js

@@ -4,11 +4,11 @@ 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); }
+import { useField, useFieldSchema } from '@formily/react';
 import React from 'react';
-import { GeneralSchemaDesigner, SchemaSettings } from '../../../schema-settings';
 import { useTranslation } from 'react-i18next';
-import { useFieldSchema, useField } from '@formily/react';
 import { useDesignable } from '../..';
+import { GeneralSchemaDesigner, SchemaSettings } from '../../../schema-settings';
 export var ExpandActionDesign = function ExpandActionDesign(props) {
   var _fieldSchema$xCompon, _fieldSchema$xCompon2;
   var _useTranslation = useTranslation(),

package/es/schema-component/antd/expand-action/Expand.Action.d.ts

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

package/es/schema-component/antd/expand-action/Expand.Action.js

@@ -1,17 +1,14 @@
 var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import React from 'react';
+import { css } from '@emotion/css';
 import { useFieldSchema } from '@formily/react';
-import { useTranslation } from 'react-i18next';
-import { useTableBlockContext, useTableSelectorContext } from '../../../block-provider';
 import { Button } from 'antd';
-import { css } from '@emotion/css';
+import React from 'react';
+import { useTableBlockContext, useTableSelectorContext } from '../../../block-provider';
 import { Icon } from '../../../icon';
 var actionDesignerCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  &:hover {\n    .general-schema-designer {\n      display: block;\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    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 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"])));
 export var ExpandAction = function ExpandAction(props) {
   var _schema$parent, _schema$parent$parent;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
   var schema = useFieldSchema();
   var ctxSelector = useTableSelectorContext();
   var ctxBlock = useTableBlockContext();

package/es/schema-component/antd/filter/DynamicComponent.d.ts

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

package/es/schema-component/antd/filter/Filter.Action.Designer.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 export declare const useFilterableFields: (collectionName: string) => import("../../../collection-manager").CollectionFieldOptions[];
-export declare const FilterActionDesigner: (props: any) => JSX.Element;
+export declare const FilterActionDesigner: (props: any) => React.JSX.Element;

package/es/schema-component/antd/filter/Filter.js

@@ -9,11 +9,11 @@ import React from 'react';
 import { useRequest } from '../../../api-client';
 import { useProps } from '../../hooks/useProps';
 import { DatePickerProvider } from '../date-picker';
-import { FilterContext } from './context';
 import { FilterActionDesigner } from './Filter.Action.Designer';
 import { FilterAction } from './FilterAction';
 import { FilterGroup } from './FilterGroup';
 import { SaveDefaultValue } from './SaveDefaultValue';
+import { FilterContext } from './context';
 var useDef = function useDef(options) {
   var field = useField();
   return useRequest(function () {
@@ -53,6 +53,8 @@ export var Filter = observer(function (props) {
   }, /*#__PURE__*/React.createElement(FilterGroup, _objectSpread(_objectSpread({}, props), {}, {
     bordered: false
   })))));
+}, {
+  displayName: 'Filter'
 });
 Filter.SaveDefaultValue = SaveDefaultValue;
 Filter.Action = FilterAction;

package/es/schema-component/antd/filter/FilterAction.d.ts

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

package/es/schema-component/antd/filter/FilterAction.js

@@ -80,7 +80,7 @@ export var FilterAction = observer(function (props) {
         }
       }
     }), /*#__PURE__*/React.createElement("div", {
-      className: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n                  display: flex;\n                  justify-content: flex-end;\n                  width: 100%;\n                "])))
+      className: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n                    display: flex;\n                    justify-content: flex-end;\n                    width: 100%;\n                  "])))
     }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(SaveConditions, null), /*#__PURE__*/React.createElement(Button, {
       onClick: function () {
         var _onClick = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
@@ -117,6 +117,8 @@ export var FilterAction = observer(function (props) {
   }, /*#__PURE__*/React.createElement(Action, _objectSpread(_objectSpread({}, others), {}, {
     title: field.title
   }))));
+}, {
+  displayName: 'FilterAction'
 });
 var SaveConditions = function SaveConditions() {
   var _useContext = useContext(FilterActionContext),

package/es/schema-component/antd/filter/FilterItem.d.ts

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