@nocobase/plugin-map 0.11.1-alpha.5 → 0.12.0-alpha.2

package/lib/server/fields/polygon.js

@@ -1,64 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PolygonField = void 0;
-function _database() {
-  const data = require("@nocobase/database");
-  _database = function _database() {
-    return data;
-  };
-  return data;
-}
-var _helpers = require("../helpers");
-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); }
-class Polygon extends _database().DataTypes.ABSTRACT {
-  constructor(...args) {
-    super(...args);
-    this.key = 'Polygon';
-  }
-}
-class PolygonField extends _database().Field {
-  constructor(options, context) {
-    const name = options.name;
-    super(_objectSpread({
-      get() {
-        const value = this.getDataValue(name);
-        if ((0, _helpers.isPg)(context)) {
-          return (0, _helpers.toValue)(value);
-        } else if ((0, _helpers.isMysql)(context)) {
-          return (value === null || value === void 0 ? void 0 : value.coordinates[0].slice(0, -1)) || null;
-        } else {
-          return value;
-        }
-      },
-      set(value) {
-        var _value;
-        if (!((_value = value) !== null && _value !== void 0 && _value.length)) value = null;else if ((0, _helpers.isPg)(context)) {
-          value = (0, _helpers.joinComma)(value.map(item => (0, _helpers.joinComma)(item)));
-        } else if ((0, _helpers.isMysql)(context)) {
-          value = {
-            type: 'Polygon',
-            coordinates: [value.concat([value[0]])]
-          };
-        }
-        this.setDataValue(name, value);
-      }
-    }, options), context);
-  }
-  get dataType() {
-    if ((0, _helpers.isPg)(this.context)) {
-      return Polygon;
-    } else if ((0, _helpers.isMysql)(this.context)) {
-      return _database().DataTypes.GEOMETRY('POLYGON');
-    } else {
-      return _database().DataTypes.JSON;
-    }
-  }
-}
-exports.PolygonField = PolygonField;

package/lib/server/helpers/index.js

@@ -1,32 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.toValue = exports.joinComma = exports.isSqlite = exports.isPg = exports.isMysql = exports.getDialect = void 0;
-const joinComma = value => {
-  if (!value) return null;
-  return `(${value.join(',')})`;
-};
-exports.joinComma = joinComma;
-const toValue = value => {
-  if (!value) return null;
-  return JSON.parse(value.replace(/\(/g, '[').replace(/\)/g, ']'));
-};
-exports.toValue = toValue;
-const getDialect = ctx => {
-  return (ctx.db || ctx.database).sequelize.getDialect();
-};
-exports.getDialect = getDialect;
-const isPg = ctx => {
-  return getDialect(ctx) === 'postgres';
-};
-exports.isPg = isPg;
-const isSqlite = ctx => {
-  return getDialect(ctx) === 'sqlite';
-};
-exports.isSqlite = isSqlite;
-const isMysql = ctx => {
-  return getDialect(ctx) === 'mysql';
-};
-exports.isMysql = isMysql;

