@nocobase/plugin-map 0.9.1-alpha.2 → 0.9.2-alpha.2

package/lib/client/block/MapBlockDesigner.js

@@ -0,0 +1,196 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MapBlockDesigner = void 0;
+function _react() {
+  const data = require("@formily/react");
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+function _client() {
+  const data = require("@nocobase/client");
+  _client = function _client() {
+    return data;
+  };
+  return data;
+}
+function _set() {
+  const data = _interopRequireDefault(require("lodash/set"));
+  _set = function _set() {
+    return data;
+  };
+  return data;
+}
+function _react2() {
+  const data = _interopRequireDefault(require("react"));
+  _react2 = function _react2() {
+    return data;
+  };
+  return data;
+}
+function _reactI18next() {
+  const data = require("react-i18next");
+  _reactI18next = function _reactI18next() {
+    return data;
+  };
+  return data;
+}
+var _locale = require("../locale");
+var _MapBlockProvider = require("./MapBlockProvider");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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); }
+const MapBlockDesigner = () => {
+  var _fieldSchema$xDecora, _fieldSchema$xDecora$, _fieldSchema$xDecora2, _fieldSchema$xDecora3, _fieldSchema$xCompon;
+  const _useCollection = (0, _client().useCollection)(),
+    name = _useCollection.name,
+    title = _useCollection.title;
+  const field = (0, _react().useField)();
+  const fieldSchema = (0, _react().useFieldSchema)();
+  const dataSource = (0, _client().useCollectionFilterOptions)(name);
+  const _useMapBlockContext = (0, _MapBlockProvider.useMapBlockContext)(),
+    service = _useMapBlockContext.service;
+  const _useMapTranslation = (0, _locale.useMapTranslation)(),
+    mapT = _useMapTranslation.t;
+  const _useTranslation = (0, _reactI18next().useTranslation)(),
+    t = _useTranslation.t;
+  const _useDesignable = (0, _client().useDesignable)(),
+    dn = _useDesignable.dn;
+  const _useCollectionManager = (0, _client().useCollectionManager)(),
+    getCollectionFieldsOptions = _useCollectionManager.getCollectionFieldsOptions;
+  const collection = (0, _client().useCollection)();
+  const 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) || {};
+  const defaultResource = fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xDecora2 = fieldSchema['x-decorator-props']) === null || _fieldSchema$xDecora2 === void 0 ? void 0 : _fieldSchema$xDecora2.resource;
+  const fieldNames = (fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xDecora3 = fieldSchema['x-decorator-props']) === null || _fieldSchema$xDecora3 === void 0 ? void 0 : _fieldSchema$xDecora3['fieldNames']) || {};
+  const defaultZoom = (fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xCompon = fieldSchema['x-component-props']) === null || _fieldSchema$xCompon === void 0 ? void 0 : _fieldSchema$xCompon['zoom']) || 13;
+  const template = (0, _client().useSchemaTemplate)();
+  const mapFieldOptions = getCollectionFieldsOptions(collection === null || collection === void 0 ? void 0 : collection.name, ['point', 'lineString', 'polygon']);
+  const markerFieldOptions = getCollectionFieldsOptions(collection === null || collection === void 0 ? void 0 : collection.name, 'string');
+  return _react2().default.createElement(_client().GeneralSchemaDesigner, {
+    template: template,
+    title: title || name
+  }, _react2().default.createElement(_client().SchemaSettings.BlockTitleItem, null), _react2().default.createElement(_client().FixedBlockDesignerItem, null), _react2().default.createElement(_client().SchemaSettings.SelectItem, {
+    title: mapT('Map field'),
+    value: fieldNames.field,
+    options: mapFieldOptions,
+    onChange: v => {
+      const fieldNames = field.decoratorProps.fieldNames || {};
+      fieldNames['field'] = v;
+      field.decoratorProps.fieldNames = fieldNames;
+      fieldSchema['x-decorator-props']['fieldNames'] = fieldNames;
+      service.refresh();
+      dn.emit('patch', {
+        schema: {
+          ['x-uid']: fieldSchema['x-uid'],
+          'x-decorator-props': field.decoratorProps
+        }
+      });
+      dn.refresh();
+    }
+  }), _react2().default.createElement(_client().SchemaSettings.SelectItem, {
+    title: mapT('Marker field'),
+    value: fieldNames.marker,
+    options: markerFieldOptions,
+    onChange: v => {
+      const fieldNames = field.decoratorProps.fieldNames || {};
+      fieldNames['marker'] = v;
+      field.decoratorProps.fieldNames = fieldNames;
+      fieldSchema['x-decorator-props']['fieldNames'] = fieldNames;
+      service.refresh();
+      dn.emit('patch', {
+        schema: {
+          ['x-uid']: fieldSchema['x-uid'],
+          'x-decorator-props': field.decoratorProps
+        }
+      });
+      dn.refresh();
+    }
+  }), _react2().default.createElement(_client().SchemaSettings.ModalItem, {
+    title: mapT('The default zoom level of the map'),
+    schema: {
+      type: 'object',
+      title: mapT('Set default zoom level'),
+      properties: {
+        zoom: {
+          title: mapT('Zoom'),
+          default: defaultZoom,
+          'x-component': 'InputNumber',
+          'x-decorator': 'FormItem',
+          'x-component-props': {
+            precision: 0
+          }
+        }
+      }
+    },
+    onSubmit: ({
+      zoom
+    }) => {
+      (0, _set().default)(fieldSchema, 'x-component-props.zoom', zoom);
+      Object.assign(field.componentProps, fieldSchema['x-component-props']);
+      dn.emit('patch', {
+        schema: {
+          'x-uid': fieldSchema['x-uid'],
+          'x-component-props': field.componentProps
+        }
+      });
+      dn.refresh();
+    }
+  }), _react2().default.createElement(_client().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': {}
+        }
+      }
+    },
+    onSubmit: ({
+      filter
+    }) => {
+      var _service$params, _service$params$, _service$params2;
+      const params = field.decoratorProps.params || {};
+      params.filter = filter;
+      field.decoratorProps.params = params;
+      fieldSchema['x-decorator-props']['params'] = params;
+      const 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, _client().mergeFilter)([...Object.values(filters), filter]),
+        page: 1
+      }), {
+        filters
+      });
+      dn.emit('patch', {
+        schema: {
+          ['x-uid']: fieldSchema['x-uid'],
+          'x-decorator-props': fieldSchema['x-decorator-props']
+        }
+      });
+    }
+  }), _react2().default.createElement(_client().SchemaSettings.ConnectDataBlocks, {
+    type: _client().FilterBlockType.TABLE,
+    emptyDescription: t('No blocks to connect')
+  }), _react2().default.createElement(_client().SchemaSettings.Divider, null), _react2().default.createElement(_client().SchemaSettings.Template, {
+    componentName: 'Map',
+    collectionName: name,
+    resourceName: defaultResource
+  }), _react2().default.createElement(_client().SchemaSettings.Divider, null), _react2().default.createElement(_client().SchemaSettings.Remove, {
+    removeParentsIfNoChildren: true,
+    breakRemoveOn: {
+      'x-component': 'Grid'
+    }
+  }));
+};
+exports.MapBlockDesigner = MapBlockDesigner;

