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

package/lib/schema-component/antd/table-v2/Table.js

@@ -7,6 +7,7 @@ exports.Table = void 0;
 var _icons = require("@ant-design/icons");
 var _sortable = require("@dnd-kit/sortable");
 var _css = require("@emotion/css");
+var _internals = require("@formily/core/esm/shared/internals");
 var _react = require("@formily/react");
 var _reactive = require("@formily/reactive");
 var _ahooks = require("ahooks");
@@ -21,7 +22,7 @@ var _utils = require("./utils");
 var _excluded = ["pagination", "useProps", "onChange"],
   _excluded2 = ["pagination", "onClickRow"],
   _excluded3 = ["dragSort", "showIndex", "onRowSelectionChange", "onChange", "rowSelection", "rowKey", "required", "onExpand"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
 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); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -101,7 +102,7 @@ var useTableColumns = function useTableColumns(props) {
   if (!exists) {
     return columns;
   }
-  return columns.concat({
+  var tableColumns = columns.concat({
     title: render(),
     dataIndex: 'TABLE_COLUMN_INITIALIZER',
     key: 'TABLE_COLUMN_INITIALIZER',
@@ -113,11 +114,38 @@ var useTableColumns = function useTableColumns(props) {
       });
     } : null
   });
+  if (props.showDel) {
+    tableColumns.push({
+      title: '',
+      key: 'delete',
+      width: 60,
+      align: 'center',
+      fixed: 'right',
+      render: function render(v, record, index) {
+        return /*#__PURE__*/_react2.default.createElement(_icons.DeleteOutlined, {
+          style: {
+            cursor: 'pointer'
+          },
+          onClick: function onClick() {
+            (0, _reactive.action)(function () {
+              (0, _internals.spliceArrayState)(field, {
+                startIndex: index,
+                deleteCount: 1
+              });
+              field.value.splice(index, 1);
+              return field.onInput(field.value);
+            });
+          }
+        });
+      }
+    });
+  }
+  return tableColumns;
 };
 var topActiveClass = (0, _css.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  & > td {\n    border-top: 2px solid rgba(241, 139, 98, 0.6) !important;\n  }\n"])));
 var bottomActiveClass = (0, _css.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  & > td {\n    border-bottom: 2px solid rgba(241, 139, 98, 0.6) !important;\n  }\n"])));
 var SortableRow = function SortableRow(props) {
-  var _props$dataRowKey, _active$data$current$, _active$data$current, _over$data$current$so, _over$data$current;
+  var _props$dataRowKey, _active$data$current$, _active$data$current, _over$data$current$so, _over$data$current, _over$data$current$so2;
   var id = (_props$dataRowKey = props['data-row-key']) === null || _props$dataRowKey === void 0 ? void 0 : _props$dataRowKey.toString();
   var _useSortable = (0, _sortable.useSortable)({
       id: id
@@ -126,7 +154,7 @@ var SortableRow = function SortableRow(props) {
     isOver = _useSortable.isOver,
     active = _useSortable.active,
     over = _useSortable.over;
-  var className = ((_active$data$current$ = active === null || active === void 0 ? void 0 : (_active$data$current = active.data.current) === null || _active$data$current === void 0 ? void 0 : _active$data$current.sortable.index) !== null && _active$data$current$ !== void 0 ? _active$data$current$ : -1) > ((_over$data$current$so = over === null || over === void 0 ? void 0 : (_over$data$current = over.data.current) === null || _over$data$current === void 0 ? void 0 : _over$data$current.sortable.index) !== null && _over$data$current$so !== void 0 ? _over$data$current$so : -1) ? topActiveClass : bottomActiveClass;
+  var className = ((_active$data$current$ = active === null || active === void 0 ? void 0 : (_active$data$current = active.data.current) === null || _active$data$current === void 0 ? void 0 : _active$data$current.sortable.index) !== null && _active$data$current$ !== void 0 ? _active$data$current$ : -1) > ((_over$data$current$so = over === null || over === void 0 ? void 0 : (_over$data$current = over.data.current) === null || _over$data$current === void 0 ? void 0 : (_over$data$current$so2 = _over$data$current.sortable) === null || _over$data$current$so2 === void 0 ? void 0 : _over$data$current$so2.index) !== null && _over$data$current$so !== void 0 ? _over$data$current$so : -1) ? topActiveClass : bottomActiveClass;
   return /*#__PURE__*/_react2.default.createElement("tr", _objectSpread(_objectSpread({
     ref: (active === null || active === void 0 ? void 0 : active.id) !== id ? setNodeRef : null
   }, props), {}, {
@@ -191,7 +219,7 @@ var useValidator = function useValidator(validator) {
   }, []);
 };
 var Table = (0, _react.observer)(function (props) {
-  var _schema$parent, _schema$parent2, _field$data, _fieldSchema$parent, _fieldSchema$parent$x, _field$value4, _field$value4$slice;
+  var _schema$parent, _schema$parent2, _field$data, _field$value2, _field$value2$slice, _field$value2$slice$c, _field$value2$slice$c2, _fieldSchema$parent, _fieldSchema$parent$x;
   var pagination1 = props.pagination,
     useProps = props.useProps,
     onChange = props.onChange,
@@ -220,7 +248,7 @@ var Table = (0, _react.observer)(function (props) {
   var expandFlag = ctx.expandFlag;
   var onRowDragEnd = (0, _ahooks.useMemoizedFn)(others.onRowDragEnd || function () {});
   var paginationProps = usePaginationProps(pagination1, pagination2);
-  var requiredValidator = field.required || required;
+  // const requiredValidator = field.required || required;
   var _ref2 = (schema === null || schema === void 0 ? void 0 : (_schema$parent2 = schema.parent) === null || _schema$parent2 === void 0 ? void 0 : _schema$parent2['x-decorator-props']) || {},
     treeTable = _ref2.treeTable;
   var _useState = (0, _react2.useState)([]),
@@ -239,6 +267,8 @@ var Table = (0, _react.observer)(function (props) {
     _useState8 = _slicedToArray(_useState7, 2),
     selectedRow = _useState8[0],
     setSelectedRow = _useState8[1];
+  var dataSource = (field === null || field === void 0 ? void 0 : (_field$value2 = field.value) === null || _field$value2 === void 0 ? void 0 : (_field$value2$slice = _field$value2.slice) === null || _field$value2$slice === void 0 ? void 0 : (_field$value2$slice$c = _field$value2$slice.call(_field$value2)) === null || _field$value2$slice$c === void 0 ? void 0 : (_field$value2$slice$c2 = _field$value2$slice$c.filter) === null || _field$value2$slice$c2 === void 0 ? void 0 : _field$value2$slice$c2.call(_field$value2$slice$c, Boolean)) || [];
+  var isRowSelect = (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.type) !== 'none';
   var onRow = null,
     highlightRow = '';
   if (onClickRow) {
@@ -251,18 +281,18 @@ var Table = (0, _react.observer)(function (props) {
     };
     highlightRow = (0, _css.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      & > td {\n        background-color: #caedff !important;\n      }\n      &:hover > td {\n        background-color: #caedff !important;\n      }\n    "])));
   }
-  (0, _react2.useEffect)(function () {
-    field.setValidator(function (value) {
-      if (requiredValidator) {
-        return Array.isArray(value) && value.length > 0 ? null : 'The field value is required';
-      }
-      return;
-    });
-  }, [requiredValidator]);
+  // useEffect(() => {
+  //   field.setValidator((value) => {
+  //     if (requiredValidator) {
+  //       return Array.isArray(value) && value.length > 0 ? null : 'The field value is required';
+  //     }
+  //     return;
+  //   });
+  // }, [requiredValidator]);
   (0, _react2.useEffect)(function () {
     if (treeTable !== false) {
-      var _field$value2, _field$value2$slice;
-      var keys = (0, _utils.getIdsWithChildren)((_field$value2 = field.value) === null || _field$value2 === void 0 ? void 0 : (_field$value2$slice = _field$value2.slice) === null || _field$value2$slice === void 0 ? void 0 : _field$value2$slice.call(_field$value2));
+      var _field$value3, _field$value3$slice;
+      var keys = (0, _utils.getIdsWithChildren)((_field$value3 = field.value) === null || _field$value3 === void 0 ? void 0 : (_field$value3$slice = _field$value3.slice) === null || _field$value3$slice === void 0 ? void 0 : _field$value3$slice.call(_field$value3));
       setAllIncludesChildren(keys);
     }
   }, [field.value]);
@@ -320,8 +350,8 @@ var Table = (0, _react.observer)(function (props) {
     };
   }, [field, onRowDragEnd, dragSort]);
   var defaultRowKey = function defaultRowKey(record) {
-    var _field$value3, _field$value3$indexOf;
-    return (_field$value3 = field.value) === null || _field$value3 === void 0 ? void 0 : (_field$value3$indexOf = _field$value3.indexOf) === null || _field$value3$indexOf === void 0 ? void 0 : _field$value3$indexOf.call(_field$value3, record);
+    var _field$value4, _field$value4$indexOf;
+    return (_field$value4 = field.value) === null || _field$value4 === void 0 ? void 0 : (_field$value4$indexOf = _field$value4.indexOf) === null || _field$value4$indexOf === void 0 ? void 0 : _field$value4$indexOf.call(_field$value4, record);
   };
   var getRowKey = function getRowKey(record) {
     if (typeof rowKey === 'string') {
@@ -358,23 +388,24 @@ var Table = (0, _react.observer)(function (props) {
           index = (0, _utils.extractIndex)(record.__index);
         }
         return /*#__PURE__*/_react2.default.createElement("div", {
-          className: (0, _classnames.default)(checked ? 'checked' : null, (0, _css.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n                    position: relative;\n                    display: flex;\n                    float: left;\n                    align-items: center;\n                    justify-content: space-evenly;\n                    padding-right: 8px;\n                    .nb-table-index {\n                      opacity: 0;\n                    }\n                    &:not(.checked) {\n                      .nb-table-index {\n                        opacity: 1;\n                      }\n                    }\n                    &:hover {\n                      .nb-table-index {\n                        opacity: 0;\n                      }\n                      .nb-origin-node {\n                        display: block;\n                      }\n                    }\n                  "]))))
+          className: (0, _classnames.default)(checked ? 'checked' : null, (0, _css.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n                    position: relative;\n                    display: flex;\n                    float: left;\n                    align-items: center;\n                    justify-content: space-evenly;\n                    padding-right: 8px;\n                    .nb-table-index {\n                      opacity: 0;\n                    }\n                    &:not(.checked) {\n                      .nb-table-index {\n                        opacity: 1;\n                      }\n                    }\n                  "]))), _defineProperty({}, (0, _css.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n                      &:hover {\n                        .nb-table-index {\n                          opacity: 0;\n                        }\n                        .nb-origin-node {\n                          display: block;\n                        }\n                      }\n                    "]))), isRowSelect))
         }, /*#__PURE__*/_react2.default.createElement("div", {
-          className: (0, _classnames.default)(checked ? 'checked' : null, (0, _css.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n                      position: relative;\n                      display: flex;\n                      align-items: center;\n                      justify-content: space-evenly;\n                    "]))))
+          className: (0, _classnames.default)(checked ? 'checked' : null, (0, _css.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n                      position: relative;\n                      display: flex;\n                      align-items: center;\n                      justify-content: space-evenly;\n                    "]))))
         }, dragSort && /*#__PURE__*/_react2.default.createElement(SortHandle, {
           id: getRowKey(record)
         }), showIndex && /*#__PURE__*/_react2.default.createElement(TableIndex, {
           index: index
-        })), /*#__PURE__*/_react2.default.createElement("div", {
-          className: (0, _classnames.default)('nb-origin-node', checked ? 'checked' : null, (0, _css.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n                      position: absolute;\n                      right: 50%;\n                      transform: translateX(50%);\n                      &:not(.checked) {\n                        display: none;\n                      }\n                    "]))))
+        })), isRowSelect && /*#__PURE__*/_react2.default.createElement("div", {
+          className: (0, _classnames.default)('nb-origin-node', checked ? 'checked' : null, (0, _css.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n                        position: absolute;\n                        right: 50%;\n                        transform: translateX(50%);\n                        &:not(.checked) {\n                          display: none;\n                        }\n                      "]))))
         }, originNode));
       }
     }, rowSelection) : undefined
   };
   var SortableWrapper = (0, _react2.useCallback)(function (_ref4) {
+    var _field$value5, _field$value5$map;
     var children = _ref4.children;
     return dragSort ? /*#__PURE__*/_react2.default.createElement(_sortable.SortableContext, {
-      items: field.value.map(getRowKey),
+      items: ((_field$value5 = field.value) === null || _field$value5 === void 0 ? void 0 : (_field$value5$map = _field$value5.map) === null || _field$value5$map === void 0 ? void 0 : _field$value5$map.call(_field$value5, getRowKey)) || [],
       children: children
     }) : /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, {
       children: children
@@ -394,11 +425,11 @@ var Table = (0, _react.observer)(function (props) {
     };
   }, [fixedBlock, tableHeight]);
   return /*#__PURE__*/_react2.default.createElement("div", {
-    className: (0, _css.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n        height: 100%;\n        overflow: hidden;\n        .ant-table-wrapper {\n          height: 100%;\n          .ant-spin-nested-loading {\n            height: 100%;\n            .ant-spin-container {\n              height: 100%;\n              display: flex;\n              flex-direction: column;\n            }\n          }\n        }\n        .ant-table {\n          overflow-x: auto;\n          overflow-y: hidden;\n        }\n      "])))
+    className: (0, _css.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n        height: 100%;\n        overflow: hidden;\n        .ant-table-wrapper {\n          height: 100%;\n          .ant-spin-nested-loading {\n            height: 100%;\n            .ant-spin-container {\n              height: 100%;\n              display: flex;\n              flex-direction: column;\n            }\n          }\n        }\n        .ant-table {\n          overflow-x: auto;\n          overflow-y: hidden;\n        }\n      "])))
   }, /*#__PURE__*/_react2.default.createElement(SortableWrapper, null, /*#__PURE__*/_react2.default.createElement(_antd.Table, _objectSpread(_objectSpread(_objectSpread({
     ref: tableSizeRefCallback,
     rowKey: rowKey !== null && rowKey !== void 0 ? rowKey : defaultRowKey,
-    dataSource: field === null || field === void 0 ? void 0 : (_field$value4 = field.value) === null || _field$value4 === void 0 ? void 0 : (_field$value4$slice = _field$value4.slice) === null || _field$value4$slice === void 0 ? void 0 : _field$value4$slice.call(_field$value4)
+    dataSource: dataSource
   }, others), restProps), {}, {
     pagination: paginationProps,
     components: components,

package/lib/schema-component/antd/table-v2/TableBlockDesigner.d.ts

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.TableBlockDesigner = void 0;
 var _antd = require("@formily/antd");
 var _react = require("@formily/react");
-var _react2 = _interopRequireDefault(require("react"));
+var _react2 = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _blockProvider = require("../../../block-provider");
 var _SharedFilterProvider = require("../../../block-provider/SharedFilterProvider");
@@ -19,7 +19,8 @@ var _hooks = require("../../hooks");
 var _filter = require("../filter");
 var _page = require("../page");
 var _FilterDynamicComponent = require("./FilterDynamicComponent");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -33,13 +34,14 @@ 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); }
 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 = (0, _collectionManager.useCollection)(),
     name = _useCollection.name,
     title = _useCollection.title,
     sortable = _useCollection.sortable;
   var _useCollectionManager = (0, _collectionManager.useCollectionManager)(),
-    getCollectionField = _useCollectionManager.getCollectionField;
+    getCollectionField = _useCollectionManager.getCollectionField,
+    getCollection = _useCollectionManager.getCollection;
   var field = (0, _react.useField)();
   var fieldSchema = (0, _react.useFieldSchema)();
   var dataSource = (0, _actionHooks.useCollectionFilterOptions)(name);
@@ -50,6 +52,7 @@ var TableBlockDesigner = function TableBlockDesigner() {
     t = _useTranslation.t;
   var _useDesignable = (0, _hooks.useDesignable)(),
     dn = _useDesignable.dn;
+  var compile = (0, _hooks.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;
@@ -68,19 +71,57 @@ 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 = (0, _react2.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 (0, _FilterDynamicComponent.FilterDynamicComponent)(_objectSpread({}, props));
+            }
+          }
+        }
+      }
+    };
+  }, [dataSource, defaultFilter]);
+  var onDataScopeSubmit = (0, _react2.useCallback)(function (_ref) {
+    var _service$params, _service$params$, _service$params2, _schema;
+    var filter = _ref.filter;
+    filter = (0, _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: (0, _SharedFilterProvider.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__*/_react2.default.createElement(_schemaSettings.GeneralSchemaDesigner, {
     template: template,
     title: title || name
   }, /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.BlockTitleItem, null), (collection === null || collection === void 0 ? void 0 : collection.tree) && /*#__PURE__*/_react2.default.createElement(_schemaSettings.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', {
@@ -93,54 +134,20 @@ 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__*/_react2.default.createElement(_page.FixedBlockDesignerItem, null), /*#__PURE__*/_react2.default.createElement(_schemaSettings.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 (0, _FilterDynamicComponent.FilterDynamicComponent)(_objectSpread({}, props));
-            }
-          }
-        }
-      }
-    },
-    onSubmit: function onSubmit(_ref) {
-      var _service$params3, _service$params3$, _service$params4, _schema2;
-      var filter = _ref.filter;
-      filter = (0, _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: (0, _SharedFilterProvider.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__*/_react2.default.createElement(_schemaSettings.SchemaSettings.ModalItem, {
     title: t('Set default sorting rules'),
     components: {

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

@@ -40,6 +40,8 @@ var TableField = (0, _react.observer)(function (props) {
     field.decoratorProps.asterisk = fieldSchema.required;
   }, [fieldSchema.required]);
   return /*#__PURE__*/_react2.default.createElement("div", null, props.children);
+}, {
+  displayName: 'TableField'
 });
 exports.TableField = TableField;
 TableField.ActionBar = (0, _react.observer)(function (props) {
@@ -53,4 +55,6 @@ TableField.ActionBar = (0, _react.observer)(function (props) {
       marginTop: -32
     }
   }, /*#__PURE__*/_react2.default.createElement(_action.ActionBar, _objectSpread({}, props)));
+}, {
+  displayName: 'TableField.ActionBar'
 });

package/lib/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/lib/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/lib/schema-component/antd/table-v2/index.js

@@ -51,6 +51,18 @@ Object.keys(_TableSelectorDesigner).forEach(function (key) {
     }
   });
 });
+var _FilterDynamicComponent = require("./FilterDynamicComponent");
+Object.keys(_FilterDynamicComponent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _FilterDynamicComponent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _FilterDynamicComponent[key];
+    }
+  });
+});
 var TableV2 = _Table.Table;
 exports.TableV2 = TableV2;
 TableV2.Column = _Table3.TableColumn;

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

@@ -39,7 +39,7 @@ 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/lib/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/lib/schema-component/antd/tabs/Tabs.js

@@ -8,25 +8,41 @@ var _css = require("@emotion/css");
 var _react = require("@formily/react");
 var _antd = require("antd");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _react2 = _interopRequireDefault(require("react"));
+var _react2 = _interopRequireWildcard(require("react"));
 var _icon = require("../../../icon");
 var _schemaInitializer = require("../../../schema-initializer");
 var _common = require("../../common");
 var _useDesigner = require("../../hooks/useDesigner");
+var _context = require("./context");
 var _Tabs = require("./Tabs.Designer");
 var _templateObject;
+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); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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 _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); }
 var Tabs = (0, _react.observer)(function (props) {
   var fieldSchema = (0, _react.useFieldSchema)();
   var _useSchemaInitializer = (0, _schemaInitializer.useSchemaInitializer)(fieldSchema['x-initializer']),
     render = _useSchemaInitializer.render;
-  return /*#__PURE__*/_react2.default.createElement(_common.DndContext, null, /*#__PURE__*/_react2.default.createElement(_antd.Tabs, {
+  var contextProps = (0, _context.useTabsContext)();
+  var PaneProvider = (0, _react2.useMemo)(function () {
+    if (contextProps.deep === false) {
+      return _context.TabsContextProvider;
+    }
+    return _react2.default.Fragment;
+  }, [contextProps.deep]);
+  return /*#__PURE__*/_react2.default.createElement(_common.DndContext, null, /*#__PURE__*/_react2.default.createElement(_antd.Tabs, _objectSpread(_objectSpread({}, contextProps), {}, {
     style: props.style,
     tabBarExtraContent: {
       right: render()
     }
-  }, fieldSchema.mapProperties(function (schema, key) {
+  }), fieldSchema.mapProperties(function (schema, key) {
     return /*#__PURE__*/_react2.default.createElement(_antd.Tabs.TabPane, {
       tab: /*#__PURE__*/_react2.default.createElement(_react.RecursionField, {
         name: key,
@@ -34,12 +50,14 @@ var Tabs = (0, _react.observer)(function (props) {
         onlyRenderSelf: true
       }),
       key: key
-    }, /*#__PURE__*/_react2.default.createElement(_react.RecursionField, {
+    }, /*#__PURE__*/_react2.default.createElement(PaneProvider, null, /*#__PURE__*/_react2.default.createElement(_react.RecursionField, {
       name: key,
       schema: schema,
       onlyRenderProperties: true
-    }));
+    })));
   })));
+}, {
+  displayName: 'Tabs'
 });
 exports.Tabs = Tabs;
 var designerCss = (0, _css.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"])));
@@ -54,5 +72,7 @@ Tabs.TabPane = (0, _react.observer)(function (props) {
     },
     type: props.icon
   }), " ", props.tab || field.title, /*#__PURE__*/_react2.default.createElement(Designer, null));
+}, {
+  displayName: 'Tabs.TabPane'
 });
 Tabs.Designer = _Tabs.TabsDesigner;

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

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

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

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTabsContext = exports.TabsContextProvider = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _excluded = ["children"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
+var TabsContext = /*#__PURE__*/_react.default.createContext({});
+var TabsContextProvider = function TabsContextProvider(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(TabsContext.Provider, {
+    value: props
+  }, children);
+};
+exports.TabsContextProvider = TabsContextProvider;
+var useTabsContext = function useTabsContext() {
+  return _react.default.useContext(TabsContext);
+};
+exports.useTabsContext = useTabsContext;

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

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

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

@@ -13,4 +13,15 @@ Object.keys(_Tabs).forEach(function (key) {
       return _Tabs[key];
     }
   });
+});
+var _context = require("./context");
+Object.keys(_context).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _context[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _context[key];
+    }
+  });
 });

package/lib/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/lib/schema-component/antd/time-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 _classnames = _interopRequireDefault(require("classnames"));
 var _moment = _interopRequireDefault(require("moment"));

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TimePicker = void 0;
-var _builtins__ = require("@formily/antd/lib/__builtins__");
+var _builtins__ = require("@formily/antd/esm/__builtins__");
 var _react = require("@formily/react");
 var _antd = require("antd");
 var _ReadPretty = require("./ReadPretty");

package/lib/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/lib/schema-component/antd/tree-select/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 _react = require("@formily/react");
 var _shared = require("@formily/shared");
 var _antd = require("antd");
@@ -67,5 +67,7 @@ var ReadPretty = (0, _react.observer)(function (props) {
     className: (0, _classnames.default)(prefixCls, props.className),
     style: props.style
   }, getLabels());
+}, {
+  displayName: 'ReadPretty'
 });
 exports.ReadPretty = ReadPretty;