@nocobase/client 0.12.0-alpha.2 → 0.12.0-alpha.4

package/lib/schema-component/antd/remote-select/RemoteSelect.js

@@ -9,18 +9,14 @@ var _icons = require("@ant-design/icons");
 var _react = require("@formily/react");
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _antd = require("antd");
-var _flat = _interopRequireDefault(require("flat"));
-var _lodash = _interopRequireWildcard(require("lodash"));
+var _lodash = require("lodash");
 var _react2 = _interopRequireWildcard(require("react"));
 var _apiClient = require("../../../api-client");
-var _BlockProvider = require("../../../block-provider/BlockProvider");
 var _SharedFilterProvider = require("../../../block-provider/SharedFilterProvider");
 var _collectionManager = require("../../../collection-manager");
-var _uitls = require("../../common/utils/uitls");
 var _hooks = require("../../hooks");
 var _select = require("../select");
 var _ReadPretty = require("./ReadPretty");
-var _utils = require("./utils");
 var _excluded = ["fieldNames", "service", "wait", "value", "defaultValue", "objectValue", "manual", "mapOptions", "targetField", "CustomDropdownRender"];
 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; }
@@ -43,7 +39,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var EMPTY = 'N/A';
 var InternalRemoteSelect = (0, _react.connect)(function (props) {
-  var _fieldSchema$xCompon, _ctx$props, _field$componentProps4, _field$componentProps5, _field$componentProps6, _service$params2;
+  var _fieldSchema$xCompon, _service$params;
   var _props$fieldNames = props.fieldNames,
     fieldNames = _props$fieldNames === void 0 ? {} : _props$fieldNames,
     _props$service = props.service,
@@ -68,7 +64,6 @@ var InternalRemoteSelect = (0, _react.connect)(function (props) {
   var fieldSchema = (0, _react.useFieldSchema)();
   var isQuickAdd = ((_fieldSchema$xCompon = fieldSchema['x-component-props']) === null || _fieldSchema$xCompon === void 0 ? void 0 : _fieldSchema$xCompon.addMode) === 'quickAdd';
   var field = (0, _react.useField)();
-  var ctx = (0, _BlockProvider.useBlockRequestContext)();
   var _useCollection = (0, _collectionManager.useCollection)(),
     getField = _useCollection.getField;
   var searchData = (0, _react2.useRef)(null);
@@ -135,80 +130,16 @@ var InternalRemoteSelect = (0, _react.connect)(function (props) {
       return options;
     }
   }, [targetField === null || targetField === void 0 ? void 0 : targetField.uiSchema, fieldNames]);
-  var parseFilter = (0, _react2.useCallback)(function (rules) {
-    if (!rules) {
-      return undefined;
-    }
-    if (typeof rules === 'string') {
-      return rules;
-    }
-    var type = Object.keys(rules)[0] || '$and';
-    var conditions = rules[type];
-    var results = [];
-    conditions === null || conditions === void 0 ? void 0 : conditions.forEach(function (c) {
-      var _jsonlogic$value, _jsonlogic$value$matc;
-      var jsonlogic = (0, _uitls.getInnermostKeyAndValue)(c);
-      var regex = /{{(.*?)}}/;
-      var matches = (_jsonlogic$value = jsonlogic.value) === null || _jsonlogic$value === void 0 ? void 0 : (_jsonlogic$value$matc = _jsonlogic$value.match) === null || _jsonlogic$value$matc === void 0 ? void 0 : _jsonlogic$value$matc.call(_jsonlogic$value, regex);
-      if (!matches || !matches[1].includes('$form') && !matches[1].includes('$iteration')) {
-        results.push(c);
-        return;
-      }
-      var associationfield = (0, _utils.extractFilterfield)(matches[1]);
-      var filterCollectionField = getCollectionJoinField("".concat(ctx.props.collection, ".").concat(associationfield));
-      if (['o2m', 'm2m'].includes(filterCollectionField === null || filterCollectionField === void 0 ? void 0 : filterCollectionField.interface)) {
-        // 对多子表单
-        var pattern = (0, _utils.generatePattern)(matches === null || matches === void 0 ? void 0 : matches[1], associationfield);
-        var parseValue = (0, _utils.extractValuesByPattern)((0, _flat.default)(form.values), pattern);
-        var filters = parseValue.map(function (v) {
-          return JSON.parse(JSON.stringify(c).replace(jsonlogic.value, v));
-        });
-        results.push({
-          $or: filters
-        });
-      } else {
-        var variablesCtx = {
-          $form: form.values,
-          $iteration: form.values
-        };
-        var str = matches === null || matches === void 0 ? void 0 : matches[1];
-        if (str.includes('$iteration')) {
-          var path = field.path.segments.concat([]);
-          path.pop();
-          str = str.replace('$iteration.', "$iteration.".concat(path.join('.'), "."));
-        }
-        var _parseValue = (0, _utils.parseVariables)(str, variablesCtx);
-        if (Array.isArray(_parseValue)) {
-          var _filters = _parseValue.map(function (v) {
-            return JSON.parse(JSON.stringify(c).replace(jsonlogic.value, v));
-          });
-          results.push({
-            $or: _filters
-          });
-        } else {
-          var filterObj = JSON.parse(JSON.stringify(c).replace(jsonlogic.value, str.endsWith('id') ? _parseValue !== null && _parseValue !== void 0 ? _parseValue : 0 : _parseValue));
-          results.push(filterObj);
-        }
-      }
-    });
-    return _defineProperty({}, type, results);
-  }, [(_ctx$props = ctx.props) === null || _ctx$props === void 0 ? void 0 : _ctx$props.collection, field.path.segments, form.values, getCollectionJoinField]);
-  var filter = (0, _react2.useMemo)(function () {
-    var _fieldSchema$xCompon2, _fieldSchema$xCompon3, _fieldSchema$xCompon4, _field$componentProps, _field$componentProps2, _field$componentProps3, _fieldSchema$xCompon5, _fieldSchema$xCompon6, _fieldSchema$xCompon7, _service$params;
-    var filterFromSchema = _lodash.default.isString(fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xCompon2 = fieldSchema['x-component-props']) === null || _fieldSchema$xCompon2 === void 0 ? void 0 : (_fieldSchema$xCompon3 = _fieldSchema$xCompon2.service) === null || _fieldSchema$xCompon3 === void 0 ? void 0 : (_fieldSchema$xCompon4 = _fieldSchema$xCompon3.params) === null || _fieldSchema$xCompon4 === void 0 ? void 0 : _fieldSchema$xCompon4.filter) ? (_field$componentProps = field.componentProps) === null || _field$componentProps === void 0 ? void 0 : (_field$componentProps2 = _field$componentProps.service) === null || _field$componentProps2 === void 0 ? void 0 : (_field$componentProps3 = _field$componentProps2.params) === null || _field$componentProps3 === void 0 ? void 0 : _field$componentProps3.filter : fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xCompon5 = fieldSchema['x-component-props']) === null || _fieldSchema$xCompon5 === void 0 ? void 0 : (_fieldSchema$xCompon6 = _fieldSchema$xCompon5.service) === null || _fieldSchema$xCompon6 === void 0 ? void 0 : (_fieldSchema$xCompon7 = _fieldSchema$xCompon6.params) === null || _fieldSchema$xCompon7 === void 0 ? void 0 : _fieldSchema$xCompon7.filter;
-    return (0, _SharedFilterProvider.mergeFilter)([parseFilter(filterFromSchema) || (service === null || service === void 0 ? void 0 : (_service$params = service.params) === null || _service$params === void 0 ? void 0 : _service$params.filter)]);
-  }, [(_field$componentProps4 = field.componentProps) === null || _field$componentProps4 === void 0 ? void 0 : (_field$componentProps5 = _field$componentProps4.service) === null || _field$componentProps5 === void 0 ? void 0 : (_field$componentProps6 = _field$componentProps5.params) === null || _field$componentProps6 === void 0 ? void 0 : _field$componentProps6.filter, fieldSchema, parseFilter, service === null || service === void 0 ? void 0 : (_service$params2 = service.params) === null || _service$params2 === void 0 ? void 0 : _service$params2.filter]);
   var _useRequest = (0, _apiClient.useRequest)(_objectSpread(_objectSpread({
       action: 'list'
     }, service), {}, {
       params: _objectSpread(_objectSpread({
         pageSize: 200
       }, service === null || service === void 0 ? void 0 : service.params), {}, {
-        // search needs
-        filter: filter
+        filter: service === null || service === void 0 ? void 0 : (_service$params = service.params) === null || _service$params === void 0 ? void 0 : _service$params.filter
       })
     }), {
-      manual: manual,
+      manual: manual && Object.prototype.toString.call(value) === '[object Object]',
       debounceWait: wait
     }),
     data = _useRequest.data,
@@ -239,12 +170,13 @@ var InternalRemoteSelect = (0, _react.connect)(function (props) {
     }
   }, [runDep]);
   var onSearch = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(search) {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(search) {
+      var _service$params2;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             run({
-              filter: (0, _SharedFilterProvider.mergeFilter)([search ? _defineProperty({}, fieldNames.label, _defineProperty({}, operator, search)) : {}, filter])
+              filter: (0, _SharedFilterProvider.mergeFilter)([search ? _defineProperty({}, fieldNames.label, _defineProperty({}, operator, search)) : {}, service === null || service === void 0 ? void 0 : (_service$params2 = service.params) === null || _service$params2 === void 0 ? void 0 : _service$params2.filter])
             });
             searchData.current = search;
           case 2:
@@ -254,7 +186,7 @@ var InternalRemoteSelect = (0, _react.connect)(function (props) {
       }, _callee);
     }));
     return function onSearch(_x2) {
-      return _ref2.apply(this, arguments);
+      return _ref.apply(this, arguments);
     };
   }();
   var options = (0, _react2.useMemo)(function () {
@@ -263,7 +195,7 @@ var InternalRemoteSelect = (0, _react.connect)(function (props) {
     if (!(data !== null && data !== void 0 && (_data$data = data.data) !== null && _data$data !== void 0 && _data$data.length)) {
       return v != null ? Array.isArray(v) ? v : [v] : [];
     }
-    var valueOptions = v != null && (Array.isArray(v) ? v : [v]) || [];
+    var valueOptions = v != null && (Array.isArray(v) ? v : [_objectSpread(_objectSpread({}, v), {}, _defineProperty({}, fieldNames.value, v[fieldNames.value] || v))]) || [];
     return (0, _lodash.uniqBy)((data === null || data === void 0 ? void 0 : (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : _data$data2.concat(valueOptions)) || [], fieldNames.value);
   }, [value, defaultValue, data === null || data === void 0 ? void 0 : data.data, fieldNames.value]);
   var onDropdownVisibleChange = function onDropdownVisibleChange(visible) {
@@ -304,10 +236,10 @@ var InternalRemoteSelect = (0, _react.connect)(function (props) {
 }, (0, _react.mapProps)({
   dataSource: 'options'
 }, function (props, field) {
-  var _fieldSchema$xCompon8;
+  var _fieldSchema$xCompon2;
   var fieldSchema = (0, _react.useFieldSchema)();
   return _objectSpread(_objectSpread({}, props), {}, {
-    fieldNames: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, _select.defaultFieldNames), props.fieldNames), field.componentProps.fieldNames), (_fieldSchema$xCompon8 = fieldSchema['x-component-props']) === null || _fieldSchema$xCompon8 === void 0 ? void 0 : _fieldSchema$xCompon8.fieldNames),
+    fieldNames: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, _select.defaultFieldNames), props.fieldNames), field.componentProps.fieldNames), (_fieldSchema$xCompon2 = fieldSchema['x-component-props']) === null || _fieldSchema$xCompon2 === void 0 ? void 0 : _fieldSchema$xCompon2.fieldNames),
     suffixIcon: field !== null && field !== void 0 && field['loading'] || field !== null && field !== void 0 && field['validating'] ? /*#__PURE__*/_react2.default.createElement(_icons.LoadingOutlined, null) : props.suffixIcon
   });
 }), (0, _react.mapReadPretty)(_ReadPretty.ReadPretty));