package/lib/client/block/MapBlockInitializer.d.ts

@@ -0,0 +1 @@
+export declare const MapBlockInitializer: (props: any) => JSX.Element;

package/lib/client/block/MapBlockInitializer.js

@@ -0,0 +1,122 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MapBlockInitializer = void 0;
+function _icons() {
+  const data = require("@ant-design/icons");
+  _icons = function _icons() {
+    return data;
+  };
+  return data;
+}
+function _client() {
+  const data = require("@nocobase/client");
+  _client = function _client() {
+    return data;
+  };
+  return data;
+}
+function _react() {
+  const data = require("@formily/react");
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+function _antd() {
+  const data = require("@formily/antd");
+  _antd = function _antd() {
+    return data;
+  };
+  return data;
+}
+function _react2() {
+  const data = _interopRequireWildcard(require("react"));
+  _react2 = function _react2() {
+    return data;
+  };
+  return data;
+}
+var _locale = require("../locale");
+var _utils = require("./utils");
+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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+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); }
+const MapBlockInitializer = props => {
+  const insert = props.insert;
+  const options = (0, _react2().useContext)(_react().SchemaOptionsContext);
+  const _useCollectionManager = (0, _client().useCollectionManager)(),
+    getCollectionFieldsOptions = _useCollectionManager.getCollectionFieldsOptions;
+  const _useMapTranslation = (0, _locale.useMapTranslation)(),
+    t = _useMapTranslation.t;
+  return _react2().default.createElement(_client().DataBlockInitializer, _objectSpread(_objectSpread({}, props), {}, {
+    componentType: 'Map',
+    icon: _react2().default.createElement(_icons().TableOutlined, null),
+    onCreateBlockSchema: function () {
+      var _onCreateBlockSchema = _asyncToGenerator(function* ({
+        item
+      }) {
+        const mapFieldOptions = getCollectionFieldsOptions(item.name, ['point', 'lineString', 'polygon']);
+        const markerFieldOptions = getCollectionFieldsOptions(item.name, 'string');
+        const values = yield (0, _antd().FormDialog)(t('Create map block'), () => {
+          var _mapFieldOptions$;
+          return _react2().default.createElement(_client().SchemaComponentOptions, {
+            scope: options.scope,
+            components: _objectSpread({}, options.components)
+          }, _react2().default.createElement(_antd().FormLayout, {
+            layout: 'vertical'
+          }, _react2().default.createElement(_client().SchemaComponent, {
+            schema: {
+              properties: {
+                field: {
+                  title: t('Map field'),
+                  enum: mapFieldOptions,
+                  required: true,
+                  'x-component': 'Select',
+                  'x-decorator': 'FormItem',
+                  default: (_mapFieldOptions$ = mapFieldOptions[0]) === null || _mapFieldOptions$ === void 0 ? void 0 : _mapFieldOptions$.value
+                },
+                marker: {
+                  title: t('Marker field'),
+                  enum: markerFieldOptions,
+                  'x-component': 'Select',
+                  'x-decorator': 'FormItem',
+                  'x-reactions': field => {
+                    const value = field.form.values.field;
+                    console.log("🚀 ~ file: MapBlockInitializer.tsx:45 ~ values ~ value:", value);
+                    console.log("🚀 ~ file: MapBlockInitializer.tsx:50 ~ values ~ mapFieldOptions:", mapFieldOptions);
+                    if (!value) {
+                      return;
+                    }
+                    const item = mapFieldOptions.find(item => item.value === value).type;
+                    field.hidden = item !== 'point';
+                  }
+                }
+              }
+            }
+          })));
+        }).open({
+          initialValues: {}
+        });
+        insert((0, _utils.createMapBlockSchema)({
+          collection: item.name,
+          fieldNames: _objectSpread({}, values)
+        }));
+      });
+      function onCreateBlockSchema(_x) {
+        return _onCreateBlockSchema.apply(this, arguments);
+      }
+      return onCreateBlockSchema;
+    }(),
+    title: t('Map block')
+  }));
+};
+exports.MapBlockInitializer = MapBlockInitializer;

