zy-react-library 2.1.11 → 2.2.0

package/components/Select/Personnel/Gwj/index.d.ts

@@ -0,0 +1,72 @@
+import type { FC } from "react";
+import type { BasicSelectProps } from "../../Basic";
+
+export interface PersonnelSelectItem {
+  id: string;
+  name: string;
+  corpinfoId: string;
+  corpinfoName: string;
+  departmentId: string;
+  departmentName: string;
+  postId: string;
+  postName: string;
+  userId: string;
+  username: string;
+  [key: string]: any;
+}
+
+/**
+ * 请求参数
+ */
+export interface Params {
+  /** 企业id */
+  corpinfoId?: string;
+  /** 岗位id */
+  postId?: string;
+  /** 部门id */
+  departmentId?: string;
+}
+
+/**
+ * 额外请求参数
+ */
+export interface ExtraParams {
+  /** 返回值是否存在主账号，1 不返回主账号，默认有主账号 */
+  noMain?: 1 | "";
+  /** 入职状态 0-离职, 1-在职, 2-信息变更中, 3-未入职, 4-实习生, 5-实习结束, 6-退休, 7-劳务派遣, 8-劳务派遣结束, 11-入职待审核, 10-离职待审核 */
+  eqEmploymentFlag?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 11 | 10;
+  /** 是否流动人员 1-流动，0-固定人员 */
+  flowFlag?: 1 | 0;
+  /** 是否在人资系统中存在 1-是，0-否 */
+  rzFlag?: 1 | 0;
+  [key: string]: any;
+}
+
+/**
+ * 组件属性
+ */
+export interface PersonnelSelectProps extends Omit<BasicSelectProps, "data" | "placeholder" | "nameKey" | "idKey" | "onGetOption" | "onGetData"> {
+  /** 请求参数 */
+  params?: Params;
+  /** 占位符，默认"人员" */
+  placeholder?: string;
+  /** 是否需要企业id，默认 false */
+  isNeedCorpInfoId?: boolean;
+  /** 是否需要岗位id，默认 false */
+  isNeedPostId?: boolean;
+  /** 是否需要部门id，默认 true */
+  isNeedDepartmentId?: boolean;
+  /** 额外请求参数 */
+  extraParams?: ExtraParams;
+  /** 获取选中的项 */
+  onGetOption?: (option: PersonnelSelectItem | PersonnelSelectItem[]) => void;
+  /** 获取数据 */
+  onGetData?: (data: PersonnelSelectItem[]) => void;
+}
+
+/**
+ * 人员下拉组件（港务局版本）
+ */
+declare const PersonnelSelect: FC<PersonnelSelectProps>;
+
+export default PersonnelSelect;

package/components/Select/Personnel/Gwj/index.js

@@ -0,0 +1 @@
+import{request as e}from"@cqsjjb/jjb-common-lib/http.js";import{useState as t,useEffect as r}from"react";import{executeWithCache as o,getBaseGateway as n}from"../../../../utils/index.js";import i from"../../Basic/index.js";import{jsx as a}from"react/jsx-runtime";function s(s){const{params:m={},placeholder:p="人员",isNeedCorpInfoId:d=!1,isNeedDepartmentId:f=!0,isNeedPostId:c=!1,extraParams:l={},...u}=s,I={noMain:"",eqEmploymentFlag:1},[y,g]=t([]);return r(()=>{(async()=>{if(!d&&!f&&!c)return void console.error("【PersonnelSelect】 请至少传入一个参数");if(d&&(!m.corpinfoId||"string"!=typeof m.corpinfoId))return;if(f&&(!m.departmentId||"string"!=typeof m.departmentId))return;if(c&&(!m.postId||"string"!=typeof m.postId))return;const t={...I,...l},r={params:m,extraParams:t};await o(r,async()=>{const{data:r}=await e(`/${n()}/user/listAll`,"get",{...m,...t,time:(new Date).getTime()});return r},g)})()},[JSON.stringify(m),d,f,c,JSON.stringify(l)]),a(i,{data:y,placeholder:p,...u})}s.displayName="PersonnelSelect";export{s as default};

package/components/SelectCreate/index.d.ts

@@ -0,0 +1,29 @@
+import type { SelectProps } from "antd/es/select";
+import type { FC } from "react";
+
+export interface SelectCreateOption {
+  /** 选项的唯一标识符 */
+  id: string | number;
+  /** 选项的显示名称 */
+  name: string;
+  /** 其他自定义属性 */
+  [key: string]: any;
+}
+
+export interface SelectCreateProps extends SelectProps {
+  /** 选项列表 */
+  items: SelectCreateOption[];
+  /** 是否显示删除图标，默认 true */
+  showDelete?: boolean;
+  /** 标签名称，用于占位符显示 */
+  label?: string;
+  /** 删除选项时的回调函数 */
+  onDelete?: (option: SelectCreateOption) => void;
+}
+
+/**
+ * 可创建选项的选择器组件
+ */
+declare const SelectCreate: FC<SelectCreateProps>;
+
+export default SelectCreate;

package/components/SelectCreate/index.js

