zy-react-library 1.1.2 → 1.1.4

package/components/SelectTree/HiddenPart/Gwj/index.js

@@ -1,36 +1 @@
-import { request } from '@cqsjjb/jjb-common-lib/http';
-import { useState, useEffect } from 'react';
-import BasicSelectTree from '../../Basic/index.js';
-import { jsx } from 'react/jsx-runtime';
-
-function HiddenPartSelectTree(props) {
-  const {
-    params = {},
-    isNeedCorpInfoId = false,
-    ...restProps
-  } = props;
-  const [treeData, setTreeData] = useState([]);
-  const getData = async () => {
-    setTreeData([]);
-
-    // 根据参数决定是否发送请求
-    if (isNeedCorpInfoId && !params.eqCorpinfoId) return;
-    const {
-      data
-    } = await request("/hidden/hiddenRegion/listByTree", "post", params);
-    setTreeData(data);
-  };
-  useEffect(() => {
-    getData();
-  }, [JSON.stringify(params), isNeedCorpInfoId]);
-  return /*#__PURE__*/jsx(BasicSelectTree, {
-    treeData: treeData,
-    placeholder: "\u9690\u60A3\u90E8\u4F4D",
-    nameKey: "hiddenregion",
-    idKey: "hiddenregionId",
-    ...restProps
-  });
-}
-HiddenPartSelectTree.displayName = "HiddenPartSelectTree";
-
-export { HiddenPartSelectTree as default };
+import{request as e}from"@cqsjjb/jjb-common-lib/http";import{useState as r,useEffect as i}from"react";import t from"../../Basic/index.js";import{jsx as o}from"react/jsx-runtime";function n(n){const{params:d={},isNeedCorpInfoId:a=!1,...m}=n,[s,p]=r([]);return i(()=>{(async()=>{if(p([]),a&&!d.eqCorpinfoId)return;const{data:r}=await e("/hidden/hiddenRegion/listByTree","post",d);p(r)})()},[JSON.stringify(d),a]),o(t,{treeData:s,placeholder:"隐患部位",nameKey:"hiddenregion",idKey:"hiddenregionId",...m})}n.displayName="HiddenPartSelectTree";export{n as default};

package/components/SelectTree/Industry/index.js

@@ -1,21 +1 @@
-import Industry from '../../../json/industry.json';
-import BasicSelectTree from '../Basic/index.js';
-import { jsx } from 'react/jsx-runtime';
-
-function IndustrySelectTree(props) {
-  const {
-    placeholder = "行业类型",
-    ...restProps
-  } = props;
-  return /*#__PURE__*/jsx(BasicSelectTree, {
-    treeData: Industry,
-    placeholder: placeholder,
-    nameKey: "dict_label",
-    idKey: "dict_value",
-    childrenKey: "childrenList",
-    ...restProps
-  });
-}
-IndustrySelectTree.displayName = "IndustrySelectTree";
-
-export { IndustrySelectTree as default };
+import e from"../../../json/industry.json";import r from"../Basic/index.js";import{jsx as t}from"react/jsx-runtime";function i(i){const{placeholder:a="行业类型",...n}=i;return t(r,{treeData:e,placeholder:a,nameKey:"dict_label",idKey:"dict_value",childrenKey:"childrenList",...n})}i.displayName="IndustrySelectTree";export{i as default};

package/components/Signature/index.js