package/lib/client/block/MapBlockProvider.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const MapBlockContext: React.Context<any>;
+export declare const MapBlockProvider: (props: any) => JSX.Element;
+export declare const useMapBlockContext: () => any;
+export declare const useMapBlockProps: () => any;

package/lib/client/block/MapBlockProvider.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMapBlockProps = exports.useMapBlockContext = exports.MapBlockProvider = exports.MapBlockContext = void 0;
+function _react() {
+  const data = require("@formily/react");
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+function _client() {
+  const data = require("@nocobase/client");
+  _client = function _client() {
+    return data;
+  };
+  return data;
+}
+function _react2() {
+  const data = _interopRequireWildcard(require("react"));
+  _react2 = function _react2() {
+    return data;
+  };
+  return data;
+}
+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 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; }
+const MapBlockContext = (0, _react2().createContext)({});
+exports.MapBlockContext = MapBlockContext;
+const InternalMapBlockProvider = props => {
+  var _fieldSchema$xDecora;
+  const fieldNames = props.fieldNames;
+  const fieldSchema = (0, _react().useFieldSchema)();
+  const field = (0, _react().useField)();
+  const _useBlockRequestConte = (0, _client().useBlockRequestContext)(),
+    resource = _useBlockRequestConte.resource,
+    service = _useBlockRequestConte.service;
+  const _useState = (0, _react2().useState)([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedRecordKeys = _useState2[0],
+    setSelectedRecordKeys = _useState2[1];
+  return _react2().default.createElement(_client().FixedBlockWrapper, null, _react2().default.createElement(_client().SchemaComponentOptions, {
+    scope: {
+      selectedRecordKeys
+    }
+  }, _react2().default.createElement(MapBlockContext.Provider, {
+    value: {
+      field,
+      service,
+      resource,
+      fieldNames,
+      fixedBlock: fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xDecora = fieldSchema['x-decorator-props']) === null || _fieldSchema$xDecora === void 0 ? void 0 : _fieldSchema$xDecora.fixedBlock,
+      selectedRecordKeys,
+      setSelectedRecordKeys
+    }
+  }, props.children)));
+};
+const MapBlockProvider = props => {
+  return _react2().default.createElement(_client().BlockProvider, _objectSpread(_objectSpread({}, props), {}, {
+    params: _objectSpread(_objectSpread({}, props.params), {}, {
+      paginate: false
+    })
+  }), _react2().default.createElement(InternalMapBlockProvider, _objectSpread({}, props)));
+};
+exports.MapBlockProvider = MapBlockProvider;
+const useMapBlockContext = () => {
+  return (0, _react2().useContext)(MapBlockContext);
+};
+exports.useMapBlockContext = useMapBlockContext;
+const useMapBlockProps = () => {
+  var _ctx$service, _ctx$service$data, _ctx$field, _ctx$field$componentP;
+  const ctx = useMapBlockContext();
+  return _objectSpread(_objectSpread({}, ctx), {}, {
+    dataSource: ctx === null || ctx === void 0 ? void 0 : (_ctx$service = ctx.service) === null || _ctx$service === void 0 ? void 0 : (_ctx$service$data = _ctx$service.data) === null || _ctx$service$data === void 0 ? void 0 : _ctx$service$data.data,
+    zoom: (ctx === null || ctx === void 0 ? void 0 : (_ctx$field = ctx.field) === null || _ctx$field === void 0 ? void 0 : (_ctx$field$componentP = _ctx$field.componentProps) === null || _ctx$field$componentP === void 0 ? void 0 : _ctx$field$componentP.zoom) || 13
+  });
+};
+exports.useMapBlockProps = useMapBlockProps;

package/lib/client/block/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const MapBlockOptions: React.FC;

package/lib/client/block/index.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MapBlockOptions = void 0;
+function _client() {
+  const data = require("@nocobase/client");
+  _client = function _client() {
+    return data;
+  };
+  return data;
+}
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+var _locale = require("../locale");
+var _MapActionInitializers = require("./MapActionInitializers");
+var _MapBlock = require("./MapBlock");
+var _MapBlockDesigner = require("./MapBlockDesigner");
+var _MapBlockInitializer = require("./MapBlockInitializer");
+var _MapBlockProvider = require("./MapBlockProvider");
+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; }
+const MapBlockOptions = props => {
+  const items = (0, _react().useContext)(_client().SchemaInitializerContext);
+  const children = items.BlockInitializers.items[0].children;
+  (0, _react().useEffect)(() => {
+    if (!children.find(item => item.component === 'MapBlockInitializer')) {
+      children.push({
+        key: 'mapBlock',
+        type: 'item',
+        title: (0, _locale.generateNTemplate)('Map'),
+        component: 'MapBlockInitializer'
+      });
+    }
+  }, []);
+  return _react().default.createElement(_client().SchemaInitializerProvider, {
+    initializers: {
+      MapActionInitializers: _MapActionInitializers.MapActionInitializers
+    }
+  }, _react().default.createElement(_client().SchemaComponentOptions, {
+    scope: {
+      useMapBlockProps: _MapBlockProvider.useMapBlockProps
+    },
+    components: {
+      MapBlockInitializer: _MapBlockInitializer.MapBlockInitializer,
+      MapBlockDesigner: _MapBlockDesigner.MapBlockDesigner,
+      MapBlockProvider: _MapBlockProvider.MapBlockProvider,
+      MapBlock: _MapBlock.MapBlock
+    }
+  }, props.children));
+};
+exports.MapBlockOptions = MapBlockOptions;

