xh-lab-rc 0.16.3 → 0.16.5

package/dist/LabPdfViewMobile/index.d.ts

@@ -15,6 +15,10 @@ interface PdfViewerProps {
     onDownloaded?: () => void;
     isColl?: boolean;
     btnShowList?: Array<boolean>;
+    onRenameBtnClick?: () => void;
+    onMoveBtnClick?: () => void;
+    onDownBtnClick?: () => void;
+    onDeleteBtnClick?: () => void;
 }
-declare const LabPdfViewMobile: ({ src, pdfjsSrc, fileTypeName, fileTitle, isColl, timeout, showTop, onCollected, onDownloaded, onTimeoutCallback, onChangeBookmarkDatas, btnShowList, }: PdfViewerProps) => React.JSX.Element;
+declare const LabPdfViewMobile: ({ src, pdfjsSrc, fileTypeName, fileTitle, isColl, timeout, showTop, onCollected, onDownloaded, onTimeoutCallback, onChangeBookmarkDatas, onRenameBtnClick, onMoveBtnClick, onDownBtnClick, onDeleteBtnClick, btnShowList, }: PdfViewerProps) => React.JSX.Element;
 export default LabPdfViewMobile;

package/dist/LabPdfViewMobile/index.js

@@ -6,7 +6,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
  * @Author: wusum
  * @Date: 2024-05-27 14:50:05
  * @LastEditors: wusum
- * @LastEditTime: 2024-06-14 14:28:21
+ * @LastEditTime: 2024-08-15 11:01:54
  */
 import { SearchBar, TabBar } from 'antd-mobile';
 import { CloseOutline, DownlandOutline, LeftOutline, RightOutline, SearchOutline, StarOutline, UnorderedListOutline } from 'antd-mobile-icons';
@@ -14,6 +14,7 @@ import * as React from 'react';
 import { useEffect, useState } from 'react';
 import "./style.less";
 var iframeWindow;
