feat: 拖拽模式新增drag-mode参数，支持用户自定义

Liberty-liu · Aug 14, 2023 · c8188a5 · c8188a5
1 parent fe8b39e
commit c8188a5
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/packages/formEditor/components/Selection/selectElement.jsx b/packages/formEditor/components/Selection/selectElement.jsx
@@ -277,7 +277,7 @@ export default {
           {...useAttrs()}
           class={[
             ns.b(),
-            unref(isEditModel) && props.hasDrag && 'handle',
+            unref(isEditModel) && ER?.props?.dragMode === 'full' && props.hasDrag && 'handle',
             !isField && ns.e('borderless'),
             unref(isEditModel) && ns.e('editor'),
             unref(isEditModel) && Selected.value,
@@ -288,6 +288,14 @@ export default {
           ref={elementRef} onClick={unref(isEditModel) && withModifiers(handleClick, ['stop'])}
         >
           {slots.default()}
+          {
+            ER?.props?.dragMode === 'icon' &&
+              unref(isEditModel) && (
+                <div class={[ns.e('topLeft')]}>
+                  {props.hasDrag && (<Icon class={['handle', ns.e('dragIcon')]} icon="Rank"></Icon>)}
+                </div>
+            )
+          }
           {
             unref(isEditModel) && (
               <div class={[ns.e('bottomRight')]}>

diff --git a/packages/formEditor/index.vue b/packages/formEditor/index.vue
@@ -46,6 +46,11 @@ const props = defineProps(_.merge({
   isShowI18n: {
     type: Boolean,
     default: true
+  },
+  dragMode: {
+    type: String,
+    default: 'icon',
+    validator: (value) => ['full', 'icon'].includes(value)
   }
 }, defaultProps))
 const layout = {