@@ -0,0 +1 @@
+import{CloseCircleOutlined as e}from"@ant-design/icons";import{Select as t}from"antd";import{jsx as n,jsxs as a}from"react/jsx-runtime";function o(o){const{items:i,showDelete:l=!0,label:r="",maxCount:s=1,onDelete:m,...p}=o;return n(t,{mode:"tags",maxCount:s,placeholder:`请选择${r}，无对应选项可直接输入创建选项`,optionRender:t=>a("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[n("span",{children:t.label}),l&&n(e,{style:{marginRight:10},onClick:e=>{e.stopPropagation(),(e=>{m?.(e)})(t)}})]}),options:i.map(e=>({value:e.id,label:e.name})),...p})}o.displayName="SelectCreate";export{o as default};

package/components/SelectTree/Area/index.d.ts

@@ -0,0 +1,25 @@
+import type { FC } from "react";
+import type { BasicSelectTreeProps } from "../Basic";
+
+export interface AreaSelectTreeItem {
+  value: string;
+  label: string;
+  children: AreaSelectTreeItem[];
+}
+
+/**
+ * 组件属性
+ */
+export interface AreaSelectTreeProps extends Omit<BasicSelectTreeProps, "treeData" | "placeholder" | "nameKey" | "idKey" | "childrenKey" | "onGetNodePaths" | "onGetData"> {
+  /** 获取父级节点 */
+  onGetNodePaths?: (nodes: AreaSelectTreeItem[]) => void;
+  /** 获取数据 */
+  onGetData?: (data: AreaSelectTreeItem[], processedData: AreaSelectTreeItem[]) => void;
+}
+
+/**
+ * 属地下拉树组件
+ */
+declare const AreaSelectTree: FC<AreaSelectTreeProps>;
+
+export default AreaSelectTree;

package/components/SelectTree/Area/index.js

@@ -0,0 +1 @@
+import e from"zy-react-data/json/area.json";import a from"../Basic/index.js";import{jsx as r}from"react/jsx-runtime";function t(t){const{...o}=t;return r(a,{treeData:e,nameKey:"label",idKey:"value",...o})}t.displayName="AreaSelectTree";export{t as default};

package/components/SelectTree/Basic/index.d.ts

@@ -0,0 +1,35 @@
+import type { TreeSelectProps } from "antd/es/tree-select";
+import type { FC } from "react";
+
+/**
+ * 组件属性
+ */
+export interface BasicSelectTreeProps extends Omit<TreeSelectProps, "fieldNames"> {
+  /** 树形数据 label 字段，默认 name */
+  nameKey?: string;
+  /** 树形数据 value 字段，默认 id */
+  idKey?: string;
+  /** 树形数据 children 字段，默认 children */
+  childrenKey?: string;
+  /** 决定 onGetNodePaths 是否包含自身节点，默认 true */
+  getNodePathsIsIncludeOneself?: boolean;
+  /** 获取父级节点 */
+  onGetNodePaths?: (nodes: Record<string, any>[]) => void;
+  /** 占位符 */
+  placeholder?: string;
+  /** 控制只能选择到第几级 */
+  level?: number;
+  /** 获取 label */
+  onGetLabel?: (label: string | string[]) => void;
+  /** 获取数据 */
+  onGetData?: (data: Record<string, any>[], processedData: Record<string, any>[]) => void;
+  /** 是否只允许选择最后一级，默认 false */
+  onlyLastLevel?: boolean;
+}
+
+/**
+ * 基础下拉树组件
+ */
+declare const BasicSelectTree: FC<BasicSelectTreeProps>;
+
+export default BasicSelectTree;

package/components/SelectTree/Basic/index.js

@@ -0,0 +1 @@
+import{TreeSelect as e}from"antd";import{useMemo as l,useEffect as t}from"react";import{processTreeDataByLevel as a,processTreeDataForOnlyLastLevel as r,getDataType as n,getTreeNodePaths as o,arrayObjectDeduplication as i}from"../../../utils/index.js";import{jsx as c}from"react/jsx-runtime";function d(d){const{onGetData:s,onChange:h,onGetLabel:u,onGetNodePaths:y,getNodePathsIsIncludeOneself:f=!0,placeholder:m="",treeData:p=[],nameKey:v="name",idKey:I="id",childrenKey:g="children",level:K,onlyLastLevel:C=!1,...L}=d,S=l(()=>{let e=K?a({data:p,level:K,childrenKey:g,currentLevel:1}):p;return e=r({data:e,childrenKey:g,onlyLastLevel:C}),e},[p,K,g,C]);return t(()=>{s?.(p,S)},[p,S]),c(e,{showSearch:!0,style:{width:"100%"},styles:{popup:{root:{maxHeight:400,overflow:"auto"}}},placeholder:`请选择${m}`,onChange:(e,l,t)=>{if(e){if("Array"===n(e)){if(y){const l=[];for(let t=0;t<e.length;t++){const a=L.labelInValue||L.treeCheckStrictly?e[t].value:e[t],r=o({data:p,targetId:a,idKey:I,childrenKey:g,isIncludeOneself:f});l.push(...r)}const t=i(l,I);y?.(t)}u?.(L.labelInValue||L.treeCheckStrictly?e.map(e=>e.label):l)}else if(y||u){const l=L.labelInValue||L.treeCheckStrictly?e.value:e,t=o({data:p,targetId:l,idKey:I,childrenKey:g,isIncludeOneself:f});y?.(t),u?.(t[t.length-1][v])}}else y?.([]),u?.("");h?.(L.labelInValue||L.treeCheckStrictly?e.map(e=>e.value):e,l,t)},allowClear:!0,treeData:S,fieldNames:{label:v,value:I,children:g},treeNodeFilterProp:v,showCheckedStrategy:e.SHOW_ALL,...L})}d.displayName="BasicSelectTree";export{d as default};

package/components/SelectTree/Department/Gwj/index.d.ts

@@ -0,0 +1,61 @@
+import type { FC } from "react";
+import type { BasicSelectTreeProps } from "../../Basic";
+
+export interface DepartmentSelectTreeItem {
+  id: string;
+  name: string;
+  childrenList: DepartmentSelectTreeItem[];
+  [key: string]: any;
+}
+
+/**
+ * 企业类型枚举（用于 inType）
+ */
+type InType = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+
+/**
+ * 企业类型枚举（用于 enterpriseType）
+ */
+type EnterpriseType = 1 | 2 | 3;
+
+/**
+ * 请求参数
+ */
+export interface Params {
+  /** 企业id */
+  eqCorpinfoId?: string;
+  /** 父级部门id */
+  eqParentId?: string;
+  /** 企业类型 0-普通企业 1-集团单位 2-股份单位 3-相关方企业 4-货主单位 5-驻港单位 6-物资中心 */
+  inType?: InType[];
+  /** 企业类型 1-监管 2-企业 3-相关方 */
+  enterpriseType?: EnterpriseType | EnterpriseType[];
+  [key: string]: any;
+}
+
+/**
+ * 组件属性
+ */
+export interface DepartmentSelectTreeProps extends Omit<BasicSelectTreeProps, "treeData" | "placeholder" | "nameKey" | "idKey" | "childrenKey" | "onGetNodePaths" | "onGetData"> {
+  /** 请求参数 */
+  params?: Params;
+  /** 占位符，默认"部门" */
+  placeholder?: string;
+  /** 是否需要企业id，默认 false */
+  isNeedCorpInfoId?: boolean;
+  /** 是否需要父级部门id，默认 false */
+  isNeedParentId?: boolean;
+  /** 查询的企业类型，默认current，current 接收 eqCorpinfoId 或者 eqParentId，all 不接受任何参数，inType 接收 inType 或者 enterpriseType */
+  searchType?: "current" | "all" | "inType";
+  /** 获取父级节点 */
+  onGetNodePaths?: (nodes: DepartmentSelectTreeItem[]) => void;
+  /** 获取数据 */
+  onGetData?: (data: DepartmentSelectTreeItem[], processedData: DepartmentSelectTreeItem[]) => void;
+}
+
+/**
+ * 部门下拉树组件（港务局版本）
+ */
+declare const DepartmentSelectTree: FC<DepartmentSelectTreeProps>;
+
+export default DepartmentSelectTree;

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

@@ -0,0 +1 @@
+import{request as e}from"@cqsjjb/jjb-common-lib/http.js";import{useState as r,useEffect as t}from"react";import{executeWithCache as n,getBaseGateway as i}from"../../../../utils/index.js";import p from"../../Basic/index.js";import{jsx as a}from"react/jsx-runtime";function s(s){const{params:d={},placeholder:o="部门",isNeedCorpInfoId:l=!1,isNeedParentId:c=!1,searchType:m="current",...y}=s,[T,f]=r([]);return t(()=>{(async()=>{if("current"===m){if(l&&!d.eqCorpinfoId)return;if(c&&!d.eqParentId)return}let r="";const t={...d,time:(new Date).getTime()};"current"===m&&(r=`/${i()}/department/listTree`,delete t.inType,delete t.enterpriseType),"all"===m&&(r=`/${i()}/department/listAllTree`,delete t.inType,delete t.enterpriseType,delete t.eqCorpinfoId,delete t.eqParentId),"inType"===m&&(r=`/${i()}/department/listAllTreeByCorpType`,delete t.eqCorpinfoId,delete t.eqParentId,t.enterpriseType&&!Array.isArray(t.enterpriseType)&&(t.enterpriseType=[t.enterpriseType]));const p={searchType:m,params:d};await n(p,async()=>{const{data:n}=await e(r,"post",t);return n},f)})()},[JSON.stringify(d),l,c,m]),a(p,{treeData:T,placeholder:o,childrenKey:"childrenList",...y})}s.displayName="DepartmentSelectTree";export{s as default};

package/components/SelectTree/Dictionary/index.d.ts

@@ -0,0 +1,34 @@
+import type { FC } from "react";
+import type { BasicSelectTreeProps } from "../Basic";
+
+export interface DictionarySelectTreeItem {
+  dictValue: string;
+  dictLabel: string;
+  children: DictionarySelectTreeItem[];
+  [key: string]: any;
+}
+
+/**
+ * 组件属性
+ */
+export interface DictionarySelectTreeProps extends Omit<BasicSelectTreeProps, "treeData" | "nameKey" | "idKey" | "childrenKey" | "onGetNodePaths" | "onGetData"> {
+  /** appKey，默认 DICTIONARY_APP_KEY_ENUM.DEFAULT（0bb989ecada5470c87635018ece9f327） */
+  appKey?: string;
+  /** 要获取的字典 */
+  dictValue: string;
+  /** 树形数据 label 字段，默认 dictLabel */
+  nameKey?: string;
+  /** 树形数据 value 字段，默认 dictValue */
+  idKey?: string;
+  /** 获取父级节点 */
+  onGetNodePaths?: (nodes: DictionarySelectTreeItem[]) => void;
+  /** 获取数据 */
+  onGetData?: (data: DictionarySelectTreeItem[], processedData: DictionarySelectTreeItem[]) => void;
+}
+
+/**
+ * 数据字典下拉树组件
+ */
+declare const DictionarySelectTree: FC<DictionarySelectTreeProps>;
+
+export default DictionarySelectTree;

package/components/SelectTree/Dictionary/index.js

@@ -0,0 +1 @@
+import{request as e}from"@cqsjjb/jjb-common-lib/http.js";import{useState as t,useEffect as i}from"react";import{DICTIONARY_APP_KEY_ENUM as r}from"zy-react-data/enum/dictionary";import{executeWithCache as a}from"../../../utils/index.js";import c from"../Basic/index.js";import{jsx as o}from"react/jsx-runtime";function n(n){const{appKey:s=r.DEFAULT,dictValue:d="",nameKey:l="dictLabel",idKey:m="dictValue",...p}=n,[y,u]=t([]);return i(()=>{(async()=>{if(!Object.values(r).includes(s))return void console.error(`【DictionarySelectTree】 传入的 appKey 不在 DICTIONARY_APP_KEY_ENUM 中，当前传入的 appKey 是 ${s}`);if(!d)return void console.error("【DictionarySelectTree】 缺少 dictValue 参数");const t={appKey:s,dictValue:d};await a(t,async()=>{const{data:t}=await e("/config/dict-trees/list/by/dictValues","get",{appKey:s,dictValue:d});return t},u)})()},[d]),o(c,{treeData:y,nameKey:l,idKey:m,...p})}n.displayName="DictionarySelectTree";export{n as default};

package/components/SelectTree/HiddenLevel/Gwj/index.d.ts

@@ -0,0 +1,32 @@
+import type { FC } from "react";
+import type { BasicSelectTreeProps } from "../../Basic";
+
+export interface HiddenLevelSelectTreeItem {
+  dictValue: string;
+  dictLabel: string;
+  children: HiddenLevelSelectTreeItem[];
+  [key: string]: any;
+}
+
+/**
+ * 组件属性
+ */
+export interface HiddenLevelSelectTreeProps extends Omit<BasicSelectTreeProps, "treeData" | "nameKey" | "idKey" | "childrenKey" | "level" | "onGetNodePaths" | "onGetData"> {
+  /** 是否显示忽略隐患，默认 true */
+  isShowNeglect?: boolean;
+  /** 是否显示较大隐患，默认 true */
+  isShowLarger?: boolean;
+  /** 是否显示重大隐患，默认 true */
+  isShowMajor?: boolean;
+  /** 获取父级节点 */
+  onGetNodePaths?: (nodes: HiddenLevelSelectTreeItem[]) => void;
+  /** 获取数据 */
+  onGetData?: (data: HiddenLevelSelectTreeItem[], processedData: HiddenLevelSelectTreeItem[]) => void;
+}
+
+/**
+ * 隐患级别下拉树组件（港务局版本）
+ */
+declare const HiddenLevelSelectTree: FC<HiddenLevelSelectTreeProps>;
+
+export default HiddenLevelSelectTree;

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

@@ -0,0 +1 @@
+import{request as e}from"@cqsjjb/jjb-common-lib/http.js";import{useState as t,useEffect as i}from"react";import{DICTIONARY_APP_KEY_ENUM as r}from"zy-react-data/enum/dictionary";import a from"../../Basic/index.js";import{jsx as d}from"react/jsx-runtime";function c(c){const{isShowNeglect:l=!0,isShowLarger:n=!0,isShowMajor:o=!0,...s}=c,[m,h]=t([]);return i(()=>{(async()=>{h([]);const{data:t}=await e("/config/dict-trees/list/by/dictValues","get",{appKey:r.GWJ,dictValue:"hiddenLevel"}),i=(e=>{const t=e=>e&&Array.isArray(e)?e.filter(e=>"hiddenLevel1001"===e.dictValue?l:"jdyh001"===e.dictValue?n:"hiddenLevel0002"===e.dictValue?o:(e.children&&e.children.length>0&&(e.children=t(e.children)),!0)):[];return t(e)})(t);h(i)})()},[]),d(a,{treeData:m,placeholder:"隐患级别",onlyLastLevel:!0,nameKey:"dictLabel",idKey:"dictValue",...s})}c.displayName="HiddenLevelSelectTree";export{c as default};

package/components/SelectTree/HiddenPart/Gwj/index.d.ts

@@ -0,0 +1,38 @@
+import type { FC } from "react";
+import type { BasicSelectTreeProps } from "../../Basic";
+
+export interface HiddenPartSelectTreeItem {
+  hiddenregionId: string;
+  hiddenregion: string;
+  children: HiddenPartSelectTreeItem[];
+  [key: string]: any;
+}
+
+/**
+ * 请求参数
+ */
+export interface Params {
+  /** 企业id */
+  eqCorpinfoId?: string;
+}
+
+/**
+ * 组件属性
+ */
+export interface HiddenPartSelectTreeProps extends Omit<BasicSelectTreeProps, "treeData" | "nameKey" | "idKey" | "childrenKey" | "onGetNodePaths" | "onGetData"> {
+  /** 请求参数 */
+  params?: Params;
+  /** 是否需要企业id，默认 false */
+  isNeedCorpInfoId?: boolean;
+  /** 获取父级节点 */
+  onGetNodePaths?: (nodes: HiddenPartSelectTreeItem[]) => void;
+  /** 获取数据 */
+  onGetData?: (data: HiddenPartSelectTreeItem[], processedData: HiddenPartSelectTreeItem[]) => void;
+}
+
+/**
+ * 隐患部位下拉树组件（港务局版本）
+ */
+declare const HiddenPartSelectTree: FC<HiddenPartSelectTreeProps>;
+
+export default HiddenPartSelectTree;

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

@@ -0,0 +1 @@
+import{request as e}from"@cqsjjb/jjb-common-lib/http.js";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,...s}=n,[m,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:m,placeholder:"隐患部位",nameKey:"hiddenregion",idKey:"hiddenregionId",...s})}n.displayName="HiddenPartSelectTree";export{n as default};

package/components/SelectTree/Industry/index.d.ts

@@ -0,0 +1,25 @@
+import type { FC } from "react";
+import type { BasicSelectTreeProps } from "../Basic";
+
+export interface IndustrySelectTreeItem {
+  dict_value: string;
+  dict_label: string;
+  childrenList: IndustrySelectTreeItem[];
+}
+
+/**
+ * 组件属性
+ */
+export interface IndustrySelectTreeProps extends Omit<BasicSelectTreeProps, "treeData" | "placeholder" | "nameKey" | "idKey" | "childrenKey" | "onGetNodePaths" | "onGetData"> {
+  /** 获取父级节点 */
+  onGetNodePaths?: (nodes: IndustrySelectTreeItem[]) => void;
+  /** 获取数据 */
+  onGetData?: (data: IndustrySelectTreeItem[], processedData: IndustrySelectTreeItem[]) => void;
+}
+
+/**
+ * 行业类型下拉树组件
+ */
+declare const IndustrySelectTree: FC<IndustrySelectTreeProps>;
+
+export default IndustrySelectTree;

package/components/SelectTree/Industry/index.js

@@ -0,0 +1 @@
+import e from"zy-react-data/json/industry.json";import t from"../Basic/index.js";import{jsx as r}from"react/jsx-runtime";function i(i){const{...a}=i;return r(t,{treeData:e,nameKey:"dict_label",idKey:"dict_value",childrenKey:"childrenList",...a})}i.displayName="IndustrySelectTree";export{i as default};

package/components/Signature/index.d.ts

@@ -0,0 +1,28 @@
+import type { FC } from "react";
+
+export interface SignatureValue {
+  /** 签字时间，YYYY-MM-DD HH:mm:ss */
+  time: string;
+  /** 签字图片的 base64 编码 */
+  base64: string;
+  /** 签字图片的 file 对象 */
+  file: File;
+}
+
+export interface SignatureProps {
+  /** 确认签字回调 */
+  onConfirm: (value: SignatureValue) => void;
+  /** 签字区域宽度，默认 752 */
+  width?: number;
+  /** 签字区域高度，默认 300 */
+  height?: number;
+  /** 回显的签字图片 */
+  url?: string;
+}
+
+/**
+ * 签字组件
+ */
+declare const Signature: FC<SignatureProps>;
+
+export default Signature;

package/components/Signature/index.js

@@ -0,0 +1 @@
+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:g=300,url:y="",...b}=p,[k,C]=o(!1),v=c(null),[w,x]=o("");return a(()=>{x(y)},[y]),h(m,{children:[s("div",{children:s(r,{type:"primary",onClick:()=>{C(!0)},children:w?"重新签字":"手写签字"})}),w&&s("div",{style:{border:"1px dashed #d9d9d9",width:"100%",height:g,marginTop:16},children:s(e,{src:w,style:{width:"100%",height:g,objectFit:"contain"}})}),s(i,{title:"签字",width:800,open:k,mask:{closable:!1},onCancel:()=>C(!1),footer:[s(r,{onClick:()=>v.current.clear(),children:"重签"},"clear"),s(r,{onClick:()=>{C(!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(),C(!1)},children:"确定"},"ok")],children:s("div",{style:{border:"1px dashed #d9d9d9"},children:s(d,{ref:v,penColor:"black",canvasProps:{width:f,height:g},backgroundColor:"rgb(255,255,255)",...b})})})]})}p.displayName="Signature";export{p as default};

