ol-base-components 2.3.0 → 2.3.3

package/README.md

@@ -20,10 +20,11 @@ npm install swagger-client@3.0.1
 
 ## 使用说明
 
-- **基本用法**：通用常规组件，ol-table   ol-search   ol-dialogTemplate
-- **带 Swagger 支持的用法**：适用于需要从 Swagger API 获取数据的场景。通过传入 `swaggerUrl` 和 `successSwaggerCallback`，可以在成功获取 Swagger 数据后初始化 Vue 实例。
+- **基本用法**：通用常规组件，ol-table ol-search ol-dialogTemplate
+- **带 Swagger 支持的用法**：适用于需要从 Swagger API 获取数据的场景。提供 swaggerInstall 和 swaggerUnload 实现初始化和销毁 swagger 数据
 
 ### 1. 基本用法
+
 ```javascript
 // main.js
 import Vue from "vue";
@@ -39,6 +40,7 @@ new Vue({
 ```
 
 ### 2. 带 Swagger 支持的用法
+
 ```javascript
 // main.js
 import Vue from "vue";
@@ -49,14 +51,16 @@ import OlBaseComponents from "ol-base-components"; // 导入组件库
 Vue.use(OlBaseComponents);
 
 //安装，可以在登录
-import {swaggerInstall} from "ol-base-components"; 
-swaggerInstall("http://192.168.xxx.xxx:20019/swagger/v1/swagger.json").then(() => {
-  // 成功获取swagger数据后加载页面， 这里可以写登录接口成功后执行的逻辑
-})
+import { swaggerInstall } from "ol-base-components";
+swaggerInstall("http://192.168.xxx.xxx:20019/swagger/v1/swagger.json").then(
+  () => {
+    // 成功获取swagger数据后加载页面， 这里可以写登录接口成功后执行的逻辑
+  }
+);
 
 // 卸载
 import { swaggerUnload } from "ol-base-components";
-swaggerUnload()
+swaggerUnload();
 ```
 
 ## API 脚本
@@ -74,7 +78,7 @@ npx api http://192.168.xxx.xxx [outputPath]
 - **参数**：
   - `http://192.168.xxx.xxx` 是 Swagger API 的基础 URL。
   - `[outputPath]` 是可选参数，指定生成的文件路径，默认为 `src/api/swagger.js`。
-- **作用**：该脚本会自动生成 Swagger 数据的 API 接口模块，并保存到指定的目录中，且包含JSDoc，方便查看接口入参及类型。
+- **作用**：该脚本会自动生成 Swagger 数据的 API 接口模块，并保存到指定的目录中，且包含 JSDoc，方便查看接口入参及类型。
 
 #### 效果图
 
@@ -99,6 +103,49 @@ npx run http://192.168.xxx.xxx [outputPath]
 
 ![Local demo](./src/assets/run.png "Local demo")
 
+### 3 `init.js` 命令（推荐）
+
+`init.js` 就是同时执行 api.js 和 run.js 的命令。生成的文件路径为默认路径（不支持自定义输出路径）
+
+```bash
+# 基本用法
+npx init http://192.168.xxx.xxx:20019
+```
+
+### 4 `add.js` 命令
+
+`add.js` 脚本用于创建新的模块。它会根据提供的模块名称在指定路径下生成一个新的文件夹，并在其中创建一个 Vue 组件文件。
+
+#### 使用方法
+
+```bash
+npx init <moduleName> -p <customPath> -u <pageUrl> -e <exportUrl> -m <swaggerModule>
+```
+
+- **参数**：
+  - `<moduleName>`: 要创建的模块名称（必填）。
+  - `-p <customPath>`: 指定创建模块的自定义路径(可选)。如 src/view
+  - `-u <pageUrl>`: 指定创建模块的分页接口 url 地址(可选)。如 /api/app/business-report/stock-bIPaged-result
+  - `-e <exportUrl>`: 指定创建模块的导出接口 url 地址(可选)。如 /api/app/business-report/export-stock-bI
+  - `-m <swaggerModule>`: 指定创建模块的 swagger 模块名称(可选)。如 BusinessReport
+
+#### 示例
+
+```bash
+npx add aaa -p src/view -u /api/app/business-report/stock-bIPaged-result -e /api/app/business-report/export-stock-bI -m BusinessReport
+```
+
+这将会在 `./src/view` 目录下创建一个名为 `aaa` 的文件夹，并在其中生成一个 `index.vue` 文件，文件内容将基于模板生成。
+
+#### 效果图
+
+![Local demo](./src/assets/init.png "Local demo")
+
+#### 注意事项
+
+- 确保在执行命令之前已经安装了 `ol-base-components` 包。
+- 如果指定的路径已存在同名文件夹，脚本将提示创建失败。
+
 ## 组件示例
 
 ### 搜索框组件
