chore: 补充 AMapPolyline 编辑相关 story

xyy94813 · Oct 28, 2023 · b8dd826 · b8dd826
1 parent 19b442b
commit b8dd826
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/src/components/AMapPolyline/stories/AMapPolyline.stories.tsx b/src/components/AMapPolyline/stories/AMapPolyline.stories.tsx
@@ -5,6 +5,8 @@ import { actions } from '@storybook/addon-actions';
 import {
   AMapPolyline,
   AMapPolylineProps,
+  AMapPolylineEditor,
+  AMapPolylineEditorProps,
 } from '../../../index';
 
 import withAutoFitView from '../../../storybook-decorators/withAutoFitView';
@@ -279,6 +281,21 @@ export const CommonUse: typeof Template = Template.bind({});
 CommonUse.storyName = '一般使用';
 CommonUse.args = {};
 
+const { onChange } = actions('onChange');
+const $polyline = React.createRef<AMap.Polyline>();
+const computeTarget: AMapPolylineEditorProps['computeTarget'] = (polygons) => polygons?.find(
+  (polygon) => polygon === $polyline.current,
+);
+
+export const Editable: Story<AMapPolylineEditorProps> = (args) => (
+  <>
+    <AMapPolyline {...args} ref={$polyline} />
+    <AMapPolylineEditor computeTarget={computeTarget} onChange={onChange} />
+  </>
+);
+Editable.storyName = '支持编辑';
+Editable.args = {};
+
 export const Draggable: typeof Template = Template.bind({});
 Draggable.storyName = '可拖拽';
 Draggable.args = {