package/components/Table/index.d.ts

@@ -0,0 +1,29 @@
+import type { ProTableProps } from "@ant-design/pro-table";
+import type { TableProps as AntdTableProps } from "antd";
+import type { FC } from "react";
+
+/**
+ * TablePro 组件属性
+ */
+export type TableProps<DataSource, U, ValueType> = Omit<AntdTableProps, "columns"> & ProTableProps<DataSource, U, ValueType> & {
+  /** 当一个路由下存在多个表格的情况下 需要给每一个表格设置一个唯一存储索引 若没有设置则使用默认索引，请注意缓存数据会被覆盖 */
+  storeIndex?: string;
+  /** 是否禁用内容区滚动，默认 false */
+  disabledResizer?: boolean;
+  /** 是否显示索引列，默认 true */
+  showIndexColumn?: boolean;
+  /** 索引列是否固定，默认 left */
+  indexColumnFixed?: "left" | "right" | boolean;
+  /** 列的对齐方式，默认 center */
+  align?: "left" | "right" | "center";
+  /** 超过宽度是否自动省略，默认 true */
+  ellipsis?: boolean;
+  /** 表格高度，默认自适应 */
+  height?: number;
+};
+
+/**
+ * 表格组件
+ */
+declare const Table: <DataSource, U, ValueType = "text">(props: TableProps<DataSource, U, ValueType>) => ReturnType<FC>;
+export default Table;