+var bookList = [];
 var LabPdfViewMobile = function LabPdfViewMobile(_ref) {
   var src = _ref.src,
     _ref$pdfjsSrc = _ref.pdfjsSrc,
@@ -30,8 +31,12 @@ var LabPdfViewMobile = function LabPdfViewMobile(_ref) {
     onDownloaded = _ref.onDownloaded,
     onTimeoutCallback = _ref.onTimeoutCallback,
     onChangeBookmarkDatas = _ref.onChangeBookmarkDatas,
+    onRenameBtnClick = _ref.onRenameBtnClick,
+    onMoveBtnClick = _ref.onMoveBtnClick,
+    onDownBtnClick = _ref.onDownBtnClick,
+    onDeleteBtnClick = _ref.onDeleteBtnClick,
     _ref$btnShowList = _ref.btnShowList,
-    btnShowList = _ref$btnShowList === void 0 ? [true, true, false, false] : _ref$btnShowList;
+    btnShowList = _ref$btnShowList === void 0 ? [true, true, false, false, false] : _ref$btnShowList;
   var fileSrc = src.replace(/\.(doc|docx|xls|xlsx)$/, '.pdf');
   var isTimeout = false;
   var isWork = false;
@@ -48,10 +53,15 @@ var LabPdfViewMobile = function LabPdfViewMobile(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     isShowFind = _useState6[0],
     setIsShowFind = _useState6[1];
-  var _useState7 = useState(['0', '0']),
+  var _useState7 = useState(false),
     _useState8 = _slicedToArray(_useState7, 2),
-    findCount = _useState8[0],
-    setFindCount = _useState8[1];
+    isShowOtherBtn = _useState8[0],
+    setIsShowOtherBtn = _useState8[1];
+  var _useState9 = useState(['0', '0']),
+    _useState10 = _slicedToArray(_useState9, 2),
+    findCount = _useState10[0],
+    setFindCount = _useState10[1];
+
   // 编排树形id
   function addItemId(t, j) {
     t.forEach(function (e, i) {
@@ -93,10 +103,13 @@ var LabPdfViewMobile = function LabPdfViewMobile(_ref) {
   function changeTabHandle(key) {
     setIsShowBookMark(false);
     setIsShowFind(false);
+    setIsShowOtherBtn(false);
     if (key === 'title') {
       setIsShowBookMark(true);
     } else if (key === 'find') {
       setIsShowFind(true);
+    } else if (key === 'op') {
+      setIsShowOtherBtn(!isShowOtherBtn);
     } else if (key === 'down') {
       downFileToLocal();
       setIsShowBookMark(false);
@@ -105,6 +118,31 @@ var LabPdfViewMobile = function LabPdfViewMobile(_ref) {
       setIsShowBookMark(false);
     }
   }
+  // 筛选书签
+  function handleSearch(bookList, value) {
+    var filterBookList = function filterBookList(list, value) {
+      return list.filter(function (item) {
+        if (item.title.indexOf(value) > -1) {
+          return item.title.indexOf(value) > -1;
+        } else {
+          if (item.items.length > 0) {
+            return item.items.some(function (v) {
+              return v.title.indexOf(value) > -1;
+            });
+          }
+        }
+        return false;
+      }).map(function (item) {
+        var itemNew = Object.assign({}, item);
+        if (itemNew.items.length > 0) {
+          itemNew.items = filterBookList(itemNew.items, value);
+        }
+        return itemNew;
+      });
+    };
+    var myBookList = filterBookList(bookList, value);
+    setBookmarks(myBookList);
+  }
   // 选择书签
   function clickBookMarkHandle(item) {
     if (item.dest) {
@@ -186,6 +224,8 @@ var LabPdfViewMobile = function LabPdfViewMobile(_ref) {
     if (bookMarksList) {
       addItemId(bookMarksList, '0-0');
       setBookmarks(bookMarksList);
+      bookList = bookMarksList;
+      console.log(111, bookList);
       onChangeBookmarkDatas === null || onChangeBookmarkDatas === void 0 || onChangeBookmarkDatas(bookMarksList);
     }
     readAndSetPage();
@@ -291,11 +331,18 @@ var LabPdfViewMobile = function LabPdfViewMobile(_ref) {
     className: "title"
   }, /*#__PURE__*/React.createElement("span", null, "\u76EE\u5F55"), /*#__PURE__*/React.createElement("span", {
     onClick: function onClick() {
+      handleSearch(bookList, '');
       setIsShowBookMark(false);
     }
   }, "\u5173\u95ED")), /*#__PURE__*/React.createElement("div", {
     className: "search"
   }, /*#__PURE__*/React.createElement(SearchBar, {
+    onSearch: function onSearch(v) {
+      handleSearch(bookList, v);
+    },
+    onClear: function onClear() {
+      handleSearch(bookList, '');
+    },
     placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9"
   })), /*#__PURE__*/React.createElement("div", {
     className: "book-mark-contents"
@@ -304,7 +351,49 @@ var LabPdfViewMobile = function LabPdfViewMobile(_ref) {
       key: place.id,
       place: place
     });
-  }))))), isShowFind && /*#__PURE__*/React.createElement("div", {
+  }))))), isShowOtherBtn && /*#__PURE__*/React.createElement("div", {
+    className: "other-btn-box"
+  }, /*#__PURE__*/React.createElement("p", {
+    onClick: function onClick() {
+      setIsShowOtherBtn(false);
+      onRenameBtnClick === null || onRenameBtnClick === void 0 || onRenameBtnClick();
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    style: {
+      width: 15
+    },
+    src: '/statics/image/icon-rename.png'
+  }), /*#__PURE__*/React.createElement("span", null, "\u91CD\u547D\u540D")), /*#__PURE__*/React.createElement("p", {
+    onClick: function onClick() {
+      setIsShowOtherBtn(false);
+      onMoveBtnClick === null || onMoveBtnClick === void 0 || onMoveBtnClick();
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    style: {
+      width: 15
+    },
+    src: '/statics/image/icon-move.png'
+  }), /*#__PURE__*/React.createElement("span", null, "\u79FB\u52A8\u5230")), /*#__PURE__*/React.createElement("p", {
+    onClick: function onClick() {
+      setIsShowOtherBtn(false);
+      onDownBtnClick === null || onDownBtnClick === void 0 || onDownBtnClick();
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    style: {
+      width: 15
+    },
+    src: '/statics/image/icon-download.png'
+  }), /*#__PURE__*/React.createElement("span", null, "\u4E0B\u8F7D")), /*#__PURE__*/React.createElement("p", {
+    onClick: function onClick() {
+      setIsShowOtherBtn(false);
+      onDeleteBtnClick === null || onDeleteBtnClick === void 0 || onDeleteBtnClick();
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    style: {
+      width: 15
+    },
+    src: '/statics/image/icon-delete.png'
+  }), /*#__PURE__*/React.createElement("span", null, "\u5220\u9664"))), isShowFind && /*#__PURE__*/React.createElement("div", {
     className: "find-box"
   }, /*#__PURE__*/React.createElement("div", {
     className: "find",
@@ -344,21 +433,42 @@ var LabPdfViewMobile = function LabPdfViewMobile(_ref) {
     onChange: changeTabHandle
   }, btnShowList[0] && /*#__PURE__*/React.createElement(TabBar.Item, {
     key: 'title',
-    icon: /*#__PURE__*/React.createElement(UnorderedListOutline, null),
+    icon: /*#__PURE__*/React.createElement(UnorderedListOutline, {
+      style: {
+        color: '#969ca6'
+      }
+    }),
     title: '目录'
   }), btnShowList[1] && /*#__PURE__*/React.createElement(TabBar.Item, {
     key: 'find',
-    icon: /*#__PURE__*/React.createElement(SearchOutline, null),
+    icon: /*#__PURE__*/React.createElement(SearchOutline, {
+      style: {
+        color: '#969ca6'
+      }
+    }),
     title: '查询'
   }), btnShowList[2] && /*#__PURE__*/React.createElement(TabBar.Item, {
     key: 'down',
-    icon: /*#__PURE__*/React.createElement(DownlandOutline, null),
+    icon: /*#__PURE__*/React.createElement(DownlandOutline, {
+      style: {
+        color: '#969ca6'
+      }
+    }),
     title: '下载'
   }), btnShowList[3] && /*#__PURE__*/React.createElement(TabBar.Item, {
+    key: 'op',
+    icon: /*#__PURE__*/React.createElement("img", {
+      style: {
+        width: 24
+      },
+      src: '/statics/image/icon-op.png'
+    }),
+    title: '操作'
+  }), btnShowList[4] && /*#__PURE__*/React.createElement(TabBar.Item, {
     key: 'remark',
     icon: /*#__PURE__*/React.createElement(StarOutline, {
       style: {
-        color: isColl ? '#0069fd' : ''
+        color: isColl ? '#0069fd' : '#969ca6'
       }
     }),
     title: '收藏'

package/dist/LabPdfViewMobile/style.less

@@ -104,6 +104,33 @@
         align-items: center;
       }
     }
+
+    .other-btn-box {
+      animation: animate-find linear 0.3s;
+      display: flex;
+      flex-direction: column;
+      z-index: 2;
+      position: absolute;
+      bottom: 6px;
+      left: 0;
+      background-color: rgba(234, 234, 234, 100%);
+      border-radius: 8px;
+      width: 25%;
+      margin: 0 0 0 50%;
+
+      p {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: flex-start;
+        font-size: 14px;
+
+        img {
+          margin-right: 5px;
+          margin-left: 15px;
+        }
+      }
+    }
   }
 
   .bookmarks-box {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xh-lab-rc",
-  "version": "0.16.3",
+  "version": "0.16.5",
   "description": " A react library for xinhelab",
   "license": "MIT",
   "module": "dist/index.js",