@@ -1,100 +1 @@
-import { Button, Image, Modal, message } from 'antd';
-import dayjs from 'dayjs';
-import { useState, useRef, useEffect } from 'react';
-import SignatureCanvas from 'react-signature-canvas';
-import { base642File } from '../../utils/index.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-function Signature(props) {
-  const {
-    onConfirm,
-    width = 752,
-    height = 300,
-    url = "",
-    ...restProps
-  } = props;
-  const [signatureModalOpen, setSignatureModalOpen] = useState(false);
-  const signatureCanvas = useRef(null);
-  const [base64, setBase64] = useState("");
-  useEffect(() => {
-    setBase64(url);
-  }, [url]);
-  const onOk = () => {
-    if (signatureCanvas.current.isEmpty()) {
-      message.warning("请签名");
-      return;
-    }
-    const base64 = signatureCanvas.current.toDataURL();
-    setBase64(base64);
-    onConfirm({
-      time: dayjs().format("YYYY-MM-DD HH:mm:ss"),
-      base64,
-      file: base642File(base64)
-    });
-    signatureCanvas.current.clear();
-    setSignatureModalOpen(false);
-  };
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx("div", {
-      children: /*#__PURE__*/jsx(Button, {
-        type: "primary",
-        onClick: () => {
-          setSignatureModalOpen(true);
-        },
-        children: base64 ? "重新签字" : "手写签字"
-      })
-    }), base64 && /*#__PURE__*/jsx("div", {
-      style: {
-        border: "1px dashed #d9d9d9",
-        width,
-        height,
-        marginTop: 16
-      },
-      children: /*#__PURE__*/jsx(Image, {
-        src: base64,
-        style: {
-          width,
-          height,
-          objectFit: "contain"
-        }
-      })
-    }), /*#__PURE__*/jsx(Modal, {
-      title: "\u7B7E\u5B57",
-      width: 800,
-      open: signatureModalOpen,
-      maskClosable: false,
-      onCancel: () => setSignatureModalOpen(false),
-      footer: [/*#__PURE__*/jsx(Button, {
-        onClick: () => signatureCanvas.current.clear(),
-        children: "\u91CD\u7B7E"
-      }, "clear"), /*#__PURE__*/jsx(Button, {
-        onClick: () => {
-          setSignatureModalOpen(false);
-          signatureCanvas.current.clear();
-        },
-        children: "\u53D6\u6D88"
-      }, "cancel"), /*#__PURE__*/jsx(Button, {
-        type: "primary",
-        onClick: onOk,
-        children: "\u786E\u5B9A"
-      }, "ok")],
-      children: /*#__PURE__*/jsx("div", {
-        style: {
-          border: "1px dashed #d9d9d9"
-        },
-        children: /*#__PURE__*/jsx(SignatureCanvas, {
-          ref: signatureCanvas,
-          penColor: "black",
-          canvasProps: {
-            width,
-            height
-          },
-          ...restProps
-        })
-      })
-    })]
-  });
-}
-Signature.displayName = "Signature";
-
-export { Signature as default };
+import{Button as r,Image as e,Modal as i,message as t}from"antd";import n from"dayjs";import{useState as o,useRef as c,useEffect as a}from"react";import d from"react-signature-canvas";import{base642File as l}from"../../utils/index.js";import{jsxs as h,Fragment as m,jsx as s}from"react/jsx-runtime";function p(p){const{onConfirm:u,width:f=752,height:y=300,url:g="",...C}=p,[k,b]=o(!1),v=c(null),[w,x]=o("");return a(()=>{x(g)},[g]),h(m,{children:[s("div",{children:s(r,{type:"primary",onClick:()=>{b(!0)},children:w?"重新签字":"手写签字"})}),w&&s("div",{style:{border:"1px dashed #d9d9d9",width:f,height:y,marginTop:16},children:s(e,{src:w,style:{width:f,height:y,objectFit:"contain"}})}),s(i,{title:"签字",width:800,open:k,maskClosable:!1,onCancel:()=>b(!1),footer:[s(r,{onClick:()=>v.current.clear(),children:"重签"},"clear"),s(r,{onClick:()=>{b(!1),v.current.clear()},children:"取消"},"cancel"),s(r,{type:"primary",onClick:()=>{if(v.current.isEmpty())return void t.warning("请签名");const r=v.current.toDataURL();x(r),u({time:n().format("YYYY-MM-DD HH:mm:ss"),base64:r,file:l(r)}),v.current.clear(),b(!1)},children:"确定"},"ok")],children:s("div",{style:{border:"1px dashed #d9d9d9"},children:s(d,{ref:v,penColor:"black",canvasProps:{width:f,height:y},...C})})})]})}p.displayName="Signature";export{p as default};

package/components/Table/index.js

