Add placement arrows

snowe2010 · snowe2010 · commit 26ea604703e4 · 2024-04-12T23:48:46.000-06:00
diff --git a/client/packages/lowcoder/src/comps/comps/tourComp/tourComp.tsx b/client/packages/lowcoder/src/comps/comps/tourComp/tourComp.tsx
@@ -12,6 +12,7 @@ import {
 import { baseSelectRefMethods, TourChildrenMap, TourPropertyView } from "./tourCompConstants";
 import { TourInputCommonConfig } from "./tourInputConstants";
 import { Tour, TourProps } from "antd";
+import { PlacementType } from "@lowcoder-ee/comps/controls/tourStepControl";
 
 /**
  * This component builds the Property Panel and the fake 'UI' for the Tour component
@@ -30,6 +31,8 @@ let TourBasicComp = (function () {
         title: step.title,
         description: step.description,
         target: step.target()?.current,
+        // arrow: step.arrow,
+        placement: step.placement as PlacementType,
       }
     })
 
diff --git a/client/packages/lowcoder/src/comps/controls/tourStepControl.tsx b/client/packages/lowcoder/src/comps/controls/tourStepControl.tsx
@@ -21,6 +21,8 @@ import { controlItem, Option } from "lowcoder-design";
 import styled from "styled-components";
 import { getNextEntityName } from "util/stringUtils";
 import { TargetCompAction } from "@lowcoder-ee/comps/comps/tourComp/componentSelectorControl";
+// import { PlacementType } from "@rc-component"
+export type PlacementType = 'left' | 'leftTop' | 'leftBottom' | 'right' | 'rightTop' | 'rightBottom' | 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight' | 'center';
 
 const OptionTypes = [
   {
@@ -233,8 +235,6 @@ const OptionTip = optionListDocUrl ? (
 );
 
 type TourStepChildType = { 
-  // target: InstanceType<typeof TargetCompAction>,
-  // target: InstanceType<typeof FunctionControl>,
   title: InstanceType<typeof StringControl>,
 };
 type TourStepControlType = new (params: CompParams<any>) => MultiBaseComp<
@@ -292,7 +292,7 @@ export function tourStepsControl<T extends TourStepControlType>(
   };
 }
 
-const PlacementOptions = [
+const PlacementOptions: {label: string, value: PlacementType}[] = [
   { label: "Center", value: "center"},
   { label: "Left", value: "left"},
   { label: "Left Top", value: "leftTop"},
