@himail/xlsx 2.0.0

package/README.md

@@ -0,0 +1,153 @@
+# @xm/excel
+
+Excel 文档预览组件，支持 Vue 2 和 Vue 3。
+
+## 特性
+
+- 📦 支持 Vue 2 和 Vue 3
+- 🎯 支持多种 Excel 格式（.xlsx, .xls）
+- 🔧 丰富的表格操作功能
+- 🎨 现代化的 Apple 风格加载动画
+- 📱 响应式设计
+- 🌙 支持暗色模式
+
+## 安装
+
+### 从 npm 安装
+
+```bash
+# 使用 npm
+npm install @xm/excel
+
+# 使用 yarn
+yarn add @xm/excel
+
+# 使用 pnpm
+pnpm add @xm/excel
+```
+
+## 使用
+
+### Vue 3
+
+```vue
+<template>
+  <div>
+    <XmExcel :src="excelFile" @load="onLoad" @error="onError" />
+  </div>
+</template>
+
+<script setup>
+import { ref } from "vue";
+import XmExcel from "@xm/excel";
+
+const excelFile = ref("https://example.com/sample.xlsx");
+
+const onLoad = () => {
+  console.log("Excel 加载完成");
+};
+
+const onError = (error) => {
+  console.error("Excel 加载失败:", error);
+};
+</script>
+```
+
+### Vue 2
+
+```vue
+<template>
+  <div>
+    <XmExcel :src="excelFile" @load="onLoad" @error="onError" />
+  </div>
+</template>
+
+<script>
+import XmExcel from "@xm/excel";
+
+export default {
+  components: {
+    XmExcel, // 注册组件 XmExcel
+  },
+  data() {
+    return {
+      excelFile: "https://example.com/sample.xlsx",
+    };
+  },
+  methods: {
+    onLoad() {
+      console.log("Excel 加载完成");
+    },
+    onError(error) {
+      console.error("Excel 加载失败:", error);
+    },
+  },
+};
+</script>
+```
+
+## API
+
+### Props
+
+| 属性          | 类型          | 默认值      | 说明           |
+| ------------- | ------------- | ----------- | -------------- |
+| `src`         | String        | -           | Excel 文件 URL |
+| `width`       | String/Number | '100%'      | 组件宽度       |
+| `height`      | String/Number | '600px'     | 组件高度       |
+| `loading`     | Boolean       | false       | 加载状态       |
+| `loadingText` | String        | '加载中...' | 加载文本       |
+| `errorText`   | String        | '加载失败'  | 错误文本       |
+
+### Events
+
+| 事件       | 说明     | 参数               |
+| ---------- | -------- | ------------------ |
+| `load`     | 加载完成 | -                  |
+| `error`    | 加载失败 | 错误对象           |
+| `progress` | 加载进度 | 进度百分比 (0-100) |
+
+## 示例
+
+### 基本使用
+
+```vue
+<XmOfficeExcel src="/path/to/excel.xlsx" />
+```
+
+### 带自定义样式
+
+```vue
+<XmOfficeExcel src="/path/to/excel.xlsx" width="800px" height="500px" />
+```
+
+### 监听事件
+
+```vue
+<XmOfficeExcel
+  src="/path/to/excel.xlsx"
+  @load="handleLoad"
+  @error="handleError"
+  @progress="handleProgress"
+/>
+```
+
+## 浏览器兼容性
+
+- Chrome ✅
+- Firefox ✅
+- Safari ✅
+- Edge ✅
+
+## 许可证
+
+MIT License
+
+## 贡献
+
+欢迎提交 Issue 和 Pull Request！
+
+## 联系
+
+- Author: 微信: _hit757_
+- GitHub: [vue-office](https://github.com/501351981/vue-office)

package/lib/index.d.ts

@@ -0,0 +1,12 @@
+export interface Options {
+    minColLength?: number;
+    minRowLength?: number;
+    showContextmenu?: boolean;
+}
+declare const xmExcel: {
+    install?: (vue: any) => void;
+    src: string | ArrayBuffer | Blob;
+    requestOptions?: any;
+    options?: Options;
+};
+export default xmExcel;

package/lib/script/postinstall.js

@@ -0,0 +1,15 @@
+const { switchVersion, loadModule } = require('./utils');
+const Vue = loadModule('vue');
+if (!Vue || typeof Vue.version !== 'string') {
+    console.warn(
+        '[vue-office] Vue is not found. Please run "npm install vue" to install.'
+    );
+} else if (Vue.version.startsWith('2.')) {
+    switchVersion(2);
+} else if (Vue.version.startsWith('3.')) {
+    switchVersion(3);
+} else {
+    console.warn(
+        `[vue-office] Vue version v${Vue.version} is not supported.`
+    );
+}

package/lib/script/switch-cli.js

@@ -0,0 +1,14 @@
+const { switchVersion } = require('./utils');
+
+const version = process.argv[2];
+
+if (version == '2') {
+    switchVersion(2);
+} else if (version == '3') {
+    switchVersion(3);
+} else {
+    console.warn(
+        `[vue-office] expecting version "2" or "3" but got "${version}"`
+    );
+    process.exit(1);
+}

package/lib/script/utils.js

@@ -0,0 +1,31 @@
+const fs = require('fs');
+const path = require('path');
+const dir = path.resolve(__dirname, '../');
+function loadModule(name) {
+    try {
+        return require(name);
+    } catch (e) {
+        return undefined;
+    }
+}
+
+function copy(name, version) {
+    const src = path.join(dir, `v${version}`, name);
+    const dest = path.join(dir, name);
+    if(!fs.existsSync(src)){
+        return;
+    }
+    let content = fs.readFileSync(src, 'utf-8');
+    try {
+        fs.unlinkSync(dest);
+    } catch (error) {}
+    fs.writeFileSync(dest, content, 'utf-8');
+}
+
+function switchVersion(version) {
+    copy('index.js', version);
+    copy('index.css', version);
+}
+
+module.exports.loadModule = loadModule;
+module.exports.switchVersion = switchVersion;