@@ -1,77 +1 @@
-import TablePro from '@cqsjjb/jjb-react-admin-component/Table';
-import { getIndexColumn } from '../../utils/index.js';
-import dayjs from 'dayjs';
-import './index.less';
-import { jsx } from 'react/jsx-runtime';
-
-const CLEANUP_INTERVAL_DAYS = 10; // 清理间隔天数
-const LAST_CLEANUP_KEY = 'tableLocalStorageLastCleanup'; // 最后清理时间存储key
-
-// 清理本地存储中特定后缀的key
-function cleanupTableLocalStorage() {
-  const now = dayjs();
-  const lastCleanupStr = localStorage.getItem(LAST_CLEANUP_KEY);
-  const lastCleanup = lastCleanupStr ? dayjs(lastCleanupStr) : null;
-
-  // 如果没有上次清理时间或距离上次清理已超过10天
-  if (!lastCleanup || now.diff(lastCleanup, 'day') >= CLEANUP_INTERVAL_DAYS) {
-    // 查找并清理符合条件的key
-    const keysToRemove = [];
-    for (let i = 0; i < localStorage.length; i++) {
-      const key = localStorage.key(i);
-      if (key && (key.endsWith('#columnState') || key.endsWith('#size') || key.endsWith('#resizable'))) {
-        keysToRemove.push(key);
-      }
-    }
-
-    // 删除匹配的key
-    keysToRemove.forEach(key => {
-      localStorage.removeItem(key);
-    });
-
-    // 更新最后清理时间
-    localStorage.setItem(LAST_CLEANUP_KEY, now.toISOString());
-  }
-}
-function Table(props) {
-  const {
-    columns = [],
-    showIndexColumn = true,
-    ellipsis = true,
-    align = "center",
-    indexColumnFixed = "left",
-    rowKey = "id",
-    ...restProps
-  } = props;
-
-  // 组件初始化时执行清理
-  cleanupTableLocalStorage();
-  function settingColumns() {
-    showIndexColumn && columns.unshift({
-      ...getIndexColumn(props.pagination),
-      fixed: indexColumnFixed
-    });
-    const setAlign = column => ({
-      align,
-      ellipsis,
-      ...column,
-      ...(column.children ? {
-        children: column.children.map(setAlign)
-      } : {})
-    });
-    return columns.map(setAlign);
-  }
-  return /*#__PURE__*/jsx("div", {
-    className: "table-layout card-layout",
-    children: /*#__PURE__*/jsx(TablePro, {
-      rowKey: rowKey,
-      columns: settingColumns(),
-      bordered: true,
-      size: "small",
-      ...restProps
-    })
-  });
-}
-Table.displayName = "Table";
-
-export { Table as default };
+import e from"@cqsjjb/jjb-react-admin-component/Table";import{getIndexColumn as t}from"../../utils/index.js";import o from"dayjs";import"./index.less";import{jsx as l}from"react/jsx-runtime";const n="tableLocalStorageLastCleanup";function a(a){const{columns:i=[],showIndexColumn:r=!0,ellipsis:s=!0,align:c="center",indexColumnFixed:m="left",rowKey:d="id",...u}=a;return function(){const e=o(),t=localStorage.getItem(n),l=t?o(t):null;if(!l||e.diff(l,"day")>=10){const t=[];for(let e=0;e<localStorage.length;e++){const o=localStorage.key(e);o&&(o.endsWith("#columnState")||o.endsWith("#size")||o.endsWith("#resizable"))&&t.push(o)}t.forEach(e=>{localStorage.removeItem(e)}),localStorage.setItem(n,e.toISOString())}}(),l("div",{className:"table-layout card-layout",children:l(e,{rowKey:d,columns:function(){r&&i.unshift({...t(a.pagination),fixed:m});const e=t=>({align:c,ellipsis:s,...t,...t.children?{children:t.children.map(e)}:{}});return i.map(e)}(),bordered:!0,size:"small",...u})})}a.displayName="Table";export{a as default};

package/components/TooltipPreviewImg/index.js

