@aggbond/my-file-preview-mobile 1.0.2 → 1.0.3

package/dist/ReadFilePopupMobile.es.js

@@ -0,0 +1,607 @@
+/*!
+ * ReadFilePopupMobile Component v1.0.3
+ * GitHub: https://github.com/aGG-Bond/ReadFilePopupMobile#readme
+ * (c) 2025 aGG-Bond
+ * @license MIT
+ */
+import Popup from "@aggbond/my-popup";
+const myPopup = new Popup();
+class FilePreview {
+  Configns;
+  constructor(options) {
+    this.Configns = Object.assign(
+      {
+        basePath: "/assets/pdfs/",
+        // 文件基础路径
+        modalId: "filePreviewModal",
+        // 模态框ID
+        contentId: "filePreviewContent",
+        // 内容容器ID
+        closeBtnId: "filePreviewCloseBtn",
+        // 关闭按钮ID
+        fileTypes: {
+          // 支持的文件类型
+          pdf: "application/pdf",
+          txt: "text/plain",
+          html: "text/html",
+          "1": "richTextFile",
+          // 富文本
+          "2": "choosePdfFile",
+          // pdf
+          "3": "quotePdfFile"
+          // 引用文本
+          // 可以扩展更多类型
+        },
+        fileKeyNameConfign: {
+          // 配置文件键值key 免于不同格式的数据转换 isConfignFileKeyName 为true,则fielKeyNameConfign为required;
+          fileTitle: "name",
+          //标题
+          fileType: "doc_type",
+          // 文件类型 1 富文本 2 pdf 3 引用文本,引用文本通常有多份
+          filePdfUrl: "pdf_url",
+          //  pdf地址 绝对路径
+          fileRichContent: "content_text",
+          // 富文本内容
+          fileArr: "com_terms"
+          // 可以扩展更多类型
+        },
+        isConfignFileKeyName: false,
+        // 是否需要转换文件key 默认为false
+        isDrawFileList: false,
+        // 是否需要绘制阅读文件列表
+        listObj: {
+          listId: "",
+          // 列表容器ID require
+          fileList: [
+            // 文件列表 require
+            {
+              name: "默认标题",
+              //标题
+              file_type: 3,
+              // 文件类型 1 富文本 2 pdf 3 引用文本,引用文本通常有多份
+              pdf_url: "",
+              // pdf地址 绝对路径
+              content_text: "",
+              // 富文本内容
+              com_terms: [
+                // 多份文件
+                {
+                  name: "默认标题",
+                  //标题
+                  pdf_url: "clause_pdf: https://showFile.com/address.pdf",
+                  // pdf地址
+                  content_text: "disclaimer<p><strong>默认文件</strong></p>"
+                  // 富文本内容
+                }
+              ],
+              styleStr: {
+                color: "red",
+                "font-weight": "bold"
+              }
+            }
+          ],
+          fileStyle: {
+            color: "red",
+            "font-weight": "bold"
+          },
+          // 文件样式span
+          isCheckButton: false,
+          // 列表是否需要复选框
+          isCoerceReadPopup: true,
+          // 是否强制阅读弹窗
+          checkCallBack: (isChecked) => {
+            console.log("复选框状态改变：", isChecked);
+          },
+          // 复选框回调函数
+          listText: "更多详情请阅读",
+          checkButtonID: "ReadFileCheckBox"
+        },
+        // 强制阅读弹窗参数
+        coerceReadList: {
+          titleText: "请阅读并同意以下文件",
+          fileList: [
+            // 文件列表 require
+            {
+              name: "默认标题",
+              //标题
+              file_type: 3,
+              // 文件类型 1 富文本 2 pdf 3 引用文本,引用文本通常有多份
+              pdf_url: "",
+              // pdf地址 绝对路径
+              content_text: "",
+              // 富文本内容
+              com_terms: [
+                // 多份文件
+                {
+                  name: "默认标题",
+                  //标题
+                  pdf_url: "clause_pdf: https://showFile.com/address.pdf",
+                  // pdf地址
+                  content_text: "disclaimer<p><strong>默认文件</strong></p>"
+                  // 富文本内容
+                }
+              ],
+              styleStr: {
+                color: "red",
+                "font-weight": "bold"
+              }
+            }
+          ],
+          fileStyle: {
+            color: "red",
+            "font-weight": "bold"
+          },
+          btnArr: ["确认已阅读并同意", "拒绝"],
+          btnStyle: [{ color: "red" }, { color: "gray" }],
+          btnBoxStyle: {},
+          showProgressInButton: false,
+          coerceCallBack: [
+            (control, buttonIndex) => {
+              console.log("btn[0]强制阅读弹窗结果：", control, buttonIndex);
+            },
+            (control, buttonIndex) => {
+              console.log("btn[1]强制阅读弹窗结果：", control, buttonIndex);
+            }
+          ]
+        },
+        isBindFileClick: false
+        // 是否需要绑定文件点击事件
+      },
+      options
+    );
+    this.initModal();
+  }
+  // 初始化
+  initModal() {
+    const {
+      isDrawFileList,
+      listObj,
+      isBindFileClick,
+      isConfignFileKeyName,
+      coerceReadList
+    } = this.Configns;
+    if (isConfignFileKeyName && listObj.fileList && listObj.fileList.length > 0) {
+      this.Configns.listObj.fileList = this.dataChange(listObj.fileList);
+    }
+    if (coerceReadList.fileList && coerceReadList.fileList.length > 0) {
+      this.Configns.coerceReadList.fileList = this.dataChange(
+        coerceReadList.fileList
+      );
+    }
+    isDrawFileList && this.drawReadFileList(listObj);
+    isBindFileClick && this.bindFileClick(listObj.listId, void 0);
+  }
+  // 数据转换
+  dataChange(data) {
+    if (!this.Configns.fileKeyNameConfign)
+      throw new Error("请传入文件keyNameConfign");
+    const { fileTitle, filePdfUrl, fileRichContent, fileArr, fileType } = this.Configns.fileKeyNameConfign;
+    if (!fileTitle || !filePdfUrl || !fileRichContent || !fileArr)
+      throw new Error("请传入文件keyNameConfign的参数");
+    data.forEach((item) => {
+      item.name = item[fileTitle];
+      item.file_type = item[fileType];
+      item.pdf_url = item[filePdfUrl];
+      item.content_text = item[fileRichContent];
+      item.com_terms = item[fileArr];
+    });
+    return data;
+  }
+  //渲染阅读文件列表
+  drawReadFileList(listObj) {
+    const {
+      listId: ID,
+      fileList,
+      isCheckButton,
+      isCoerceReadPopup,
+      checkCallBack,
+      listText,
+      checkButtonID,
+      fileStyle
+    } = listObj;
+    if (!ID) throw new Error("请传入需要添加的dom ID");
+    if (fileList.length < 1) throw new Error("请传入需要渲染的文件数据");
+    let html = `${isCheckButton ? `<input type="checkbox" id="${checkButtonID}" />` : ""}${listText}`;
+    for (let i = 0, len = fileList.length; i < len; i++) {
+      const { name, pdf_url, file_type, styleStr } = fileList[i];
+      const type = file_type || this.judgeFileType({ type: "", file: fileList[i], index: i });
+      html += `<span class="pdfsee item-contract" data-pdf="${file_type == 2 ? pdf_url : ""}" data-title="${name}" data-index="${i}" data-type="${type}" style="${this.objToStr(
+        styleStr ? styleStr : fileStyle || {}
+      )}">${name}</span>`;
+    }
+    const element = document.querySelector(ID);
+    if (!element) throw new Error("未找到元素" + ID);
+    element.insertAdjacentHTML("beforeend", html);
+    if (isCheckButton && checkButtonID) {
+      const inputBox = document.getElementById(checkButtonID);
+      if (inputBox) {
+        inputBox.addEventListener("click", (e) => {
+          const target = e.target;
+          const isChecked = target.checked;
+          checkCallBack && checkCallBack(isChecked);
+          isChecked && isCoerceReadPopup && this.openCoerceReadPopup();
+        });
+      }
+    }
+  }
+  // 对象转换为字符串
+  objToStr(obj) {
+    return Object.entries(obj).reduce(
+      (str, [key, value]) => `${str}${key}:${value};`,
+      ""
+    );
+  }
+  // 判断文件格式
+  judgeFileType(params) {
+    const { type, file, index, fromChooseList = false, isCoerce = false } = params;
+    if (!file) throw new Error("未找到对应文件信息 file is not defined");
+    let html;
+    switch (type) {
+      case "1":
+      case 1:
+        html = this.richTextFile({ file, fromChooseList, isCoerce });
+        break;
+      case "2":
+      case 2:
+        html = this.quotePdfFile({ file, fromChooseList, isCoerce });
+        break;
+      case "3":
+      case 3:
+        html = this.choosePdfFile({ file, index, fromChooseList, isCoerce });
+        break;
+      default:
+        const { com_terms, content_text, pdf_url } = file;
+        if (com_terms && com_terms.length > 0) {
+          return 3;
+        } else if (content_text) {
+          return 1;
+        } else if (pdf_url) {
+          return 2;
+        }
+        break;
+    }
+    if (isCoerce) return html;
+  }
+  // 富文本文件
+  richTextFile(params) {
+    const { file: filebox, fromChooseList = false, isCoerce = false } = params;
+    const { name: title, content_text: text } = filebox;
+    const popupInstance = fromChooseList ? new Popup() : myPopup;
+    if (isCoerce) return text;
+    popupInstance.showBottomPopup({
+      title,
+      content: text,
+      contentStyle: {},
+      titleStyle: {
+        fontWeight: "bold"
+      },
+      // btns: ['确定'],
+      callbacks: [function() {
+        console.log("richTextFile callbacks");
+      }]
+    });
+  }
+  // 多分pdf选择
+  choosePdfFile(params) {
+    const { file: filebox, index: _index, fromChooseList = false, isCoerce = false } = params;
+    console.log("filebox", filebox);
+    const { com_terms: fileArr = [], name: title } = filebox;
+    const popupInstance = fromChooseList ? new Popup() : myPopup;
+    let html = "<dl class='ChoosePdfFileList' style='margin:0;padding:0;'>";
+    for (let i = 0; i < fileArr.length; i++) {
+      const { pdf_url, name, file_type } = fileArr[i];
+      const type = file_type || this.judgeFileType({ type: "", file: fileArr[i], index: i });
+      html += `<dd class="cl" data-pdf="${pdf_url}" data-title="${name}" data-index="${i}" style="margin:0">
+          <span class="pdfsee item-contract" data-pdf="${pdf_url}" data-title="${name}" data-index="${i}" data-type="${type}">${name}</span>
+        </dd>`;
+    }
+    html += "</dl>";
+    if (isCoerce) return html;
+    popupInstance.showBottomPopup({
+      title,
+      content: html,
+      contentStyle: {},
+      titleStyle: {
+        fontWeight: "bold"
+      },
+      // btns: ['确定'],
+      callbacks: [function() {
+        console.log("choosePDffile callbacks");
+      }]
+    });
+    this.bindFileClick(".ChoosePdfFileList", fileArr);
+  }
+  // 引用条款 pdf文件
+  quotePdfFile(params) {
+    const { file: filebox, fromChooseList = false, isControl = false, isCoerce = false } = params;
+    const { pdf_url: url, name: title, divType = "iframe" } = filebox;
+    const popupInstance = fromChooseList ? new Popup() : myPopup;
+    const modifiedUrl = isControl ? url : `${url}#toolbar=0&navpanes=0&scrollbar=0`;
+    const iframeHtml = `<iframe src="${modifiedUrl}" width="100%" height="800" style="border:none;"></iframe>`;
+    const objectHtml = `<object data="${modifiedUrl}" type="application/pdf" width="100%" height="800">
+    <p>您的浏览器不支持PDF查看。请<a href="${modifiedUrl}">下载文件</a>。</p></object>`;
+    const embedHtml = `<embed src="${modifiedUrl}" type="application/pdf" width="100%" height="800" />`;
+    const html = divType === "iframe" ? iframeHtml : divType === "object" ? objectHtml : embedHtml;
+    if (isCoerce) return html;
+    popupInstance.showBottomPopup({
+      title,
+      content: html,
+      contentStyle: {
+        // maxHeight: '100vh',
+        // overflow: 'hidden auto'
+        padding: "0"
+      },
+      contentBoxStyle: {
+        maxHeight: "100vh"
+      },
+      titleStyle: {
+        fontWeight: "bold"
+      },
+      callbacks: [function() {
+        console.log("quotePdfFile callback");
+      }]
+    });
+    return;
+  }
+  // 绑定文件点击事件
+  bindFileClick(containerSelector, fileArr) {
+    const container = document.querySelector(containerSelector);
+    if (!container) throw new Error("容器未找到:" + containerSelector);
+    container.addEventListener("click", (event) => {
+      const target = event.target;
+      if (target.tagName.toLowerCase() === "span") {
+        const dataset = target.dataset;
+        const type = dataset.type;
+        const index = dataset.index ? parseInt(dataset.index) : void 0;
+        if (index !== void 0) {
+          const file = fileArr?.[index] || this.Configns?.listObj?.fileList?.[index];
+          console.log("read", index, type, file);
+          if (type !== void 0 && file) {
+            this.judgeFileType({ type, file, index, fromChooseList: !!fileArr });
+          }
+        }
+      }
+    });
+  }
+  // 渲染强制阅读文件内容
+  openCoerceReadPopup() {
+    const {
+      fileList,
+      btnArr = ["同意并继续"],
+      btnStyle,
+      btnBoxStyle,
+      coerceCallBack,
+      titleText,
+      showProgressInButton
+    } = this.Configns.coerceReadList;
+    if (fileList.length === 0) throw new Error("fileList不能为空");
+    let currentIndex = 0;
+    let customButtonTitles = null;
+    let visitedIndices = [0];
+    const showNextFile = (_btnTitleArr) => {
+      if (currentIndex >= fileList.length) return;
+      const file = fileList[currentIndex];
+      const isLastFile = currentIndex === fileList.length - 1;
+      if (!file.file_type) {
+        file.file_type = this.judgeFileType({
+          type: "",
+          file,
+          isCoerce: true
+        });
+      }
+      const fileContent = this.judgeFileType({
+        type: file.file_type,
+        file,
+        isCoerce: true
+      });
+      const control = {
+        next: () => {
+          customButtonTitles = null;
+          currentIndex++;
+          if (!visitedIndices.includes(currentIndex)) {
+            visitedIndices.push(currentIndex);
+          }
+          showNextFile();
+        },
+        prev: () => {
+          customButtonTitles = null;
+          if (currentIndex > 0) {
+            currentIndex--;
+            showNextFile();
+          }
+        },
+        close: () => {
+          myPopup.close();
+        },
+        getCurrentIndex: () => currentIndex,
+        // 获取当前索引
+        getFileList: () => [...fileList],
+        // 返回副本防止外部修改
+        isLastFile: () => isLastFile,
+        // 是否为最后一份文件
+        setButtonTitles: (titles) => {
+          if (Array.isArray(titles)) {
+            customButtonTitles = titles;
+          }
+        },
+        // 获取已访问的文件索引列表
+        getVisitedIndices: () => [...visitedIndices],
+        // 跳转到指定文件索引
+        goTo: (index) => {
+          if (index >= 0 && index < fileList.length) {
+            customButtonTitles = null;
+            currentIndex = index;
+            if (!visitedIndices.includes(currentIndex)) {
+              visitedIndices.push(currentIndex);
+            }
+            showNextFile();
+          }
+        },
+        // 控制复选框选中状态
+        setCheckboxChecked: (isChecked) => {
+          const checkboxId = this.Configns.listObj?.checkButtonID;
+          if (checkboxId) {
+            const checkbox = document.getElementById(checkboxId);
+            if (checkbox) {
+              checkbox.checked = isChecked;
+              const event = new Event("change");
+              checkbox.dispatchEvent(event);
+            }
+          }
+        },
+        // 获取复选框当前状态
+        isCheckboxChecked: () => {
+          const checkboxId = this.Configns.listObj?.checkButtonID;
+          if (checkboxId) {
+            const checkbox = document.getElementById(checkboxId);
+            return checkbox ? checkbox.checked : false;
+          }
+          return false;
+        }
+      };
+      const callbacks = [];
+      if (btnArr && btnArr.length > 0) {
+        for (let i = 0; i < btnArr.length; i++) {
+          callbacks.push(
+            /* @__PURE__ */ ((buttonIndex) => {
+              return () => {
+                if (typeof coerceCallBack === "function") {
+                  return coerceCallBack(control, buttonIndex);
+                } else if (Array.isArray(coerceCallBack) && typeof coerceCallBack[buttonIndex] === "function") {
+                  return coerceCallBack[buttonIndex](control);
+                }
+              };
+            })(i)
+          );
+        }
+      }
+      let finalButtons = customButtonTitles || btnArr;
+      if (showProgressInButton !== false && !customButtonTitles && btnArr && btnArr.length > 0) {
+        const currentDisplayIndex = currentIndex + 1;
+        const totalLength = fileList.length;
+        finalButtons = [...btnArr];
+        if (typeof showProgressInButton === "number") {
+          const buttonIndex = showProgressInButton;
+          if (buttonIndex >= 0 && buttonIndex < finalButtons.length) {
+            finalButtons[buttonIndex] = `${btnArr[buttonIndex]}(${currentDisplayIndex}/${totalLength})`;
+          }
+        } else if (showProgressInButton === true) {
+          finalButtons[0] = `${btnArr[0]}(${currentDisplayIndex}/${totalLength})`;
+        }
+      }
+      console.log("showNextFile", btnArr, finalButtons);
+      const popupConfig = {
+        title: file.name || `${titleText || "文件"} (${currentIndex + 1}/${fileList.length})`,
+        content: fileContent,
+        btnBoxStyle: btnBoxStyle || {
+          display: "flex",
+          justifyContent: "space-around",
+          alignItems: "center",
+          padding: "0 2.4vw"
+        },
+        btns: finalButtons,
+        btnStyle: btnStyle || [
+          {
+            display: "inline-block",
+            width: "91vw",
+            height: "10.667vw",
+            color: "#fff",
+            backgroundColor: "#29AEEF",
+            borderRadius: "8.533vw",
+            textAlign: "center",
+            lineHeight: "10.667vw",
+            cursor: "pointer",
+            margin: "5.33vw auto"
+          },
+          {
+            display: "inline-block",
+            width: "91vw",
+            height: "10.667vw",
+            color: "#fff",
+            backgroundColor: "#29AEEF",
+            borderRadius: "8.533vw",
+            textAlign: "center",
+            lineHeight: "10.667vw",
+            cursor: "pointer",
+            margin: "5.33vw auto"
+          }
+        ],
+        callbacks
+      };
+      control.setCheckboxChecked(false);
+      myPopup.showBottomPopup(popupConfig);
+      if (file.file_type === 3 && file.com_terms) {
+        this.bindFileClick(".ChoosePdfFileList", file.com_terms);
+      }
+    };
+    showNextFile();
+  }
+  // 加载文件内容
+  loadFile(filePath) {
+    const fileExtension = filePath.split(".").pop()?.toLowerCase();
+    if (!fileExtension) {
+      console.error("无法识别文件类型:", filePath);
+      return;
+    }
+    const contentType = this.Configns.fileTypes[fileExtension];
+    if (!contentType) {
+      console.error("不支持的文件类型:", fileExtension);
+      return;
+    }
+    const fileName = filePath.split("/").pop() || "文件";
+    if (contentType === "application/pdf") {
+      myPopup.showBottomPopup({
+        title: fileName,
+        content: `<iframe src="${filePath}" width="100%" height="600px" style="border:none;"></iframe>`,
+        contentStyle: {},
+        titleStyle: {
+          fontWeight: "bold"
+        },
+        // btns: ['确定'],
+        callbacks: [function() {
+          console.log("loadFile callback");
+        }]
+      });
+    } else {
+      fetch(filePath).then((response) => {
+        if (!response.ok) {
+          throw new Error(`HTTP error! status: ${response.status}`);
+        }
+        return response.text();
+      }).then((data) => {
+        let content;
+        if (fileExtension === "html" || fileExtension === "htm") {
+          content = `<div style="max-height: 70vh; overflow-y: auto;">${data}</div>`;
+        } else {
+          content = `<pre style="white-space: pre-wrap; word-wrap: break-word; max-height: 70vh; overflow-y: auto;">${data}</pre>`;
+        }
+        myPopup.showBottomPopup({
+          title: fileName,
+          content,
+          contentStyle: {
+            maxHeight: "70vh",
+            overflow: "auto"
+          },
+          titleStyle: {
+            fontWeight: "bold"
+          },
+          callbacks: [function() {
+            console.log("文件内容弹窗关闭");
+          }]
+        });
+      }).catch((error) => {
+        console.error("文件加载失败:", error);
+        myPopup.showBottomPopup({
+          title: "文件加载失败",
+          content: `<p style="color: red;">无法加载文件: ${filePath}</p><p>错误详情: ${error.message}</p>`,
+          callbacks: [function() {
+            console.log("错误提示弹窗关闭");
+          }]
+        });
+      });
+    }
+  }
+}
+export {
+  FilePreview as default
+};

