xh-lab-rc 0.16.13 → 0.17.0

package/dist/LabDGTreeSelect/index.js

@@ -1,10 +1,10 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-/*
- * @Author: zy
- * @Date: 2024-04-08 11:49:50
- * @LastEditors:
- * @LastEditTime:
- * @Description: 科室/专业组树形下拉
+/*
+ * @Author: zy
+ * @Date: 2024-04-08 11:49:50
+ * @LastEditors:
+ * @LastEditTime:
+ * @Description: 科室/专业组树形下拉
  */
 import { Iconfont } from "../components";
 import { TreeSelect } from 'antd';
@@ -111,6 +111,7 @@ var LabDGTreeSelect = function LabDGTreeSelect(_ref) {
     onChange: handClear,
     placeholder: placeholder,
     treeNodeFilterProp: "title",
+    className: "lab-tree-select",
     popupClassName: "lab-group-tree-select"
   });
 };

package/dist/LabDGTreeSelect/style.less

@@ -1,77 +1,79 @@
-.lab-group-tree-select {
-  .ant-select-tree-list-holder-inner
-    .ant-select-tree-treenode
-    .ant-select-tree-node-content-wrapper {
-    display: flex;
-    align-items: center;
-    width: 70%;
-    overflow: hidden;
-    border-radius: 0;
-
-    &:hover {
-      background: none;
-
-      .ant-select-tree-title {
-        background-color: #d0e4ff;
-      }
-    }
-
-    &.ant-select-tree-node-selected {
-      background: none;
-
-      .ant-select-tree-title {
-        background-color: #d0e4ff;
-      }
-    }
-
-    .ant-select-tree-iconEle {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      flex-shrink: 0;
-    }
-
-    .ant-select-tree-title {
-      padding: 0 4px;
-      color: #1a1b20;
-      font-size: 13px;
-      box-sizing: border-box;
-      white-space: nowrap !important;
-      overflow: hidden !important;
-      text-overflow: ellipsis !important;
-    }
-  }
-}
-
-.ant-select {
-  height: 28px;
-
-  .ant-select-selector {
-    font-size: 13px;
-    border-radius: 2px;
-
-    .ant-select-selection-search {
-      inset-inline-start: 6px;
-      inset-inline-end: 26px;
-    }
-  }
-}
-
-.ant-select-single:not(.ant-select-customize-input) {
-  .ant-select-selector {
-    padding: 0 6px;
-  }
-}
-
-.ant-select-dropdown {
-  border-radius: 2px;
-
-  .ant-select-tree .ant-select-tree-switcher {
-    border-radius: 0;
-  }
-
-  .ant-select-tree-switcher-icon {
-    color: #868b9c;
-    font-size: 12px;
-  }
-}
+.lab-group-tree-select {
+  .ant-select-tree-list-holder-inner
+    .ant-select-tree-treenode
+    .ant-select-tree-node-content-wrapper {
+    display: flex;
+    align-items: center;
+    width: 70%;
+    overflow: hidden;
+    border-radius: 0;
+
+    &:hover {
+      background: none;
+
+      .ant-select-tree-title {
+        background-color: #d0e4ff;
+      }
+    }
+
+    &.ant-select-tree-node-selected {
+      background: none;
+
+      .ant-select-tree-title {
+        background-color: #d0e4ff;
+      }
+    }
+
+    .ant-select-tree-iconEle {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+    }
+
+    .ant-select-tree-title {
+      padding: 0 4px;
+      color: #1a1b20;
+      font-size: 13px;
+      box-sizing: border-box;
+      white-space: nowrap !important;
+      overflow: hidden !important;
+      text-overflow: ellipsis !important;
+    }
+  }
+}
+
+.lab-tree-select {
+  height: 28px;
+}
+
+.ant-select {
+  .ant-select-selector {
+    font-size: 13px;
+    border-radius: 2px;
+
+    .ant-select-selection-search {
+      inset-inline-start: 6px;
+      inset-inline-end: 26px;
+    }
+  }
+}
+
+.ant-select-single:not(.ant-select-customize-input) {
+  .ant-select-selector {
+    padding: 0 6px;
+  }
+}
+
+.ant-select-dropdown {
+  border-radius: 2px;
+
+  .ant-select-tree .ant-select-tree-switcher {
+    border-radius: 0;
+  }
+
+  .ant-select-tree-switcher-icon {
+    color: #868b9c;
+    font-size: 12px;
+  }
+}