@@ -1,28 +1 @@
-import { Tooltip, Tag } from 'antd';
-import PreviewImg from '../PreviewImg/index.js';
-import { jsx } from 'react/jsx-runtime';
-
-const TooltipPreviewImg = props => {
-  const {
-    files = [],
-    fileUrlKey = "filePath"
-  } = props;
-  const renderContent = () => {
-    return files.length > 0 ? /*#__PURE__*/jsx(PreviewImg, {
-      files: files,
-      fileUrlKey: fileUrlKey
-    }) : /*#__PURE__*/jsx("span", {
-      children: "\u6682\u65E0\u56FE\u7247"
-    });
-  };
-  return /*#__PURE__*/jsx(Tooltip, {
-    placement: "top",
-    title: renderContent(),
-    children: /*#__PURE__*/jsx(Tag, {
-      children: "\u9884\u89C8"
-    })
-  });
-};
-TooltipPreviewImg.displayName = "TooltipPreviewImg";
-
-export { TooltipPreviewImg as default };
+import{Tooltip as e,Tag as i}from"antd";import r from"../PreviewImg/index.js";import{jsx as t}from"react/jsx-runtime";const l=l=>{const{files:n=[],fileUrlKey:o="filePath"}=l;return t(e,{placement:"top",title:n.length>0?t(r,{files:n,fileUrlKey:o}):t("span",{children:"暂无图片"}),children:t(i,{children:"预览"})})};l.displayName="TooltipPreviewImg";export{l as default};

package/components/Upload/index.js

