fix: some prop type issues

update: rollup.config.js & vite.config.ts & package.json

package.json

@@ -8,9 +8,15 @@
   },
   "license": "MIT",
   "author": "Burak Cakmakoglu",
-  "main": "dist/revue-flow.es.js",
+  "main": "dist/index.js",
   "module": "dist/revue-flow.es.js",
   "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/revue.flow.es.js",
+      "require": "./dist/index.js"
+    }
+  },
   "files": [
     "dist",
     "nocss"
@@ -28,7 +34,7 @@
   "dependencies": {
     "d3": "^7.0.0",
     "pinia": "^2.0.0-beta.3",
-    "vue-demi": "^0.10.1"
+    "vue-demi": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.14.6",
@@ -70,7 +76,7 @@
   },
   "peerDependencies": {
     "@vue/composition-api": "^1.0.0-rc.13",
-    "vue": "^2.0.0 || >=3.0.0"
+    "vue": "^2.6.11 || >=3.0.5"
   },
   "peerDependenciesMeta": {
     "@vue/composition-api": {

rollup.config.js

@@ -14,7 +14,7 @@ const processEnv = isProd || isTesting ? 'production' : 'development';
 
 export const baseConfig = ({ injectCSS = true } = {}) => ({
   input: 'src/index.ts',
-  external: ['vue', 'vue-demi', (id) => id.includes('@babel/runtime')],
+  external: ['vue-demi', (id) => id.includes('@babel/runtime')],
   onwarn(warning, rollupWarn) {
     if (warning.code !== 'CIRCULAR_DEPENDENCY') {
       rollupWarn(warning);

src/container/FlowRenderer/index.tsx

@@ -77,22 +77,22 @@ const FlowRenderer = defineComponent({
       default: undefined as any
     },
     deleteKeyCode: {
-      type: (Number || String) as PropType<FlowRendererProps['deleteKeyCode']>,
+      type: [Number, String] as PropType<FlowRendererProps['deleteKeyCode']>,
       required: false,
       default: undefined
     },
     selectionKeyCode: {
-      type: (Number || String) as PropType<FlowRendererProps['selectionKeyCode']>,
+      type: [Number, String] as PropType<FlowRendererProps['selectionKeyCode']>,
       required: false,
       default: undefined
     },
     multiSelectionKeyCode: {
-      type: (Number || String) as PropType<FlowRendererProps['multiSelectionKeyCode']>,
+      type: [Number, String] as PropType<FlowRendererProps['multiSelectionKeyCode']>,
       required: false,
       default: undefined
     },
     zoomActivationKeyCode: {
-      type: (Number || String) as PropType<FlowRendererProps['zoomActivationKeyCode']>,
+      type: [Number, String] as PropType<FlowRendererProps['zoomActivationKeyCode']>,
       required: false,
       default: undefined
     },

src/container/GraphView/index.tsx

@@ -159,22 +159,22 @@ const GraphView = defineComponent({
       default: undefined as any
     },
     selectionKeyCode: {
-      type: (Number || String) as PropType<GraphViewProps['selectionKeyCode']>,
+      type: [Number, String] as PropType<GraphViewProps['selectionKeyCode']>,
       required: false,
       default: undefined
     },
     multiSelectionKeyCode: {
-      type: (Number || String) as PropType<GraphViewProps['multiSelectionKeyCode']>,
+      type: [Number, String] as PropType<GraphViewProps['multiSelectionKeyCode']>,
       required: false,
       default: undefined
     },
     zoomActivationKeyCode: {
-      type: (Number || String) as PropType<GraphViewProps['zoomActivationKeyCode']>,
+      type: [Number, String] as PropType<GraphViewProps['zoomActivationKeyCode']>,
       required: false,
       default: undefined
     },
     deleteKeyCode: {
-      type: (Number || String) as PropType<GraphViewProps['deleteKeyCode']>,
+      type: [Number, String] as PropType<GraphViewProps['deleteKeyCode']>,
       required: false,
       default: undefined
     },

src/container/RevueFlow/index.tsx

@@ -267,22 +267,22 @@ const RevueFlow = defineComponent({
       default: undefined as any
     },
     selectionKeyCode: {
-      type: (Number || String) as PropType<RevueFlowProps['selectionKeyCode']>,
+      type: [Number, String] as PropType<RevueFlowProps['selectionKeyCode']>,
       required: false,
       default: 'Shift'
     },
     multiSelectionKeyCode: {
-      type: (Number || String) as PropType<RevueFlowProps['multiSelectionKeyCode']>,
+      type: [Number, String] as PropType<RevueFlowProps['multiSelectionKeyCode']>,
       required: false,
       default: 'Meta'
     },
     zoomActivationKeyCode: {
-      type: (Number || String) as PropType<RevueFlowProps['zoomActivationKeyCode']>,
+      type: [Number, String] as PropType<RevueFlowProps['zoomActivationKeyCode']>,
       required: false,
       default: 'Meta'
     },
     deleteKeyCode: {
-      type: (Number || String) as PropType<RevueFlowProps['deleteKeyCode']>,
+      type: [Number, String] as PropType<RevueFlowProps['deleteKeyCode']>,
       required: false,
       default: 'Backspace'
     },

src/container/ZoomPane/index.tsx

@@ -114,7 +114,7 @@ const ZoomPane = defineComponent({
       default: undefined
     },
     zoomActivationKeyCode: {
-      type: (Number || String) as PropType<ZoomPaneProps['zoomActivationKeyCode']>,
+      type: [Number, String] as PropType<ZoomPaneProps['zoomActivationKeyCode']>,
       required: false,
       default: undefined
     }

vite.config.ts

@@ -18,7 +18,7 @@ export default defineConfig({
         // Provide global variables to use in the UMD build
         // for externalized deps
         globals: {
-          'vue-demi': 'vue-demi'
+          'vue-demi': 'VueDemi'
         },
         dir: 'dist',
         sourcemap: true,