@nocobase/client 0.9.3-alpha.1 → 0.9.4-alpha.2

package/lib/schema-settings/DataTemplates/FormDataTemplates.d.ts

@@ -1,2 +1,3 @@
 import React from 'react';
 export declare const FormDataTemplates: React.MemoExoticComponent<React.FunctionComponent<Pick<any, string | number | symbol>>>;
+export declare function getLabel(titleField: any): any;

package/lib/schema-settings/DataTemplates/FormDataTemplates.js

@@ -4,49 +4,103 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FormDataTemplates = void 0;
+exports.getLabel = getLabel;
 var _react = require("@formily/react");
+var _reactive = require("@formily/reactive");
 var _antd = require("antd");
-var _react2 = _interopRequireDefault(require("react"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var _react2 = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
+var _blockProvider = require("../../block-provider");
 var _collectionManager = require("../../collection-manager");
 var _schemaComponent = require("../../schema-component");
 var _AsDefaultTemplate = require("./components/AsDefaultTemplate");
 var _DataTemplateTitle = require("./components/DataTemplateTitle");
+var _Designer = require("./components/Designer");
 var _useCollectionState2 = require("./hooks/useCollectionState");
+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 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 Tree = (0, _react.connect)(_antd.Tree, (0, _react.mapProps)({
   value: 'checkedKeys',
-  dataSource: 'treeData',
-  onInput: 'onCheck'
+  dataSource: 'treeData'
+  // onInput: 'onCheck',
 }));
+
 var FormDataTemplates = (0, _react.observer)(function (props) {
-  var useProps = props.useProps;
+  var useProps = props.useProps,
+    formSchema = props.formSchema,
+    designerCtx = props.designerCtx;
   var _useProps = useProps(),
     defaultValues = _useProps.defaultValues,
     collectionName = _useProps.collectionName;
   var _useCollectionState = (0, _useCollectionState2.useCollectionState)(collectionName),
     collectionList = _useCollectionState.collectionList,
-    getEnableFieldTree = _useCollectionState.getEnableFieldTree;
+    getEnableFieldTree = _useCollectionState.getEnableFieldTree,
+    onLoadData = _useCollectionState.onLoadData,
+    onCheck = _useCollectionState.onCheck;
   var _useCollectionManager = (0, _collectionManager.useCollectionManager)(),
     getCollection = _useCollectionManager.getCollection,
     getCollectionField = _useCollectionManager.getCollectionField;
-  var collection = getCollection(collectionName);
   var _useTranslation = (0, _reactI18next.useTranslation)(),
     t = _useTranslation.t;
-  var field = getCollectionField("".concat(collectionName, ".").concat((collection === null || collection === void 0 ? void 0 : collection.titleField) || 'id'));
-  return /*#__PURE__*/_react2.default.createElement(_schemaComponent.SchemaComponent, {
-    components: {
+  // 不要在后面的数组中依赖 defaultValues，否则会因为 defaultValues 的变化导致 activeData 响应性丢失
+  var activeData = (0, _react2.useMemo)(function () {
+    return (0, _reactive.observable)(defaultValues || {
+      items: [],
+      display: true,
+      config: _defineProperty({}, collectionName, {
+        titleField: '',
+        filter: {}
+      })
+    });
+  }, []);
+  var getTargetField = function getTargetField(collectionName) {
+    var _activeData$config$co;
+    var collection = getCollection(collectionName);
+    return getCollectionField("".concat(collectionName, ".").concat((activeData === null || activeData === void 0 ? void 0 : (_activeData$config$co = activeData.config[collectionName]) === null || _activeData$config$co === void 0 ? void 0 : _activeData$config$co.titleField) || (collection === null || collection === void 0 ? void 0 : collection.titleField) || 'id'));
+  };
+  var getFieldNames = function getFieldNames(collectionName) {
+    var _activeData$config, _activeData$config$co2;
+    var collection = getCollection(collectionName);
+    return {
+      label: getLabel(((_activeData$config = activeData.config) === null || _activeData$config === void 0 ? void 0 : (_activeData$config$co2 = _activeData$config[collectionName]) === null || _activeData$config$co2 === void 0 ? void 0 : _activeData$config$co2.titleField) || (collection === null || collection === void 0 ? void 0 : collection.titleField) || 'id'),
+      value: 'id'
+    };
+  };
+  var getFilter = function getFilter(collectionName, value) {
+    var _activeData$config2, _activeData$config2$c;
+    var filter = (_activeData$config2 = activeData.config) === null || _activeData$config2 === void 0 ? void 0 : (_activeData$config2$c = _activeData$config2[collectionName]) === null || _activeData$config2$c === void 0 ? void 0 : _activeData$config2$c.filter;
+    return _lodash.default.isEmpty(filter) ? {} : (0, _schemaComponent.removeNullCondition)((0, _blockProvider.mergeFilter)([filter, (0, _Designer.getSelectedIdFilter)(value)], '$or'));
+  };
+  var components = (0, _react2.useMemo)(function () {
+    return {
       ArrayCollapse: _DataTemplateTitle.ArrayCollapse
-    },
-    scope: {
-      getEnableFieldTree: getEnableFieldTree
-    },
-    schema: {
+    };
+  }, []);
+  var scope = (0, _react2.useMemo)(function () {
+    return {
+      getEnableFieldTree: getEnableFieldTree,
+      getTargetField: getTargetField,
+      getFieldNames: getFieldNames,
+      getFilter: getFilter,
+      getResource: getResource,
+      collectionName: collectionName
+    };
+  }, []);
+  var schema = (0, _react2.useMemo)(function () {
+    return {
       type: 'object',
       properties: {
         items: {
           type: 'array',
-          default: defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.items,
+          default: activeData === null || activeData === void 0 ? void 0 : activeData.items,
           'x-component': 'ArrayCollapse',
           'x-decorator': 'FormItem',
           'x-component-props': {
@@ -56,7 +110,9 @@ var FormDataTemplates = (0, _react.observer)(function (props) {
             type: 'object',
             'x-component': 'ArrayCollapse.CollapsePanel',
             'x-component-props': {
-              extra: [/*#__PURE__*/_react2.default.createElement(_AsDefaultTemplate.AsDefaultTemplate, null)]
+              extra: [/*#__PURE__*/_react2.default.createElement(_AsDefaultTemplate.AsDefaultTemplate, {
+                key: "0"
+              })]
             },
             properties: {
               layout: {
@@ -65,14 +121,13 @@ var FormDataTemplates = (0, _react.observer)(function (props) {
                 'x-component-props': {
                   layout: 'vertical'
                 },
-                // TODO: 翻译
                 properties: {
                   collection: {
                     type: 'string',
                     title: '{{ t("Collection") }}',
                     required: true,
                     description: t('If collection inherits, choose inherited collections as templates'),
-                    default: collectionName,
+                    default: '{{ collectionName }}',
                     'x-display': collectionList.length > 1 ? 'visible' : 'hidden',
                     'x-decorator': 'FormItem',
                     'x-component': 'Select',
@@ -85,31 +140,27 @@ var FormDataTemplates = (0, _react.observer)(function (props) {
                     title: '{{ t("Template Data") }}',
                     required: true,
                     description: t('Select an existing piece of data as the initialization data for the form'),
+                    'x-designer': _Designer.Designer,
+                    'x-designer-props': {
+                      formSchema: formSchema,
+                      data: activeData
+                    },
                     'x-decorator': 'FormItem',
                     'x-component': _schemaComponent.AssociationSelect,
                     'x-component-props': {
                       service: {
-                        resource: collectionName
+                        resource: '{{ $record.collection || collectionName }}',
+                        params: {
+                          filter: '{{ getFilter($self.componentProps.service.resource, $self.value) }}'
+                        }
                       },
                       action: 'list',
                       multiple: false,
                       objectValue: false,
                       manual: false,
-                      targetField: field,
-                      mapOptions: function mapOptions(option) {
-                        try {
-                          var label = getLabel(collection);
-                          option[label] = /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, "#", option.id, " ", option[label]);
-                          return option;
-                        } catch (error) {
-                          console.error(error);
-                          return option;
-                        }
-                      },
-                      fieldNames: {
-                        label: getLabel(collection),
-                        value: 'id'
-                      }
+                      targetField: '{{ getTargetField($self.componentProps.service.resource) }}',
+                      mapOptions: getMapOptions(),
+                      fieldNames: '{{ getFieldNames($self.componentProps.service.resource) }}'
                     },
                     'x-reactions': [{
                       dependencies: ['.collection'],
@@ -118,7 +169,7 @@ var FormDataTemplates = (0, _react.observer)(function (props) {
                           disabled: '{{ !$deps[0] }}',
                           componentProps: {
                             service: {
-                              resource: '{{ $deps[0] }}'
+                              resource: '{{ getResource($deps[0], $self) }}'
                             }
                           }
                         }
@@ -135,7 +186,10 @@ var FormDataTemplates = (0, _react.observer)(function (props) {
                     'x-component-props': {
                       treeData: [],
                       checkable: true,
+                      checkStrictly: true,
                       selectable: false,
+                      loadData: onLoadData,
+                      onCheck: onCheck,
                       rootStyle: {
                         padding: '8px 0',
                         border: '1px solid #d9d9d9',
@@ -151,7 +205,7 @@ var FormDataTemplates = (0, _react.observer)(function (props) {
                         state: {
                           disabled: '{{ !$deps[0] }}',
                           componentProps: {
-                            treeData: '{{ getEnableFieldTree($deps[0]) }}'
+                            treeData: '{{ getEnableFieldTree($deps[0], $self) }}'
                           }
                         }
                       }
@@ -184,15 +238,39 @@ var FormDataTemplates = (0, _react.observer)(function (props) {
         display: {
           type: 'boolean',
           'x-content': '{{ t("Display data template selector") }}',
-          default: (defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.display) !== false,
+          default: (activeData === null || activeData === void 0 ? void 0 : activeData.display) !== false,
           'x-decorator': 'FormItem',
           'x-component': 'Checkbox'
         }
       }
-    }
-  });
+    };
+  }, []);
+  return /*#__PURE__*/_react2.default.createElement(_schemaComponent.SchemaComponentContext.Provider, {
+    value: _objectSpread(_objectSpread({}, designerCtx), {}, {
+      designable: true
+    })
+  }, /*#__PURE__*/_react2.default.createElement(_schemaComponent.SchemaComponent, {
+    components: components,
+    scope: scope,
+    schema: schema
+  }));
 });
 exports.FormDataTemplates = FormDataTemplates;
-function getLabel(collection) {
-  return !(collection === null || collection === void 0 ? void 0 : collection.titleField) || collection.titleField === 'id' ? 'label' : collection === null || collection === void 0 ? void 0 : collection.titleField;
+function getLabel(titleField) {
+  return titleField || 'label';
+}
+function getMapOptions() {
+  return function (option) {
+    if ((option === null || option === void 0 ? void 0 : option.id) === undefined) {
+      return null;
+    }
+    return option;
+  };
+}
+function getResource(resource, field) {
+  if (resource !== field.componentProps.service.resource) {
+    // 切换 collection 后，之前选中的其它 collection 的数据就没有意义了，需要清空
+    field.value = undefined;
+  }
+  return resource;
 }

package/lib/schema-settings/DataTemplates/components/AsDefaultTemplate.js

@@ -15,7 +15,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var AsDefaultTemplate = /*#__PURE__*/_react.default.forwardRef(function (props) {
+var AsDefaultTemplate = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _array$field;
   var array = _antd.ArrayBase.useArray();
   var index = _antd.ArrayBase.useIndex(props.index);

package/lib/schema-settings/DataTemplates/components/DataTemplateTitle.js

@@ -1,5 +1,6 @@
 "use strict";
 
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -16,19 +17,18 @@ var _reactI18next = require("react-i18next");
 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 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); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-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 DataTemplateTitle = function DataTemplateTitle(props) {
+var DataTemplateTitle = (0, _react.observer)(function (props) {
   var _array$field;
   var array = _antd.ArrayBase.useArray();
   var index = _antd.ArrayBase.useIndex(props.index);
@@ -49,15 +49,11 @@ var DataTemplateTitle = function DataTemplateTitle(props) {
     placeholder: t('Template name'),
     onChange: function onChange(ev) {
       ev.stopPropagation();
-      array.field.value.splice(index, 1, _objectSpread(_objectSpread({}, value), {}, {
-        title: ev.target.value
-      }));
+      value.title = ev.target.value;
     },
     onBlur: function onBlur(ev) {
       ev.stopPropagation();
-      array.field.value.splice(index, 1, _objectSpread(_objectSpread({}, value), {}, {
-        title: ev.target.value
-      }));
+      value.title = ev.target.value;
     },
     autoSize: true,
     style: {
@@ -68,7 +64,7 @@ var DataTemplateTitle = function DataTemplateTitle(props) {
       e.stopPropagation();
     }
   });
-};
+});
 var isAdditionComponent = function isAdditionComponent(schema) {
   var _schema$xComponent, _schema$xComponent$in;
   return ((_schema$xComponent = schema['x-component']) === null || _schema$xComponent === void 0 ? void 0 : (_schema$xComponent$in = _schema$xComponent.indexOf) === null || _schema$xComponent$in === void 0 ? void 0 : _schema$xComponent$in.call(_schema$xComponent, 'Addition')) > -1;

package/lib/schema-settings/DataTemplates/components/Designer.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const Designer: React.MemoExoticComponent<React.FunctionComponent<unknown>>;
+export declare function getSelectedIdFilter(selectedId: any): {
+    id: {
+        $eq: any;
+    };
+};

package/lib/schema-settings/DataTemplates/components/Designer.js

@@ -0,0 +1,188 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Designer = void 0;
+exports.getSelectedIdFilter = getSelectedIdFilter;
+var _react = require("@formily/react");
+var _client = require("@nocobase/utils/client");
+var _antd = require("antd");
+var _lodash = _interopRequireDefault(require("lodash"));
+var _react2 = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
+var _2 = require("../..");
+var _blockProvider = require("../../../block-provider");
+var _collectionManager = require("../../../collection-manager");
+var _CollectionFields = require("../../../collection-manager/Configuration/CollectionFields");
+var _schemaComponent = require("../../../schema-component");
+var _FilterDynamicComponent = require("../../../schema-component/antd/table-v2/FilterDynamicComponent");
+var _excluded = ["title", "options", "value", "onChange"];
+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 _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 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 Designer = (0, _react.observer)(function () {
+  var _useCollectionManager = (0, _collectionManager.useCollectionManager)(),
+    getCollectionFields = _useCollectionManager.getCollectionFields,
+    getCollectionField = _useCollectionManager.getCollectionField,
+    getCollection = _useCollectionManager.getCollection;
+  var field = (0, _react.useField)();
+  var fieldSchema = (0, _react.useFieldSchema)();
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
+  var _useDesignable = (0, _schemaComponent.useDesignable)(),
+    dn = _useDesignable.dn;
+  var compile = (0, _schemaComponent.useCompile)();
+  var _fieldSchema$xDesign = fieldSchema['x-designer-props'],
+    formSchema = _fieldSchema$xDesign.formSchema,
+    data = _fieldSchema$xDesign.data;
+  // 在这里读取 resource 的值，当 resource 变化时，会触发该组件的更新
+  var collectionName = field.componentProps.service.resource;
+  var collection = getCollection(collectionName);
+  var collectionFields = getCollectionFields(collectionName);
+  var dataSource = (0, _collectionManager.useCollectionFilterOptions)(collectionName);
+  if (!data) {
+    (0, _client.error)('data is required');
+    return null;
+  }
+  var getFilter = function getFilter() {
+    var _data$config, _data$config$collecti;
+    return ((_data$config = data.config) === null || _data$config === void 0 ? void 0 : (_data$config$collecti = _data$config[collectionName]) === null || _data$config$collecti === void 0 ? void 0 : _data$config$collecti.filter) || {};
+  };
+  var setFilter = function setFilter(filter) {
+    try {
+      _lodash.default.set(data, "config.".concat(collectionName, ".filter"), (0, _schemaComponent.removeNullCondition)(filter));
+    } catch (err) {
+      (0, _client.error)(err);
+    }
+  };
+  var getTitleFIeld = function getTitleFIeld() {
+    var _data$config2, _data$config2$collect;
+    return ((_data$config2 = data.config) === null || _data$config2 === void 0 ? void 0 : (_data$config2$collect = _data$config2[collectionName]) === null || _data$config2$collect === void 0 ? void 0 : _data$config2$collect.titleField) || (collection === null || collection === void 0 ? void 0 : collection.titleField) || 'id';
+  };
+  var setTitleField = function setTitleField(titleField) {
+    try {
+      _lodash.default.set(data, "config.".concat(collectionName, ".titleField"), titleField);
+    } catch (err) {
+      (0, _client.error)(err);
+    }
+  };
+  var options = collectionFields.filter(function (field) {
+    return (0, _CollectionFields.isTitleField)(field);
+  }).map(function (field) {
+    var _field$uiSchema;
+    return {
+      value: field === null || field === void 0 ? void 0 : field.name,
+      label: compile(field === null || field === void 0 ? void 0 : (_field$uiSchema = field.uiSchema) === null || _field$uiSchema === void 0 ? void 0 : _field$uiSchema.title) || (field === null || field === void 0 ? void 0 : field.name)
+    };
+  });
+  return /*#__PURE__*/_react2.default.createElement(_2.GeneralSchemaDesigner, {
+    draggable: false
+  }, /*#__PURE__*/_react2.default.createElement(_2.SchemaSettings.ModalItem, {
+    title: t('Set the data scope'),
+    schema: {
+      type: 'object',
+      title: t('Set the data scope'),
+      properties: {
+        filter: {
+          default: getFilter(),
+          // title: '数据范围',
+          enum: dataSource,
+          'x-component': 'Filter',
+          'x-component-props': {
+            dynamicComponent: function dynamicComponent(props) {
+              return (0, _FilterDynamicComponent.FilterDynamicComponent)(_objectSpread({}, props));
+            }
+          }
+        }
+      }
+    },
+    onSubmit: function onSubmit(_ref) {
+      var _schema;
+      var filter = _ref.filter;
+      setFilter(filter);
+      try {
+        // 不仅更新当前模板，也更新同级的其它模板
+        field.query('fieldReaction.items.*.layout.dataId').forEach(function (item) {
+          if (item.componentProps.service.resource !== collectionName) {
+            return;
+          }
+          item.componentProps.service.params = {
+            filter: _lodash.default.isEmpty(filter) ? {} : (0, _schemaComponent.removeNullCondition)((0, _blockProvider.mergeFilter)([filter, getSelectedIdFilter(field.value)], '$or'))
+          };
+        });
+      } catch (err) {
+        (0, _client.error)(err);
+      }
+      formSchema['x-data-templates'] = data;
+      dn.emit('patch', {
+        schema: (_schema = {}, _defineProperty(_schema, 'x-uid', formSchema['x-uid']), _defineProperty(_schema, 'x-data-templates', data), _schema)
+      });
+      dn.refresh();
+    }
+  }), /*#__PURE__*/_react2.default.createElement(SelectItem, {
+    key: "title-field",
+    title: t('Title field'),
+    options: options,
+    value: getTitleFIeld(),
+    onChange: function onChange(label) {
+      var _schema2;
+      setTitleField(label);
+      try {
+        // 不仅更新当前模板，也更新同级的其它模板
+        field.query('fieldReaction.items.*.layout.dataId').forEach(function (item) {
+          if (item.componentProps.service.resource !== collectionName) {
+            return;
+          }
+          item.componentProps.fieldNames.label = label;
+          item.componentProps.targetField = getCollectionField("".concat(collectionName, ".").concat(label || (collection === null || collection === void 0 ? void 0 : collection.titleField) || 'id'));
+        });
+      } catch (err) {
+        console.error(err);
+      }
+      formSchema['x-data-templates'] = data;
+      var schema = (_schema2 = {}, _defineProperty(_schema2, 'x-uid', formSchema['x-uid']), _defineProperty(_schema2, 'x-data-templates', data), _schema2);
+      dn.emit('patch', {
+        schema: schema
+      });
+      dn.refresh();
+    }
+  }));
+});
+exports.Designer = Designer;
+function getSelectedIdFilter(selectedId) {
+  return selectedId ? {
+    id: {
+      $eq: selectedId
+    }
+  } : null;
+}
+function SelectItem(props) {
+  var title = props.title,
+    options = props.options,
+    value = props.value,
+    onChange = props.onChange,
+    others = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/_react2.default.createElement(_2.SchemaSettings.Item, _objectSpread({}, others), /*#__PURE__*/_react2.default.createElement("div", {
+    style: {
+      alignItems: 'center',
+      display: 'flex',
+      justifyContent: 'space-between'
+    }
+  }, title, /*#__PURE__*/_react2.default.createElement(_antd.Select, _objectSpread({
+    bordered: false,
+    value: value,
+    onChange: onChange,
+    options: options,
+    style: {
+      textAlign: 'right',
+      minWidth: 100
+    }
+  }, others))));
+}

package/lib/schema-settings/DataTemplates/hooks/useCollectionState.d.ts

@@ -1,13 +1,18 @@
+import { ArrayField } from '@formily/core';
 import React from 'react';
 export declare const useCollectionState: (currentCollectionName: string) => {
     collectionList: {
         label: any;
         value: string;
     }[];
-    getEnableFieldTree: (collectionName: string) => {
+    getEnableFieldTree: (collectionName: string, fields: ArrayField) => {
         title: React.FunctionComponentElement<any>;
         key: any;
+        isLeaf: boolean;
+        field: import("../../../collection-manager").CollectionFieldOptions;
         type: string;
         tag: any;
     }[];
+    onLoadData: (node: any) => Promise<unknown>;
+    onCheck: (checkedKeys: any, { node, checked }: any) => void;
 };