@@ -1,229 +1 @@
-import { PlusOutlined, VideoCameraAddOutlined, UploadOutlined } from '@ant-design/icons';
-import { Upload as Upload$1, Modal, Button, message } from 'antd';
-import { useState } from 'react';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-const Upload = props => {
-  const {
-    value = [],
-    onChange,
-    onPreview,
-    onRemove,
-    onGetRemoveFile,
-    beforeUpload,
-    maxCount: externalMaxCount,
-    listType: externalListType,
-    accept: externalAccept,
-    ratio = "",
-    showTip = true,
-    multiple = true,
-    size: externalSize,
-    tipContent,
-    uploadButtonText: externalUploadButtonText,
-    fileType: externalFileType,
-    ...restProps
-  } = props;
-  const [previewVisible, setPreviewVisible] = useState(false);
-  const [previewImage, setPreviewImage] = useState("");
-
-  // 预设的文件格式
-  const imageAccept = ".jpg,.jpeg,.png";
-  const documentAccept = ".pdf,.doc,.docx";
-  const videoAccept = ".mp4";
-
-  // 根据accept自动判断文件类型
-  const getAutoFileType = () => {
-    if (externalAccept) {
-      if (externalAccept === "*") return "document";
-      const acceptList = externalAccept.split(",");
-      if (acceptList.some(format => videoAccept.split(",").includes(format))) return "video";
-      if (acceptList.some(format => documentAccept.split(",").includes(format))) return "document";
-      if (acceptList.some(format => imageAccept.split(",").includes(format))) return "image";
-      return "document";
-    }
-    return "image";
-  };
-  const fileType = externalFileType || getAutoFileType();
-
-  // 文件类型判断
-  const isImageType = fileType === "image";
-  const isVideoType = fileType === "video";
-  const isDocumentType = fileType === "document";
-
-  // 获取listType
-  const getListType = () => {
-    if (externalListType) return externalListType;
-    if (externalAccept === "*") return "text";
-    if (fileType === "image") return "picture-card";
-    return "text";
-  };
-  const listType = getListType();
-
-  // 获取文件格式
-  const getAccept = () => {
-    if (externalAccept) return externalAccept === "*" ? "" : externalAccept;
-    if (isImageType) return imageAccept;
-    if (isVideoType) return videoAccept;
-    if (isDocumentType) return documentAccept;
-    return imageAccept;
-  };
-  const accept = getAccept();
-
-  // 获取默认上传数量
-  const getMaxCount = () => {
-    if (externalMaxCount) return externalMaxCount;
-    if (isVideoType) return 1;
-    if (isImageType) return 4;
-    if (isDocumentType) return 4;
-    return 1;
-  };
-  const maxCount = getMaxCount();
-
-  // 获取默认文件大小
-  const getSize = () => {
-    if (externalSize) return externalSize;
-    if (isVideoType) return 100;
-    return 0;
-  };
-  const size = getSize();
-
-  // 上传按钮文字
-  const uploadButtonText = externalUploadButtonText || (isVideoType ? "上传视频" : "上传附件");
-
-  // 文件格式提示
-  const acceptTip = accept.replace(/\./g, "").split(",").join("、");
-
-  // 生成提示信息
-  const getTipText = () => {
-    if (tipContent) return tipContent;
-    const tips = [`最多上传${maxCount}个文件`, accept ? `并且只能上传${acceptTip}格式的文件` : "可以上传任意格式的文件", size ? `文件大小不能超过${size}M` : "", ratio ? `只能上传${ratio}分辨率的图片` : ""].filter(Boolean);
-    return `${tips.join("，")}。`;
-  };
-  const handleBeforeUpload = (file, fileList) => {
-    if (beforeUpload) return beforeUpload(file, fileList);
-    return false;
-  };
-
-  // 文件状态改变
-  const handleChange = ({
-    file,
-    fileList
-  }) => {
-    const acceptList = accept ? accept.split(",") : [];
-    const ratioArr = ratio ? ratio.split("*") : [];
-    const suffix = file.name.substring(file.name.lastIndexOf("."), file.name.length);
-    const maxSize = size * 1024 * 1024;
-
-    // 验证文件格式
-    if (acceptList.length > 0 && !acceptList.includes(suffix)) {
-      message.warning(`只能上传${acceptTip}格式的文件`);
-      return;
-    }
-
-    // 验证文件大小
-    if (maxSize && file.size > maxSize) {
-      message.warning(`文件大小不能超过${size}M`);
-      return;
-    }
-
-    // 验证图片分辨率
-    if (ratioArr.length === 2 && file.type?.startsWith("image/")) {
-      const validateImageResolution = imageUrl => {
-        const img = new Image();
-        img.onload = () => {
-          if (img.width !== +ratioArr[0] || img.height !== +ratioArr[1]) {
-            message.warning(`只能上传${ratio}分辨率的图片`);
-            const filtered = fileList.filter(item => item.uid !== file.uid);
-            onChange?.(filtered);
-            return;
-          }
-          onChange?.(fileList);
-        };
-        img.src = imageUrl;
-      };
-
-      // 如果有现成的URL则直接使用，否则使用FileReader读取本地文件
-      if (file.url) {
-        validateImageResolution(file.url);
-      } else {
-        const reader = new FileReader();
-        reader.onload = e => {
-          validateImageResolution(e.target.result);
-        };
-        reader.readAsDataURL(file);
-      }
-    } else {
-      onChange?.(fileList);
-    }
-  };
-
-  // 删除文件
-  const handleRemove = file => {
-    if (!file.originFileObj) onGetRemoveFile?.(file);
-    return onRemove?.(file);
-  };
-
-  // 预览文件
-  const handlePreview = file => {
-    if (isImageType) {
-      setPreviewImage(file.url || file.thumbUrl);
-      setPreviewVisible(true);
-    }
-    onPreview?.(file);
-  };
-
-  // 关闭预览
-  const handleCancel = () => {
-    setPreviewVisible(false);
-  };
-
-  // 上传按钮
-  const uploadButton = isImageType ? /*#__PURE__*/jsx("div", {
-    children: /*#__PURE__*/jsx(PlusOutlined, {
-      style: {
-        fontSize: 32
-      }
-    })
-  }) : /*#__PURE__*/jsx(Button, {
-    type: "primary",
-    icon: isVideoType ? /*#__PURE__*/jsx(VideoCameraAddOutlined, {}) : /*#__PURE__*/jsx(UploadOutlined, {}),
-    children: uploadButtonText
-  });
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(Upload$1, {
-      fileList: value,
-      multiple: multiple,
-      maxCount: maxCount,
-      listType: listType,
-      accept: accept,
-      onChange: handleChange,
-      onPreview: handlePreview,
-      onRemove: handleRemove,
-      beforeUpload: handleBeforeUpload,
-      ...restProps,
-      children: value.length >= maxCount ? null : uploadButton
-    }), showTip ? getTipText() && /*#__PURE__*/jsx("div", {
-      style: {
-        marginTop: 10,
-        color: "#ff4d4f"
-      },
-      children: getTipText()
-    }) : null, /*#__PURE__*/jsx(Modal, {
-      open: previewVisible,
-      title: "\u67E5\u770B\u56FE\u7247",
-      footer: null,
-      onCancel: handleCancel,
-      children: /*#__PURE__*/jsx("img", {
-        alt: "preview",
-        style: {
-          width: "100%",
-          objectFit: "scale-down"
-        },
-        src: previewImage
-      })
-    })]
-  });
-};
-Upload.displayName = "Upload";
-
-export { Upload as default };
+import{PlusOutlined as e,VideoCameraAddOutlined as t,UploadOutlined as i}from"@ant-design/icons";import{Upload as n,Modal as o,Button as l,message as r}from"antd";import{useState as s}from"react";import{jsxs as a,Fragment as d,jsx as c}from"react/jsx-runtime";const p=p=>{const{value:m=[],onChange:u,onPreview:f,onRemove:g,onGetRemoveFile:h,beforeUpload:v,maxCount:w,listType:y,accept:x,ratio:$="",showTip:j=!0,multiple:b=!0,size:C,tipContent:T,uploadButtonText:U,fileType:R,...F}=p,[z,L]=s(!1),[B,I]=s(""),M=".jpg,.jpeg,.png",O=".pdf,.doc,.docx",P=".mp4",A=R||(()=>{if(x){if("*"===x)return"document";const e=x.split(",");return e.some(e=>P.split(",").includes(e))?"video":e.some(e=>O.split(",").includes(e))?"document":e.some(e=>M.split(",").includes(e))?"image":"document"}return"image"})(),D="image"===A,G="video"===A,N="document"===A,S=y||("*"===x?"text":"image"===A?"picture-card":"text"),W=x?"*"===x?"":x:D?M:G?P:N?O:M,k=w||(G?1:D||N?4:1),q=C||(G?100:0),E=U||(G?"上传视频":"上传附件"),H=W.replace(/\./g,"").split(",").join("、"),J=()=>T||`${[`最多上传${k}个文件`,W?`并且只能上传${H}格式的文件`:"可以上传任意格式的文件",q?`文件大小不能超过${q}M`:"",$?`只能上传${$}分辨率的图片`:""].filter(Boolean).join("，")}。`,K=D?c("div",{children:c(e,{style:{fontSize:32}})}):c(l,{type:"primary",icon:c(G?t:i,{}),children:E});return a(d,{children:[c(n,{fileList:m,multiple:b,maxCount:k,listType:S,accept:W,onChange:({file:e,fileList:t})=>{const i=W?W.split(","):[],n=$?$.split("*"):[],o=e.name.substring(e.name.lastIndexOf("."),e.name.length),l=1024*q*1024;if(i.length>0&&!i.includes(o))r.warning(`只能上传${H}格式的文件`);else if(l&&e.size>l)r.warning(`文件大小不能超过${q}M`);else if(2===n.length&&e.type?.startsWith("image/")){const i=i=>{const o=new Image;o.onload=()=>{if(o.width!==+n[0]||o.height!==+n[1]){r.warning(`只能上传${$}分辨率的图片`);const i=t.filter(t=>t.uid!==e.uid);return void u?.(i)}u?.(t)},o.src=i};if(e.url)i(e.url);else{const t=new FileReader;t.onload=e=>{i(e.target.result)},t.readAsDataURL(e)}}else u?.(t)},onPreview:e=>{D&&(I(e.url||e.thumbUrl),L(!0)),f?.(e)},onRemove:e=>(e.originFileObj||h?.(e),g?.(e)),beforeUpload:(e,t)=>!!v&&v(e,t),...F,children:m.length>=k?null:K}),j?J()&&c("div",{style:{marginTop:10,color:"#ff4d4f"},children:J()}):null,c(o,{open:z,title:"查看图片",footer:null,onCancel:()=>{L(!1)},children:c("img",{alt:"preview",style:{width:"100%",objectFit:"scale-down"},src:B})})]})};p.displayName="Upload";export{p as default};