@class-kit/vue 0.1.0

package/dist/components/drag-drop-board.js

@@ -0,0 +1,397 @@
+import { defineComponent, ref, watch, h, onBeforeUnmount, Teleport } from 'vue';
+import { DropController, configureClassComponents } from '@class-kit/core';
+
+function resolveClassKitThemeName(theme) {
+    if (typeof theme === "string")
+        return theme;
+    return theme?.name ?? "minimal";
+}
+defineComponent({
+    name: "ClassConfigProvider",
+    props: {
+        class: {
+            type: String,
+            default: "",
+        },
+        locale: {
+            type: Object,
+            default: undefined,
+        },
+        style: {
+            type: [String, Object, Array],
+            default: undefined,
+        },
+        theme: {
+            type: [String, Object],
+            default: "minimal",
+        },
+    },
+    setup(props, { slots }) {
+        const version = ref(0);
+        const applyConfig = () => {
+            configureClassComponents({
+                locale: props.locale,
+                theme: props.theme,
+            });
+            version.value += 1;
+        };
+        watch(() => [props.locale, props.theme], applyConfig, {
+            deep: true,
+            immediate: true,
+        });
+        return () => h("div", {
+            class: ["cc-config-provider", props.class].filter(Boolean),
+            "data-cc-theme": resolveClassKitThemeName(props.theme),
+            style: props.style,
+        }, [
+            h("div", { key: version.value, class: "cc-config-provider__content" }, slots.default?.()),
+        ]);
+    },
+});
+function reorderDropItems(items, fromIndex, toIndex, mode) {
+    if (fromIndex < 0 || toIndex < 0 || fromIndex === toIndex)
+        return [...items];
+    const next = [...items];
+    if (mode === "swap") {
+        const fromItem = next[fromIndex];
+        const toItem = next[toIndex];
+        if (fromItem === undefined || toItem === undefined)
+            return [...items];
+        next[fromIndex] = toItem;
+        next[toIndex] = fromItem;
+        return next;
+    }
+    const [moving] = next.splice(fromIndex, 1);
+    if (moving)
+        next.splice(Math.max(0, Math.min(toIndex, next.length)), 0, moving);
+    return next;
+}
+function getRectOverlapRatio(source, target) {
+    const width = Math.max(0, Math.min(source.right, target.right) - Math.max(source.left, target.left));
+    const height = Math.max(0, Math.min(source.bottom, target.bottom) - Math.max(source.top, target.top));
+    const sourceArea = Math.max(1, source.width * source.height);
+    return (width * height) / sourceArea;
+}
+const ClassDragDropBoard = /*#__PURE__*/ defineComponent({
+    name: "ClassDragDropBoard",
+    inheritAttrs: false,
+    props: {
+        columns: Number,
+        items: { type: Array, required: true },
+        mode: { type: String, default: "insert" },
+        className: { type: String, default: "cc-drag-drop-board" },
+    },
+    emits: ["change"],
+    setup(props, { attrs, emit, slots }) {
+        const controller = new DropController([...props.items]);
+        const itemRefs = new Map();
+        let slotRects = new Map();
+        const boardRef = ref(null);
+        const previewRef = ref(null);
+        const state = ref(controller.getState());
+        const isCommittingDrop = ref(false);
+        let dropTimer;
+        let moveFrame = 0;
+        let commitFrame = 0;
+        const preview = ref(null);
+        let dragSession = null;
+        watch(() => props.items, (items) => {
+            state.value = controller.updateItems([...items]);
+        });
+        const getPreviewRect = (currentPreview) => ({
+            bottom: currentPreview.y + currentPreview.height,
+            height: currentPreview.height,
+            left: currentPreview.x,
+            right: currentPreview.x + currentPreview.width,
+            top: currentPreview.y,
+            width: currentPreview.width,
+        });
+        const getOriginalIndex = () => Math.max(0, state.value.items.findIndex((item) => item.id === state.value.draggingId));
+        const flushPreviewPosition = () => {
+            moveFrame = 0;
+            if (!dragSession || !previewRef.value)
+                return;
+            previewRef.value.style.transform = `translate3d(${dragSession.x}px, ${dragSession.y}px, 0)`;
+        };
+        const schedulePreviewPosition = () => {
+            if (moveFrame)
+                return;
+            moveFrame = window.requestAnimationFrame(flushPreviewPosition);
+        };
+        const isPreviewInsideBoard = (currentPreview) => {
+            const boardRect = boardRef.value?.getBoundingClientRect();
+            if (!boardRect)
+                return true;
+            return (getRectOverlapRatio(getPreviewRect(currentPreview), boardRect) > 0.05);
+        };
+        const resolveIndexFromPreview = (currentPreview) => {
+            let nextIndex = getOriginalIndex();
+            let bestRatio = 0;
+            const previewRect = getPreviewRect(currentPreview);
+            if (!isPreviewInsideBoard(currentPreview))
+                return nextIndex;
+            itemRefs.forEach((element, id) => {
+                if (id === state.value.draggingId)
+                    return;
+                const rect = slotRects.get(id) ?? element.getBoundingClientRect();
+                const ratio = getRectOverlapRatio(previewRect, rect);
+                if (ratio >= 0.8 && ratio > bestRatio) {
+                    bestRatio = ratio;
+                    nextIndex = state.value.items.findIndex((item) => item.id === id);
+                }
+            });
+            return Math.max(0, nextIndex);
+        };
+        const getSlotTransform = (item, index) => {
+            const fromIndex = state.value.items.findIndex((entry) => entry.id === state.value.draggingId);
+            const toIndex = state.value.overIndex;
+            if (!state.value.draggingId ||
+                fromIndex < 0 ||
+                toIndex === undefined ||
+                fromIndex === toIndex)
+                return undefined;
+            const currentRect = slotRects.get(item.id);
+            if (!currentRect)
+                return undefined;
+            let targetIndex = index;
+            if (props.mode === "swap") {
+                if (index !== toIndex)
+                    return undefined;
+                targetIndex = fromIndex;
+            }
+            else if (fromIndex < toIndex && index > fromIndex && index <= toIndex) {
+                targetIndex = index - 1;
+            }
+            else if (fromIndex > toIndex && index >= toIndex && index < fromIndex) {
+                targetIndex = index + 1;
+            }
+            else {
+                return undefined;
+            }
+            const targetItem = state.value.items[targetIndex];
+            const targetRect = targetItem ? slotRects.get(targetItem.id) : undefined;
+            if (!targetRect)
+                return undefined;
+            const deltaX = targetRect.left - currentRect.left;
+            const deltaY = targetRect.top - currentRect.top;
+            if (Math.abs(deltaX) < 0.5 && Math.abs(deltaY) < 0.5)
+                return undefined;
+            return `translate3d(${deltaX}px, ${deltaY}px, 0)`;
+        };
+        const finishDrag = (action) => {
+            if (action === "end") {
+                const fromIndex = state.value.items.findIndex((item) => item.id === state.value.draggingId);
+                const toIndex = state.value.overIndex ?? fromIndex;
+                const nextItems = reorderDropItems(state.value.items, fromIndex, toIndex, props.mode);
+                controller.cancel();
+                isCommittingDrop.value = true;
+                state.value = controller.updateItems(nextItems);
+                dragSession = null;
+                slotRects.clear();
+                preview.value = null;
+                commitFrame = window.requestAnimationFrame(() => {
+                    commitFrame = 0;
+                    isCommittingDrop.value = false;
+                });
+                emit("change", state.value.items);
+                return;
+            }
+            state.value = controller.cancel();
+            dragSession = null;
+            slotRects.clear();
+            preview.value = null;
+        };
+        const endDrag = () => {
+            const currentPreview = dragSession ?? preview.value;
+            if (currentPreview && !currentPreview.dropping) {
+                const originalIndex = getOriginalIndex();
+                const shouldCancel = !isPreviewInsideBoard(currentPreview) ||
+                    state.value.overIndex === undefined ||
+                    state.value.overIndex === originalIndex;
+                const targetItem = !shouldCancel && state.value.overIndex !== undefined
+                    ? state.value.items[state.value.overIndex]
+                    : undefined;
+                const targetRect = shouldCancel
+                    ? {
+                        height: currentPreview.height,
+                        left: currentPreview.originX,
+                        top: currentPreview.originY,
+                        width: currentPreview.width,
+                    }
+                    : targetItem
+                        ? slotRects.get(targetItem.id)
+                        : undefined;
+                if (targetRect) {
+                    const droppingPreview = {
+                        ...currentPreview,
+                        dropping: true,
+                        height: targetRect.height,
+                        offsetX: 0,
+                        offsetY: 0,
+                        returning: shouldCancel,
+                        width: targetRect.width,
+                        x: targetRect.left,
+                        y: targetRect.top,
+                    };
+                    dragSession = droppingPreview;
+                    preview.value = droppingPreview;
+                    dropTimer = setTimeout(() => {
+                        finishDrag(shouldCancel ? "cancel" : "end");
+                    }, 320);
+                    return;
+                }
+            }
+            finishDrag("end");
+        };
+        const cancelDrag = () => {
+            const currentPreview = dragSession ?? preview.value;
+            if (currentPreview && !currentPreview.dropping) {
+                const returningPreview = {
+                    ...currentPreview,
+                    dropping: true,
+                    offsetX: 0,
+                    offsetY: 0,
+                    returning: true,
+                    x: currentPreview.originX,
+                    y: currentPreview.originY,
+                };
+                dragSession = returningPreview;
+                preview.value = returningPreview;
+                dropTimer = setTimeout(() => finishDrag("cancel"), 320);
+                return;
+            }
+            finishDrag("cancel");
+        };
+        onBeforeUnmount(() => {
+            if (dropTimer)
+                clearTimeout(dropTimer);
+            if (moveFrame)
+                window.cancelAnimationFrame(moveFrame);
+            if (commitFrame)
+                window.cancelAnimationFrame(commitFrame);
+        });
+        return () => h("div", {
+            ...attrs,
+            class: props.className,
+            ref: boardRef,
+            style: { "--cc-drag-drop-columns": props.columns },
+        }, [
+            ...state.value.items.map((item, index) => {
+                const dragging = state.value.draggingId === item.id;
+                const over = state.value.overIndex === index &&
+                    state.value.draggingId !== undefined;
+                const transform = dragging
+                    ? undefined
+                    : getSlotTransform(item, index);
+                const slotStyle = {
+                    ...(transform ? { transform } : {}),
+                    ...(isCommittingDrop.value ? { transition: "none" } : {}),
+                };
+                return h("div", {
+                    class: "cc-drag-drop-board__slot",
+                    "data-disabled": item.disabled,
+                    "data-dragging": dragging,
+                    "data-over": over,
+                    key: item.id,
+                    style: Object.keys(slotStyle).length ? slotStyle : undefined,
+                    ref: (node) => {
+                        if (node instanceof HTMLElement)
+                            itemRefs.set(item.id, node);
+                        else
+                            itemRefs.delete(item.id);
+                    },
+                    onPointerdown: (event) => {
+                        if (item.disabled)
+                            return;
+                        const nextSlotRects = new Map();
+                        itemRefs.forEach((element, id) => {
+                            const itemRect = element.getBoundingClientRect();
+                            nextSlotRects.set(id, {
+                                bottom: itemRect.bottom,
+                                height: itemRect.height,
+                                left: itemRect.left,
+                                right: itemRect.right,
+                                top: itemRect.top,
+                                width: itemRect.width,
+                            });
+                        });
+                        slotRects = nextSlotRects;
+                        const rect = event.currentTarget.getBoundingClientRect();
+                        const nextPreview = {
+                            height: rect.height,
+                            item,
+                            offsetX: event.clientX - rect.left,
+                            offsetY: event.clientY - rect.top,
+                            originX: rect.left,
+                            originY: rect.top,
+                            width: rect.width,
+                            x: rect.left,
+                            y: rect.top,
+                        };
+                        state.value = controller.start(item.id);
+                        dragSession = nextPreview;
+                        preview.value = nextPreview;
+                        event.currentTarget.setPointerCapture(event.pointerId);
+                    },
+                    onPointermove: (event) => {
+                        if (!state.value.draggingId ||
+                            !dragSession ||
+                            dragSession.dropping)
+                            return;
+                        const nextPreview = {
+                            ...dragSession,
+                            x: event.clientX - dragSession.offsetX,
+                            y: event.clientY - dragSession.offsetY,
+                        };
+                        dragSession = nextPreview;
+                        schedulePreviewPosition();
+                        if (!isPreviewInsideBoard(nextPreview)) {
+                            state.value = controller.moveToIndex(getOriginalIndex());
+                            const returningPreview = {
+                                ...nextPreview,
+                                dropping: true,
+                                offsetX: 0,
+                                offsetY: 0,
+                                returning: true,
+                                x: nextPreview.originX,
+                                y: nextPreview.originY,
+                            };
+                            dragSession = returningPreview;
+                            preview.value = returningPreview;
+                            dropTimer = setTimeout(() => finishDrag("cancel"), 320);
+                            return;
+                        }
+                        const nextIndex = resolveIndexFromPreview(nextPreview);
+                        if (nextIndex !== state.value.overIndex)
+                            state.value = controller.moveToIndex(nextIndex);
+                    },
+                    onPointerup: endDrag,
+                    onPointercancel: cancelDrag,
+                }, [
+                    h("div", { class: "cc-drag-drop-board__item" }, slots.default?.({ dragging, item, over }) ?? item.id),
+                ]);
+            }),
+            preview.value
+                ? h(Teleport, { to: "body" }, h("div", {
+                    "aria-hidden": "true",
+                    class: "cc-drag-drop-board__preview",
+                    "data-dropping": preview.value.dropping,
+                    "data-returning": preview.value.returning,
+                    ref: previewRef,
+                    style: {
+                        height: `${preview.value.height}px`,
+                        transform: `translate3d(${preview.value.x}px, ${preview.value.y}px, 0)`,
+                        width: `${preview.value.width}px`,
+                    },
+                }, slots.default?.({
+                    dragging: true,
+                    item: preview.value.item,
+                    over: false,
+                }) ?? preview.value.item.id))
+                : null,
+        ]);
+    },
+});
+
+export { ClassDragDropBoard };
+//# sourceMappingURL=drag-drop-board.js.map

