增加excel

example/components.d.ts

@@ -1,6 +1,7 @@
 // generated by unplugin-vue-components
 // We suggest you to commit this file into source control
 // Read more: https://github.com/vuejs/core/pull/3399
+import '@vue/runtime-core'
 
 export {}
 
@@ -44,7 +45,7 @@ declare module '@vue/runtime-core' {
     ATimeRangePicker: typeof import('ant-design-vue/es')['TimeRangePicker']
     ATreeSelect: typeof import('ant-design-vue/es')['TreeSelect']
     AUpload: typeof import('ant-design-vue/es')['Upload']
-    CodeView: typeof import("./src/components/CodeView")['default']
+    CodeView: typeof import('./src/components/CodeView.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
   }

example/src/router/index.ts

@@ -57,6 +57,14 @@ const router = createRouter({
                 title: "jsPDF",
               }
             },
+            {
+              path: '/xlsx',
+              name: 'xlsx',
+              component: () => import("../views/xlsxView/index.vue"),
+              meta: {
+                title: "xlsx",
+              }
+            },
             {
               path: '/crudAntd',
               name: 'crudAntd',

example/src/router/menu.ts

@@ -21,6 +21,10 @@ const menus: Menu[] = [
         title: "jsPDF",
         routerName: "jsPDF"
       },
+      {
+        title: "xlsx",
+        routerName: "xlsx"
+      },
     ]
   },
   {

example/src/views/pdfjsView/demo/useHtmlAsImage/index.vue

@@ -21,7 +21,9 @@ import { useHtmlAsImage, useHtmlAsPdf } from "howuse/pdf";
 
 const fileArea = ref();
 const fileArea2 = ref();
-const { downloadImg, loading: loadingImg } = useHtmlAsImage({
+
+// saveCanvasBlob 保存为一个blob流，Promise对象。 0.0.5-beta.2 以上版本
+const { downloadImg, saveCanvasBlob, loading: loadingImg } = useHtmlAsImage({
   ref: fileArea,
   fileName: "雨巷.png",
 });

example/src/views/xlsxView/demo/xlsxImport/index.md

@@ -0,0 +1 @@
+@[js](./src/views/echartsView/demo/BarEchart/index.vue)

example/src/views/xlsxView/demo/xlsxImport/index.vue

@@ -0,0 +1,14 @@
+<template>
+  <div>
+    <button @click="importExcel()">加载excel</button>
+  </div>
+</template>
+<script lang="ts" setup>
+import { xlsxFileToJson } from "howuse/xlsx";
+import { loadLocalFile } from "howtools"
+function importExcel() {
+  loadLocalFile().then(files => {
+    xlsxFileToJson(files[0]).then(console.log)
+  })
+}
+</script>

example/src/views/xlsxView/index.vue

@@ -0,0 +1,12 @@
+<template>
+    <CodeView title="自适应折线图，其它自适应类似">
+        <XlsxImportDemo />
+        <template #code>
+            <XlsxImportCode />
+        </template>
+    </CodeView>
+</template>
+<script setup lang="ts">
+import XlsxImportDemo from "./demo/xlsxImport/index.vue";
+import XlsxImportCode from "./demo/xlsxImport/index.md";
+</script>