docs: 调整图层组件分类 (#32)

src/components/Layers/HeatmapLayer/index.md → src/components/Layers/BaseLayers/HeatmapLayer/index.md

@@ -1,8 +1,8 @@
 ---
 toc: content
-order: 6
+order: 4
 group:
-  title: 图层组件
+  title: 基础图层
   order: 1
 nav:
   title: 组件

src/components/Layers/HeatmapLayer/index.tsx → src/components/Layers/BaseLayers/HeatmapLayer/index.tsx

@@ -1,6 +1,6 @@
 import { HeatmapLayer as L7HeatmapLayer } from '@antv/l7-composite-layers';
 import { forwardRef, memo, useImperativeHandle } from 'react';
-import { useCreateLayer } from '../hooks/use-create-layer';
+import { useCreateLayer } from '../../hooks/use-create-layer';
 import type { HeatmapLayerProps } from './types';
 
 export const HeatmapLayer = memo(

src/components/Layers/HeatmapLayer/types.ts → src/components/Layers/BaseLayers/HeatmapLayer/types.ts

@@ -1,5 +1,5 @@
 import type { HeatmapLayer, HeatmapLayerOptions } from '@antv/l7-composite-layers';
-import type { LayerCommonProps } from '../../../types/common';
+import type { LayerCommonProps } from '../../../../types/common';
 
 /**
  * 组件类型定义

src/components/Layers/LineLayer/index.md → src/components/Layers/BaseLayers/LineLayer/index.md

@@ -1,8 +1,8 @@
 ---
 toc: content
-order: 4
+order: 2
 group:
-  title: 图层组件
+  title: 基础图层
   order: 1
 nav:
   title: 组件

src/components/Layers/LineLayer/index.tsx → src/components/Layers/BaseLayers/LineLayer/index.tsx

@@ -1,6 +1,6 @@
 import { LineLayer as L7LineLayer } from '@antv/l7-composite-layers';
 import { forwardRef, memo, useImperativeHandle } from 'react';
-import { useCreateLayer } from '../hooks/use-create-layer';
+import { useCreateLayer } from '../../hooks/use-create-layer';
 import type { LineLayerProps } from './types';
 
 export const LineLayer = memo(

src/components/Layers/LineLayer/types.ts → src/components/Layers/BaseLayers/LineLayer/types.ts

@@ -1,5 +1,5 @@
 import type { LineLayer, LineLayerOptions } from '@antv/l7-composite-layers';
-import type { LayerCommonProps } from '../../../types/common';
+import type { LayerCommonProps } from '../../../../types/common';
 
 /**
  * 组件类型定义

src/components/Layers/PointLayer/index.md → src/components/Layers/BaseLayers/PointLayer/index.md

@@ -1,8 +1,8 @@
 ---
 toc: content
-order: 3
+order: 1
 group:
-  title: 图层组件
+  title: 基础图层
   order: 1
 nav:
   title: 组件

src/components/Layers/PointLayer/index.tsx → src/components/Layers/BaseLayers/PointLayer/index.tsx

@@ -1,6 +1,6 @@
 import { PointLayer as L7PointLayer } from '@antv/l7-composite-layers';
 import { forwardRef, memo, useImperativeHandle } from 'react';
-import { useCreateLayer } from '../hooks/use-create-layer';
+import { useCreateLayer } from '../../hooks/use-create-layer';
 import type { PointLayerProps } from './types';
 
 export const PointLayer = memo(

src/components/Layers/PointLayer/types.ts → src/components/Layers/BaseLayers/PointLayer/types.ts

@@ -1,5 +1,5 @@
 import type { PointLayer, PointLayerOptions } from '@antv/l7-composite-layers';
-import type { LayerCommonProps } from '../../../types/common';
+import type { LayerCommonProps } from '../../../../types/common';
 
 /**
  * 组件类型定义

src/components/Layers/PolygonLayer/index.md → src/components/Layers/BaseLayers/PolygonLayer/index.md

@@ -1,8 +1,8 @@
 ---
 toc: content
-order: 5
+order: 3
 group:
-  title: 图层组件
+  title: 基础图层
   order: 1
 nav:
   title: 组件

src/components/Layers/PolygonLayer/index.tsx → src/components/Layers/BaseLayers/PolygonLayer/index.tsx

@@ -1,6 +1,6 @@
 import { PolygonLayer as L7PolygonLayer } from '@antv/l7-composite-layers';
 import { forwardRef, memo, useImperativeHandle } from 'react';
-import { useCreateLayer } from '../hooks/use-create-layer';
+import { useCreateLayer } from '../../hooks/use-create-layer';
 import type { PolygonLayerProps } from './types';
 
 export const PolygonLayer = memo(

src/components/Layers/PolygonLayer/types.ts → src/components/Layers/BaseLayers/PolygonLayer/types.ts

@@ -1,5 +1,5 @@
 import type { PolygonLayer, PolygonLayerOptions } from '@antv/l7-composite-layers';
-import type { LayerCommonProps } from '../../../types/common';
+import type { LayerCommonProps } from '../../../../types/common';
 
 /**
  * 组件类型定义

src/components/Layers/TextLayer/index.md → src/components/Layers/BaseLayers/TextLayer/index.md

@@ -1,8 +1,8 @@
 ---
 toc: content
-order: 7
+order: 5
 group:
-  title: 图层组件
+  title: 基础图层
   order: 1
 nav:
   title: 组件

src/components/Layers/TextLayer/index.tsx → src/components/Layers/BaseLayers/TextLayer/index.tsx

@@ -1,6 +1,6 @@
 import { TextLayer as L7TextLayer } from '@antv/l7-composite-layers';
 import { forwardRef, memo, useImperativeHandle } from 'react';
-import { useCreateLayer } from '../hooks/use-create-layer';
+import { useCreateLayer } from '../../hooks/use-create-layer';
 import type { TextLayerProps } from './types';
 
 export const TextLayer = memo(

src/components/Layers/TextLayer/types.ts → src/components/Layers/BaseLayers/TextLayer/types.ts

@@ -1,5 +1,5 @@
 import type { TextLayer, TextLayerOptions } from '@antv/l7-composite-layers';
-import type { LayerCommonProps } from '../../../types/common';
+import type { LayerCommonProps } from '../../../../types/common';
 
 /**
  * 组件类型定义

src/components/Layers/BubbleLayer/index.md → src/components/Layers/CompositeLayers/BubbleLayer/index.md

@@ -2,7 +2,7 @@
 toc: content
 order: 1
 group:
-  title: 图层组件
+  title: 复合图层
   order: 1
 nav:
   title: 组件

src/components/Layers/BubbleLayer/index.tsx → src/components/Layers/CompositeLayers/BubbleLayer/index.tsx

@@ -1,6 +1,6 @@
 import { BubbleLayer as L7BubbleLayer } from '@antv/l7-composite-layers';
 import { forwardRef, memo, useImperativeHandle } from 'react';
-import { useCreateLayer } from '../hooks/use-create-layer';
+import { useCreateLayer } from '../../hooks/use-create-layer';
 import type { BubbleLayerProps } from './types';
 
 export const BubbleLayer = memo(

src/components/Layers/BubbleLayer/types.ts → src/components/Layers/CompositeLayers/BubbleLayer/types.ts

@@ -6,7 +6,7 @@ import type {
   SourceOptions,
   TextLayerOptions,
 } from '@antv/l7-composite-layers';
-import type { LayerCommonProps } from '../../../types/common';
+import type { LayerCommonProps } from '../../../../types/common';
 
 export type { SourceOptions, ColorAttr, SizeAttr, TextLayerOptions };
 

src/components/Layers/ChoroplethLayer/index.md → src/components/Layers/CompositeLayers/ChoroplethLayer/index.md

@@ -2,7 +2,7 @@
 toc: content
 order: 2
 group:
-  title: 图层组件
+  title: 复合图层
   order: 1
 nav:
   title: 组件

src/components/Layers/ChoroplethLayer/index.tsx → src/components/Layers/CompositeLayers/ChoroplethLayer/index.tsx

@@ -1,6 +1,6 @@
 import { ChoroplethLayer as L7ChoroplethLayer } from '@antv/l7-composite-layers';
 import { forwardRef, memo, useImperativeHandle } from 'react';
-import { useCreateLayer } from '../hooks/use-create-layer';
+import { useCreateLayer } from '../../hooks/use-create-layer';
 import type { ChoroplethLayerProps } from './types';
 
 export const ChoroplethLayer = memo(

src/components/Layers/ChoroplethLayer/types.ts → src/components/Layers/CompositeLayers/ChoroplethLayer/types.ts

@@ -4,7 +4,7 @@ import type {
   ChoroplethLayerOptions,
   ChoroplethLayerSourceOptions,
 } from '@antv/l7-composite-layers';
-import type { LayerCommonProps } from '../../../types/common';
+import type { LayerCommonProps } from '../../../../types/common';
 
 export type { ChoroplethLayerActiveOptions, ChoroplethLayerSourceOptions };
 

src/components/Layers/index.ts

@@ -1,14 +1,15 @@
-export { BubbleLayer } from './BubbleLayer';
-export { BubbleLayerProps } from './BubbleLayer/types';
-export { ChoroplethLayer } from './ChoroplethLayer';
-export { ChoroplethLayerProps } from './ChoroplethLayer/types';
-export { HeatmapLayer } from './HeatmapLayer';
-export { HeatmapLayerProps } from './HeatmapLayer/types';
-export { LineLayer } from './LineLayer';
-export { LineLayerProps } from './LineLayer/types';
-export { PointLayer } from './PointLayer';
-export { PointLayerProps } from './PointLayer/types';
-export { PolygonLayer } from './PolygonLayer';
-export { PolygonLayerProps } from './PolygonLayer/types';
-export { TextLayer } from './TextLayer';
-export { TextLayerProps } from './TextLayer/types';
+export { HeatmapLayer } from './BaseLayers/HeatmapLayer';
+export { HeatmapLayerProps } from './BaseLayers/HeatmapLayer/types';
+export { LineLayer } from './BaseLayers/LineLayer';
+export { LineLayerProps } from './BaseLayers/LineLayer/types';
+export { PointLayer } from './BaseLayers/PointLayer';
+export { PointLayerProps } from './BaseLayers/PointLayer/types';
+export { PolygonLayer } from './BaseLayers/PolygonLayer';
+export { PolygonLayerProps } from './BaseLayers/PolygonLayer/types';
+export { TextLayer } from './BaseLayers/TextLayer';
+export { TextLayerProps } from './BaseLayers/TextLayer/types';
+
+export { BubbleLayer } from './CompositeLayers/BubbleLayer';
+export { BubbleLayerProps } from './CompositeLayers/BubbleLayer/types';
+export { ChoroplethLayer } from './CompositeLayers/ChoroplethLayer';
+export { ChoroplethLayerProps } from './CompositeLayers/ChoroplethLayer/types';

src/components/Scale/demos/default.tsx → src/components/ScaleControl/demos/default.tsx

@@ -1,10 +1,10 @@
-import { LarkMap, Scale } from '@antv/larkmap';
+import { LarkMap, ScaleControl } from '@antv/larkmap';
 import React from 'react';
 
 export default () => {
   return (
     <LarkMap mapType="GaodeV1" style={{ height: '300px' }}>
-      <Scale position="bottomleft" />
+      <ScaleControl position="bottomleft" />
     </LarkMap>
   );
 };

src/components/Scale/index.md → src/components/ScaleControl/index.md

@@ -9,7 +9,7 @@ nav:
   path: /components
 ---
 
-# 比例尺 - Scale
+# 比例尺 - ScaleControl
 
 ## 介绍
 

src/components/Scale/index.tsx → src/components/ScaleControl/index.tsx

@@ -2,9 +2,9 @@ import { Scale as L7Scale } from '@antv/l7';
 import { useUpdateEffect } from 'ahooks';
 import { memo, useEffect, useRef } from 'react';
 import { useScene } from '../LarkMap/hooks/use-scene';
-import type { ScaleProps } from './types';
+import type { ScaleControlProps } from './types';
 
-export const Scale = memo<ScaleProps>((props) => {
+export const ScaleControl = memo<ScaleControlProps>((props) => {
   const scene = useScene();
   const scaleRef = useRef<L7Scale>();
   const { position } = props;

src/components/Scale/types.ts → src/components/ScaleControl/types.ts

@@ -4,7 +4,7 @@ import type { IScaleControlOption } from '@antv/l7-component';
 /**
  * 组件类型定义
  */
-export interface ScaleProps extends Partial<Omit<IScaleControlOption, 'name'>> {
+export interface ScaleControlProps extends Partial<Omit<IScaleControlOption, 'name'>> {
   /** 位置，支持 'topright'、'topleft'、'bottomright'、'bottomleft'、'topcenter'、'bottomcenter'、'leftcenter'、'rightcenter'
    * @default "bottomleft"
    */

src/components/Zoom/demos/default.tsx → src/components/ZoomControl/demos/default.tsx

@@ -1,10 +1,10 @@
-import { LarkMap, Zoom } from '@antv/larkmap';
+import { LarkMap, ZoomControl } from '@antv/larkmap';
 import React from 'react';
 
 export default () => {
   return (
     <LarkMap mapType="GaodeV1" style={{ height: '300px' }}>
-      <Zoom position="bottomright" />
+      <ZoomControl position="bottomright" />
     </LarkMap>
   );
 };

src/components/Zoom/index.md → src/components/ZoomControl/index.md

@@ -9,7 +9,7 @@ nav:
   path: /components
 ---
 
-# 缩放器 - Zoom
+# 缩放器 - ZoomControl
 
 ## 介绍
 

src/components/Zoom/index.tsx → src/components/ZoomControl/index.tsx

@@ -3,9 +3,9 @@ import { useUpdateEffect } from 'ahooks';
 import type React from 'react';
 import { useEffect, useRef } from 'react';
 import { useScene } from '../LarkMap/hooks/use-scene';
-import type { ZoomProps } from './types';
+import type { ZoomControlProps } from './types';
 
-export const Zoom: React.FC<ZoomProps> = (props) => {
+export const ZoomControl: React.FC<ZoomControlProps> = (props) => {
   const scene = useScene();
   const zoomRef = useRef<L7Zoom>();
   const { position } = props;

src/components/Zoom/types.ts → src/components/ZoomControl/types.ts

@@ -4,7 +4,7 @@ import type { IZoomControlOption } from '@antv/l7-component';
 /**
  * 组件类型定义
  */
-export interface ZoomProps extends Partial<Omit<IZoomControlOption, 'name'>> {
+export interface ZoomControlProps extends Partial<Omit<IZoomControlOption, 'name'>> {
   /** 位置，支持 'topright'、'topleft'、'bottomright'、'bottomleft'、'topcenter'、'bottomcenter'、'leftcenter'、'rightcenter'
    * @default "topleft"
    */

src/index.ts

@@ -16,10 +16,11 @@ export * from './components/Layers';
  * */
 export { CustomControl } from './components/CustomControl';
 export { CustomControlProps } from './components/CustomControl/types';
-export { Scale } from './components/Scale';
-export { ScaleProps } from './components/Scale/types';
-export { Zoom } from './components/Zoom';
-export { ZoomProps } from './components/Zoom/types';
+// 兼容修改组件名称，带布局属性的组件加 Control 后缀
+export { ScaleControl, ScaleControl as Scale } from './components/ScaleControl';
+export { ScaleControlProps, ScaleControlProps as ScaleProps } from './components/ScaleControl/types';
+export { ZoomControl, ZoomControl as Zoom } from './components/ZoomControl';
+export { ZoomControlProps, ZoomControlProps as ZoomProps } from './components/ZoomControl/types';
 
 /**
  * 分析组件