feat: 初始化

Author: willianLu

.editorconfig

@@ -0,0 +1,9 @@
+[*.{js,jsx,mjs,cjs,ts,tsx,mts,cts,vue}]
+charset = utf-8
+indent_size = 2
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+end_of_line = lf
+max_line_length = 100

.gitattributes

@@ -0,0 +1 @@
+* text=auto eol=lf

.gitignore

@@ -0,0 +1,30 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+*.tsbuildinfo

.husky/commit-msg

@@ -0,0 +1,3 @@
+#!/usr/bin/env sh
+
+npx --no-install commitlint --edit "$1"

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+
+# npm run test
+npx --no-install nano-staged

.prettierrc.json

@@ -0,0 +1,7 @@
+
+{
+  "$schema": "https://json.schemastore.org/prettierrc",
+  "semi": false,
+  "singleQuote": true,
+  "printWidth": 100
+}

.vscode/extensions.json

@@ -0,0 +1,9 @@
+{
+  "recommendations": [
+    "Vue.volar",
+    "vitest.explorer",
+    "dbaeumer.vscode-eslint",
+    "EditorConfig.EditorConfig",
+    "esbenp.prettier-vscode"
+  ]
+}

README.md

@@ -0,0 +1,69 @@
+# html-to-pdf 文档手册
+
+本库致力于 html 在线导出为 pdf，实现智能分页效果，不会切断文本图片表格等内容，可兼容手机端。本库依赖 html2canvas 和 jspdf，使用 canvas 绘图，请保证使用浏览器对以上库是支持的。
+
+### 安装
+
+```bash
+# 使用npm
+npm i -S ai-html-to-pdf
+# 使用yarn
+yarn add ai-html-to-pdf
+```
+
+### 用法
+
+```ts
+// ...
+import htmlToPdf from 'ai-html-to-pdf'
+
+function exportPDF() {
+  Loading.show()
+  const element = document.getElementById('pdf-container')
+  htmlToPdf
+    .exportPDF(element, {
+      name: '葵花宝典',
+    })
+    .finally(() => {
+      Loading.hide()
+    })
+}
+```
+
+### 方法
+
+使用规则：htmlToPdf(element, PdfOptions)
+
+- element 要导出的 dom 元素
+- PdfOptions 通过设置配置，来达到更理想的效果
+
+### PdfOptions
+
+| 参数               | 类型                            | 必填项                   | 默认                                                                           | 说明                                         |
+| ------------------ | ------------------------------- | ------------------------ | ------------------------------------------------------------------------------ | -------------------------------------------- |
+| name               | string                          | 否                       | --                                                                             | 导出文件名称                                 |
+| monoblockClassName | string \| string[]              | 否                       | 'html-pdf-monoblock'                                                           | 分页处理时，将元素内容当作一个整体           |
+| scale              | number                          | 否                       | 2                                                                              | 导出内容放大倍数，增加内容清晰度，必须大于 0 |
+| margin             | number \| number[]              | 否                       | 10                                                                             | PDF 内容边距                                 |
+| ignoreElement      | (element: Element) => Element[] | 否 ｜ 分页计算忽略的元素 |
+| resetStyleTags     | string[]                        | 否                       | 需要重置样式的标签，目前只发现 h1-h6 标签在 html2canvas 中默认增加了 margin 值 |
+| header             | string                          | 否                       | --                                                                             | 页眉文案                                     |
+| headerAlign        | 'center' \| 'left' \| 'right'   | 'left'                   | 页眉对齐方式                                                                   |
+| footer             | string                          | 否                       | --                                                                             | 页脚文案                                     |
+| footerAlign        | 'center' \| 'left' \| 'right'   | 'right'                  | 页脚对齐方式                                                                   |
+| adaptive           | boolean                         | true                     | 是否开启自适应，开启自适应会根据设置宽度导出 PDF                               |
+| adaptiveOptions    | AdaptiveOptions                 | 否                       | --                                                                             | 自适应导出 PDF 配置                          |
+
+### AdaptiveOptions
+
+| 参数           | 类型                       | 必填项 | 默认          | 说明                                                             |
+| -------------- | -------------------------- | ------ | ------------- | ---------------------------------------------------------------- |
+| pdfWidth       | number                     | 否     | 800           | 按此宽度绘制导出 PDF 内容                                        |
+| parentElement  | HTMLElement                | 否     | document.body | 自适应创建元素挂载节点，必要时可以规避一些样式问题               |
+|                |
+| resetView      | (element: Element) => void | 否     | --            | 自适应模式下，是克隆的元素，导致 canvas 无法展示，对内容重新绘制 |
+| resetViewDelay | number                     | 否     | 1000          | 图表重绘后，延迟处理导出，给图表绘制预留充足的时间               |
+
+## License
+
+MIT

auto-imports.d.ts

@@ -0,0 +1,12 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+// biome-ignore lint: disable
+export {}
+declare global {}
+
+declare module '@kangc/v-md-editor/lib/codemirror-editor'
+declare module '@kangc/v-md-editor/lib/theme/github.js'
+declare module '@kangc/v-md-editor/lib/plugins/katex/cdn'

commitlint.config.js

@@ -0,0 +1 @@
+export default { extends: ['@commitlint/config-conventional'] }

components.d.ts

@@ -0,0 +1,22 @@
+/* eslint-disable */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+// biome-ignore lint: disable
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    AButton: typeof import('@arco-design/web-vue')['Button']
+    AModal: typeof import('@arco-design/web-vue')['Modal']
+    ASwitch: typeof import('@arco-design/web-vue')['Switch']
+    Footer: typeof import('./src/components/footer.vue')['default']
+    Header: typeof import('./src/components/header.vue')['default']
+    Layout: typeof import('./src/components/layout.vue')['default']
+    Loading: typeof import('./src/components/Loading/Loading.vue')['default']
+    Nav: typeof import('./src/components/nav.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+  }
+}

env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

eslint.config.ts

@@ -0,0 +1,30 @@
+import pluginVue from 'eslint-plugin-vue'
+import { defineConfigWithVueTs, vueTsConfigs } from '@vue/eslint-config-typescript'
+import pluginVitest from '@vitest/eslint-plugin'
+import skipFormatting from '@vue/eslint-config-prettier/skip-formatting'
+
+// To allow more languages other than `ts` in `.vue` files, uncomment the following lines:
+// import { configureVueProject } from '@vue/eslint-config-typescript'
+// configureVueProject({ scriptLangs: ['ts', 'tsx'] })
+// More info at https://github.com/vuejs/eslint-config-typescript/#advanced-setup
+
+export default defineConfigWithVueTs(
+  {
+    name: 'app/files-to-lint',
+    files: ['**/*.{ts,mts,tsx,vue}'],
+  },
+
+  {
+    name: 'app/files-to-ignore',
+    ignores: ['**/dist/**', '**/dist-ssr/**', '**/coverage/**'],
+  },
+
+  pluginVue.configs['flat/essential'],
+  vueTsConfigs.recommended,
+  
+  {
+    ...pluginVitest.configs.recommended,
+    files: ['src/**/__tests__/*'],
+  },
+  skipFormatting,
+)

index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Html-To-Pdf</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>