zy-react-library 1.1.2 → 1.1.4

package/components/Map/MapSelector.js

@@ -1,280 +1 @@
-import { Modal, Form, Row, Col, Select, Input, Button, Spin } from 'antd';
-import { useRef, useState, useEffect } from 'react';
-import { dynamicLoadJs } from '../../utils/index.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-const MapSelector = props => {
-  const {
-    visible,
-    onClose,
-    longitude,
-    latitude,
-    onConfirm,
-    area = "",
-    showArea = false,
-    disable = false
-  } = props;
-  const mapContainerRef = useRef(null);
-  const mapInstanceRef = useRef(null);
-  const local = useRef(null);
-  const [loading, setLoading] = useState(false);
-  const [currentLongitude, setCurrentLongitude] = useState(longitude || "");
-  const [currentLatitude, setCurrentLatitude] = useState(latitude || "");
-  const [localSearch, setLocalSearch] = useState("");
-  const [currentArea, setCurrentArea] = useState("");
-
-  // 当外部经纬度变化时，更新内部状态
-  useEffect(() => {
-    setCurrentLongitude(longitude || "");
-    setCurrentLatitude(latitude || "");
-    setCurrentArea(area || "");
-  }, [longitude, latitude, area]);
-
-  // 初始化地图
-  const initMap = async () => {
-    if (!window.BMapGL) {
-      if (window?.base?.loadDynamicResource) {
-        await window.base.loadDynamicResource({
-          url: "https://api.map.baidu.com/api?v=1.0&type=webgl&ak=OElqFYoKiAH8KFtph8ftLKF5NlNrbCUr&callback=initialize",
-          type: "script"
-        });
-      } else {
-        await dynamicLoadJs("https://api.map.baidu.com/api?v=1.0&type=webgl&ak=OElqFYoKiAH8KFtph8ftLKF5NlNrbCUr&callback=initialize");
-      }
-    }
-    setLoading(true);
-
-    // 确保DOM已经渲染
-    await new Promise(resolve => setTimeout(resolve, 100));
-    if (mapContainerRef.current) {
-      // 只有在没有地图实例时才创建新地图
-      if (!mapInstanceRef.current) {
-        const map = new window.BMapGL.Map(mapContainerRef.current);
-        mapInstanceRef.current = map;
-        map.centerAndZoom(new window.BMapGL.Point(longitude || "119.69457721306945", latitude || "39.940504336846665"), 16);
-        map.enableScrollWheelZoom(true);
-
-        // 如果有初始坐标，添加标记
-        if (longitude && latitude) {
-          const point = new window.BMapGL.Point(longitude, latitude);
-          const marker = new window.BMapGL.Marker(point);
-          map.addOverlay(marker);
-        }
-
-        // 添加点击事件
-        if (!disable) {
-          map.addEventListener("click", event => {
-            map.clearOverlays();
-            const point = new window.BMapGL.Point(event.latlng.lng, event.latlng.lat);
-            const marker = new window.BMapGL.Marker(point);
-            map.addOverlay(marker);
-            setCurrentLatitude(event.latlng.lat);
-            setCurrentLongitude(event.latlng.lng);
-          });
-        }
-      }
-      setLoading(false);
-    }
-  };
-
-  // 搜索功能
-  const handleLocalSearch = () => {
-    if (localSearch && mapInstanceRef.current) {
-      local.current = new window.BMapGL.LocalSearch(mapInstanceRef.current, {
-        renderOptions: {
-          map: mapInstanceRef.current
-        }
-      });
-      local.current.search(localSearch);
-    }
-  };
-
-  // 清空
-  const handleLocalClear = () => {
-    setLocalSearch("");
-    if (mapInstanceRef.current) {
-      local.current.search("");
-    }
-  };
-
-  // 关闭弹窗
-  const handleClose = () => {
-    setLocalSearch("");
-    if (onClose) onClose();
-  };
-
-  // 确认选择
-  const handleConfirm = () => {
-    if (onConfirm) {
-      onConfirm(currentLongitude, currentLatitude, {
-        area: currentArea
-      });
-    }
-    handleClose();
-  };
-
-  // 监听visible变化
-  useEffect(() => {
-    let initTimer;
-    if (visible) {
-      // 延迟初始化地图，确保DOM完全渲染
-      initTimer = setTimeout(() => {
-        initMap();
-      }, 100);
-    }
-    return () => {
-      if (initTimer) {
-        clearTimeout(initTimer);
-      }
-    };
-  }, [visible]);
-  const handleAfterClose = () => {
-    if (mapInstanceRef.current) {
-      try {
-        mapInstanceRef.current.clearOverlays();
-        mapInstanceRef.current.destroy();
-        mapInstanceRef.current = null;
-      } catch (e) {
-        console.warn("Error destroying map on unmount:", e);
-      }
-      mapInstanceRef.current = null;
-    }
-  };
-
-  // 组件卸载时清理地图
-  useEffect(() => {
-    return () => {
-      handleAfterClose();
-    };
-  }, []);
-  return /*#__PURE__*/jsxs(Modal, {
-    open: visible,
-    title: "\u5750\u6807",
-    onCancel: handleClose,
-    width: 1000,
-    destroyOnHidden: false,
-    maskClosable: false,
-    afterClose: handleAfterClose,
-    footer: [/*#__PURE__*/jsx(Button, {
-      onClick: handleClose,
-      children: "\u53D6\u6D88"
-    }, "back"), !disable && /*#__PURE__*/jsx(Button, {
-      type: "primary",
-      onClick: handleConfirm,
-      children: "\u786E\u5B9A"
-    }, "submit")],
-    children: [/*#__PURE__*/jsxs(Form, {
-      labelAlign: "right",
-      labelCol: {
-        span: 6
-      },
-      wrapperCol: {
-        span: 18
-      },
-      children: [showArea && /*#__PURE__*/jsx(Row, {
-        gutter: 24,
-        children: /*#__PURE__*/jsx(Col, {
-          span: 12,
-          children: /*#__PURE__*/jsx(Form.Item, {
-            label: "\u6240\u5C5E\u533A\u57DF",
-            children: /*#__PURE__*/jsxs(Select, {
-              value: currentArea,
-              onChange: e => setCurrentArea(e),
-              allowClear: true,
-              children: [/*#__PURE__*/jsx(Select.Option, {
-                value: "1",
-                children: "\u4E1C\u6E2F\u533A"
-              }), /*#__PURE__*/jsx(Select.Option, {
-                value: "2",
-                children: "\u897F\u6E2F\u533A"
-              })]
-            })
-          })
-        })
-      }), !disable && /*#__PURE__*/jsxs(Row, {
-        gutter: 24,
-        children: [/*#__PURE__*/jsx(Col, {
-          span: 12,
-          children: /*#__PURE__*/jsx(Form.Item, {
-            label: "\u5173\u952E\u5B57\u641C\u7D22",
-            children: /*#__PURE__*/jsx(Input, {
-              value: localSearch,
-              onChange: e => setLocalSearch(e.target.value),
-              allowClear: true
-            })
-          })
-        }), /*#__PURE__*/jsx(Col, {
-          span: 12,
-          children: /*#__PURE__*/jsxs(Form.Item, {
-            label: " ",
-            colon: false,
-            style: {
-              textAlign: "right"
-            },
-            children: [/*#__PURE__*/jsx(Button, {
-              type: "primary",
-              onClick: handleLocalSearch,
-              children: "\u641C\u7D22"
-            }), /*#__PURE__*/jsx(Button, {
-              onClick: handleLocalClear,
-              style: {
-                marginLeft: 8
-              },
-              children: "\u91CD\u7F6E"
-            })]
-          })
-        })]
-      }), /*#__PURE__*/jsxs(Row, {
-        gutter: 24,
-        children: [/*#__PURE__*/jsx(Col, {
-          span: 12,
-          children: /*#__PURE__*/jsx(Form.Item, {
-            label: "\u7ECF\u5EA6",
-            children: /*#__PURE__*/jsx(Input, {
-              disabled: true,
-              value: currentLongitude
-            })
-          })
-        }), /*#__PURE__*/jsx(Col, {
-          span: 12,
-          children: /*#__PURE__*/jsx(Form.Item, {
-            label: "\u7EAC\u5EA6",
-            children: /*#__PURE__*/jsx(Input, {
-              disabled: true,
-              value: currentLatitude
-            })
-          })
-        })]
-      })]
-    }), /*#__PURE__*/jsx("div", {
-      ref: mapContainerRef,
-      style: {
-        width: "100%",
-        height: "500px",
-        position: "relative"
-      },
-      children: /*#__PURE__*/jsx(Spin, {
-        size: "large",
-        tip: "\u5730\u56FE\u6B63\u5728\u52A0\u8F7D\u4E2D...",
-        spinning: loading,
-        children: /*#__PURE__*/jsx("div", {
-          style: {
-            position: "absolute",
-            top: 0,
-            left: 0,
-            right: 0,
-            bottom: 0,
-            display: "flex",
-            justifyContent: "center",
-            alignItems: "center",
-            backgroundColor: "rgba(0, 0, 0, 0.5)",
-            zIndex: 1000
-          }
-        })
-      })
-    })]
-  });
-};
-MapSelector.displayName = "MapSelector";
-
-export { MapSelector as default };
+import{Modal as e,Form as n,Row as l,Col as r,Select as t,Input as a,Button as i,Spin as o}from"antd";import{useRef as c,useState as d,useEffect as s}from"react";import{dynamicLoadJs as p}from"../../utils/index.js";import{jsxs as u,jsx as h}from"react/jsx-runtime";const w=w=>{const{visible:m,onClose:b,longitude:g,latitude:y,onConfirm:f,area:C="",showArea:v=!1,disable:k=!1}=w,L=c(null),M=c(null),O=c(null),[B,G]=d(!1),[x,I]=d(g||""),[A,F]=d(y||""),[K,N]=d(""),[z,E]=d("");s(()=>{I(g||""),F(y||""),E(C||"")},[g,y,C]);const P=()=>{N(""),b&&b()};s(()=>{let e;return m&&(e=setTimeout(()=>{(async()=>{if(window.BMapGL||(window?.base?.loadDynamicResource?await window.base.loadDynamicResource({url:"https://api.map.baidu.com/api?v=1.0&type=webgl&ak=OElqFYoKiAH8KFtph8ftLKF5NlNrbCUr&callback=initialize",type:"script"}):await p("https://api.map.baidu.com/api?v=1.0&type=webgl&ak=OElqFYoKiAH8KFtph8ftLKF5NlNrbCUr&callback=initialize")),G(!0),await new Promise(e=>setTimeout(e,100)),L.current){if(!M.current){const e=new window.BMapGL.Map(L.current);if(M.current=e,e.centerAndZoom(new window.BMapGL.Point(g||"119.69457721306945",y||"39.940504336846665"),16),e.enableScrollWheelZoom(!0),g&&y){const n=new window.BMapGL.Point(g,y),l=new window.BMapGL.Marker(n);e.addOverlay(l)}k||e.addEventListener("click",n=>{e.clearOverlays();const l=new window.BMapGL.Point(n.latlng.lng,n.latlng.lat),r=new window.BMapGL.Marker(l);e.addOverlay(r),F(n.latlng.lat),I(n.latlng.lng)})}G(!1)}})()},100)),()=>{e&&clearTimeout(e)}},[m]);const j=()=>{if(M.current){try{M.current.clearOverlays(),M.current.destroy(),M.current=null}catch(e){console.warn("Error destroying map on unmount:",e)}M.current=null}};return s(()=>()=>{j()},[]),u(e,{open:m,title:"坐标",onCancel:P,width:1e3,destroyOnHidden:!1,maskClosable:!1,afterClose:j,footer:[h(i,{onClick:P,children:"取消"},"back"),!k&&h(i,{type:"primary",onClick:()=>{f&&f(x,A,{area:z}),P()},children:"确定"},"submit")],children:[u(n,{labelAlign:"right",labelCol:{span:6},wrapperCol:{span:18},children:[v&&h(l,{gutter:24,children:h(r,{span:12,children:h(n.Item,{label:"所属区域",children:u(t,{value:z,onChange:e=>E(e),allowClear:!0,children:[h(t.Option,{value:"1",children:"东港区"}),h(t.Option,{value:"2",children:"西港区"})]})})})}),!k&&u(l,{gutter:24,children:[h(r,{span:12,children:h(n.Item,{label:"关键字搜索",children:h(a,{value:K,onChange:e=>N(e.target.value),allowClear:!0})})}),h(r,{span:12,children:u(n.Item,{label:" ",colon:!1,style:{textAlign:"right"},children:[h(i,{type:"primary",onClick:()=>{K&&M.current&&(O.current=new window.BMapGL.LocalSearch(M.current,{renderOptions:{map:M.current}}),O.current.search(K))},children:"搜索"}),h(i,{onClick:()=>{N(""),M.current&&O.current.search("")},style:{marginLeft:8},children:"重置"})]})})]}),u(l,{gutter:24,children:[h(r,{span:12,children:h(n.Item,{label:"经度",children:h(a,{disabled:!0,value:x})})}),h(r,{span:12,children:h(n.Item,{label:"纬度",children:h(a,{disabled:!0,value:A})})})]})]}),h("div",{ref:L,style:{width:"100%",height:"500px",position:"relative"},children:h(o,{size:"large",tip:"地图正在加载中...",spinning:B,children:h("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"rgba(0, 0, 0, 0.5)",zIndex:1e3}})})})]})};w.displayName="MapSelector";export{w as default};

package/components/Map/index.js

@@ -1,90 +1 @@
-import { Form, Row, Col, Input, Button } from 'antd';
-import { useState } from 'react';
-import MapSelector from './MapSelector.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-const Map = props => {
-  const {
-    longitudeProps = "longitude",
-    latitudeProps = "latitude",
-    onConfirm,
-    required = true,
-    area = "",
-    showArea = false
-  } = props;
-  const form = Form.useFormInstance();
-  const [mapVisible, setMapVisible] = useState(false);
-  const [currentLongitude, setCurrentLongitude] = useState("");
-  const [currentLatitude, setCurrentLatitude] = useState("");
-  const handleMapConfirm = (longitudeValue, latitudeValue, extra) => {
-    setCurrentLongitude(longitudeValue);
-    setCurrentLatitude(latitudeValue);
-    form.setFieldsValue({
-      [longitudeProps]: longitudeValue,
-      [latitudeProps]: latitudeValue
-    });
-    onConfirm?.(longitudeValue, latitudeValue, extra);
-    setMapVisible(false);
-  };
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs(Row, {
-      gutter: 24,
-      children: [/*#__PURE__*/jsx(Col, {
-        span: 12,
-        children: /*#__PURE__*/jsx(Form.Item, {
-          label: "\u7ECF\u5EA6",
-          name: longitudeProps,
-          rules: [{
-            required,
-            message: "请选择经度"
-          }],
-          children: /*#__PURE__*/jsx(Input, {
-            disabled: true
-          })
-        })
-      }), /*#__PURE__*/jsx(Col, {
-        span: 12,
-        children: /*#__PURE__*/jsx(Form.Item, {
-          label: "\u7EAC\u5EA6",
-          required: required,
-          children: /*#__PURE__*/jsxs("div", {
-            style: {
-              display: "flex",
-              gap: 10
-            },
-            children: [/*#__PURE__*/jsx(Form.Item, {
-              name: latitudeProps,
-              noStyle: true,
-              rules: [{
-                required,
-                message: "请选择纬度"
-              }],
-              children: /*#__PURE__*/jsx(Input, {
-                disabled: true
-              })
-            }), /*#__PURE__*/jsx(Button, {
-              type: "primary",
-              onClick: () => {
-                setMapVisible(true);
-                setCurrentLongitude(form.getFieldValue(longitudeProps));
-                setCurrentLatitude(form.getFieldValue(latitudeProps));
-              },
-              children: "\u5730\u56FE\u5B9A\u4F4D"
-            })]
-          })
-        })
-      })]
-    }), /*#__PURE__*/jsx(MapSelector, {
-      visible: mapVisible,
-      onClose: () => setMapVisible(false),
-      longitude: currentLongitude,
-      latitude: currentLatitude,
-      area: area,
-      showArea: showArea,
-      onConfirm: handleMapConfirm
-    })]
-  });
-};
-Map.displayName = "Map";
-
-export { Map as default };
+import{Form as e,Row as r,Col as l,Input as i,Button as a}from"antd";import{useState as t}from"react";import d from"./MapSelector.js";import{jsxs as n,Fragment as o,jsx as s}from"react/jsx-runtime";const m=m=>{const{longitudeProps:u="longitude",latitudeProps:c="latitude",onConfirm:p,required:h=!0,area:g="",showArea:f=!1}=m,y=e.useFormInstance(),[b,q]=t(!1),[C,F]=t(""),[I,x]=t("");return n(o,{children:[n(r,{gutter:24,children:[s(l,{span:12,children:s(e.Item,{label:"经度",name:u,rules:[{required:h,message:"请选择经度"}],children:s(i,{disabled:!0})})}),s(l,{span:12,children:s(e.Item,{label:"纬度",required:h,children:n("div",{style:{display:"flex",gap:10},children:[s(e.Item,{name:c,noStyle:!0,rules:[{required:h,message:"请选择纬度"}],children:s(i,{disabled:!0})}),s(a,{type:"primary",onClick:()=>{q(!0),F(y.getFieldValue(u)),x(y.getFieldValue(c))},children:"地图定位"})]})})})]}),s(d,{visible:b,onClose:()=>q(!1),longitude:C,latitude:I,area:g,showArea:f,onConfirm:(e,r,l)=>{F(e),x(r),y.setFieldsValue({[u]:e,[c]:r}),p?.(e,r,l),q(!1)}})]})};m.displayName="Map";export{m as default};

package/components/Page/index.js

@@ -1,59 +1 @@
-import { Space, Button } from 'antd';
-import HeaderBack from '../HeaderBack/index.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function Page(props) {
-  const {
-    headerTitle,
-    history,
-    isShowHeader = true,
-    headerPrevious = true,
-    isShowFooter = true,
-    isShowAllAction = true,
-    backButtonText = "关闭",
-    contentPadding = "20px",
-    customActionButtons,
-    extraActionButtons
-  } = props;
-  return /*#__PURE__*/jsxs("div", {
-    className: "page",
-    children: [isShowAllAction && isShowHeader && /*#__PURE__*/jsx(HeaderBack, {
-      title: headerTitle,
-      history: history,
-      previous: headerPrevious
-    }), /*#__PURE__*/jsx("div", {
-      style: {
-        padding: contentPadding
-      },
-      children: props.children
-    }), isShowAllAction && isShowFooter && /*#__PURE__*/jsxs("div", {
-      style: {
-        transform: 'scale(1)',
-        margin: '0px -44px'
-      },
-      children: [/*#__PURE__*/jsx("div", {
-        style: {
-          height: "52px"
-        }
-      }), /*#__PURE__*/jsx("div", {
-        style: {
-          textAlign: "center",
-          backgroundColor: "rgb(241, 241, 242)",
-          padding: "10px 0",
-          position: "fixed",
-          bottom: "0",
-          width: "100%"
-        },
-        children: customActionButtons || /*#__PURE__*/jsxs(Space, {
-          children: [extraActionButtons, /*#__PURE__*/jsx(Button, {
-            onClick: () => history?.goBack?.() || window.history.back(),
-            children: backButtonText
-          })]
-        })
-      })]
-    })]
-  });
-}
-Page.displayName = "Page";
-
-export { Page as default };
+import{Space as e,Button as t}from"antd";import{useState as i,useEffect as o}from"react";import r from"../HeaderBack/index.js";import{jsxs as n,jsx as d,Fragment as s}from"react/jsx-runtime";function a(a){const{headerTitle:c,history:l,isShowHeader:h=!0,headerPrevious:m=!0,isShowFooter:p=!0,isShowAllAction:u=!0,backButtonText:g="关闭",contentPadding:w="20px",customActionButtons:x,extraActionButtons:f}=a,[v,y]=i(window.innerWidth),k=()=>{const e=document.querySelector("#page");e&&y(e.offsetWidth)};return o(()=>{const e=setTimeout(()=>{k()},0);return u&&p&&window.addEventListener("resize",k),()=>{u&&p&&window.removeEventListener("resize",k),clearTimeout(e)}},[u,p]),n("div",{className:"page",id:"page",children:[u&&h&&d(r,{title:c,history:l,previous:m}),n("div",{style:{padding:w},children:[a.children,u&&p&&n(s,{children:[d("div",{style:{height:"52px"}}),d("div",{style:{textAlign:"center",backgroundColor:"rgb(241, 241, 242)",padding:"10px 0",position:"fixed",bottom:"0",width:v,margin:"0px -20px"},children:x||n(e,{children:[f,d(t,{onClick:()=>l?.goBack?.()||window.history.back(),children:g})]})})]})]})]})}a.displayName="Page";export{a as default};

package/components/Pdf/index.js

@@ -1,136 +1 @@
-import { useFullscreen } from 'ahooks';
-import { Modal, Button, Spin, message } from 'antd';
-import { useState, useRef } from 'react';
-import { pdfjs, Document, Page } from 'react-pdf';
-import useDownloadFile from '../../hooks/useDownloadFile/index.js';
-import { getFileUrl } from '../../utils/index.js';
-import 'react-pdf/dist/Page/AnnotationLayer.css';
-import 'react-pdf/dist/Page/TextLayer.css';
-import './index.less';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-function Pdf(props) {
-  const {
-    visible = false,
-    onCancel,
-    file,
-    name,
-    inline = false,
-    style = {}
-  } = props;
-  const fileUrl = getFileUrl();
-  const [numPages, setNumPages] = useState(0);
-  const [pdfWidth, setPdfWidth] = useState(600);
-  const [loading, setLoading] = useState(true);
-  const fullscreenRef = useRef(null);
-  const [isFullscreen, {
-    enterFullscreen,
-    exitFullscreen
-  }] = useFullscreen(fullscreenRef);
-  const {
-    downloadFile
-  } = useDownloadFile();
-  pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.mjs`;
-  const onDocumentLoadSuccess = ({
-    numPages
-  }) => {
-    setNumPages(numPages);
-    setLoading(false);
-  };
-  const onDocumentLoadError = () => {
-    setLoading(false);
-    message.error("加载 PDF 文件失败");
-    if (onCancel) onCancel();
-  };
-  const onPageLoadSuccess = ({
-    width
-  }) => {
-    setPdfWidth(width);
-  };
-
-  // 内联模式的PDF内容
-  const renderPdfContent = () => /*#__PURE__*/jsxs(Fragment, {
-    children: [loading && /*#__PURE__*/jsx("div", {
-      style: {
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center",
-        height: "72vh"
-      },
-      children: /*#__PURE__*/jsx(Spin, {
-        size: "large"
-      })
-    }), /*#__PURE__*/jsx("div", {
-      style: {
-        height: isFullscreen ? "calc(100vh - 40px - 24px - 8px - 32px - 12px)" : "72vh",
-        overflowY: "auto",
-        padding: "24px",
-        ...style
-      },
-      children: /*#__PURE__*/jsx(Document, {
-        file: !file.includes(fileUrl) ? fileUrl + file : file,
-        onLoadSuccess: onDocumentLoadSuccess,
-        onLoadError: onDocumentLoadError,
-        children: Array.from({
-          length: numPages
-        }).map((_, index) => /*#__PURE__*/jsx(Page, {
-          pageNumber: index + 1,
-          onLoadSuccess: onPageLoadSuccess
-        }, `page_${index + 1}`))
-      })
-    })]
-  });
-
-  // 如果是内联模式，直接返回PDF内容
-  if (inline) {
-    return renderPdfContent();
-  }
-  const onDownloadFile = () => {
-    isFullscreen && exitFullscreen();
-    downloadFile({
-      url: file,
-      name
-    });
-  };
-
-  // 默认弹窗模式
-  return /*#__PURE__*/jsx("div", {
-    ref: fullscreenRef,
-    children: /*#__PURE__*/jsx(Modal, {
-      style: {
-        top: isFullscreen ? 0 : 100,
-        maxWidth: isFullscreen ? "100vw" : "calc(100vw - 32px)",
-        paddingBottom: isFullscreen ? 0 : 24
-      },
-      open: visible,
-      maskClosable: false,
-      width: isFullscreen ? "100vw" : pdfWidth + 100,
-      title: "PDF\u9884\u89C8",
-      onCancel: () => {
-        isFullscreen && exitFullscreen();
-        onCancel();
-      },
-      getContainer: false,
-      footer: [/*#__PURE__*/jsx(Button, {
-        onClick: () => {
-          isFullscreen && exitFullscreen();
-          onCancel();
-        },
-        children: "\u5173\u95ED"
-      }, "cancel"), !loading && /*#__PURE__*/jsx(Button, {
-        onClick: () => {
-          isFullscreen ? exitFullscreen() : enterFullscreen();
-        },
-        children: isFullscreen ? "退出全屏" : "全屏"
-      }, "fullScreen"), /*#__PURE__*/jsx(Button, {
-        type: "primary",
-        onClick: onDownloadFile,
-        children: "\u4E0B\u8F7D"
-      }, "download")],
-      children: renderPdfContent()
-    })
-  });
-}
-Pdf.displayName = "Pdf";
-
-export { Pdf as default };
+import{useFullscreen as e}from"ahooks";import{Modal as r,Button as o,Spin as i,message as n}from"antd";import{useState as t,useRef as l}from"react";import{pdfjs as a,Document as d,Page as s}from"react-pdf";import c from"../../hooks/useDownloadFile/index.js";import{getFileUrl as p}from"../../utils/index.js";import"react-pdf/dist/Page/AnnotationLayer.css";import"react-pdf/dist/Page/TextLayer.css";import"./index.less";import{jsxs as m,jsx as f,Fragment as h}from"react/jsx-runtime";function u(u){const{visible:x=!1,onCancel:g,file:v,name:y,inline:w=!1,style:k={}}=u,C=p(),[j,F]=t(0),[P,b]=t(600),[L,S]=t(!0),D=l(null),[A,{enterFullscreen:N,exitFullscreen:W}]=e(D),{downloadFile:$}=c();a.GlobalWorkerOptions.workerSrc=`//unpkg.com/pdfjs-dist@${a.version}/build/pdf.worker.min.mjs`;const z=({numPages:e})=>{F(e),S(!1)},B=()=>{S(!1),n.error("加载 PDF 文件失败"),g&&g()},E=({width:e})=>{b(e)},G=()=>m(h,{children:[L&&f("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"72vh"},children:f(i,{size:"large"})}),f("div",{style:{height:A?"calc(100vh - 40px - 24px - 8px - 32px - 12px)":"72vh",overflowY:"auto",padding:"24px",...k},children:f(d,{file:v.includes(C)?v:C+v,onLoadSuccess:z,onLoadError:B,children:Array.from({length:j}).map((e,r)=>f(s,{pageNumber:r+1,onLoadSuccess:E},`page_${r+1}`))})})]});return w?G():f("div",{ref:D,children:f(r,{style:{top:A?0:100,maxWidth:A?"100vw":"calc(100vw - 32px)",paddingBottom:A?0:24},open:x,maskClosable:!1,width:A?"100vw":P+100,title:"PDF预览",onCancel:()=>{A&&W(),g()},getContainer:!1,footer:[f(o,{onClick:()=>{A&&W(),g()},children:"关闭"},"cancel"),!L&&f(o,{onClick:()=>{A?W():N()},children:A?"退出全屏":"全屏"},"fullScreen"),f(o,{type:"primary",onClick:()=>{A&&W(),$({url:v,name:y})},children:"下载"},"download")],children:G()})})}u.displayName="Pdf";export{u as default};

package/components/PreviewImg/index.js

@@ -1,26 +1 @@
-import { Image } from 'antd';
-import { getFileUrl } from '../../utils/index.js';
-import { jsx } from 'react/jsx-runtime';
-
-const PreviewImg = props => {
-  const {
-    files = [],
-    fileUrlKey = "filePath"
-  } = props;
-  const fileUrl = getFileUrl();
-  return /*#__PURE__*/jsx(Image.PreviewGroup, {
-    children: files.filter(Boolean).map(item => /*#__PURE__*/jsx(Image, {
-      src: item[fileUrlKey] ? fileUrl + item[fileUrlKey] : fileUrl + item,
-      wrapperStyle: {
-        marginRight: 10,
-        marginBottom: 10
-      },
-      width: 100,
-      height: 100,
-      alt: ""
-    }, item[fileUrlKey] || item))
-  });
-};
-PreviewImg.displayName = "PreviewImg";
-
-export { PreviewImg as default };
+import{Image as r}from"antd";import{getFileUrl as e}from"../../utils/index.js";import{jsx as t}from"react/jsx-runtime";const i=i=>{const{files:o=[],fileUrlKey:a="filePath"}=i,m=e();return t(r.PreviewGroup,{children:o.filter(Boolean).map(e=>t(r,{src:e[a]?m+e[a]:m+e,wrapperStyle:{marginRight:10,marginBottom:10},width:100,height:100,alt:""},e[a]||e))})};i.displayName="PreviewImg";export{i as default};

package/components/PreviewPdf/index.js

@@ -1,78 +1 @@
-import { Space, Button } from 'antd';
-import { useState } from 'react';
-import Pdf from '../Pdf/index.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-const PreviewPdf = props => {
-  const {
-    files = [],
-    nameKey = "",
-    urlKey = "",
-    name = "",
-    url = ""
-  } = props;
-  const [visible, setVisible] = useState(false);
-  const [currentSrc, setCurrentSrc] = useState("");
-  const [currentName, setCurrentName] = useState("");
-  const previewPdf = (src, name) => {
-    setVisible(true);
-    setCurrentSrc(src);
-    setCurrentName(name);
-  };
-  const onCancel = () => {
-    setVisible(false);
-    setCurrentSrc("");
-    setCurrentName("");
-  };
-
-  // 单个文件预览模式
-  if (files.length === 0 && name && url) {
-    return /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsxs(Space, {
-        children: [/*#__PURE__*/jsx("span", {
-          children: name
-        }), /*#__PURE__*/jsx(Button, {
-          type: "primary",
-          size: "small",
-          onClick: () => previewPdf(url, name),
-          children: "\u9884\u89C8"
-        })]
-      }), /*#__PURE__*/jsx(Pdf, {
-        visible: visible,
-        file: currentSrc,
-        name: currentName,
-        onCancel: onCancel
-      })]
-    });
-  }
-
-  // 多文件预览模式
-  if (files.length > 0 && !name && !url) {
-    return /*#__PURE__*/jsxs(Fragment, {
-      children: [files.map(item => /*#__PURE__*/jsx("div", {
-        style: {
-          marginTop: 5
-        },
-        children: /*#__PURE__*/jsxs(Space, {
-          children: [/*#__PURE__*/jsx("span", {
-            children: item.name || item.fileName || item[nameKey]
-          }), /*#__PURE__*/jsx(Button, {
-            type: "primary",
-            size: "small",
-            onClick: () => previewPdf(item.filePath || item[urlKey], item.name || item.fileName || item[nameKey]),
-            children: "\u9884\u89C8"
-          })]
-        })
-      }, item.filePath || item[urlKey])), /*#__PURE__*/jsx(Pdf, {
-        visible: visible,
-        file: currentSrc,
-        name: currentName,
-        onCancel: onCancel
-      })]
-    });
-  }
-  return null;
-};
-PreviewPdf.displayName = "PreviewPdf";
-
-export { PreviewPdf as default };
+import{Space as e,Button as i}from"antd";import{useState as l}from"react";import n from"../Pdf/index.js";import{jsxs as r,Fragment as a,jsx as m}from"react/jsx-runtime";const t=t=>{const{files:c=[],nameKey:d="",urlKey:o="",name:s="",url:f=""}=t,[p,h]=l(!1),[y,u]=l(""),[P,v]=l(""),C=(e,i)=>{h(!0),u(e),v(i)},g=()=>{h(!1),u(""),v("")};return 0===c.length&&s&&f?r(a,{children:[r(e,{children:[m("span",{children:s}),m(i,{type:"primary",size:"small",onClick:()=>C(f,s),children:"预览"})]}),m(n,{visible:p,file:y,name:P,onCancel:g})]}):c.length>0&&!s&&!f?r(a,{children:[c.map(l=>m("div",{style:{marginTop:5},children:r(e,{children:[m("span",{children:l.name||l.fileName||l[d]}),m(i,{type:"primary",size:"small",onClick:()=>C(l.filePath||l[o],l.name||l.fileName||l[d]),children:"预览"})]})},l.filePath||l[o])),m(n,{visible:p,file:y,name:P,onCancel:g})]}):null};t.displayName="PreviewPdf";export{t as default};