添加toolbar

src/modules/editor/components/CompUI/basicUI/Transfer/select.tsx

@@ -52,7 +52,19 @@ export const SelectTransfer = defineComponent({
                 scaleBottomRef.value.editable = "scalebottom";
             })
         }
-        
+
+      
+
+      let toolbarOpts = CompToolbars.default
+      let comp :any= null;
+      if (selectCtrl.selected.length == 1) {
+         comp = selectCtrl.selected[0].comp;
+        //@ts-ignore
+        toolbarOpts = CompToolbars[comp.compKey] || toolbarOpts;
+      }
+      
+      const w = selectCtrl.objContainer?.getBound();
+      
       return (
         <div
           class={[
@@ -60,8 +72,12 @@ export const SelectTransfer = defineComponent({
             transferStyle.showGizmo ? showgizmo : hideGizmo,
           ]}
         >
-          <div class="">
-            {/* {toolbarOpts.map((item) => {
+          <div class={toolbarStyle}  style={{
+             top: w?.y + "px", 
+             left: w?.x + "px",
+          }}>
+
+            {comp && toolbarOpts.map((item) => {
                   return item.getVisible.call(editor, comp) ? (
                     <item.component
                       class="p-4px"
@@ -69,7 +85,7 @@ export const SelectTransfer = defineComponent({
                       onClick={() => item.onClick.call(editor, comp)}
                     />
                   ) : null;
-                })} */}
+                })}
           </div>
 
           <div
@@ -240,7 +256,7 @@ const toolbarStyle = css`
   position: absolute;
   top: 0;
   left: 50%;
-  transform: translate(-50%, -60px);
+  transform: translate(0%, -60px);
   z-index: 999;
 `;