@@ -175,7 +222,9 @@ export default {
 ### 表格组件
 
 ##### 1. 您可以在您的组件中使用表格组件组件
-##### 2. 您可以在ol-table添加url参数接收完整的swagger地址，会自动帮您生成tableData.columns。您也可以在columns中添加，当prop相同时候，会自动合并，且columns权限大。
+
+##### 2. 您可以在 ol-table 添加 url 参数接收完整的 swagger 地址，会自动帮您生成 tableData.columns。您也可以在 columns 中添加，当 prop 相同时候，会自动合并，且 columns 权限大。
+
 例如：
 
 ```vue

package/package.json

@@ -1,20 +1,22 @@
 {
   "name": "ol-base-components",
-  "version": "2.3.0",
+  "version": "2.3.3",
   "private": false,
   "main": "src/package/index.js",
   "bin": {
+    "init": "src/api/init.js",
     "run": "src/api/run.js",
     "api": "src/api/api.js",
-    "init": "src/bin/init.js"
+    "add": "src/bin/add.js"
   },
   "scripts": {
     "serve": "vue-cli-service serve --no-verify",
     "build": "vue-cli-service build",
     "lint": "vue-cli-service lint",
-    "init": "node src/bin/init.js"
+    "add": "node src/bin/add.js"
   },
   "dependencies": {
+    "commander": "^14.0.0",
     "core-js": "^3.8.3",
     "element-ui": "^2.15.14",
     "eslint": "^8.57.1",
@@ -54,5 +56,11 @@
     "> 1%",
     "last 2 versions",
     "not dead"
-  ]
+  ],
+  "bugs": {
+    "url": "https://github.com/time202051/base-component/issues",
+    "email": "809949003@qq.com"
+  },
+  "license": "MIT",
+  "author": "lijiapeng"
 }

package/src/App.vue

@@ -7,7 +7,7 @@
       @handleReset="handleReset"
       url="/api/app/admission-info/paged-result"
     />
-      <!-- url="/api/app/admission-info/paged-result" -->
+    <!-- url="/api/app/admission-info/paged-result" -->
 
     <ol-table
       :paginations="paginations"
@@ -21,6 +21,45 @@
       @handleindexChange="handleindexChange"
     ></ol-table>
     <el-button @click="handlePrint">接口</el-button>
+
+    <div class="ellipsis-container">
+      如何处理文本溢出？如何实现单行文本溢出显示省略号？如何实现多行文本溢出显示省略号？
+    </div>
+
+    <!-- 三角形 -->
+    <div class="triangle-up"></div>
+    <div class="grid-content">
+      <div>11</div>
+      <div>11</div>
+      <!-- <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div> -->
+    </div>
+
+    <div class="container">
+      <div class="item">1</div>
+      <div class="item item2">2</div>
+      <div class="item">3</div>
+    </div>
+
+    <div class="square-container">
+      <div class="square"></div>
+    </div>
   </div>
 </template>
 
@@ -347,7 +386,7 @@ export default {
 };
 </script>
 
-<style>
+<style lang="scss" scoped>
 /* #app {
   font-family: Avenir, Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
@@ -356,4 +395,63 @@ export default {
   color: #2c3e50;
   margin-top: 60px;
 } */
+.grid-content {
+  display: grid;
+  // grid-template-columns: repeat(2, 1fr);
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  // align-items: center;
+  // justify-items: center;
+  // justify-content: center;
+  align-content: center;
+  height: 300px; /* 你想要的高度 */
+  gap: 10px;
+  div {
+    background-color: aqua;
+  }
+}
+
+.container {
+  display: flex;
+  align-items: center; /* 默认让所有子项在垂直方向居中 */
+  height: 200px;
+  background: #eee;
+}
+.item {
+  width: 60px;
+  height: 60px;
+  background: orange;
+  margin: 5px;
+}
+.item2 {
+  align-self: flex-start; /* 只让这个item到底部对齐 */
+}
+
+.triangle-up {
+  margin-left: 400px;
+  width: 100px;
+  height: 100px;
+  background-color: purple;
+  clip-path: polygon(50% 0%, 0% 0%, 0% 100%, 100% 100%);
+}
+
+.square-container {
+  width: 100px; /* 控制容器宽度 */
+}
+
+.square {
+  width: 100%;
+  aspect-ratio: 1 / 1;
+  background-color: red;
+}
+
+.ellipsis-container {
+  width: 100px;
+  // height: 100px;
+  border: 1px solid #ccc;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 4; /* 设置行数，例如3行 */
+  -webkit-box-orient: vertical;
+}
 </style>

package/src/api/api.js

@@ -5,12 +5,39 @@ const SwaggerClient = require("swagger-client");
 
 // eg：node api http://220.179.249.140:20019 ./modules
 
-// const swaggerUrl = "http://220.179.249.140:20019/swagger/v1/swagger.json";
 const swaggerUrl = process.argv[2]
   ? `${process.argv[2]}/swagger/v1/swagger.json`
   : "";
 const modulesDir = process.argv[3] ? process.argv[3] : "src/api/modules";
-// process.argv[3] || "src/api/modules" || path.join(__dirname, "./modules");
+
+let defaultRemark = `/**
+ * ⚠️  警告：此文件由脚本自动生成，请勿手动编辑！
+ * ��  如需修改，请重新运行生成脚本
+ * 📅  生成时间: ${new Date().toLocaleString()}
+ * 
+ */\n\n`;
+const spinnerChars = ["|", "/", "-", "\\"];
+let spinnerIndex = 0;
+let dotCount = 0;
+const maxDots = 3;
+const spinner = setInterval(() => {
+  const dots = ".".repeat(dotCount);
+  process.stdout.write(`\r${spinnerChars[spinnerIndex]} 正在玩命加载中${dots}`);
+  spinnerIndex = (spinnerIndex + 1) % spinnerChars.length;
+  dotCount = (dotCount + 1) % (maxDots + 1);
+}, 300);
+
+// 设置文件为只读权限
+function setFileReadOnly(filePath) {
+  try {
+    // 获取当前文件权限
+    const stats = fs.statSync(filePath);
+    // 设置只读权限 (444: 所有者、组、其他用户都只有读权限)
+    fs.chmodSync(filePath, 0o444);
+  } catch (error) {
+    console.warn(`⚠️ 设置文件权限失败: ${filePath}`, error.message);
+  }
+}
 
 SwaggerClient(swaggerUrl)
   .then((client) => {
@@ -18,7 +45,6 @@ SwaggerClient(swaggerUrl)
 
     const apiModules = generateApiModules(swaggerData);
     //   创建文件夹
-    // const modulesDir = path.join(__dirname, "./modules");
     if (!fs.existsSync(modulesDir)) {
       fs.mkdirSync(modulesDir);
       console.log(`创建了文件夹: ${modulesDir}`);
@@ -27,7 +53,8 @@ SwaggerClient(swaggerUrl)
     Object.keys(apiModules).forEach((fileName) => {
       const outputPath = path.join(modulesDir, `${fileName}.js`);
       fs.writeFileSync(outputPath, apiModules[fileName], "utf-8");
-      console.log(`API接口已生成并保存到 ${outputPath}`);
+      setFileReadOnly(outputPath);
+      console.log(`API接口已生成并保存到 ${outputPath}（只读）`);
     });
 
     // 生成index.js入口文件
@@ -35,15 +62,22 @@ SwaggerClient(swaggerUrl)
   })
   .catch((err) => {
     console.error("获取 Swagger 数据时出错:", err);
+  })
+  .finally(() => {
+    clearInterval(spinner);
+    process.stdout.write("\r");
   });
 
 function createIndexFile(apiModules) {
-  let str = "";
+  let str = defaultRemark;
   Object.keys(apiModules).forEach((fileName) => {
     str += `export * from "./${fileName}";\n`;
   });
   const outputPath = path.join(modulesDir, `index.js`);
   fs.writeFileSync(outputPath, str, "utf-8");
+  // 设置 index.js 也为只读
+  setFileReadOnly(outputPath);
+  console.log(`API接口已生成并保存到 ${outputPath}（只读）`);
 }
 
 // url转成键名规则
@@ -115,7 +149,7 @@ const generateApiModules = (swagger) => {
   const apiModules = {};
   // 初始化模块对象
   tags.forEach((tag) => {
-    apiModules[tag.name] = `import { api } from "@/api/request/sendRuest"\n`;
+    apiModules[tag.name] = `${defaultRemark}import { api } from "@/api/request/sendRuest"\n`;
   });
 
   for (const [url, methods] of Object.entries(paths)) {

package/src/api/init.js

@@ -0,0 +1,82 @@
+#!/usr/bin/env node
+// 就是执行api.js和run.js脚本 npx init http://xxxx
+const { spawn } = require("child_process");
+const path = require("path");
+
+// 获取命令行参数并设置默认值
+const swaggerUrl = process.argv[2];
+
+// 执行 api.js 脚本
+function runApiScript() {
+  return new Promise((resolve, reject) => {
+    console.log("📝 正在执行 swagger 脚本...");
+
+    const apiProcess = spawn(
+      "node",
+      [path.join(__dirname, "api.js"), swaggerUrl],
+      {
+        stdio: "inherit",
+      }
+    );
+
+    apiProcess.on("close", (code) => {
+      if (code === 0) {
+        console.log("✅ swagger脚本执行完成\n");
+        resolve();
+      } else {
+        reject(new Error(`swagger 脚本执行失败，退出码: ${code}`));
+      }
+    });
+
+    apiProcess.on("error", (err) => {
+      reject(new Error(`执行 swagger 时出错: ${err.message}`));
+    });
+  });
+}
+
+// 执行 run.js 脚本
+function runRunScript() {
+  return new Promise((resolve, reject) => {
+    console.log("🔧 正在执行 接口 脚本...");
+
+    const runProcess = spawn(
+      "node",
+      [path.join(__dirname, "run.js"), swaggerUrl],
+      {
+        stdio: "inherit",
+      }
+    );
+
+    runProcess.on("close", (code) => {
+      if (code === 0) {
+        console.log("✅ 接口 脚本执行完成\n");
+        resolve();
+      } else {
+        reject(new Error(`接口 脚本执行失败，退出码: ${code}`));
+      }
+    });
+
+    runProcess.on("error", (err) => {
+      reject(new Error(`执行 接口 时出错: ${err.message}`));
+    });
+  });
+}
+
+// 主执行函数
+async function main() {
+  try {
+    // 先执行 api.js
+    await runApiScript();
+
+    // 再执行 run.js
+    await runRunScript();
+
+    console.log("🎉 所有脚本执行完成！");
+  } catch (error) {
+    console.error("❌ 执行过程中出现错误:", error.message);
+    process.exit(1);
+  }
+}
+
+// 执行主函数
+main();

package/src/api/run.js

@@ -5,11 +5,32 @@ const path = require("path");
 
 // eg：node api http://220.179.249.140:20019 swagger.js
 
-// const swaggerUrl = "http://220.179.249.140:20019/swagger/v1/swagger.json";
 const swaggerUrl = process.argv[2]
   ? `${process.argv[2]}/swagger/v1/swagger.json`
   : "";
-const outputPath = process.argv[3] || "src/api/swagger.js" || "swagger.js";
+const outputPath = process.argv[3] || "src/api/swagger.js";
+
+const spinnerChars = ["|", "/", "-", "\\"];
+let spinnerIndex = 0;
+let dotCount = 0;
+const maxDots = 3;
+const spinner = setInterval(() => {
+  const dots = ".".repeat(dotCount);
+  process.stdout.write(`\r${spinnerChars[spinnerIndex]} 正在玩命加载中${dots}`);
+  spinnerIndex = (spinnerIndex + 1) % spinnerChars.length;
+  dotCount = (dotCount + 1) % (maxDots + 1);
+}, 300);
+
+// 设置文件为只读权限
+function setFileReadOnly(filePath) {
+  try {
+    // 设置只读权限 (444: 所有者、组、其他用户都只有读权限)
+    fs.chmodSync(filePath, 0o444);
+    console.log(`🔒 已设置文件为只读: ${filePath}`);
+  } catch (error) {
+    console.warn(`⚠️ 设置文件权限失败: ${filePath}`, error.message);
+  }
+}
 
 http
   .get(swaggerUrl, (response) => {
@@ -28,10 +49,16 @@ http
       // 输出到文件
       // const outputPath = path.join(__dirname, "swagger.js");
       fs.writeFileSync(outputPath, apiEndpoints, "utf-8");
+      clearInterval(spinner);
+      process.stdout.write("\r");
       console.log(`API地址对象已生成并保存到 ${outputPath}`);
+      // 设置文件为只读
+      setFileReadOnly(outputPath);
     });
   })
   .on("error", (err) => {
+    clearInterval(spinner);
+    process.stdout.write("\r");
     console.error("获取swagger.json时出错:", err);
   });
 
@@ -91,7 +118,6 @@ const generateApiModules = (swagger) => {
     for (const [method, details] of Object.entries(methods)) {
       // 获取接口的tags
       const tags = details.tags || [];
-      //   const summary = details.summary.replace(/\s+/g, "");
       tags.forEach((tag) => {
         const key = generateKeyName(url, method);
         if (apiModules[tag]) {
@@ -105,7 +131,12 @@ const generateApiModules = (swagger) => {
   }
 
   // 生成最终的输出字符串
-  let output = "";
+  let output = `/**
+ * ⚠️  警告：此文件由脚本自动生成，请勿手动编辑！
+ * ��  如需修改，请重新运行生成脚本
+ * 📅  生成时间: ${new Date().toLocaleString()}
+ * 
+ */\n\n`;
   for (const [moduleName, methods] of Object.entries(apiModules)) {
     const description = tags.find((e) => e.name === moduleName).description;
     output += `// ${description}\n`;

package/src/bin/add.js

@@ -0,0 +1,78 @@
+#!/usr/bin/env node
+const { Command } = require("commander");
+const fs = require("fs");
+const path = require("path");
+const vue2Template = require("./initTemplate");
+const program = new Command();
+
+const spinnerChars = ["|", "/", "-", "\\"];
+let spinnerIndex = 0;
+let dotCount = 0;
+const maxDots = 3;
+const spinner = setInterval(() => {
+  const dots = ".".repeat(dotCount);
+  process.stdout.write(`\r${spinnerChars[spinnerIndex]} 正在玩命加载中${dots}`);
+  spinnerIndex = (spinnerIndex + 1) % spinnerChars.length;
+  dotCount = (dotCount + 1) % (maxDots + 1);
+}, 300);
+
+// 自定义错误处理 - 必须在使用 program.parse() 之前调用
+program.exitOverride();
+
+try {
+  program
+    .version("0.1.0")
+    .argument("<moduleName>", "name of the module to create")
+    .option("-p, --path <customPath>", "文件路径")
+    .option(
+      "-u, --url <pageUrl>",
+      "分页接口URL (可选)",
+      "/api/app/business-report/stock-bIPaged-result"
+    )
+    .option(
+      "-e, --export <exportUrl>",
+      "分页接口导出URL (可选)",
+      "/api/app/business-report/export-stock-bI"
+    )
+    .option(
+      "-m, --swaggerModule <swaggerModule>",
+      "swagger.js模块名称 (可选)",
+      "BusinessReport"
+    )
+    .action((moduleName, options) => {
+      console.log(111, options);
+
+      const dir = path.join(options.path || process.cwd(), moduleName);
+      // 启动加载动画
+      if (!fs.existsSync(dir)) {
+        fs.mkdirSync(dir);
+        console.log(`创建文件夹: ${dir}`);
+
+        const templateContent = vue2Template(moduleName, options);
+        fs.writeFileSync(path.join(dir, `index.vue`), templateContent);
+      } else {
+        console.log(`创建失败，文件夹 ${dir} 已存在`);
+      }
+      if (options.debug) {
+        console.log("调试信息:", options);
+      }
+      clearInterval(spinner);
+      process.stdout.write("\r");
+    });
+  program.parse(process.argv);
+} catch (err) {
+  // 捕获 commander 的错误
+  if (err.code === "commander.missingArgument") {
+    console.log("❌ 错误：缺少必需的文件名称");
+    console.log("📖 使用方法：");
+    console.log("  npx add <文件名> -p <路径>");
+    console.log("�� 示例：");
+    console.log("  npx add demo -p src/view");
+    process.exit(1);
+  } else {
+    // 处理其他错误
+    // console.error("❌ 发生错误：", err.message);
+    process.exit(1);
+  }
+}
+// program.parse(process.argv);

package/src/bin/initTemplate.js

@@ -1,4 +1,49 @@
-const vue2Template = (moduleName) => {
+function generateKeyName(url, method) {
+  // 移除前缀 "/api/app"
+  const cleanedUrl = url.replace(/\/api\/app/, "");
+  const arr = cleanedUrl.split("/");
+
+  // 处理 {xxx} 转换为 ByXxx
+  const processedArr = arr.map(
+    (item) =>
+      item
+        .replace(
+          /{(.*?)}/,
+          (_, param) => `By${param.charAt(0).toUpperCase() + param.slice(1)}`
+        ) // 处理 {xxx}
+        .replace(/[-_]/g, "") // 去除 - 和 _
+  );
+
+  // 删除第一个空项
+  if (processedArr[0] === "") {
+    processedArr.shift();
+  }
+
+  // 去重和拼接相邻相同的项
+  const resultArr = [];
+  for (let i = 0; i < processedArr.length; i++) {
+    if (i === 0 || processedArr[i] !== processedArr[i - 1]) {
+      // 将每项首字母大写
+      const capitalizedItem =
+        processedArr[i].charAt(0).toUpperCase() + processedArr[i].slice(1);
+      resultArr.push(capitalizedItem);
+    }
+  }
+  const key = resultArr.join("");
+  return `${method.toLowerCase()}${key}`;
+}
+
+const vue2Template = (moduleName, options = {}) => {
+  // 只有当提供了 URL 时才调用 generateKeyName
+  let pageUrl = "";
+  let exportUrl = "";
+  if (options.url) {
+    pageUrl = generateKeyName(options.url, "get");
+  }
+  if (options.export) {
+    exportUrl = generateKeyName(options.export, "post");
+  }
+
   return `<!--
   Filename: ${moduleName}.vue
   name: ${moduleName}
@@ -8,13 +53,13 @@ const vue2Template = (moduleName) => {
 <template>
   <div>
     <ol-search
-      :url="swaggerUrl.getAdmissioninfoPagedresult"
+      :url="swaggerUrl.${pageUrl}"
       :form-search-data="formSearchData"
       @handleSearch="handleSearch"
       @handleReset="handleReset"
     />
     <ol-table
-      :url="swaggerUrl.getAdmissioninfoPagedresult"
+      :url="swaggerUrl.${pageUrl}"
       :paginations="paginations"
       :btnlist="this.hasBtn(this)"
       :empty-img="tableData.emptyImg"
@@ -27,13 +72,13 @@ const vue2Template = (moduleName) => {
   </div>
 </template>
 <script>
-import { getAdmissioninfoPagedresult } from "@/api/modules";
-import { AdmissionInfo } from '@/api/swagger'
+import { ${pageUrl} } from "@/api/modules";
+import { ${options.swaggerModule} } from '@/api/swagger'
 export default {
-  name: "test",
+  name: "${moduleName}",
   data() {
     return {
-      swaggerUrl: AdmissionInfo,
+      swaggerUrl: ${options.swaggerModule},
       multipleSelection: [],
       // 查询表单
       formSearchData: {
@@ -77,7 +122,7 @@ export default {
         Page: this.paginations.page,
         MaxResultCount: this.paginations.limit
       };
-      const { result: { items = [], totalCount = 0 } = {} } = await getAdmissioninfoPagedresult(params, {
+      const { result: { items = [], totalCount = 0 } = {} } = await ${pageUrl}(params, {
         isLoading: true
       });
       this.tableData.rows = items;
@@ -107,6 +152,23 @@ export default {
       this.paginations.page = val;
       this.init();
     },
+    export() {
+      let timer = this.formSearchData.value.createdTime
+        ;
+      this.formSearchData.value.BeginTime = timer ? timer[0] : "";
+      this.formSearchData.value.EndTime = timer ? timer[1] : "";
+      this.post({
+        url: ${options.swaggerModule}.${exportUrl},
+        isLoading: true,
+        responseType: "blob",
+        data: Object.assign(this.formSearchData.value, {
+          Page: this.paginations.page,
+          MaxResultCount: this.paginations.limit
+        })
+      }).then(res => {
+        this.fnexsl(res);
+      });
+    },
   }
 }
 </script>
@@ -115,4 +177,4 @@ export default {
 `;
 };
 
-module.exports = vue2Template; // Use CommonJS export
+module.exports = vue2Template;

package/src/package/index.js

@@ -23,6 +23,25 @@ ${cyan}${bold}${star.repeat(
 ${cyan}感谢使用我们的组件库，期待你的精彩应用！${reset}
 `);
 };
+const consoleSwagger = () => {
+  // 定义颜色和样式
+  const reset = "\x1b[0m"; // 重置样式
+  const green = "\x1b[32m"; // 绿色
+  const cyan = "\x1b[36m"; // 青色
+  const bold = "\x1b[1m"; // 粗体
+  const underline = "\x1b[4m"; // 下划线
+
+  // 定义图案
+  const star = "⭐";
+  const checkMark = "✔️";
+
+  // 输出成功提示
+  console.log(`
+${cyan}${bold}${star.repeat(
+    3
+  )}${green}${bold}${underline}ol-base-components swagger服务加载成功！ ${checkMark}
+`);
+};
 
 const DB_NAME = "SwaggerDB";
 const DB_VERSION = 1;
@@ -100,7 +119,7 @@ const swaggerInstall = async (swaggerUrl) => {
   // IndexedDB 获取 Swagger 数据
   const cachedData = await getData();
   if (cachedData) {
-    consoleTooltip();
+    consoleSwagger();
     return Promise.resolve(cachedData);
   } else {
     // 如果没有缓存数据，重新请求 Swagger 数据
@@ -110,7 +129,7 @@ const swaggerInstall = async (swaggerUrl) => {
       const swaggerData = client.spec;
       await storeData(swaggerData);
       hideLoading();
-      consoleTooltip();
+      consoleSwagger();
       return Promise.resolve(swaggerData);
     } catch (error) {
       hideLoading();
@@ -184,13 +203,7 @@ function hideLoading() {
   }
 }
 
-const install = async function (
-  Vue,
-  options = {
-    swaggerUrl: "",
-    outputDir: "",
-  }
-) {
+const install = async function (Vue) {
   // 设置全局数据
   components.map((item) => {
     Vue.component(`ol-${item.name}`, item);

package/src/bin/init.js

@@ -1,27 +0,0 @@
-const { Command } = require("commander");
-const fs = require("fs");
-const path = require("path");
-const vue2Template = require("./initTemplate");
-const program = new Command();
-
-program
-  .version("0.1.0")
-  .argument("<moduleName>", "name of the module to create")
-  .option("-p, --path <customPath>", "custom path to create the module")
-  .action((moduleName, options) => {
-    const dir = path.join(options.path || process.cwd(), moduleName);
-    if (!fs.existsSync(dir)) {
-      fs.mkdirSync(dir);
-      console.log(`创建文件夹: ${dir}`);
-      const templateContent = vue2Template(moduleName);
-      fs.writeFileSync(path.join(dir, `${moduleName}.vue`), templateContent);
-      console.log(`创建文件: ${moduleName}.vue`);
-    } else {
-      console.log(`创建失败，文件夹 ${dir} 已存在`);
-    }
-    if (options.debug) {
-      console.log("调试信息:", options);
-    }
-  });
-
-program.parse(process.argv);