@jspreadsheet/vue 11.11.6 → 11.12.0

package/dist/index.d.ts

@@ -1,28 +1,25 @@
-/**
- * Official Type definitions for Jspreadsheet React
- * https://jspreadsheet.com/v10/docs/react
- * Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
- */
+import { DefineComponent } from 'vue';
+import type JSpreadsheetCore from 'jspreadsheet';
 
-interface Spreadsheet {
-    (): any
-    [key: string]: any
-}
+// Get all the static types from the core library
+type JSpreadsheetBase = typeof JSpreadsheetCore;
 
-interface Worksheet {
-    (): any
-    [key: string]: any
+// Create interface that extends the base type and adds call signature
+interface JSpreadsheetInterface extends JSpreadsheetBase {
+    (element: HTMLElement | HTMLDivElement | null, options: JSpreadsheetCore.Spreadsheet): Array<JSpreadsheetCore.WorksheetInstance>;
 }
 
-interface Picker {
-    (): any
-    [key: string]: any
-}
+export declare const Worksheet: DefineComponent<JSpreadsheetCore.Worksheet>;
+export declare const Spreadsheet: DefineComponent<JSpreadsheetCore.Spreadsheet>;
+export declare const Picker: DefineComponent<JSpreadsheetCore.Picker>;
 
-declare function Spreadsheet<Spreadsheet>(props: Spreadsheet): any;
-declare function Worksheet<Worksheet>(props: Worksheet): any;
-declare function Picker <Picker>(props: Picker): any;
+export declare const jspreadsheet: JSpreadsheetInterface;
 
-import jspreadsheet from "jspreadsheet";
+declare const _default: {
+    Worksheet: DefineComponent<JSpreadsheetCore.Worksheet>;
+    Spreadsheet: DefineComponent<JSpreadsheetCore.Spreadsheet>;
+    Picker: DefineComponent<JSpreadsheetCore.Picker>;
+    jspreadsheet: JSpreadsheetInterface;
+};
 
-export { Spreadsheet, Worksheet, Picker, jspreadsheet };
+export default _default;

package/dist/index.js

@@ -18,9 +18,15 @@ export const Spreadsheet = {
         if (slots && typeof(slots.default) === 'function') {
             options.worksheets = slots.default().reduce((acc, vnode) => {
                 if (vnode.type.name === "Worksheet") {
+                    let worksheetProps = {};
+
+                    for (const key in vnode.props) {
+                        worksheetProps[camelize(key)] = vnode.props[key];
+                    }
+
                     acc.push({
                         minDimensions: [4, 4],
-                        ...vnode.props
+                        ...worksheetProps
                     });
                 }
                 return acc;
@@ -60,9 +66,10 @@ export const Picker = {
     mounted() {
         const { attrs } = getCurrentInstance();
 
-        let options = {
-            ...attrs
-        };
+        let options = {};
+        for (const key in attrs) {
+            options[camelize(key)] = attrs[key];
+        }
 
         if (typeof(options.id) !== 'undefined') {
             attrs.id = options.id;
@@ -80,4 +87,4 @@ export const Picker = {
     }
 }
 
-export default { Worksheet, Spreadsheet, Picker, jspreadsheet };
+export default { Worksheet, Spreadsheet, jspreadsheet: jss, Picker };

package/package.json

@@ -20,9 +20,9 @@
         "vue"
     ],
     "dependencies": {
-        "jspreadsheet": "^11.11.6"
+        "jspreadsheet": "^11.12.0"
     },
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
-    "version": "11.11.6"
+    "version": "11.12.0"
 }