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

package/docs/en-US/changelog.md

@@ -0,0 +1 @@
+# Map Changelog

package/docs/en-US/index.md

@@ -0,0 +1 @@
+# Map overview

package/docs/en-US/installation.md

@@ -0,0 +1 @@
+# Map Installation

package/docs/en-US/tabs.json

@@ -0,0 +1,18 @@
+[
+  {
+    "title": "Introduction",
+    "path": "index"
+  },
+  {
+    "title": "Installation",
+    "path": "installation"
+  },
+  {
+    "title": "Usage",
+    "path": "usage"
+  },
+  {
+    "title": "Changelog",
+    "path": "changelog"
+  }
+]

package/docs/en-US/usage.md

@@ -0,0 +1 @@
+# Map Usage

package/docs/zh-CN/changelog.md

@@ -0,0 +1 @@
+# 地图更新日志

package/docs/zh-CN/index.md

@@ -0,0 +1 @@
+# 地图

package/docs/zh-CN/installation.md

@@ -0,0 +1 @@
+# 地图安装方法

package/docs/zh-CN/tabs.json

@@ -0,0 +1,18 @@
+[
+  {
+    "title": "介绍",
+    "path": "index"
+  },
+  {
+    "title": "安装",
+    "path": "installation"
+  },
+  {
+    "title": "用法",
+    "path": "usage"
+  },
+  {
+    "title": "日志",
+    "path": "changelog"
+  }
+]

package/docs/zh-CN/usage.md

@@ -0,0 +1 @@
+# 地图用法

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

@@ -0,0 +1,89 @@
+export declare const MapActionInitializers: {
+    title: string;
+    icon: string;
+    style: {
+        marginLeft: number;
+    };
+    items: ({
+        type: string;
+        title: string;
+        children: ({
+            type: string;
+            title: string;
+            component: string;
+            schema: {
+                'x-align': string;
+                'x-decorator'?: undefined;
+                'x-acl-action-props'?: undefined;
+            };
+        } | {
+            type: string;
+            title: string;
+            component: string;
+            schema: {
+                'x-align': string;
+                'x-decorator': string;
+                'x-acl-action-props': {
+                    skipScopeCheck: boolean;
+                };
+            };
+        })[];
+    } | {
+        type: string;
+        title?: undefined;
+        children?: undefined;
+    } | {
+        type: string;
+        title: string;
+        children: ({
+            type: string;
+            title: string;
+            component: string;
+            schema: {
+                type: string;
+                title: string;
+                'x-component': string;
+                'x-align': string;
+                'x-acl-action': string;
+                'x-decorator': string;
+                'x-acl-action-props': {
+                    skipScopeCheck: boolean;
+                };
+                'x-action': string;
+                'x-designer': string;
+                'x-action-settings': {
+                    assignedValues: {};
+                    updateMode: string;
+                    onSuccess: {
+                        manualClose: boolean;
+                        redirecting: boolean;
+                        successMessage: string;
+                    };
+                };
+                'x-component-props': {
+                    icon: string;
+                    useProps: string;
+                };
+            };
+        } | {
+            type: string;
+            title: string;
+            component: string;
+            schema: {
+                'x-align': string;
+                'x-decorator': string;
+                'x-acl-action': string;
+                'x-acl-action-props': {
+                    skipScopeCheck: boolean;
+                };
+                type?: undefined;
+                title?: undefined;
+                'x-component'?: undefined;
+                'x-action'?: undefined;
+                'x-designer'?: undefined;
+                'x-action-settings'?: undefined;
+                'x-component-props'?: undefined;
+            };
+        })[];
+    })[];
+};