package/components/Table/index.js

@@ -0,0 +1 @@
+import{ProTable as e}from"@ant-design/pro-components";import{useState as t,useEffect as o,useMemo as n}from"react";import{throttle as s}from"throttle-debounce";import{useAntdResizableHeader as r}from"use-antd-resizable-header";import{getDataType as i,getIndexColumn as a}from"../../utils/index.js";import"use-antd-resizable-header/dist/style.css";import"./index.less";import{jsx as c}from"react/jsx-runtime";function l(e){const t=process.env?.app?.basename,o=decodeURIComponent(window.location.pathname),n="Undefined"===i(e)?"":`#{${e}}`;return{size:`${t}#${o}${n}#size`,resizable:`${t}#${o}${n}#resizable`,columnState:`${t}#${o}${n}#columnState`}}function d(i){const{columns:d=[],showIndexColumn:m=!0,ellipsis:u=!0,align:p="center",indexColumnFixed:b="left",rowKey:h="id",storeIndex:f,disabledResizer:g=!1,height:y,...w}=i,S=process.env.app.antd["ant-prefix"],z=`.${S||"ant"}-table`,$=`${z}-wrapper`,x=`${z}-body`,[v,C]=t((I=f,window.sessionStorage.getItem(l(I).size)||"default"));var I;const[R,_]=t(0),K=l(f),N=!g,{components:T,resizableColumns:q,tableWidth:B,resetColumns:E}=r({columns:d,columnsState:{persistenceKey:K.resizable,persistenceType:"sessionStorage"}}),j=s(50,()=>{try{const e=document.querySelector($),t=document.querySelector(x),o=document.querySelector(".page-layout-footer"),n=o?o.offsetHeight:0;if(t&&e){const o=e.getBoundingClientRect(),s=t.getBoundingClientRect(),r=o.bottom-s.bottom;_(innerHeight-s.top-r-(window.__IN_BASE__?38:22)-n)}}catch(e){window.console.error(e)}});o(()=>{let e,t;return N&&(e=new MutationObserver(e=>e.forEach(()=>j())),t=new ResizeObserver(e=>e.forEach(()=>j())),setTimeout(()=>j(),500),t.observe(document.body),e.observe(document.body,{subtree:!0,childList:!0})),()=>{e&&t&&N&&(t.unobserve(document.body),e.disconnect(document.body))}},[]),o(()=>{!function(e,t){window.sessionStorage.setItem(l(t).size,e)}(v,f)},[v]);const k=n(()=>(()=>{const e=[...q];m&&e.unshift({...a(i.pagination),fixed:b});const t=e=>({align:p,ellipsis:u,...e,...e.children?{children:e.children.map(t)}:{}});return e.map(t)})(),[q,m,p,u,b,i.pagination]);return c("div",{className:"table-layout card-layout",children:c(e,{ghost:!0,search:!1,scroll:{x:B,y:y||(N?R:void 0)},options:{reload:!1,fullScreen:!0,setting:{checkedReset:!0,extra:c("a",{className:`${S}-pro-table-column-setting-action-rest-button`,onClick:E,children:"重置列宽"})}},components:T,columnsState:{persistenceKey:K.columnState,persistenceType:"sessionStorage"},onSizeChange:C,columns:k,bordered:!0,size:"small",rowKey:h,...w})})}d.displayName="Table";export{d as default};

