@jspreadsheet/vue 9.4.9 → 9.5.1

package/dist/index.js

@@ -1,55 +1,59 @@
-import { h, ref, onMounted } from 'vue';
+import { h, getCurrentInstance } from 'vue';
 import jss from "jspreadsheet";
 
 import "jspreadsheet/dist/jspreadsheet.css";
 import "jsuites/dist/jsuites.css";
 
 export const Worksheet = {
-  name: 'Worksheet',
+    name: 'Worksheet',
 }
 
 export const Spreadsheet = {
-  setup(props, { attrs, slots }) {
-    const spreadsheet = ref(null);
-    let options = {
-      ...attrs
-    };
-    if (slots && typeof(slots.default) === 'function') {
-      options.worksheets = slots.default().reduce((acc, vnode) => {
-        if (vnode.type.name === "Worksheet") {
-          acc.push({ minDimensions:[10,10], ...vnode.props});
+    inheritAttrs: false,
+    mounted() {
+        const { attrs, slots } = getCurrentInstance();
+
+        let options = {
+            ...attrs
+        };
+        if (slots && typeof(slots.default) === 'function') {
+            options.worksheets = slots.default().reduce((acc, vnode) => {
+                if (vnode.type.name === "Worksheet") {
+                    acc.push({
+                        minDimensions: [4, 4],
+                        ...vnode.props
+                    });
+                }
+                return acc;
+            }, []);
+        } else {
+            if (attrs.worksheets) {
+                options.worksheets = attrs.worksheets;
+            }
         }
-        return acc;
-      }, []);
-    } else {
-      if (attrs.worksheets) {
-        options.worksheets = attrs.worksheets;
-      }
-    }
 
-    if (attrs.license) {
-      jss.setLicense(attrs.license);
-    }
-    if (attrs.extensions) {
-      jss.setExtensions(attrs.extensions);
-    }
+        if (attrs.license) {
+            jss.setLicense(attrs.license);
+        }
+        if (attrs.extensions) {
+            jss.setExtensions(attrs.extensions);
+        }
+        if (attrs.id) {
+            this.$refs.container.id = attrs.id;
+        }
 
-    let containerProps = {
-      ref: spreadsheet
-    };
+        this.el = this.$refs.container;
 
-    if (attrs.id) {
-      containerProps.id = attrs.id;
+        this.current = jss(this.$refs.container, options);
+    },
+    setup() {
+      let containerProps = {
+        ref: 'container'
+      };
+      return () => h('div', containerProps);
     }
-
-    onMounted(() => {
-      jss(spreadsheet.value, options);
-    });
-
-    return () => h('div', containerProps);
-  }
 }
 
 export let jspreadsheet = jss;
 
-export default { Worksheet, Spreadsheet, jspreadsheet }
+export default { Worksheet, Spreadsheet, jspreadsheet };

package/package.json

@@ -24,5 +24,5 @@
     },
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
-    "version": "9.4.9"
+    "version": "9.5.1"
 }