package/dist/LabFilePreview/index.d.ts

@@ -0,0 +1,11 @@
+import type { FC } from 'react';
+import './style.less';
+interface IndexProps {
+    imgList: any;
+    curImgIndex?: number;
+    fileField?: object;
+    isSwitchPreviw?: boolean;
+    getRotateAngle?: (Angle?: number, direction?: string) => void;
+}
+declare const LabFilePreview: FC<IndexProps>;
+export default LabFilePreview;

package/dist/LabFilePreview/index.js

@@ -0,0 +1,290 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/*
+ * @Author: xqy
+ * @Date: 2024-04-10 11:04:12
+ * @LastEditors: xqy
+ * @LastEditTime: 2024-11-28 17:42:47
+ * @Description: 文件预览（支持pdf切换预览）
+ */
+import { LeftOutlined, RightOutlined, RotateLeftOutlined, RotateRightOutlined, ZoomInOutlined, ZoomOutOutlined } from '@ant-design/icons';
+import { Divider } from 'antd';
+import cn from 'classnames';
+import React, { useEffect, useRef, useState } from 'react';
+import { LabPdf } from "./..";
+import "./style.less";
+var LabFilePreview = function LabFilePreview(props) {
+  var _list$curIndex, _list$curIndex2, _list$curIndex3, _list$curIndex4;
+  var imgList = props.imgList,
+    _props$curImgIndex = props.curImgIndex,
+    curImgIndex = _props$curImgIndex === void 0 ? 0 : _props$curImgIndex,
+    _props$fileField = props.fileField,
+    fileField = _props$fileField === void 0 ? {
+      filePath: 'filePath',
+      fileName: 'fileName'
+    } : _props$fileField,
+    isSwitchPreviw = props.isSwitchPreviw,
+    getRotateAngle = props.getRotateAngle;
+  var _useState = useState(curImgIndex),
+    _useState2 = _slicedToArray(_useState, 2),
+    curIndex = _useState2[0],
+    setCurIndex = _useState2[1];
+  var _useState3 = useState(1),
+    _useState4 = _slicedToArray(_useState3, 2),
+    scale = _useState4[0],
+    setScale = _useState4[1]; //初始缩放比例
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    list = _useState6[0],
+    setList = _useState6[1]; //图片的数组
+  var _useState7 = useState(0),
+    _useState8 = _slicedToArray(_useState7, 2),
+    rotatinNum = _useState8[0],
+    setRotatinNum = _useState8[1]; //旋转次数
+  var canvasRef = useRef(null);
+
+  //底部操作按钮
+  var _useState9 = useState([{
+      type: 'enlarge',
+      typeName: '放大(+)',
+      icon: /*#__PURE__*/React.createElement(ZoomInOutlined, {
+        className: "footer-icon"
+      }),
+      disabled: false,
+      disableName: '已是最大比例'
+    }, {
+      type: 'narrow',
+      typeName: '缩小(-)',
+      icon: /*#__PURE__*/React.createElement(ZoomOutOutlined, {
+        className: "footer-icon"
+      }),
+      disabled: false,
+      disableName: '已是最小比例'
+    }, {
+      type: 'turnLeft',
+      typeName: '向左旋转',
+      icon: /*#__PURE__*/React.createElement(RotateLeftOutlined, {
+        className: "footer-icon"
+      }),
+      disabled: false
+    }, {
+      type: 'turnRight',
+      typeName: '向右旋转',
+      icon: /*#__PURE__*/React.createElement(RotateRightOutlined, {
+        className: "footer-icon"
+      }),
+      disabled: false
+    }]),
+    _useState10 = _slicedToArray(_useState9, 2),
+    footerBtns = _useState10[0],
+    setFooterBtns = _useState10[1];
+
+  /**鼠标滚轮实现图片的放大缩小 */
+  var handleWheel = function handleWheel(event) {
+    // event.preventDefault() //阻止默认的滚动行为，防止浏览器默认进行页面滚动
+    var scaleChange = event.deltaY > 0 ? -0.1 : 0.1;
+    //计算缩放比例,限制缩放比例在（0.5到4之间），防止过大或过小
+    var newScale = Math.min(Math.max(0.2, scale + scaleChange), 4);
+    //更新缩放的那一张比例
+    var updatedList = _toConsumableArray(list);
+    updatedList[curIndex].scale = newScale;
+    setList(updatedList);
+    setScale(newScale);
+  };
+
+  //点击切换事件
+  var carouselClick = function carouselClick(type) {
+    setScale(1); //重置初始的缩放比例
+    setRotatinNum(0); //重置初始的缩放比例
+    if (type === 'lt') {
+      //向左切换
+      if (curIndex === 0) {
+        //当前的索引为0,获取最后一张图片
+        setCurIndex((list === null || list === void 0 ? void 0 : list.length) - 1);
+        return;
+      } else {
+        //获取上一张的图片
+        setCurIndex(curIndex - 1);
+      }
+    } else {
+      //向右切换
+      if (curIndex === (list === null || list === void 0 ? void 0 : list.length) - 1) {
+        //索引为最后一张，还切换就是切换到第一张
+        setCurIndex(0);
+      } else {
+        //获取下一张的图片
+        setCurIndex(curIndex + 1);
+      }
+    }
+  };
+
+  //图片放大缩小
+  var toZoomInOut = function toZoomInOut(type) {
+    var ratios = type === 'enlarge' ? scale + 0.2 : scale - 0.2; //比例
+    var newScale = Math.min(Math.max(0.2, ratios), 4);
+    var updatedList = _toConsumableArray(list);
+    updatedList[curIndex].scale = newScale;
+    setList(updatedList);
+    setScale(newScale);
+  };
+
+  //左右旋转图片
+  var toTurnHandle = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(direction) {
+      var newRotateNum, updatedList;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            newRotateNum = rotatinNum;
+            if (direction === 'l') {
+              newRotateNum = rotatinNum - 1;
+            } else {
+              newRotateNum = rotatinNum + 1;
+            }
+            //更新缩放的那一张比例
+            updatedList = _toConsumableArray(list);
+            updatedList[curIndex].roteAngle = newRotateNum * 90;
+            setList(updatedList);
+            setRotatinNum(newRotateNum);
+            getRotateAngle === null || getRotateAngle === void 0 || getRotateAngle(newRotateNum * 90);
+            // //旋转之后,利用canvas生成新的图片(formData类型,供传参使用)
+            // if (isCanvasImg) {
+            //   const newFiles = await labCanvasToFile(canvasRef, {
+            //     ...list[curIndex],
+            //     rotatinNum: newRotateNum,
+            //   });
+            //   getRotateImg?.(newFiles);
+            // }
+          case 7:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function toTurnHandle(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  //底部按钮点击事件(enlarge - 放大，narrow - 缩小，turnLeft - 左转， turnRight - 右转)
+  var clickHandle = function clickHandle(type) {
+    switch (type) {
+      case 'enlarge':
+        toZoomInOut('enlarge');
+        break;
+      case 'narrow':
+        toZoomInOut('narrow');
+        break;
+      case 'turnLeft':
+        toTurnHandle('l');
+        break;
+      case 'turnRight':
+        toTurnHandle('r');
+        break;
+      default:
+        break;
+    }
+  };
+  useEffect(function () {
+    if (Array.isArray(imgList) && imgList.length) {
+      var filePath = fileField.filePath,
+        fileName = fileField.fileName;
+      var arr = imgList.map(function (i) {
+        var _i$filePath, _i$filePath2;
+        var name = i[fileName] ? i[fileName] : (_i$filePath = i[filePath]) === null || _i$filePath === void 0 ? void 0 : _i$filePath.split('/').pop();
+        var type = (_i$filePath2 = i[filePath]) === null || _i$filePath2 === void 0 ? void 0 : _i$filePath2.substring(i[filePath].lastIndexOf('.') + 1);
+        return {
+          fileType: type === null || type === void 0 ? void 0 : type.toLowerCase(),
+          filePath: i[filePath] + '?v=' + Date.now(),
+          // 加时间戳：解决图片地址没改，造成浏览器缓存，图片不更新的问题。
+          fileName: name,
+          scale: 1,
+          roteAngle: 0
+        };
+      });
+      setList(arr);
+    }
+  }, [imgList]);
+  useEffect(function () {
+    setCurIndex(curImgIndex);
+  }, [curImgIndex]);
+  useEffect(function () {
+    var newBtns = _toConsumableArray(footerBtns);
+    if (scale <= 0.2) {
+      //最小的放大比例，缩小禁用
+      newBtns[1].disabled = true;
+      newBtns[0].disabled = false;
+    } else if (scale >= 4) {
+      //放大禁用
+      newBtns[1].disabled = false;
+      newBtns[0].disabled = true;
+    } else {
+      newBtns[1].disabled = false;
+      newBtns[0].disabled = false;
+    }
+    setFooterBtns(newBtns);
+  }, [scale]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn('file-preview')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "contentPart"
+  }, list[curIndex] && Object.keys(list[curIndex]).length && /*#__PURE__*/React.createElement("div", {
+    className: "contentDiv"
+  }, ((_list$curIndex = list[curIndex]) === null || _list$curIndex === void 0 ? void 0 : _list$curIndex.fileType) === 'pdf' ? /*#__PURE__*/React.createElement(LabPdf, {
+    src: list[curIndex].filePath
+  }) : /*#__PURE__*/React.createElement("img", {
+    style: {
+      maxWidth: '100%',
+      maxHeight: '100%',
+      transform: "rotate(".concat(list[curIndex].roteAngle, "deg) scale3d(").concat(list[curIndex].scale, ", ").concat(list[curIndex].scale, ", 1)"),
+      transition: 'transform 0.25s ease',
+      // 添加平滑的缩放过渡效果
+      cursor: 'grab'
+    },
+    src: (_list$curIndex2 = list[curIndex]) === null || _list$curIndex2 === void 0 ? void 0 : _list$curIndex2.filePath,
+    onWheel: handleWheel,
+    key: (_list$curIndex3 = list[curIndex]) === null || _list$curIndex3 === void 0 ? void 0 : _list$curIndex3.filePath
+  }))), ((_list$curIndex4 = list[curIndex]) === null || _list$curIndex4 === void 0 ? void 0 : _list$curIndex4.fileType) !== 'pdf' && /*#__PURE__*/React.createElement("div", {
+    className: "footer"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "operate-btn"
+  }, (imgList === null || imgList === void 0 ? void 0 : imgList.length) > 1 && isSwitchPreviw && /*#__PURE__*/React.createElement("div", {
+    className: "footer-page",
+    title: "\u4E0A\u4E00\u5F20"
+  }, /*#__PURE__*/React.createElement(LeftOutlined, {
+    className: "footer-icon",
+    onClick: function onClick() {
+      return carouselClick('lt');
+    }
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "page-text"
+  }, curIndex + 1, "/", imgList === null || imgList === void 0 ? void 0 : imgList.length), /*#__PURE__*/React.createElement(RightOutlined, {
+    className: "footer-icon",
+    onClick: function onClick() {
+      return carouselClick('rt');
+    },
+    title: "\u4E0B\u4E00\u5F20"
+  })), (imgList === null || imgList === void 0 ? void 0 : imgList.length) > 1 && /*#__PURE__*/React.createElement(Divider, {
+    type: "vertical",
+    style: {
+      background: '#edf1f51a'
+    }
+  }), footerBtns.map(function (item) {
+    return /*#__PURE__*/React.createElement("div", {
+      onClick: function onClick() {
+        return clickHandle(item.type);
+      },
+      key: item.type,
+      className: item.disabled ? 'disable-btn' : '',
+      title: item.disabled ? item.disableName : item.typeName
+    }, item.icon);
+  }))), /*#__PURE__*/React.createElement("canvas", {
+    ref: canvasRef,
+    style: {
+      display: 'none'
+    }
+  }));
+};
+export default LabFilePreview;