package/components/Table/index.less

@@ -0,0 +1,14 @@
+.@{ant-prefix}-table-cell-scrollbar {
+  width: 15px;
+}
+
+.@{ant-prefix}-table-cell {
+  .@{ant-prefix}-btn-link {
+    padding: 0;
+  }
+}
+
+.@{ant-prefix}-pro-table-list-toolbar-container {
+  padding-top: 0 !important;
+  padding-bottom: 16px;
+}

package/components/TooltipPreviewImg/index.d.ts

@@ -0,0 +1,6 @@
+import type { FC } from "react";
+import type { PreviewImgProps } from "../PreviewImg";
+
+declare const TooltipPreviewImg: FC<PreviewImgProps>;
+
+export default TooltipPreviewImg;

package/components/TooltipPreviewImg/index.js

@@ -0,0 +1 @@
+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.d.ts

@@ -0,0 +1,32 @@
+import type { UploadProps as AntUploadProps, UploadFile } from "antd/es/upload";
+import type { FC, ReactNode } from "react";
+
+/**
+ * Upload 组件属性
+ */
+export interface UploadProps extends Omit<AntUploadProps, "fileList"> {
+  /** 文件列表 */
+  value?: UploadFile[];
+  /** 图片分辨率限制，如 "1920*1080" */
+  ratio?: `${number}*${number}`;
+  /** 是否显示提示，默认 true */
+  showTip?: boolean;
+  /** 文件大小限制（单位：MB），默认 10 */
+  size?: number;
+  /** 自定义提示内容 */
+  tipContent?: ReactNode;
+  /** listType 为 text 时上传按钮文本 */
+  uploadButtonText?: string;
+  /** 要上传的文件类型，默认 image */
+  fileType?: "image" | "video" | "document";
+  /** 获取上传过服务器删除的附件 */
+  onGetRemoveFile?: (file: Omit<UploadFile, "originFileObj">) => void;
+}
+
+/**
+ * 文件上传组件
+ * 支持文件格式、大小、分辨率验证，支持图片预览
+ */
+declare const Upload: FC<UploadProps>;
+
+export default Upload;

