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

package/es/schema-component/antd/table-v2/TableBlockDesigner.js

@@ -12,7 +12,7 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 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 { ArrayItems } from '@formily/antd';
 import { useField, useFieldSchema } from '@formily/react';
-import React from 'react';
+import React, { useCallback, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useTableBlockContext } from '../../../block-provider';
 import { mergeFilter } from '../../../block-provider/SharedFilterProvider';
@@ -21,18 +21,19 @@ import { useCollectionFilterOptions, useSortFields } from '../../../collection-m
 import { FilterBlockType } from '../../../filter-provider/utils';
 import { GeneralSchemaDesigner, SchemaSettings } from '../../../schema-settings';
 import { useSchemaTemplate } from '../../../schema-templates';
-import { useDesignable } from '../../hooks';
+import { useCompile, useDesignable } from '../../hooks';
 import { removeNullCondition } from '../filter';
 import { FixedBlockDesignerItem } from '../page';
 import { FilterDynamicComponent } from './FilterDynamicComponent';
 export var TableBlockDesigner = function TableBlockDesigner() {
-  var _fieldSchema$xDecora, _fieldSchema$xDecora$, _fieldSchema$xDecora2, _fieldSchema$xDecora3, _fieldSchema$xDecora4, _fieldSchema$xDecora5, _getCollectionField, _field$decoratorProps2, _field$decoratorProps3;
+  var _fieldSchema$xDecora, _fieldSchema$xDecora$, _fieldSchema$xDecora2, _fieldSchema$xDecora3, _fieldSchema$xDecora4, _fieldSchema$xDecora5, _getCollection, _getCollectionField, _field$decoratorProps2, _field$decoratorProps3;
   var _useCollection = useCollection(),
     name = _useCollection.name,
     title = _useCollection.title,
     sortable = _useCollection.sortable;
   var _useCollectionManager = useCollectionManager(),
-    getCollectionField = _useCollectionManager.getCollectionField;
+    getCollectionField = _useCollectionManager.getCollectionField,
+    getCollection = _useCollectionManager.getCollection;
   var field = useField();
   var fieldSchema = useFieldSchema();
   var dataSource = useCollectionFilterOptions(name);
@@ -43,6 +44,7 @@ export var TableBlockDesigner = function TableBlockDesigner() {
     t = _useTranslation.t;
   var _useDesignable = useDesignable(),
     dn = _useDesignable.dn;
+  var compile = useCompile();
   var defaultFilter = (fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xDecora = fieldSchema['x-decorator-props']) === null || _fieldSchema$xDecora === void 0 ? void 0 : (_fieldSchema$xDecora$ = _fieldSchema$xDecora.params) === null || _fieldSchema$xDecora$ === void 0 ? void 0 : _fieldSchema$xDecora$.filter) || {};
   var defaultSort = (fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xDecora2 = fieldSchema['x-decorator-props']) === null || _fieldSchema$xDecora2 === void 0 ? void 0 : (_fieldSchema$xDecora3 = _fieldSchema$xDecora2.params) === null || _fieldSchema$xDecora3 === void 0 ? void 0 : _fieldSchema$xDecora3.sort) || [];
   var defaultResource = fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xDecora4 = fieldSchema['x-decorator-props']) === null || _fieldSchema$xDecora4 === void 0 ? void 0 : _fieldSchema$xDecora4.resource;