package/lib/schema-component/antd/rich-text/RichText.js

@@ -40,7 +40,12 @@ var RichText = (0, _react.connect)(function (props) {
     onChange: onChange,
     readOnly: disabled
   }));
-}, (0, _react.mapReadPretty)(function (props) {
+}, (0, _react.mapProps)(function (props) {
+  var value = props.value;
+  return _objectSpread(_objectSpread({}, props), {}, {
+    value: _typeof(value) === 'object' ? value === null || value === void 0 ? void 0 : value.default : value
+  });
+}), (0, _react.mapReadPretty)(function (props) {
   return /*#__PURE__*/_react2.default.createElement(_input.ReadPretty.Html, _objectSpread({}, props));
 }));
 exports.RichText = RichText;

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

@@ -83,11 +83,14 @@ var TableColumnDesigner = function TableColumnDesigner(props) {
   var isFileField = isFileCollection(targetCollection);
   var isSubTableColumn = ['QuickEdit', 'FormItem'].includes(fieldSchema['x-decorator']);
   var _useAssociationFieldC = (0, _hooks2.useAssociationFieldContext)(),
-    currentMode = _useAssociationFieldC.currentMode,
-    tableField = _useAssociationFieldC.field;
+    currentMode = _useAssociationFieldC.currentMode;
   var defaultFilter = (fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xCompon2 = fieldSchema['x-component-props']) === null || _fieldSchema$xCompon2 === void 0 ? void 0 : (_fieldSchema$xCompon3 = _fieldSchema$xCompon2.service) === null || _fieldSchema$xCompon3 === void 0 ? void 0 : (_fieldSchema$xCompon4 = _fieldSchema$xCompon3.params) === null || _fieldSchema$xCompon4 === void 0 ? void 0 : _fieldSchema$xCompon4.filter) || {};
   var dataSource = (0, _collectionManager.useCollectionFilterOptions)(collectionField === null || collectionField === void 0 ? void 0 : collectionField.target);
   var isDateField = ['datetime', 'createdAt', 'updatedAt'].includes(collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface);
