Merge pull request #69 from kimuraz/dev

v2.0.0

Author: kimuraz

dist/composables/useDraggable.d.ts

@@ -0,0 +1,13 @@
+import { DraggableOptions } from '@interactjs/actions/drag/plugin';
+import { InteractContext } from './useInteractContext';
+export interface IPosition {
+    x: number;
+    y: number;
+}
+declare const useDraggable: (context: InteractContext, interactOptions?: DraggableOptions) => {
+    init: () => void;
+    position: import('vue').Ref<import('./useInteractContext').IPosition>;
+    draggableOptions: import('vue').WritableComputedRef<DraggableOptions>;
+    isDragging: import('vue').Ref<boolean>;
+};
+export default useDraggable;

dist/composables/useInteractContext.d.ts

@@ -0,0 +1,19 @@
+import { Interactable } from '@interactjs/types';
+import { default as interact } from 'interactjs';
+import { Ref } from 'vue';
+export interface IPosition {
+    x: number;
+    y: number;
+}
+export interface ISizeData {
+    width: number;
+    height: number;
+}
+export interface InteractContext {
+    interactable: Ref<Interactable | null>;
+    interact: typeof interact;
+    position: Ref<IPosition>;
+    size: Ref<ISizeData>;
+}
+declare const useInteractContext: (elRef: Ref) => InteractContext;
+export default useInteractContext;

dist/composables/useResizable.d.ts

@@ -0,0 +1,10 @@
+import { ResizableOptions } from '@interactjs/actions/resize/plugin';
+import { InteractContext } from './useInteractContext';
+declare const useResizable: (context: InteractContext, interactOptions: ResizableOptions) => {
+    init: () => void;
+    resizeData: import('vue').Ref<import('./useInteractContext').ISizeData>;
+    position: import('vue').Ref<import('./useInteractContext').IPosition>;
+    resizableOptions: import('vue').WritableComputedRef<ResizableOptions>;
+    isResizing: import('vue').Ref<boolean>;
+};
+export default useResizable;

dist/index.d.ts

@@ -0,0 +1,11 @@
+import { Plugin } from 'vue';
+import { default as useInteractContext } from './composables/useInteractContext';
+import { default as useDraggable } from './composables/useDraggable';
+import { default as useResizable } from './composables/useResizable';
+export interface IVueInteractOptions {
+    installInject?: boolean;
+    installGlobalProperty?: boolean;
+}
+declare const VueInteract: Plugin;
+export { useInteractContext, useDraggable, useResizable };
+export default VueInteract;

dist/vue-interact.js

@@ -0,0 +1,12 @@
+import { defineClientConfig } from '@vuepress/client';
+import DemoUseDraggable from '../guide/composables/components/DemoUseDraggable.vue';
+import DemoUseResizable from '../guide/composables/components/DemoUseResizable.vue';
+import DemoUseDragAndResize from '../guide/composables/components/DemoUseDragAndResize.vue';
+
+export default defineClientConfig({
+  enhance({ app }) {
+    app.component('DemoUseDraggable', DemoUseDraggable);
+    app.component('DemoUseResizable', DemoUseResizable);
+    app.component('DemoUseDragAndResize', DemoUseDragAndResize);
+  },
+});

dist/vue-interact.min.js

@@ -1,11 +1,18 @@
-import { defineUserConfig, defaultTheme } from "vuepress";
+import { defineUserConfig } from "vuepress";
+import { defaultTheme } from '@vuepress/theme-default';
+import { viteBundler } from '@vuepress/bundler-vite';
+import navbar from './navbar';
+import sidebar from './sidebar';
 
 export default defineUserConfig({
   lang: "en-US",
   title: "VueInteract",
   description: "VueInteract is a Vue 3 wrapper for Interact.js",
   theme: defaultTheme({
-    logo: '/assets/VueInteract.svg',
+    navbar,
+    sidebar,
+    repo: 'https://github.com/kimuraz/vue-interact',
   }),
+  bundler: viteBundler(),
 });
 

dist/vue-interact.umd.cjs

@@ -0,0 +1,5 @@
+export default [
+  { text: 'Home', link: '/' },
+  { text: 'Getting Started', link: '/guide/getting_started.html' },
+  { text: 'Composables', link: '/guide/composables/index.html' },
+];