package/lib/server/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _plugin.default;
-  }
-});
-var _plugin = _interopRequireDefault(require("./plugin"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/server/plugin.js

@@ -1,79 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.MapPlugin = void 0;
-function _server() {
-  const data = require("@nocobase/server");
-  _server = function _server() {
-    return data;
-  };
-  return data;
-}
-function _path() {
-  const data = require("path");
-  _path = function _path() {
-    return data;
-  };
-  return data;
-}
-var _actions = require("./actions");
-var _fields = require("./fields");
-var _valueParsers = require("./value-parsers");
-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); }); }; }
-class MapPlugin extends _server().Plugin {
-  afterAdd() {}
-  beforeLoad() {
-    const fields = {
-      point: _fields.PointField,
-      polygon: _fields.PolygonField,
-      lineString: _fields.LineStringField,
-      circle: _fields.CircleField
-    };
-    this.db.registerFieldTypes(fields);
-    this.db.registerFieldValueParsers({
-      point: _valueParsers.PointValueParser,
-      polygon: _valueParsers.PolygonValueParser,
-      lineString: _valueParsers.LineStringValueParser,
-      circle: _valueParsers.CircleValueParser
-    });
-  }
-  load() {
-    var _this = this;
-    return _asyncToGenerator(function* () {
-      yield _this.db.import({
-        directory: (0, _path().resolve)(__dirname, 'collections')
-      });
-      _this.app.resource({
-        name: 'map-configuration',
-        actions: {
-          get: _actions.getConfiguration,
-          set: _actions.setConfiguration
-        },
-        only: ['get', 'set']
-      });
-      _this.app.acl.registerSnippet({
-        name: `pm.${_this.name}.configuration`,
-        actions: ['map-configuration:set']
-      });
-      _this.app.acl.allow('map-configuration', 'get', 'loggedIn');
-    })();
-  }
-  install(options) {
-    return _asyncToGenerator(function* () {})();
-  }
-  afterEnable() {
-    return _asyncToGenerator(function* () {})();
-  }
-  afterDisable() {
-    return _asyncToGenerator(function* () {})();
-  }
-  remove() {
-    return _asyncToGenerator(function* () {})();
-  }
-}
-exports.MapPlugin = MapPlugin;
-var _default = MapPlugin;
-exports.default = _default;

package/lib/server/value-parsers/index.js

@@ -1,75 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PolygonValueParser = exports.PointValueParser = exports.LineStringValueParser = exports.CircleValueParser = void 0;
-function _database() {
-  const data = require("@nocobase/database");
-  _database = function _database() {
-    return data;
-  };
-  return data;
-}
-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); }); }; }
-class PointValueParser extends _database().BaseValueParser {
-  setValue(value) {
-    var _this = this;
-    return _asyncToGenerator(function* () {
-      if (Array.isArray(value)) {
-        _this.value = value;
-      } else if (typeof value === 'string') {
-        _this.value = value.split(',');
-      } else {
-        _this.errors.push('Value invalid');
-      }
-    })();
-  }
-}
-exports.PointValueParser = PointValueParser;
-class PolygonValueParser extends _database().BaseValueParser {
-  setValue(value) {
-    var _this2 = this;
-    return _asyncToGenerator(function* () {
-      if (Array.isArray(value)) {
-        _this2.value = value;
-      } else if (typeof value === 'string') {
-        _this2.value = value.substring(1, value.length - 1).split('),(').map(v => v.split(','));
-      } else {
-        _this2.errors.push('Value invalid');
-      }
-    })();
-  }
-}
-exports.PolygonValueParser = PolygonValueParser;
-class LineStringValueParser extends _database().BaseValueParser {
-  setValue(value) {
-    var _this3 = this;
-    return _asyncToGenerator(function* () {
-      if (Array.isArray(value)) {
-        _this3.value = value;
-      } else if (typeof value === 'string') {
-        _this3.value = value.substring(1, value.length - 1).split('),(').map(v => v.split(','));
-      } else {
-        _this3.errors.push('Value invalid');
-      }
-    })();
-  }
-}
-exports.LineStringValueParser = LineStringValueParser;
-class CircleValueParser extends _database().BaseValueParser {
-  setValue(value) {
-    var _this4 = this;
-    return _asyncToGenerator(function* () {
-      if (Array.isArray(value)) {
-        _this4.value = value;
-      } else if (typeof value === 'string') {
-        _this4.value = value.split(',');
-      } else {
-        _this4.errors.push('Value invalid');
-      }
-    })();
-  }
-}
-exports.CircleValueParser = CircleValueParser;

package/src/client/block/MapActionInitializers.tsx

@@ -1,97 +0,0 @@
-// 表格操作配置
-export 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,
-            },
-          },
-        },
-      ],
-    },
-  ],
-};

package/src/client/block/MapBlock.tsx