+  var isAssociationField = ['obo', 'oho', 'o2o', 'o2m', 'm2m', 'm2o', 'snapshot'].includes(collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface);
+  var fieldModeOptions = (0, _hooks.useFieldModeOptions)({
+    fieldSchema: fieldSchema
+  });
   var fieldMode = (fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xCompon5 = fieldSchema['x-component-props']) === null || _fieldSchema$xCompon5 === void 0 ? void 0 : _fieldSchema$xCompon5['mode']) || 'Select';
   var readOnlyMode = 'editable';
   if (fieldSchema['x-disabled'] === true) {
@@ -96,6 +99,7 @@ var TableColumnDesigner = function TableColumnDesigner(props) {
   if (fieldSchema['x-read-pretty'] === true) {
     readOnlyMode = 'read-pretty';
   }
+  var isSelectFieldMode = isAssociationField && fieldMode === 'Select';
   return /*#__PURE__*/_react2.default.createElement(_schemaSettings.GeneralSchemaDesigner, {
     disableInitializer: true
   }, /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.ModalItem, {
@@ -128,7 +132,7 @@ var TableColumnDesigner = function TableColumnDesigner(props) {
       }
       dn.refresh();
     }
-  }), currentMode && !field.readPretty && /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.ModalItem, {
+  }), isSelectFieldMode && !field.readPretty && !(uiSchema !== null && uiSchema !== void 0 && uiSchema['x-read-pretty']) && /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.ModalItem, {
     title: t('Set the data scope'),
     schema: {
       type: 'object',
@@ -153,10 +157,11 @@ var TableColumnDesigner = function TableColumnDesigner(props) {
       (0, _lodash.set)(field.componentProps, 'service.params.filter', filter);
       fieldSchema['x-component-props'] = field.componentProps;
       var path = (_field$path = field.path) === null || _field$path === void 0 ? void 0 : _field$path.splice(((_field$path2 = field.path) === null || _field$path2 === void 0 ? void 0 : _field$path2.length) - 1, 1);
-      tableField === null || tableField === void 0 ? void 0 : tableField.value.map(function (_, index) {
-        field.form.query("".concat(path.concat("".concat(index, ".") + fieldSchema.name))).take(function (f) {
-          (0, _lodash.set)(f.componentProps, 'service.params.filter', filter);
-        });
+      field.form.query("".concat(path.concat("*." + fieldSchema.name))).forEach(function (f) {
+        f.componentProps.service = f.componentProps.service || {
+          params: {}
+        };
+        f.componentProps.service.params.filter = filter;
       });
       dn.emit('patch', {
         schema: (_schema = {}, _defineProperty(_schema, 'x-uid', fieldSchema['x-uid']), _defineProperty(_schema, 'x-component-props', field.componentProps), _schema)
@@ -227,12 +232,13 @@ var TableColumnDesigner = function TableColumnDesigner(props) {
     options: options,
     value: fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames['label'],
     onChange: function onChange(label) {
-      var _collectionField$uiSc2, _fieldSchema$xCompon7;
+      var _collectionField$uiSc2, _fieldSchema$xCompon7, _field$path3, _field$path4;
       var fieldNames = _objectSpread(_objectSpread(_objectSpread({}, collectionField === null || collectionField === void 0 ? void 0 : (_collectionField$uiSc2 = collectionField.uiSchema) === null || _collectionField$uiSc2 === void 0 ? void 0 : _collectionField$uiSc2['x-component-props']['fieldNames']), fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xCompon7 = fieldSchema['x-component-props']) === null || _fieldSchema$xCompon7 === void 0 ? void 0 : _fieldSchema$xCompon7['fieldNames']), {}, {
         label: label
       });
       fieldSchema['x-component-props']['fieldNames'] = fieldNames;
-      field.query(".*.".concat(fieldSchema.name)).take(function (f) {
+      var path = (_field$path3 = field.path) === null || _field$path3 === void 0 ? void 0 : _field$path3.splice(((_field$path4 = field.path) === null || _field$path4 === void 0 ? void 0 : _field$path4.length) - 1, 1);
+      field.form.query("".concat(path.concat("*." + fieldSchema.name))).forEach(function (f) {
         f.componentProps.fieldNames = fieldNames;
       });
       dn.emit('patch', {
@@ -243,16 +249,16 @@ var TableColumnDesigner = function TableColumnDesigner(props) {
       });
       dn.refresh();
     }
-  }), readOnlyMode === 'read-pretty' && ['linkTo', 'm2m', 'm2o', 'o2m', 'obo', 'oho', 'snapshot'].includes(collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface) && /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.SelectItem, {
+  }), isAssociationField && /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.SelectItem, {
     key: "field-mode",
     title: t('Field component'),
-    options: [{
+    options: readOnlyMode === 'read-pretty' ? [{
       label: t('Title'),
       value: 'Select'
     }, {
       label: t('Tag'),
       value: 'Tag'
-    }],
+    }] : fieldModeOptions,
     value: fieldMode,
     onChange: function onChange(mode) {
       var schema = _defineProperty({}, 'x-uid', fieldSchema['x-uid']);
@@ -287,15 +293,13 @@ var TableColumnDesigner = function TableColumnDesigner(props) {
     title: t('Required'),
     checked: fieldSchema.required,
     onChange: function onChange(required) {
-      var _field$path3, _field$path4;
+      var _field$path5, _field$path6;
       var schema = _defineProperty({}, 'x-uid', fieldSchema['x-uid']);
       fieldSchema['required'] = required;
       schema['required'] = required;
-      var path = (_field$path3 = field.path) === null || _field$path3 === void 0 ? void 0 : _field$path3.splice(((_field$path4 = field.path) === null || _field$path4 === void 0 ? void 0 : _field$path4.length) - 1, 1);
-      tableField === null || tableField === void 0 ? void 0 : tableField.value.map(function (_, index) {
-        field.form.query("".concat(path.concat("".concat(index, ".") + fieldSchema.name))).take(function (f) {
-          f.required = required;
-        });
+      var path = (_field$path5 = field.path) === null || _field$path5 === void 0 ? void 0 : _field$path5.splice(((_field$path6 = field.path) === null || _field$path6 === void 0 ? void 0 : _field$path6.length) - 1, 1);
+      field.form.query("".concat(path.concat("*." + fieldSchema.name))).forEach(function (f) {
+        f.required = required;
       });
       dn.emit('patch', {
         schema: schema
@@ -317,9 +321,9 @@ var TableColumnDesigner = function TableColumnDesigner(props) {
     }],
     value: readOnlyMode,
     onChange: function onChange(v) {
-      var _field$path5, _field$path6;
+      var _field$path7, _field$path8;
       var schema = _defineProperty({}, 'x-uid', fieldSchema['x-uid']);
-      var path = (_field$path5 = field.path) === null || _field$path5 === void 0 ? void 0 : _field$path5.splice(((_field$path6 = field.path) === null || _field$path6 === void 0 ? void 0 : _field$path6.length) - 1, 1);
+      var path = (_field$path7 = field.path) === null || _field$path7 === void 0 ? void 0 : _field$path7.splice(((_field$path8 = field.path) === null || _field$path8 === void 0 ? void 0 : _field$path8.length) - 1, 1);
       switch (v) {
         case 'readonly':
           {
@@ -327,11 +331,9 @@ var TableColumnDesigner = function TableColumnDesigner(props) {
             fieldSchema['x-disabled'] = true;
             schema['x-read-pretty'] = false;
             schema['x-disabled'] = true;
-            tableField === null || tableField === void 0 ? void 0 : tableField.value.map(function (_, index) {
-              field.form.query("".concat(path.concat("".concat(index, ".") + fieldSchema.name))).take(function (f) {
-                f.readonly = true;
-                f.disabled = true;
-              });
+            field.form.query("".concat(path.concat("*." + fieldSchema.name))).forEach(function (f) {
+              f.readonly = true;
+              f.disabled = true;
             });
             break;
           }
@@ -341,10 +343,8 @@ var TableColumnDesigner = function TableColumnDesigner(props) {
             fieldSchema['x-disabled'] = false;
             schema['x-read-pretty'] = true;
             schema['x-disabled'] = false;
-            tableField === null || tableField === void 0 ? void 0 : tableField.value.map(function (_, index) {
-              field.form.query("".concat(path.concat("".concat(index, ".") + fieldSchema.name))).take(function (f) {
-                f.readPretty = true;
-              });
+            field.form.query("".concat(path.concat("*." + fieldSchema.name))).forEach(function (f) {
+              f.readPretty = true;
             });
             break;
           }
@@ -354,11 +354,9 @@ var TableColumnDesigner = function TableColumnDesigner(props) {
             fieldSchema['x-disabled'] = false;
             schema['x-read-pretty'] = false;
             schema['x-disabled'] = false;
-            tableField === null || tableField === void 0 ? void 0 : tableField.value.map(function (_, index) {
-              field.form.query("".concat(path.concat("".concat(index, ".") + fieldSchema.name))).take(function (f) {
-                f.readPretty = false;
-                f.disabled + false;
-              });
+            field.form.query("".concat(path.concat("*." + fieldSchema.name))).forEach(function (f) {
+              f.readPretty = false;
+              f.disabled + false;
             });
             break;
           }
@@ -370,6 +368,18 @@ var TableColumnDesigner = function TableColumnDesigner(props) {
     }
   }), isDateField && /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.DataFormat, {
     fieldSchema: fieldSchema
+  }), isSubTableColumn && !(field !== null && field !== void 0 && field.readPretty) && ['obo', 'oho', 'o2o', 'o2m', 'm2m', 'm2o'].includes(collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface) && /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.SortingRule, {
+    fieldSchema: fieldSchema,
+    onSubmitCallBack: function onSubmitCallBack(sortArr) {
+      var _field$path9, _field$path10;
+      var path = (_field$path9 = field.path) === null || _field$path9 === void 0 ? void 0 : _field$path9.splice(((_field$path10 = field.path) === null || _field$path10 === void 0 ? void 0 : _field$path10.length) - 1, 1);
+      field.form.query("".concat(path.concat("*." + fieldSchema.name))).forEach(function (f) {
+        f.componentProps.service = f.componentProps.service || {
+          params: {}
+        };
+        f.componentProps.service.params.sort = sortArr;
+      });
+    }
   }), isSubTableColumn && !(field !== null && field !== void 0 && field.readPretty) && (0, _schemaSettings.isShowDefaultValue)(collectionField, getInterface) && /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.DefaultValue, {
     fieldSchema: fieldSchema
   }), /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.Divider, null), /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.Remove, {

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

@@ -283,8 +283,11 @@ var Table = (0, _react.observer)(function (props) {
   if (onClickRow) {
     onRow = function onRow(record) {
       return {
-        onClick: function onClick() {
-          return onClickRow(record, setSelectedRow, selectedRow);
+        onClick: function onClick(e) {
+          if ((0, _utils.isPortalInBody)(e.target)) {
+            return;
+          }
+          onClickRow(record, setSelectedRow, selectedRow);
         }
       };
     };
@@ -337,7 +340,7 @@ var Table = (0, _react.observer)(function (props) {
         },
         cell: function cell(props) {
           return /*#__PURE__*/_react2.default.createElement("td", _objectSpread(_objectSpread({}, props), {}, {
-            className: (0, _classnames.default)(props.className, (0, _css.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n                  max-width: 300px;\n                  white-space: nowrap;\n                  .nb-read-pretty-input-number {\n                    text-align: right;\n                  }\n                  .ant-color-picker-trigger{\n                    position:absolute;\n                    top:50%;\n                    transform: translateY(-50%);\n                  }\n                "]))))
+            className: (0, _classnames.default)(props.className, (0, _css.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n                  max-width: 300px;\n                  white-space: nowrap;\n                  .nb-read-pretty-input-number {\n                    text-align: right;\n                  }\n                  .ant-color-picker-trigger {\n                    position: absolute;\n                    top: 50%;\n                    transform: translateY(-50%);\n                  }\n                "]))))
           }));
         }
       }
@@ -399,11 +402,8 @@ var Table = (0, _react.observer)(function (props) {
     var _field$value4, _field$value4$map;
     var children = _ref3.children;
     return dragSort ? /*#__PURE__*/_react2.default.createElement(_sortable.SortableContext, {
-      items: ((_field$value4 = field.value) === null || _field$value4 === void 0 ? void 0 : (_field$value4$map = _field$value4.map) === null || _field$value4$map === void 0 ? void 0 : _field$value4$map.call(_field$value4, getRowKey)) || [],
-      children: children
-    }) : /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, {
-      children: children
-    });
+      items: ((_field$value4 = field.value) === null || _field$value4 === void 0 ? void 0 : (_field$value4$map = _field$value4.map) === null || _field$value4$map === void 0 ? void 0 : _field$value4$map.call(_field$value4, getRowKey)) || []
+    }, children) : /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, {}, children);
   }, [field, dragSort]);
   var fieldSchema = (0, _react.useFieldSchema)();
   var fixedBlock = fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$parent = fieldSchema.parent) === null || _fieldSchema$parent === void 0 ? void 0 : (_fieldSchema$parent$x = _fieldSchema$parent['x-decorator-props']) === null || _fieldSchema$parent$x === void 0 ? void 0 : _fieldSchema$parent$x.fixedBlock;
@@ -451,7 +451,9 @@ var Table = (0, _react.observer)(function (props) {
     className: "ant-formily-item-error-help ant-formily-item-help ant-formily-item-help-enter ant-formily-item-help-enter-active"
   }, field.errors.map(function (error) {
     return error.messages.map(function (message) {
-      return /*#__PURE__*/_react2.default.createElement("div", null, message);
+      return /*#__PURE__*/_react2.default.createElement("div", {
+        key: message
+      }, message);
     });
   })));
 }, {

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

@@ -2,3 +2,8 @@ import { ISchema, Schema } from '@formily/react';
 export declare const isCollectionFieldComponent: (schema: ISchema) => boolean;
 export declare const isColumnComponent: (schema: Schema) => boolean;
 export declare function extractIndex(str: any): string;
+/**
+ * 判断一个 DOM 对象是否是由 createPortal 挂在到了 body 上
+ * @param domNode DOM 对象
+ */
+export declare const isPortalInBody: (dom: HTMLElement) => boolean;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.extractIndex = extractIndex;
-exports.isColumnComponent = exports.isCollectionFieldComponent = void 0;
+exports.isPortalInBody = exports.isColumnComponent = exports.isCollectionFieldComponent = void 0;
 var isCollectionFieldComponent = function isCollectionFieldComponent(schema) {
   return schema['x-component'] === 'CollectionField';
 };
@@ -22,4 +22,18 @@ function extractIndex(str) {
     }
   });
   return numbers.join('.');
-}
+}
+/**
+ * 判断一个 DOM 对象是否是由 createPortal 挂在到了 body 上
+ * @param domNode DOM 对象
+ */
+var isPortalInBody = function isPortalInBody(dom) {
+  while (dom) {
+    if (dom.id === 'root') {
+      return false;
+    }
+    dom = dom.parentNode;
+  }
+  return true;
+};
+exports.isPortalInBody = isPortalInBody;

package/lib/schema-component/antd/variable/Input.js

@@ -235,12 +235,13 @@ function Input(props) {
   }, [scope]);
   var loadData = /*#__PURE__*/function () {
     var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(selectedOptions) {
+      var _option$children;
       var option;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             option = selectedOptions[selectedOptions.length - 1];
-            if (!(!option.children && !option.isLeaf && option.loadChildren)) {
+            if (!(!((_option$children = option.children) !== null && _option$children !== void 0 && _option$children.length) && !option.isLeaf && option.loadChildren)) {
               _context.next = 5;
               break;
             }

package/lib/schema-component/antd/variable/TextArea.js

@@ -391,7 +391,7 @@ function TextArea(props) {
   var disabled = props.disabled || form.disabled;
   return wrapSSR( /*#__PURE__*/_react2.default.createElement(_antd.Input.Group, {
     compact: true,
-    className: (0, _css.cx)(componentCls, hashId, (0, _css.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n          &.ant-input-group.ant-input-group-compact {\n            display: flex;\n            .ant-input {\n              flex-grow: 1;\n              min-width: 200px;\n            }\n            .ant-input-disabled {\n              .ant-tag {\n                color: #bfbfbf;\n                border-color: #d9d9d9;\n              }\n            }\n          }\n        "]))))
+    className: (0, _css.cx)(componentCls, hashId, (0, _css.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n          &.ant-input-group.ant-input-group-compact {\n            display: flex;\n            .ant-input {\n              flex-grow: 1;\n              min-width: 200px;\n            }\n            .ant-input-disabled {\n              .ant-tag {\n                color: #bfbfbf;\n                border-color: #d9d9d9;\n              }\n            }\n          }\n\n          > .x-button {\n            height: min-content;\n          }\n        "]))))
   }, /*#__PURE__*/_react2.default.createElement("div", {
     onInput: onInput,
     onBlur: onBlur,

package/lib/schema-component/common/utils/uitls.js

@@ -13,6 +13,7 @@ var _react = require("react");
 var _blockProvider = require("../../../block-provider");
 var _user = require("../../../user");
 var _logic = _interopRequireDefault(require("../../common/utils/logic"));
+var _excluded = ["children"];
 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 }; }
@@ -22,14 +23,30 @@ 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); }
 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 _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; }
+function flattenDeep(data) {
+  var result = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  for (var i = 0; i < (data === null || data === void 0 ? void 0 : data.length); i++) {
+    var _data$i = data[i],
+      children = _data$i.children,
+      rest = _objectWithoutProperties(_data$i, _excluded);
+    result.push(rest);
+    if (children) {
+      flattenDeep(children, result);
+    }
+  }
+  return result;
+}
 var useVariablesCtx = function useVariablesCtx() {
-  var _service$data, _service$data$data, _currentUser$data2;
+  var _service$data, _currentUser$data2;
   var currentUser = (0, _user.useCurrentUserContext)();
   var _useTableBlockContext = (0, _blockProvider.useTableBlockContext)(),
     field = _useTableBlockContext.field,
     service = _useTableBlockContext.service,
     rowKey = _useTableBlockContext.rowKey;
-  var contextData = service === null || service === void 0 ? void 0 : (_service$data = service.data) === null || _service$data === void 0 ? void 0 : (_service$data$data = _service$data.data) === null || _service$data$data === void 0 ? void 0 : _service$data$data.filter(function (v) {
+  var tableData = flattenDeep(service === null || service === void 0 ? void 0 : (_service$data = service.data) === null || _service$data === void 0 ? void 0 : _service$data.data);
+  var contextData = tableData === null || tableData === void 0 ? void 0 : tableData.filter(function (v) {
     var _ref, _field$data;
     return (_ref = (field === null || field === void 0 ? void 0 : (_field$data = field.data) === null || _field$data === void 0 ? void 0 : _field$data.selectedRowKeys) || []) === null || _ref === void 0 ? void 0 : _ref.includes(v[rowKey]);
   });

package/lib/schema-component/hooks/useFieldModeOptions.d.ts

@@ -1,4 +1,4 @@
-export declare const useFieldModeOptions: () => {
+export declare const useFieldModeOptions: (props?: any) => {
     label: string;
     value: string;
 }[];

package/lib/schema-component/hooks/useFieldModeOptions.js

@@ -8,14 +8,16 @@ var _react = require("@formily/react");
 var _react2 = require("react");
 var _reactI18next = require("react-i18next");
 var _collectionManager = require("../../collection-manager");
-var useFieldModeOptions = function useFieldModeOptions() {
+var useFieldModeOptions = function useFieldModeOptions(props) {
   var _fieldSchema$xCompon;
   var _useCollectionManager = (0, _collectionManager.useCollectionManager)(),
     getCollectionJoinField = _useCollectionManager.getCollectionJoinField,
     getCollection = _useCollectionManager.getCollection;
-  var fieldSchema = (0, _react.useFieldSchema)();
+  var currentFieldSchema = (0, _react.useFieldSchema)();
+  var fieldSchema = (props === null || props === void 0 ? void 0 : props.fieldSchema) || currentFieldSchema;
   var field = (0, _react.useField)();
   var isReadPretty = field.readPretty;
+  var isSubTableField = props === null || props === void 0 ? void 0 : props.fieldSchema;
   var _useCollection = (0, _collectionManager.useCollection)(),
     getField = _useCollection.getField;
   var collectionField = getField(fieldSchema['name']) || getCollectionJoinField(fieldSchema['x-collection-field']);
@@ -45,7 +47,7 @@ var useFieldModeOptions = function useFieldModeOptions() {
       }, {
         label: t('Record picker'),
         value: 'Picker'
-      }, {
+      }, !isSubTableField && {
         label: t('File manager'),
         value: 'FileManager'
       }];
@@ -70,10 +72,13 @@ var useFieldModeOptions = function useFieldModeOptions() {
         }, {
           label: t('Record picker'),
           value: 'Picker'
-        }, {
+        }, !isSubTableField && {
           label: t('Sub-form'),
           value: 'Nester'
         }, {
+          label: t('Sub-form(Popover)'),
+          value: 'PopoverNester'
+        }, !isSubTableField && {
           label: t('Sub-table'),
           value: 'SubTable'
         }];
@@ -96,12 +101,15 @@ var useFieldModeOptions = function useFieldModeOptions() {
         }, {
           label: t('Record picker'),
           value: 'Picker'
-        }, {
+        }, !isSubTableField && {
           label: t('Sub-table'),
           value: 'SubTable'
-        }, {
+        }, !isSubTableField && {
           label: t('Sub-form'),
           value: 'Nester'
+        }, {
+          label: t('Sub-form(Popover)'),
+          value: 'PopoverNester'
         }];
       case 'm2o':
       case 'linkTo':
@@ -120,9 +128,12 @@ var useFieldModeOptions = function useFieldModeOptions() {
         }, {
           label: t('Record picker'),
           value: 'Picker'
-        }, {
+        }, !isSubTableField && {
           label: t('Sub-form'),
           value: 'Nester'
+        }, {
+          label: t('Sub-form(Popover)'),
+          value: 'PopoverNester'
         }];
       default:
         return isReadPretty ? [{
@@ -140,12 +151,15 @@ var useFieldModeOptions = function useFieldModeOptions() {
         }, {
           label: t('Record picker'),
           value: 'Picker'
-        }, {
+        }, !isSubTableField && {
           label: t('Sub-form'),
           value: 'Nester'
+        }, {
+          label: t('Sub-form(Popover)'),
+          value: 'PopoverNester'
         }];
     }
   }, [t, collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface, label]);
-  return fieldModeOptions;
+  return (fieldModeOptions || []).filter(Boolean);
 };
 exports.useFieldModeOptions = useFieldModeOptions;