@jspreadsheet/vue 9.4.8 → 9.5.1

package/dist/index.js

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

package/package.json

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