package/dist/ReadFilePopupMobile.es.min.js

@@ -1,8 +1,7 @@
 /*!
- * myPopup Component v1.0.2
+ * ReadFilePopupMobile Component v1.0.3
  * GitHub: https://github.com/aGG-Bond/ReadFilePopupMobile#readme
  * (c) 2025 aGG-Bond
  * @license MIT
  */
-import e from"@aggbond/my-popup";const t=new e;class i{Configns;constructor(e){this.Configns=Object.assign({basePath:"/assets/pdfs/",modalId:"filePreviewModal",contentId:"filePreviewContent",closeBtnId:"filePreviewCloseBtn",fileTypes:{pdf:"application/pdf",txt:"text/plain",html:"text/html",1:"richTextFile",2:"choosePdfFile",3:"quotePdfFile"},fileKeyNameConfign:{fileTitle:"name",fileType:"doc_type",filePdfUrl:"pdf_url",fileRichContent:"content_text",fileArr:"com_terms"},isConfignFileKeyName:!1,isDrawFileList:!1,listObj:{listId:"",fileList:[{name:"默认标题",file_type:3,pdf_url:"",content_text:"",com_terms:[{name:"默认标题",pdf_url:"clause_pdf: https://showFile.com/address.pdf",content_text:"disclaimer<p><strong>默认文件</strong></p>"}],styleStr:{color:"red","font-weight":"bold"}}],fileStyle:{color:"red","font-weight":"bold"},isCheckButton:!1,isCoerceReadPopup:!0,checkCallBack:e=>{},listText:"更多详情请阅读",checkButtonID:"ReadFileCheckBox"},coerceReadList:{titleText:"请阅读并同意以下文件",fileList:[{name:"默认标题",file_type:3,pdf_url:"",content_text:"",com_terms:[{name:"默认标题",pdf_url:"clause_pdf: https://showFile.com/address.pdf",content_text:"disclaimer<p><strong>默认文件</strong></p>"}],styleStr:{color:"red","font-weight":"bold"}}],fileStyle:{color:"red","font-weight":"bold"},btnArr:["确认已阅读并同意","拒绝"],btnStyle:[{color:"red"},{color:"gray"}],btnBoxStyle:{},showProgressInButton:!1,coerceCallBack:[(e,t)=>{},(e,t)=>{}]},isBindFileClick:!1},e),this.initModal()}initModal(){const{isDrawFileList:e,listObj:t,isBindFileClick:i,isConfignFileKeyName:o,coerceReadList:n}=this.Configns;o&&t.fileList&&t.fileList.length>0&&(this.Configns.listObj.fileList=this.dataChange(t.fileList)),n.fileList&&n.fileList.length>0&&(this.Configns.coerceReadList.fileList=this.dataChange(n.fileList)),e&&this.drawReadFileList(t),i&&this.bindFileClick(t.listId,void 0)}dataChange(e){if(!this.Configns.fileKeyNameConfign)throw new Error("请传入文件keyNameConfign");const{fileTitle:t,filePdfUrl:i,fileRichContent:o,fileArr:n,fileType:l}=this.Configns.fileKeyNameConfign;if(!(t&&i&&o&&n))throw new Error("请传入文件keyNameConfign的参数");return e.forEach(e=>{e.name=e[t],e.file_type=e[l],e.pdf_url=e[i],e.content_text=e[o],e.com_terms=e[n]}),e}drawReadFileList(e){const{listId:t,fileList:i,isCheckButton:o,isCoerceReadPopup:n,checkCallBack:l,listText:s,checkButtonID:r,fileStyle:c}=e;if(!t)throw new Error("请传入需要添加的dom ID");if(i.length<1)throw new Error("请传入需要渲染的文件数据");let a=`${o?`<input type="checkbox" id="${r}" />`:""}${s}`;for(let f=0,h=i.length;f<h;f++){const{name:e,pdf_url:t,file_type:o,styleStr:n}=i[f];a+=`<span class="pdfsee item-contract" data-pdf="${2==o?t:""}" data-title="${e}" data-index="${f}" data-type="${o||this.judgeFileType({type:"",file:i[f],index:f})}" style="${this.objToStr(n||(c||{}))}">${e}</span>`}const d=document.querySelector(t);if(!d)throw new Error("未找到元素"+t);if(d.insertAdjacentHTML("beforeend",a),o&&r){const e=document.getElementById(r);e&&e.addEventListener("click",e=>{const t=e.target.checked;l&&l(t),t&&n&&this.openCoerceReadPopup()})}}objToStr(e){return Object.entries(e).reduce((e,[t,i])=>`${e}${t}:${i};`,"")}judgeFileType(e){const{type:t,file:i,index:o,fromChooseList:n=!1,isCoerce:l=!1}=e;if(!i)throw new Error("未找到对应文件信息 file is not defined");let s;switch(t){case"1":case 1:s=this.richTextFile({file:i,fromChooseList:n,isCoerce:l});break;case"2":case 2:s=this.quotePdfFile({file:i,fromChooseList:n,isCoerce:l});break;case"3":case 3:s=this.choosePdfFile({file:i,index:o,fromChooseList:n,isCoerce:l});break;default:const{com_terms:e,content_text:t,pdf_url:r}=i;if(e&&e.length>0)return 3;if(t)return 1;if(r)return 2}if(l)return s}richTextFile(i){const{file:o,fromChooseList:n=!1,isCoerce:l=!1}=i,{name:s,content_text:r}=o,c=n?new e:t;if(l)return r;c.showBottomPopup({title:s,content:r,contentStyle:{},titleStyle:{fontWeight:"bold"},callbacks:[function(){}]})}choosePdfFile(i){const{file:o,index:n,fromChooseList:l=!1,isCoerce:s=!1}=i,{com_terms:r=[],name:c}=o,a=l?new e:t;let d="<dl class='ChoosePdfFileList' style='margin:0;padding:0;'>";for(let e=0;e<r.length;e++){const{pdf_url:t,name:i,file_type:o}=r[e];d+=`<dd class="cl" data-pdf="${t}" data-title="${i}" data-index="${e}" style="margin:0">\n          <span class="pdfsee item-contract" data-pdf="${t}" data-title="${i}" data-index="${e}" data-type="${o||this.judgeFileType({type:"",file:r[e],index:e})}">${i}</span>\n        </dd>`}if(d+="</dl>",s)return d;a.showBottomPopup({title:c,content:d,contentStyle:{},titleStyle:{fontWeight:"bold"},callbacks:[function(){}]}),this.bindFileClick(".ChoosePdfFileList",r)}quotePdfFile(i){const{file:o,fromChooseList:n=!1,isControl:l=!1,isCoerce:s=!1}=i,{pdf_url:r,name:c,divType:a="iframe"}=o,d=n?new e:t,f=l?r:`${r}#toolbar=0&navpanes=0&scrollbar=0`,h="iframe"===a?`<iframe src="${f}" width="100%" height="800" style="border:none;"></iframe>`:"object"===a?`<object data="${f}" type="application/pdf" width="100%" height="800">\n    <p>您的浏览器不支持PDF查看。请<a href="${f}">下载文件</a>。</p></object>`:`<embed src="${f}" type="application/pdf" width="100%" height="800" />`;if(s)return h;d.showBottomPopup({title:c,content:h,contentStyle:{padding:"0"},contentBoxStyle:{maxHeight:"100vh"},titleStyle:{fontWeight:"bold"},callbacks:[function(){}]})}bindFileClick(e,t){const i=document.querySelector(e);if(!i)throw new Error("容器未找到:"+e);i.addEventListener("click",e=>{const i=e.target;if("span"===i.tagName.toLowerCase()){const e=i.dataset,o=e.type,n=e.index?parseInt(e.index):void 0;if(void 0!==n){const e=t?.[n]||this.Configns?.listObj?.fileList?.[n];void 0!==o&&e&&this.judgeFileType({type:o,file:e,index:n,fromChooseList:!!t})}}})}openCoerceReadPopup(){const{fileList:e,btnArr:i=["同意并继续"],btnStyle:o,btnBoxStyle:n,coerceCallBack:l,titleText:s,showProgressInButton:r}=this.Configns.coerceReadList;if(0===e.length)throw new Error("fileList不能为空");let c=0,a=null,d=[0];const f=h=>{if(c>=e.length)return;const p=e[c],u=c===e.length-1;p.file_type||(p.file_type=this.judgeFileType({type:"",file:p,isCoerce:!0}));const g=this.judgeFileType({type:p.file_type,file:p,isCoerce:!0}),m={next:()=>{a=null,c++,d.includes(c)||d.push(c),f()},prev:()=>{a=null,c>0&&(c--,f())},close:()=>{t.close()},getCurrentIndex:()=>c,getFileList:()=>[...e],isLastFile:()=>u,setButtonTitles:e=>{Array.isArray(e)&&(a=e)},getVisitedIndices:()=>[...d],goTo:t=>{t>=0&&t<e.length&&(a=null,c=t,d.includes(c)||d.push(c),f())},setCheckboxChecked:e=>{const t=this.Configns.listObj?.checkButtonID;if(t){const i=document.getElementById(t);if(i){i.checked=e;const t=new Event("change");i.dispatchEvent(t)}}},isCheckboxChecked:()=>{const e=this.Configns.listObj?.checkButtonID;if(e){const t=document.getElementById(e);return!!t&&t.checked}return!1}},y=[];if(i&&i.length>0)for(let e=0;e<i.length;e++)y.push(
-/* @__PURE__ */(e=>()=>"function"==typeof l?l(m,e):Array.isArray(l)&&"function"==typeof l[e]?l[e](m):void 0)(e));let C=a||i;if(!1!==r&&!a&&i&&i.length>0){const t=c+1,o=e.length;if(C=[...i],"number"==typeof r){const e=r;e>=0&&e<C.length&&(C[e]=`${i[e]}(${t}/${o})`)}else!0===r&&(C[0]=`${i[0]}(${t}/${o})`)}const w={title:p.name||`${s||"文件"} (${c+1}/${e.length})`,content:g,btnBoxStyle:n||{display:"flex",justifyContent:"space-around",alignItems:"center",padding:"0 2.4vw"},btns:C,btnStyle:o||[{display:"inline-block",width:"91vw",height:"10.667vw",color:"#fff",backgroundColor:"#29AEEF",borderRadius:"8.533vw",textAlign:"center",lineHeight:"10.667vw",cursor:"pointer",margin:"5.33vw auto"},{display:"inline-block",width:"91vw",height:"10.667vw",color:"#fff",backgroundColor:"#29AEEF",borderRadius:"8.533vw",textAlign:"center",lineHeight:"10.667vw",cursor:"pointer",margin:"5.33vw auto"}],callbacks:y};m.setCheckboxChecked(!1),t.showBottomPopup(w),3===p.file_type&&p.com_terms&&this.bindFileClick(".ChoosePdfFileList",p.com_terms)};f()}loadFile(e){const i=e.split(".").pop()?.toLowerCase();if(!i)return;const o=this.Configns.fileTypes[i];if(!o)return;const n=e.split("/").pop()||"文件";"application/pdf"===o?t.showBottomPopup({title:n,content:`<iframe src="${e}" width="100%" height="600px" style="border:none;"></iframe>`,contentStyle:{},titleStyle:{fontWeight:"bold"},callbacks:[function(){}]}):fetch(e).then(e=>{if(!e.ok)throw new Error(`HTTP error! status: ${e.status}`);return e.text()}).then(e=>{let o;o="html"===i||"htm"===i?`<div style="max-height: 70vh; overflow-y: auto;">${e}</div>`:`<pre style="white-space: pre-wrap; word-wrap: break-word; max-height: 70vh; overflow-y: auto;">${e}</pre>`,t.showBottomPopup({title:n,content:o,contentStyle:{maxHeight:"70vh",overflow:"auto"},titleStyle:{fontWeight:"bold"},callbacks:[function(){}]})}).catch(i=>{t.showBottomPopup({title:"文件加载失败",content:`<p style="color: red;">无法加载文件: ${e}</p><p>错误详情: ${i.message}</p>`,callbacks:[function(){}]})})}}export{i as default};
+import Popup from"@aggbond/my-popup";const myPopup=new Popup;class FilePreview{Configns;constructor(e){this.Configns=Object.assign({basePath:"/assets/pdfs/",modalId:"filePreviewModal",contentId:"filePreviewContent",closeBtnId:"filePreviewCloseBtn",fileTypes:{pdf:"application/pdf",txt:"text/plain",html:"text/html",1:"richTextFile",2:"choosePdfFile",3:"quotePdfFile"},fileKeyNameConfign:{fileTitle:"name",fileType:"doc_type",filePdfUrl:"pdf_url",fileRichContent:"content_text",fileArr:"com_terms"},isConfignFileKeyName:!1,isDrawFileList:!1,listObj:{listId:"",fileList:[{name:"默认标题",file_type:3,pdf_url:"",content_text:"",com_terms:[{name:"默认标题",pdf_url:"clause_pdf: https://showFile.com/address.pdf",content_text:"disclaimer<p><strong>默认文件</strong></p>"}],styleStr:{color:"red","font-weight":"bold"}}],fileStyle:{color:"red","font-weight":"bold"},isCheckButton:!1,isCoerceReadPopup:!0,checkCallBack:e=>{},listText:"更多详情请阅读",checkButtonID:"ReadFileCheckBox"},coerceReadList:{titleText:"请阅读并同意以下文件",fileList:[{name:"默认标题",file_type:3,pdf_url:"",content_text:"",com_terms:[{name:"默认标题",pdf_url:"clause_pdf: https://showFile.com/address.pdf",content_text:"disclaimer<p><strong>默认文件</strong></p>"}],styleStr:{color:"red","font-weight":"bold"}}],fileStyle:{color:"red","font-weight":"bold"},btnArr:["确认已阅读并同意","拒绝"],btnStyle:[{color:"red"},{color:"gray"}],btnBoxStyle:{},showProgressInButton:!1,coerceCallBack:[(e,t)=>{},(e,t)=>{}]},isBindFileClick:!1},e),this.initModal()}initModal(){const{isDrawFileList:e,listObj:t,isBindFileClick:i,isConfignFileKeyName:o,coerceReadList:n}=this.Configns;o&&t.fileList&&t.fileList.length>0&&(this.Configns.listObj.fileList=this.dataChange(t.fileList)),n.fileList&&n.fileList.length>0&&(this.Configns.coerceReadList.fileList=this.dataChange(n.fileList)),e&&this.drawReadFileList(t),i&&this.bindFileClick(t.listId,void 0)}dataChange(e){if(!this.Configns.fileKeyNameConfign)throw new Error("请传入文件keyNameConfign");const{fileTitle:t,filePdfUrl:i,fileRichContent:o,fileArr:n,fileType:l}=this.Configns.fileKeyNameConfign;if(!(t&&i&&o&&n))throw new Error("请传入文件keyNameConfign的参数");return e.forEach(e=>{e.name=e[t],e.file_type=e[l],e.pdf_url=e[i],e.content_text=e[o],e.com_terms=e[n]}),e}drawReadFileList(e){const{listId:t,fileList:i,isCheckButton:o,isCoerceReadPopup:n,checkCallBack:l,listText:s,checkButtonID:r,fileStyle:c}=e;if(!t)throw new Error("请传入需要添加的dom ID");if(i.length<1)throw new Error("请传入需要渲染的文件数据");let a=`${o?`<input type="checkbox" id="${r}" />`:""}${s}`;for(let e=0,t=i.length;e<t;e++){const{name:t,pdf_url:o,file_type:n,styleStr:l}=i[e];a+=`<span class="pdfsee item-contract" data-pdf="${2==n?o:""}" data-title="${t}" data-index="${e}" data-type="${n||this.judgeFileType({type:"",file:i[e],index:e})}" style="${this.objToStr(l||(c||{}))}">${t}</span>`}const d=document.querySelector(t);if(!d)throw new Error("未找到元素"+t);if(d.insertAdjacentHTML("beforeend",a),o&&r){const e=document.getElementById(r);e&&e.addEventListener("click",e=>{const t=e.target.checked;l&&l(t),t&&n&&this.openCoerceReadPopup()})}}objToStr(e){return Object.entries(e).reduce((e,[t,i])=>`${e}${t}:${i};`,"")}judgeFileType(e){const{type:t,file:i,index:o,fromChooseList:n=!1,isCoerce:l=!1}=e;if(!i)throw new Error("未找到对应文件信息 file is not defined");let s;switch(t){case"1":case 1:s=this.richTextFile({file:i,fromChooseList:n,isCoerce:l});break;case"2":case 2:s=this.quotePdfFile({file:i,fromChooseList:n,isCoerce:l});break;case"3":case 3:s=this.choosePdfFile({file:i,index:o,fromChooseList:n,isCoerce:l});break;default:const{com_terms:e,content_text:t,pdf_url:r}=i;if(e&&e.length>0)return 3;if(t)return 1;if(r)return 2}if(l)return s}richTextFile(e){const{file:t,fromChooseList:i=!1,isCoerce:o=!1}=e,{name:n,content_text:l}=t,s=i?new Popup:myPopup;if(o)return l;s.showBottomPopup({title:n,content:l,contentStyle:{},titleStyle:{fontWeight:"bold"},callbacks:[function(){}]})}choosePdfFile(e){const{file:t,index:i,fromChooseList:o=!1,isCoerce:n=!1}=e,{com_terms:l=[],name:s}=t,r=o?new Popup:myPopup;let c="<dl class='ChoosePdfFileList' style='margin:0;padding:0;'>";for(let e=0;e<l.length;e++){const{pdf_url:t,name:i,file_type:o}=l[e];c+=`<dd class="cl" data-pdf="${t}" data-title="${i}" data-index="${e}" style="margin:0">\n          <span class="pdfsee item-contract" data-pdf="${t}" data-title="${i}" data-index="${e}" data-type="${o||this.judgeFileType({type:"",file:l[e],index:e})}">${i}</span>\n        </dd>`}if(c+="</dl>",n)return c;r.showBottomPopup({title:s,content:c,contentStyle:{},titleStyle:{fontWeight:"bold"},callbacks:[function(){}]}),this.bindFileClick(".ChoosePdfFileList",l)}quotePdfFile(e){const{file:t,fromChooseList:i=!1,isControl:o=!1,isCoerce:n=!1}=e,{pdf_url:l,name:s,divType:r="iframe"}=t,c=i?new Popup:myPopup,a=o?l:`${l}#toolbar=0&navpanes=0&scrollbar=0`,d="iframe"===r?`<iframe src="${a}" width="100%" height="800" style="border:none;"></iframe>`:"object"===r?`<object data="${a}" type="application/pdf" width="100%" height="800">\n    <p>您的浏览器不支持PDF查看。请<a href="${a}">下载文件</a>。</p></object>`:`<embed src="${a}" type="application/pdf" width="100%" height="800" />`;if(n)return d;c.showBottomPopup({title:s,content:d,contentStyle:{padding:"0"},contentBoxStyle:{maxHeight:"100vh"},titleStyle:{fontWeight:"bold"},callbacks:[function(){}]})}bindFileClick(e,t){const i=document.querySelector(e);if(!i)throw new Error("容器未找到:"+e);i.addEventListener("click",e=>{const i=e.target;if("span"===i.tagName.toLowerCase()){const e=i.dataset,o=e.type,n=e.index?parseInt(e.index):void 0;if(void 0!==n){const e=t?.[n]||this.Configns?.listObj?.fileList?.[n];void 0!==o&&e&&this.judgeFileType({type:o,file:e,index:n,fromChooseList:!!t})}}})}openCoerceReadPopup(){const{fileList:e,btnArr:t=["同意并继续"],btnStyle:i,btnBoxStyle:o,coerceCallBack:n,titleText:l,showProgressInButton:s}=this.Configns.coerceReadList;if(0===e.length)throw new Error("fileList不能为空");let r=0,c=null,a=[0];const d=f=>{if(r>=e.length)return;const p=e[r],h=r===e.length-1;p.file_type||(p.file_type=this.judgeFileType({type:"",file:p,isCoerce:!0}));const u=this.judgeFileType({type:p.file_type,file:p,isCoerce:!0}),m={next:()=>{c=null,r++,a.includes(r)||a.push(r),d()},prev:()=>{c=null,r>0&&(r--,d())},close:()=>{myPopup.close()},getCurrentIndex:()=>r,getFileList:()=>[...e],isLastFile:()=>h,setButtonTitles:e=>{Array.isArray(e)&&(c=e)},getVisitedIndices:()=>[...a],goTo:t=>{t>=0&&t<e.length&&(c=null,r=t,a.includes(r)||a.push(r),d())},setCheckboxChecked:e=>{const t=this.Configns.listObj?.checkButtonID;if(t){const i=document.getElementById(t);if(i){i.checked=e;const t=new Event("change");i.dispatchEvent(t)}}},isCheckboxChecked:()=>{const e=this.Configns.listObj?.checkButtonID;if(e){const t=document.getElementById(e);return!!t&&t.checked}return!1}},y=[];if(t&&t.length>0)for(let e=0;e<t.length;e++)y.push((e=>()=>"function"==typeof n?n(m,e):Array.isArray(n)&&"function"==typeof n[e]?n[e](m):void 0)(e));let g=c||t;if(!1!==s&&!c&&t&&t.length>0){const i=r+1,o=e.length;if(g=[...t],"number"==typeof s){const e=s;e>=0&&e<g.length&&(g[e]=`${t[e]}(${i}/${o})`)}else!0===s&&(g[0]=`${t[0]}(${i}/${o})`)}const C={title:p.name||`${l||"文件"} (${r+1}/${e.length})`,content:u,btnBoxStyle:o||{display:"flex",justifyContent:"space-around",alignItems:"center",padding:"0 2.4vw"},btns:g,btnStyle:i||[{display:"inline-block",width:"91vw",height:"10.667vw",color:"#fff",backgroundColor:"#29AEEF",borderRadius:"8.533vw",textAlign:"center",lineHeight:"10.667vw",cursor:"pointer",margin:"5.33vw auto"},{display:"inline-block",width:"91vw",height:"10.667vw",color:"#fff",backgroundColor:"#29AEEF",borderRadius:"8.533vw",textAlign:"center",lineHeight:"10.667vw",cursor:"pointer",margin:"5.33vw auto"}],callbacks:y};m.setCheckboxChecked(!1),myPopup.showBottomPopup(C),3===p.file_type&&p.com_terms&&this.bindFileClick(".ChoosePdfFileList",p.com_terms)};d()}loadFile(e){const t=e.split(".").pop()?.toLowerCase();if(!t)return;const i=this.Configns.fileTypes[t];if(!i)return;const o=e.split("/").pop()||"文件";"application/pdf"===i?myPopup.showBottomPopup({title:o,content:`<iframe src="${e}" width="100%" height="600px" style="border:none;"></iframe>`,contentStyle:{},titleStyle:{fontWeight:"bold"},callbacks:[function(){}]}):fetch(e).then(e=>{if(!e.ok)throw new Error(`HTTP error! status: ${e.status}`);return e.text()}).then(e=>{let i;i="html"===t||"htm"===t?`<div style="max-height: 70vh; overflow-y: auto;">${e}</div>`:`<pre style="white-space: pre-wrap; word-wrap: break-word; max-height: 70vh; overflow-y: auto;">${e}</pre>`,myPopup.showBottomPopup({title:o,content:i,contentStyle:{maxHeight:"70vh",overflow:"auto"},titleStyle:{fontWeight:"bold"},callbacks:[function(){}]})}).catch(t=>{myPopup.showBottomPopup({title:"文件加载失败",content:`<p style="color: red;">无法加载文件: ${e}</p><p>错误详情: ${t.message}</p>`,callbacks:[function(){}]})})}}export{FilePreview as default};