package/lib/client/block/MapActionInitializers.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MapActionInitializers = void 0;
+// 表格操作配置
+const MapActionInitializers = {
+  title: "{{t('Configure actions')}}",
+  icon: 'SettingOutlined',
+  style: {
+    marginLeft: 8
+  },
+  items: [{
+    type: 'itemGroup',
+    title: "{{t('Enable actions')}}",
+    children: [{
+      type: 'item',
+      title: "{{t('Filter')}}",
+      component: 'FilterActionInitializer',
+      schema: {
+        'x-align': 'left'
+      }
+    }, {
+      type: 'item',
+      title: "{{t('Add new')}}",
+      component: 'CreateActionInitializer',
+      schema: {
+        'x-align': 'right',
+        'x-decorator': 'ACLActionProvider',
+        'x-acl-action-props': {
+          skipScopeCheck: true
+        }
+      }
+    }, {
+      type: 'item',
+      title: "{{t('Refresh')}}",
+      component: 'RefreshActionInitializer',
+      schema: {
+        'x-align': 'right'
+      }
+    }]
+  }, {
+    type: 'divider'
+  }, {
+    type: 'subMenu',
+    title: '{{t("Customize")}}',
+    children: [{
+      type: 'item',
+      title: '{{t("Bulk update")}}',
+      component: 'CustomizeActionInitializer',
+      schema: {
+        type: 'void',
+        title: '{{ t("Bulk update") }}',
+        'x-component': 'Action',
+        'x-align': 'right',
+        'x-acl-action': 'update',
+        'x-decorator': 'ACLActionProvider',
+        'x-acl-action-props': {
+          skipScopeCheck: true
+        },
+        'x-action': 'customize:bulkUpdate',
+        'x-designer': 'Action.Designer',
+        'x-action-settings': {
+          assignedValues: {},
+          updateMode: 'selected',
+          onSuccess: {
+            manualClose: true,
+            redirecting: false,
+            successMessage: '{{t("Updated successfully")}}'
+          }
+        },
+        'x-component-props': {
+          icon: 'EditOutlined',
+          useProps: '{{ useCustomizeBulkUpdateActionProps }}'
+        }
+      }
+    }, {
+      type: 'item',
+      title: '{{t("Bulk edit")}}',
+      component: 'CustomizeBulkEditActionInitializer',
+      schema: {
+        'x-align': 'right',
+        'x-decorator': 'ACLActionProvider',
+        'x-acl-action': 'update',
+        'x-acl-action-props': {
+          skipScopeCheck: true
+        }
+      }
+    }]
+  }]
+};
+exports.MapActionInitializers = MapActionInitializers;

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

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

package/lib/client/block/MapBlock.js

