deploy: ebd4cc0010
This commit is contained in:
75
node_modules/@vueuse/integrations/useSortable/component.mjs
generated
vendored
75
node_modules/@vueuse/integrations/useSortable/component.mjs
generated
vendored
@@ -1,75 +0,0 @@
|
||||
import { isRef, nextTick, defineComponent, ref, reactive, h } from 'vue-demi';
|
||||
import { tryOnMounted, tryOnScopeDispose, unrefElement, defaultDocument, toValue, useVModel } from '@vueuse/core';
|
||||
import Sortable from 'sortablejs';
|
||||
|
||||
function useSortable(el, list, options = {}) {
|
||||
let sortable;
|
||||
const { document = defaultDocument, ...resetOptions } = options;
|
||||
const defaultOptions = {
|
||||
onUpdate: (e) => {
|
||||
moveArrayElement(list, e.oldIndex, e.newIndex);
|
||||
}
|
||||
};
|
||||
const start = () => {
|
||||
const target = typeof el === "string" ? document?.querySelector(el) : unrefElement(el);
|
||||
if (!target)
|
||||
return;
|
||||
sortable = new Sortable(target, { ...defaultOptions, ...resetOptions });
|
||||
};
|
||||
const stop = () => sortable?.destroy();
|
||||
const option = (name, value) => {
|
||||
if (value !== void 0)
|
||||
sortable?.option(name, value);
|
||||
else
|
||||
return sortable?.option(name);
|
||||
};
|
||||
tryOnMounted(start);
|
||||
tryOnScopeDispose(stop);
|
||||
return { stop, start, option };
|
||||
}
|
||||
function moveArrayElement(list, from, to) {
|
||||
const _valueIsRef = isRef(list);
|
||||
const array = _valueIsRef ? [...toValue(list)] : toValue(list);
|
||||
if (to >= 0 && to < array.length) {
|
||||
const element = array.splice(from, 1)[0];
|
||||
nextTick(() => {
|
||||
array.splice(to, 0, element);
|
||||
if (_valueIsRef)
|
||||
list.value = array;
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
const UseSortable = /* @__PURE__ */ /* #__PURE__ */ defineComponent({
|
||||
name: "UseSortable",
|
||||
model: {
|
||||
// Compatible with vue2
|
||||
prop: "modelValue",
|
||||
event: "update:modelValue"
|
||||
},
|
||||
props: {
|
||||
modelValue: {
|
||||
type: Array,
|
||||
required: true
|
||||
},
|
||||
tag: {
|
||||
type: String,
|
||||
default: "div"
|
||||
},
|
||||
options: {
|
||||
type: Object,
|
||||
required: true
|
||||
}
|
||||
},
|
||||
setup(props, { slots }) {
|
||||
const list = useVModel(props, "modelValue");
|
||||
const target = ref();
|
||||
const data = reactive(useSortable(target, list, props.options));
|
||||
return () => {
|
||||
if (slots.default)
|
||||
return h(props.tag, { ref: target }, slots.default(data));
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
export { UseSortable };
|
||||
Reference in New Issue
Block a user