@@ -61,19 +63,57 @@ export var TableBlockDesigner = function TableBlockDesigner() {
   var _field$decoratorProps = field.decoratorProps,
     dragSort = _field$decoratorProps.dragSort,
     resource = _field$decoratorProps.resource;
-  var treeChildren = (resource === null || resource === void 0 ? void 0 : resource.includes('.')) ? (_getCollectionField = getCollectionField(resource)) === null || _getCollectionField === void 0 ? void 0 : _getCollectionField.treeChildren : !!(collection === null || collection === void 0 ? void 0 : collection.tree);
+  var treeCollection = (resource === null || resource === void 0 ? void 0 : resource.includes('.')) ? (_getCollection = getCollection((_getCollectionField = getCollectionField(resource)) === null || _getCollectionField === void 0 ? void 0 : _getCollectionField.target)) === null || _getCollection === void 0 ? void 0 : _getCollection.tree : !!(collection === null || collection === void 0 ? void 0 : collection.tree);
+  var dataScopeSchema = useMemo(function () {
+    return {
+      type: 'object',
+      title: t('Set the data scope'),
+      properties: {
+        filter: {
+          default: defaultFilter,
+          // title: '数据范围',
+          enum: compile(dataSource),
+          'x-component': 'Filter',
+          'x-component-props': {
+            dynamicComponent: function dynamicComponent(props) {
+              return FilterDynamicComponent(_objectSpread({}, props));
+            }
+          }
+        }
+      }
+    };
+  }, [dataSource, defaultFilter]);
+  var onDataScopeSubmit = useCallback(function (_ref) {
+    var _service$params, _service$params$, _service$params2, _schema;
+    var filter = _ref.filter;
+    filter = removeNullCondition(filter);
+    var params = field.decoratorProps.params || {};
+    params.filter = filter;
+    field.decoratorProps.params = params;
+    fieldSchema['x-decorator-props']['params'] = params;
+    var filters = ((_service$params = service.params) === null || _service$params === void 0 ? void 0 : (_service$params$ = _service$params[1]) === null || _service$params$ === void 0 ? void 0 : _service$params$.filters) || {};
+    service.run(_objectSpread(_objectSpread({}, (_service$params2 = service.params) === null || _service$params2 === void 0 ? void 0 : _service$params2[0]), {}, {
+      filter: mergeFilter([].concat(_toConsumableArray(Object.values(filters)), [filter])),
+      page: 1
+    }), {
+      filters: filters
+    });
+    dn.emit('patch', {
+      schema: (_schema = {}, _defineProperty(_schema, 'x-uid', fieldSchema['x-uid']), _defineProperty(_schema, 'x-decorator-props', fieldSchema['x-decorator-props']), _schema)
+    });
+  }, [field]);
   return /*#__PURE__*/React.createElement(GeneralSchemaDesigner, {
     template: template,
     title: title || name
   }, /*#__PURE__*/React.createElement(SchemaSettings.BlockTitleItem, null), (collection === null || collection === void 0 ? void 0 : collection.tree) && /*#__PURE__*/React.createElement(SchemaSettings.SwitchItem, {
     title: t('Tree table'),
     defaultChecked: true,
-    checked: treeChildren ? field.decoratorProps.treeTable !== false : false,
+    checked: treeCollection ? field.decoratorProps.treeTable !== false : false,
     onChange: function onChange(flag) {
-      var _service$params;
+      var _service$params3;
       field.decoratorProps.treeTable = flag;
       fieldSchema['x-decorator-props'].treeTable = flag;
-      var params = _objectSpread(_objectSpread({}, (_service$params = service.params) === null || _service$params === void 0 ? void 0 : _service$params[0]), {}, {
+      var params = _objectSpread(_objectSpread({}, (_service$params3 = service.params) === null || _service$params3 === void 0 ? void 0 : _service$params3[0]), {}, {
         tree: flag ? true : null
       });
       dn.emit('patch', {
@@ -86,54 +126,20 @@ export var TableBlockDesigner = function TableBlockDesigner() {
     title: t('Enable drag and drop sorting'),
     checked: field.decoratorProps.dragSort,
     onChange: function onChange(dragSort) {
-      var _service$params2, _schema;
+      var _service$params4, _schema2;
       field.decoratorProps.dragSort = dragSort;
       fieldSchema['x-decorator-props'].dragSort = dragSort;
-      service.run(_objectSpread(_objectSpread({}, (_service$params2 = service.params) === null || _service$params2 === void 0 ? void 0 : _service$params2[0]), {}, {
+      service.run(_objectSpread(_objectSpread({}, (_service$params4 = service.params) === null || _service$params4 === void 0 ? void 0 : _service$params4[0]), {}, {
         sort: 'sort'
       }));
       dn.emit('patch', {
-        schema: (_schema = {}, _defineProperty(_schema, 'x-uid', fieldSchema['x-uid']), _defineProperty(_schema, 'x-decorator-props', fieldSchema['x-decorator-props']), _schema)
+        schema: (_schema2 = {}, _defineProperty(_schema2, 'x-uid', fieldSchema['x-uid']), _defineProperty(_schema2, 'x-decorator-props', fieldSchema['x-decorator-props']), _schema2)
       });
     }
   }), /*#__PURE__*/React.createElement(FixedBlockDesignerItem, null), /*#__PURE__*/React.createElement(SchemaSettings.ModalItem, {
     title: t('Set the data scope'),
-    schema: {
-      type: 'object',
-      title: t('Set the data scope'),
-      properties: {
-        filter: {
-          default: defaultFilter,
-          // title: '数据范围',
-          enum: dataSource,
-          'x-component': 'Filter',
-          'x-component-props': {
-            dynamicComponent: function dynamicComponent(props) {
-              return FilterDynamicComponent(_objectSpread({}, props));
-            }
-          }
-        }
-      }
-    },
-    onSubmit: function onSubmit(_ref) {
-      var _service$params3, _service$params3$, _service$params4, _schema2;
-      var filter = _ref.filter;
-      filter = removeNullCondition(filter);
-      var params = field.decoratorProps.params || {};
-      params.filter = filter;
-      field.decoratorProps.params = params;
-      fieldSchema['x-decorator-props']['params'] = params;
-      var filters = ((_service$params3 = service.params) === null || _service$params3 === void 0 ? void 0 : (_service$params3$ = _service$params3[1]) === null || _service$params3$ === void 0 ? void 0 : _service$params3$.filters) || {};
-      service.run(_objectSpread(_objectSpread({}, (_service$params4 = service.params) === null || _service$params4 === void 0 ? void 0 : _service$params4[0]), {}, {
-        filter: mergeFilter([].concat(_toConsumableArray(Object.values(filters)), [filter])),
-        page: 1
-      }), {
-        filters: filters
-      });
-      dn.emit('patch', {
-        schema: (_schema2 = {}, _defineProperty(_schema2, 'x-uid', fieldSchema['x-uid']), _defineProperty(_schema2, 'x-decorator-props', fieldSchema['x-decorator-props']), _schema2)
-      });
-    }
+    schema: dataScopeSchema,
+    onSubmit: onDataScopeSubmit
   }), !dragSort && /*#__PURE__*/React.createElement(SchemaSettings.ModalItem, {
     title: t('Set default sorting rules'),
     components: {

package/es/schema-component/antd/table-v2/TableField.js

@@ -32,6 +32,8 @@ export var TableField = observer(function (props) {
     field.decoratorProps.asterisk = fieldSchema.required;
   }, [fieldSchema.required]);
   return /*#__PURE__*/React.createElement("div", null, props.children);
+}, {
+  displayName: 'TableField'
 });
 TableField.ActionBar = observer(function (props) {
   var form = useForm();
@@ -44,4 +46,6 @@ TableField.ActionBar = observer(function (props) {
       marginTop: -32
     }
   }, /*#__PURE__*/React.createElement(ActionBar, _objectSpread({}, props)));
+}, {
+  displayName: 'TableField.ActionBar'
 });

package/es/schema-component/antd/table-v2/TableSelectorDesigner.d.ts

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

package/es/schema-component/antd/table-v2/index.d.ts

@@ -1,4 +1,5 @@
 export * from './TableBlockDesigner';
 export * from './TableField';
 export * from './TableSelectorDesigner';
+export * from './FilterDynamicComponent';
 export declare const TableV2: any;

package/es/schema-component/antd/table-v2/index.js

@@ -9,6 +9,7 @@ import { TableSelector } from './TableSelector';
 export * from './TableBlockDesigner';
 export * from './TableField';
 export * from './TableSelectorDesigner';
+export * from './FilterDynamicComponent';
 export var TableV2 = Table;
 TableV2.Column = TableColumn;
 TableV2.Column.ActionBar = TableColumnActionBar;

package/es/schema-component/antd/table-v2/utils.js

@@ -29,7 +29,7 @@ export function getIdsWithChildren(nodes) {
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var node = _step.value;
-        if (node.children && node.children.length > 0) {
+        if ((node === null || node === void 0 ? void 0 : node.children) && node.children.length > 0) {
           ids.push(node.id);
           ids.push.apply(ids, _toConsumableArray(getIdsWithChildren(node === null || node === void 0 ? void 0 : node.children)));
         }

package/es/schema-component/antd/tabs/Tabs.Designer.d.ts

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

package/es/schema-component/antd/tabs/Tabs.js

@@ -1,38 +1,67 @@
 var _templateObject;
+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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { css } from '@emotion/css';
 import { observer, RecursionField, useField, useFieldSchema } from '@formily/react';
 import { Tabs as AntdTabs } from 'antd';
 import classNames from 'classnames';
-import React from 'react';
+import React, { useMemo } from 'react';
 import { Icon } from '../../../icon';
 import { useSchemaInitializer } from '../../../schema-initializer';
 import { DndContext, SortableItem } from '../../common';
+import { useDesignable } from '../../hooks';
 import { useDesigner } from '../../hooks/useDesigner';
+import { useTabsContext } from './context';
 import { TabsDesigner } from './Tabs.Designer';
 export var Tabs = observer(function (props) {
   var fieldSchema = useFieldSchema();
   var _useSchemaInitializer = useSchemaInitializer(fieldSchema['x-initializer']),
     render = _useSchemaInitializer.render;
-  return /*#__PURE__*/React.createElement(DndContext, null, /*#__PURE__*/React.createElement(AntdTabs, {
-    style: props.style,
-    tabBarExtraContent: {
-      right: render()
+  var _useDesignable = useDesignable(),
+    designable = _useDesignable.designable;
+  var contextProps = useTabsContext();
+  var _contextProps$PaneRoo = contextProps.PaneRoot,
+    PaneRoot = _contextProps$PaneRoo === void 0 ? React.Fragment : _contextProps$PaneRoo;
+  var items = useMemo(function () {
+    var result = fieldSchema.mapProperties(function (schema, key) {
+      return {
+        key: key,
+        label: /*#__PURE__*/React.createElement(RecursionField, {
+          name: key,
+          schema: schema,
+          onlyRenderSelf: true
+        }),
+        children: /*#__PURE__*/React.createElement(PaneRoot, {
+          active: key === contextProps.activeKey
+        }, /*#__PURE__*/React.createElement(RecursionField, {
+          name: key,
+          schema: schema,
+          onlyRenderProperties: true
+        }))
+      };
+    });
+    if (designable) {
+      result.push({
+        key: 'designer',
+        label: render(),
+        children: null
+      });
     }
-  }, fieldSchema.mapProperties(function (schema, key) {
-    return /*#__PURE__*/React.createElement(AntdTabs.TabPane, {
-      tab: /*#__PURE__*/React.createElement(RecursionField, {
-        name: key,
-        schema: schema,
-        onlyRenderSelf: true
-      }),
-      key: key
-    }, /*#__PURE__*/React.createElement(RecursionField, {
-      name: key,
-      schema: schema,
-      onlyRenderProperties: true
-    }));
+    return result;
+  }, [fieldSchema.mapProperties(function (s, key) {
+    return key;
+  }).join()]);
+  return /*#__PURE__*/React.createElement(DndContext, null, /*#__PURE__*/React.createElement(AntdTabs, _objectSpread(_objectSpread({}, contextProps), {}, {
+    style: props.style,
+    items: items
   })));
+}, {
+  displayName: 'Tabs'
 });
 var designerCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  &:hover {\n    > .general-schema-designer {\n      display: block;\n    }\n  }\n  &.nb-action-link {\n    > .general-schema-designer {\n      top: -10px;\n      bottom: -10px;\n      left: -10px;\n      right: -10px;\n    }\n  }\n  > .general-schema-designer {\n    position: absolute;\n    z-index: 999;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    display: none;\n    background: rgba(241, 139, 98, 0.06);\n    border: 0;\n    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"])));
 Tabs.TabPane = observer(function (props) {
@@ -46,5 +75,7 @@ Tabs.TabPane = observer(function (props) {
     },
     type: props.icon
   }), " ", props.tab || field.title, /*#__PURE__*/React.createElement(Designer, null));
+}, {
+  displayName: 'Tabs.TabPane'
 });
 Tabs.Designer = TabsDesigner;

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

@@ -0,0 +1,8 @@
+import { TabsProps } from 'antd';
+import React from 'react';
+interface TabsContextProps extends TabsProps {
+    PaneRoot?: React.FC<any>;
+}
+export declare const TabsContextProvider: React.FC<TabsContextProps>;
+export declare const useTabsContext: () => TabsContextProps;
+export {};

package/es/schema-component/antd/tabs/context.js

@@ -0,0 +1,15 @@
+var _excluded = ["children"];
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+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 React from 'react';
+var TabsContext = /*#__PURE__*/React.createContext({});
+export var TabsContextProvider = function TabsContextProvider(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(TabsContext.Provider, {
+    value: props
+  }, children);
+};
+export var useTabsContext = function useTabsContext() {
+  return React.useContext(TabsContext);
+};

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

@@ -1 +1,2 @@
 export * from './Tabs';
+export * from './context';

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

@@ -1 +1,2 @@
-export * from './Tabs';
+export * from './Tabs';
+export * from './context';

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

@@ -1,3 +1,3 @@
-import { TimeRangePickerProps } from 'antd/lib/time-picker';
+import { TimeRangePickerProps } from 'antd/es/time-picker';
 import React from 'react';
 export declare const ReadPretty: React.FC<TimeRangePickerProps>;

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

@@ -1,4 +1,4 @@
-import { usePrefixCls } from '@formily/antd/lib/__builtins__';
+import { usePrefixCls } from '@formily/antd/esm/__builtins__';
 import { toArr } from '@formily/shared';
 import cls from 'classnames';
 import moment from 'moment';

package/es/schema-component/antd/time-picker/TimePicker.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TimePickerProps as AntdTimePickerProps, TimeRangePickerProps } from 'antd/lib/time-picker';
+import { TimePickerProps as AntdTimePickerProps, TimeRangePickerProps } from 'antd/es/time-picker';
 declare type ComposedTimePicker = React.FC<AntdTimePickerProps> & {
     RangePicker?: React.FC<TimeRangePickerProps>;
 };

package/es/schema-component/antd/time-picker/TimePicker.js

@@ -4,7 +4,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); }
-import { formatMomentValue, momentable } from '@formily/antd/lib/__builtins__';
+import { formatMomentValue, momentable } from '@formily/antd/esm/__builtins__';
 import { connect, mapProps, mapReadPretty } from '@formily/react';
 import { TimePicker as AntdTimePicker } from 'antd';
 import { ReadPretty } from './ReadPretty';

package/es/schema-component/antd/tree-select/ReadPretty.d.ts

@@ -1,3 +1,3 @@
-import { TreeSelectProps } from 'antd/lib/tree-select';
+import { TreeSelectProps } from 'antd/es/tree-select';
 import React from 'react';
 export declare const ReadPretty: React.FC<TreeSelectProps<any>>;

package/es/schema-component/antd/tree-select/ReadPretty.js

@@ -1,4 +1,4 @@
-import { usePrefixCls } from '@formily/antd/lib/__builtins__';
+import { usePrefixCls } from '@formily/antd/esm/__builtins__';
 import { observer, useField } from '@formily/react';
 import { isArr } from '@formily/shared';
 import { Tag } from 'antd';
@@ -60,4 +60,6 @@ export var ReadPretty = observer(function (props) {
     className: cls(prefixCls, props.className),
     style: props.style
   }, getLabels());
+}, {
+  displayName: 'ReadPretty'
 });

package/es/schema-component/antd/upload/ReadPretty.js

@@ -17,7 +17,7 @@ import { isImage, toArr, toImages } from './shared';
 export var ReadPretty = function ReadPretty() {
   return null;
 };
-ReadPretty.File = function (props) {
+ReadPretty.File = function File(props) {
   var _images$photoIndex, _images, _images2, _images$photoIndex2;
   var record = useRecord();
   var field = useField();
@@ -51,6 +51,7 @@ ReadPretty.File = function (props) {
     };
 
     return /*#__PURE__*/React.createElement("div", {
+      key: file.name,
       className: 'ant-upload-list-picture-card-container'
     }, /*#__PURE__*/React.createElement("div", {
       className: "ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture-card"
@@ -110,6 +111,7 @@ ReadPretty.File = function (props) {
     },
     imageTitle: (_images$photoIndex2 = images[photoIndex]) === null || _images$photoIndex2 === void 0 ? void 0 : _images$photoIndex2.title,
     toolbarButtons: [/*#__PURE__*/React.createElement("button", {
+      key: 'download',
       style: {
         fontSize: 22,
         background: 'none',
@@ -128,10 +130,12 @@ ReadPretty.File = function (props) {
     }, /*#__PURE__*/React.createElement(DownloadOutlined, null))]
   }));
 };
-ReadPretty.Upload = function (props) {
+ReadPretty.Upload = function Upload(props) {
   var field = useField();
   return (field.value || []).map(function (item) {
-    return /*#__PURE__*/React.createElement("div", null, item.url ? /*#__PURE__*/React.createElement("a", {
+    return /*#__PURE__*/React.createElement("div", {
+      key: item.name
+    }, item.url ? /*#__PURE__*/React.createElement("a", {
       target: '_blank',
       href: item.url,
       rel: "noreferrer"

package/es/schema-component/antd/upload/Upload.js

@@ -15,7 +15,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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 { DeleteOutlined, DownloadOutlined, InboxOutlined, LoadingOutlined, PlusOutlined } from '@ant-design/icons';
-import { usePrefixCls } from '@formily/antd/lib/__builtins__';
+import { usePrefixCls } from '@formily/antd/esm/__builtins__';
 import { connect, mapProps, mapReadPretty } from '@formily/react';
 import { Upload as AntdUpload, Button, Progress, Space } from 'antd';
 import cls from 'classnames';

package/es/schema-component/antd/upload/shared.d.ts

@@ -1,5 +1,5 @@
-import { UploadChangeParam } from 'antd/lib/upload';
-import { UploadFile } from 'antd/lib/upload/interface';
+import { UploadChangeParam } from 'antd/es/upload';
+import { UploadFile } from 'antd/es/upload/interface';
 import type { IUploadProps, UploadProps } from './type';
 export declare const isImage: (extName: string) => boolean;
 export declare const toMap: (fileList: any) => any;
@@ -26,7 +26,7 @@ export declare const normalizeFileList: (fileList: UploadFile[]) => {
     lastModifiedDate?: Date;
     percent?: number;
     crossOrigin?: "" | "anonymous" | "use-credentials";
-    originFileObj?: import("antd/lib/upload").RcFile;
+    originFileObj?: import("antd/es/upload").RcFile;
     response?: any;
     error?: any;
     linkProps?: any;

package/es/schema-component/antd/upload/style.less

@@ -40,7 +40,7 @@
     background: rgba(0, 0, 0, 0.5);
   }
   .ant-upload-list-picture-card-container {
-    margin-bottom: 28px;
+    // margin-bottom: 28px;
   }
 }
 
@@ -58,4 +58,3 @@
     padding: 1px;
   }
 }
-

package/es/schema-component/antd/upload/type.d.ts

@@ -1,5 +1,5 @@
-import type { DraggerProps as AntdDraggerProps, UploadProps as AntdUploadProps } from 'antd/lib/upload';
-import { UploadFile } from 'antd/lib/upload/interface';
+import type { DraggerProps as AntdDraggerProps, UploadProps as AntdUploadProps } from 'antd/es/upload';
+import { UploadFile } from 'antd/es/upload/interface';
 import React from 'react';
 
 export type UploadProps = Omit<AntdUploadProps, 'onChange'> & {

package/es/schema-component/antd/variable/Input.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function Input(props: any): JSX.Element;
+import React from 'react';
+export declare function Input(props: any): React.JSX.Element;