@@ -0,0 +1,358 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MapBlock = void 0;
+function _icons() {
+  const data = require("@ant-design/icons");
+  _icons = function _icons() {
+    return data;
+  };
+  return data;
+}
+function _css() {
+  const data = require("@emotion/css");
+  _css = function _css() {
+    return data;
+  };
+  return data;
+}
+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 _ahooks() {
+  const data = require("ahooks");
+  _ahooks = function _ahooks() {
+    return data;
+  };
+  return data;
+}
+function _antd() {
+  const data = require("antd");
+  _antd = function _antd() {
+    return data;
+  };
+  return data;
+}
+function _react2() {
+  const data = _interopRequireWildcard(require("react"));
+  _react2 = function _react2() {
+    return data;
+  };
+  return data;
+}
+var _AMap = _interopRequireDefault(require("../components/AMap"));
+var _locale = require("../locale");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function 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 selectedImage = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAA/CAMAAAC7OkrPAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAEJQTFRFAAAA8Yti8Yti8Itj8Iti74tj8Itj8YtiKwADKwADKhw5Kh07KwADKwADKwADKwAD4odn1YBlKwADKwADKwADKwAD/5y7LQAAABZ0Uk5TAP/8/f/B/PYOHjY3CCozLP3XCSkvMhA05K4AAAC4SURBVHic7dXLDoIwEIXhwSsoLSrw/q8qbSAiMy3/oivj2czmS5omnVORdapVJJFKBSEL2mrrUurbpdXa5dTH5dXi9tTsGNtX0TFG1OT+7PdY2YdEGd0FuFmUwXWm5UAZbCTKYA3SUrXZQTHLHbUy2OlsMO0ultLsajLlbEWZMEUZ+ig5E6YKM2GqMBOmGKubW1D3ps6g1nnvA5uGa5Os85E9nmF2ebYkzeKhc9wre4V+GMeh317hDfXgCWigIGJbAAAAAElFTkSuQmCC';
+const defaultImage = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAA/CAYAAACM5Lr9AAAFkklEQVR42s3VaWxUVRjG8ddiEKPRxAQTCVSWLnZaWmjpTgulpYUBExP9Agou4IKAogUKAgItlNJCgUIXINFPfsFoDCjibkQRI0QIICAQWUpZugKtpcv0+DxyYqaTe2/vTLf58Etu7znnPf+0k44opQw5i5qsjIFs2APHoBZatFq+02vZeq94yyKs0dOjsAzOTCtuVtNKWtX0UpeaXqHU07tgt4ZnvuMa93Avz/CsniE2WIQV3iEaCDnQ8F/MTgZ4h2d4ljNgmZ4pFszDpmIRIuFP57YWDMcFu7uHMziLMyEKxJBl2MbbM6DZub2NQ3sUZ3K2vkMMGIdNKbi1ADqcZe1q2i7VKzibd8BCEE8GUQ3PQ4ez3KWcGNCbeAfv0neKm85hWRvqo+Hu1LJ2HuwTvAt3tkAciKbDIDO/7iE4l7X9rpqCA30pa3uLwt3nYRAIuIfV5mcWN6msnapf8G405IGQMGry+prB0DiloqPfwng3G3SLDltXnTt5S6PK3NnRr9jAFhDJyLsZAJcz8SGcjOr+xAa0XGGTpOfeSMrYUKcyKlx+gS1oSkbY9VXpm2+rjHKXX2ALm2TS2qq96duaVHp5u19gC5skbc3V05N23FWT8NIfsIVNkra6siGttE2llbX7h9JWhaZ6mfj+lfaJZW3Kn6DJJRNWXWqbgN+Y39jRqtDUKKkrL15PxfdjammrfyhpVmiqlNQVfx9KwX/cFJT6A7awSVLeu1CeUlinxu9o8QsphbUKTWUyfvn5Wcm511QSXvoDtrBJkpedewzaE/E58wdsYZMopSQ55+z+pKK6fo9KKqpXaDkAIgxLWnomK3H1JZVQ0tyv2ICW6XAvLHHJ6QD4K6GgRsVjQ3/g3WzQLffCKGHJqfHgisOXaNy2f/oU7+TdukGIUW5xJ0vic6+oWGzsS7yTd4NoncPiF594GC7FFlSrcVub+gTv4p36btE6h1Fc9nFn7IpzKmZrY5/gXbwTxI0O8xD77rGPYtZeVtE42Jt4B+8C8WAcNu6dPwZDzVh8PYzdcqdXcDbvgMdBPDHEOG7R0Xkxqy6oKAzpDZzNO0AMmIfFvH1kABwZk1epIotv9yjOxOyj+g4xYB4W/dbvlAAdozGsJ3Gmni0mzMPGLvyN6IMo/NojNt/qEZyFmR+CWLAIW3CYaDDUR+D/TTgGdwdncJaeKRbMw8bM/9XdosjlZ5VjU0O3cAZngXTBPCzqzV/cPQAXHeuqVBgu8IVj/TXFGXqWdME8LHLez55mRSw9qUI31fuEZzFjNogNFmFvHPQUACfC8IUbUlTvlbDcSsWzeobYYB42+vWfjDwbnn3c6zCewdnnQGwyD4t47UcjAXA2JO+qCi6ss4V7eUafFZuswn4wM8ex+LgKwqV2cC/OzAXxgnlY+KvfmxkIVaPyr6tRhbWWuId79RnxgnmYY+53VlaHLj2lRm6stRSSc0ph7xoQL1mEzfnWyhPQNrKgGgE1hrjGPTAExEvmYWGvfNOVPUErz6vhiDDCNez5GMQHVmFfd2Vq6MLD6smCGkNc4x4QH5iHPfXyV125H64NX1eFkOpO+I5reo/4wDws9KUDdhSPxFdNIGLc8R3XQHxkFfalHYnB8w6qYRuqO+E7roH4yDws5MX9dtwHlYF5lQi6qYjPfKfXxEcWYbO/sKtsBP50QxFFI/D/De8qQLrBPCwYizY9M2r+of/D+Mx3ID6zDJv1uaVwGfAIBDqGJsbhZ9eQ/BuK+OwYlhzPNe7hXh9Yhe0zwqBB4IAYouCZn1wIXH5GEZ/d1sjBMzzrBfOwoBf2GWFYBMS4C03JWRA087OaoBmf3uCz5zrP8Kx9lmF7jXiE2RbBs95ghB0MIo8/pS0OeJAzvOBLmKY//BAGURBN+jmMa3qPkLdh/wKOL8SpLbnYFgAAAABJRU5ErkJggg==';
+const MapBlock = props => {
+  var _mapRef$current, _mapRef$current$aMap, _field$uiSchema;
+  const _useProps = (0, _client().useProps)(props),
+    fieldNames = _useProps.fieldNames,
+    _useProps$dataSource = _useProps.dataSource,
+    dataSource = _useProps$dataSource === void 0 ? [] : _useProps$dataSource,
+    fixedBlock = _useProps.fixedBlock,
+    zoom = _useProps.zoom,
+    setSelectedRecordKeys = _useProps.setSelectedRecordKeys;
+  const _useCollection = (0, _client().useCollection)(),
+    getField = _useCollection.getField,
+    getPrimaryKey = _useCollection.getPrimaryKey;
+  const field = getField(fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.field);
+  const _useState = (0, _react2().useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isMapInitialization = _useState2[0],
+    setIsMapInitialization = _useState2[1];
+  const mapRef = (0, _react2().useRef)();
+  const geometryUtils = (_mapRef$current = mapRef.current) === null || _mapRef$current === void 0 ? void 0 : (_mapRef$current$aMap = _mapRef$current.aMap) === null || _mapRef$current$aMap === void 0 ? void 0 : _mapRef$current$aMap.GeometryUtil;
+  const _useState3 = (0, _react2().useState)(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    record = _useState4[0],
+    setRecord = _useState4[1];
+  const _useState5 = (0, _react2().useState)(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    selectingMode = _useState6[0],
+    setSelecting = _useState6[1];
+  const _useMapTranslation = (0, _locale.useMapTranslation)(),
+    t = _useMapTranslation.t;
+  const compile = (0, _client().useCompile)();
+  const _useFilterAPI = (0, _client().useFilterAPI)(),
+    isConnected = _useFilterAPI.isConnected,
+    doFilter = _useFilterAPI.doFilter;
+  const _useState7 = (0, _react2().useState)(null),
+    _useState8 = _slicedToArray(_useState7, 2),
+    setPrevSelected = _useState8[1];
+  const selectingModeRef = (0, _react2().useRef)(selectingMode);
+  selectingModeRef.current = selectingMode;
+  const setOverlayOptions = (overlay, state) => {
+    const extData = overlay.getExtData();
+    const selected = typeof state === 'undefined' ? extData.selected : !state;
+    extData.selected = !selected;
+    if ('setIcon' in overlay) {
+      overlay.setIcon(new mapRef.current.aMap.Icon({
+        imageSize: [19, 32],
+        image: selected ? defaultImage : selectedImage
+      }));
+    }
+    overlay.setOptions(_objectSpread({
+      extData
+    }, selected ? {
+      strokeColor: '#4e9bff',
+      fillColor: '#4e9bff'
+    } : {
+      strokeColor: '#F18b62',
+      fillColor: '#F18b62'
+    }));
+  };
+  const removeSelection = () => {
+    mapRef.current.mouseTool().close(true);
+    mapRef.current.editor().setTarget(null);
+    mapRef.current.editor().close();
+  };
+  // selection
+  (0, _react2().useEffect)(() => {
+    if (selectingMode !== 'selection') {
+      return;
+    }
+    if (!mapRef.current.editor()) {
+      mapRef.current.createEditor('polygon');
+      mapRef.current.createMouseTool('polygon');
+    } else {
+      mapRef.current.executeMouseTool('polygon');
+    }
+    return () => {
+      removeSelection();
+    };
+  }, [selectingMode]);
+  (0, _react2().useEffect)(() => {
+    if (selectingMode) {
+      return () => {
+        if (!selectingModeRef.current) {
+          mapRef.current.map.getAllOverlays().forEach(o => {
+            setOverlayOptions(o, false);
+          });
+        }
+      };
+    }
+  }, [selectingMode]);
+  const onSelectingComplete = (0, _ahooks().useMemoizedFn)(() => {
+    const selectingOverlay = mapRef.current.editor().getTarget();
+    const overlays = mapRef.current.map.getAllOverlays();
+    const selectedOverlays = overlays.filter(o => {
+      if (o === selectingOverlay || o.getExtData().id === undefined) return;
+      if ('getPosition' in o) {
+        return geometryUtils.isPointInRing(o.getPosition(), selectingOverlay.getPath());
+      }
+      return geometryUtils.doesRingRingIntersect(o.getPath(), selectingOverlay.getPath());
+    });
+    const ids = selectedOverlays.map(o => {
+      setOverlayOptions(o, true);
+      return o.getExtData().id;
+    });
+    setSelectedRecordKeys(lastIds => ids.concat(lastIds));
+    selectingOverlay.remove();
+    mapRef.current.editor().close();
+  });
+  (0, _react2().useEffect)(() => {
+    var _mapRef$current$map;
+    if (!field || !mapRef.current) return;
+    const overlays = dataSource.map(item => {
+      const data = item[fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.field];
+      if (!data) return;
+      const overlay = mapRef.current.setOverlay(field.type, data, {
+        strokeColor: '#4e9bff',
+        fillColor: '#4e9bff',
+        cursor: 'pointer',
+        label: {
+          direction: 'bottom',
+          offset: [0, 5],
+          content: (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.marker) ? compile(item[fieldNames.marker]) : undefined
+        },
+        extData: {
+          id: item[getPrimaryKey()]
+        }
+      });
+      return overlay;
+    }).filter(Boolean);
+    (_mapRef$current$map = mapRef.current.map) === null || _mapRef$current$map === void 0 ? void 0 : _mapRef$current$map.setFitView(overlays);
+    const events = overlays.map(o => {
+      const onClick = e => {
+        const overlay = e.target;
+        const extData = overlay.getExtData();
+        if (!extData) return;
+        if (selectingModeRef.current) {
+          if (selectingModeRef.current === 'click') {
+            setSelectedRecordKeys(keys => extData.selected ? keys.filter(key => key !== extData.id) : [...keys, extData.id]);
+            setOverlayOptions(overlay);
+          }
+          return;
+        }
+        const data = dataSource === null || dataSource === void 0 ? void 0 : dataSource.find(item => {
+          return extData.id === item[getPrimaryKey()];
+        });
+        // 筛选区块模式
+        if (isConnected) {
+          setPrevSelected(prev => {
+            prev && clearSelected(prev);
+            if (prev === o) {
+              clearSelected(o);
+              // 删除过滤参数
+              doFilter(null);
+              return null;
+            } else {
+              selectMarker(o);
+              doFilter(data[getPrimaryKey()], target => target.field || getPrimaryKey(), '$eq');
+            }
+            return o;
+          });
+          return;
+        }
+        if (data) {
+          setRecord(data);
+        }
+      };
+      o.on('click', onClick);
+      return () => o.off('click', onClick);
+    });
+    return () => {
+      overlays.forEach(ov => {
+        ov.remove();
+      });
+      events.forEach(e => e());
+    };
+  }, [dataSource, isMapInitialization, fieldNames, field.type, isConnected]);
+  (0, _react2().useEffect)(() => {
+    setTimeout(() => {
+      setSelectedRecordKeys([]);
+    });
+  }, [dataSource]);
+  const mapRefCallback = instance => {
+    mapRef.current = instance;
+    setIsMapInitialization(!!(instance === null || instance === void 0 ? void 0 : instance.aMap));
+  };
+  return _react2().default.createElement("div", {
+    className: (0, _css().css)`
+        position: relative;
+        height: 100%;
+      `
+  }, _react2().default.createElement("div", {
+    className: (0, _css().css)`
+          position: absolute;
+          left: 10px;
+          top: 10px;
+          z-index: 999;
+        `
+  }, _react2().default.createElement(_antd().Space, {
+    direction: "vertical"
+  }, _react2().default.createElement(_antd().Button, {
+    style: {
+      color: !selectingMode ? '#F18b62' : undefined,
+      borderColor: 'currentcolor'
+    },
+    onClick: e => {
+      e.stopPropagation();
+      setSelecting('');
+    },
+    icon: _react2().default.createElement(_icons().EnvironmentOutlined, null)
+  }), _react2().default.createElement(_antd().Button, {
+    style: {
+      color: selectingMode === 'selection' ? '#F18b62' : undefined,
+      borderColor: 'currentcolor'
+    },
+    onClick: e => {
+      e.stopPropagation();
+      setSelecting('selection');
+    },
+    icon: _react2().default.createElement(_icons().ExpandOutlined, null)
+  }), selectingMode === 'selection' ? _react2().default.createElement(_antd().Button, {
+    type: "primary",
+    icon: _react2().default.createElement(_icons().CheckOutlined, null),
+    title: t('Confirm selection'),
+    onClick: onSelectingComplete
+  }) : null)), _react2().default.createElement(MapBlockDrawer, {
+    record: record,
+    setVisible: setRecord
+  }), _react2().default.createElement(_AMap.default, _objectSpread(_objectSpread({}, field === null || field === void 0 ? void 0 : (_field$uiSchema = field.uiSchema) === null || _field$uiSchema === void 0 ? void 0 : _field$uiSchema['x-component-props']), {}, {
+    ref: mapRefCallback,
+    style: {
+      height: fixedBlock ? '100%' : null
+    },
+    zoom: zoom,
+    disabled: true,
+    block: true,
+    overlayCommonOptions: {
+      strokeColor: '#F18b62',
+      fillColor: '#F18b62'
+    }
+  })));
+};
+exports.MapBlock = MapBlock;
+const MapBlockDrawer = props => {
+  const setVisible = props.setVisible,
+    record = props.record;
+  const fieldSchema = (0, _react().useFieldSchema)();
+  const schema = (0, _react2().useMemo)(() => fieldSchema.reduceProperties((buf, current) => {
+    if (current.name === 'drawer') {
+      return current;
+    }
+    return buf;
+  }, null), [fieldSchema]);
+  return schema && _react2().default.createElement(_client().ActionContext.Provider, {
+    value: {
+      visible: !!record,
+      setVisible
+    }
+  }, _react2().default.createElement(_client().RecordProvider, {
+    record: record
+  }, _react2().default.createElement(_react().RecursionField, {
+    schema: schema,
+    name: schema.name
+  })));
+};
+function clearSelected(marker) {
+  if (marker.dom) {
+    marker.dom.style.filter = 'none';
+    // AMap.Polygon | AMap.Polyline | AMap.Circle 都有 setOptions 方法
+  } else if (marker.setOptions) {
+    marker.setOptions({
+      strokeColor: '#4e9bff',
+      fillColor: '#4e9bff'
+    });
+  }
+}
+function selectMarker(marker) {
+  if (marker.dom) {
+    marker.dom.style.filter = 'brightness(1.2) contrast(1.2) hue-rotate(180deg)';
+    // AMap.Polygon | AMap.Polyline | AMap.Circle 都有 setOptions 方法
+  } else if (marker.setOptions) {
+    marker.setOptions({
+      strokeColor: '#F18b62',
+      fillColor: '#F18b62'
+    });
+  }
+}

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

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