@@ -1,11 +0,0 @@
-import React, { useState } from 'react';
-import { MapBlockComponent } from '../components';
-import { useCollection, useProps } from '@nocobase/client';
-
-export const MapBlock = (props) => {
-  const { fieldNames } = useProps(props);
-  const { getField } = useCollection();
-  const field = getField(fieldNames?.field);
-  const fieldComponentProps = field?.uiSchema?.['x-component-props'];
-  return <MapBlockComponent {...fieldComponentProps} {...props} />;
-};

package/src/client/block/MapBlockDesigner.tsx

@@ -1,161 +0,0 @@
-import { ISchema, useField, useFieldSchema } from '@formily/react';
-import {
-  FilterBlockType,
-  FixedBlockDesignerItem,
-  GeneralSchemaDesigner,
-  SchemaSettings,
-  mergeFilter,
-  useCollection,
-  useCollectionFilterOptions,
-  useCollectionManager,
-  useDesignable,
-  useSchemaTemplate,
-} from '@nocobase/client';
-import { lodash } from '@nocobase/utils/client';
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import { useMapTranslation } from '../locale';
-import { useMapBlockContext } from './MapBlockProvider';
-
-export const MapBlockDesigner = () => {
-  const { name, title } = useCollection();
-  const field = useField();
-  const fieldSchema = useFieldSchema();
-  const dataSource = useCollectionFilterOptions(name);
-  const { service } = useMapBlockContext();
-  const { t: mapT } = useMapTranslation();
-  const { t } = useTranslation();
-  const { dn } = useDesignable();
-  const { getCollectionFieldsOptions } = useCollectionManager();
-  const collection = useCollection();
-  const defaultFilter = fieldSchema?.['x-decorator-props']?.params?.filter || {};
-  const defaultResource = fieldSchema?.['x-decorator-props']?.resource;
-  const fieldNames = fieldSchema?.['x-decorator-props']?.['fieldNames'] || {};
-  const defaultZoom = fieldSchema?.['x-component-props']?.['zoom'] || 13;
-
-  const template = useSchemaTemplate();
-
-  const mapFieldOptions = getCollectionFieldsOptions(collection?.name, ['point', 'lineString', 'polygon']);
-  const markerFieldOptions = getCollectionFieldsOptions(collection?.name, 'string');
-
-  return (
-    <GeneralSchemaDesigner template={template} title={title || name}>
-      <SchemaSettings.BlockTitleItem />
-      <FixedBlockDesignerItem />
-      <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();
-        }}
-      />
-      <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();
-        }}
-      />
-      <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,
-                },
-              },
-            },
-          } as ISchema
-        }
-        onSubmit={({ zoom }) => {
-          lodash.set(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();
-        }}
-      ></SchemaSettings.ModalItem>
-      <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': {},
-              },
-            },
-          } as ISchema
-        }
-        onSubmit={({ filter }) => {
-          const params = field.decoratorProps.params || {};
-          params.filter = filter;
-          field.decoratorProps.params = params;
-          fieldSchema['x-decorator-props']['params'] = params;
-          const filters = service.params?.[1]?.filters || {};
-          service.run(
-            { ...service.params?.[0], filter: mergeFilter([...Object.values(filters), filter]), page: 1 },
-            { filters },
-          );
-          dn.emit('patch', {
-            schema: {
-              ['x-uid']: fieldSchema['x-uid'],
-              'x-decorator-props': fieldSchema['x-decorator-props'],
-            },
-          });
-        }}
-      />
-      <SchemaSettings.ConnectDataBlocks type={FilterBlockType.TABLE} emptyDescription={t('No blocks to connect')} />
-      <SchemaSettings.Divider />
-      <SchemaSettings.Template componentName={'Map'} collectionName={name} resourceName={defaultResource} />
-      <SchemaSettings.Divider />
-      <SchemaSettings.Remove
-        removeParentsIfNoChildren
-        breakRemoveOn={{
-          'x-component': 'Grid',
-        }}
-      />
-    </GeneralSchemaDesigner>
-  );
-};

package/src/client/block/MapBlockInitializer.tsx