package/dist/components/drag-drop-board.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-drop-board.js","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/dist/components/draggable.cjs

@@ -0,0 +1,193 @@
+'use strict';
+
+var vue = require('vue');
+var core = require('@class-kit/core');
+
+function resolveClassKitThemeName(theme) {
+    if (typeof theme === "string")
+        return theme;
+    return theme?.name ?? "minimal";
+}
+vue.defineComponent({
+    name: "ClassConfigProvider",
+    props: {
+        class: {
+            type: String,
+            default: "",
+        },
+        locale: {
+            type: Object,
+            default: undefined,
+        },
+        style: {
+            type: [String, Object, Array],
+            default: undefined,
+        },
+        theme: {
+            type: [String, Object],
+            default: "minimal",
+        },
+    },
+    setup(props, { slots }) {
+        const version = vue.ref(0);
+        const applyConfig = () => {
+            core.configureClassComponents({
+                locale: props.locale,
+                theme: props.theme,
+            });
+            version.value += 1;
+        };
+        vue.watch(() => [props.locale, props.theme], applyConfig, {
+            deep: true,
+            immediate: true,
+        });
+        return () => vue.h("div", {
+            class: ["cc-config-provider", props.class].filter(Boolean),
+            "data-cc-theme": resolveClassKitThemeName(props.theme),
+            style: props.style,
+        }, [
+            vue.h("div", { key: version.value, class: "cc-config-provider__content" }, slots.default?.()),
+        ]);
+    },
+});
+const ClassDraggable = /*#__PURE__*/ vue.defineComponent({
+    name: "ClassDraggable",
+    inheritAttrs: false,
+    props: {
+        axis: { type: String, default: "xy" },
+        boundary: {
+            type: Object,
+            default: undefined,
+        },
+        disabled: Boolean,
+        initialPosition: {
+            type: Object,
+            default: () => ({ x: 0, y: 0 }),
+        },
+        restrictToBounds: { type: Boolean, default: true },
+        target: {
+            type: Object,
+            default: undefined,
+        },
+        className: { type: String, default: "cc-draggable" },
+    },
+    emits: ["drag", "dragEnd", "dragStart", "targetChange"],
+    setup(props, { attrs, emit, slots }) {
+        const elementRef = vue.ref(null);
+        const controller = new core.DragController({
+            axis: props.axis,
+            disabled: props.disabled,
+            initialPosition: props.initialPosition,
+            restrictToBounds: props.restrictToBounds,
+        });
+        const state = vue.ref(controller.getState());
+        const overTarget = vue.ref(false);
+        const getBounds = () => {
+            const element = elementRef.value;
+            if (!props.boundary || !element)
+                return undefined;
+            return {
+                height: Math.max(0, props.boundary.clientHeight - element.offsetHeight),
+                width: Math.max(0, props.boundary.clientWidth - element.offsetWidth),
+            };
+        };
+        const getLocalPoint = (event) => {
+            const rect = props.boundary?.getBoundingClientRect();
+            return {
+                x: event.clientX - (rect?.left ?? 0),
+                y: event.clientY - (rect?.top ?? 0),
+            };
+        };
+        const syncTarget = (position) => {
+            const element = elementRef.value;
+            const target = props.target;
+            const boundaryRect = props.boundary?.getBoundingClientRect();
+            if (!element || !target)
+                return false;
+            const targetRect = target.getBoundingClientRect();
+            const nextOverTarget = controller.isOverTarget({
+                x: position.x + (boundaryRect?.left ?? 0),
+                y: position.y + (boundaryRect?.top ?? 0),
+                width: element.offsetWidth,
+                height: element.offsetHeight,
+            }, {
+                x: targetRect.left,
+                y: targetRect.top,
+                width: targetRect.width,
+                height: targetRect.height,
+            });
+            if (nextOverTarget !== overTarget.value) {
+                overTarget.value = nextOverTarget;
+                emit("targetChange", nextOverTarget);
+            }
+            return nextOverTarget;
+        };
+        const syncOptions = () => {
+            state.value = controller.updateOptions({
+                bounds: getBounds(),
+                axis: props.axis,
+                disabled: props.disabled,
+                restrictToBounds: props.restrictToBounds,
+            });
+        };
+        const handleMove = (event) => {
+            const next = controller.move(getLocalPoint(event));
+            state.value = next;
+            syncTarget(next.position);
+            emit("drag", { dragging: next.dragging, position: next.position });
+        };
+        const handleEnd = (event) => {
+            const next = controller.end(getLocalPoint(event));
+            state.value = next;
+            emit("dragEnd", next.position, syncTarget(next.position));
+            window.removeEventListener("pointermove", handleMove);
+            window.removeEventListener("pointerup", handleEnd);
+            window.removeEventListener("pointercancel", handleEnd);
+        };
+        vue.watch(() => [
+            props.axis,
+            props.boundary,
+            props.disabled,
+            props.initialPosition,
+            props.restrictToBounds,
+        ], syncOptions);
+        vue.onBeforeUnmount(() => {
+            window.removeEventListener("pointermove", handleMove);
+            window.removeEventListener("pointerup", handleEnd);
+            window.removeEventListener("pointercancel", handleEnd);
+        });
+        return () => vue.h("div", {
+            ...attrs,
+            class: props.className,
+            "data-disabled": props.disabled,
+            "data-dragging": state.value.dragging,
+            "data-over-target": overTarget.value,
+            ref: elementRef,
+            style: {
+                transform: `translate3d(${state.value.position.x}px, ${state.value.position.y}px, 0)`,
+            },
+            onPointerdown: (event) => {
+                if (props.disabled)
+                    return;
+                syncOptions();
+                state.value = controller.start(getLocalPoint(event), state.value.position);
+                syncTarget(state.value.position);
+                emit("dragStart", state.value.position);
+                event.currentTarget.setPointerCapture(event.pointerId);
+                window.addEventListener("pointermove", handleMove, {
+                    passive: true,
+                });
+                window.addEventListener("pointerup", handleEnd, { passive: true });
+                window.addEventListener("pointercancel", handleEnd, {
+                    passive: true,
+                });
+            },
+        }, slots.default?.({
+            dragging: state.value.dragging,
+            position: state.value.position,
+        }));
+    },
+});
+
+exports.ClassDraggable = ClassDraggable;
+//# sourceMappingURL=draggable.cjs.map

package/dist/components/draggable.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"draggable.cjs","sources":["../../src/index.ts"],"names":["defineComponent","ref","configureClassComponents","watch","h","DragController","onBeforeUnmount"],"mappings":"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"}

package/dist/components/draggable.d.ts

@@ -0,0 +1,2 @@
+export { ClassDraggable } from "../index";
+//# sourceMappingURL=draggable.d.ts.map

package/dist/components/draggable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"draggable.d.ts","sourceRoot":"","sources":["../../src/components/draggable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC"}