package/lib/client/block/utils.d.ts

@@ -0,0 +1,56 @@
+export declare const createMapBlockSchema: (options: any) => import("@formily/react").Stringify<{
+    [key: symbol]: any;
+    [key: `x-${string}`]: any;
+    [key: `x-${number}`]: any;
+    version?: string;
+    name?: import("@formily/react").SchemaKey;
+    title?: any;
+    description?: any;
+    default?: any;
+    readOnly?: boolean;
+    writeOnly?: boolean;
+    type?: import("@formily/react").SchemaTypes;
+    enum?: import("@formily/react").SchemaEnum<any>;
+    const?: any;
+    multipleOf?: number;
+    maximum?: number;
+    exclusiveMaximum?: number;
+    minimum?: number;
+    exclusiveMinimum?: number;
+    maxLength?: number;
+    minLength?: number;
+    pattern?: string | RegExp;
+    maxItems?: number;
+    minItems?: number;
+    uniqueItems?: boolean;
+    maxProperties?: number;
+    minProperties?: number;
+    required?: string | boolean | string[];
+    format?: string;
+    $ref?: string;
+    $namespace?: string;
+    definitions?: import("@formily/react").SchemaProperties<any, any, any, any, any, any, any, any>;
+    properties?: import("@formily/react").SchemaProperties<any, any, any, any, any, any, any, any>;
+    items?: import("@formily/react").SchemaItems<any, any, any, any, any, any, any, any>;
+    additionalItems?: import("@formily/react").Stringify<any>;
+    patternProperties?: import("@formily/react").SchemaProperties<any, any, any, any, any, any, any, any>;
+    additionalProperties?: import("@formily/react").Stringify<any>;
+    "x-value"?: any;
+    "x-index"?: number;
+    "x-pattern"?: any;
+    "x-display"?: any;
+    "x-validator"?: any;
+    "x-decorator"?: any;
+    "x-decorator-props"?: any;
+    "x-component"?: any;
+    "x-component-props"?: any;
+    "x-reactions"?: import("@formily/react").SchemaReactions<any>;
+    "x-content"?: any;
+    "x-data"?: any;
+    "x-visible"?: boolean;
+    "x-hidden"?: boolean;
+    "x-disabled"?: boolean;
+    "x-editable"?: boolean;
+    "x-read-only"?: boolean;
+    "x-read-pretty"?: boolean;
+}>;