package/components/Upload/index.js

@@ -0,0 +1 @@
+import{PlusOutlined as e,VideoCameraAddOutlined as t,UploadOutlined as n}from"@ant-design/icons";import{Upload as i,Modal as r,Button as o,message as l}from"antd";import{useState as a,useRef as s}from"react";import{jsxs as d,Fragment as c,jsx as u}from"react/jsx-runtime";const m=m=>{const{value:p=[],onChange:h,onPreview:g,onRemove:f,onGetRemoveFile:w,beforeUpload:v,maxCount:y,listType:$,accept:x,ratio:j="",showTip:F=!0,multiple:b=!0,size:C,tipContent:T,uploadButtonText:U,fileType:R,...P}=m,[z,L]=a(!1),[O,S]=a(""),B=s(new Set),I=".jpg,.jpeg,.png",M=".pdf,.doc,.docx",A=".mp4",D=R||(()=>{if(x){if("*"===x)return"document";const e=x.split(",");return e.some(e=>A.split(",").includes(e))?"video":e.some(e=>M.split(",").includes(e))?"document":e.some(e=>I.split(",").includes(e))?"image":"document"}return"image"})(),G="image"===D,N="video"===D,W="document"===D,k=$||("*"===x?"text":"image"===D?"picture-card":"text"),q=x?"*"===x?"":x:G?I:N?A:W?M:I,E=y||(N?1:G||W?4:1),H=C||(N?100:10),J=U||(N?"上传视频":"上传附件"),K=q.replace(/\./g,"").split(",").join("、"),Q=()=>T||`${[`最多上传${E}个文件`,q?`并且只能上传${K}格式的文件`:"可以上传任意格式的文件",H?`文件大小不能超过${H}M`:"",j?`只能上传${j}分辨率的图片`:""].filter(Boolean).join("，")}。`,V=G?u("div",{children:u(e,{style:{fontSize:32}})}):u(o,{type:"primary",icon:u(N?t:n,{}),children:J});return d(c,{children:[u(i,{fileList:p,multiple:b,maxCount:E,listType:k,accept:q,onChange:({fileList:e})=>{const t=q?q.split(","):[],n=j?j.split("*"):[],i=1024*H*1024,r=new Set(p.map(e=>e.uid)),o=e.filter(e=>!r.has(e.uid));if(0===o.length)return void h?.(e);const a=e=>{const n=e.name?.substring(e.name.lastIndexOf("."),e.name.length)||"";return!(t.length>0&&!t.includes(n)&&(B.current.has(e.uid)||(B.current.add(e.uid),l.warning(`${e.name}：只能上传${K}格式的文件`)),1))},s=e=>!(i&&e.size>i&&(B.current.has(e.uid)||(B.current.add(e.uid),l.warning(`${e.name}：文件大小不能超过${H}M`)),1)),d=e=>new Promise(t=>{if(2!==n.length||!e.type?.startsWith("image/"))return void t(!0);const i=t=>new Promise(i=>{const r=new Image;r.onload=()=>{const t=r.width===+n[0]&&r.height===+n[1];t||B.current.has(e.uid)||(B.current.add(e.uid),l.warning(`${e.name}：只能上传${j}分辨率的图片`)),i(t)},r.onerror=()=>i(!1),r.src=t});if(e.url)i(e.url).then(t);else{const n=new FileReader;n.onload=e=>{i(e.target.result).then(t)},n.onerror=()=>t(!1),n.readAsDataURL(e.originFileObj)}});(async e=>{const t=[],n=[];for(const i of e)a(i)&&s(i)&&await d(i)?t.push(i):n.push(i);return{validFiles:t,invalidFiles:n}})(o).then(({validFiles:e})=>{const t=[...p,...e];h?.(t)})},onPreview:e=>{G&&(S(e.url||e.thumbUrl),L(!0)),g?.(e)},onRemove:e=>(B.current.delete(e.uid),e.originFileObj||w?.(e),f?.(e)),beforeUpload:(e,t)=>!!v&&v(e,t),...P,children:p.length>=E?null:V}),F?Q()&&u("div",{style:{marginTop:10,color:"#ff4d4f"},children:Q()}):null,u(r,{open:z,title:"查看图片",footer:null,onCancel:()=>{L(!1)},children:u("img",{alt:"preview",style:{width:"100%",objectFit:"scale-down"},src:O})})]})};m.displayName="Upload";export{m as default};