package/dist/LabFilePreview/style.less

@@ -0,0 +1,78 @@
+.file-preview {
+  background-color: #0d0d0dcc;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  position: relative;
+
+  .contentPart {
+    width: 100%;
+    height: 100%;
+
+    .contentDiv {
+      width: 100%;
+      height: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      position: relative;
+      overflow: auto;
+
+      img {
+        height: 100vh;
+        position: absolute;
+      }
+
+      .pdfStyle {
+        width: 100vw;
+        height: 100vh;
+      }
+    }
+  }
+
+  .footer {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    height: 48px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: rgb(21, 21, 21);
+
+    .operate-btn {
+      display: flex;
+      align-items: center;
+      color: #fff;
+    }
+
+    .footer-icon {
+      font-size: 18px;
+      color: #fff;
+      padding: 6px 12px;
+      cursor: pointer;
+    }
+
+    .footer-page {
+      display: flex;
+      align-items: center;
+
+      .page-text {
+        font-size: 14px;
+        padding: 0 12px;
+        margin: 0 8px;
+      }
+    }
+
+    .disable-btn {
+      .footer-icon {
+        color: #b6b9c4;
+      }
+    }
+  }
+
+  ::selection {
+    background: none;
+  }
+}

package/dist/LabGroupTree/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import './style.less';
 import type { IGtreeProps } from './typing';
