module-drag/dist/module-drag.umd.min.js

<!-- * @Descripttion: * @version: * @Author: wb * @Date: 2024-02-29 10:49:25 * @LastEditTime: 2024-03-01 09:08:22 --> # module-drag

(function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t(require("vue")):"function"===typeof define&&define.amd?define([],t):"object"===typeof exports?exports["module-drag"]=t(require("vue")):e["module-drag"]=t(e["Vue"])})("undefined"!==typeof self?self:this,(function(e){return function(){"use strict";var t={274:function(t){t.exports=e}},r={};function n(e){var a=r[e];if(void 0!==a)return a.exports;var o=r[e]={exports:{}};return t[e](o,o.exports,n),o.exports}!function(){n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}}(),function(){n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)}}(),function(){n.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}}(),function(){n.p=""}();var a={};return function(){if(n.r(a),n.d(a,{default:function(){return p}}),"undefined"!==typeof window){var e=window.document.currentScript,t=e&&e.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);t&&(n.p=t[1])}var r=n(274);const o={style:{"text-align":"left"}},u=["data-index"];var i={__name:"DragModules",props:{dataList:{type:Array}},emits:["on-darg"],setup(e,{emit:t}){const n=t,a=e,i=(0,r.ref)([]),l=(0,r.ref)(""),d=(0,r.ref)("");(0,r.watch)((()=>a.dataList),(e=>{i.value=e}),{deep:!0,immediate:!0});const c=(e,t)=>{i.value=t,l.value=e.target.getAttribute("data-index")||e.target.parentNode.getAttribute("data-index")},s=e=>{d.value=e.target.getAttribute("data-index")||e.target.parentNode.getAttribute("data-index")},f=()=>{},p=(e,t)=>{d.value=Number(d.value),l.value=Number(l.value),d.value<l.value?(i.value.splice(d.value,0,i.value[l.value]),i.value.splice(Number(l.value)+1,1)):(i.value.splice(Number(d.value)+1,0,i.value[l.value]),i.value.splice(Number(l.value),1)),l.value="",e.preventDefault(),t&&t()},v=()=>{n("on-darg",i.value)};return(e,t)=>((0,r.openBlock)(),(0,r.createElementBlock)("div",o,[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(i.value,((n,a)=>((0,r.openBlock)(),(0,r.createElementBlock)("div",{class:"item",key:a,draggable:"true","data-index":a,onDragstart:t[0]||(t[0]=(0,r.withModifiers)((e=>c(e,i.value)),["stop"])),onDragenter:(0,r.withModifiers)(s,["stop"]),onDragover:f,onDragend:t[1]||(t[1]=e=>p(e,v))},[(0,r.renderSlot)(e.$slots,"default",{module:n},(()=>[(0,r.createTextVNode)((0,r.toDisplayString)(n),1)]))],40,u)))),128))]))}};const l=i;var d=l;const c=[d],s=e=>{s.installed||(s.installed=!0,c.map((t=>e.component(t.name,t))))};"undefined"!==typeof window&&window.Vue&&s(window.Vue);var f={install:s,...c},p=f}(),a}()}));
//# sourceMappingURL=module-drag.umd.min.js.map