@dnd-kit/solid 0.3.0-beta-20260212014643 → 0.3.0-beta-20260212015326
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/index.cjs +2 -0
- package/index.d.ts +10 -1
- package/index.js +2 -0
- package/package.json +4 -4
package/index.cjs
CHANGED
|
@@ -323,8 +323,10 @@ function DragOverlay(props) {
|
|
|
323
323
|
const feedback = _manager.plugins.find((plugin) => plugin instanceof dom.Feedback);
|
|
324
324
|
if (!feedback) return;
|
|
325
325
|
feedback.overlay = element();
|
|
326
|
+
feedback.dropAnimation = props.dropAnimation;
|
|
326
327
|
solidJs.onCleanup(() => {
|
|
327
328
|
feedback.overlay = void 0;
|
|
329
|
+
feedback.dropAnimation = void 0;
|
|
328
330
|
});
|
|
329
331
|
});
|
|
330
332
|
return web.createComponent(DragDropContext.Provider, {
|
package/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as solid_js from 'solid-js';
|
|
2
2
|
import { ParentProps, JSX, ValidComponent } from 'solid-js';
|
|
3
3
|
import * as _dnd_kit_dom from '@dnd-kit/dom';
|
|
4
|
-
import { DragDropManagerInput, DragDropManager, Draggable, Droppable, DraggableInput, DroppableInput } from '@dnd-kit/dom';
|
|
4
|
+
import { DragDropManagerInput, DragDropManager, Draggable, Droppable, DraggableInput, DropAnimation, DroppableInput } from '@dnd-kit/dom';
|
|
5
5
|
export { DragDropManager, KeyboardSensor, PointerSensor } from '@dnd-kit/dom';
|
|
6
6
|
import * as _dnd_kit_abstract from '@dnd-kit/abstract';
|
|
7
7
|
import { DragDropEvents, Data } from '@dnd-kit/abstract';
|
|
@@ -35,6 +35,15 @@ declare function useDraggable<T extends Data = Data>(input: UseDraggableInput<T>
|
|
|
35
35
|
interface DragOverlayProps<T extends Data, U extends Draggable<T>> {
|
|
36
36
|
class?: string;
|
|
37
37
|
children: JSX.Element | ((source: U) => JSX.Element);
|
|
38
|
+
/**
|
|
39
|
+
* Customize or disable the drop animation that plays when a drag operation ends.
|
|
40
|
+
*
|
|
41
|
+
* - `undefined` – use the default animation (250ms ease)
|
|
42
|
+
* - `null` – disable the drop animation entirely
|
|
43
|
+
* - `{duration, easing}` – customize the animation timing
|
|
44
|
+
* - `(context) => Promise<void> | void` – provide a fully custom animation function
|
|
45
|
+
*/
|
|
46
|
+
dropAnimation?: DropAnimation | null;
|
|
38
47
|
style?: JSX.CSSProperties;
|
|
39
48
|
tag?: ValidComponent;
|
|
40
49
|
disabled?: boolean | ((source: U | null) => boolean);
|
package/index.js
CHANGED
|
@@ -322,8 +322,10 @@ function DragOverlay(props) {
|
|
|
322
322
|
const feedback = _manager.plugins.find((plugin) => plugin instanceof Feedback);
|
|
323
323
|
if (!feedback) return;
|
|
324
324
|
feedback.overlay = element();
|
|
325
|
+
feedback.dropAnimation = props.dropAnimation;
|
|
325
326
|
onCleanup(() => {
|
|
326
327
|
feedback.overlay = void 0;
|
|
328
|
+
feedback.dropAnimation = void 0;
|
|
327
329
|
});
|
|
328
330
|
});
|
|
329
331
|
return createComponent(DragDropContext.Provider, {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dnd-kit/solid",
|
|
3
|
-
"version": "0.3.0-beta-
|
|
3
|
+
"version": "0.3.0-beta-20260212015326",
|
|
4
4
|
"main": "./index.cjs",
|
|
5
5
|
"module": "./index.js",
|
|
6
6
|
"type": "module",
|
|
@@ -55,9 +55,9 @@
|
|
|
55
55
|
"clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
|
|
56
56
|
},
|
|
57
57
|
"dependencies": {
|
|
58
|
-
"@dnd-kit/abstract": "0.3.0-beta-
|
|
59
|
-
"@dnd-kit/dom": "0.3.0-beta-
|
|
60
|
-
"@dnd-kit/state": "0.3.0-beta-
|
|
58
|
+
"@dnd-kit/abstract": "0.3.0-beta-20260212015326",
|
|
59
|
+
"@dnd-kit/dom": "0.3.0-beta-20260212015326",
|
|
60
|
+
"@dnd-kit/state": "0.3.0-beta-20260212015326",
|
|
61
61
|
"tslib": "^2.6.2"
|
|
62
62
|
},
|
|
63
63
|
"peerDependencies": {
|