@marsio/vue-draggable 1.0.3 → 1.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/Draggable.js +61 -26
- package/build/cjs/DraggableCore.js +59 -19
- package/build/cjs/type.js +5 -0
- package/build/cjs/utils/positionFns.js +1 -1
- package/build/cjs/utils/shims.js +10 -6
- package/build/cjs/utils/types.js +0 -4
- package/build/web/vue-draggable.min.js +1 -1
- package/package.json +4 -3
- package/typings/index.d.ts +45 -24
package/build/cjs/Draggable.js
CHANGED
|
@@ -12,7 +12,6 @@ Object.defineProperty(exports, "DraggableCore", {
|
|
|
12
12
|
exports.draggableProps = exports.default = void 0;
|
|
13
13
|
var _vue = require("vue");
|
|
14
14
|
var _get = _interopRequireDefault(require("lodash/get"));
|
|
15
|
-
var _vueTypes = _interopRequireDefault(require("vue-types"));
|
|
16
15
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
17
16
|
var _domFns = require("./utils/domFns");
|
|
18
17
|
var _positionFns = require("./utils/positionFns");
|
|
@@ -62,31 +61,66 @@ function _isSlot(s) {
|
|
|
62
61
|
}
|
|
63
62
|
const draggableProps = exports.draggableProps = {
|
|
64
63
|
..._DraggableCore.draggableCoreProps,
|
|
65
|
-
axis:
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
64
|
+
axis: {
|
|
65
|
+
type: String,
|
|
66
|
+
default: 'both'
|
|
67
|
+
},
|
|
68
|
+
bounds: {
|
|
69
|
+
type: [Object, String, Boolean],
|
|
70
|
+
default: false
|
|
71
|
+
},
|
|
72
|
+
defaultClassName: {
|
|
73
|
+
type: String,
|
|
74
|
+
default: 'vue-draggable'
|
|
75
|
+
},
|
|
76
|
+
defaultClassNameDragging: {
|
|
77
|
+
type: String,
|
|
78
|
+
default: 'vue-draggable-dragging'
|
|
79
|
+
},
|
|
80
|
+
defaultClassNameDragged: {
|
|
81
|
+
type: String,
|
|
82
|
+
default: 'vue-draggable-dragged'
|
|
83
|
+
},
|
|
84
|
+
defaultPosition: {
|
|
85
|
+
type: Object,
|
|
86
|
+
default: () => ({
|
|
87
|
+
x: 0,
|
|
88
|
+
y: 0
|
|
89
|
+
})
|
|
90
|
+
},
|
|
91
|
+
positionOffset: {
|
|
92
|
+
type: Object
|
|
93
|
+
},
|
|
94
|
+
position: {
|
|
95
|
+
type: Object,
|
|
96
|
+
default: undefined
|
|
97
|
+
}
|
|
98
|
+
// axis: VueTypes.oneOf(['both', 'x', 'y', 'none']).def('both'),
|
|
99
|
+
// bounds: VueTypes.oneOfType([
|
|
100
|
+
// VueTypes.shape({
|
|
101
|
+
// left: VueTypes.number,
|
|
102
|
+
// right: VueTypes.number,
|
|
103
|
+
// top: VueTypes.number,
|
|
104
|
+
// bottom: VueTypes.number
|
|
105
|
+
// }),
|
|
106
|
+
// VueTypes.string,
|
|
107
|
+
// VueTypes.oneOf([false])
|
|
108
|
+
// ]).def(false),
|
|
109
|
+
// defaultClassName: VueTypes.string.def('vue-draggable'),
|
|
110
|
+
// defaultClassNameDragging: VueTypes.string.def('vue-draggable-dragging'),
|
|
111
|
+
// defaultClassNameDragged: VueTypes.string.def('vue-draggable-dragged'),
|
|
112
|
+
// defaultPosition: VueTypes.shape({
|
|
113
|
+
// x: VueTypes.number,
|
|
114
|
+
// y: VueTypes.number
|
|
115
|
+
// }).def({x: 0, y: 0}),
|
|
116
|
+
// positionOffset: VueTypes.shape({
|
|
117
|
+
// x: VueTypes.oneOfType([VueTypes.number, VueTypes.string]),
|
|
118
|
+
// y: VueTypes.oneOfType([VueTypes.number, VueTypes.string])
|
|
119
|
+
// }),
|
|
120
|
+
// position: VueTypes.shape({
|
|
121
|
+
// x: VueTypes.number,
|
|
122
|
+
// y: VueTypes.number
|
|
123
|
+
// }).def(undefined)
|
|
90
124
|
};
|
|
91
125
|
const componentName = 'Draggable';
|
|
92
126
|
const Draggable = exports.default = (0, _vue.defineComponent)({
|
|
@@ -105,6 +139,7 @@ const Draggable = exports.default = (0, _vue.defineComponent)({
|
|
|
105
139
|
let {
|
|
106
140
|
slots
|
|
107
141
|
} = _ref;
|
|
142
|
+
console.log('props', props);
|
|
108
143
|
const rootElement = (0, _vue.ref)(null);
|
|
109
144
|
if (props.position && !(props.dragFn || props.stopFn)) {
|
|
110
145
|
// eslint-disable-next-line no-console
|
|
@@ -4,13 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.draggableCoreProps = exports.draggableCoreDefaultProps = exports.defaultDraggableEventHandler = exports.default = void 0;
|
|
7
|
+
var _get2 = _interopRequireDefault(require("lodash/get"));
|
|
7
8
|
var _vue = require("vue");
|
|
8
|
-
var _vueTypes = _interopRequireDefault(require("vue-types"));
|
|
9
|
-
var _get = _interopRequireDefault(require("lodash/get"));
|
|
10
9
|
var _domFns = require("./utils/domFns");
|
|
11
10
|
var _positionFns = require("./utils/positionFns");
|
|
12
|
-
var _shims = require("./utils/shims");
|
|
13
11
|
var _log = _interopRequireDefault(require("./utils/log"));
|
|
12
|
+
var _shims = require("./utils/shims");
|
|
14
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
14
|
/**
|
|
16
15
|
* DraggableCore is a low-level wrapper for draggable functionality, allowing for more fine-grained control over drag events.
|
|
@@ -47,6 +46,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
47
46
|
* Note: This component does not render any DOM elements itself; it merely wraps its default slot's content with draggable functionality.
|
|
48
47
|
*/
|
|
49
48
|
|
|
49
|
+
const funcVoid = function () {};
|
|
50
50
|
// Simple abstraction for dragging events names.
|
|
51
51
|
const eventsFor = {
|
|
52
52
|
touch: {
|
|
@@ -63,27 +63,67 @@ const eventsFor = {
|
|
|
63
63
|
|
|
64
64
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
65
65
|
const defaultDraggableEventHandler = (e, data) => true;
|
|
66
|
-
exports.defaultDraggableEventHandler = defaultDraggableEventHandler;
|
|
67
|
-
const funcVoid = function () {};
|
|
68
66
|
|
|
69
67
|
// Default to mouse events.
|
|
68
|
+
exports.defaultDraggableEventHandler = defaultDraggableEventHandler;
|
|
70
69
|
let dragEventFor = eventsFor.mouse;
|
|
71
70
|
const draggableCoreDefaultProps = exports.draggableCoreDefaultProps = {
|
|
72
|
-
allowAnyClick:
|
|
73
|
-
disabled:
|
|
74
|
-
enableUserSelectHack:
|
|
75
|
-
startFn:
|
|
76
|
-
dragFn:
|
|
77
|
-
stopFn:
|
|
78
|
-
scale:
|
|
71
|
+
// allowAnyClick: VueTypes.bool.def(false),
|
|
72
|
+
// disabled: VueTypes.bool.def(false),
|
|
73
|
+
// enableUserSelectHack: VueTypes.bool.def(true),
|
|
74
|
+
// startFn: VueTypes.func.def(defaultDraggableEventHandler).def(funcVoid),
|
|
75
|
+
// dragFn: VueTypes.func.def(defaultDraggableEventHandler).def(funcVoid),
|
|
76
|
+
// stopFn: VueTypes.func.def(defaultDraggableEventHandler).def(funcVoid),
|
|
77
|
+
// scale: VueTypes.number.def(1),
|
|
78
|
+
allowAnyClick: {
|
|
79
|
+
type: Boolean,
|
|
80
|
+
default: false
|
|
81
|
+
},
|
|
82
|
+
disabled: {
|
|
83
|
+
type: Boolean,
|
|
84
|
+
default: false
|
|
85
|
+
},
|
|
86
|
+
enableUserSelectHack: {
|
|
87
|
+
type: Boolean,
|
|
88
|
+
default: true
|
|
89
|
+
},
|
|
90
|
+
startFn: {
|
|
91
|
+
type: Function,
|
|
92
|
+
default: () => funcVoid
|
|
93
|
+
},
|
|
94
|
+
dragFn: {
|
|
95
|
+
type: Function,
|
|
96
|
+
default: () => funcVoid
|
|
97
|
+
},
|
|
98
|
+
stopFn: {
|
|
99
|
+
type: Function,
|
|
100
|
+
default: () => funcVoid
|
|
101
|
+
},
|
|
102
|
+
scale: {
|
|
103
|
+
type: Number,
|
|
104
|
+
default: 1
|
|
105
|
+
}
|
|
79
106
|
};
|
|
80
107
|
const draggableCoreProps = exports.draggableCoreProps = {
|
|
81
108
|
...draggableCoreDefaultProps,
|
|
82
|
-
cancel:
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
109
|
+
cancel: {
|
|
110
|
+
type: String
|
|
111
|
+
},
|
|
112
|
+
offsetParent: {
|
|
113
|
+
type: Object,
|
|
114
|
+
default: () => document.body,
|
|
115
|
+
validator: value => (0, _shims.propIsNotNode)(value)
|
|
116
|
+
},
|
|
117
|
+
grid: {
|
|
118
|
+
type: Array
|
|
119
|
+
},
|
|
120
|
+
handle: {
|
|
121
|
+
type: String
|
|
122
|
+
},
|
|
123
|
+
nodeRef: {
|
|
124
|
+
type: Object,
|
|
125
|
+
default: () => null
|
|
126
|
+
}
|
|
87
127
|
};
|
|
88
128
|
const componentName = 'DraggableCore';
|
|
89
129
|
var _default = exports.default = (0, _vue.defineComponent)({
|
|
@@ -110,7 +150,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
110
150
|
mounted: false
|
|
111
151
|
});
|
|
112
152
|
const findDOMNode = () => {
|
|
113
|
-
return
|
|
153
|
+
return props.nodeRef?.value || rootElement.value;
|
|
114
154
|
};
|
|
115
155
|
const handleDrag = e => {
|
|
116
156
|
// Get the current drag point from the event. This is used as the offset.
|
|
@@ -210,7 +250,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
210
250
|
|
|
211
251
|
// Get nodes. Be sure to grab relative document (could be iframed)
|
|
212
252
|
const thisNode = findDOMNode();
|
|
213
|
-
if (!(0,
|
|
253
|
+
if (!(0, _get2.default)(thisNode, 'ownerDocument.body')) {
|
|
214
254
|
// throw new Error('<DraggableCore> not mounted on DragStart!');
|
|
215
255
|
}
|
|
216
256
|
const {
|
|
@@ -18,7 +18,7 @@ const cloneBounds = bounds => {
|
|
|
18
18
|
};
|
|
19
19
|
|
|
20
20
|
// This one's a bit tricky. We're trying to find the actual DOM node for a draggable component.
|
|
21
|
-
// It's using some internal
|
|
21
|
+
// It's using some internal stuff, so don't worry if it looks a bit weird.
|
|
22
22
|
const findDOMNode = draggable => {
|
|
23
23
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
24
24
|
return draggable.findDOMNode();
|
package/build/cjs/utils/shims.js
CHANGED
|
@@ -9,8 +9,6 @@ exports.int = int;
|
|
|
9
9
|
exports.isFunction = isFunction;
|
|
10
10
|
exports.isNum = isNum;
|
|
11
11
|
exports.propIsNotNode = propIsNotNode;
|
|
12
|
-
var _vueTypes = _interopRequireDefault(require("vue-types"));
|
|
13
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
12
|
/**
|
|
15
13
|
* Searches for an element in an array or TouchList that satisfies the provided callback function.
|
|
16
14
|
* @param {T[] | TouchList} array - The array or TouchList to search.
|
|
@@ -60,12 +58,18 @@ function int(a) {
|
|
|
60
58
|
* Creates a custom Vue prop type that fails validation.
|
|
61
59
|
* @param {string} propsName - The name of the prop.
|
|
62
60
|
* @param {string} componentName - The name of the component.
|
|
63
|
-
* @returns {VueTypeDef<T>} A VueTypeDef that always fails validation.
|
|
64
61
|
*/
|
|
65
62
|
function dontSetMe(propsName, componentName) {
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
63
|
+
return {
|
|
64
|
+
validator() {
|
|
65
|
+
if (!propsName) {
|
|
66
|
+
console.error(`Invalid prop ${propsName} passed to ${componentName} - do not set this, set it on the child.`);
|
|
67
|
+
return false;
|
|
68
|
+
}
|
|
69
|
+
// 如果有其他验证逻辑，可以在这里添加
|
|
70
|
+
return true;
|
|
71
|
+
}
|
|
72
|
+
};
|
|
69
73
|
}
|
|
70
74
|
|
|
71
75
|
/**
|
package/build/cjs/utils/types.js
CHANGED
|
@@ -21,9 +21,5 @@ class TouchEvent2 extends TouchEvent {
|
|
|
21
21
|
|
|
22
22
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
23
23
|
|
|
24
|
-
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
25
|
-
|
|
26
|
-
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
27
|
-
|
|
28
24
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
29
25
|
exports.TouchEvent2 = TouchEvent2;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):"object"==typeof exports?exports.VueDraggable=t(require("vue")):e.VueDraggable=t(e.Vue)}(self,(e=>(()=>{var t={835:(e,t,n)=>{"use strict";function r(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=r(e[t]))&&(o&&(o+=" "),o+=n);else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}function o(){for(var e,t,n=0,o="";n<arguments.length;)(e=arguments[n++])&&(t=r(e))&&(o&&(o+=" "),o+=t);return o}n.r(t),n.d(t,{clsx:()=>o,default:()=>a});const a=o},968:(e,t)=>{"use strict";function n(e){return"[object Object]"===Object.prototype.toString.call(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.isPlainObject=function(e){var t,r;return!1!==n(e)&&(void 0===(t=e.constructor)||!1!==n(r=t.prototype)&&!1!==r.hasOwnProperty("isPrototypeOf"))}},582:e=>{e.exports=function(e,t){return null==e?void 0:e[t]}},644:(e,t,n)=>{var r=n(582);e.exports=function(e,t,n){var o=null==e?void 0:r(e,t);return void 0===o?n:o}},116:function(e,t,n){"use strict";var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)},o=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DraggableCore=t.default=t.draggableProps=void 0;var i=n(594),u=n(594),l=a(n(644)),s=a(n(956)),f=a(n(835)),c=n(212),d=n(461),p=n(811),v=a(n(917));t.DraggableCore=v.default;var g=a(n(463)),y=n(917);t.draggableProps=r(r({},y.draggableCoreProps),{axis:s.default.oneOf(["both","x","y","none"]).def("both"),bounds:s.default.oneOfType([s.default.shape({left:s.default.number,right:s.default.number,top:s.default.number,bottom:s.default.number}),s.default.string,s.default.oneOf([!1])]).def(!1),defaultClassName:s.default.string.def("vue-draggable"),defaultClassNameDragging:s.default.string.def("vue-draggable-dragging"),defaultClassNameDragged:s.default.string.def("vue-draggable-dragged"),defaultPosition:s.default.shape({x:s.default.number,y:s.default.number}).def({x:0,y:0}),positionOffset:s.default.shape({x:s.default.oneOfType([s.default.number,s.default.string]),y:s.default.oneOfType([s.default.number,s.default.string])}),position:s.default.shape({x:s.default.number,y:s.default.number}).def(void 0)});var b="Draggable",m=(0,u.defineComponent)({compatConfig:{MODE:3},name:b,inheritAttrs:!1,props:r(r({},t.draggableProps),{style:(0,p.dontSetMe)("style",b),class:(0,p.dontSetMe)("class",b),transform:(0,p.dontSetMe)("transform",b)}),setup:function(e,t){var n=t.slots,a=(0,u.ref)(null);e.position&&!e.dragFn&&e.stopFn;var s=(0,u.reactive)({dragging:!1,dragged:!1,x:e.position?e.position.x:e.defaultPosition.x,y:e.position?e.position.y:e.defaultPosition.y,prevPropsPosition:r({},e.position),slackX:0,slackY:0,isElementSVG:!1}),p=function(){return(0,l.default)(e,"nodeRef.value")||a.value};(0,u.onMounted)((function(){void 0!==window.SVGElement&&p()instanceof window.SVGElement&&(s.isElementSVG=!0)})),(0,u.onUnmounted)((function(){s.dragging=!1}));var y=function(t,n){var r;if((0,g.default)("Draggable: onDragStart: %j",n),!1===(null===(r=e.startFn)||void 0===r?void 0:r.call(e,t,(0,d.createDraggableData)({props:e,state:s},n))))return!1;s.dragging=!0,s.dragged=!0},b=function(t,n){var r,o,a;if(!s.dragging)return!1;(0,g.default)("Draggable: onDrag: %j",n);var i=(0,d.createDraggableData)({props:e,state:s},n),u={x:i.x,y:i.y,slackX:0,slackY:0};if(e.bounds){var l=u.x,f=u.y;u.x+=s.slackX,u.y+=s.slackY;var c=(0,d.getBoundPosition)({props:e,findDOMNode:p},u.x,u.y),v=c[0],y=c[1];u.x=v,u.y=y,u.slackX=s.slackX+(l-u.x),u.slackY=s.slackY+(f-u.y),i.x=u.x,i.y=u.y,i.deltaX=u.x-(null!==(r=s.x)&&void 0!==r?r:0),i.deltaY=u.y-(null!==(o=s.y)&&void 0!==o?o:0)}if(!1===(null===(a=e.dragFn)||void 0===a?void 0:a.call(e,t,i)))return!1;Object.keys(u).forEach((function(e){s[e]=u[e]}))},m=function(t,n){var r;if(!s.dragging)return!1;if(!1===(null===(r=e.stopFn)||void 0===r?void 0:r.call(e,t,(0,d.createDraggableData)({props:e,state:s},n))))return!1;(0,g.default)("Draggable: onDragStop: %j",n);var o={dragging:!1,slackX:0,slackY:0};if(Boolean(e.position)){var a=e.position,i=a.x,u=a.y;o.x=i,o.y=u}Object.keys(o).forEach((function(e){s[e]=o[e]}))};return function(){e.axis,e.bounds;var t,l,p,g=e.defaultPosition,h=e.defaultClassName,O=e.defaultClassNameDragging,j=e.defaultClassNameDragged,T=e.position,P=e.positionOffset,D=(e.scale,o(e,["axis","bounds","defaultPosition","defaultClassName","defaultClassNameDragging","defaultClassNameDragged","position","positionOffset","scale"])),x={},S="",w=!Boolean(T)||s.dragging,_=T||g,N={x:null!==(l=(0,d.canDragX)({props:e})&&w?s.x:_.x)&&void 0!==l?l:0,y:null!==(p=(0,d.canDragY)({props:e})&&w?s.y:_.y)&&void 0!==p?p:0};s.isElementSVG?S=(0,c.createSVGTransform)(N,P):x=(0,c.createCSSTransform)(N,P);var C=(0,f.default)(h,((t={})[O]=s.dragging,t[j]=s.dragged,t)),E=n.default?n.default()[0]:null;if(!E)return null;var M,k=(0,u.cloneVNode)(E,{class:C,style:x,transform:S}),Y=r(r({},D),{startFn:y,dragFn:b,stopFn:m});return(0,i.createVNode)(v.default,(0,i.mergeProps)({ref:a},Y),"function"==typeof(M=k)||"[object Object]"===Object.prototype.toString.call(M)&&!(0,i.isVNode)(M)?k:{default:function(){return[k]}})}}});t.default=m},917:function(e,t,n){"use strict";var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.draggableCoreProps=t.draggableCoreDefaultProps=t.defaultDraggableEventHandler=void 0;var a=n(594),i=o(n(956)),u=o(n(644)),l=n(212),s=n(461),f=n(811),c=o(n(463)),d={start:"touchstart",move:"touchmove",stop:"touchend"},p={start:"mousedown",move:"mousemove",stop:"mouseup"};t.defaultDraggableEventHandler=function(e,t){return!0};var v=function(){},g=p;t.draggableCoreDefaultProps={allowAnyClick:i.default.bool.def(!1),disabled:i.default.bool.def(!1),enableUserSelectHack:i.default.bool.def(!0),startFn:i.default.func.def(t.defaultDraggableEventHandler).def(v),dragFn:i.default.func.def(t.defaultDraggableEventHandler).def(v),stopFn:i.default.func.def(t.defaultDraggableEventHandler).def(v),scale:i.default.number.def(1)},t.draggableCoreProps=r(r({},t.draggableCoreDefaultProps),{cancel:i.default.string,offsetParent:i.default.custom(f.propIsNotNode,"Draggable's offsetParent must be a DOM Node."),grid:i.default.arrayOf(i.default.number),handle:i.default.string,nodeRef:i.default.object.def((function(){return null}))});t.default=(0,a.defineComponent)({compatConfig:{MODE:3},name:"DraggableCore",inheritAttrs:!1,props:r({},t.draggableCoreProps),setup:function(e,t){var n=t.slots,r=t.emit,o=(0,a.ref)(null),i=(0,a.reactive)({dragging:!1,lastX:NaN,lastY:NaN,touchIdentifier:null,mounted:!1}),f=function(){return(0,u.default)(e,"nodeRef.value")||o.value},v=function(t){var n,r,o=(0,s.getControlPosition)(t,{props:e,findDOMNode:f},i.touchIdentifier);if(null!=o){var a=o.x,u=o.y;if(Array.isArray(e.grid)){var l=a-i.lastX,d=u-i.lastY;if(l=(n=(0,s.snapToGrid)(e.grid,l,d))[0],d=n[1],!l&&!d)return;a=i.lastX+l,u=i.lastY+d}var p=(0,s.createCoreData)({props:e,findDOMNode:f,state:i},a,u);if((0,c.default)("DraggableCore: handleDrag: %j",p),!1!==(null===(r=e.dragFn)||void 0===r?void 0:r.call(e,t,p))&&!1!==i.mounted)i.lastX=a,i.lastY=u;else try{y(new MouseEvent("mouseup"))}catch(e){var v=document.createEvent("MouseEvents");v.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),y(v)}}},y=function(t){var n,r;if(i.dragging){var o=(0,s.getControlPosition)(t,{props:e,findDOMNode:f},i.touchIdentifier);if(null!=o){var a=o.x,u=o.y;if(Array.isArray(e.grid)){var d=a-i.lastX||0,p=u-i.lastY||0;d=(n=(0,s.snapToGrid)(e.grid,d,p))[0],p=n[1],a=i.lastX+d,u=i.lastY+p}var b=(0,s.createCoreData)({props:e,findDOMNode:f,state:i},a,u);if(!1===(null===(r=e.stopFn)||void 0===r?void 0:r.call(e,t,b))||!1===i.mounted)return!1;var m=f();m&&e.enableUserSelectHack&&(0,l.removeUserSelectStyles)(m.ownerDocument),(0,c.default)("DraggableCore: handleDragStop: %j",b),i.dragging=!1,i.lastX=NaN,i.lastY=NaN,m&&((0,c.default)("DraggableCore: Removing handlers"),(0,l.removeEvent)(m.ownerDocument,g.move,v),(0,l.removeEvent)(m.ownerDocument,g.stop,y))}}},b=function(t){var n;if(r("mousedown",t),!e.allowAnyClick&&"number"==typeof t.button&&0!==t.button)return!1;var o=f();(0,u.default)(o,"ownerDocument.body");var a=o.ownerDocument;if(!(e.disabled||!(t.target instanceof a.defaultView.Node)||e.handle&&!(0,l.matchesSelectorAndParentsTo)(t.target,e.handle,o)||e.cancel&&(0,l.matchesSelectorAndParentsTo)(t.target,e.cancel,o))){"touchstart"===t.type&&t.preventDefault();var d=(0,l.getTouchIdentifier)(t);i.touchIdentifier=d;var p=(0,s.getControlPosition)(t,{props:e,findDOMNode:f},d);if(null!=p){var b=p.x,m=p.y,h=(0,s.createCoreData)({props:e,findDOMNode:f,state:i},b,m);(0,c.default)("DraggableCore: handleDragStart: %j",h),(0,c.default)("calling",e.startFn),!1!==(null===(n=e.startFn)||void 0===n?void 0:n.call(e,t,h))&&!1!==i.mounted&&(e.enableUserSelectHack&&(0,l.addUserSelectStyles)(a),i.dragging=!0,i.lastX=b,i.lastY=m,(0,l.addEvent)(a,g.move,v),(0,l.addEvent)(a,g.stop,y))}}},m=function(e){return g=p,b(e)},h=function(e){return g=p,y(e)},O=function(e){return g=d,b(e)},j=function(e){return g=d,y(e)};return(0,a.onMounted)((function(){i.mounted=!0;var e=f();e&&(0,l.addEvent)(e,d.start,O,{passive:!1})})),(0,a.onUnmounted)((function(){i.mounted=!1;var t=f();if(t){var n=t.ownerDocument;(0,l.removeEvent)(n,p.move,v),(0,l.removeEvent)(n,d.move,v),(0,l.removeEvent)(n,p.stop,y),(0,l.removeEvent)(n,d.stop,y),(0,l.removeEvent)(t,d.start,O,{passive:!1}),e.enableUserSelectHack&&(0,l.removeUserSelectStyles)(n)}})),function(){var e=n.default?n.default()[0]:null;return e?(0,a.isVNode)(e)?(0,a.cloneVNode)(e,{onMousedown:m,onMouseup:h,onTouchend:j,ref:o}):e:null}}})},549:(e,t,n)=>{"use strict";var r=n(116),o=r.default,a=r.DraggableCore;e.exports=o,e.exports.default=o,e.exports.DraggableCore=a},212:function(e,t,n){"use strict";var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)},o=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&o(t,e,n);return a(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.removeUserSelectStyles=t.addUserSelectStyles=t.removeClassName=t.addClassName=t.getTouchIdentifier=t.getTouch=t.createSVGTransform=t.createCSSTransform=t.getTranslation=t.offsetXYFromParent=t.innerWidth=t.innerHeight=t.outerWidth=t.outerHeight=t.removeEvent=t.addEvent=t.matchesSelectorAndParentsTo=t.matchesSelector=void 0;var u=i(n(157)),l=n(811),s="";t.matchesSelector=function(e,t){return s||(s=(0,l.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],(function(t){return(0,l.isFunction)(e[t])}))),!!(0,l.isFunction)(e[s])&&e[s](t)};t.matchesSelectorAndParentsTo=function(e,n,r){var o=e;do{if((0,t.matchesSelector)(o,n))return!0;if(o===r)return!1;o=o.parentNode}while(o);return!1};t.addEvent=function(e,t,n,o){if(e){var a=r({capture:!0},o);e.addEventListener?e.addEventListener(t,n,a):e.attachEvent?e.attachEvent("on".concat(t),n):e["on".concat(t)]=n}};t.removeEvent=function(e,t,n,o){var a;if(e){var i=r({capture:!0},o);e.removeEventListener?e.removeEventListener(t,n,i):e.detachEvent?null===(a=e.detachEvent)||void 0===a||a.call(e,"on"+t,n):e["on".concat(t)]=null}};t.outerHeight=function(e){var t,n=e.clientHeight,r=null===(t=e.ownerDocument.defaultView)||void 0===t?void 0:t.getComputedStyle(e);return n+=(0,l.int)(r.borderTopWidth),n+=(0,l.int)(r.borderBottomWidth)};t.outerWidth=function(e){var t,n,r=e.clientWidth,o=null===(n=null===(t=e.ownerDocument)||void 0===t?void 0:t.defaultView)||void 0===n?void 0:n.getComputedStyle(e);return r+=(0,l.int)(o.borderLeftWidth),r+=(0,l.int)(o.borderRightWidth)};t.innerHeight=function(e){var t,n,r=e.clientHeight,o=null===(n=null===(t=e.ownerDocument)||void 0===t?void 0:t.defaultView)||void 0===n?void 0:n.getComputedStyle(e);return r-=(0,l.int)(o.paddingTop),r-=(0,l.int)(o.paddingBottom)};t.innerWidth=function(e){var t,n,r=e.clientWidth,o=null===(n=null===(t=e.ownerDocument)||void 0===t?void 0:t.defaultView)||void 0===n?void 0:n.getComputedStyle(e);return r-=(0,l.int)(o.paddingLeft),r-=(0,l.int)(o.paddingRight)};t.offsetXYFromParent=function(e,t,n){var r=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect();return{x:(e.clientX+t.scrollLeft-r.left)/n,y:(e.clientY+t.scrollTop-r.top)/n}};t.getTranslation=function(e,t,n){var r=e.x,o=e.y,a="translate(".concat(r).concat(n,",").concat(o).concat(n,")");if(t){var i="".concat("string"==typeof t.x?t.x:t.x+n),u="".concat("string"==typeof t.y?t.y:t.y+n);a="translate(".concat(i,", ").concat(u,")")+a}return a};t.createCSSTransform=function(e,n){var r,o=(0,t.getTranslation)(e,n,"px");return(r={})[(0,u.browserPrefixToKey)("transform",u.default)]=o,r};t.createSVGTransform=function(e,n){return(0,t.getTranslation)(e,n,"")};t.getTouch=function(e,t){return e.targetTouches&&(0,l.findInArray)(e.targetTouches,(function(e){return t===e.identifier}))||e.changedTouches&&(0,l.findInArray)(e.changedTouches,(function(e){return t===e.identifier}))};t.getTouchIdentifier=function(e){return e.targetTouches&&e.targetTouches[0]?e.targetTouches[0].identifier:e.changedTouches&&e.changedTouches[0]?e.changedTouches[0].identifier:null};t.addClassName=function(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)")))||(e.className+=" ".concat(t))};t.removeClassName=function(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)"),"g"),"")};t.addUserSelectStyles=function(e){if(e){var n=e.getElementById("vue-draggable-style-el");n||((n=e.createElement("style")).type="text/css",n.id="vue-draggable-style-el",n.innerHTML=".vue-draggable-transparent-selection *::-moz-selection {all: inherit;}\n",n.innerHTML+=".vue-draggable-transparent-selection *::selection {all: inherit;}\n",e.getElementsByTagName("head")[0].appendChild(n)),e.body&&(0,t.addClassName)(e.body,"vue-draggable-transparent-selection")}};t.removeUserSelectStyles=function(e){if(e)try{e.body&&(0,t.removeClassName)(e.body,"vue-draggable-transparent-selection");var n=e.getSelection();n&&"Caret"!==n.type&&n.removeAllRanges()}catch(e){}}},157:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.browserPrefixToStyle=t.browserPrefixToKey=t.getPrefix=void 0;var n=["Moz","Webkit","O","ms"];function r(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transform";if("undefined"==typeof window||void 0===window.document)return"";var t=window.document.documentElement.style;if(e in t)return"";for(var r=0;r<n.length;r++)if(o(e,n[r])in t)return n[r];return""}function o(e,t){return t?"".concat(t).concat(function(e){for(var t="",n=!0,r=0;r<e.length;r++)n?(t+=e[r].toUpperCase(),n=!1):"-"===e[r]?n=!0:t+=e[r];return t}(e)):e}t.getPrefix=r,t.browserPrefixToKey=o,t.browserPrefixToStyle=function(e,t){return t?"-".concat(t.toLowerCase(),"-").concat(e):e},t.default=r()},463:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){}},461:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.createDraggableData=t.createCoreData=t.getControlPosition=t.canDragY=t.canDragX=t.snapToGrid=t.getBoundPosition=void 0;var r=n(212),o=n(811),a=function(e){return e.findDOMNode()},i=function(e,t){if(!(t in e))return 0;var n=e[t],r=parseInt(n,10);return isNaN(r)?0:r};t.getBoundPosition=function(e,t,n){if(!e.props.bounds)return[t,n];var o=e.props.bounds;o="string"==typeof o?o:function(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}(o);var u=a(e);if(!u)return[t,n];var l=u.ownerDocument,s=null==l?void 0:l.defaultView;if(!s)return[t,n];if("string"==typeof o){var f="parent"===o?u.parentNode:l.querySelector(o);if(!(f instanceof s.HTMLElement))throw new Error('Bounds selector "'.concat(o,'" could not find an element.'));var c=s.getComputedStyle(u),d=s.getComputedStyle(f);o={left:-u.offsetLeft+i(d,"paddingLeft")+i(c,"marginLeft"),top:-u.offsetTop+i(d,"paddingTop")+i(c,"marginTop"),right:(0,r.innerWidth)(f)-(0,r.outerWidth)(u)-u.offsetLeft+i(d,"paddingRight")-i(c,"marginRight"),bottom:(0,r.innerHeight)(f)-(0,r.outerHeight)(u)-u.offsetTop+i(d,"paddingBottom")-i(c,"marginBottom")}}return[t=Math.max(Math.min(t,o.right||0),o.left||0),n=Math.max(Math.min(n,o.bottom||0),o.top||0)]};t.snapToGrid=function(e,t,n){return[Math.round(t/e[0])*e[0],Math.round(n/e[1])*e[1]]};t.canDragX=function(e){return"both"===e.props.axis||"x"===e.props.axis};t.canDragY=function(e){return"both"===e.props.axis||"y"===e.props.axis};t.getControlPosition=function(e,t,n){var o="number"==typeof n?(0,r.getTouch)(e,n):null;if("number"==typeof n&&!o)return null;var i=a(t),u=t.props.offsetParent||i.offsetParent||i.ownerDocument.body;return(0,r.offsetXYFromParent)(o||e,u,t.props.scale)};t.createCoreData=function(e,t,n){var r=e.state,i=!(0,o.isNum)(r.lastX),u=a(e);return i?{node:u,deltaX:0,deltaY:0,lastX:t,lastY:n,x:t,y:n}:{node:u,deltaX:t-r.lastX,deltaY:n-r.lastY,lastX:r.lastX,lastY:r.lastY,x:t,y:n}};t.createDraggableData=function(e,t){var n=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/n,y:e.state.y+t.deltaY/n,deltaX:t.deltaX/n,deltaY:t.deltaY/n,lastX:e.state.x,lastY:e.state.y}}},811:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.propIsNotNode=t.dontSetMe=t.int=t.isNum=t.isFunction=t.findInArray=void 0;var o=r(n(956));t.findInArray=function(e,t){for(var n=0,r=e.length;n<r;n++){var o=e instanceof TouchList?e.item(n):e[n];if(null!==o&&t(o,n,e))return o}},t.isFunction=function(e){return"function"==typeof e||"[object Function]"===Object.prototype.toString.call(e)},t.isNum=function(e){return"number"==typeof e&&!isNaN(e)},t.int=function(e){return parseInt(e,10)},t.dontSetMe=function(e,t){var n="Invalid prop ".concat(e," passed to ").concat(t," - do not set this, set it on the child.");return o.default.custom((function(){return!e}),n)},t.propIsNotNode=function(e){return"object"==typeof e&&null!==e&&"nodeType"in e&&1===e.nodeType}},594:t=>{"use strict";t.exports=e},956:(e,t,n)=>{var r=n(968);function o(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}function a(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,o(r.key),r)}}function i(e,t,n){return t&&a(e.prototype,t),n&&a(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(this,arguments)}function l(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,s(e,t)}function s(e,t){return s=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},s(e,t)}function f(e,t){if(null==e)return{};var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;n[r]=e[r]}return n}var c={silent:!1,logLevel:"warn"},d=["validator"],p=Object.prototype,v=p.toString,g=p.hasOwnProperty,y=/^\s*function (\w+)/;function b(e){var t,n=null!==(t=null==e?void 0:e.type)&&void 0!==t?t:e;if(n){var r=n.toString().match(y);return r?r[1]:""}return""}var m=r.isPlainObject,h=function(e){return e},O=function(e,t){return g.call(e,t)},j=Number.isInteger||function(e){return"number"==typeof e&&isFinite(e)&&Math.floor(e)===e},T=Array.isArray||function(e){return"[object Array]"===v.call(e)},P=function(e){return"[object Function]"===v.call(e)},D=function(e,t){return m(e)&&O(e,"_vueTypes_name")&&(!t||e._vueTypes_name===t)},x=function(e){return m(e)&&(O(e,"type")||["_vueTypes_name","validator","default","required"].some((function(t){return O(e,t)})))};function S(e,t){return Object.defineProperty(e.bind(t),"__original",{value:e})}function w(e,t,n){var r;void 0===n&&(n=!1);var o=!0,a="";r=m(e)?e:{type:e};var i=D(r)?r._vueTypes_name+" - ":"";if(x(r)&&null!==r.type){if(void 0===r.type||!0===r.type)return o;if(!r.required&&null==t)return o;T(r.type)?(o=r.type.some((function(e){return!0===w(e,t,!0)})),a=r.type.map((function(e){return b(e)})).join(" or ")):o="Array"===(a=b(r))?T(t):"Object"===a?m(t):"String"===a||"Number"===a||"Boolean"===a||"Function"===a?function(e){if(null==e)return"";var t=e.constructor.toString().match(y);return t?t[1].replace(/^Async/,""):""}(t)===a:t instanceof r.type}if(!o){var u=i+'value "'+t+'" should be of type "'+a+'"';return!1===n?(h(u),!1):u}if(O(r,"validator")&&P(r.validator)){var l=h,s=[];if(h=function(e){s.push(e)},o=r.validator(t),h=l,!o){var f=(s.length>1?"* ":"")+s.join("\n* ");return s.length=0,!1===n?(h(f),o):f}}return o}function _(e,t){var n=Object.defineProperties(t,{_vueTypes_name:{value:e,writable:!0},isRequired:{get:function(){return this.required=!0,this}},def:{value:function(e){return void 0===e?this.type===Boolean||Array.isArray(this.type)&&this.type.includes(Boolean)?void(this.default=void 0):(O(this,"default")&&delete this.default,this):P(e)||!0===w(this,e,!0)?(this.default=T(e)?function(){return[].concat(e)}:m(e)?function(){return Object.assign({},e)}:e,this):(h(this._vueTypes_name+' - invalid default value: "'+e+'"'),this)}}}),r=n.validator;return P(r)&&(n.validator=S(r,n)),n}function N(e,t){var n=_(e,t);return Object.defineProperty(n,"validate",{value:function(e){return P(this.validator)&&h(this._vueTypes_name+" - calling .validate() will overwrite the current custom validator function. Validator info:\n"+JSON.stringify(this)),this.validator=S(e,this),this}})}function C(e,t,n){var r,o,a=(r=t,o={},Object.getOwnPropertyNames(r).forEach((function(e){o[e]=Object.getOwnPropertyDescriptor(r,e)})),Object.defineProperties({},o));if(a._vueTypes_name=e,!m(n))return a;var i,u,l=n.validator,s=f(n,d);if(P(l)){var c=a.validator;c&&(c=null!==(u=(i=c).__original)&&void 0!==u?u:i),a.validator=S(c?function(e){return c.call(this,e)&&l.call(this,e)}:l,a)}return Object.assign(a,s)}function E(e){return e.replace(/^(?!\s*$)/gm," ")}var M=function(){return N("any",{})},k=function(){return N("function",{type:Function})},Y=function(){return N("boolean",{type:Boolean})},X=function(){return N("string",{type:String})},A=function(){return N("number",{type:Number})},V=function(){return N("array",{type:Array})},F=function(){return N("object",{type:Object})},L=function(){return _("integer",{type:Number,validator:function(e){var t=j(e);return!1===t&&h('integer - "'+e+'" is not an integer'),t}})},I=function(){return _("symbol",{validator:function(e){var t="symbol"==typeof e;return!1===t&&h('symbol - invalid value "'+e+'"'),t}})},H=function(){return Object.defineProperty({type:null,validator:function(e){var t=null===e;return!1===t&&h("nullable - value should be null"),t}},"_vueTypes_name",{value:"nullable"})};function B(e,t){if(void 0===t&&(t="custom validation failed"),"function"!=typeof e)throw new TypeError("[VueTypes error]: You must provide a function as argument");return _(e.name||"<<anonymous function>>",{type:null,validator:function(n){var r=e(n);return r||h(this._vueTypes_name+" - "+t),r}})}function U(e){if(!T(e))throw new TypeError("[VueTypes error]: You must provide an array as argument.");var t='oneOf - value should be one of "'+e.map((function(e){return"symbol"==typeof e?e.toString():e})).join('", "')+'".',n={validator:function(n){var r=-1!==e.indexOf(n);return r||h(t),r}};if(-1===e.indexOf(null)){var r=e.reduce((function(e,t){if(null!=t){var n=t.constructor;-1===e.indexOf(n)&&e.push(n)}return e}),[]);r.length>0&&(n.type=r)}return _("oneOf",n)}function R(e){if(!T(e))throw new TypeError("[VueTypes error]: You must provide an array as argument");for(var t=!1,n=!1,r=[],o=0;o<e.length;o+=1){var a=e[o];if(x(a)){if(P(a.validator)&&(t=!0),D(a,"oneOf")&&a.type){r=r.concat(a.type);continue}if(D(a,"nullable")){n=!0;continue}if(!0===a.type||!a.type){h('oneOfType - invalid usage of "true" and "null" as types.');continue}r=r.concat(a.type)}else r.push(a)}r=r.filter((function(e,t){return r.indexOf(e)===t}));var i=!1===n&&r.length>0?r:null;return _("oneOfType",t?{type:i,validator:function(t){var n=[],r=e.some((function(e){var r=w(e,t,!0);return"string"==typeof r&&n.push(r),!0===r}));return r||h("oneOfType - provided value does not match any of the "+n.length+" passed-in validators:\n"+E(n.join("\n"))),r}}:{type:i})}function W(e){return _("arrayOf",{type:Array,validator:function(t){var n="",r=t.every((function(t){return!0===(n=w(e,t,!0))}));return r||h("arrayOf - value validation error:\n"+E(n)),r}})}function G(e){return _("instanceOf",{type:e})}function q(e){return _("objectOf",{type:Object,validator:function(t){var n="",r=Object.keys(t).every((function(r){return!0===(n=w(e,t[r],!0))}));return r||h("objectOf - value validation error:\n"+E(n)),r}})}function z(e){var t=Object.keys(e),n=t.filter((function(t){var n;return!(null===(n=e[t])||void 0===n||!n.required)})),r=_("shape",{type:Object,validator:function(r){var o=this;if(!m(r))return!1;var a=Object.keys(r);if(n.length>0&&n.some((function(e){return-1===a.indexOf(e)}))){var i=n.filter((function(e){return-1===a.indexOf(e)}));return h(1===i.length?'shape - required property "'+i[0]+'" is not defined.':'shape - required properties "'+i.join('", "')+'" are not defined.'),!1}return a.every((function(n){if(-1===t.indexOf(n))return!0===o._vueTypes_isLoose||(h('shape - shape definition does not include a "'+n+'" property. Allowed keys: "'+t.join('", "')+'".'),!1);var a=w(e[n],r[n],!0);return"string"==typeof a&&h('shape - "'+n+'" property validation error:\n '+E(a)),!0===a}))}});return Object.defineProperty(r,"_vueTypes_isLoose",{writable:!0,value:!1}),Object.defineProperty(r,"loose",{get:function(){return this._vueTypes_isLoose=!0,this}}),r}var K=["name","validate","getter"],J=function(e){return e=function(){function e(){}return e.extend=function(e){var t=this;if(h("VueTypes.extend is deprecated. Use the ES6+ method instead. See https://dwightjack.github.io/vue-types/advanced/extending-vue-types.html#extending-namespaced-validators-in-es6 for details."),T(e))return e.forEach((function(e){return t.extend(e)})),this;var n=e.name,r=e.validate,o=void 0!==r&&r,a=e.getter,i=void 0!==a&&a,u=f(e,K);if(O(this,n))throw new TypeError('[VueTypes error]: Type "'+n+'" already defined');var l,s=u.type;return D(s)?(delete u.type,Object.defineProperty(this,n,i?{get:function(){return C(n,s,u)}}:{value:function(){var e,t=C(n,s,u);return t.validator&&(t.validator=(e=t.validator).bind.apply(e,[t].concat([].slice.call(arguments)))),t}})):(l=i?{get:function(){var e=Object.assign({},u);return o?N(n,e):_(n,e)},enumerable:!0}:{value:function(){var e,t,r=Object.assign({},u);return e=o?N(n,r):_(n,r),r.validator&&(e.validator=(t=r.validator).bind.apply(t,[e].concat([].slice.call(arguments)))),e},enumerable:!0},Object.defineProperty(this,n,l))},i(e,null,[{key:"any",get:function(){return M()}},{key:"func",get:function(){return k().def(this.defaults.func)}},{key:"bool",get:function(){return void 0===this.defaults.bool?Y():Y().def(this.defaults.bool)}},{key:"string",get:function(){return X().def(this.defaults.string)}},{key:"number",get:function(){return A().def(this.defaults.number)}},{key:"array",get:function(){return V().def(this.defaults.array)}},{key:"object",get:function(){return F().def(this.defaults.object)}},{key:"integer",get:function(){return L().def(this.defaults.integer)}},{key:"symbol",get:function(){return I()}},{key:"nullable",get:function(){return H()}}])}(),e.defaults={},e.sensibleDefaults=void 0,e.config=c,e.custom=B,e.oneOf=U,e.instanceOf=G,e.oneOfType=R,e.arrayOf=W,e.objectOf=q,e.shape=z,e.utils={validate:function(e,t){return!0===w(t,e,!0)},toType:function(e,t,n){return void 0===n&&(n=!1),n?N(e,t):_(e,t)}},e}();function $(e){var t;return void 0===e&&(e={func:function(){},bool:!0,string:"",number:0,array:function(){return[]},object:function(){return{}},integer:0}),t=function(t){function n(){return t.apply(this,arguments)||this}return l(n,t),i(n,null,[{key:"sensibleDefaults",get:function(){return u({},this.defaults)},set:function(t){this.defaults=!1!==t?u({},!0!==t?t:e):{}}}])}(J),t.defaults=u({},e),t}var Q=function(e){function t(){return e.apply(this,arguments)||this}return l(t,e),t}($());Object.defineProperty(t,"__esModule",{value:!0}),t.any=M,t.array=V,t.arrayOf=W,t.bool=Y,t.config=c,t.createTypes=$,t.custom=B,t.default=Q,t.fromType=C,t.func=k,t.instanceOf=G,t.integer=L,t.nullable=H,t.number=A,t.object=F,t.objectOf=q,t.oneOf=U,t.oneOfType=R,t.shape=z,t.string=X,t.symbol=I,t.toType=_,t.toValidableType=N,t.validateType=w}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var a=n[e]={exports:{}};return t[e].call(a.exports,a,a.exports,r),a.exports}return r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r(549)})()));
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):"object"==typeof exports?exports.VueDraggable=t(require("vue")):e.VueDraggable=t(e.Vue)}(self,(e=>(()=>{var t={835:(e,t,n)=>{"use strict";function r(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=r(e[t]))&&(o&&(o+=" "),o+=n);else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}function o(){for(var e,t,n=0,o="";n<arguments.length;)(e=arguments[n++])&&(t=r(e))&&(o&&(o+=" "),o+=t);return o}n.r(t),n.d(t,{clsx:()=>o,default:()=>a});const a=o},582:e=>{e.exports=function(e,t){return null==e?void 0:e[t]}},644:(e,t,n)=>{var r=n(582);e.exports=function(e,t,n){var o=null==e?void 0:r(e,t);return void 0===o?n:o}},116:function(e,t,n){"use strict";var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)},o=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DraggableCore=t.default=t.draggableProps=void 0;var i=n(594),l=n(594),u=a(n(644)),s=a(n(835)),d=n(212),c=n(461),f=n(811),g=a(n(917));t.DraggableCore=g.default;var p=a(n(463)),v=n(917);t.draggableProps=r(r({},v.draggableCoreProps),{axis:{type:String,default:"both"},bounds:{type:[Object,String,Boolean],default:!1},defaultClassName:{type:String,default:"vue-draggable"},defaultClassNameDragging:{type:String,default:"vue-draggable-dragging"},defaultClassNameDragged:{type:String,default:"vue-draggable-dragged"},defaultPosition:{type:Object,default:function(){return{x:0,y:0}}},positionOffset:{type:Object},position:{type:Object,default:void 0}});var m="Draggable",y=(0,l.defineComponent)({compatConfig:{MODE:3},name:m,inheritAttrs:!1,props:r(r({},t.draggableProps),{style:(0,f.dontSetMe)("style",m),class:(0,f.dontSetMe)("class",m),transform:(0,f.dontSetMe)("transform",m)}),setup:function(e,t){var n=t.slots,a=(0,l.ref)(null);e.position&&!e.dragFn&&e.stopFn;var f=(0,l.reactive)({dragging:!1,dragged:!1,x:e.position?e.position.x:e.defaultPosition.x,y:e.position?e.position.y:e.defaultPosition.y,prevPropsPosition:r({},e.position),slackX:0,slackY:0,isElementSVG:!1}),v=function(){return(0,u.default)(e,"nodeRef.value")||a.value};(0,l.onMounted)((function(){void 0!==window.SVGElement&&v()instanceof window.SVGElement&&(f.isElementSVG=!0)})),(0,l.onUnmounted)((function(){f.dragging=!1}));var m=function(t,n){var r;if((0,p.default)("Draggable: onDragStart: %j",n),!1===(null===(r=e.startFn)||void 0===r?void 0:r.call(e,t,(0,c.createDraggableData)({props:e,state:f},n))))return!1;f.dragging=!0,f.dragged=!0},y=function(t,n){var r,o,a;if(!f.dragging)return!1;(0,p.default)("Draggable: onDrag: %j",n);var i=(0,c.createDraggableData)({props:e,state:f},n),l={x:i.x,y:i.y,slackX:0,slackY:0};if(e.bounds){var u=l.x,s=l.y;l.x+=f.slackX,l.y+=f.slackY;var d=(0,c.getBoundPosition)({props:e,findDOMNode:v},l.x,l.y),g=d[0],m=d[1];l.x=g,l.y=m,l.slackX=f.slackX+(u-l.x),l.slackY=f.slackY+(s-l.y),i.x=l.x,i.y=l.y,i.deltaX=l.x-(null!==(r=f.x)&&void 0!==r?r:0),i.deltaY=l.y-(null!==(o=f.y)&&void 0!==o?o:0)}if(!1===(null===(a=e.dragFn)||void 0===a?void 0:a.call(e,t,i)))return!1;Object.keys(l).forEach((function(e){f[e]=l[e]}))},b=function(t,n){var r;if(!f.dragging)return!1;if(!1===(null===(r=e.stopFn)||void 0===r?void 0:r.call(e,t,(0,c.createDraggableData)({props:e,state:f},n))))return!1;(0,p.default)("Draggable: onDragStop: %j",n);var o={dragging:!1,slackX:0,slackY:0};if(Boolean(e.position)){var a=e.position,i=a.x,l=a.y;o.x=i,o.y=l}Object.keys(o).forEach((function(e){f[e]=o[e]}))};return function(){e.axis,e.bounds;var t,u,p,v=e.defaultPosition,h=e.defaultClassName,D=e.defaultClassNameDragging,S=e.defaultClassNameDragged,x=e.position,P=e.positionOffset,O=(e.scale,o(e,["axis","bounds","defaultPosition","defaultClassName","defaultClassNameDragging","defaultClassNameDragged","position","positionOffset","scale"])),C={},w="",N=!Boolean(x)||f.dragging,T=x||v,j={x:null!==(u=(0,c.canDragX)({props:e})&&N?f.x:T.x)&&void 0!==u?u:0,y:null!==(p=(0,c.canDragY)({props:e})&&N?f.y:T.y)&&void 0!==p?p:0};f.isElementSVG?w=(0,d.createSVGTransform)(j,P):C=(0,d.createCSSTransform)(j,P);var M=(0,s.default)(h,((t={})[D]=f.dragging,t[S]=f.dragged,t)),E=n.default?n.default()[0]:null;if(!E)return null;var _,X=(0,l.cloneVNode)(E,{class:M,style:C,transform:w}),Y=r(r({},O),{startFn:m,dragFn:y,stopFn:b});return(0,i.createVNode)(g.default,(0,i.mergeProps)({ref:a},Y),"function"==typeof(_=X)||"[object Object]"===Object.prototype.toString.call(_)&&!(0,i.isVNode)(_)?X:{default:function(){return[X]}})}}});t.default=y},917:function(e,t,n){"use strict";var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.draggableCoreProps=t.draggableCoreDefaultProps=t.defaultDraggableEventHandler=void 0;var a=o(n(644)),i=n(594),l=function(){},u=n(212),s=n(461),d=o(n(463)),c=n(811),f={start:"touchstart",move:"touchmove",stop:"touchend"},g={start:"mousedown",move:"mousemove",stop:"mouseup"};t.defaultDraggableEventHandler=function(e,t){return!0};var p=g;t.draggableCoreDefaultProps={allowAnyClick:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},enableUserSelectHack:{type:Boolean,default:!0},startFn:{type:Function,default:function(){return l}},dragFn:{type:Function,default:function(){return l}},stopFn:{type:Function,default:function(){return l}},scale:{type:Number,default:1}},t.draggableCoreProps=r(r({},t.draggableCoreDefaultProps),{cancel:{type:String},offsetParent:{type:Object,default:function(){return document.body},validator:function(e){return(0,c.propIsNotNode)(e)}},grid:{type:Array},handle:{type:String},nodeRef:{type:Object,default:function(){return null}}});t.default=(0,i.defineComponent)({compatConfig:{MODE:3},name:"DraggableCore",inheritAttrs:!1,props:r({},t.draggableCoreProps),setup:function(e,t){var n=t.slots,r=t.emit,o=(0,i.ref)(null),l=(0,i.reactive)({dragging:!1,lastX:NaN,lastY:NaN,touchIdentifier:null,mounted:!1}),c=function(){var t;return(null===(t=e.nodeRef)||void 0===t?void 0:t.value)||o.value},v=function(t){var n,r,o=(0,s.getControlPosition)(t,{props:e,findDOMNode:c},l.touchIdentifier);if(null!=o){var a=o.x,i=o.y;if(Array.isArray(e.grid)){var u=a-l.lastX,f=i-l.lastY;if(u=(n=(0,s.snapToGrid)(e.grid,u,f))[0],f=n[1],!u&&!f)return;a=l.lastX+u,i=l.lastY+f}var g=(0,s.createCoreData)({props:e,findDOMNode:c,state:l},a,i);if((0,d.default)("DraggableCore: handleDrag: %j",g),!1!==(null===(r=e.dragFn)||void 0===r?void 0:r.call(e,t,g))&&!1!==l.mounted)l.lastX=a,l.lastY=i;else try{m(new MouseEvent("mouseup"))}catch(e){var p=document.createEvent("MouseEvents");p.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),m(p)}}},m=function(t){var n,r;if(l.dragging){var o=(0,s.getControlPosition)(t,{props:e,findDOMNode:c},l.touchIdentifier);if(null!=o){var a=o.x,i=o.y;if(Array.isArray(e.grid)){var f=a-l.lastX||0,g=i-l.lastY||0;f=(n=(0,s.snapToGrid)(e.grid,f,g))[0],g=n[1],a=l.lastX+f,i=l.lastY+g}var y=(0,s.createCoreData)({props:e,findDOMNode:c,state:l},a,i);if(!1===(null===(r=e.stopFn)||void 0===r?void 0:r.call(e,t,y))||!1===l.mounted)return!1;var b=c();b&&e.enableUserSelectHack&&(0,u.removeUserSelectStyles)(b.ownerDocument),(0,d.default)("DraggableCore: handleDragStop: %j",y),l.dragging=!1,l.lastX=NaN,l.lastY=NaN,b&&((0,d.default)("DraggableCore: Removing handlers"),(0,u.removeEvent)(b.ownerDocument,p.move,v),(0,u.removeEvent)(b.ownerDocument,p.stop,m))}}},y=function(t){var n;if(r("mousedown",t),!e.allowAnyClick&&"number"==typeof t.button&&0!==t.button)return!1;var o=c();(0,a.default)(o,"ownerDocument.body");var i=o.ownerDocument;if(!(e.disabled||!(t.target instanceof i.defaultView.Node)||e.handle&&!(0,u.matchesSelectorAndParentsTo)(t.target,e.handle,o)||e.cancel&&(0,u.matchesSelectorAndParentsTo)(t.target,e.cancel,o))){"touchstart"===t.type&&t.preventDefault();var f=(0,u.getTouchIdentifier)(t);l.touchIdentifier=f;var g=(0,s.getControlPosition)(t,{props:e,findDOMNode:c},f);if(null!=g){var y=g.x,b=g.y,h=(0,s.createCoreData)({props:e,findDOMNode:c,state:l},y,b);(0,d.default)("DraggableCore: handleDragStart: %j",h),(0,d.default)("calling",e.startFn),!1!==(null===(n=e.startFn)||void 0===n?void 0:n.call(e,t,h))&&!1!==l.mounted&&(e.enableUserSelectHack&&(0,u.addUserSelectStyles)(i),l.dragging=!0,l.lastX=y,l.lastY=b,(0,u.addEvent)(i,p.move,v),(0,u.addEvent)(i,p.stop,m))}}},b=function(e){return p=g,y(e)},h=function(e){return p=g,m(e)},D=function(e){return p=f,y(e)},S=function(e){return p=f,m(e)};return(0,i.onMounted)((function(){l.mounted=!0;var e=c();e&&(0,u.addEvent)(e,f.start,D,{passive:!1})})),(0,i.onUnmounted)((function(){l.mounted=!1;var t=c();if(t){var n=t.ownerDocument;(0,u.removeEvent)(n,g.move,v),(0,u.removeEvent)(n,f.move,v),(0,u.removeEvent)(n,g.stop,m),(0,u.removeEvent)(n,f.stop,m),(0,u.removeEvent)(t,f.start,D,{passive:!1}),e.enableUserSelectHack&&(0,u.removeUserSelectStyles)(n)}})),function(){var e=n.default?n.default()[0]:null;return e?(0,i.isVNode)(e)?(0,i.cloneVNode)(e,{onMousedown:b,onMouseup:h,onTouchend:S,ref:o}):e:null}}})},549:(e,t,n)=>{"use strict";var r=n(116),o=r.default,a=r.DraggableCore;e.exports=o,e.exports.default=o,e.exports.DraggableCore=a},212:function(e,t,n){"use strict";var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)},o=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&o(t,e,n);return a(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.removeUserSelectStyles=t.addUserSelectStyles=t.removeClassName=t.addClassName=t.getTouchIdentifier=t.getTouch=t.createSVGTransform=t.createCSSTransform=t.getTranslation=t.offsetXYFromParent=t.innerWidth=t.innerHeight=t.outerWidth=t.outerHeight=t.removeEvent=t.addEvent=t.matchesSelectorAndParentsTo=t.matchesSelector=void 0;var l=i(n(157)),u=n(811),s="";t.matchesSelector=function(e,t){return s||(s=(0,u.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],(function(t){return(0,u.isFunction)(e[t])}))),!!(0,u.isFunction)(e[s])&&e[s](t)};t.matchesSelectorAndParentsTo=function(e,n,r){var o=e;do{if((0,t.matchesSelector)(o,n))return!0;if(o===r)return!1;o=o.parentNode}while(o);return!1};t.addEvent=function(e,t,n,o){if(e){var a=r({capture:!0},o);e.addEventListener?e.addEventListener(t,n,a):e.attachEvent?e.attachEvent("on".concat(t),n):e["on".concat(t)]=n}};t.removeEvent=function(e,t,n,o){var a;if(e){var i=r({capture:!0},o);e.removeEventListener?e.removeEventListener(t,n,i):e.detachEvent?null===(a=e.detachEvent)||void 0===a||a.call(e,"on"+t,n):e["on".concat(t)]=null}};t.outerHeight=function(e){var t,n=e.clientHeight,r=null===(t=e.ownerDocument.defaultView)||void 0===t?void 0:t.getComputedStyle(e);return n+=(0,u.int)(r.borderTopWidth),n+=(0,u.int)(r.borderBottomWidth)};t.outerWidth=function(e){var t,n,r=e.clientWidth,o=null===(n=null===(t=e.ownerDocument)||void 0===t?void 0:t.defaultView)||void 0===n?void 0:n.getComputedStyle(e);return r+=(0,u.int)(o.borderLeftWidth),r+=(0,u.int)(o.borderRightWidth)};t.innerHeight=function(e){var t,n,r=e.clientHeight,o=null===(n=null===(t=e.ownerDocument)||void 0===t?void 0:t.defaultView)||void 0===n?void 0:n.getComputedStyle(e);return r-=(0,u.int)(o.paddingTop),r-=(0,u.int)(o.paddingBottom)};t.innerWidth=function(e){var t,n,r=e.clientWidth,o=null===(n=null===(t=e.ownerDocument)||void 0===t?void 0:t.defaultView)||void 0===n?void 0:n.getComputedStyle(e);return r-=(0,u.int)(o.paddingLeft),r-=(0,u.int)(o.paddingRight)};t.offsetXYFromParent=function(e,t,n){var r=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect();return{x:(e.clientX+t.scrollLeft-r.left)/n,y:(e.clientY+t.scrollTop-r.top)/n}};t.getTranslation=function(e,t,n){var r=e.x,o=e.y,a="translate(".concat(r).concat(n,",").concat(o).concat(n,")");if(t){var i="".concat("string"==typeof t.x?t.x:t.x+n),l="".concat("string"==typeof t.y?t.y:t.y+n);a="translate(".concat(i,", ").concat(l,")")+a}return a};t.createCSSTransform=function(e,n){var r,o=(0,t.getTranslation)(e,n,"px");return(r={})[(0,l.browserPrefixToKey)("transform",l.default)]=o,r};t.createSVGTransform=function(e,n){return(0,t.getTranslation)(e,n,"")};t.getTouch=function(e,t){return e.targetTouches&&(0,u.findInArray)(e.targetTouches,(function(e){return t===e.identifier}))||e.changedTouches&&(0,u.findInArray)(e.changedTouches,(function(e){return t===e.identifier}))};t.getTouchIdentifier=function(e){return e.targetTouches&&e.targetTouches[0]?e.targetTouches[0].identifier:e.changedTouches&&e.changedTouches[0]?e.changedTouches[0].identifier:null};t.addClassName=function(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)")))||(e.className+=" ".concat(t))};t.removeClassName=function(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)"),"g"),"")};t.addUserSelectStyles=function(e){if(e){var n=e.getElementById("vue-draggable-style-el");n||((n=e.createElement("style")).type="text/css",n.id="vue-draggable-style-el",n.innerHTML=".vue-draggable-transparent-selection *::-moz-selection {all: inherit;}\n",n.innerHTML+=".vue-draggable-transparent-selection *::selection {all: inherit;}\n",e.getElementsByTagName("head")[0].appendChild(n)),e.body&&(0,t.addClassName)(e.body,"vue-draggable-transparent-selection")}};t.removeUserSelectStyles=function(e){if(e)try{e.body&&(0,t.removeClassName)(e.body,"vue-draggable-transparent-selection");var n=e.getSelection();n&&"Caret"!==n.type&&n.removeAllRanges()}catch(e){}}},157:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.browserPrefixToStyle=t.browserPrefixToKey=t.getPrefix=void 0;var n=["Moz","Webkit","O","ms"];function r(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transform";if("undefined"==typeof window||void 0===window.document)return"";var t=window.document.documentElement.style;if(e in t)return"";for(var r=0;r<n.length;r++)if(o(e,n[r])in t)return n[r];return""}function o(e,t){return t?"".concat(t).concat(function(e){for(var t="",n=!0,r=0;r<e.length;r++)n?(t+=e[r].toUpperCase(),n=!1):"-"===e[r]?n=!0:t+=e[r];return t}(e)):e}t.getPrefix=r,t.browserPrefixToKey=o,t.browserPrefixToStyle=function(e,t){return t?"-".concat(t.toLowerCase(),"-").concat(e):e},t.default=r()},463:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){}},461:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.createDraggableData=t.createCoreData=t.getControlPosition=t.canDragY=t.canDragX=t.snapToGrid=t.getBoundPosition=void 0;var r=n(212),o=n(811),a=function(e){return e.findDOMNode()},i=function(e,t){if(!(t in e))return 0;var n=e[t],r=parseInt(n,10);return isNaN(r)?0:r};t.getBoundPosition=function(e,t,n){if(!e.props.bounds)return[t,n];var o=e.props.bounds;o="string"==typeof o?o:function(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}(o);var l=a(e);if(!l)return[t,n];var u=l.ownerDocument,s=null==u?void 0:u.defaultView;if(!s)return[t,n];if("string"==typeof o){var d="parent"===o?l.parentNode:u.querySelector(o);if(!(d instanceof s.HTMLElement))throw new Error('Bounds selector "'.concat(o,'" could not find an element.'));var c=s.getComputedStyle(l),f=s.getComputedStyle(d);o={left:-l.offsetLeft+i(f,"paddingLeft")+i(c,"marginLeft"),top:-l.offsetTop+i(f,"paddingTop")+i(c,"marginTop"),right:(0,r.innerWidth)(d)-(0,r.outerWidth)(l)-l.offsetLeft+i(f,"paddingRight")-i(c,"marginRight"),bottom:(0,r.innerHeight)(d)-(0,r.outerHeight)(l)-l.offsetTop+i(f,"paddingBottom")-i(c,"marginBottom")}}return[t=Math.max(Math.min(t,o.right||0),o.left||0),n=Math.max(Math.min(n,o.bottom||0),o.top||0)]};t.snapToGrid=function(e,t,n){return[Math.round(t/e[0])*e[0],Math.round(n/e[1])*e[1]]};t.canDragX=function(e){return"both"===e.props.axis||"x"===e.props.axis};t.canDragY=function(e){return"both"===e.props.axis||"y"===e.props.axis};t.getControlPosition=function(e,t,n){var o="number"==typeof n?(0,r.getTouch)(e,n):null;if("number"==typeof n&&!o)return null;var i=a(t),l=t.props.offsetParent||i.offsetParent||i.ownerDocument.body;return(0,r.offsetXYFromParent)(o||e,l,t.props.scale)};t.createCoreData=function(e,t,n){var r=e.state,i=!(0,o.isNum)(r.lastX),l=a(e);return i?{node:l,deltaX:0,deltaY:0,lastX:t,lastY:n,x:t,y:n}:{node:l,deltaX:t-r.lastX,deltaY:n-r.lastY,lastX:r.lastX,lastY:r.lastY,x:t,y:n}};t.createDraggableData=function(e,t){var n=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/n,y:e.state.y+t.deltaY/n,deltaX:t.deltaX/n,deltaY:t.deltaY/n,lastX:e.state.x,lastY:e.state.y}}},811:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.propIsNotNode=t.dontSetMe=t.int=t.isNum=t.isFunction=t.findInArray=void 0,t.findInArray=function(e,t){for(var n=0,r=e.length;n<r;n++){var o=e instanceof TouchList?e.item(n):e[n];if(null!==o&&t(o,n,e))return o}},t.isFunction=function(e){return"function"==typeof e||"[object Function]"===Object.prototype.toString.call(e)},t.isNum=function(e){return"number"==typeof e&&!isNaN(e)},t.int=function(e){return parseInt(e,10)},t.dontSetMe=function(e,t){return{validator:function(){return!!e}}},t.propIsNotNode=function(e){return"object"==typeof e&&null!==e&&"nodeType"in e&&1===e.nodeType}},594:t=>{"use strict";t.exports=e}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var a=n[e]={exports:{}};return t[e].call(a.exports,a,a.exports,r),a.exports}return r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r(549)})()));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@marsio/vue-draggable",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.6",
|
|
4
4
|
"description": "Vue draggable component",
|
|
5
5
|
"main": "build/cjs/cjs.js",
|
|
6
6
|
"unpkg": "build/web/vue-draggable.min.js",
|
|
@@ -46,7 +46,9 @@
|
|
|
46
46
|
"eslint-webpack-plugin": "^4.0.1",
|
|
47
47
|
"fork-ts-checker-webpack-plugin": "^9.0.2",
|
|
48
48
|
"fs-extra": "^11.2.0",
|
|
49
|
+
"git-cliff": "^2.4.0",
|
|
49
50
|
"husky": "^9.0.11",
|
|
51
|
+
"inquirer": "^8.2.6",
|
|
50
52
|
"jasmine-core": "^5.1.1",
|
|
51
53
|
"lint-staged": "^15.2.7",
|
|
52
54
|
"lodash-webpack-plugin": "^0.11.6",
|
|
@@ -78,8 +80,7 @@
|
|
|
78
80
|
"dependencies": {
|
|
79
81
|
"clsx": "^1.1.1",
|
|
80
82
|
"lodash": "^4.17.21",
|
|
81
|
-
"vue": "^3.2.23"
|
|
82
|
-
"vue-types": "^5.1.1"
|
|
83
|
+
"vue": "^3.2.23"
|
|
83
84
|
},
|
|
84
85
|
"scripts": {
|
|
85
86
|
"dev": "node script.js --action=dev",
|
package/typings/index.d.ts
CHANGED
|
@@ -1,36 +1,57 @@
|
|
|
1
|
-
declare module 'vue-draggable' {
|
|
2
|
-
import { DefineComponent, PropType } from 'vue';
|
|
1
|
+
declare module '@marsio/vue-draggable' {
|
|
2
|
+
import { DefineComponent, PropType, Ref } from 'vue';
|
|
3
|
+
import { DraggableProps } from '../utils/types'
|
|
3
4
|
|
|
4
|
-
|
|
5
|
+
interface ControlPosition {x: number, y: number}
|
|
6
|
+
interface PositionOffsetControlPosition {x: number|string, y: number|string}
|
|
7
|
+
interface DraggableBounds {
|
|
5
8
|
left?: number;
|
|
6
9
|
right?: number;
|
|
7
10
|
top?: number;
|
|
8
11
|
bottom?: number;
|
|
9
12
|
}
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
x: number
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
deltaY: number;
|
|
16
|
-
lastX: number;
|
|
17
|
-
lastY: number;
|
|
13
|
+
interface DraggableData {
|
|
14
|
+
node: HTMLElement,
|
|
15
|
+
x: number, y: number,
|
|
16
|
+
deltaX: number, deltaY: number,
|
|
17
|
+
lastX: number, lastY: number
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
20
|
+
type DraggableEvent = MouseEvent | TouchEvent
|
|
21
|
+
type DraggableEventHandler = (e: MouseEvent, data: DraggableData) => void | false
|
|
22
|
+
type DraggableCoreProps = {
|
|
23
|
+
allowAnyClick: boolean,
|
|
24
|
+
disabled: boolean,
|
|
25
|
+
enableUserSelectHack: boolean,
|
|
26
|
+
startFn: DraggableEventHandler,
|
|
27
|
+
dragFn: DraggableEventHandler,
|
|
28
|
+
stopFn: DraggableEventHandler,
|
|
29
|
+
scale: DraggableEventHandler,
|
|
30
|
+
cancel: string,
|
|
31
|
+
offsetParent: HTMLElement,
|
|
32
|
+
grid: [number, number],
|
|
33
|
+
handle: string,
|
|
34
|
+
nodeRef?: Ref<HTMLElement | null>
|
|
32
35
|
}
|
|
33
36
|
|
|
37
|
+
type DraggableProps = DraggableCoreProps & {
|
|
38
|
+
axis: Axis,
|
|
39
|
+
bounds: Bounds,
|
|
40
|
+
defaultClassName: string
|
|
41
|
+
defaultClassNameDragging: string
|
|
42
|
+
defaultClassNameDragged: string
|
|
43
|
+
position: ControlPosition
|
|
44
|
+
positionOffset: PositionOffsetControlPosition
|
|
45
|
+
defaultPosition: PositionOffsetControlPosition
|
|
46
|
+
}
|
|
47
|
+
|
|
34
48
|
const Draggable: DefineComponent<DraggableProps>;
|
|
35
|
-
|
|
49
|
+
const DraggableCore: DefineComponent<DraggableCoreProps>;
|
|
50
|
+
export { Draggable as default, DraggableCore};
|
|
51
|
+
|
|
52
|
+
export {
|
|
53
|
+
DraggableBounds, DraggableData, DraggableEvent,
|
|
54
|
+
DraggableCoreProps, DraggableProps, DraggableEventHandler,
|
|
55
|
+
PositionOffsetControlPosition, ControlPosition
|
|
56
|
+
}
|
|
36
57
|
}
|