feat：Drag Handle Check

packages/common/component/PluginPanel.vue

@@ -21,8 +21,8 @@
       <slot name="content"></slot>
     </div>
 
-    <div class="resizer-right" @mousedown="onMouseDownRight"></div>
-    <div class="resizer-left" @mousedown="onMouseDownLeft"></div>
+    <div class="resizer-right" v-if="isLeftResizer" @mousedown="onMouseDownRight"></div>
+    <div class="resizer-left" v-if="isRightResizer" @mousedown="onMouseDownLeft"></div>
   </div>
 </template>
 
@@ -70,7 +70,7 @@ export default {
   },
   emits: ['close'],
   setup(props, { emit }) {
-    const { getPluginWidth, changePluginWidth } = useLayout()
+    const { getPluginWidth, changePluginWidth, getPluginByLayout } = useLayout()
     const panelState = inject('panelState')
     const closePanel = () => {
       useLayout().closePlugin()
@@ -108,6 +108,11 @@ export default {
     let startX = 0
     let startWidth = 0
 
+    //滚动条位置
+    const align = ref(getPluginByLayout(props.fixedName))
+    const isLeftResizer = ref(align.value.includes('left'))
+    const isRightResizer = ref(align.value.includes('right'))
+
     const onMouseMoveRight = (event) => {
       const newWidth = startWidth + (event.clientX - startX)
       panelWidth.value = Math.max(MIN_WIDTH, Math.min(newWidth, MAX_WIDTH))
@@ -153,7 +158,9 @@ export default {
       panel,
       panelWidth,
       onMouseDownRight,
-      onMouseDownLeft
+      onMouseDownLeft,
+      isLeftResizer,
+      isRightResizer
     }
   }
 }

packages/controller/src/useLayout.js

@@ -170,13 +170,17 @@ export default () => {
   }
   const pluginStorageReactive = useStorage('plugin', plugin)
 
+  //获取插件宽度
   const getPluginWidth = (name) => pluginStorageReactive.value[name]?.width || 300
 
+  //修改插件宽度
   const changePluginWidth = (name, width) => {
     if (Object.prototype.hasOwnProperty.call(pluginStorageReactive.value, name)) {
       pluginStorageReactive.value[name].width = width
     }
   }
+  //获取插件布局
+  const getPluginByLayout = (name) => pluginStorageReactive.value[name]?.align || 'leftTop'
 
   //获取某个布局（左上/左下/右上）的插件名称列表
   const getPluginsByLayout = (layout = 'all') => {
@@ -217,6 +221,7 @@ export default () => {
     changeLeftFixedPanels,
     changeRightFixedPanels,
     getPluginsByLayout,
-    changePluginLayout
+    changePluginLayout,
+    getPluginByLayout
   }
 }

packages/design-core/config/addons.js

@@ -65,16 +65,4 @@ const addons = {
   settings: [Props, Styles, Events]
 }
 
-const plugin = {}
-addons.plugins.forEach((item) => {
-  plugin[item.id] = item
-})
-addons.settings.forEach((item) => {
-  plugin[item.id] = item
-})
-
-export const getPlugin = (pluginName) => {
-  return plugin[pluginName] || null
-}
-
 export default addons