-declare const LabGroupTree: ({ treeData, GBeforeIcon, showLine, showIcon, isShowNum, isCustomTree, treeProperties, onExpand, onSelect, childTitleNode, extraNodeProps, ...restProps }: IGtreeProps) => React.JSX.Element;
+declare const LabGroupTree: ({ treeData, GBeforeIcon, showIcon, isShowNum, isCustomTree, treeProperties, onExpand, onSelect, childTitleNode, extraNodeProps, ...restProps }: IGtreeProps) => React.JSX.Element;
 export default LabGroupTree;

package/dist/LabGroupTree/index.js

@@ -3,15 +3,16 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["treeData", "GBeforeIcon", "showLine", "showIcon", "isShowNum", "isCustomTree", "treeProperties", "onExpand", "onSelect", "childTitleNode", "extraNodeProps"];
-/*
- * @Author: xqy
- * @Date: 2024-03-18 16:23:10
- * @LastEditors: xqy
- * @LastEditTime: 2024-06-06 15:08:52
- * @Description:专业组树形
+var _excluded = ["treeData", "GBeforeIcon", "showIcon", "isShowNum", "isCustomTree", "treeProperties", "onExpand", "onSelect", "childTitleNode", "extraNodeProps"];
+/*
+ * @Author: xqy
+ * @Date: 2024-03-18 16:23:10
+ * @LastEditors: xqy
+ * @LastEditTime: 2024-11-22 16:11:10
+ * @Description:专业组树形
  */
 import { Iconfont } from "../components";