package/lib/client/block/utils.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createMapBlockSchema = void 0;
+function _shared() {
+  const data = require("@formily/shared");
+  _shared = function _shared() {
+    return data;
+  };
+  return data;
+}
+const _excluded = ["collection", "resource", "fieldNames"];
+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 _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; }
+const createMapBlockSchema = options => {
+  const collection = options.collection,
+    resource = options.resource,
+    fieldNames = options.fieldNames,
+    others = _objectWithoutProperties(options, _excluded);
+  const schema = {
+    type: 'void',
+    'x-acl-action': `${resource || collection}:list`,
+    'x-decorator': 'MapBlockProvider',
+    'x-decorator-props': _objectSpread({
+      collection: collection,
+      resource: resource || collection,
+      action: 'list',
+      fieldNames,
+      params: {
+        paginate: false
+      }
+    }, others),
+    'x-designer': 'MapBlockDesigner',
+    'x-component': 'CardItem',
+    // 保存当前筛选区块所能过滤的数据区块
+    'x-filter-targets': [],
+    properties: {
+      actions: {
+        type: 'void',
+        'x-initializer': 'MapActionInitializers',
+        'x-component': 'ActionBar',
+        'x-component-props': {
+          style: {
+            marginBottom: 16
+          }
+        },
+        properties: {}
+      },
+      [(0, _shared().uid)()]: {
+        type: 'void',
+        'x-component': 'MapBlock',
+        'x-component-props': {
+          useProps: '{{ useMapBlockProps }}'
+        },
+        properties: {
+          drawer: {
+            type: 'void',
+            'x-component': 'Action.Drawer',
+            'x-component-props': {
+              className: 'nb-action-popup'
+            },
+            title: '{{ t("View record") }}',
+            properties: {
+              tabs: {
+                type: 'void',
+                'x-component': 'Tabs',
+                'x-component-props': {},
+                'x-initializer': 'TabPaneInitializers',
+                properties: {
+                  tab1: {
+                    type: 'void',
+                    title: '{{t("Details")}}',
+                    'x-component': 'Tabs.TabPane',
+                    'x-designer': 'Tabs.Designer',
+                    'x-component-props': {},
+                    properties: {
+                      grid: {
+                        type: 'void',
+                        'x-component': 'Grid',
+                        'x-initializer': 'RecordBlockInitializers',
+                        properties: {}
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  };
+  return schema;
+};
+exports.createMapBlockSchema = createMapBlockSchema;