@lemonadejs/contextmenu 1.0.7 → 1.0.8

package/dist/index.js

@@ -140,7 +140,7 @@ if (! Modal && typeof (require) === 'function') {
             }
         }
 
-        let template = `<Modal :closed="true" :ref="self.modal" :responsive="false" :auto-adjust="true" :onclose="self.onclose" :focus="false" :layers="false">
+        let template = `<Modal :overflow="true" :closed="true" :ref="self.modal" :responsive="false" :auto-adjust="true" :onclose="self.onclose" :focus="false" :layers="false">
             <div class="lm-menu-submenu">
                 <Item :loop="self.options" />
             </div>
@@ -344,7 +344,8 @@ if (! Modal && typeof (require) === 'function') {
             self.root.addEventListener("contextmenu", function(e) {
                 let [x,y] = getCoords(e);
                 // Open the context menu
-                self.open(self.options, x, y, e);
+                var scrollPosition = (window.pageYOffset !== undefined) ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;
+                self.open(self.options, x, y+scrollPosition, e);
                 e.preventDefault();
                 e.stopImmediatePropagation();
             });

package/dist/react.js

@@ -0,0 +1,37 @@
+// @ts-nocheck
+import React, { useRef, useEffect } from "react";
+import Component from './index';
+
+
+// @ts-ignore
+export default React.forwardRef((props, mainReference) => {
+    // Dom element
+    const Ref = useRef(null);
+
+    // Get the properties for the spreadsheet
+    let options = { ...props };
+
+    useEffect(() => {
+        // @ts-ignore
+        if (!Ref.current.innerHTML) {
+            mainReference.current = Component(Ref.current, options);
+        }
+    }, []);
+
+    useEffect(() => {
+        for (let key in props) {
+            if (props.hasOwnProperty(key) && mainReference.current.hasOwnProperty(key)) {
+                if (props[key] !== mainReference.current[key]) {
+                    mainReference.current[key] = props[key];
+                }
+            }
+        }
+    }, [props])
+
+    let prop = {
+        ref: Ref,
+        style: { height: '100%', width: '100%' }
+    };
+
+    return React.createElement("div", prop);
+})

package/dist/style.css

@@ -5,29 +5,12 @@
     border-radius: 4px;
     box-shadow: 0 2px 6px 2px rgba(60,64,67,.2);
     max-height: 300px;
-    overflow-y: auto;
-
     width: initial;
     height: initial;
     min-width: 250px;
     min-height: initial;
 }
 
-.lm-menu .lm-modal::-webkit-scrollbar {
-    width: 12px;
-    height: 12px;
-}
-
-.lm-menu .lm-modal::-webkit-scrollbar-track {
-    border: 1px solid #fff;
-    background: #eee;
-}
-
-.lm-menu .lm-modal::-webkit-scrollbar-thumb {
-    border: 1px solid #fff;
-    background: #888;
-}
-
 .lm-menu-submenu {
     padding-top: 1px;
     padding-bottom: 1px;

package/dist/vue.js

@@ -0,0 +1,45 @@
+import { h } from 'vue';
+import component from "./index";
+
+
+export default {
+    inheritAttrs: false,
+    mounted() {
+        let options = {
+            ...this.$attrs
+        };
+
+        this.el = this.$refs.container;
+
+        this.current = component(this.$refs.container, options);
+    },
+    setup() {
+        let containerProps = {
+            ref: 'container',
+            style: {
+                width: '100%',
+                height: '100%',
+            }
+        };
+        return () => h('div', containerProps);
+    },
+    watch: {
+        $attrs: {
+            deep: true,
+            handler() {
+                this.updateState();
+            }
+        }
+    },
+    methods: {
+        updateState() {
+            for (let key in this.$attrs) {
+                if (this.$attrs.hasOwnProperty(key) && this.current.hasOwnProperty(key)) {
+                    if (this.$attrs[key] !== this.current[key]) {
+                        this.current[key] = this.$attrs[key];
+                    }
+                }
+            }
+        }
+    }
+}

package/package.json

@@ -14,10 +14,10 @@
         "build": "webpack --config webpack.config.js"
     },
     "dependencies": {
-        "@lemonadejs/modal": "^2.3.3",
-        "lemonadejs": "^3.4.0"
+        "@lemonadejs/modal": "^2.4.4",
+        "lemonadejs": "^4.0.7"
     },
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
-    "version": "1.0.7"
+    "version": "1.0.8"
 }