@@ -1,91 +0,0 @@
-import { TableOutlined } from '@ant-design/icons';
-import { FormLayout } from '@formily/antd-v5';
-import { SchemaOptionsContext } from '@formily/react';
-import {
-  DataBlockInitializer,
-  FormDialog,
-  SchemaComponent,
-  SchemaComponentOptions,
-  useCollectionManager,
-  useGlobalTheme,
-} from '@nocobase/client';
-import React, { useContext } from 'react';
-import { useMapTranslation } from '../locale';
-import { createMapBlockSchema } from './utils';
-
-export const MapBlockInitializer = (props) => {
-  const { insert } = props;
-  const options = useContext(SchemaOptionsContext);
-  const { getCollectionFieldsOptions } = useCollectionManager();
-  const { t } = useMapTranslation();
-  const { theme } = useGlobalTheme();
-
-  return (
-    <DataBlockInitializer
-      {...props}
-      componentType={'Map'}
-      icon={<TableOutlined />}
-      onCreateBlockSchema={async ({ item }) => {
-        const mapFieldOptions = getCollectionFieldsOptions(item.name, ['point', 'lineString', 'polygon']);
-        const markerFieldOptions = getCollectionFieldsOptions(item.name, 'string');
-        const values = await FormDialog(
-          t('Create map block'),
-          () => {
-            return (
-              <SchemaComponentOptions scope={options.scope} components={{ ...options.components }}>
-                <FormLayout layout={'vertical'}>
-                  <SchemaComponent
-                    schema={{
-                      properties: {
-                        field: {
-                          title: t('Map field'),
-                          enum: mapFieldOptions,
-                          required: true,
-                          'x-component': 'Select',
-                          'x-decorator': 'FormItem',
-                          default: mapFieldOptions[0]?.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';
-                          },
-                        },
-                      },
-                    }}
-                  />
-                </FormLayout>
-              </SchemaComponentOptions>
-            );
-          },
-          theme,
-        ).open({
-          initialValues: {},
-        });
-        insert(
-          createMapBlockSchema({
-            collection: item.name,
-            fieldNames: {
-              ...values,
-            },
-          }),
-        );
-      }}
-      title={t('Map block')}
-    />
-  );
-};

package/src/client/block/MapBlockProvider.tsx

@@ -1,55 +0,0 @@
-import { useField, useFieldSchema } from '@formily/react';
-import { BlockProvider, FixedBlockWrapper, SchemaComponentOptions, useBlockRequestContext } from '@nocobase/client';
-import React, { createContext, useContext, useState } from 'react';
-
-export const MapBlockContext = createContext<any>({});
-
-const InternalMapBlockProvider = (props) => {
-  const { fieldNames } = props;
-  const fieldSchema = useFieldSchema();
-  const field = useField();
-  const { resource, service } = useBlockRequestContext();
-  const [selectedRecordKeys, setSelectedRecordKeys] = useState([]);
-
-  return (
-    <FixedBlockWrapper>
-      <SchemaComponentOptions scope={{ selectedRecordKeys }}>
-        <MapBlockContext.Provider
-          value={{
-            field,
-            service,
-            resource,
-            fieldNames,
-            fixedBlock: fieldSchema?.['x-decorator-props']?.fixedBlock,
-            selectedRecordKeys,
-            setSelectedRecordKeys,
-          }}
-        >
-          {props.children}
-        </MapBlockContext.Provider>
-      </SchemaComponentOptions>
-    </FixedBlockWrapper>
-  );
-};
-
-export const MapBlockProvider = (props) => {
-  return (
-    <BlockProvider {...props} params={{ ...props.params, paginate: false }}>
-      <InternalMapBlockProvider {...props} />
-    </BlockProvider>
-  );
-};
-
-export const useMapBlockContext = () => {
-  return useContext(MapBlockContext);
-};
-
-export const useMapBlockProps = () => {
-  const ctx = useMapBlockContext();
-
-  return {
-    ...ctx,
-    dataSource: ctx?.service?.data?.data,
-    zoom: ctx?.field?.componentProps?.zoom || 13,
-  };
-};