@get-set/gs-sortable 0.0.21 → 0.0.23
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/dist/actions/calculate.d.ts +3 -0
- package/dist/actions/calculate.js +132 -133
- package/dist/actions/calculate.js.map +1 -0
- package/dist/actions/calculateOnSort.d.ts +3 -0
- package/dist/actions/calculateOnSort.js +141 -239
- package/dist/actions/calculateOnSort.js.map +1 -0
- package/dist/actions/checkItemInContainer.d.ts +2 -0
- package/dist/actions/checkItemInContainer.js +24 -24
- package/dist/actions/checkItemInContainer.js.map +1 -0
- package/dist/actions/destroy.d.ts +9 -0
- package/dist/actions/destroy.js +25 -31
- package/dist/actions/destroy.js.map +1 -0
- package/dist/actions/general.d.ts +13 -0
- package/dist/actions/general.js +56 -83
- package/dist/actions/general.js.map +1 -0
- package/dist/actions/getCurrentParams.d.ts +9 -0
- package/dist/actions/getCurrentParams.js +25 -33
- package/dist/actions/getCurrentParams.js.map +1 -0
- package/dist/actions/init.d.ts +3 -0
- package/dist/actions/init.js +24 -30
- package/dist/actions/init.js.map +1 -0
- package/dist/actions/initDraggable.d.ts +3 -0
- package/dist/actions/initDraggable.js +80 -85
- package/dist/actions/initDraggable.js.map +1 -0
- package/dist/actions/initMouseMove.d.ts +2 -0
- package/dist/actions/initMouseMove.js +104 -97
- package/dist/actions/initMouseMove.js.map +1 -0
- package/dist/actions/initScroll.d.ts +2 -0
- package/dist/actions/initScroll.js +22 -24
- package/dist/actions/initScroll.js.map +1 -0
- package/dist/actions/initSortEnd.d.ts +2 -0
- package/dist/actions/initSortEnd.js +71 -68
- package/dist/actions/initSortEnd.js.map +1 -0
- package/dist/components/GSSortable.d.ts +24 -0
- package/dist/components/GSSortable.js +127 -164
- package/dist/components/GSSortable.js.map +1 -0
- package/dist/constants/constParams.d.ts +4 -0
- package/dist/constants/constParams.js +5 -8
- package/dist/constants/constParams.js.map +1 -0
- package/dist/constants/defaultParams.d.ts +3 -0
- package/dist/constants/defaultParams.js +21 -22
- package/dist/constants/defaultParams.js.map +1 -0
- package/dist/constants/types.d.ts +6 -0
- package/dist/constants/types.js +7 -10
- package/dist/constants/types.js.map +1 -0
- package/dist/helpers/uihelpers.d.ts +4 -0
- package/dist/helpers/uihelpers.js +47 -51
- package/dist/helpers/uihelpers.js.map +1 -0
- package/package.json +3 -2
- package/dist/actions/afterAllImagesLoad.js +0 -53
- package/dist/components/styles/GSSortable.css +0 -39
- package/dist/components/styles/GSSortable.css.map +0 -1
- package/dist/components/styles/GSSortable.scss +0 -37
|
@@ -1,102 +1,109 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
});
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
if (item.ref.currentParams.acceptFrom.includes(window.GSSortableConfigue.takeFrom.currentParams.reference)) {
|
|
20
|
-
allRefs.push(item.ref);
|
|
21
|
-
}
|
|
22
|
-
});
|
|
23
|
-
var findedRef = "";
|
|
24
|
-
allRefs.map(function (item) {
|
|
25
|
-
if ((0, _checkItemInContainer["default"])(item.grid, info.$el)) {
|
|
26
|
-
findedRef = item.currentParams.reference;
|
|
27
|
-
}
|
|
28
|
-
});
|
|
29
|
-
if (findedRef !== "") {
|
|
30
|
-
var newRef = window.GSSortableConfigue.instance(findedRef);
|
|
31
|
-
if (newRef != undefined && info.ref.currentParams.reference !== newRef.currentParams.reference) {
|
|
32
|
-
if (document.querySelector(".gs-sortable-placeholder") != null) {
|
|
33
|
-
document.querySelector(".gs-sortable-placeholder").remove();
|
|
34
|
-
(0, _calculate["default"])(window.GSSortableConfigue.overInItemRef);
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const general_1 = require("./general");
|
|
7
|
+
const checkItemInContainer_1 = __importDefault(require("./checkItemInContainer"));
|
|
8
|
+
const calculate_1 = __importDefault(require("./calculate"));
|
|
9
|
+
const constParams_1 = __importDefault(require("../constants/constParams"));
|
|
10
|
+
const calculateOnSort_1 = __importDefault(require("./calculateOnSort"));
|
|
11
|
+
const initMouseMove = (event) => {
|
|
12
|
+
var _a;
|
|
13
|
+
const info = (_a = window.GSSortableConfigue) === null || _a === void 0 ? void 0 : _a.draggableInfo;
|
|
14
|
+
if (info != undefined) {
|
|
15
|
+
info.moved = true;
|
|
16
|
+
const allRefs = [];
|
|
17
|
+
if (window.GSSortableConfigue.takeFrom !== undefined) {
|
|
18
|
+
allRefs.push(window.GSSortableConfigue.takeFrom);
|
|
35
19
|
}
|
|
36
|
-
window.GSSortableConfigue.
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
20
|
+
window.GSSortableConfigue.references.forEach(item => {
|
|
21
|
+
if (item.ref.currentParams.acceptFrom.includes(window.GSSortableConfigue.takeFrom.currentParams.reference)) {
|
|
22
|
+
allRefs.push(item.ref);
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
let findedRef = '';
|
|
26
|
+
allRefs.forEach(item => {
|
|
27
|
+
if ((0, checkItemInContainer_1.default)(item.grid, info.$el)) {
|
|
28
|
+
findedRef = item.currentParams.reference;
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
if (findedRef !== '') {
|
|
32
|
+
let newRef = window.GSSortableConfigue.instance(findedRef);
|
|
33
|
+
if (newRef != undefined &&
|
|
34
|
+
info.ref.currentParams.reference !== newRef.currentParams.reference) {
|
|
35
|
+
const placeholder = document.querySelector('.gs-sortable-placeholder');
|
|
36
|
+
if (placeholder != null) {
|
|
37
|
+
placeholder.remove();
|
|
38
|
+
(0, calculate_1.default)(window.GSSortableConfigue.overInItemRef);
|
|
39
|
+
}
|
|
40
|
+
window.GSSortableConfigue.overInItemRef = newRef;
|
|
41
|
+
info.$el.style.width =
|
|
42
|
+
window.GSSortableConfigue.overInItemRef.itemWidth;
|
|
43
|
+
const newWidth = info.$el.clientWidth;
|
|
44
|
+
const newHeight = info.$el.clientHeight;
|
|
45
|
+
const newContainerOffset = (0, general_1.getOffsetFromWindow)(window.GSSortableConfigue.takeFrom.grid);
|
|
46
|
+
const translateY = event.clientY - newContainerOffset.top - newHeight * info.fromTop;
|
|
47
|
+
const translateX = event.clientX - newContainerOffset.left - newWidth * info.fromLeft;
|
|
48
|
+
const elStyles = getComputedStyle(info.$el);
|
|
49
|
+
const top = parseFloat(elStyles.top);
|
|
50
|
+
const left = parseFloat(elStyles.left);
|
|
51
|
+
if (!window.GSSortableConfigue.overInItemRef.currentParams.takeClone) {
|
|
52
|
+
const placeholder = document.createElement('div');
|
|
53
|
+
placeholder.classList.add('gs-sortable-placeholder');
|
|
54
|
+
placeholder.style.position = elStyles.position;
|
|
55
|
+
info.$el.style.transform = `translate(${translateX}px, ${translateY}px)`;
|
|
56
|
+
placeholder.style.transition = `left ${constParams_1.default.animationSpeed}ms, top ${constParams_1.default.animationSpeed}ms, transform ${constParams_1.default.animationSpeed}ms, opacity ${constParams_1.default.animationSpeed}ms`;
|
|
57
|
+
placeholder.style.top = `${top}px`;
|
|
58
|
+
placeholder.style.left = `${left}px`;
|
|
59
|
+
placeholder.style.border = elStyles.border;
|
|
60
|
+
placeholder.style.borderRadius = elStyles.borderRadius;
|
|
61
|
+
info.placeholder = placeholder;
|
|
62
|
+
info.ref = newRef;
|
|
63
|
+
placeholder.style.width = `${info.$el.offsetWidth}px`;
|
|
64
|
+
placeholder.style.height = `${info.$el.offsetHeight}px`;
|
|
65
|
+
newRef.grid.append(placeholder);
|
|
66
|
+
(0, calculate_1.default)(newRef);
|
|
67
|
+
return;
|
|
68
|
+
}
|
|
69
|
+
else {
|
|
70
|
+
info.ref = newRef;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
const params = info.ref.currentParams;
|
|
75
|
+
const clientX = event.clientX;
|
|
76
|
+
const clientY = event.clientY;
|
|
77
|
+
const $el = info.$el;
|
|
78
|
+
const containerStyles = getComputedStyle(info.ref.grid);
|
|
79
|
+
const paddingLeft = parseFloat(containerStyles.paddingLeft);
|
|
80
|
+
const paddingTop = parseFloat(containerStyles.paddingTop);
|
|
81
|
+
const paddingRight = parseFloat(containerStyles.paddingRight);
|
|
82
|
+
const paddingBottom = parseFloat(containerStyles.paddingBottom);
|
|
83
|
+
const containerInnerHeight = info.ref.grid.clientHeight - paddingTop - paddingBottom;
|
|
84
|
+
const containerInnerWidth = info.ref.grid.clientWidth - paddingLeft - paddingRight;
|
|
85
|
+
const moveX = clientX - info.clientX;
|
|
86
|
+
const moveY = clientY - info.clientY;
|
|
87
|
+
const coord = (0, general_1.getTranslateCoord)($el);
|
|
88
|
+
info.clientX = clientX;
|
|
89
|
+
info.clientY = clientY;
|
|
90
|
+
let tranlateX = moveX + coord.x;
|
|
91
|
+
let tranlateY = moveY + coord.y;
|
|
92
|
+
if (!params.allowOutOfBox) {
|
|
93
|
+
const minY = 0;
|
|
94
|
+
const minX = 0;
|
|
95
|
+
const maxY = containerInnerHeight - $el.offsetHeight;
|
|
96
|
+
const maxX = containerInnerWidth - $el.offsetWidth;
|
|
97
|
+
tranlateX = Math.min(Math.max(tranlateX, minX), maxX);
|
|
98
|
+
tranlateY = Math.min(Math.max(tranlateY, minY), maxY);
|
|
99
|
+
}
|
|
100
|
+
$el.style.transform = `translate(${tranlateX}px, ${tranlateY}px)`;
|
|
101
|
+
if (findedRef !== '') {
|
|
102
|
+
(0, calculateOnSort_1.default)(window.GSSortableConfigue.overInItemRef);
|
|
65
103
|
}
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
var params = info.ref.currentParams;
|
|
69
|
-
var clientX = event.clientX;
|
|
70
|
-
var clientY = event.clientY;
|
|
71
|
-
var $el = info.$el;
|
|
72
|
-
var containerStyles = getComputedStyle(info.ref.grid);
|
|
73
|
-
var paddingLeft = parseFloat(containerStyles.paddingLeft);
|
|
74
|
-
var paddingTop = parseFloat(containerStyles.paddingTop);
|
|
75
|
-
var paddingRight = parseFloat(containerStyles.paddingRight);
|
|
76
|
-
var paddingBottom = parseFloat(containerStyles.paddingBottom);
|
|
77
|
-
var containerInnerHeight = info.ref.grid.clientHeight - paddingTop - paddingBottom;
|
|
78
|
-
var containerInnerWidth = info.ref.grid.clientWidth - paddingLeft - paddingRight;
|
|
79
|
-
var moveX = clientX - info.clientX;
|
|
80
|
-
var moveY = clientY - info.clientY;
|
|
81
|
-
var coord = (0, _general.getTranslateCoord)($el);
|
|
82
|
-
info.clientX = clientX;
|
|
83
|
-
info.clientY = clientY;
|
|
84
|
-
var tranlateX = moveX + coord.x;
|
|
85
|
-
var tranlateY = moveY + coord.y;
|
|
86
|
-
if (!params.allowOutOfBox) {
|
|
87
|
-
var minY = 0;
|
|
88
|
-
var minX = 0;
|
|
89
|
-
var maxY = containerInnerHeight - $el.offsetHeight;
|
|
90
|
-
var maxX = containerInnerWidth - $el.offsetWidth;
|
|
91
|
-
tranlateX = Math.min(Math.max(tranlateX, minX), maxX);
|
|
92
|
-
tranlateY = Math.min(Math.max(tranlateY, minY), maxY);
|
|
93
|
-
}
|
|
94
|
-
$el.style.transform = "translate(".concat(tranlateX, "px, ").concat(tranlateY, "px)");
|
|
95
|
-
if (findedRef != "") {
|
|
96
|
-
(0, _calculateOnSort["default"])(window.GSSortableConfigue.overInItemRef);
|
|
97
104
|
}
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
window.scrollX = document.documentElement.scrollLeft;
|
|
105
|
+
window.scrollY = document.documentElement.scrollTop;
|
|
106
|
+
window.scrollX = document.documentElement.scrollLeft;
|
|
101
107
|
};
|
|
102
|
-
|
|
108
|
+
exports.default = initMouseMove;
|
|
109
|
+
//# sourceMappingURL=initMouseMove.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"initMouseMove.js","sourceRoot":"","sources":["../../src/actions/initMouseMove.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,26 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
window.scrollX = scrollX;
|
|
23
|
-
info.$el.style.transform = "translate(".concat(translateX, "px, ").concat(translateY, "px)");
|
|
24
|
-
}
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const general_1 = require("./general");
|
|
4
|
+
const initScroll = () => {
|
|
5
|
+
var _a;
|
|
6
|
+
const info = (_a = window.GSSortableConfigue) === null || _a === void 0 ? void 0 : _a.draggableInfo;
|
|
7
|
+
if (info !== undefined) {
|
|
8
|
+
const $el = info.$el;
|
|
9
|
+
const coord = (0, general_1.getTranslateCoord)($el);
|
|
10
|
+
let translateX = coord.x;
|
|
11
|
+
let translateY = coord.y;
|
|
12
|
+
const scrollY = document.documentElement.scrollTop;
|
|
13
|
+
const scrollX = document.documentElement.scrollLeft;
|
|
14
|
+
const scrollYDist = scrollY - (window.scrollY || 0);
|
|
15
|
+
const scrollXDist = scrollX - (window.scrollX || 0);
|
|
16
|
+
translateX += scrollXDist;
|
|
17
|
+
translateY += scrollYDist;
|
|
18
|
+
window.scrollY = scrollY;
|
|
19
|
+
window.scrollX = scrollX;
|
|
20
|
+
$el.style.transform = `translate(${translateX}px, ${translateY}px)`;
|
|
21
|
+
}
|
|
25
22
|
};
|
|
26
|
-
|
|
23
|
+
exports.default = initScroll;
|
|
24
|
+
//# sourceMappingURL=initScroll.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"initScroll.js","sourceRoot":"","sources":["../../src/actions/initScroll.tsx"],"names":[],"mappings":";;AAAA,uCAA8C;AAM9C,MAAM,UAAU,GAAG,GAAS,EAAE;;IAC5B,MAAM,IAAI,GAAG,MAAA,MAAM,CAAC,kBAAkB,0CAAE,aAE3B,CAAC;IAEd,IAAI,IAAI,KAAK,SAAS,EAAE;QACtB,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC;QACrB,MAAM,KAAK,GAAG,IAAA,2BAAiB,EAAC,GAAG,CAAC,CAAC;QACrC,IAAI,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC;QACzB,IAAI,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC;QAEzB,MAAM,OAAO,GAAG,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC;QACnD,MAAM,OAAO,GAAG,QAAQ,CAAC,eAAe,CAAC,UAAU,CAAC;QACpD,MAAM,WAAW,GAAG,OAAO,GAAG,CAAC,MAAM,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC;QACpD,MAAM,WAAW,GAAG,OAAO,GAAG,CAAC,MAAM,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC;QAEpD,UAAU,IAAI,WAAW,CAAC;QAC1B,UAAU,IAAI,WAAW,CAAC;QAE1B,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;QACzB,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;QAEzB,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,aAAa,UAAU,OAAO,UAAU,KAAK,CAAC;KACrE;AACH,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
|
|
@@ -1,73 +1,76 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
});
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const constParams_1 = __importDefault(require("../constants/constParams"));
|
|
7
|
+
const calculate_1 = __importDefault(require("./calculate"));
|
|
8
|
+
const general_1 = require("./general");
|
|
9
|
+
const initSortEnd = (event) => {
|
|
10
|
+
var _a, _b;
|
|
11
|
+
const info = Object.assign({}, (_a = window.GSSortableConfigue) === null || _a === void 0 ? void 0 : _a.draggableInfo);
|
|
12
|
+
if (((_b = window.GSSortableConfigue) === null || _b === void 0 ? void 0 : _b.draggableInfo) != undefined) {
|
|
13
|
+
if (info.moved) {
|
|
14
|
+
let containerDifX = 0;
|
|
15
|
+
let containerDifY = 0;
|
|
16
|
+
if (info.ref.currentParams.reference !==
|
|
17
|
+
window.GSSortableConfigue.takeFrom.currentParams.reference) {
|
|
18
|
+
const fromCoord = (0, general_1.getOffsetFromBody)(window.GSSortableConfigue.takeFrom.grid);
|
|
19
|
+
const toCoord = (0, general_1.getOffsetFromBody)(info.ref.grid);
|
|
20
|
+
containerDifY = toCoord.top - fromCoord.top;
|
|
21
|
+
containerDifX = toCoord.left - fromCoord.left;
|
|
22
|
+
}
|
|
23
|
+
info.ref.isAddjusting = true;
|
|
24
|
+
const $el = info.$el;
|
|
25
|
+
const placeholder = info.placeholder;
|
|
26
|
+
info.$el.classList.remove('gs-sortable-item-inmove');
|
|
27
|
+
info.ref.grid.classList.remove('gs-sortable-active');
|
|
28
|
+
const activeParent = info.ref.grid.closest('.gs-sortable-item-active-parent');
|
|
29
|
+
if (activeParent) {
|
|
30
|
+
activeParent.classList.remove('gs-sortable-item-active-parent');
|
|
31
|
+
}
|
|
32
|
+
info.$el.classList.add('gs-sortable-item-addjusting');
|
|
33
|
+
window.GSSortableConfigue.draggableInfo = undefined;
|
|
34
|
+
info.$el.style.top = `${info.newTop + containerDifY}px`;
|
|
35
|
+
info.$el.style.left = `${info.newLeft + containerDifX}px`;
|
|
36
|
+
info.$el.style.removeProperty('transform');
|
|
37
|
+
setTimeout(() => {
|
|
38
|
+
var _a, _b, _c, _d, _e, _f;
|
|
39
|
+
$el.classList.remove('gs-sortable-item-addjusting');
|
|
40
|
+
if (info.ref.currentParams.reference ===
|
|
41
|
+
window.GSSortableConfigue.takeFrom.currentParams.reference &&
|
|
42
|
+
window.GSSortableConfigue.takeFrom.currentParams.takeClone) {
|
|
43
|
+
info.$el.remove();
|
|
44
|
+
}
|
|
45
|
+
else {
|
|
46
|
+
if (info.index != undefined) {
|
|
47
|
+
(0, general_1.moveChildToIndex)(info.ref.grid, info.$el, info.index);
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
placeholder.remove();
|
|
51
|
+
if (info.ref.currentParams.reference !==
|
|
52
|
+
window.GSSortableConfigue.takeFrom.currentParams.reference) {
|
|
53
|
+
(_b = (_a = window.GSSortableConfigue.takeFrom.currentParams).afterSort) === null || _b === void 0 ? void 0 : _b.call(_a, window.GSSortableConfigue.takeFrom.grid.querySelectorAll('.gs-sortable-item'));
|
|
54
|
+
(_d = (_c = info.ref.currentParams).afterSort) === null || _d === void 0 ? void 0 : _d.call(_c, info.ref.grid.querySelectorAll('.gs-sortable-item'));
|
|
55
|
+
window.GSSortableConfigue.takeFrom.refresh();
|
|
56
|
+
info.ref.refresh();
|
|
57
|
+
}
|
|
58
|
+
else {
|
|
59
|
+
(0, calculate_1.default)(info.ref);
|
|
60
|
+
(_f = (_e = info.ref.currentParams).afterSort) === null || _f === void 0 ? void 0 : _f.call(_e, info.ref.grid.querySelectorAll('.gs-sortable-item'));
|
|
61
|
+
}
|
|
62
|
+
info.ref.isAddjusting = false;
|
|
63
|
+
}, constParams_1.default.animationSpeed);
|
|
50
64
|
}
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
(0, _calculate["default"])(info.ref);
|
|
59
|
-
info.ref.currentParams.afterSort(info.ref.grid.querySelectorAll(".gs-sortable-item"));
|
|
65
|
+
else {
|
|
66
|
+
const placeholder = info.placeholder;
|
|
67
|
+
info.$el.style.top = `${info.newTop}px`;
|
|
68
|
+
info.$el.style.left = `${info.newLeft}px`;
|
|
69
|
+
info.$el.style.removeProperty('transform');
|
|
70
|
+
placeholder.remove();
|
|
71
|
+
window.GSSortableConfigue.draggableInfo = undefined;
|
|
60
72
|
}
|
|
61
|
-
info.ref.isAddjusting = false;
|
|
62
|
-
}, _constParams["default"].animateionSpeed);
|
|
63
|
-
} else {
|
|
64
|
-
var _placeholder = info.placeholder;
|
|
65
|
-
info.$el.style.top = "".concat(info.newTop, "px");
|
|
66
|
-
info.$el.style.left = "".concat(info.newLeft, "px");
|
|
67
|
-
info.$el.style.removeProperty("transform");
|
|
68
|
-
_placeholder.remove();
|
|
69
|
-
window.GSSortableConfigue.draggableInfo = undefined;
|
|
70
73
|
}
|
|
71
|
-
}
|
|
72
74
|
};
|
|
73
|
-
|
|
75
|
+
exports.default = initSortEnd;
|
|
76
|
+
//# sourceMappingURL=initSortEnd.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"initSortEnd.js","sourceRoot":"","sources":["../../src/actions/initSortEnd.tsx"],"names":[],"mappings":";;;;;AAEA,2EAAmD;AACnD,4DAAoC;AACpC,uCAAgE;AAEhE,MAAM,WAAW,GAAG,CAAC,KAAiB,EAAQ,EAAE;;IAC9C,MAAM,IAAI,GAAG,kBAAK,MAAA,MAAM,CAAC,kBAAkB,0CAAE,aAAa,CAAmB,CAAC;IAE9E,IAAI,CAAA,MAAA,MAAM,CAAC,kBAAkB,0CAAE,aAAa,KAAI,SAAS,EAAE;QACzD,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,IAAI,aAAa,GAAG,CAAC,CAAC;YACtB,IAAI,aAAa,GAAG,CAAC,CAAC;YAEtB,IACE,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,SAAS;gBAChC,MAAM,CAAC,kBAAkB,CAAC,QAAS,CAAC,aAAa,CAAC,SAAS,EAC3D;gBACA,MAAM,SAAS,GAAG,IAAA,2BAAiB,EACjC,MAAM,CAAC,kBAAkB,CAAC,QAAS,CAAC,IAAI,CACzC,CAAC;gBACF,MAAM,OAAO,GAAG,IAAA,2BAAiB,EAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;gBACjD,aAAa,GAAG,OAAO,CAAC,GAAG,GAAG,SAAS,CAAC,GAAG,CAAC;gBAC5C,aAAa,GAAG,OAAO,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC;aAC/C;YAED,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,IAAI,CAAC;YAC7B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC;YACrB,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;YAErC,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,yBAAyB,CAAC,CAAC;YACrD,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC;YAErD,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CACxC,iCAAiC,CAClC,CAAC;YACF,IAAI,YAAY,EAAE;gBAChB,YAAY,CAAC,SAAS,CAAC,MAAM,CAAC,gCAAgC,CAAC,CAAC;aACjE;YAED,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC;YACtD,MAAM,CAAC,kBAAkB,CAAC,aAAa,GAAG,SAAS,CAAC;YAEpD,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,aAAa,IAAI,CAAC;YACxD,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,IAAI,CAAC,OAAO,GAAG,aAAa,IAAI,CAAC;YAC1D,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;YAE3C,UAAU,CAAC,GAAG,EAAE;;gBACd,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,6BAA6B,CAAC,CAAC;gBAEpD,IACE,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,SAAS;oBAC9B,MAAM,CAAC,kBAAmB,CAAC,QAAS,CAAC,aAAa,CAAC,SAAS;oBAC9D,MAAM,CAAC,kBAAmB,CAAC,QAAS,CAAC,aAAa,CAAC,SAAS,EAC5D;oBACA,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;iBACnB;qBAAM;oBACL,IAAI,IAAI,CAAC,KAAK,IAAI,SAAS,EAAE;wBAC3B,IAAA,0BAAgB,EAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;qBACvD;iBACF;gBAED,WAAY,CAAC,MAAM,EAAE,CAAC;gBAEtB,IACE,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,SAAS;oBAChC,MAAM,CAAC,kBAAmB,CAAC,QAAS,CAAC,aAAa,CAAC,SAAS,EAC5D;oBACA,MAAA,MAAA,MAAM,CAAC,kBAAmB,CAAC,QAAS,CAAC,aAAa,EAAC,SAAS,mDAC1D,MAAM,CAAC,kBAAmB,CAAC,QAAS,CAAC,IAAI,CAAC,gBAAgB,CACxD,mBAAmB,CACpB,CACF,CAAC;oBACF,MAAA,MAAA,IAAI,CAAC,GAAG,CAAC,aAAa,EAAC,SAAS,mDAC9B,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CACpD,CAAC;oBACF,MAAM,CAAC,kBAAmB,CAAC,QAAS,CAAC,OAAO,EAAE,CAAC;oBAC/C,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;iBACpB;qBAAM;oBACL,IAAA,mBAAS,EAAC,IAAI,CAAC,GAAG,CAAC,CAAC;oBACpB,MAAA,MAAA,IAAI,CAAC,GAAG,CAAC,aAAa,EAAC,SAAS,mDAC9B,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CACpD,CAAC;iBACH;gBAED,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,KAAK,CAAC;YAChC,CAAC,EAAE,qBAAW,CAAC,cAAc,CAAC,CAAC;SAChC;aAAM;YACL,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;YACrC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,MAAM,IAAI,CAAC;YACxC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,IAAI,CAAC,OAAO,IAAI,CAAC;YAC1C,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;YAC3C,WAAY,CAAC,MAAM,EAAE,CAAC;YACtB,MAAM,CAAC,kBAAkB,CAAC,aAAa,GAAG,SAAS,CAAC;SACrD;KACF;AACH,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React, { ReactNode, CSSProperties } from 'react';
|
|
2
|
+
import { ResponsiveOption } from '../actions/getCurrentParams';
|
|
3
|
+
import './styles/GSSortable.css';
|
|
4
|
+
import { GSSortableRef } from './global';
|
|
5
|
+
export interface GSSortableProps {
|
|
6
|
+
reference?: string;
|
|
7
|
+
handler?: string;
|
|
8
|
+
className?: string;
|
|
9
|
+
width?: string;
|
|
10
|
+
takeClone?: boolean;
|
|
11
|
+
afterSort?: () => void;
|
|
12
|
+
gsx?: CSSProperties;
|
|
13
|
+
gap?: string;
|
|
14
|
+
allowOutOfBox?: boolean;
|
|
15
|
+
count?: number;
|
|
16
|
+
type?: 'row' | 'column' | 'grid';
|
|
17
|
+
acceptFrom?: Array<GSSortableRef>;
|
|
18
|
+
responsive?: ResponsiveOption[];
|
|
19
|
+
children?: ReactNode;
|
|
20
|
+
beforeInit?: () => void;
|
|
21
|
+
afterInit?: () => void;
|
|
22
|
+
}
|
|
23
|
+
declare const GSSortable: React.FC<GSSortableProps>;
|
|
24
|
+
export default GSSortable;
|