ci-plus 1.4.7 → 1.4.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ci-plus",
-  "version": "1.4.7",
+  "version": "1.4.9",
   "description": "ci组件库",
   "main": "./index.ts",
   "scripts": {
@@ -12,7 +12,7 @@
     "vue",
     "element-plus",
     "ui组件库二次封装",
-    "更新标识卡中产品标识卡操作工取值"
+    "utils中新增一个文件下载的工具函数"
   ],
   "type": "module",
   "author": {

package/src/select/select.vue

@@ -163,8 +163,11 @@ const selectAll = (val: any) => {
 }
 // 自定义label显示
 const customLabelHandler = (item) => {
-  // console.log('customLabelHandler', item)
-  return eval(props.customLabel)
+  console.log('customLabelHandler', item)
+  // return eval(props.customLabel)
+  const expression = props.customLabel.replace(/item/g, 'item.value');
+  const safeEval = new Function('item', `return ${expression};`);
+  return safeEval({ value: item });
 }
 </script>
 <style lang="scss" scoped>

package/src/utils/ajaxBox.ts

@@ -0,0 +1,101 @@
+/**
+* @module downFile
+* @author : 卖女孩的小火柴
+* !description : 下载文件方法
+* @version : 1.0.0
+* @since : 创建时间 2024-07-09 10:46:11
+*/
+import { ElMessage } from 'element-plus'
+
+/**
+ * 下载文件函数
+ * @param blob 文件数据，可以是Blob对象或BlobPart数组的一部分
+ * @param fileName 下载后的文件名
+ * 将给定的blob对象转换为文件，并提供一个下载链接以供用户下载。
+ * 如果blob对象是JSON格式，则尝试解析为JavaScript对象，并显示相应的错误消息。
+ * 如果解析失败，则直接以原始格式下载blob对象。
+ */
+const downFileFn = function (blob: Blob | BlobPart, fileName: string) {
+  // 创建一个新的Blob对象，指定类型为application/json,假设blob是我们需要转换的Blob对象
+  let b = new Blob([blob], {
+    type: 'application/json',
+  })
+
+  // 创建一个FileReader对象用于读取Blob对象,创建一个新的FileReader实例
+  let reader = new FileReader()
+  // 使用FileReader的readAsText方法读取Blob对象 以文本形式读取Blob对象
+  reader.readAsText(b)
+
+  // 当数据读取完成时，处理结果
+  reader.onload = function (e) {
+    let text = e?.target?.result // 获取到的text
+    // console.log('text: ', text)
+    // 尝试将读取的文本解析为JSON对象
+    try {
+      let response = JSON.parse(text as string)
+      console.log(response) // 这里是解析后object对象
+      ElMessage.error(response.msg)
+      return
+    } catch (error) {
+      // 如果解析失败，将Blob对象转换为URL并创建下载链接
+      // console.error('Error parsing JSON', error)
+      const url = URL.createObjectURL(
+        new Blob([b]),
+      )
+      let link: HTMLAnchorElement | null = document.createElement('a')
+      link.href = url
+      link.setAttribute('download', fileName)
+      document.body.appendChild(link)
+      link.click()
+      ElMessage.success('导出完成！请打开浏览器自带下载器查看文件！')
+      link = null
+    }
+  }
+
+  // 如果在读取过程中出错
+  reader.onerror = function () {
+    console.error('读取过程中出错.')
+  }
+
+}
+
+const ajaxBox = {
+  downFile: function (blob: Blob | BlobPart, fileName: string) {
+    downFileFn(blob, fileName);
+  },
+  /*
+    sendJSONP: function (url, callbackName, callback) {
+      const script = document.createElement('script');
+      // 设置script元素的src属性，拼接callback参数
+      script.src = `${url}?callback=${callbackName}`;
+      // 将script元素添加到页面中
+      document.body.appendChild(script);
+      // 定义全局的回调函数，用于接收JSONP响应
+      window[callbackName] = function (data) {
+        // 执行传入的回调函数，并将JSONP响应作为参数传递
+        callback(data);
+        // 执行完毕后移除script元素
+        document.body.removeChild(script);
+        // 删除全局的回调函数
+        delete window[callbackName];
+      };
+    },
+
+    downFileFetch: function (fillAddress, fileName, method, headers, params) {
+      let options = {
+        method: method || 'GET',
+      }
+      if (headers) {
+        options['headers'] = headers;
+      }
+      if ((method === 'post' || method === 'POST') && params) {
+        options['body'] = JSON.stringify(params)
+      }
+      fetch(fillAddress, options).then(res => res.blob()).then((blob) => {
+        downFileFn(blob, fileName);
+      });
+    }
+    */
+
+}
+export default ajaxBox;

package/src/utils/index.ts

@@ -7,6 +7,7 @@ import { cardPrint, setCardList } from "./cardPrint";
 import apis from "./baseApi";
 import { setDate, setDateTime } from "./Dayjs";
 import dayjs from "./Dayjs";
+import ajaxBox from "./ajaxBox"; // 处理文件下载方法
 
 // 导出 cardPrint 和 apis
-export default { apis, cardPrint, setCardList, withInstall, dayjs, setDate, setDateTime };
+export default { apis, cardPrint, setCardList, withInstall, dayjs, setDate, setDateTime, ajaxBox };