+import { MinusSquareOutlined, PlusSquareOutlined } from '@ant-design/icons';
 import { Tree } from 'antd';
 import React, { useMemo } from 'react';
 import "./style.less";
@@ -20,11 +21,25 @@ var IconTypes = {
   // 检验专业组
   '2': 'icon-guan',
   // 管理专业组
+  '3': 'icon-yuan',
+  // 院区
   '4': 'icon-ke',
   // 科室
   '10': 'icon-lei',
   // 公共分类
-  '11': 'icon-lei' // 管理专业组级公共分类
+  '11': 'icon-lei',
+  // 管理专业组级公共分类
+  '111': 'icon-ji',
+  // 机构实例
+  '112': 'icon-ji',
+  // 机构 (显示为'机构')
+  '113': 'icon-ke',
+  // 科室 (显示为'科室')
+  '114': 'icon-bei',
+  // 备案实验室
+  '121': 'icon-fen',
+  // 分类
+  '122': 'icon-lei' // 类型
 };
 var LabGroupTree = function LabGroupTree(_ref) {
   var _ref$treeData = _ref.treeData,
@@ -39,12 +54,6 @@ var LabGroupTree = function LabGroupTree(_ref) {
         }
       });
     } : _ref$GBeforeIcon,
-    _ref$showLine = _ref.showLine,
-    showLine = _ref$showLine === void 0 ? {
-      showLeafIcon: function showLeafIcon() {
-        return false;
-      }
-    } : _ref$showLine,
     _ref$showIcon = _ref.showIcon,
     showIcon = _ref$showIcon === void 0 ? true : _ref$showIcon,
     _ref$isShowNum = _ref.isShowNum,
@@ -182,7 +191,9 @@ var LabGroupTree = function LabGroupTree(_ref) {
       width: '100%'
     },
     showIcon: showIcon,
-    showLine: showLine,
+    switcherIcon: function switcherIcon(props) {
+      return props !== null && props !== void 0 && props.expanded ? /*#__PURE__*/React.createElement(MinusSquareOutlined, null) : /*#__PURE__*/React.createElement(PlusSquareOutlined, null);
+    },
     titleRender: customTitle,
     fieldNames: {
       title: 'NAME',