vite-vue3-draggable-resizable

vite 打包修改版本 [Vue3 组件] 用于拖拽调整位置和大小的的组件，同时支持冲突检测，元素吸附对齐，实时参考线。

Usage

$ npm install vite-vue3-draggable-resizable

Register the Vue3DraggableResizable

// >main.js
import { createApp } from "vue";
import App from "./App.vue";
import Vue3DraggableResizable from "vite-vue3-draggable-resizable";
//default styles
import "vite-vue3-draggable-resizable/dist/Vue3DraggableResizable.css";

// You will have a global component named "Vue3DraggableResizable"
createApp(App).use(Vue3DraggableResizable).mount("#app");

You can also use it separately within the component

// >component.js
import { defineComponent } from "vue";
import Vue3DraggableResizable from "vite-vue3-draggable-resizable";
//default styles
import "vite-vue3-draggable-resizable/dist/Vue3DraggableResizable.css";

export default defineComponent({
  components: { Vue3DraggableResizable },
  // ...other
});