package/components/Video/AliPlayer.d.ts

@@ -0,0 +1,45 @@
+import type { ForwardRefExoticComponent, RefAttributes } from "react";
+
+export interface AliPlayerProps {
+  /** 播放地址 */
+  source?: string | string[];
+  /** 阿里的 vid */
+  vid?: string;
+  /** 阿里的 playAuth */
+  playAuth?: string;
+  /** 封面地址 */
+  cover?: string;
+  /** 播放器宽度，默认 100% */
+  width?: string;
+  /** 播放器高度，默认 600px */
+  height?: string;
+  /** 是否自动播放 */
+  autoplay?: boolean;
+  /** 是否显示进度条 */
+  showProgress?: boolean;
+  /** 是否直播模式 */
+  isLive?: boolean;
+  /** 播放开始时间 */
+  playTime?: number;
+  /** 播放结束事件 */
+  onEnded?: () => void;
+  /** 播放进度更新事件 */
+  onTimeupdate?: (currentTime: number) => void;
+  /** 获取播放器实例 */
+  onGetPlayerInstance?: (player: any) => void;
+  /** 传递给 AliPlayer 的属性 */
+  aliPlayerProps?: Record<string, any>;
+}
+
+export interface AliPlayerRef {
+  play: () => void;
+  pause: () => void;
+  getPlayerInstance: () => any;
+}
+
+/**
+ * 视频播放组件
+ */
+declare const AliPlayer: ForwardRefExoticComponent<AliPlayerProps & RefAttributes<AliPlayerRef>>;
+
+export default AliPlayer;

package/components/Video/AliPlayer.js

