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

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

@@ -103,7 +103,7 @@ var DeleteEvent = (0, _react.observer)(function () {
     t = _useTranslation.t;
   return /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react2.default.createElement(_antd.Modal, {
     title: cron ? t('Delete events') : null,
-    visible: visible,
+    open: visible,
     onCancel: function onCancel() {
       return setVisible(false);
     },
@@ -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.length) {
+      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;

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

@@ -38,7 +38,8 @@ var DatePicker = function DatePicker(props) {
   return /*#__PURE__*/_react2.default.createElement(_DatePicker, _objectSpread({}, props));
 };
 exports.DatePicker = DatePicker;
-DatePicker.RangePicker = function (props) {
+DatePicker.ReadPretty = _ReadPretty.ReadPretty.DatePicker;
+DatePicker.RangePicker = function RangePicker(props) {
   var _ranges;
   var _useTranslation = (0, _reactI18next.useTranslation)(),
     t = _useTranslation.t;

package/lib/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/lib/schema-component/antd/date-picker/ReadPretty.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ReadPretty = void 0;
-var _builtins__ = require("@formily/antd/lib/__builtins__");
+var _builtins__ = require("@formily/antd/esm/__builtins__");
 var _shared = require("@formily/shared");
 var _client = require("@nocobase/utils/client");
 var _classnames = _interopRequireDefault(require("classnames"));

package/lib/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/lib/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/lib/schema-component/antd/expand-action/Expand.Action.Design.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ExpandActionDesign = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _schemaSettings = require("../../../schema-settings");
+var _react = require("@formily/react");
+var _react2 = _interopRequireDefault(require("react"));
 var _reactI18next = require("react-i18next");
-var _react2 = require("@formily/react");
 var _ = require("../..");
+var _schemaSettings = require("../../../schema-settings");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 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; }
@@ -20,8 +20,8 @@ var ExpandActionDesign = function ExpandActionDesign(props) {
   var _fieldSchema$xCompon, _fieldSchema$xCompon2;
   var _useTranslation = (0, _reactI18next.useTranslation)(),
     t = _useTranslation.t;
-  var fieldSchema = (0, _react2.useFieldSchema)();
-  var field = (0, _react2.useField)();
+  var fieldSchema = (0, _react.useFieldSchema)();
+  var field = (0, _react.useField)();
   var _useDesignable = (0, _.useDesignable)(),
     dn = _useDesignable.dn;
   var _ref = fieldSchema['x-component-props'] || {},
@@ -29,9 +29,9 @@ var ExpandActionDesign = function ExpandActionDesign(props) {
     titleCollapse = _ref.titleCollapse,
     iconExpand = _ref.iconExpand,
     iconCollapse = _ref.iconCollapse;
-  return /*#__PURE__*/_react.default.createElement(_schemaSettings.GeneralSchemaDesigner, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/_react2.default.createElement(_schemaSettings.GeneralSchemaDesigner, _objectSpread(_objectSpread({}, props), {}, {
     disableInitializer: true
-  }), /*#__PURE__*/_react.default.createElement(_schemaSettings.SchemaSettings.ModalItem, {
+  }), /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.ModalItem, {
     title: t('Edit button'),
     schema: {
       type: 'object',
@@ -107,7 +107,7 @@ var ExpandActionDesign = function ExpandActionDesign(props) {
       });
       dn.refresh();
     }
-  }), /*#__PURE__*/_react.default.createElement(_schemaSettings.SchemaSettings.Divider, null), /*#__PURE__*/_react.default.createElement(_schemaSettings.SchemaSettings.Remove, {
+  }), /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.Divider, null), /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.Remove, {
     removeParentsIfNoChildren: true,
     breakRemoveOn: function breakRemoveOn(s) {
       return s['x-component'] === 'Space' || s['x-component'].endsWith('ActionBar');

package/lib/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/lib/schema-component/antd/expand-action/Expand.Action.js

@@ -4,12 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ExpandAction = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@formily/react");
-var _reactI18next = require("react-i18next");
-var _blockProvider = require("../../../block-provider");
-var _antd = require("antd");
 var _css = require("@emotion/css");
+var _react = require("@formily/react");
+var _antd = require("antd");
+var _react2 = _interopRequireDefault(require("react"));
+var _blockProvider = require("../../../block-provider");
 var _icon = require("../../../icon");
 var _templateObject;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -17,9 +16,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 var actionDesignerCss = (0, _css.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"])));
 var ExpandAction = function ExpandAction(props) {
   var _schema$parent, _schema$parent$parent;
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t;
-  var schema = (0, _react2.useFieldSchema)();
+  var schema = (0, _react.useFieldSchema)();
   var ctxSelector = (0, _blockProvider.useTableSelectorContext)();
   var ctxBlock = (0, _blockProvider.useTableBlockContext)();
   var isTableSelector = ((_schema$parent = schema.parent) === null || _schema$parent === void 0 ? void 0 : (_schema$parent$parent = _schema$parent.parent) === null || _schema$parent$parent === void 0 ? void 0 : _schema$parent$parent['x-decorator']) === 'TableSelectorProvider';
@@ -29,17 +26,17 @@ var ExpandAction = function ExpandAction(props) {
     titleCollapse = _ref.titleCollapse,
     iconExpand = _ref.iconExpand,
     iconCollapse = _ref.iconCollapse;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react2.default.createElement("div", {
     className: actionDesignerCss
-  }, (ctx === null || ctx === void 0 ? void 0 : ctx.params['tree']) && /*#__PURE__*/_react.default.createElement(_antd.Button, {
+  }, (ctx === null || ctx === void 0 ? void 0 : ctx.params['tree']) && /*#__PURE__*/_react2.default.createElement(_antd.Button, {
     onClick: function onClick() {
       ctx === null || ctx === void 0 ? void 0 : ctx.setExpandFlag();
     },
-    icon: /*#__PURE__*/_react.default.createElement(_icon.Icon, {
+    icon: /*#__PURE__*/_react2.default.createElement(_icon.Icon, {
       type: (ctx === null || ctx === void 0 ? void 0 : ctx.expandFlag) ? iconCollapse : iconExpand
     }),
     type: props.type
-  }, props.children[1], /*#__PURE__*/_react.default.createElement("span", {
+  }, props.children[1], /*#__PURE__*/_react2.default.createElement("span", {
     style: {
       marginLeft: 10
     }

package/lib/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/lib/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/lib/schema-component/antd/filter/Filter.js

@@ -9,11 +9,11 @@ var _react2 = _interopRequireDefault(require("react"));
 var _apiClient = require("../../../api-client");
 var _useProps2 = require("../../hooks/useProps");
 var _datePicker = require("../date-picker");
-var _context = require("./context");
 var _FilterAction = require("./Filter.Action.Designer");
 var _FilterAction2 = require("./FilterAction");
 var _FilterGroup = require("./FilterGroup");
 var _SaveDefaultValue = require("./SaveDefaultValue");
+var _context = require("./context");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 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; }
@@ -60,6 +60,8 @@ var Filter = (0, _react.observer)(function (props) {
   }, /*#__PURE__*/_react2.default.createElement(_FilterGroup.FilterGroup, _objectSpread(_objectSpread({}, props), {}, {
     bordered: false
   })))));
+}, {
+  displayName: 'Filter'
 });
 exports.Filter = Filter;
 Filter.SaveDefaultValue = _SaveDefaultValue.SaveDefaultValue;

package/lib/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/lib/schema-component/antd/filter/FilterAction.js

@@ -89,7 +89,7 @@ var FilterAction = (0, _react.observer)(function (props) {
         }
       }
     }), /*#__PURE__*/_react2.default.createElement("div", {
-      className: (0, _css.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n                  display: flex;\n                  justify-content: flex-end;\n                  width: 100%;\n                "])))
+      className: (0, _css.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n                    display: flex;\n                    justify-content: flex-end;\n                    width: 100%;\n                  "])))
     }, /*#__PURE__*/_react2.default.createElement(_antd.Space, null, /*#__PURE__*/_react2.default.createElement(SaveConditions, null), /*#__PURE__*/_react2.default.createElement(_antd.Button, {
       onClick: function () {
         var _onClick = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
@@ -126,6 +126,8 @@ var FilterAction = (0, _react.observer)(function (props) {
   }, /*#__PURE__*/_react2.default.createElement(_action.Action, _objectSpread(_objectSpread({}, others), {}, {
     title: field.title
   }))));
+}, {
+  displayName: 'FilterAction'
 });
 exports.FilterAction = FilterAction;
 var SaveConditions = function SaveConditions() {

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