From 9e4667698bb274fc4de6556d98cc8d578cc8686a Mon Sep 17 00:00:00 2001
From: AruSeito <41471697+AruSeito@users.noreply.github.com>
Date: Wed, 21 Feb 2024 14:18:03 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=90=9B=20multi=20select?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../builder/src/components/Guide/WidgetStepMask/index.tsx | 4 ++--
 apps/builder/src/config/guide/config.tsx                  | 8 ++++----
 .../ScaleSquare/components/WrapperContainer/index.tsx     | 8 ++------
 .../ScaleSquare/components/WrapperContainer/interface.ts  | 1 -
 .../builder/src/page/App/components/ScaleSquare/index.tsx | 6 +-----
 .../page/App/components/ScaleSquare/modalScaleSquare.tsx  | 6 +-----
 6 files changed, 10 insertions(+), 23 deletions(-)

diff --git a/apps/builder/src/components/Guide/WidgetStepMask/index.tsx b/apps/builder/src/components/Guide/WidgetStepMask/index.tsx
index dcf81abadc..712c6e0634 100644
--- a/apps/builder/src/components/Guide/WidgetStepMask/index.tsx
+++ b/apps/builder/src/components/Guide/WidgetStepMask/index.tsx
@@ -16,7 +16,7 @@ import {
   UNIT_HEIGHT,
 } from "@/page/App/components/DotPanel/constant/canvas"
 import { getCanvasShape } from "@/redux/config/configSelector"
-import { WidgetConfigMap } from "@/widgetLibrary/widgetBuilder"
+import { widgetBuilder } from "@/widgetLibrary/widgetBuilder"
 
 export interface StepMaskProps {
   currentStep: number
@@ -34,7 +34,7 @@ export const WidgetStepMask: FC<StepMaskProps> = (props) => {
 
   const widgetShape = useMemo(() => {
     return GUIDE_SELECT_WIDGET.map((widget) => {
-      const { w, h } = WidgetConfigMap[widget].config
+      const { w, h } = widgetBuilder(widget).config
       return {
         width: w * unitWidth,
         height: h * UNIT_HEIGHT,
diff --git a/apps/builder/src/config/guide/config.tsx b/apps/builder/src/config/guide/config.tsx
index 91b5bbbb6b..003abd90d3 100644
--- a/apps/builder/src/config/guide/config.tsx
+++ b/apps/builder/src/config/guide/config.tsx
@@ -9,20 +9,20 @@ import { componentsActions } from "@/redux/currentApp/components/componentsSlice
 import { guideActions } from "@/redux/guide/guideSlice"
 import store from "@/store"
 import { DisplayNameGenerator } from "@/utils/generators/generateDisplayName"
-import { WidgetConfigMap } from "@/widgetLibrary/widgetBuilder"
+import { widgetBuilder } from "@/widgetLibrary/widgetBuilder"
 
 export const SELECT_WIDGET_ITEM = {
   INPUT_WIDGET: {
     highlightIcon: InputHighlightIcon,
-    ...WidgetConfigMap["INPUT_WIDGET"].config,
+    ...widgetBuilder("INPUT_WIDGET").config,
   },
   BUTTON_WIDGET: {
     highlightIcon: ButtonHighlightIcon,
-    ...WidgetConfigMap["BUTTON_WIDGET"].config,
+    ...widgetBuilder("BUTTON_WIDGET").config,
   },
   DATA_GRID_WIDGET: {
     highlightIcon: TableHighlightIcon,
-    ...WidgetConfigMap["DATA_GRID_WIDGET"].config,
+    ...widgetBuilder("DATA_GRID_WIDGET").config,
   },
 }
 
diff --git a/apps/builder/src/page/App/components/ScaleSquare/components/WrapperContainer/index.tsx b/apps/builder/src/page/App/components/ScaleSquare/components/WrapperContainer/index.tsx
index bad6ce8faf..99ce38243f 100644
--- a/apps/builder/src/page/App/components/ScaleSquare/components/WrapperContainer/index.tsx
+++ b/apps/builder/src/page/App/components/ScaleSquare/components/WrapperContainer/index.tsx
@@ -13,7 +13,7 @@ import { WrapperContainerProps } from "./interface"
 import { applyWrapperPendingStyle, hoverHotSpotStyle } from "./style"
 
 const WrapperContainer: FC<WrapperContainerProps> = (props) => {
-  const { displayName, parentNodeDisplayName, widgetHeight, children } = props
+  const { displayName, widgetHeight, children } = props
   const executionResult = useSelector(getExecutionResult)
 
   const selectedComponents = useSelector(getSelectedComponentDisplayNames)
@@ -39,11 +39,7 @@ const WrapperContainer: FC<WrapperContainerProps> = (props) => {
       realProps?.dynamicMinHeight === widgetHeight)
 
   return (
-    <div
-      css={hoverHotSpotStyle}
-      data-displayname={displayName}
-      data-parentnode={parentNodeDisplayName}
-    >
+    <div css={hoverHotSpotStyle}>
       <div
         css={applyWrapperPendingStyle({
           hasError,
diff --git a/apps/builder/src/page/App/components/ScaleSquare/components/WrapperContainer/interface.ts b/apps/builder/src/page/App/components/ScaleSquare/components/WrapperContainer/interface.ts
index f53a35be4c..4caa72e27b 100644
--- a/apps/builder/src/page/App/components/ScaleSquare/components/WrapperContainer/interface.ts
+++ b/apps/builder/src/page/App/components/ScaleSquare/components/WrapperContainer/interface.ts
@@ -2,7 +2,6 @@ import { ReactNode } from "react"
 
 export interface WrapperContainerProps {
   displayName: string
-  parentNodeDisplayName: string
   widgetHeight: number
   children: ReactNode
 }
diff --git a/apps/builder/src/page/App/components/ScaleSquare/index.tsx b/apps/builder/src/page/App/components/ScaleSquare/index.tsx
index 8d34d7efdd..6a605762e5 100644
--- a/apps/builder/src/page/App/components/ScaleSquare/index.tsx
+++ b/apps/builder/src/page/App/components/ScaleSquare/index.tsx
@@ -46,11 +46,7 @@ const ScaleSquare: FC<ScaleSquareProps> = (props) => {
       widgetType={widgetType}
       columnNumber={columnNumber}
     >
-      <WrapperContainer
-        displayName={displayName}
-        parentNodeDisplayName={parentNodeDisplayName}
-        widgetHeight={height}
-      >
+      <WrapperContainer displayName={displayName} widgetHeight={height}>
         <TransformWidgetWrapper
           displayName={displayName}
           widgetType={widgetType}
diff --git a/apps/builder/src/page/App/components/ScaleSquare/modalScaleSquare.tsx b/apps/builder/src/page/App/components/ScaleSquare/modalScaleSquare.tsx
index e944ae4c6d..5464d79a22 100644
--- a/apps/builder/src/page/App/components/ScaleSquare/modalScaleSquare.tsx
+++ b/apps/builder/src/page/App/components/ScaleSquare/modalScaleSquare.tsx
@@ -125,11 +125,7 @@ export const ModalScaleSquare: FC<ScaleSquareProps> = (props) => {
           columnNumber={columnNumber}
           unitWidth={unitW}
         >
-          <WrapperContainer
-            displayName={displayName}
-            parentNodeDisplayName={parentNodeDisplayName}
-            widgetHeight={height}
-          >
+          <WrapperContainer displayName={displayName} widgetHeight={height}>
             <TransformWidgetWrapper
               displayName={displayName}
               widgetType={widgetType}