@@ -0,0 +1 @@
+import{useDocumentVisibility as e}from"ahooks";import{uniqueId as a}from"lodash-es";import{forwardRef as t,useRef as i,useImperativeHandle as r,useEffect as n}from"react";import{dynamicLoadJs as l,dynamicLoadCss as s}from"../../utils/index.js";import{jsx as o}from"react/jsx-runtime";const p=t(({source:t="",vid:p="",playAuth:y="",cover:c="",width:m="100%",height:u="600px",autoplay:d=!0,showProgress:g=!0,isLive:h=!1,playTime:b=0,onEnded:w,onTimeupdate:x,onGetPlayerInstance:f,aliPlayerProps:v},P)=>{const k=i(null),D=i(null),j=e(),B=i(a("_")).current;r(P,()=>({play:()=>{k.current&&k.current.play()},pause:()=>{k.current&&k.current.pause()},getPlayerInstance:()=>k.current}));const L=()=>{k.current&&(k.current.dispose(),k.current=null)};return n(()=>((t||p&&y)&&(async()=>{if(!D.current)return;window.Aliplayer||(window?.base?.loadDynamicResource?(await window.base.loadDynamicResource({url:"https://g.alicdn.com/apsara-media-box/imp-web-player/2.27.0/aliplayer-min.js",type:"script",attr:{type:"text/javascript"}}),await window.base.loadDynamicResource({url:"https://g.alicdn.com/apsara-media-box/imp-web-player/2.27.0/skins/default/aliplayer-min.css",type:"link",attr:{rel:"stylesheet",type:"text/css"}})):(await l("https://g.alicdn.com/apsara-media-box/imp-web-player/2.27.0/aliplayer-min.js"),await s("https://g.alicdn.com/apsara-media-box/imp-web-player/2.27.0/skins/default/aliplayer-min.css"))),L();const e=[{name:"bigPlayButton",align:"blabs",x:30,y:80},{name:"H5Loading",align:"cc"},{name:"errorDisplay",align:"tlabs",x:0,y:0},{name:"infoDisplay"},{name:"tooltip",align:"blabs",x:0,y:56},{name:"thumbnail"},{name:"controlBar",align:"blabs",x:0,y:0,children:[{name:"playButton",align:"tl",x:15,y:12},{name:"timeDisplay",align:"tl",x:10,y:7},{name:"fullScreenButton",align:"tr",x:10,y:12},{name:"setting",align:"tr",x:15,y:12},{name:"volume",align:"tr",x:5,y:10}]}];g&&e[e.length-1].children.unshift({name:"progress",align:"blabs",x:0,y:44}),k.current=new window.Aliplayer({id:B,...t?{source:t}:{vid:p,playauth:y,qualitySort:"asc",format:"m3u8",encryptType:1,mediaType:"video",isLive:!0,rePlay:!1,playsinline:!0,controlBarVisibility:"hover"},cover:c,width:m,height:u,autoplay:d,isLive:h,useH5Prism:!0,skinLayout:e,...v},e=>{f&&f(e),d&&e.play(),e.on("ended",()=>{w&&w()}),e.on("timeupdate",()=>{x&&x(e.getCurrentTime())}),b>0&&e.seek(b)})})(),()=>{L()}),[t,p,y]),n(()=>{"hidden"===j?k.current&&k.current.pause():k.current&&k.current.play()},[j]),o("div",{ref:D,id:B,style:{width:m,height:u}})});p.displayName="AliPlayer";export{p as default};

package/components/Video/index.d.ts

@@ -0,0 +1,20 @@
+import type { ForwardRefExoticComponent, RefAttributes } from "react";
+import type { AliPlayerProps, AliPlayerRef } from "./AliPlayer";
+
+export interface VideoProps extends AliPlayerProps {
+  /** 弹窗标题，默认 “视频” */
+  title?: string;
+  /** 是否显示弹窗 */
+  visible?: boolean;
+  /** 是否内联模式 */
+  inline?: boolean;
+  /** 弹窗关闭事件 */
+  onCancel?: () => void;
+}
+
+/**
+ * 视频播放组件
+ */
+declare const Video: ForwardRefExoticComponent<VideoProps & RefAttributes<AliPlayerRef>>;
+
+export default Video;

package/components/Video/index.js

@@ -0,0 +1 @@
+import{Modal as e,Button as r}from"antd";import{forwardRef as t,useState as n,useRef as a,useImperativeHandle as o,useEffect as i}from"react";import{getFileUrl as l}from"../../utils/index.js";import s from"./AliPlayer.js";import{jsx as c}from"react/jsx-runtime";const u=t(({source:t="",vid:u="",playAuth:p="",cover:d="",autoplay:m=!0,showProgress:y=!0,playTime:h=0,inline:P=!1,isLive:f=!1,width:v="100%",height:g="600px",title:w="视频",visible:x=!1,onCancel:I,onEnded:T,onTimeupdate:j,onGetPlayerInstance:A,aliPlayerProps:C={}},b)=>{const[k,E]=n(!1),G=a(null);o(b,()=>({play:()=>{G.current&&G.current.play()},pause:()=>{G.current&&G.current.pause()},getPlayerInstance:()=>G.current&&G.current.getPlayerInstance()}));const L=I?x:k,N=I||E;i(()=>{P||(L?G.current&&G.current.play():G.current&&G.current.pause())},[L,P]);const V=c(s,{ref:G,source:(()=>{if(t)return t.includes("http")||t.includes("https")?t:l()+t})(),vid:u,playAuth:p,cover:d,autoplay:m,showProgress:y,playTime:h,isLive:f,width:v,height:g,aliPlayerProps:C,onEnded:T,onTimeupdate:j,onGetPlayerInstance:A});return P?V:c(e,{open:L,width:800,title:w,footer:[c(r,{onClick:()=>N(!1),children:"关闭"},"cancel")],mask:{closable:!1},onCancel:()=>N(!1),children:V})});u.displayName="Video";export{u as default};

package/components/Word/index.d.ts

@@ -0,0 +1,22 @@
+import type { FC } from "react";
+
+export interface WordProps {
+  /** 是否显示弹窗 */
+  visible?: boolean;
+  /** 关闭回调 */
+  onCancel?: () => void;
+  /** docx 文件地址 */
+  file?: string;
+  /** docx 文件名 */
+  name?: string;
+  /** 是否内联展示 */
+  inline?: boolean;
+  /** 弹窗标题 */
+  title?: string;
+  /** 内容样式 */
+  style?: Record<string, any>;
+}
+
+declare const Word: FC<WordProps>;
+
+export default Word;