@pdfme/ui 5.3.13-dev.73 → 5.3.13-dev.78
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +4 -0
- package/dist/index.umd.js +1 -1
- package/package.json +4 -2
package/dist/index.es.js
CHANGED
|
@@ -119622,6 +119622,10 @@ function useMouseEvent(a, s, c, u, d, p, v) {
|
|
|
119622
119622
|
}
|
|
119623
119623
|
function isImageValid(a) {
|
|
119624
119624
|
return new Promise(function(s) {
|
|
119625
|
+
if (!a) {
|
|
119626
|
+
s(!1);
|
|
119627
|
+
return;
|
|
119628
|
+
}
|
|
119625
119629
|
var c = document.createElement("img");
|
|
119626
119630
|
c.onerror = function() {
|
|
119627
119631
|
return s(!1);
|
package/dist/index.umd.js
CHANGED
|
@@ -508,7 +508,7 @@ html body {
|
|
|
508
508
|
${u}-col-24${c}-label,
|
|
509
509
|
${u}-col-xl-24${c}-label`]:makeVerticalLayoutLabel(a)}},[`@media (max-width: ${unit$1(a.screenXSMax)})`]:[makeVerticalLayout(a),{[s]:{[`${c}:not(${c}-horizontal)`]:{[`${u}-col-xs-24${c}-label`]:makeVerticalLayoutLabel(a)}}}],[`@media (max-width: ${unit$1(a.screenSMMax)})`]:{[s]:{[`${c}:not(${c}-horizontal)`]:{[`${u}-col-sm-24${c}-label`]:makeVerticalLayoutLabel(a)}}},[`@media (max-width: ${unit$1(a.screenMDMax)})`]:{[s]:{[`${c}:not(${c}-horizontal)`]:{[`${u}-col-md-24${c}-label`]:makeVerticalLayoutLabel(a)}}},[`@media (max-width: ${unit$1(a.screenLGMax)})`]:{[s]:{[`${c}:not(${c}-horizontal)`]:{[`${u}-col-lg-24${c}-label`]:makeVerticalLayoutLabel(a)}}}}},genItemVerticalStyle=a=>{const{formItemCls:s,antCls:c}=a;return{[`${s}-vertical`]:{[`${s}-row`]:{flexDirection:"column"},[`${s}-label > label`]:{height:"auto"},[`${s}-control`]:{width:"100%"}},[`${s}-vertical ${s}-label,
|
|
510
510
|
${c}-col-24${s}-label,
|
|
511
|
-
${c}-col-xl-24${s}-label`]:makeVerticalLayoutLabel(a),[`@media (max-width: ${unit$1(a.screenXSMax)})`]:[makeVerticalLayout(a),{[s]:{[`${c}-col-xs-24${s}-label`]:makeVerticalLayoutLabel(a)}}],[`@media (max-width: ${unit$1(a.screenSMMax)})`]:{[s]:{[`${c}-col-sm-24${s}-label`]:makeVerticalLayoutLabel(a)}},[`@media (max-width: ${unit$1(a.screenMDMax)})`]:{[s]:{[`${c}-col-md-24${s}-label`]:makeVerticalLayoutLabel(a)}},[`@media (max-width: ${unit$1(a.screenLGMax)})`]:{[s]:{[`${c}-col-lg-24${s}-label`]:makeVerticalLayoutLabel(a)}}}},prepareComponentToken$c=a=>({labelRequiredMarkColor:a.colorError,labelColor:a.colorTextHeading,labelFontSize:a.fontSize,labelHeight:a.controlHeight,labelColonMarginInlineStart:a.marginXXS/2,labelColonMarginInlineEnd:a.marginXS,itemMarginBottom:a.marginLG,verticalLabelPadding:`0 0 ${a.paddingXS}px`,verticalLabelMargin:0,inlineItemMarginBottom:0}),prepareToken$1=(a,s)=>merge(a,{formItemCls:`${a.componentCls}-item`,rootPrefixCls:s}),useStyle$e=genStyleHooks("Form",(a,s)=>{let{rootPrefixCls:c}=s;const u=prepareToken$1(a,c);return[genFormStyle(u),genFormItemStyle(u),genFormValidateMotionStyle(u),genHorizontalStyle(u,u.componentCls),genHorizontalStyle(u,u.formItemCls),genInlineStyle(u),genVerticalStyle(u),genItemVerticalStyle(u),genCollapseMotion(u),zoomIn]},prepareComponentToken$c,{order:-1e3}),EMPTY_LIST$2=[];function toErrorEntity(a,s,c){let u=arguments.length>3&&arguments[3]!==void 0?arguments[3]:0;return{key:typeof a=="string"?a:`${s}-${u}`,error:a,errorStatus:c}}const ErrorList=a=>{let{help:s,helpStatus:c,errors:u=EMPTY_LIST$2,warnings:d=EMPTY_LIST$2,className:p,fieldId:v,onVisibleChanged:A}=a;const{prefixCls:b}=reactExports.useContext(FormItemPrefixContext),g=`${b}-item-explain`,x=useCSSVarCls(b),[y,f,m]=useStyle$e(b,x),C=reactExports.useMemo(()=>initCollapseMotion(b),[b]),S=useDebounce(u),w=useDebounce(d),I=reactExports.useMemo(()=>s!=null?[toErrorEntity(s,"help",c)]:[].concat(_toConsumableArray$e(S.map((_,E)=>toErrorEntity(_,"error","error",E))),_toConsumableArray$e(w.map((_,E)=>toErrorEntity(_,"warning","warning",E)))),[s,c,S,w]),P=reactExports.useMemo(()=>{const _={};return I.forEach(E=>{let{key:R}=E;_[R]=(_[R]||0)+1}),I.map((E,R)=>Object.assign(Object.assign({},E),{key:_[E.key]>1?`${E.key}-fallback-${R}`:E.key}))},[I]),$={};return v&&($.id=`${v}_help`),y(reactExports.createElement(CSSMotion,{motionDeadline:C.motionDeadline,motionName:`${b}-show-help`,visible:!!P.length,onVisibleChanged:A},_=>{const{className:E,style:R}=_;return reactExports.createElement("div",Object.assign({},$,{className:classnames(g,E,m,x,p,f),style:R}),reactExports.createElement(CSSMotionList,Object.assign({keys:P},initCollapseMotion(b),{motionName:`${b}-show-help-item`,component:!1}),T=>{const{key:B,error:M,errorStatus:D,className:O,style:H}=T;return reactExports.createElement("div",{key:B,className:classnames(O,{[`${g}-${D}`]:D}),style:H},M)}))}))},formItemNameBlackList=["parentNode"],defaultItemNamePrefixCls="form_item";function toArray$3(a){return a===void 0||a===!1?[]:Array.isArray(a)?a:[a]}function getFieldId(a,s){if(!a.length)return;const c=a.join("_");return s?`${s}_${c}`:formItemNameBlackList.includes(c)?`${defaultItemNamePrefixCls}_${c}`:c}function getStatus(a,s,c,u,d,p){let v=u;return p!==void 0?v=p:c.validating?v="validating":a.length?v="error":s.length?v="warning":(c.touched||d&&c.validated)&&(v="success"),v}var __rest$w=function(a,s){var c={};for(var u in a)Object.prototype.hasOwnProperty.call(a,u)&&s.indexOf(u)<0&&(c[u]=a[u]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var d=0,u=Object.getOwnPropertySymbols(a);d<u.length;d++)s.indexOf(u[d])<0&&Object.prototype.propertyIsEnumerable.call(a,u[d])&&(c[u[d]]=a[u[d]]);return c};function toNamePathStr(a){return toArray$3(a).join("_")}function getFieldDOMNode(a,s){const c=s.getFieldInstance(a),u=getDOM(c);if(u)return u;const d=getFieldId(toArray$3(a),s.__INTERNAL__.name);if(d)return document.getElementById(d)}function useForm$1(a){const[s]=useForm$2(),c=reactExports.useRef({}),u=reactExports.useMemo(()=>a??Object.assign(Object.assign({},s),{__INTERNAL__:{itemRef:d=>p=>{const v=toNamePathStr(d);p?c.current[v]=p:delete c.current[v]}},scrollToField:function(d){let p=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};const{focus:v}=p,A=__rest$w(p,["focus"]),b=getFieldDOMNode(d,u);b&&(e(b,Object.assign({scrollMode:"if-needed",block:"nearest"},A)),v&&u.focusField(d))},focusField:d=>{var p,v;const A=u.getFieldInstance(d);typeof(A==null?void 0:A.focus)=="function"?A.focus():(v=(p=getFieldDOMNode(d,u))===null||p===void 0?void 0:p.focus)===null||v===void 0||v.call(p)},getFieldInstance:d=>{const p=toNamePathStr(d);return c.current[p]}}),[a,s]);return[u]}var __rest$v=function(a,s){var c={};for(var u in a)Object.prototype.hasOwnProperty.call(a,u)&&s.indexOf(u)<0&&(c[u]=a[u]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var d=0,u=Object.getOwnPropertySymbols(a);d<u.length;d++)s.indexOf(u[d])<0&&Object.prototype.propertyIsEnumerable.call(a,u[d])&&(c[u[d]]=a[u[d]]);return c};const InternalForm=(a,s)=>{const c=reactExports.useContext(DisabledContext),{getPrefixCls:u,direction:d,requiredMark:p,colon:v,scrollToFirstError:A,className:b,style:g}=useComponentConfig("form"),{prefixCls:x,className:y,rootClassName:f,size:m,disabled:C=c,form:S,colon:w,labelAlign:I,labelWrap:P,labelCol:$,wrapperCol:_,hideRequiredMark:E,layout:R="horizontal",scrollToFirstError:T,requiredMark:B,onFinishFailed:M,name:D,style:O,feedbackIcons:H,variant:j}=a,q=__rest$v(a,["prefixCls","className","rootClassName","size","disabled","form","colon","labelAlign","labelWrap","labelCol","wrapperCol","hideRequiredMark","layout","scrollToFirstError","requiredMark","onFinishFailed","name","style","feedbackIcons","variant"]),L=useSize(m),F=reactExports.useContext(ValidateMessagesContext),U=reactExports.useMemo(()=>B!==void 0?B:E?!1:p!==void 0?p:!0,[E,B,p]),N=w??v,k=u("form",x),W=useCSSVarCls(k),[J,Q,Y]=useStyle$e(k,W),Z=classnames(k,`${k}-${R}`,{[`${k}-hide-required-mark`]:U===!1,[`${k}-rtl`]:d==="rtl",[`${k}-${L}`]:L},Y,W,Q,b,y,f),[ee]=useForm$1(S),{__INTERNAL__:re}=ee;re.name=D;const ae=reactExports.useMemo(()=>({name:D,labelAlign:I,labelCol:$,labelWrap:P,wrapperCol:_,vertical:R==="vertical",colon:N,requiredMark:U,itemRef:re.itemRef,form:ee,feedbackIcons:H}),[D,I,$,_,R,N,U,ee,H]),V=reactExports.useRef(null);reactExports.useImperativeHandle(s,()=>{var ie;return Object.assign(Object.assign({},ee),{nativeElement:(ie=V.current)===null||ie===void 0?void 0:ie.nativeElement})});const K=(ie,ce)=>{if(ie){let ge={block:"nearest"};typeof ie=="object"&&(ge=Object.assign(Object.assign({},ge),ie)),ee.scrollToField(ce,ge)}},te=ie=>{if(M==null||M(ie),ie.errorFields.length){const ce=ie.errorFields[0].name;if(T!==void 0){K(T,ce);return}A!==void 0&&K(A,ce)}};return J(reactExports.createElement(VariantContext.Provider,{value:j},reactExports.createElement(DisabledContextProvider,{disabled:C},reactExports.createElement(SizeContext.Provider,{value:L},reactExports.createElement(FormProvider,{validateMessages:F},reactExports.createElement(FormContext.Provider,{value:ae},reactExports.createElement(RefForm,Object.assign({id:D},q,{name:D,onFinishFailed:te,form:ee,ref:V,style:Object.assign(Object.assign({},g),O),className:Z}))))))))},Form$2=reactExports.forwardRef(InternalForm);function useChildren(a){if(typeof a=="function")return a;const s=toArray$8(a);return s.length<=1?s[0]:s}const useFormItemStatus=()=>{const{status:a,errors:s=[],warnings:c=[]}=reactExports.useContext(FormItemInputContext);return{status:a,errors:s,warnings:c}};useFormItemStatus.Context=FormItemInputContext;function useFrameState(a){const[s,c]=reactExports.useState(a),u=reactExports.useRef(null),d=reactExports.useRef([]),p=reactExports.useRef(!1);reactExports.useEffect(()=>(p.current=!1,()=>{p.current=!0,wrapperRaf.cancel(u.current),u.current=null}),[]);function v(A){p.current||(u.current===null&&(d.current=[],u.current=wrapperRaf(()=>{u.current=null,c(b=>{let g=b;return d.current.forEach(x=>{g=x(g)}),g})})),d.current.push(A))}return[s,v]}function useItemRef(){const{itemRef:a}=reactExports.useContext(FormContext),s=reactExports.useRef({});function c(u,d){const p=d&&typeof d=="object"&&getNodeRef(d),v=u.join("_");return(s.current.name!==v||s.current.originRef!==p)&&(s.current.name=v,s.current.originRef=p,s.current.ref=composeRef(a(u),p)),s.current.ref}return c}const genFallbackStyle=a=>{const{formItemCls:s}=a;return{"@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)":{[`${s}-control`]:{display:"flex"}}}},FallbackCmp=genSubStyleComponent(["Form","item-item"],(a,s)=>{let{rootPrefixCls:c}=s;const u=prepareToken$1(a,c);return[genFallbackStyle(u)]});var __rest$u=function(a,s){var c={};for(var u in a)Object.prototype.hasOwnProperty.call(a,u)&&s.indexOf(u)<0&&(c[u]=a[u]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var d=0,u=Object.getOwnPropertySymbols(a);d<u.length;d++)s.indexOf(u[d])<0&&Object.prototype.propertyIsEnumerable.call(a,u[d])&&(c[u[d]]=a[u[d]]);return c};const GRID_MAX=24,FormItemInput=a=>{const{prefixCls:s,status:c,labelCol:u,wrapperCol:d,children:p,errors:v,warnings:A,_internalItemRender:b,extra:g,help:x,fieldId:y,marginBottom:f,onErrorVisibleChanged:m,label:C}=a,S=`${s}-item`,w=reactExports.useContext(FormContext),I=reactExports.useMemo(()=>{let q=Object.assign({},d||w.wrapperCol||{});return C===null&&!u&&!d&&w.labelCol&&[void 0,"xs","sm","md","lg","xl","xxl"].forEach(F=>{const U=F?[F]:[],N=get$1(w.labelCol,U),k=typeof N=="object"?N:{},W=get$1(q,U),J=typeof W=="object"?W:{};"span"in k&&!("offset"in J)&&k.span<GRID_MAX&&(q=set$1(q,[].concat(U,["offset"]),k.span))}),q},[d,w]),P=classnames(`${S}-control`,I.className),$=reactExports.useMemo(()=>{const{labelCol:q,wrapperCol:L}=w;return __rest$u(w,["labelCol","wrapperCol"])},[w]),_=reactExports.useRef(null),[E,R]=reactExports.useState(0);useLayoutEffect$1(()=>{g&&_.current?R(_.current.clientHeight):R(0)},[g]);const T=reactExports.createElement("div",{className:`${S}-control-input`},reactExports.createElement("div",{className:`${S}-control-input-content`},p)),B=reactExports.useMemo(()=>({prefixCls:s,status:c}),[s,c]),M=f!==null||v.length||A.length?reactExports.createElement(FormItemPrefixContext.Provider,{value:B},reactExports.createElement(ErrorList,{fieldId:y,errors:v,warnings:A,help:x,helpStatus:c,className:`${S}-explain-connected`,onVisibleChanged:m})):null,D={};y&&(D.id=`${y}_extra`);const O=g?reactExports.createElement("div",Object.assign({},D,{className:`${S}-extra`,ref:_}),g):null,H=M||O?reactExports.createElement("div",{className:`${S}-additional`,style:f?{minHeight:f+E}:{}},M,O):null,j=b&&b.mark==="pro_table_render"&&b.render?b.render(a,{input:T,errorList:M,extra:O}):reactExports.createElement(reactExports.Fragment,null,T,H);return reactExports.createElement(FormContext.Provider,{value:$},reactExports.createElement(Col,Object.assign({},I,{className:P}),j),reactExports.createElement(FallbackCmp,{prefixCls:s}))};var QuestionCircleOutlined$1={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"}},{tag:"path",attrs:{d:"M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z"}}]},name:"question-circle",theme:"outlined"},QuestionCircleOutlined=function a(s,c){return reactExports.createElement(Icon$4,_extends$3({},s,{ref:c,icon:QuestionCircleOutlined$1}))},RefIcon$t=reactExports.forwardRef(QuestionCircleOutlined),__rest$t=function(a,s){var c={};for(var u in a)Object.prototype.hasOwnProperty.call(a,u)&&s.indexOf(u)<0&&(c[u]=a[u]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var d=0,u=Object.getOwnPropertySymbols(a);d<u.length;d++)s.indexOf(u[d])<0&&Object.prototype.propertyIsEnumerable.call(a,u[d])&&(c[u[d]]=a[u[d]]);return c};function toTooltipProps(a){return a?typeof a=="object"&&!reactExports.isValidElement(a)?a:{title:a}:null}const FormItemLabel=a=>{let{prefixCls:s,label:c,htmlFor:u,labelCol:d,labelAlign:p,colon:v,required:A,requiredMark:b,tooltip:g,vertical:x}=a;var y;const[f]=useLocale$1("Form"),{labelAlign:m,labelCol:C,labelWrap:S,colon:w}=reactExports.useContext(FormContext);if(!c)return null;const I=d||C||{},P=p||m,$=`${s}-item-label`,_=classnames($,P==="left"&&`${$}-left`,I.className,{[`${$}-wrap`]:!!S});let E=c;const R=v===!0||w!==!1&&v!==!1;R&&!x&&typeof c=="string"&&c.trim()&&(E=c.replace(/[:|：]\s*$/,""));const B=toTooltipProps(g);if(B){const{icon:q=reactExports.createElement(RefIcon$t,null)}=B,L=__rest$t(B,["icon"]),F=reactExports.createElement(Tooltip,Object.assign({},L),reactExports.cloneElement(q,{className:`${s}-item-tooltip`,title:"",onClick:U=>{U.preventDefault()},tabIndex:null}));E=reactExports.createElement(reactExports.Fragment,null,E,F)}const M=b==="optional",D=typeof b=="function",O=b===!1;D?E=b(E,{required:!!A}):M&&!A&&(E=reactExports.createElement(reactExports.Fragment,null,E,reactExports.createElement("span",{className:`${s}-item-optional`,title:""},(f==null?void 0:f.optional)||((y=localeValues.Form)===null||y===void 0?void 0:y.optional))));let H;O?H="hidden":(M||D)&&(H="optional");const j=classnames({[`${s}-item-required`]:A,[`${s}-item-required-mark-${H}`]:H,[`${s}-item-no-colon`]:!R});return reactExports.createElement(Col,Object.assign({},I,{className:_}),reactExports.createElement("label",{htmlFor:u,className:j,title:typeof c=="string"?c:""},E))},iconMap={success:RefIcon$K,warning:RefIcon$H,error:RefIcon$J,validating:RefIcon$F};function StatusProvider(a){let{children:s,errors:c,warnings:u,hasFeedback:d,validateStatus:p,prefixCls:v,meta:A,noStyle:b}=a;const g=`${v}-item`,{feedbackIcons:x}=reactExports.useContext(FormContext),y=getStatus(c,u,A,null,!!d,p),{isFormItemInput:f,status:m,hasFeedback:C,feedbackIcon:S}=reactExports.useContext(FormItemInputContext),w=reactExports.useMemo(()=>{var I;let P;if(d){const _=d!==!0&&d.icons||x,E=y&&((I=_==null?void 0:_({status:y,errors:c,warnings:u}))===null||I===void 0?void 0:I[y]),R=y&&iconMap[y];P=E!==!1&&R?reactExports.createElement("span",{className:classnames(`${g}-feedback-icon`,`${g}-feedback-icon-${y}`)},E||reactExports.createElement(R,null)):null}const $={status:y||"",errors:c,warnings:u,hasFeedback:!!d,feedbackIcon:P,isFormItemInput:!0};return b&&($.status=(y??m)||"",$.isFormItemInput=f,$.hasFeedback=!!(d??C),$.feedbackIcon=d!==void 0?$.feedbackIcon:S),$},[y,d,b,f,m]);return reactExports.createElement(FormItemInputContext.Provider,{value:w},s)}var __rest$s=function(a,s){var c={};for(var u in a)Object.prototype.hasOwnProperty.call(a,u)&&s.indexOf(u)<0&&(c[u]=a[u]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var d=0,u=Object.getOwnPropertySymbols(a);d<u.length;d++)s.indexOf(u[d])<0&&Object.prototype.propertyIsEnumerable.call(a,u[d])&&(c[u[d]]=a[u[d]]);return c};function ItemHolder(a){const{prefixCls:s,className:c,rootClassName:u,style:d,help:p,errors:v,warnings:A,validateStatus:b,meta:g,hasFeedback:x,hidden:y,children:f,fieldId:m,required:C,isRequired:S,onSubItemMetaChange:w,layout:I}=a,P=__rest$s(a,["prefixCls","className","rootClassName","style","help","errors","warnings","validateStatus","meta","hasFeedback","hidden","children","fieldId","required","isRequired","onSubItemMetaChange","layout"]),$=`${s}-item`,{requiredMark:_,vertical:E}=reactExports.useContext(FormContext),R=E||I==="vertical",T=reactExports.useRef(null),B=useDebounce(v),M=useDebounce(A),D=p!=null,O=!!(D||v.length||A.length),H=!!T.current&&isVisible(T.current),[j,q]=reactExports.useState(null);useLayoutEffect$1(()=>{if(O&&T.current){const k=getComputedStyle(T.current);q(parseInt(k.marginBottom,10))}},[O,H]);const L=k=>{k||q(null)},U=function(){let k=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1;const W=k?B:g.errors,J=k?M:g.warnings;return getStatus(W,J,g,"",!!x,b)}(),N=classnames($,c,u,{[`${$}-with-help`]:D||B.length||M.length,[`${$}-has-feedback`]:U&&x,[`${$}-has-success`]:U==="success",[`${$}-has-warning`]:U==="warning",[`${$}-has-error`]:U==="error",[`${$}-is-validating`]:U==="validating",[`${$}-hidden`]:y,[`${$}-${I}`]:I});return reactExports.createElement("div",{className:N,style:d,ref:T},reactExports.createElement(Row,Object.assign({className:`${$}-row`},omit(P,["_internalItemRender","colon","dependencies","extra","fieldKey","getValueFromEvent","getValueProps","htmlFor","id","initialValue","isListField","label","labelAlign","labelCol","labelWrap","messageVariables","name","normalize","noStyle","preserve","requiredMark","rules","shouldUpdate","trigger","tooltip","validateFirst","validateTrigger","valuePropName","wrapperCol","validateDebounce"])),reactExports.createElement(FormItemLabel,Object.assign({htmlFor:m},a,{requiredMark:_,required:C??S,prefixCls:s,vertical:R})),reactExports.createElement(FormItemInput,Object.assign({},a,g,{errors:B,warnings:M,prefixCls:s,status:U,help:p,marginBottom:j,onErrorVisibleChanged:L}),reactExports.createElement(NoStyleItemContext.Provider,{value:w},reactExports.createElement(StatusProvider,{prefixCls:s,meta:g,errors:g.errors,warnings:g.warnings,hasFeedback:x,validateStatus:U},f)))),!!j&&reactExports.createElement("div",{className:`${$}-margin-offset`,style:{marginBottom:-j}}))}const NAME_SPLIT="__SPLIT__";function isSimilarControl(a,s){const c=Object.keys(a),u=Object.keys(s);return c.length===u.length&&c.every(d=>{const p=a[d],v=s[d];return p===v||typeof p=="function"||typeof v=="function"})}const MemoInput=reactExports.memo(a=>{let{children:s}=a;return s},(a,s)=>isSimilarControl(a.control,s.control)&&a.update===s.update&&a.childProps.length===s.childProps.length&&a.childProps.every((c,u)=>c===s.childProps[u]));function genEmptyMeta(){return{errors:[],warnings:[],touched:!1,validating:!1,name:[],validated:!1}}function InternalFormItem(a){const{name:s,noStyle:c,className:u,dependencies:d,prefixCls:p,shouldUpdate:v,rules:A,children:b,required:g,label:x,messageVariables:y,trigger:f="onChange",validateTrigger:m,hidden:C,help:S,layout:w}=a,{getPrefixCls:I}=reactExports.useContext(ConfigContext$1),{name:P}=reactExports.useContext(FormContext),$=useChildren(b),_=typeof $=="function",E=reactExports.useContext(NoStyleItemContext),{validateTrigger:R}=reactExports.useContext(Context$2),T=m!==void 0?m:R,B=s!=null,M=I("form",p),D=useCSSVarCls(M),[O,H,j]=useStyle$e(M,D);devUseWarning();const q=reactExports.useContext(ListContext),L=reactExports.useRef(null),[F,U]=useFrameState({}),[N,k]=useSafeState(()=>genEmptyMeta()),W=ae=>{const V=q==null?void 0:q.getKey(ae.name);if(k(ae.destroy?genEmptyMeta():ae,!0),c&&S!==!1&&E){let K=ae.name;if(ae.destroy)K=L.current||K;else if(V!==void 0){const[te,ie]=V;K=[te].concat(_toConsumableArray$e(ie)),L.current=K}E(ae,K)}},J=(ae,V)=>{U(K=>{const te=Object.assign({},K),ce=[].concat(_toConsumableArray$e(ae.name.slice(0,-1)),_toConsumableArray$e(V)).join(NAME_SPLIT);return ae.destroy?delete te[ce]:te[ce]=ae,te})},[Q,Y]=reactExports.useMemo(()=>{const ae=_toConsumableArray$e(N.errors),V=_toConsumableArray$e(N.warnings);return Object.values(F).forEach(K=>{ae.push.apply(ae,_toConsumableArray$e(K.errors||[])),V.push.apply(V,_toConsumableArray$e(K.warnings||[]))}),[ae,V]},[F,N.errors,N.warnings]),Z=useItemRef();function ee(ae,V,K){return c&&!C?reactExports.createElement(StatusProvider,{prefixCls:M,hasFeedback:a.hasFeedback,validateStatus:a.validateStatus,meta:N,errors:Q,warnings:Y,noStyle:!0},ae):reactExports.createElement(ItemHolder,Object.assign({key:"row"},a,{className:classnames(u,j,D,H),prefixCls:M,fieldId:V,isRequired:K,errors:Q,warnings:Y,meta:N,onSubItemMetaChange:J,layout:w}),ae)}if(!B&&!_&&!d)return O(ee($));let re={};return typeof x=="string"?re.label=x:s&&(re.label=String(s)),y&&(re=Object.assign(Object.assign({},re),y)),O(reactExports.createElement(WrapperField,Object.assign({},a,{messageVariables:re,trigger:f,validateTrigger:T,onMetaChange:W}),(ae,V,K)=>{const te=toArray$3(s).length&&V?V.name:[],ie=getFieldId(te,P),ce=g!==void 0?g:!!(A!=null&&A.some(be=>{if(be&&typeof be=="object"&&be.required&&!be.warningOnly)return!0;if(typeof be=="function"){const me=be(K);return(me==null?void 0:me.required)&&!(me!=null&&me.warningOnly)}return!1})),ge=Object.assign({},ae);let Se=null;if(Array.isArray($)&&B)Se=$;else if(!(_&&(!(v||d)||B))){if(!(d&&!_&&!B))if(reactExports.isValidElement($)){const be=Object.assign(Object.assign({},$.props),ge);if(be.id||(be.id=ie),S||Q.length>0||Y.length>0||a.extra){const se=[];(S||Q.length>0)&&se.push(`${ie}_help`),a.extra&&se.push(`${ie}_extra`),be["aria-describedby"]=se.join(" ")}Q.length>0&&(be["aria-invalid"]="true"),ce&&(be["aria-required"]="true"),supportRef($)&&(be.ref=Z(te,$)),new Set([].concat(_toConsumableArray$e(toArray$3(f)),_toConsumableArray$e(toArray$3(T)))).forEach(se=>{be[se]=function(){for(var oe,de,le,xe,Ce,$e=arguments.length,we=new Array($e),Ee=0;Ee<$e;Ee++)we[Ee]=arguments[Ee];(le=ge[se])===null||le===void 0||(oe=le).call.apply(oe,[ge].concat(we)),(Ce=(xe=$.props)[se])===null||Ce===void 0||(de=Ce).call.apply(de,[xe].concat(we))}});const fe=[be["aria-required"],be["aria-invalid"],be["aria-describedby"]];Se=reactExports.createElement(MemoInput,{control:ge,update:$,childProps:fe},cloneElement($,be))}else _&&(v||d)&&!B?Se=$(K):Se=$}return ee(Se,ie,ce)}))}const FormItem=InternalFormItem;FormItem.useStatus=useFormItemStatus;var __rest$r=function(a,s){var c={};for(var u in a)Object.prototype.hasOwnProperty.call(a,u)&&s.indexOf(u)<0&&(c[u]=a[u]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var d=0,u=Object.getOwnPropertySymbols(a);d<u.length;d++)s.indexOf(u[d])<0&&Object.prototype.propertyIsEnumerable.call(a,u[d])&&(c[u[d]]=a[u[d]]);return c};const FormList=a=>{var{prefixCls:s,children:c}=a,u=__rest$r(a,["prefixCls","children"]);const{getPrefixCls:d}=reactExports.useContext(ConfigContext$1),p=d("form",s),v=reactExports.useMemo(()=>({prefixCls:p,status:"error"}),[p]);return reactExports.createElement(List$1,Object.assign({},u),(A,b,g)=>reactExports.createElement(FormItemPrefixContext.Provider,{value:v},c(A.map(x=>Object.assign(Object.assign({},x),{fieldKey:x.key})),b,{errors:g.errors,warnings:g.warnings})))};function useFormInstance(){const{form:a}=reactExports.useContext(FormContext);return a}const Form$1=Form$2;Form$1.Item=FormItem,Form$1.List=FormList,Form$1.ErrorList=ErrorList,Form$1.useForm=useForm$1,Form$1.useFormInstance=useFormInstance,Form$1.useWatch=useWatch$1,Form$1.Provider=FormProvider,Form$1.create=()=>{};var EyeOutlined$1={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z"}}]},name:"eye",theme:"outlined"},EyeOutlined=function a(s,c){return reactExports.createElement(Icon$4,_extends$3({},s,{ref:c,icon:EyeOutlined$1}))},RefIcon$s=reactExports.forwardRef(EyeOutlined);function getClientSize(){var a=document.documentElement.clientWidth,s=window.innerHeight||document.documentElement.clientHeight;return{width:a,height:s}}function getOffset$2(a){var s=a.getBoundingClientRect(),c=document.documentElement;return{left:s.left+(window.pageXOffset||c.scrollLeft)-(c.clientLeft||document.body.clientLeft||0),top:s.top+(window.pageYOffset||c.scrollTop)-(c.clientTop||document.body.clientTop||0)}}function addEventListenerWrap$1(a,s,c,u){var d=ReactDOM.unstable_batchedUpdates?function(v){ReactDOM.unstable_batchedUpdates(c,v)}:c;return a!=null&&a.addEventListener&&a.addEventListener(s,d,u),{remove:function(){a!=null&&a.removeEventListener&&a.removeEventListener(s,d,u)}}}var PreviewGroupContext=reactExports.createContext(null),Operations=function a(s){var c=s.visible,u=s.maskTransitionName,d=s.getContainer,p=s.prefixCls,v=s.rootClassName,A=s.icons,b=s.countRender,g=s.showSwitch,x=s.showProgress,y=s.current,f=s.transform,m=s.count,C=s.scale,S=s.minScale,w=s.maxScale,I=s.closeIcon,P=s.onActive,$=s.onClose,_=s.onZoomIn,E=s.onZoomOut,R=s.onRotateRight,T=s.onRotateLeft,B=s.onFlipX,M=s.onFlipY,D=s.onReset,O=s.toolbarRender,H=s.zIndex,j=s.image,q=reactExports.useContext(PreviewGroupContext),L=A.rotateLeft,F=A.rotateRight,U=A.zoomIn,N=A.zoomOut,k=A.close,W=A.left,J=A.right,Q=A.flipX,Y=A.flipY,Z="".concat(p,"-operations-operation");reactExports.useEffect(function(){var me=function(se){se.keyCode===KeyCode.ESC&&$()};return c&&window.addEventListener("keydown",me),function(){window.removeEventListener("keydown",me)}},[c]);var ee=function(fe,se){fe.preventDefault(),fe.stopPropagation(),P(se)},re=reactExports.useCallback(function(me){var fe=me.type,se=me.disabled,oe=me.onClick,de=me.icon;return reactExports.createElement("div",{key:fe,className:classnames(Z,"".concat(p,"-operations-operation-").concat(fe),_defineProperty$a({},"".concat(p,"-operations-operation-disabled"),!!se)),onClick:oe},de)},[Z,p]),ae=g?re({icon:W,onClick:function(fe){return ee(fe,-1)},type:"prev",disabled:y===0}):void 0,V=g?re({icon:J,onClick:function(fe){return ee(fe,1)},type:"next",disabled:y===m-1}):void 0,K=re({icon:Y,onClick:M,type:"flipY"}),te=re({icon:Q,onClick:B,type:"flipX"}),ie=re({icon:L,onClick:T,type:"rotateLeft"}),ce=re({icon:F,onClick:R,type:"rotateRight"}),ge=re({icon:N,onClick:E,type:"zoomOut",disabled:C<=S}),Se=re({icon:U,onClick:_,type:"zoomIn",disabled:C===w}),be=reactExports.createElement("div",{className:"".concat(p,"-operations")},K,te,ie,ce,ge,Se);return reactExports.createElement(CSSMotion,{visible:c,motionName:u},function(me){var fe=me.className,se=me.style;return reactExports.createElement(Portal,{open:!0,getContainer:d??document.body},reactExports.createElement("div",{className:classnames("".concat(p,"-operations-wrapper"),fe,v),style:_objectSpread2$1(_objectSpread2$1({},se),{},{zIndex:H})},I===null?null:reactExports.createElement("button",{className:"".concat(p,"-close"),onClick:$},I||k),g&&reactExports.createElement(reactExports.Fragment,null,reactExports.createElement("div",{className:classnames("".concat(p,"-switch-left"),_defineProperty$a({},"".concat(p,"-switch-left-disabled"),y===0)),onClick:function(de){return ee(de,-1)}},W),reactExports.createElement("div",{className:classnames("".concat(p,"-switch-right"),_defineProperty$a({},"".concat(p,"-switch-right-disabled"),y===m-1)),onClick:function(de){return ee(de,1)}},J)),reactExports.createElement("div",{className:"".concat(p,"-footer")},x&&reactExports.createElement("div",{className:"".concat(p,"-progress")},b?b(y+1,m):"".concat(y+1," / ").concat(m)),O?O(be,_objectSpread2$1(_objectSpread2$1({icons:{prevIcon:ae,nextIcon:V,flipYIcon:K,flipXIcon:te,rotateLeftIcon:ie,rotateRightIcon:ce,zoomOutIcon:ge,zoomInIcon:Se},actions:{onActive:P,onFlipY:M,onFlipX:B,onRotateLeft:T,onRotateRight:R,onZoomOut:E,onZoomIn:_,onReset:D,onClose:$},transform:f},q?{current:y,total:m}:{}),{},{image:j})):be)))})},initialTransform={x:0,y:0,rotate:0,scale:1,flipX:!1,flipY:!1};function useImageTransform(a,s,c,u){var d=reactExports.useRef(null),p=reactExports.useRef([]),v=reactExports.useState(initialTransform),A=_slicedToArray$e(v,2),b=A[0],g=A[1],x=function(C){g(initialTransform),isEqual(initialTransform,b)||u==null||u({transform:initialTransform,action:C})},y=function(C,S){d.current===null&&(p.current=[],d.current=wrapperRaf(function(){g(function(w){var I=w;return p.current.forEach(function(P){I=_objectSpread2$1(_objectSpread2$1({},I),P)}),d.current=null,u==null||u({transform:I,action:S}),I})})),p.current.push(_objectSpread2$1(_objectSpread2$1({},b),C))},f=function(C,S,w,I,P){var $=a.current,_=$.width,E=$.height,R=$.offsetWidth,T=$.offsetHeight,B=$.offsetLeft,M=$.offsetTop,D=C,O=b.scale*C;O>c?(O=c,D=c/b.scale):O<s&&(O=P?O:s,D=O/b.scale);var H=w??innerWidth/2,j=I??innerHeight/2,q=D-1,L=q*_*.5,F=q*E*.5,U=q*(H-b.x-B),N=q*(j-b.y-M),k=b.x-(U-L),W=b.y-(N-F);if(C<1&&O===1){var J=R*O,Q=T*O,Y=getClientSize(),Z=Y.width,ee=Y.height;J<=Z&&Q<=ee&&(k=0,W=0)}y({x:k,y:W,scale:O},S)};return{transform:b,resetTransform:x,updateTransform:y,dispatchZoomChange:f}}function fixPoint(a,s,c,u){var d=s+c,p=(c-u)/2;if(c>u){if(s>0)return _defineProperty$a({},a,p);if(s<0&&d<u)return _defineProperty$a({},a,-p)}else if(s<0||d>u)return _defineProperty$a({},a,s<0?p:-p);return{}}function getFixScaleEleTransPosition(a,s,c,u){var d=getClientSize(),p=d.width,v=d.height,A=null;return a<=p&&s<=v?A={x:0,y:0}:(a>p||s>v)&&(A=_objectSpread2$1(_objectSpread2$1({},fixPoint("x",c,a,p)),fixPoint("y",u,s,v))),A}var BASE_SCALE_RATIO=1,WHEEL_MAX_SCALE_RATIO=1;function useMouseEvent(a,s,c,u,d,p,v){var A=d.rotate,b=d.scale,g=d.x,x=d.y,y=reactExports.useState(!1),f=_slicedToArray$e(y,2),m=f[0],C=f[1],S=reactExports.useRef({diffX:0,diffY:0,transformX:0,transformY:0}),w=function(E){!s||E.button!==0||(E.preventDefault(),E.stopPropagation(),S.current={diffX:E.pageX-g,diffY:E.pageY-x,transformX:g,transformY:x},C(!0))},I=function(E){c&&m&&p({x:E.pageX-S.current.diffX,y:E.pageY-S.current.diffY},"move")},P=function(){if(c&&m){C(!1);var E=S.current,R=E.transformX,T=E.transformY,B=g!==R&&x!==T;if(!B)return;var M=a.current.offsetWidth*b,D=a.current.offsetHeight*b,O=a.current.getBoundingClientRect(),H=O.left,j=O.top,q=A%180!==0,L=getFixScaleEleTransPosition(q?D:M,q?M:D,H,j);L&&p(_objectSpread2$1({},L),"dragRebound")}},$=function(E){if(!(!c||E.deltaY==0)){var R=Math.abs(E.deltaY/100),T=Math.min(R,WHEEL_MAX_SCALE_RATIO),B=BASE_SCALE_RATIO+T*u;E.deltaY>0&&(B=BASE_SCALE_RATIO/B),v(B,"wheel",E.clientX,E.clientY)}};return reactExports.useEffect(function(){var _,E,R,T;if(s){R=addEventListenerWrap$1(window,"mouseup",P,!1),T=addEventListenerWrap$1(window,"mousemove",I,!1);try{window.top!==window.self&&(_=addEventListenerWrap$1(window.top,"mouseup",P,!1),E=addEventListenerWrap$1(window.top,"mousemove",I,!1))}catch{}}return function(){var B,M,D,O;(B=R)===null||B===void 0||B.remove(),(M=T)===null||M===void 0||M.remove(),(D=_)===null||D===void 0||D.remove(),(O=E)===null||O===void 0||O.remove()}},[c,m,g,x,A,s]),{isMoving:m,onMouseDown:w,onMouseMove:I,onMouseUp:P,onWheel:$}}function isImageValid(a){return new Promise(function(s){var c=document.createElement("img");c.onerror=function(){return s(!1)},c.onload=function(){return s(!0)},c.src=a})}function useStatus(a){var s=a.src,c=a.isCustomPlaceholder,u=a.fallback,d=reactExports.useState(c?"loading":"normal"),p=_slicedToArray$e(d,2),v=p[0],A=p[1],b=reactExports.useRef(!1),g=v==="error";reactExports.useEffect(function(){var m=!0;return isImageValid(s).then(function(C){!C&&m&&A("error")}),function(){m=!1}},[s]),reactExports.useEffect(function(){c&&!b.current?A("loading"):g&&A("normal")},[s]);var x=function(){A("normal")},y=function(C){b.current=!1,v==="loading"&&C!==null&&C!==void 0&&C.complete&&(C.naturalWidth||C.naturalHeight)&&(b.current=!0,x())},f=g&&u?{src:u}:{onLoad:x,src:s};return[y,f,v]}function getDistance(a,s){var c=a.x-s.x,u=a.y-s.y;return Math.hypot(c,u)}function getCenter(a,s,c,u){var d=getDistance(a,c),p=getDistance(s,u);if(d===0&&p===0)return[a.x,a.y];var v=d/(d+p),A=a.x+v*(s.x-a.x),b=a.y+v*(s.y-a.y);return[A,b]}function useTouchEvent(a,s,c,u,d,p,v){var A=d.rotate,b=d.scale,g=d.x,x=d.y,y=reactExports.useState(!1),f=_slicedToArray$e(y,2),m=f[0],C=f[1],S=reactExports.useRef({point1:{x:0,y:0},point2:{x:0,y:0},eventType:"none"}),w=function(E){S.current=_objectSpread2$1(_objectSpread2$1({},S.current),E)},I=function(E){if(s){E.stopPropagation(),C(!0);var R=E.touches,T=R===void 0?[]:R;T.length>1?w({point1:{x:T[0].clientX,y:T[0].clientY},point2:{x:T[1].clientX,y:T[1].clientY},eventType:"touchZoom"}):w({point1:{x:T[0].clientX-g,y:T[0].clientY-x},eventType:"move"})}},P=function(E){var R=E.touches,T=R===void 0?[]:R,B=S.current,M=B.point1,D=B.point2,O=B.eventType;if(T.length>1&&O==="touchZoom"){var H={x:T[0].clientX,y:T[0].clientY},j={x:T[1].clientX,y:T[1].clientY},q=getCenter(M,D,H,j),L=_slicedToArray$e(q,2),F=L[0],U=L[1],N=getDistance(H,j)/getDistance(M,D);v(N,"touchZoom",F,U,!0),w({point1:H,point2:j,eventType:"touchZoom"})}else O==="move"&&(p({x:T[0].clientX-M.x,y:T[0].clientY-M.y},"move"),w({eventType:"move"}))},$=function(){if(c){if(m&&C(!1),w({eventType:"none"}),u>b)return p({x:0,y:0,scale:u},"touchZoom");var E=a.current.offsetWidth*b,R=a.current.offsetHeight*b,T=a.current.getBoundingClientRect(),B=T.left,M=T.top,D=A%180!==0,O=getFixScaleEleTransPosition(D?R:E,D?E:R,B,M);O&&p(_objectSpread2$1({},O),"dragRebound")}};return reactExports.useEffect(function(){var _;return c&&s&&(_=addEventListenerWrap$1(window,"touchmove",function(E){return E.preventDefault()},{passive:!1})),function(){var E;(E=_)===null||E===void 0||E.remove()}},[c,s]),{isTouching:m,onTouchStart:I,onTouchMove:P,onTouchEnd:$}}var _excluded$k=["fallback","src","imgRef"],_excluded2$4=["prefixCls","src","alt","imageInfo","fallback","movable","onClose","visible","icons","rootClassName","closeIcon","getContainer","current","count","countRender","scaleStep","minScale","maxScale","transitionName","maskTransitionName","imageRender","imgCommonProps","toolbarRender","onTransform","onChange"],PreviewImage=function a(s){var c=s.fallback,u=s.src,d=s.imgRef,p=_objectWithoutProperties$2(s,_excluded$k),v=useStatus({src:u,fallback:c}),A=_slicedToArray$e(v,2),b=A[0],g=A[1];return React.createElement("img",_extends$3({ref:function(y){d.current=y,b(y)}},p,g))},Preview$2=function a(s){var c=s.prefixCls,u=s.src,d=s.alt,p=s.imageInfo,v=s.fallback,A=s.movable,b=A===void 0?!0:A,g=s.onClose,x=s.visible,y=s.icons,f=y===void 0?{}:y,m=s.rootClassName,C=s.closeIcon,S=s.getContainer,w=s.current,I=w===void 0?0:w,P=s.count,$=P===void 0?1:P,_=s.countRender,E=s.scaleStep,R=E===void 0?.5:E,T=s.minScale,B=T===void 0?1:T,M=s.maxScale,D=M===void 0?50:M,O=s.transitionName,H=O===void 0?"zoom":O,j=s.maskTransitionName,q=j===void 0?"fade":j,L=s.imageRender,F=s.imgCommonProps,U=s.toolbarRender,N=s.onTransform,k=s.onChange,W=_objectWithoutProperties$2(s,_excluded2$4),J=reactExports.useRef(),Q=reactExports.useContext(PreviewGroupContext),Y=Q&&$>1,Z=Q&&$>=1,ee=reactExports.useState(!0),re=_slicedToArray$e(ee,2),ae=re[0],V=re[1],K=useImageTransform(J,B,D,N),te=K.transform,ie=K.resetTransform,ce=K.updateTransform,ge=K.dispatchZoomChange,Se=useMouseEvent(J,b,x,R,te,ce,ge),be=Se.isMoving,me=Se.onMouseDown,fe=Se.onWheel,se=useTouchEvent(J,b,x,B,te,ce,ge),oe=se.isTouching,de=se.onTouchStart,le=se.onTouchMove,xe=se.onTouchEnd,Ce=te.rotate,$e=te.scale,we=classnames(_defineProperty$a({},"".concat(c,"-moving"),be));reactExports.useEffect(function(){ae||V(!0)},[ae]);var Ee=function(){ie("close")},Ae=function(){ge(BASE_SCALE_RATIO+R,"zoomIn")},pe=function(){ge(BASE_SCALE_RATIO/(BASE_SCALE_RATIO+R),"zoomOut")},he=function(){ce({rotate:Ce+90},"rotateRight")},Ie=function(){ce({rotate:Ce-90},"rotateLeft")},ye=function(){ce({flipX:!te.flipX},"flipX")},Pe=function(){ce({flipY:!te.flipY},"flipY")},Le=function(){ie("reset")},Ne=function(Te){var ke=I+Te;!Number.isInteger(ke)||ke<0||ke>$-1||(V(!1),ie(Te<0?"prev":"next"),k==null||k(ke,I))},Me=function(Te){!x||!Y||(Te.keyCode===KeyCode.LEFT?Ne(-1):Te.keyCode===KeyCode.RIGHT&&Ne(1))},Fe=function(Te){x&&($e!==1?ce({x:0,y:0,scale:1},"doubleClick"):ge(BASE_SCALE_RATIO+R,"doubleClick",Te.clientX,Te.clientY))};reactExports.useEffect(function(){var Ye=addEventListenerWrap$1(window,"keydown",Me,!1);return function(){Ye.remove()}},[x,Y,I]);var _e=React.createElement(PreviewImage,_extends$3({},F,{width:s.width,height:s.height,imgRef:J,className:"".concat(c,"-img"),alt:d,style:{transform:"translate3d(".concat(te.x,"px, ").concat(te.y,"px, 0) scale3d(").concat(te.flipX?"-":"").concat($e,", ").concat(te.flipY?"-":"").concat($e,", 1) rotate(").concat(Ce,"deg)"),transitionDuration:(!ae||oe)&&"0s"},fallback:v,src:u,onWheel:fe,onMouseDown:me,onDoubleClick:Fe,onTouchStart:de,onTouchMove:le,onTouchEnd:xe,onTouchCancel:xe})),je=_objectSpread2$1({url:u,alt:d},p);return React.createElement(React.Fragment,null,React.createElement(DialogWrap,_extends$3({transitionName:H,maskTransitionName:q,closable:!1,keyboard:!0,prefixCls:c,onClose:g,visible:x,classNames:{wrapper:we},rootClassName:m,getContainer:S},W,{afterClose:Ee}),React.createElement("div",{className:"".concat(c,"-img-wrapper")},L?L(_e,_objectSpread2$1({transform:te,image:je},Q?{current:I}:{})):_e)),React.createElement(Operations,{visible:x,transform:te,maskTransitionName:q,closeIcon:C,getContainer:S,prefixCls:c,rootClassName:m,icons:f,countRender:_,showSwitch:Y,showProgress:Z,current:I,count:$,scale:$e,minScale:B,maxScale:D,toolbarRender:U,onActive:Ne,onZoomIn:Ae,onZoomOut:pe,onRotateRight:he,onRotateLeft:Ie,onFlipX:ye,onFlipY:Pe,onClose:g,onReset:Le,zIndex:W.zIndex!==void 0?W.zIndex+1:void 0,image:je}))},COMMON_PROPS=["crossOrigin","decoding","draggable","loading","referrerPolicy","sizes","srcSet","useMap","alt"];function usePreviewItems(a){var s=reactExports.useState({}),c=_slicedToArray$e(s,2),u=c[0],d=c[1],p=reactExports.useCallback(function(A,b){return d(function(g){return _objectSpread2$1(_objectSpread2$1({},g),{},_defineProperty$a({},A,b))}),function(){d(function(g){var x=_objectSpread2$1({},g);return delete x[A],x})}},[]),v=reactExports.useMemo(function(){return a?a.map(function(A){if(typeof A=="string")return{data:{src:A}};var b={};return Object.keys(A).forEach(function(g){["src"].concat(_toConsumableArray$e(COMMON_PROPS)).includes(g)&&(b[g]=A[g])}),{data:b}}):Object.keys(u).reduce(function(A,b){var g=u[b],x=g.canPreview,y=g.data;return x&&A.push({data:y,id:b}),A},[])},[a,u]);return[v,p,!!a]}var _excluded$j=["visible","onVisibleChange","getContainer","current","movable","minScale","maxScale","countRender","closeIcon","onChange","onTransform","toolbarRender","imageRender"],_excluded2$3=["src"],Group$1=function a(s){var c,u=s.previewPrefixCls,d=u===void 0?"rc-image-preview":u,p=s.children,v=s.icons,A=v===void 0?{}:v,b=s.items,g=s.preview,x=s.fallback,y=_typeof$h(g)==="object"?g:{},f=y.visible,m=y.onVisibleChange,C=y.getContainer,S=y.current,w=y.movable,I=y.minScale,P=y.maxScale,$=y.countRender,_=y.closeIcon,E=y.onChange,R=y.onTransform,T=y.toolbarRender,B=y.imageRender,M=_objectWithoutProperties$2(y,_excluded$j),D=usePreviewItems(b),O=_slicedToArray$e(D,3),H=O[0],j=O[1],q=O[2],L=useMergedState(0,{value:S}),F=_slicedToArray$e(L,2),U=F[0],N=F[1],k=reactExports.useState(!1),W=_slicedToArray$e(k,2),J=W[0],Q=W[1],Y=((c=H[U])===null||c===void 0?void 0:c.data)||{},Z=Y.src,ee=_objectWithoutProperties$2(Y,_excluded2$3),re=useMergedState(!!f,{value:f,onChange:function(oe,de){m==null||m(oe,de,U)}}),ae=_slicedToArray$e(re,2),V=ae[0],K=ae[1],te=reactExports.useState(null),ie=_slicedToArray$e(te,2),ce=ie[0],ge=ie[1],Se=reactExports.useCallback(function(se,oe,de,le){var xe=q?H.findIndex(function(Ce){return Ce.data.src===oe}):H.findIndex(function(Ce){return Ce.id===se});N(xe<0?0:xe),K(!0),ge({x:de,y:le}),Q(!0)},[H,q]);reactExports.useEffect(function(){V?J||N(0):Q(!1)},[V]);var be=function(oe,de){N(oe),E==null||E(oe,de)},me=function(){K(!1),ge(null)},fe=reactExports.useMemo(function(){return{register:j,onPreview:Se}},[j,Se]);return reactExports.createElement(PreviewGroupContext.Provider,{value:fe},p,reactExports.createElement(Preview$2,_extends$3({"aria-hidden":!V,movable:w,visible:V,prefixCls:d,closeIcon:_,onClose:me,mousePosition:ce,imgCommonProps:ee,src:Z,fallback:x,icons:A,minScale:I,maxScale:P,getContainer:C,current:U,count:H.length,countRender:$,onTransform:R,toolbarRender:T,imageRender:B,onChange:be},M)))},uid$1=0;function useRegisterImage(a,s){var c=reactExports.useState(function(){return uid$1+=1,String(uid$1)}),u=_slicedToArray$e(c,1),d=u[0],p=reactExports.useContext(PreviewGroupContext),v={data:s,canPreview:a};return reactExports.useEffect(function(){if(p)return p.register(d,v)},[]),reactExports.useEffect(function(){p&&p.register(d,v)},[a,s]),d}var _excluded$i=["src","alt","onPreviewClose","prefixCls","previewPrefixCls","placeholder","fallback","width","height","style","preview","className","onClick","onError","wrapperClassName","wrapperStyle","rootClassName"],_excluded2$2=["src","visible","onVisibleChange","getContainer","mask","maskClassName","movable","icons","scaleStep","minScale","maxScale","imageRender","toolbarRender"],ImageInternal=function a(s){var c=s.src,u=s.alt,d=s.onPreviewClose,p=s.prefixCls,v=p===void 0?"rc-image":p,A=s.previewPrefixCls,b=A===void 0?"".concat(v,"-preview"):A,g=s.placeholder,x=s.fallback,y=s.width,f=s.height,m=s.style,C=s.preview,S=C===void 0?!0:C,w=s.className,I=s.onClick,P=s.onError,$=s.wrapperClassName,_=s.wrapperStyle,E=s.rootClassName,R=_objectWithoutProperties$2(s,_excluded$i),T=g&&g!==!0,B=_typeof$h(S)==="object"?S:{},M=B.src,D=B.visible,O=D===void 0?void 0:D,H=B.onVisibleChange,j=H===void 0?d:H,q=B.getContainer,L=q===void 0?void 0:q,F=B.mask,U=B.maskClassName,N=B.movable,k=B.icons,W=B.scaleStep,J=B.minScale,Q=B.maxScale,Y=B.imageRender,Z=B.toolbarRender,ee=_objectWithoutProperties$2(B,_excluded2$2),re=M??c,ae=useMergedState(!!O,{value:O,onChange:j}),V=_slicedToArray$e(ae,2),K=V[0],te=V[1],ie=useStatus({src:c,isCustomPlaceholder:T,fallback:x}),ce=_slicedToArray$e(ie,3),ge=ce[0],Se=ce[1],be=ce[2],me=reactExports.useState(null),fe=_slicedToArray$e(me,2),se=fe[0],oe=fe[1],de=reactExports.useContext(PreviewGroupContext),le=!!S,xe=function(){te(!1),oe(null)},Ce=classnames(v,$,E,_defineProperty$a({},"".concat(v,"-error"),be==="error")),$e=reactExports.useMemo(function(){var pe={};return COMMON_PROPS.forEach(function(he){s[he]!==void 0&&(pe[he]=s[he])}),pe},COMMON_PROPS.map(function(pe){return s[pe]})),we=reactExports.useMemo(function(){return _objectSpread2$1(_objectSpread2$1({},$e),{},{src:re})},[re,$e]),Ee=useRegisterImage(le,we),Ae=function(he){var Ie=getOffset$2(he.target),ye=Ie.left,Pe=Ie.top;de?de.onPreview(Ee,re,ye,Pe):(oe({x:ye,y:Pe}),te(!0)),I==null||I(he)};return reactExports.createElement(reactExports.Fragment,null,reactExports.createElement("div",_extends$3({},R,{className:Ce,onClick:le?Ae:I,style:_objectSpread2$1({width:y,height:f},_)}),reactExports.createElement("img",_extends$3({},$e,{className:classnames("".concat(v,"-img"),_defineProperty$a({},"".concat(v,"-img-placeholder"),g===!0),w),style:_objectSpread2$1({height:f},m),ref:ge},Se,{width:y,height:f,onError:P})),be==="loading"&&reactExports.createElement("div",{"aria-hidden":"true",className:"".concat(v,"-placeholder")},g),F&&le&&reactExports.createElement("div",{className:classnames("".concat(v,"-mask"),U),style:{display:(m==null?void 0:m.display)==="none"?"none":void 0}},F)),!de&&le&&reactExports.createElement(Preview$2,_extends$3({"aria-hidden":!K,visible:K,prefixCls:b,onClose:xe,mousePosition:se,src:re,alt:u,imageInfo:{width:y,height:f},fallback:x,getContainer:L,icons:k,movable:N,scaleStep:W,minScale:J,maxScale:Q,rootClassName:E,imageRender:Y,imgCommonProps:$e,toolbarRender:Z},ee)))};ImageInternal.PreviewGroup=Group$1;var RotateLeftOutlined$1={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M672 418H144c-17.7 0-32 14.3-32 32v414c0 17.7 14.3 32 32 32h528c17.7 0 32-14.3 32-32V450c0-17.7-14.3-32-32-32zm-44 402H188V494h440v326z"}},{tag:"path",attrs:{d:"M819.3 328.5c-78.8-100.7-196-153.6-314.6-154.2l-.2-64c0-6.5-7.6-10.1-12.6-6.1l-128 101c-4 3.1-3.9 9.1 0 12.3L492 318.6c5.1 4 12.7.4 12.6-6.1v-63.9c12.9.1 25.9.9 38.8 2.5 42.1 5.2 82.1 18.2 119 38.7 38.1 21.2 71.2 49.7 98.4 84.3 27.1 34.7 46.7 73.7 58.1 115.8a325.95 325.95 0 016.5 140.9h74.9c14.8-103.6-11.3-213-81-302.3z"}}]},name:"rotate-left",theme:"outlined"},RotateLeftOutlined=function a(s,c){return reactExports.createElement(Icon$4,_extends$3({},s,{ref:c,icon:RotateLeftOutlined$1}))},RefIcon$r=reactExports.forwardRef(RotateLeftOutlined),RotateRightOutlined$1={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M480.5 251.2c13-1.6 25.9-2.4 38.8-2.5v63.9c0 6.5 7.5 10.1 12.6 6.1L660 217.6c4-3.2 4-9.2 0-12.3l-128-101c-5.1-4-12.6-.4-12.6 6.1l-.2 64c-118.6.5-235.8 53.4-314.6 154.2A399.75 399.75 0 00123.5 631h74.9c-.9-5.3-1.7-10.7-2.4-16.1-5.1-42.1-2.1-84.1 8.9-124.8 11.4-42.2 31-81.1 58.1-115.8 27.2-34.7 60.3-63.2 98.4-84.3 37-20.6 76.9-33.6 119.1-38.8z"}},{tag:"path",attrs:{d:"M880 418H352c-17.7 0-32 14.3-32 32v414c0 17.7 14.3 32 32 32h528c17.7 0 32-14.3 32-32V450c0-17.7-14.3-32-32-32zm-44 402H396V494h440v326z"}}]},name:"rotate-right",theme:"outlined"},RotateRightOutlined=function a(s,c){return reactExports.createElement(Icon$4,_extends$3({},s,{ref:c,icon:RotateRightOutlined$1}))},RefIcon$q=reactExports.forwardRef(RotateRightOutlined),SwapOutlined$1={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M847.9 592H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h605.2L612.9 851c-4.1 5.2-.4 13 6.3 13h72.5c4.9 0 9.5-2.2 12.6-6.1l168.8-214.1c16.5-21 1.6-51.8-25.2-51.8zM872 356H266.8l144.3-183c4.1-5.2.4-13-6.3-13h-72.5c-4.9 0-9.5 2.2-12.6 6.1L150.9 380.2c-16.5 21-1.6 51.8 25.1 51.8h696c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"}}]},name:"swap",theme:"outlined"},SwapOutlined=function a(s,c){return reactExports.createElement(Icon$4,_extends$3({},s,{ref:c,icon:SwapOutlined$1}))},RefIcon$p=reactExports.forwardRef(SwapOutlined),ZoomInOutlined$1={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M637 443H519V309c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v134H325c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h118v134c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V519h118c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zm284 424L775 721c122.1-148.9 113.6-369.5-26-509-148-148.1-388.4-148.1-537 0-148.1 148.6-148.1 389 0 537 139.5 139.6 360.1 148.1 509 26l146 146c3.2 2.8 8.3 2.8 11 0l43-43c2.8-2.7 2.8-7.8 0-11zM696 696c-118.8 118.7-311.2 118.7-430 0-118.7-118.8-118.7-311.2 0-430 118.8-118.7 311.2-118.7 430 0 118.7 118.8 118.7 311.2 0 430z"}}]},name:"zoom-in",theme:"outlined"},ZoomInOutlined=function a(s,c){return reactExports.createElement(Icon$4,_extends$3({},s,{ref:c,icon:ZoomInOutlined$1}))},RefIcon$o=reactExports.forwardRef(ZoomInOutlined),ZoomOutOutlined$1={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M637 443H325c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h312c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zm284 424L775 721c122.1-148.9 113.6-369.5-26-509-148-148.1-388.4-148.1-537 0-148.1 148.6-148.1 389 0 537 139.5 139.6 360.1 148.1 509 26l146 146c3.2 2.8 8.3 2.8 11 0l43-43c2.8-2.7 2.8-7.8 0-11zM696 696c-118.8 118.7-311.2 118.7-430 0-118.7-118.8-118.7-311.2 0-430 118.8-118.7 311.2-118.7 430 0 118.7 118.8 118.7 311.2 0 430z"}}]},name:"zoom-out",theme:"outlined"},ZoomOutOutlined=function a(s,c){return reactExports.createElement(Icon$4,_extends$3({},s,{ref:c,icon:ZoomOutOutlined$1}))},RefIcon$n=reactExports.forwardRef(ZoomOutOutlined);const genBoxStyle=a=>({position:a||"absolute",inset:0}),genImageMaskStyle=a=>{const{iconCls:s,motionDurationSlow:c,paddingXXS:u,marginXXS:d,prefixCls:p,colorTextLightSolid:v}=a;return{position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center",color:v,background:new FastColor("#000").setA(.5).toRgbString(),cursor:"pointer",opacity:0,transition:`opacity ${c}`,[`.${p}-mask-info`]:Object.assign(Object.assign({},textEllipsis),{padding:`0 ${unit$1(u)}`,[s]:{marginInlineEnd:d,svg:{verticalAlign:"baseline"}}})}},genPreviewOperationsStyle=a=>{const{previewCls:s,modalMaskBg:c,paddingSM:u,marginXL:d,margin:p,paddingLG:v,previewOperationColorDisabled:A,previewOperationHoverColor:b,motionDurationSlow:g,iconCls:x,colorTextLightSolid:y}=a,f=new FastColor(c).setA(.1),m=f.clone().setA(.2);return{[`${s}-footer`]:{position:"fixed",bottom:d,left:{_skip_check_:!0,value:"50%"},display:"flex",flexDirection:"column",alignItems:"center",color:a.previewOperationColor,transform:"translateX(-50%)"},[`${s}-progress`]:{marginBottom:p},[`${s}-close`]:{position:"fixed",top:d,right:{_skip_check_:!0,value:d},display:"flex",color:y,backgroundColor:f.toRgbString(),borderRadius:"50%",padding:u,outline:0,border:0,cursor:"pointer",transition:`all ${g}`,"&:hover":{backgroundColor:m.toRgbString()},[`& > ${x}`]:{fontSize:a.previewOperationSize}},[`${s}-operations`]:{display:"flex",alignItems:"center",padding:`0 ${unit$1(v)}`,backgroundColor:f.toRgbString(),borderRadius:100,"&-operation":{marginInlineStart:u,padding:u,cursor:"pointer",transition:`all ${g}`,userSelect:"none",[`&:not(${s}-operations-operation-disabled):hover > ${x}`]:{color:b},"&-disabled":{color:A,cursor:"not-allowed"},"&:first-of-type":{marginInlineStart:0},[`& > ${x}`]:{fontSize:a.previewOperationSize}}}}},genPreviewSwitchStyle=a=>{const{modalMaskBg:s,iconCls:c,previewOperationColorDisabled:u,previewCls:d,zIndexPopup:p,motionDurationSlow:v}=a,A=new FastColor(s).setA(.1),b=A.clone().setA(.2);return{[`${d}-switch-left, ${d}-switch-right`]:{position:"fixed",insetBlockStart:"50%",zIndex:a.calc(p).add(1).equal(),display:"flex",alignItems:"center",justifyContent:"center",width:a.imagePreviewSwitchSize,height:a.imagePreviewSwitchSize,marginTop:a.calc(a.imagePreviewSwitchSize).mul(-1).div(2).equal(),color:a.previewOperationColor,background:A.toRgbString(),borderRadius:"50%",transform:"translateY(-50%)",cursor:"pointer",transition:`all ${v}`,userSelect:"none","&:hover":{background:b.toRgbString()},"&-disabled":{"&, &:hover":{color:u,background:"transparent",cursor:"not-allowed",[`> ${c}`]:{cursor:"not-allowed"}}},[`> ${c}`]:{fontSize:a.previewOperationSize}},[`${d}-switch-left`]:{insetInlineStart:a.marginSM},[`${d}-switch-right`]:{insetInlineEnd:a.marginSM}}},genImagePreviewStyle=a=>{const{motionEaseOut:s,previewCls:c,motionDurationSlow:u,componentCls:d}=a;return[{[`${d}-preview-root`]:{[c]:{height:"100%",textAlign:"center",pointerEvents:"none"},[`${c}-body`]:Object.assign(Object.assign({},genBoxStyle()),{overflow:"hidden"}),[`${c}-img`]:{maxWidth:"100%",maxHeight:"70%",verticalAlign:"middle",transform:"scale3d(1, 1, 1)",cursor:"grab",transition:`transform ${u} ${s} 0s`,userSelect:"none","&-wrapper":Object.assign(Object.assign({},genBoxStyle()),{transition:`transform ${u} ${s} 0s`,display:"flex",justifyContent:"center",alignItems:"center","& > *":{pointerEvents:"auto"},"&::before":{display:"inline-block",width:1,height:"50%",marginInlineEnd:-1,content:'""'}})},[`${c}-moving`]:{[`${c}-preview-img`]:{cursor:"grabbing","&-wrapper":{transitionDuration:"0s"}}}}},{[`${d}-preview-root`]:{[`${c}-wrap`]:{zIndex:a.zIndexPopup}}},{[`${d}-preview-operations-wrapper`]:{position:"fixed",zIndex:a.calc(a.zIndexPopup).add(1).equal()},"&":[genPreviewOperationsStyle(a),genPreviewSwitchStyle(a)]}]},genImageStyle=a=>{const{componentCls:s}=a;return{[s]:{position:"relative",display:"inline-block",[`${s}-img`]:{width:"100%",height:"auto",verticalAlign:"middle"},[`${s}-img-placeholder`]:{backgroundColor:a.colorBgContainerDisabled,backgroundImage:"url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=')",backgroundRepeat:"no-repeat",backgroundPosition:"center center",backgroundSize:"30%"},[`${s}-mask`]:Object.assign({},genImageMaskStyle(a)),[`${s}-mask:hover`]:{opacity:1},[`${s}-placeholder`]:Object.assign({},genBoxStyle())}}},genPreviewMotion=a=>{const{previewCls:s}=a;return{[`${s}-root`]:initZoomMotion(a,"zoom"),"&":initFadeMotion(a,!0)}},prepareComponentToken$b=a=>({zIndexPopup:a.zIndexPopupBase+80,previewOperationColor:new FastColor(a.colorTextLightSolid).setA(.65).toRgbString(),previewOperationHoverColor:new FastColor(a.colorTextLightSolid).setA(.85).toRgbString(),previewOperationColorDisabled:new FastColor(a.colorTextLightSolid).setA(.25).toRgbString(),previewOperationSize:a.fontSizeIcon*1.5}),useStyle$d=genStyleHooks("Image",a=>{const s=`${a.componentCls}-preview`,c=merge(a,{previewCls:s,modalMaskBg:new FastColor("#000").setA(.45).toRgbString(),imagePreviewSwitchSize:a.controlHeightLG});return[genImageStyle(c),genImagePreviewStyle(c),genModalMaskStyle(merge(c,{componentCls:s})),genPreviewMotion(c)]},prepareComponentToken$b);var __rest$q=function(a,s){var c={};for(var u in a)Object.prototype.hasOwnProperty.call(a,u)&&s.indexOf(u)<0&&(c[u]=a[u]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var d=0,u=Object.getOwnPropertySymbols(a);d<u.length;d++)s.indexOf(u[d])<0&&Object.prototype.propertyIsEnumerable.call(a,u[d])&&(c[u[d]]=a[u[d]]);return c};const icons$1={rotateLeft:reactExports.createElement(RefIcon$r,null),rotateRight:reactExports.createElement(RefIcon$q,null),zoomIn:reactExports.createElement(RefIcon$o,null),zoomOut:reactExports.createElement(RefIcon$n,null),close:reactExports.createElement(RefIcon$I,null),left:reactExports.createElement(RefIcon$A,null),right:reactExports.createElement(RefIcon$E,null),flipX:reactExports.createElement(RefIcon$p,null),flipY:reactExports.createElement(RefIcon$p,{rotate:90})},InternalPreviewGroup=a=>{var{previewPrefixCls:s,preview:c}=a,u=__rest$q(a,["previewPrefixCls","preview"]);const{getPrefixCls:d}=reactExports.useContext(ConfigContext$1),p=d("image",s),v=`${p}-preview`,A=d(),b=useCSSVarCls(p),[g,x,y]=useStyle$d(p,b),[f]=useZIndex("ImagePreview",typeof c=="object"?c.zIndex:void 0),m=reactExports.useMemo(()=>{var C;if(c===!1)return c;const S=typeof c=="object"?c:{},w=classnames(x,y,b,(C=S.rootClassName)!==null&&C!==void 0?C:"");return Object.assign(Object.assign({},S),{transitionName:getTransitionName$1(A,"zoom",S.transitionName),maskTransitionName:getTransitionName$1(A,"fade",S.maskTransitionName),rootClassName:w,zIndex:f})},[c]);return g(reactExports.createElement(ImageInternal.PreviewGroup,Object.assign({preview:m,previewPrefixCls:v,icons:icons$1},u)))};var __rest$p=function(a,s){var c={};for(var u in a)Object.prototype.hasOwnProperty.call(a,u)&&s.indexOf(u)<0&&(c[u]=a[u]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var d=0,u=Object.getOwnPropertySymbols(a);d<u.length;d++)s.indexOf(u[d])<0&&Object.prototype.propertyIsEnumerable.call(a,u[d])&&(c[u[d]]=a[u[d]]);return c};const Image$1=a=>{const{prefixCls:s,preview:c,className:u,rootClassName:d,style:p}=a,v=__rest$p(a,["prefixCls","preview","className","rootClassName","style"]),{getPrefixCls:A,getPopupContainer:b,className:g,style:x,preview:y}=useComponentConfig("image"),[f]=useLocale$1("Image"),m=A("image",s),C=A(),S=useCSSVarCls(m),[w,I,P]=useStyle$d(m,S),$=classnames(d,I,P,S),_=classnames(u,I,g),[E]=useZIndex("ImagePreview",typeof c=="object"?c.zIndex:void 0),R=reactExports.useMemo(()=>{if(c===!1)return c;const B=typeof c=="object"?c:{},{getContainer:M,closeIcon:D,rootClassName:O}=B,H=__rest$p(B,["getContainer","closeIcon","rootClassName"]);return Object.assign(Object.assign({mask:reactExports.createElement("div",{className:`${m}-mask-info`},reactExports.createElement(RefIcon$s,null),f==null?void 0:f.preview),icons:icons$1},H),{rootClassName:classnames($,O),getContainer:M??b,transitionName:getTransitionName$1(C,"zoom",B.transitionName),maskTransitionName:getTransitionName$1(C,"fade",B.maskTransitionName),zIndex:E,closeIcon:D??(y==null?void 0:y.closeIcon)})},[c,f,y==null?void 0:y.closeIcon]),T=Object.assign(Object.assign({},x),p);return w(reactExports.createElement(ImageInternal,Object.assign({prefixCls:m,preview:R,rootClassName:$,className:_,style:T},v)))};Image$1.PreviewGroup=InternalPreviewGroup;const Group=a=>{const{getPrefixCls:s,direction:c}=reactExports.useContext(ConfigContext$1),{prefixCls:u,className:d}=a,p=s("input-group",u),v=s("input"),[A,b,g]=useStyle$n(v),x=classnames(p,g,{[`${p}-lg`]:a.size==="large",[`${p}-sm`]:a.size==="small",[`${p}-compact`]:a.compact,[`${p}-rtl`]:c==="rtl"},b,d),y=reactExports.useContext(FormItemInputContext),f=reactExports.useMemo(()=>Object.assign(Object.assign({},y),{isFormItemInput:!1}),[y]);return A(reactExports.createElement("span",{className:x,style:a.style,onMouseEnter:a.onMouseEnter,onMouseLeave:a.onMouseLeave,onFocus:a.onFocus,onBlur:a.onBlur},reactExports.createElement(FormItemInputContext.Provider,{value:f},a.children)))},genOTPStyle=a=>{const{componentCls:s,paddingXS:c}=a;return{[s]:{display:"inline-flex",alignItems:"center",flexWrap:"nowrap",columnGap:c,"&-rtl":{direction:"rtl"},[`${s}-input`]:{textAlign:"center",paddingInline:a.paddingXXS},[`&${s}-sm ${s}-input`]:{paddingInline:a.calc(a.paddingXXS).div(2).equal()},[`&${s}-lg ${s}-input`]:{paddingInline:a.paddingXS}}}},useStyle$c=genStyleHooks(["Input","OTP"],a=>{const s=merge(a,initInputToken(a));return[genOTPStyle(s)]},initComponentToken$1);var __rest$o=function(a,s){var c={};for(var u in a)Object.prototype.hasOwnProperty.call(a,u)&&s.indexOf(u)<0&&(c[u]=a[u]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var d=0,u=Object.getOwnPropertySymbols(a);d<u.length;d++)s.indexOf(u[d])<0&&Object.prototype.propertyIsEnumerable.call(a,u[d])&&(c[u[d]]=a[u[d]]);return c};const OTPInput=reactExports.forwardRef((a,s)=>{const{value:c,onChange:u,onActiveChange:d,index:p,mask:v}=a,A=__rest$o(a,["value","onChange","onActiveChange","index","mask"]),b=c&&typeof v=="string"?v:c,g=C=>{u(p,C.target.value)},x=reactExports.useRef(null);reactExports.useImperativeHandle(s,()=>x.current);const y=()=>{wrapperRaf(()=>{var C;const S=(C=x.current)===null||C===void 0?void 0:C.input;document.activeElement===S&&S&&S.select()})},f=C=>{const{key:S,ctrlKey:w,metaKey:I}=C;S==="ArrowLeft"?d(p-1):S==="ArrowRight"?d(p+1):S==="z"&&(w||I)&&C.preventDefault(),y()},m=C=>{C.key==="Backspace"&&!c&&d(p-1),y()};return reactExports.createElement(Input$2,Object.assign({type:v===!0?"password":"text"},A,{ref:x,value:b,onInput:g,onFocus:y,onKeyDown:f,onKeyUp:m,onMouseDown:y,onMouseUp:y}))});var __rest$n=function(a,s){var c={};for(var u in a)Object.prototype.hasOwnProperty.call(a,u)&&s.indexOf(u)<0&&(c[u]=a[u]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var d=0,u=Object.getOwnPropertySymbols(a);d<u.length;d++)s.indexOf(u[d])<0&&Object.prototype.propertyIsEnumerable.call(a,u[d])&&(c[u[d]]=a[u[d]]);return c};function strToArr(a){return(a||"").split("")}const Separator=a=>{const{index:s,prefixCls:c,separator:u}=a,d=typeof u=="function"?u(s):u;return d?reactExports.createElement("span",{className:`${c}-separator`},d):null},OTP=reactExports.forwardRef((a,s)=>{const{prefixCls:c,length:u=6,size:d,defaultValue:p,value:v,onChange:A,formatter:b,separator:g,variant:x,disabled:y,status:f,autoFocus:m,mask:C,type:S,onInput:w,inputMode:I}=a,P=__rest$n(a,["prefixCls","length","size","defaultValue","value","onChange","formatter","separator","variant","disabled","status","autoFocus","mask","type","onInput","inputMode"]),{getPrefixCls:$,direction:_}=reactExports.useContext(ConfigContext$1),E=$("otp",c),R=pickAttrs(P,{aria:!0,data:!0,attr:!0}),[T,B,M]=useStyle$c(E),D=useSize(Z=>d??Z),O=reactExports.useContext(FormItemInputContext),H=getMergedStatus(O.status,f),j=reactExports.useMemo(()=>Object.assign(Object.assign({},O),{status:H,hasFeedback:!1,feedbackIcon:null}),[O,H]),q=reactExports.useRef(null),L=reactExports.useRef({});reactExports.useImperativeHandle(s,()=>({focus:()=>{var Z;(Z=L.current[0])===null||Z===void 0||Z.focus()},blur:()=>{var Z;for(let ee=0;ee<u;ee+=1)(Z=L.current[ee])===null||Z===void 0||Z.blur()},nativeElement:q.current}));const F=Z=>b?b(Z):Z,[U,N]=reactExports.useState(()=>strToArr(F(p||"")));reactExports.useEffect(()=>{v!==void 0&&N(strToArr(v))},[v]);const k=useEvent(Z=>{N(Z),w&&w(Z),A&&Z.length===u&&Z.every(ee=>ee)&&Z.some((ee,re)=>U[re]!==ee)&&A(Z.join(""))}),W=useEvent((Z,ee)=>{let re=_toConsumableArray$e(U);for(let V=0;V<Z;V+=1)re[V]||(re[V]="");ee.length<=1?re[Z]=ee:re=re.slice(0,Z).concat(strToArr(ee)),re=re.slice(0,u);for(let V=re.length-1;V>=0&&!re[V];V-=1)re.pop();const ae=F(re.map(V=>V||" ").join(""));return re=strToArr(ae).map((V,K)=>V===" "&&!re[K]?re[K]:V),re}),J=(Z,ee)=>{var re;const ae=W(Z,ee),V=Math.min(Z+ee.length,u-1);V!==Z&&ae[Z]!==void 0&&((re=L.current[V])===null||re===void 0||re.focus()),k(ae)},Q=Z=>{var ee;(ee=L.current[Z])===null||ee===void 0||ee.focus()},Y={variant:x,disabled:y,status:H,mask:C,type:S,inputMode:I};return T(reactExports.createElement("div",Object.assign({},R,{ref:q,className:classnames(E,{[`${E}-sm`]:D==="small",[`${E}-lg`]:D==="large",[`${E}-rtl`]:_==="rtl"},M,B)}),reactExports.createElement(FormItemInputContext.Provider,{value:j},Array.from({length:u}).map((Z,ee)=>{const re=`otp-${ee}`,ae=U[ee]||"";return reactExports.createElement(reactExports.Fragment,{key:re},reactExports.createElement(OTPInput,Object.assign({ref:V=>{L.current[ee]=V},index:ee,size:D,htmlSize:1,className:`${E}-input`,onChange:J,value:ae,onActiveChange:Q,autoFocus:ee===0&&m},Y)),ee<u-1&&reactExports.createElement(Separator,{separator:g,index:ee,prefixCls:E}))}))))});var EyeInvisibleOutlined$1={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z"}},{tag:"path",attrs:{d:"M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z"}}]},name:"eye-invisible",theme:"outlined"},EyeInvisibleOutlined=function a(s,c){return reactExports.createElement(Icon$4,_extends$3({},s,{ref:c,icon:EyeInvisibleOutlined$1}))},RefIcon$m=reactExports.forwardRef(EyeInvisibleOutlined),__rest$m=function(a,s){var c={};for(var u in a)Object.prototype.hasOwnProperty.call(a,u)&&s.indexOf(u)<0&&(c[u]=a[u]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var d=0,u=Object.getOwnPropertySymbols(a);d<u.length;d++)s.indexOf(u[d])<0&&Object.prototype.propertyIsEnumerable.call(a,u[d])&&(c[u[d]]=a[u[d]]);return c};const defaultIconRender=a=>a?reactExports.createElement(RefIcon$s,null):reactExports.createElement(RefIcon$m,null),actionMap={click:"onClick",hover:"onMouseOver"},Password=reactExports.forwardRef((a,s)=>{const{disabled:c,action:u="click",visibilityToggle:d=!0,iconRender:p=defaultIconRender}=a,v=reactExports.useContext(DisabledContext),A=c??v,b=typeof d=="object"&&d.visible!==void 0,[g,x]=reactExports.useState(()=>b?d.visible:!1),y=reactExports.useRef(null);reactExports.useEffect(()=>{b&&x(d.visible)},[b,d]);const f=useRemovePasswordTimeout(y),m=()=>{var D;if(A)return;g&&f();const O=!g;x(O),typeof d=="object"&&((D=d.onVisibleChange)===null||D===void 0||D.call(d,O))},C=D=>{const O=actionMap[u]||"",H=p(g),j={[O]:m,className:`${D}-icon`,key:"passwordIcon",onMouseDown:q=>{q.preventDefault()},onMouseUp:q=>{q.preventDefault()}};return reactExports.cloneElement(reactExports.isValidElement(H)?H:reactExports.createElement("span",null,H),j)},{className:S,prefixCls:w,inputPrefixCls:I,size:P}=a,$=__rest$m(a,["className","prefixCls","inputPrefixCls","size"]),{getPrefixCls:_}=reactExports.useContext(ConfigContext$1),E=_("input",I),R=_("input-password",w),T=d&&C(R),B=classnames(R,S,{[`${R}-${P}`]:!!P}),M=Object.assign(Object.assign({},omit($,["suffix","iconRender","visibilityToggle"])),{type:g?"text":"password",className:B,prefixCls:E,suffix:T});return P&&(M.size=P),reactExports.createElement(Input$2,Object.assign({ref:composeRef(s,y)},M))});var __rest$l=function(a,s){var c={};for(var u in a)Object.prototype.hasOwnProperty.call(a,u)&&s.indexOf(u)<0&&(c[u]=a[u]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var d=0,u=Object.getOwnPropertySymbols(a);d<u.length;d++)s.indexOf(u[d])<0&&Object.prototype.propertyIsEnumerable.call(a,u[d])&&(c[u[d]]=a[u[d]]);return c};const Search=reactExports.forwardRef((a,s)=>{const{prefixCls:c,inputPrefixCls:u,className:d,size:p,suffix:v,enterButton:A=!1,addonAfter:b,loading:g,disabled:x,onSearch:y,onChange:f,onCompositionStart:m,onCompositionEnd:C}=a,S=__rest$l(a,["prefixCls","inputPrefixCls","className","size","suffix","enterButton","addonAfter","loading","disabled","onSearch","onChange","onCompositionStart","onCompositionEnd"]),{getPrefixCls:w,direction:I}=reactExports.useContext(ConfigContext$1),P=reactExports.useRef(!1),$=w("input-search",c),_=w("input",u),{compactSize:E}=useCompactItemContext($,I),R=useSize(J=>{var Q;return(Q=p??E)!==null&&Q!==void 0?Q:J}),T=reactExports.useRef(null),B=J=>{J!=null&&J.target&&J.type==="click"&&y&&y(J.target.value,J,{source:"clear"}),f==null||f(J)},M=J=>{var Q;document.activeElement===((Q=T.current)===null||Q===void 0?void 0:Q.input)&&J.preventDefault()},D=J=>{var Q,Y;y&&y((Y=(Q=T.current)===null||Q===void 0?void 0:Q.input)===null||Y===void 0?void 0:Y.value,J,{source:"input"})},O=J=>{P.current||g||D(J)},H=typeof A=="boolean"?reactExports.createElement(RefIcon$B,null):null,j=`${$}-button`;let q;const L=A||{},F=L.type&&L.type.__ANT_BUTTON===!0;F||L.type==="button"?q=cloneElement(L,Object.assign({onMouseDown:M,onClick:J=>{var Q,Y;(Y=(Q=L==null?void 0:L.props)===null||Q===void 0?void 0:Q.onClick)===null||Y===void 0||Y.call(Q,J),D(J)},key:"enterButton"},F?{className:j,size:R}:{})):q=reactExports.createElement(Button$1,{className:j,type:A?"primary":void 0,size:R,disabled:x,key:"enterButton",onMouseDown:M,onClick:D,loading:g,icon:H},A),b&&(q=[q,cloneElement(b,{key:"addonAfter"})]);const U=classnames($,{[`${$}-rtl`]:I==="rtl",[`${$}-${R}`]:!!R,[`${$}-with-button`]:!!A},d),N=Object.assign(Object.assign({},S),{className:U,prefixCls:_,type:"search"}),k=J=>{P.current=!0,m==null||m(J)},W=J=>{P.current=!1,C==null||C(J)};return reactExports.createElement(Input$2,Object.assign({ref:composeRef(T,s),onPressEnter:O},N,{size:R,onCompositionStart:k,onCompositionEnd:W,addonAfter:q,suffix:v,onChange:B,disabled:x}))});var HIDDEN_TEXTAREA_STYLE=`
|
|
511
|
+
${c}-col-xl-24${s}-label`]:makeVerticalLayoutLabel(a),[`@media (max-width: ${unit$1(a.screenXSMax)})`]:[makeVerticalLayout(a),{[s]:{[`${c}-col-xs-24${s}-label`]:makeVerticalLayoutLabel(a)}}],[`@media (max-width: ${unit$1(a.screenSMMax)})`]:{[s]:{[`${c}-col-sm-24${s}-label`]:makeVerticalLayoutLabel(a)}},[`@media (max-width: ${unit$1(a.screenMDMax)})`]:{[s]:{[`${c}-col-md-24${s}-label`]:makeVerticalLayoutLabel(a)}},[`@media (max-width: ${unit$1(a.screenLGMax)})`]:{[s]:{[`${c}-col-lg-24${s}-label`]:makeVerticalLayoutLabel(a)}}}},prepareComponentToken$c=a=>({labelRequiredMarkColor:a.colorError,labelColor:a.colorTextHeading,labelFontSize:a.fontSize,labelHeight:a.controlHeight,labelColonMarginInlineStart:a.marginXXS/2,labelColonMarginInlineEnd:a.marginXS,itemMarginBottom:a.marginLG,verticalLabelPadding:`0 0 ${a.paddingXS}px`,verticalLabelMargin:0,inlineItemMarginBottom:0}),prepareToken$1=(a,s)=>merge(a,{formItemCls:`${a.componentCls}-item`,rootPrefixCls:s}),useStyle$e=genStyleHooks("Form",(a,s)=>{let{rootPrefixCls:c}=s;const u=prepareToken$1(a,c);return[genFormStyle(u),genFormItemStyle(u),genFormValidateMotionStyle(u),genHorizontalStyle(u,u.componentCls),genHorizontalStyle(u,u.formItemCls),genInlineStyle(u),genVerticalStyle(u),genItemVerticalStyle(u),genCollapseMotion(u),zoomIn]},prepareComponentToken$c,{order:-1e3}),EMPTY_LIST$2=[];function toErrorEntity(a,s,c){let u=arguments.length>3&&arguments[3]!==void 0?arguments[3]:0;return{key:typeof a=="string"?a:`${s}-${u}`,error:a,errorStatus:c}}const ErrorList=a=>{let{help:s,helpStatus:c,errors:u=EMPTY_LIST$2,warnings:d=EMPTY_LIST$2,className:p,fieldId:v,onVisibleChanged:A}=a;const{prefixCls:b}=reactExports.useContext(FormItemPrefixContext),g=`${b}-item-explain`,x=useCSSVarCls(b),[y,f,m]=useStyle$e(b,x),C=reactExports.useMemo(()=>initCollapseMotion(b),[b]),S=useDebounce(u),w=useDebounce(d),I=reactExports.useMemo(()=>s!=null?[toErrorEntity(s,"help",c)]:[].concat(_toConsumableArray$e(S.map((_,E)=>toErrorEntity(_,"error","error",E))),_toConsumableArray$e(w.map((_,E)=>toErrorEntity(_,"warning","warning",E)))),[s,c,S,w]),P=reactExports.useMemo(()=>{const _={};return I.forEach(E=>{let{key:R}=E;_[R]=(_[R]||0)+1}),I.map((E,R)=>Object.assign(Object.assign({},E),{key:_[E.key]>1?`${E.key}-fallback-${R}`:E.key}))},[I]),$={};return v&&($.id=`${v}_help`),y(reactExports.createElement(CSSMotion,{motionDeadline:C.motionDeadline,motionName:`${b}-show-help`,visible:!!P.length,onVisibleChanged:A},_=>{const{className:E,style:R}=_;return reactExports.createElement("div",Object.assign({},$,{className:classnames(g,E,m,x,p,f),style:R}),reactExports.createElement(CSSMotionList,Object.assign({keys:P},initCollapseMotion(b),{motionName:`${b}-show-help-item`,component:!1}),T=>{const{key:B,error:M,errorStatus:D,className:O,style:H}=T;return reactExports.createElement("div",{key:B,className:classnames(O,{[`${g}-${D}`]:D}),style:H},M)}))}))},formItemNameBlackList=["parentNode"],defaultItemNamePrefixCls="form_item";function toArray$3(a){return a===void 0||a===!1?[]:Array.isArray(a)?a:[a]}function getFieldId(a,s){if(!a.length)return;const c=a.join("_");return s?`${s}_${c}`:formItemNameBlackList.includes(c)?`${defaultItemNamePrefixCls}_${c}`:c}function getStatus(a,s,c,u,d,p){let v=u;return p!==void 0?v=p:c.validating?v="validating":a.length?v="error":s.length?v="warning":(c.touched||d&&c.validated)&&(v="success"),v}var __rest$w=function(a,s){var c={};for(var u in a)Object.prototype.hasOwnProperty.call(a,u)&&s.indexOf(u)<0&&(c[u]=a[u]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var d=0,u=Object.getOwnPropertySymbols(a);d<u.length;d++)s.indexOf(u[d])<0&&Object.prototype.propertyIsEnumerable.call(a,u[d])&&(c[u[d]]=a[u[d]]);return c};function toNamePathStr(a){return toArray$3(a).join("_")}function getFieldDOMNode(a,s){const c=s.getFieldInstance(a),u=getDOM(c);if(u)return u;const d=getFieldId(toArray$3(a),s.__INTERNAL__.name);if(d)return document.getElementById(d)}function useForm$1(a){const[s]=useForm$2(),c=reactExports.useRef({}),u=reactExports.useMemo(()=>a??Object.assign(Object.assign({},s),{__INTERNAL__:{itemRef:d=>p=>{const v=toNamePathStr(d);p?c.current[v]=p:delete c.current[v]}},scrollToField:function(d){let p=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};const{focus:v}=p,A=__rest$w(p,["focus"]),b=getFieldDOMNode(d,u);b&&(e(b,Object.assign({scrollMode:"if-needed",block:"nearest"},A)),v&&u.focusField(d))},focusField:d=>{var p,v;const A=u.getFieldInstance(d);typeof(A==null?void 0:A.focus)=="function"?A.focus():(v=(p=getFieldDOMNode(d,u))===null||p===void 0?void 0:p.focus)===null||v===void 0||v.call(p)},getFieldInstance:d=>{const p=toNamePathStr(d);return c.current[p]}}),[a,s]);return[u]}var __rest$v=function(a,s){var c={};for(var u in a)Object.prototype.hasOwnProperty.call(a,u)&&s.indexOf(u)<0&&(c[u]=a[u]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var d=0,u=Object.getOwnPropertySymbols(a);d<u.length;d++)s.indexOf(u[d])<0&&Object.prototype.propertyIsEnumerable.call(a,u[d])&&(c[u[d]]=a[u[d]]);return c};const InternalForm=(a,s)=>{const c=reactExports.useContext(DisabledContext),{getPrefixCls:u,direction:d,requiredMark:p,colon:v,scrollToFirstError:A,className:b,style:g}=useComponentConfig("form"),{prefixCls:x,className:y,rootClassName:f,size:m,disabled:C=c,form:S,colon:w,labelAlign:I,labelWrap:P,labelCol:$,wrapperCol:_,hideRequiredMark:E,layout:R="horizontal",scrollToFirstError:T,requiredMark:B,onFinishFailed:M,name:D,style:O,feedbackIcons:H,variant:j}=a,q=__rest$v(a,["prefixCls","className","rootClassName","size","disabled","form","colon","labelAlign","labelWrap","labelCol","wrapperCol","hideRequiredMark","layout","scrollToFirstError","requiredMark","onFinishFailed","name","style","feedbackIcons","variant"]),L=useSize(m),F=reactExports.useContext(ValidateMessagesContext),U=reactExports.useMemo(()=>B!==void 0?B:E?!1:p!==void 0?p:!0,[E,B,p]),N=w??v,k=u("form",x),W=useCSSVarCls(k),[J,Q,Y]=useStyle$e(k,W),Z=classnames(k,`${k}-${R}`,{[`${k}-hide-required-mark`]:U===!1,[`${k}-rtl`]:d==="rtl",[`${k}-${L}`]:L},Y,W,Q,b,y,f),[ee]=useForm$1(S),{__INTERNAL__:re}=ee;re.name=D;const ae=reactExports.useMemo(()=>({name:D,labelAlign:I,labelCol:$,labelWrap:P,wrapperCol:_,vertical:R==="vertical",colon:N,requiredMark:U,itemRef:re.itemRef,form:ee,feedbackIcons:H}),[D,I,$,_,R,N,U,ee,H]),V=reactExports.useRef(null);reactExports.useImperativeHandle(s,()=>{var ie;return Object.assign(Object.assign({},ee),{nativeElement:(ie=V.current)===null||ie===void 0?void 0:ie.nativeElement})});const K=(ie,ce)=>{if(ie){let ge={block:"nearest"};typeof ie=="object"&&(ge=Object.assign(Object.assign({},ge),ie)),ee.scrollToField(ce,ge)}},te=ie=>{if(M==null||M(ie),ie.errorFields.length){const ce=ie.errorFields[0].name;if(T!==void 0){K(T,ce);return}A!==void 0&&K(A,ce)}};return J(reactExports.createElement(VariantContext.Provider,{value:j},reactExports.createElement(DisabledContextProvider,{disabled:C},reactExports.createElement(SizeContext.Provider,{value:L},reactExports.createElement(FormProvider,{validateMessages:F},reactExports.createElement(FormContext.Provider,{value:ae},reactExports.createElement(RefForm,Object.assign({id:D},q,{name:D,onFinishFailed:te,form:ee,ref:V,style:Object.assign(Object.assign({},g),O),className:Z}))))))))},Form$2=reactExports.forwardRef(InternalForm);function useChildren(a){if(typeof a=="function")return a;const s=toArray$8(a);return s.length<=1?s[0]:s}const useFormItemStatus=()=>{const{status:a,errors:s=[],warnings:c=[]}=reactExports.useContext(FormItemInputContext);return{status:a,errors:s,warnings:c}};useFormItemStatus.Context=FormItemInputContext;function useFrameState(a){const[s,c]=reactExports.useState(a),u=reactExports.useRef(null),d=reactExports.useRef([]),p=reactExports.useRef(!1);reactExports.useEffect(()=>(p.current=!1,()=>{p.current=!0,wrapperRaf.cancel(u.current),u.current=null}),[]);function v(A){p.current||(u.current===null&&(d.current=[],u.current=wrapperRaf(()=>{u.current=null,c(b=>{let g=b;return d.current.forEach(x=>{g=x(g)}),g})})),d.current.push(A))}return[s,v]}function useItemRef(){const{itemRef:a}=reactExports.useContext(FormContext),s=reactExports.useRef({});function c(u,d){const p=d&&typeof d=="object"&&getNodeRef(d),v=u.join("_");return(s.current.name!==v||s.current.originRef!==p)&&(s.current.name=v,s.current.originRef=p,s.current.ref=composeRef(a(u),p)),s.current.ref}return c}const genFallbackStyle=a=>{const{formItemCls:s}=a;return{"@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)":{[`${s}-control`]:{display:"flex"}}}},FallbackCmp=genSubStyleComponent(["Form","item-item"],(a,s)=>{let{rootPrefixCls:c}=s;const u=prepareToken$1(a,c);return[genFallbackStyle(u)]});var __rest$u=function(a,s){var c={};for(var u in a)Object.prototype.hasOwnProperty.call(a,u)&&s.indexOf(u)<0&&(c[u]=a[u]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var d=0,u=Object.getOwnPropertySymbols(a);d<u.length;d++)s.indexOf(u[d])<0&&Object.prototype.propertyIsEnumerable.call(a,u[d])&&(c[u[d]]=a[u[d]]);return c};const GRID_MAX=24,FormItemInput=a=>{const{prefixCls:s,status:c,labelCol:u,wrapperCol:d,children:p,errors:v,warnings:A,_internalItemRender:b,extra:g,help:x,fieldId:y,marginBottom:f,onErrorVisibleChanged:m,label:C}=a,S=`${s}-item`,w=reactExports.useContext(FormContext),I=reactExports.useMemo(()=>{let q=Object.assign({},d||w.wrapperCol||{});return C===null&&!u&&!d&&w.labelCol&&[void 0,"xs","sm","md","lg","xl","xxl"].forEach(F=>{const U=F?[F]:[],N=get$1(w.labelCol,U),k=typeof N=="object"?N:{},W=get$1(q,U),J=typeof W=="object"?W:{};"span"in k&&!("offset"in J)&&k.span<GRID_MAX&&(q=set$1(q,[].concat(U,["offset"]),k.span))}),q},[d,w]),P=classnames(`${S}-control`,I.className),$=reactExports.useMemo(()=>{const{labelCol:q,wrapperCol:L}=w;return __rest$u(w,["labelCol","wrapperCol"])},[w]),_=reactExports.useRef(null),[E,R]=reactExports.useState(0);useLayoutEffect$1(()=>{g&&_.current?R(_.current.clientHeight):R(0)},[g]);const T=reactExports.createElement("div",{className:`${S}-control-input`},reactExports.createElement("div",{className:`${S}-control-input-content`},p)),B=reactExports.useMemo(()=>({prefixCls:s,status:c}),[s,c]),M=f!==null||v.length||A.length?reactExports.createElement(FormItemPrefixContext.Provider,{value:B},reactExports.createElement(ErrorList,{fieldId:y,errors:v,warnings:A,help:x,helpStatus:c,className:`${S}-explain-connected`,onVisibleChanged:m})):null,D={};y&&(D.id=`${y}_extra`);const O=g?reactExports.createElement("div",Object.assign({},D,{className:`${S}-extra`,ref:_}),g):null,H=M||O?reactExports.createElement("div",{className:`${S}-additional`,style:f?{minHeight:f+E}:{}},M,O):null,j=b&&b.mark==="pro_table_render"&&b.render?b.render(a,{input:T,errorList:M,extra:O}):reactExports.createElement(reactExports.Fragment,null,T,H);return reactExports.createElement(FormContext.Provider,{value:$},reactExports.createElement(Col,Object.assign({},I,{className:P}),j),reactExports.createElement(FallbackCmp,{prefixCls:s}))};var QuestionCircleOutlined$1={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"}},{tag:"path",attrs:{d:"M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z"}}]},name:"question-circle",theme:"outlined"},QuestionCircleOutlined=function a(s,c){return reactExports.createElement(Icon$4,_extends$3({},s,{ref:c,icon:QuestionCircleOutlined$1}))},RefIcon$t=reactExports.forwardRef(QuestionCircleOutlined),__rest$t=function(a,s){var c={};for(var u in a)Object.prototype.hasOwnProperty.call(a,u)&&s.indexOf(u)<0&&(c[u]=a[u]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var d=0,u=Object.getOwnPropertySymbols(a);d<u.length;d++)s.indexOf(u[d])<0&&Object.prototype.propertyIsEnumerable.call(a,u[d])&&(c[u[d]]=a[u[d]]);return c};function toTooltipProps(a){return a?typeof a=="object"&&!reactExports.isValidElement(a)?a:{title:a}:null}const FormItemLabel=a=>{let{prefixCls:s,label:c,htmlFor:u,labelCol:d,labelAlign:p,colon:v,required:A,requiredMark:b,tooltip:g,vertical:x}=a;var y;const[f]=useLocale$1("Form"),{labelAlign:m,labelCol:C,labelWrap:S,colon:w}=reactExports.useContext(FormContext);if(!c)return null;const I=d||C||{},P=p||m,$=`${s}-item-label`,_=classnames($,P==="left"&&`${$}-left`,I.className,{[`${$}-wrap`]:!!S});let E=c;const R=v===!0||w!==!1&&v!==!1;R&&!x&&typeof c=="string"&&c.trim()&&(E=c.replace(/[:|：]\s*$/,""));const B=toTooltipProps(g);if(B){const{icon:q=reactExports.createElement(RefIcon$t,null)}=B,L=__rest$t(B,["icon"]),F=reactExports.createElement(Tooltip,Object.assign({},L),reactExports.cloneElement(q,{className:`${s}-item-tooltip`,title:"",onClick:U=>{U.preventDefault()},tabIndex:null}));E=reactExports.createElement(reactExports.Fragment,null,E,F)}const M=b==="optional",D=typeof b=="function",O=b===!1;D?E=b(E,{required:!!A}):M&&!A&&(E=reactExports.createElement(reactExports.Fragment,null,E,reactExports.createElement("span",{className:`${s}-item-optional`,title:""},(f==null?void 0:f.optional)||((y=localeValues.Form)===null||y===void 0?void 0:y.optional))));let H;O?H="hidden":(M||D)&&(H="optional");const j=classnames({[`${s}-item-required`]:A,[`${s}-item-required-mark-${H}`]:H,[`${s}-item-no-colon`]:!R});return reactExports.createElement(Col,Object.assign({},I,{className:_}),reactExports.createElement("label",{htmlFor:u,className:j,title:typeof c=="string"?c:""},E))},iconMap={success:RefIcon$K,warning:RefIcon$H,error:RefIcon$J,validating:RefIcon$F};function StatusProvider(a){let{children:s,errors:c,warnings:u,hasFeedback:d,validateStatus:p,prefixCls:v,meta:A,noStyle:b}=a;const g=`${v}-item`,{feedbackIcons:x}=reactExports.useContext(FormContext),y=getStatus(c,u,A,null,!!d,p),{isFormItemInput:f,status:m,hasFeedback:C,feedbackIcon:S}=reactExports.useContext(FormItemInputContext),w=reactExports.useMemo(()=>{var I;let P;if(d){const _=d!==!0&&d.icons||x,E=y&&((I=_==null?void 0:_({status:y,errors:c,warnings:u}))===null||I===void 0?void 0:I[y]),R=y&&iconMap[y];P=E!==!1&&R?reactExports.createElement("span",{className:classnames(`${g}-feedback-icon`,`${g}-feedback-icon-${y}`)},E||reactExports.createElement(R,null)):null}const $={status:y||"",errors:c,warnings:u,hasFeedback:!!d,feedbackIcon:P,isFormItemInput:!0};return b&&($.status=(y??m)||"",$.isFormItemInput=f,$.hasFeedback=!!(d??C),$.feedbackIcon=d!==void 0?$.feedbackIcon:S),$},[y,d,b,f,m]);return reactExports.createElement(FormItemInputContext.Provider,{value:w},s)}var __rest$s=function(a,s){var c={};for(var u in a)Object.prototype.hasOwnProperty.call(a,u)&&s.indexOf(u)<0&&(c[u]=a[u]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var d=0,u=Object.getOwnPropertySymbols(a);d<u.length;d++)s.indexOf(u[d])<0&&Object.prototype.propertyIsEnumerable.call(a,u[d])&&(c[u[d]]=a[u[d]]);return c};function ItemHolder(a){const{prefixCls:s,className:c,rootClassName:u,style:d,help:p,errors:v,warnings:A,validateStatus:b,meta:g,hasFeedback:x,hidden:y,children:f,fieldId:m,required:C,isRequired:S,onSubItemMetaChange:w,layout:I}=a,P=__rest$s(a,["prefixCls","className","rootClassName","style","help","errors","warnings","validateStatus","meta","hasFeedback","hidden","children","fieldId","required","isRequired","onSubItemMetaChange","layout"]),$=`${s}-item`,{requiredMark:_,vertical:E}=reactExports.useContext(FormContext),R=E||I==="vertical",T=reactExports.useRef(null),B=useDebounce(v),M=useDebounce(A),D=p!=null,O=!!(D||v.length||A.length),H=!!T.current&&isVisible(T.current),[j,q]=reactExports.useState(null);useLayoutEffect$1(()=>{if(O&&T.current){const k=getComputedStyle(T.current);q(parseInt(k.marginBottom,10))}},[O,H]);const L=k=>{k||q(null)},U=function(){let k=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1;const W=k?B:g.errors,J=k?M:g.warnings;return getStatus(W,J,g,"",!!x,b)}(),N=classnames($,c,u,{[`${$}-with-help`]:D||B.length||M.length,[`${$}-has-feedback`]:U&&x,[`${$}-has-success`]:U==="success",[`${$}-has-warning`]:U==="warning",[`${$}-has-error`]:U==="error",[`${$}-is-validating`]:U==="validating",[`${$}-hidden`]:y,[`${$}-${I}`]:I});return reactExports.createElement("div",{className:N,style:d,ref:T},reactExports.createElement(Row,Object.assign({className:`${$}-row`},omit(P,["_internalItemRender","colon","dependencies","extra","fieldKey","getValueFromEvent","getValueProps","htmlFor","id","initialValue","isListField","label","labelAlign","labelCol","labelWrap","messageVariables","name","normalize","noStyle","preserve","requiredMark","rules","shouldUpdate","trigger","tooltip","validateFirst","validateTrigger","valuePropName","wrapperCol","validateDebounce"])),reactExports.createElement(FormItemLabel,Object.assign({htmlFor:m},a,{requiredMark:_,required:C??S,prefixCls:s,vertical:R})),reactExports.createElement(FormItemInput,Object.assign({},a,g,{errors:B,warnings:M,prefixCls:s,status:U,help:p,marginBottom:j,onErrorVisibleChanged:L}),reactExports.createElement(NoStyleItemContext.Provider,{value:w},reactExports.createElement(StatusProvider,{prefixCls:s,meta:g,errors:g.errors,warnings:g.warnings,hasFeedback:x,validateStatus:U},f)))),!!j&&reactExports.createElement("div",{className:`${$}-margin-offset`,style:{marginBottom:-j}}))}const NAME_SPLIT="__SPLIT__";function isSimilarControl(a,s){const c=Object.keys(a),u=Object.keys(s);return c.length===u.length&&c.every(d=>{const p=a[d],v=s[d];return p===v||typeof p=="function"||typeof v=="function"})}const MemoInput=reactExports.memo(a=>{let{children:s}=a;return s},(a,s)=>isSimilarControl(a.control,s.control)&&a.update===s.update&&a.childProps.length===s.childProps.length&&a.childProps.every((c,u)=>c===s.childProps[u]));function genEmptyMeta(){return{errors:[],warnings:[],touched:!1,validating:!1,name:[],validated:!1}}function InternalFormItem(a){const{name:s,noStyle:c,className:u,dependencies:d,prefixCls:p,shouldUpdate:v,rules:A,children:b,required:g,label:x,messageVariables:y,trigger:f="onChange",validateTrigger:m,hidden:C,help:S,layout:w}=a,{getPrefixCls:I}=reactExports.useContext(ConfigContext$1),{name:P}=reactExports.useContext(FormContext),$=useChildren(b),_=typeof $=="function",E=reactExports.useContext(NoStyleItemContext),{validateTrigger:R}=reactExports.useContext(Context$2),T=m!==void 0?m:R,B=s!=null,M=I("form",p),D=useCSSVarCls(M),[O,H,j]=useStyle$e(M,D);devUseWarning();const q=reactExports.useContext(ListContext),L=reactExports.useRef(null),[F,U]=useFrameState({}),[N,k]=useSafeState(()=>genEmptyMeta()),W=ae=>{const V=q==null?void 0:q.getKey(ae.name);if(k(ae.destroy?genEmptyMeta():ae,!0),c&&S!==!1&&E){let K=ae.name;if(ae.destroy)K=L.current||K;else if(V!==void 0){const[te,ie]=V;K=[te].concat(_toConsumableArray$e(ie)),L.current=K}E(ae,K)}},J=(ae,V)=>{U(K=>{const te=Object.assign({},K),ce=[].concat(_toConsumableArray$e(ae.name.slice(0,-1)),_toConsumableArray$e(V)).join(NAME_SPLIT);return ae.destroy?delete te[ce]:te[ce]=ae,te})},[Q,Y]=reactExports.useMemo(()=>{const ae=_toConsumableArray$e(N.errors),V=_toConsumableArray$e(N.warnings);return Object.values(F).forEach(K=>{ae.push.apply(ae,_toConsumableArray$e(K.errors||[])),V.push.apply(V,_toConsumableArray$e(K.warnings||[]))}),[ae,V]},[F,N.errors,N.warnings]),Z=useItemRef();function ee(ae,V,K){return c&&!C?reactExports.createElement(StatusProvider,{prefixCls:M,hasFeedback:a.hasFeedback,validateStatus:a.validateStatus,meta:N,errors:Q,warnings:Y,noStyle:!0},ae):reactExports.createElement(ItemHolder,Object.assign({key:"row"},a,{className:classnames(u,j,D,H),prefixCls:M,fieldId:V,isRequired:K,errors:Q,warnings:Y,meta:N,onSubItemMetaChange:J,layout:w}),ae)}if(!B&&!_&&!d)return O(ee($));let re={};return typeof x=="string"?re.label=x:s&&(re.label=String(s)),y&&(re=Object.assign(Object.assign({},re),y)),O(reactExports.createElement(WrapperField,Object.assign({},a,{messageVariables:re,trigger:f,validateTrigger:T,onMetaChange:W}),(ae,V,K)=>{const te=toArray$3(s).length&&V?V.name:[],ie=getFieldId(te,P),ce=g!==void 0?g:!!(A!=null&&A.some(be=>{if(be&&typeof be=="object"&&be.required&&!be.warningOnly)return!0;if(typeof be=="function"){const me=be(K);return(me==null?void 0:me.required)&&!(me!=null&&me.warningOnly)}return!1})),ge=Object.assign({},ae);let Se=null;if(Array.isArray($)&&B)Se=$;else if(!(_&&(!(v||d)||B))){if(!(d&&!_&&!B))if(reactExports.isValidElement($)){const be=Object.assign(Object.assign({},$.props),ge);if(be.id||(be.id=ie),S||Q.length>0||Y.length>0||a.extra){const se=[];(S||Q.length>0)&&se.push(`${ie}_help`),a.extra&&se.push(`${ie}_extra`),be["aria-describedby"]=se.join(" ")}Q.length>0&&(be["aria-invalid"]="true"),ce&&(be["aria-required"]="true"),supportRef($)&&(be.ref=Z(te,$)),new Set([].concat(_toConsumableArray$e(toArray$3(f)),_toConsumableArray$e(toArray$3(T)))).forEach(se=>{be[se]=function(){for(var oe,de,le,xe,Ce,$e=arguments.length,we=new Array($e),Ee=0;Ee<$e;Ee++)we[Ee]=arguments[Ee];(le=ge[se])===null||le===void 0||(oe=le).call.apply(oe,[ge].concat(we)),(Ce=(xe=$.props)[se])===null||Ce===void 0||(de=Ce).call.apply(de,[xe].concat(we))}});const fe=[be["aria-required"],be["aria-invalid"],be["aria-describedby"]];Se=reactExports.createElement(MemoInput,{control:ge,update:$,childProps:fe},cloneElement($,be))}else _&&(v||d)&&!B?Se=$(K):Se=$}return ee(Se,ie,ce)}))}const FormItem=InternalFormItem;FormItem.useStatus=useFormItemStatus;var __rest$r=function(a,s){var c={};for(var u in a)Object.prototype.hasOwnProperty.call(a,u)&&s.indexOf(u)<0&&(c[u]=a[u]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var d=0,u=Object.getOwnPropertySymbols(a);d<u.length;d++)s.indexOf(u[d])<0&&Object.prototype.propertyIsEnumerable.call(a,u[d])&&(c[u[d]]=a[u[d]]);return c};const FormList=a=>{var{prefixCls:s,children:c}=a,u=__rest$r(a,["prefixCls","children"]);const{getPrefixCls:d}=reactExports.useContext(ConfigContext$1),p=d("form",s),v=reactExports.useMemo(()=>({prefixCls:p,status:"error"}),[p]);return reactExports.createElement(List$1,Object.assign({},u),(A,b,g)=>reactExports.createElement(FormItemPrefixContext.Provider,{value:v},c(A.map(x=>Object.assign(Object.assign({},x),{fieldKey:x.key})),b,{errors:g.errors,warnings:g.warnings})))};function useFormInstance(){const{form:a}=reactExports.useContext(FormContext);return a}const Form$1=Form$2;Form$1.Item=FormItem,Form$1.List=FormList,Form$1.ErrorList=ErrorList,Form$1.useForm=useForm$1,Form$1.useFormInstance=useFormInstance,Form$1.useWatch=useWatch$1,Form$1.Provider=FormProvider,Form$1.create=()=>{};var EyeOutlined$1={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z"}}]},name:"eye",theme:"outlined"},EyeOutlined=function a(s,c){return reactExports.createElement(Icon$4,_extends$3({},s,{ref:c,icon:EyeOutlined$1}))},RefIcon$s=reactExports.forwardRef(EyeOutlined);function getClientSize(){var a=document.documentElement.clientWidth,s=window.innerHeight||document.documentElement.clientHeight;return{width:a,height:s}}function getOffset$2(a){var s=a.getBoundingClientRect(),c=document.documentElement;return{left:s.left+(window.pageXOffset||c.scrollLeft)-(c.clientLeft||document.body.clientLeft||0),top:s.top+(window.pageYOffset||c.scrollTop)-(c.clientTop||document.body.clientTop||0)}}function addEventListenerWrap$1(a,s,c,u){var d=ReactDOM.unstable_batchedUpdates?function(v){ReactDOM.unstable_batchedUpdates(c,v)}:c;return a!=null&&a.addEventListener&&a.addEventListener(s,d,u),{remove:function(){a!=null&&a.removeEventListener&&a.removeEventListener(s,d,u)}}}var PreviewGroupContext=reactExports.createContext(null),Operations=function a(s){var c=s.visible,u=s.maskTransitionName,d=s.getContainer,p=s.prefixCls,v=s.rootClassName,A=s.icons,b=s.countRender,g=s.showSwitch,x=s.showProgress,y=s.current,f=s.transform,m=s.count,C=s.scale,S=s.minScale,w=s.maxScale,I=s.closeIcon,P=s.onActive,$=s.onClose,_=s.onZoomIn,E=s.onZoomOut,R=s.onRotateRight,T=s.onRotateLeft,B=s.onFlipX,M=s.onFlipY,D=s.onReset,O=s.toolbarRender,H=s.zIndex,j=s.image,q=reactExports.useContext(PreviewGroupContext),L=A.rotateLeft,F=A.rotateRight,U=A.zoomIn,N=A.zoomOut,k=A.close,W=A.left,J=A.right,Q=A.flipX,Y=A.flipY,Z="".concat(p,"-operations-operation");reactExports.useEffect(function(){var me=function(se){se.keyCode===KeyCode.ESC&&$()};return c&&window.addEventListener("keydown",me),function(){window.removeEventListener("keydown",me)}},[c]);var ee=function(fe,se){fe.preventDefault(),fe.stopPropagation(),P(se)},re=reactExports.useCallback(function(me){var fe=me.type,se=me.disabled,oe=me.onClick,de=me.icon;return reactExports.createElement("div",{key:fe,className:classnames(Z,"".concat(p,"-operations-operation-").concat(fe),_defineProperty$a({},"".concat(p,"-operations-operation-disabled"),!!se)),onClick:oe},de)},[Z,p]),ae=g?re({icon:W,onClick:function(fe){return ee(fe,-1)},type:"prev",disabled:y===0}):void 0,V=g?re({icon:J,onClick:function(fe){return ee(fe,1)},type:"next",disabled:y===m-1}):void 0,K=re({icon:Y,onClick:M,type:"flipY"}),te=re({icon:Q,onClick:B,type:"flipX"}),ie=re({icon:L,onClick:T,type:"rotateLeft"}),ce=re({icon:F,onClick:R,type:"rotateRight"}),ge=re({icon:N,onClick:E,type:"zoomOut",disabled:C<=S}),Se=re({icon:U,onClick:_,type:"zoomIn",disabled:C===w}),be=reactExports.createElement("div",{className:"".concat(p,"-operations")},K,te,ie,ce,ge,Se);return reactExports.createElement(CSSMotion,{visible:c,motionName:u},function(me){var fe=me.className,se=me.style;return reactExports.createElement(Portal,{open:!0,getContainer:d??document.body},reactExports.createElement("div",{className:classnames("".concat(p,"-operations-wrapper"),fe,v),style:_objectSpread2$1(_objectSpread2$1({},se),{},{zIndex:H})},I===null?null:reactExports.createElement("button",{className:"".concat(p,"-close"),onClick:$},I||k),g&&reactExports.createElement(reactExports.Fragment,null,reactExports.createElement("div",{className:classnames("".concat(p,"-switch-left"),_defineProperty$a({},"".concat(p,"-switch-left-disabled"),y===0)),onClick:function(de){return ee(de,-1)}},W),reactExports.createElement("div",{className:classnames("".concat(p,"-switch-right"),_defineProperty$a({},"".concat(p,"-switch-right-disabled"),y===m-1)),onClick:function(de){return ee(de,1)}},J)),reactExports.createElement("div",{className:"".concat(p,"-footer")},x&&reactExports.createElement("div",{className:"".concat(p,"-progress")},b?b(y+1,m):"".concat(y+1," / ").concat(m)),O?O(be,_objectSpread2$1(_objectSpread2$1({icons:{prevIcon:ae,nextIcon:V,flipYIcon:K,flipXIcon:te,rotateLeftIcon:ie,rotateRightIcon:ce,zoomOutIcon:ge,zoomInIcon:Se},actions:{onActive:P,onFlipY:M,onFlipX:B,onRotateLeft:T,onRotateRight:R,onZoomOut:E,onZoomIn:_,onReset:D,onClose:$},transform:f},q?{current:y,total:m}:{}),{},{image:j})):be)))})},initialTransform={x:0,y:0,rotate:0,scale:1,flipX:!1,flipY:!1};function useImageTransform(a,s,c,u){var d=reactExports.useRef(null),p=reactExports.useRef([]),v=reactExports.useState(initialTransform),A=_slicedToArray$e(v,2),b=A[0],g=A[1],x=function(C){g(initialTransform),isEqual(initialTransform,b)||u==null||u({transform:initialTransform,action:C})},y=function(C,S){d.current===null&&(p.current=[],d.current=wrapperRaf(function(){g(function(w){var I=w;return p.current.forEach(function(P){I=_objectSpread2$1(_objectSpread2$1({},I),P)}),d.current=null,u==null||u({transform:I,action:S}),I})})),p.current.push(_objectSpread2$1(_objectSpread2$1({},b),C))},f=function(C,S,w,I,P){var $=a.current,_=$.width,E=$.height,R=$.offsetWidth,T=$.offsetHeight,B=$.offsetLeft,M=$.offsetTop,D=C,O=b.scale*C;O>c?(O=c,D=c/b.scale):O<s&&(O=P?O:s,D=O/b.scale);var H=w??innerWidth/2,j=I??innerHeight/2,q=D-1,L=q*_*.5,F=q*E*.5,U=q*(H-b.x-B),N=q*(j-b.y-M),k=b.x-(U-L),W=b.y-(N-F);if(C<1&&O===1){var J=R*O,Q=T*O,Y=getClientSize(),Z=Y.width,ee=Y.height;J<=Z&&Q<=ee&&(k=0,W=0)}y({x:k,y:W,scale:O},S)};return{transform:b,resetTransform:x,updateTransform:y,dispatchZoomChange:f}}function fixPoint(a,s,c,u){var d=s+c,p=(c-u)/2;if(c>u){if(s>0)return _defineProperty$a({},a,p);if(s<0&&d<u)return _defineProperty$a({},a,-p)}else if(s<0||d>u)return _defineProperty$a({},a,s<0?p:-p);return{}}function getFixScaleEleTransPosition(a,s,c,u){var d=getClientSize(),p=d.width,v=d.height,A=null;return a<=p&&s<=v?A={x:0,y:0}:(a>p||s>v)&&(A=_objectSpread2$1(_objectSpread2$1({},fixPoint("x",c,a,p)),fixPoint("y",u,s,v))),A}var BASE_SCALE_RATIO=1,WHEEL_MAX_SCALE_RATIO=1;function useMouseEvent(a,s,c,u,d,p,v){var A=d.rotate,b=d.scale,g=d.x,x=d.y,y=reactExports.useState(!1),f=_slicedToArray$e(y,2),m=f[0],C=f[1],S=reactExports.useRef({diffX:0,diffY:0,transformX:0,transformY:0}),w=function(E){!s||E.button!==0||(E.preventDefault(),E.stopPropagation(),S.current={diffX:E.pageX-g,diffY:E.pageY-x,transformX:g,transformY:x},C(!0))},I=function(E){c&&m&&p({x:E.pageX-S.current.diffX,y:E.pageY-S.current.diffY},"move")},P=function(){if(c&&m){C(!1);var E=S.current,R=E.transformX,T=E.transformY,B=g!==R&&x!==T;if(!B)return;var M=a.current.offsetWidth*b,D=a.current.offsetHeight*b,O=a.current.getBoundingClientRect(),H=O.left,j=O.top,q=A%180!==0,L=getFixScaleEleTransPosition(q?D:M,q?M:D,H,j);L&&p(_objectSpread2$1({},L),"dragRebound")}},$=function(E){if(!(!c||E.deltaY==0)){var R=Math.abs(E.deltaY/100),T=Math.min(R,WHEEL_MAX_SCALE_RATIO),B=BASE_SCALE_RATIO+T*u;E.deltaY>0&&(B=BASE_SCALE_RATIO/B),v(B,"wheel",E.clientX,E.clientY)}};return reactExports.useEffect(function(){var _,E,R,T;if(s){R=addEventListenerWrap$1(window,"mouseup",P,!1),T=addEventListenerWrap$1(window,"mousemove",I,!1);try{window.top!==window.self&&(_=addEventListenerWrap$1(window.top,"mouseup",P,!1),E=addEventListenerWrap$1(window.top,"mousemove",I,!1))}catch{}}return function(){var B,M,D,O;(B=R)===null||B===void 0||B.remove(),(M=T)===null||M===void 0||M.remove(),(D=_)===null||D===void 0||D.remove(),(O=E)===null||O===void 0||O.remove()}},[c,m,g,x,A,s]),{isMoving:m,onMouseDown:w,onMouseMove:I,onMouseUp:P,onWheel:$}}function isImageValid(a){return new Promise(function(s){if(!a){s(!1);return}var c=document.createElement("img");c.onerror=function(){return s(!1)},c.onload=function(){return s(!0)},c.src=a})}function useStatus(a){var s=a.src,c=a.isCustomPlaceholder,u=a.fallback,d=reactExports.useState(c?"loading":"normal"),p=_slicedToArray$e(d,2),v=p[0],A=p[1],b=reactExports.useRef(!1),g=v==="error";reactExports.useEffect(function(){var m=!0;return isImageValid(s).then(function(C){!C&&m&&A("error")}),function(){m=!1}},[s]),reactExports.useEffect(function(){c&&!b.current?A("loading"):g&&A("normal")},[s]);var x=function(){A("normal")},y=function(C){b.current=!1,v==="loading"&&C!==null&&C!==void 0&&C.complete&&(C.naturalWidth||C.naturalHeight)&&(b.current=!0,x())},f=g&&u?{src:u}:{onLoad:x,src:s};return[y,f,v]}function getDistance(a,s){var c=a.x-s.x,u=a.y-s.y;return Math.hypot(c,u)}function getCenter(a,s,c,u){var d=getDistance(a,c),p=getDistance(s,u);if(d===0&&p===0)return[a.x,a.y];var v=d/(d+p),A=a.x+v*(s.x-a.x),b=a.y+v*(s.y-a.y);return[A,b]}function useTouchEvent(a,s,c,u,d,p,v){var A=d.rotate,b=d.scale,g=d.x,x=d.y,y=reactExports.useState(!1),f=_slicedToArray$e(y,2),m=f[0],C=f[1],S=reactExports.useRef({point1:{x:0,y:0},point2:{x:0,y:0},eventType:"none"}),w=function(E){S.current=_objectSpread2$1(_objectSpread2$1({},S.current),E)},I=function(E){if(s){E.stopPropagation(),C(!0);var R=E.touches,T=R===void 0?[]:R;T.length>1?w({point1:{x:T[0].clientX,y:T[0].clientY},point2:{x:T[1].clientX,y:T[1].clientY},eventType:"touchZoom"}):w({point1:{x:T[0].clientX-g,y:T[0].clientY-x},eventType:"move"})}},P=function(E){var R=E.touches,T=R===void 0?[]:R,B=S.current,M=B.point1,D=B.point2,O=B.eventType;if(T.length>1&&O==="touchZoom"){var H={x:T[0].clientX,y:T[0].clientY},j={x:T[1].clientX,y:T[1].clientY},q=getCenter(M,D,H,j),L=_slicedToArray$e(q,2),F=L[0],U=L[1],N=getDistance(H,j)/getDistance(M,D);v(N,"touchZoom",F,U,!0),w({point1:H,point2:j,eventType:"touchZoom"})}else O==="move"&&(p({x:T[0].clientX-M.x,y:T[0].clientY-M.y},"move"),w({eventType:"move"}))},$=function(){if(c){if(m&&C(!1),w({eventType:"none"}),u>b)return p({x:0,y:0,scale:u},"touchZoom");var E=a.current.offsetWidth*b,R=a.current.offsetHeight*b,T=a.current.getBoundingClientRect(),B=T.left,M=T.top,D=A%180!==0,O=getFixScaleEleTransPosition(D?R:E,D?E:R,B,M);O&&p(_objectSpread2$1({},O),"dragRebound")}};return reactExports.useEffect(function(){var _;return c&&s&&(_=addEventListenerWrap$1(window,"touchmove",function(E){return E.preventDefault()},{passive:!1})),function(){var E;(E=_)===null||E===void 0||E.remove()}},[c,s]),{isTouching:m,onTouchStart:I,onTouchMove:P,onTouchEnd:$}}var _excluded$k=["fallback","src","imgRef"],_excluded2$4=["prefixCls","src","alt","imageInfo","fallback","movable","onClose","visible","icons","rootClassName","closeIcon","getContainer","current","count","countRender","scaleStep","minScale","maxScale","transitionName","maskTransitionName","imageRender","imgCommonProps","toolbarRender","onTransform","onChange"],PreviewImage=function a(s){var c=s.fallback,u=s.src,d=s.imgRef,p=_objectWithoutProperties$2(s,_excluded$k),v=useStatus({src:u,fallback:c}),A=_slicedToArray$e(v,2),b=A[0],g=A[1];return React.createElement("img",_extends$3({ref:function(y){d.current=y,b(y)}},p,g))},Preview$2=function a(s){var c=s.prefixCls,u=s.src,d=s.alt,p=s.imageInfo,v=s.fallback,A=s.movable,b=A===void 0?!0:A,g=s.onClose,x=s.visible,y=s.icons,f=y===void 0?{}:y,m=s.rootClassName,C=s.closeIcon,S=s.getContainer,w=s.current,I=w===void 0?0:w,P=s.count,$=P===void 0?1:P,_=s.countRender,E=s.scaleStep,R=E===void 0?.5:E,T=s.minScale,B=T===void 0?1:T,M=s.maxScale,D=M===void 0?50:M,O=s.transitionName,H=O===void 0?"zoom":O,j=s.maskTransitionName,q=j===void 0?"fade":j,L=s.imageRender,F=s.imgCommonProps,U=s.toolbarRender,N=s.onTransform,k=s.onChange,W=_objectWithoutProperties$2(s,_excluded2$4),J=reactExports.useRef(),Q=reactExports.useContext(PreviewGroupContext),Y=Q&&$>1,Z=Q&&$>=1,ee=reactExports.useState(!0),re=_slicedToArray$e(ee,2),ae=re[0],V=re[1],K=useImageTransform(J,B,D,N),te=K.transform,ie=K.resetTransform,ce=K.updateTransform,ge=K.dispatchZoomChange,Se=useMouseEvent(J,b,x,R,te,ce,ge),be=Se.isMoving,me=Se.onMouseDown,fe=Se.onWheel,se=useTouchEvent(J,b,x,B,te,ce,ge),oe=se.isTouching,de=se.onTouchStart,le=se.onTouchMove,xe=se.onTouchEnd,Ce=te.rotate,$e=te.scale,we=classnames(_defineProperty$a({},"".concat(c,"-moving"),be));reactExports.useEffect(function(){ae||V(!0)},[ae]);var Ee=function(){ie("close")},Ae=function(){ge(BASE_SCALE_RATIO+R,"zoomIn")},pe=function(){ge(BASE_SCALE_RATIO/(BASE_SCALE_RATIO+R),"zoomOut")},he=function(){ce({rotate:Ce+90},"rotateRight")},Ie=function(){ce({rotate:Ce-90},"rotateLeft")},ye=function(){ce({flipX:!te.flipX},"flipX")},Pe=function(){ce({flipY:!te.flipY},"flipY")},Le=function(){ie("reset")},Ne=function(Te){var ke=I+Te;!Number.isInteger(ke)||ke<0||ke>$-1||(V(!1),ie(Te<0?"prev":"next"),k==null||k(ke,I))},Me=function(Te){!x||!Y||(Te.keyCode===KeyCode.LEFT?Ne(-1):Te.keyCode===KeyCode.RIGHT&&Ne(1))},Fe=function(Te){x&&($e!==1?ce({x:0,y:0,scale:1},"doubleClick"):ge(BASE_SCALE_RATIO+R,"doubleClick",Te.clientX,Te.clientY))};reactExports.useEffect(function(){var Ye=addEventListenerWrap$1(window,"keydown",Me,!1);return function(){Ye.remove()}},[x,Y,I]);var _e=React.createElement(PreviewImage,_extends$3({},F,{width:s.width,height:s.height,imgRef:J,className:"".concat(c,"-img"),alt:d,style:{transform:"translate3d(".concat(te.x,"px, ").concat(te.y,"px, 0) scale3d(").concat(te.flipX?"-":"").concat($e,", ").concat(te.flipY?"-":"").concat($e,", 1) rotate(").concat(Ce,"deg)"),transitionDuration:(!ae||oe)&&"0s"},fallback:v,src:u,onWheel:fe,onMouseDown:me,onDoubleClick:Fe,onTouchStart:de,onTouchMove:le,onTouchEnd:xe,onTouchCancel:xe})),je=_objectSpread2$1({url:u,alt:d},p);return React.createElement(React.Fragment,null,React.createElement(DialogWrap,_extends$3({transitionName:H,maskTransitionName:q,closable:!1,keyboard:!0,prefixCls:c,onClose:g,visible:x,classNames:{wrapper:we},rootClassName:m,getContainer:S},W,{afterClose:Ee}),React.createElement("div",{className:"".concat(c,"-img-wrapper")},L?L(_e,_objectSpread2$1({transform:te,image:je},Q?{current:I}:{})):_e)),React.createElement(Operations,{visible:x,transform:te,maskTransitionName:q,closeIcon:C,getContainer:S,prefixCls:c,rootClassName:m,icons:f,countRender:_,showSwitch:Y,showProgress:Z,current:I,count:$,scale:$e,minScale:B,maxScale:D,toolbarRender:U,onActive:Ne,onZoomIn:Ae,onZoomOut:pe,onRotateRight:he,onRotateLeft:Ie,onFlipX:ye,onFlipY:Pe,onClose:g,onReset:Le,zIndex:W.zIndex!==void 0?W.zIndex+1:void 0,image:je}))},COMMON_PROPS=["crossOrigin","decoding","draggable","loading","referrerPolicy","sizes","srcSet","useMap","alt"];function usePreviewItems(a){var s=reactExports.useState({}),c=_slicedToArray$e(s,2),u=c[0],d=c[1],p=reactExports.useCallback(function(A,b){return d(function(g){return _objectSpread2$1(_objectSpread2$1({},g),{},_defineProperty$a({},A,b))}),function(){d(function(g){var x=_objectSpread2$1({},g);return delete x[A],x})}},[]),v=reactExports.useMemo(function(){return a?a.map(function(A){if(typeof A=="string")return{data:{src:A}};var b={};return Object.keys(A).forEach(function(g){["src"].concat(_toConsumableArray$e(COMMON_PROPS)).includes(g)&&(b[g]=A[g])}),{data:b}}):Object.keys(u).reduce(function(A,b){var g=u[b],x=g.canPreview,y=g.data;return x&&A.push({data:y,id:b}),A},[])},[a,u]);return[v,p,!!a]}var _excluded$j=["visible","onVisibleChange","getContainer","current","movable","minScale","maxScale","countRender","closeIcon","onChange","onTransform","toolbarRender","imageRender"],_excluded2$3=["src"],Group$1=function a(s){var c,u=s.previewPrefixCls,d=u===void 0?"rc-image-preview":u,p=s.children,v=s.icons,A=v===void 0?{}:v,b=s.items,g=s.preview,x=s.fallback,y=_typeof$h(g)==="object"?g:{},f=y.visible,m=y.onVisibleChange,C=y.getContainer,S=y.current,w=y.movable,I=y.minScale,P=y.maxScale,$=y.countRender,_=y.closeIcon,E=y.onChange,R=y.onTransform,T=y.toolbarRender,B=y.imageRender,M=_objectWithoutProperties$2(y,_excluded$j),D=usePreviewItems(b),O=_slicedToArray$e(D,3),H=O[0],j=O[1],q=O[2],L=useMergedState(0,{value:S}),F=_slicedToArray$e(L,2),U=F[0],N=F[1],k=reactExports.useState(!1),W=_slicedToArray$e(k,2),J=W[0],Q=W[1],Y=((c=H[U])===null||c===void 0?void 0:c.data)||{},Z=Y.src,ee=_objectWithoutProperties$2(Y,_excluded2$3),re=useMergedState(!!f,{value:f,onChange:function(oe,de){m==null||m(oe,de,U)}}),ae=_slicedToArray$e(re,2),V=ae[0],K=ae[1],te=reactExports.useState(null),ie=_slicedToArray$e(te,2),ce=ie[0],ge=ie[1],Se=reactExports.useCallback(function(se,oe,de,le){var xe=q?H.findIndex(function(Ce){return Ce.data.src===oe}):H.findIndex(function(Ce){return Ce.id===se});N(xe<0?0:xe),K(!0),ge({x:de,y:le}),Q(!0)},[H,q]);reactExports.useEffect(function(){V?J||N(0):Q(!1)},[V]);var be=function(oe,de){N(oe),E==null||E(oe,de)},me=function(){K(!1),ge(null)},fe=reactExports.useMemo(function(){return{register:j,onPreview:Se}},[j,Se]);return reactExports.createElement(PreviewGroupContext.Provider,{value:fe},p,reactExports.createElement(Preview$2,_extends$3({"aria-hidden":!V,movable:w,visible:V,prefixCls:d,closeIcon:_,onClose:me,mousePosition:ce,imgCommonProps:ee,src:Z,fallback:x,icons:A,minScale:I,maxScale:P,getContainer:C,current:U,count:H.length,countRender:$,onTransform:R,toolbarRender:T,imageRender:B,onChange:be},M)))},uid$1=0;function useRegisterImage(a,s){var c=reactExports.useState(function(){return uid$1+=1,String(uid$1)}),u=_slicedToArray$e(c,1),d=u[0],p=reactExports.useContext(PreviewGroupContext),v={data:s,canPreview:a};return reactExports.useEffect(function(){if(p)return p.register(d,v)},[]),reactExports.useEffect(function(){p&&p.register(d,v)},[a,s]),d}var _excluded$i=["src","alt","onPreviewClose","prefixCls","previewPrefixCls","placeholder","fallback","width","height","style","preview","className","onClick","onError","wrapperClassName","wrapperStyle","rootClassName"],_excluded2$2=["src","visible","onVisibleChange","getContainer","mask","maskClassName","movable","icons","scaleStep","minScale","maxScale","imageRender","toolbarRender"],ImageInternal=function a(s){var c=s.src,u=s.alt,d=s.onPreviewClose,p=s.prefixCls,v=p===void 0?"rc-image":p,A=s.previewPrefixCls,b=A===void 0?"".concat(v,"-preview"):A,g=s.placeholder,x=s.fallback,y=s.width,f=s.height,m=s.style,C=s.preview,S=C===void 0?!0:C,w=s.className,I=s.onClick,P=s.onError,$=s.wrapperClassName,_=s.wrapperStyle,E=s.rootClassName,R=_objectWithoutProperties$2(s,_excluded$i),T=g&&g!==!0,B=_typeof$h(S)==="object"?S:{},M=B.src,D=B.visible,O=D===void 0?void 0:D,H=B.onVisibleChange,j=H===void 0?d:H,q=B.getContainer,L=q===void 0?void 0:q,F=B.mask,U=B.maskClassName,N=B.movable,k=B.icons,W=B.scaleStep,J=B.minScale,Q=B.maxScale,Y=B.imageRender,Z=B.toolbarRender,ee=_objectWithoutProperties$2(B,_excluded2$2),re=M??c,ae=useMergedState(!!O,{value:O,onChange:j}),V=_slicedToArray$e(ae,2),K=V[0],te=V[1],ie=useStatus({src:c,isCustomPlaceholder:T,fallback:x}),ce=_slicedToArray$e(ie,3),ge=ce[0],Se=ce[1],be=ce[2],me=reactExports.useState(null),fe=_slicedToArray$e(me,2),se=fe[0],oe=fe[1],de=reactExports.useContext(PreviewGroupContext),le=!!S,xe=function(){te(!1),oe(null)},Ce=classnames(v,$,E,_defineProperty$a({},"".concat(v,"-error"),be==="error")),$e=reactExports.useMemo(function(){var pe={};return COMMON_PROPS.forEach(function(he){s[he]!==void 0&&(pe[he]=s[he])}),pe},COMMON_PROPS.map(function(pe){return s[pe]})),we=reactExports.useMemo(function(){return _objectSpread2$1(_objectSpread2$1({},$e),{},{src:re})},[re,$e]),Ee=useRegisterImage(le,we),Ae=function(he){var Ie=getOffset$2(he.target),ye=Ie.left,Pe=Ie.top;de?de.onPreview(Ee,re,ye,Pe):(oe({x:ye,y:Pe}),te(!0)),I==null||I(he)};return reactExports.createElement(reactExports.Fragment,null,reactExports.createElement("div",_extends$3({},R,{className:Ce,onClick:le?Ae:I,style:_objectSpread2$1({width:y,height:f},_)}),reactExports.createElement("img",_extends$3({},$e,{className:classnames("".concat(v,"-img"),_defineProperty$a({},"".concat(v,"-img-placeholder"),g===!0),w),style:_objectSpread2$1({height:f},m),ref:ge},Se,{width:y,height:f,onError:P})),be==="loading"&&reactExports.createElement("div",{"aria-hidden":"true",className:"".concat(v,"-placeholder")},g),F&&le&&reactExports.createElement("div",{className:classnames("".concat(v,"-mask"),U),style:{display:(m==null?void 0:m.display)==="none"?"none":void 0}},F)),!de&&le&&reactExports.createElement(Preview$2,_extends$3({"aria-hidden":!K,visible:K,prefixCls:b,onClose:xe,mousePosition:se,src:re,alt:u,imageInfo:{width:y,height:f},fallback:x,getContainer:L,icons:k,movable:N,scaleStep:W,minScale:J,maxScale:Q,rootClassName:E,imageRender:Y,imgCommonProps:$e,toolbarRender:Z},ee)))};ImageInternal.PreviewGroup=Group$1;var RotateLeftOutlined$1={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M672 418H144c-17.7 0-32 14.3-32 32v414c0 17.7 14.3 32 32 32h528c17.7 0 32-14.3 32-32V450c0-17.7-14.3-32-32-32zm-44 402H188V494h440v326z"}},{tag:"path",attrs:{d:"M819.3 328.5c-78.8-100.7-196-153.6-314.6-154.2l-.2-64c0-6.5-7.6-10.1-12.6-6.1l-128 101c-4 3.1-3.9 9.1 0 12.3L492 318.6c5.1 4 12.7.4 12.6-6.1v-63.9c12.9.1 25.9.9 38.8 2.5 42.1 5.2 82.1 18.2 119 38.7 38.1 21.2 71.2 49.7 98.4 84.3 27.1 34.7 46.7 73.7 58.1 115.8a325.95 325.95 0 016.5 140.9h74.9c14.8-103.6-11.3-213-81-302.3z"}}]},name:"rotate-left",theme:"outlined"},RotateLeftOutlined=function a(s,c){return reactExports.createElement(Icon$4,_extends$3({},s,{ref:c,icon:RotateLeftOutlined$1}))},RefIcon$r=reactExports.forwardRef(RotateLeftOutlined),RotateRightOutlined$1={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M480.5 251.2c13-1.6 25.9-2.4 38.8-2.5v63.9c0 6.5 7.5 10.1 12.6 6.1L660 217.6c4-3.2 4-9.2 0-12.3l-128-101c-5.1-4-12.6-.4-12.6 6.1l-.2 64c-118.6.5-235.8 53.4-314.6 154.2A399.75 399.75 0 00123.5 631h74.9c-.9-5.3-1.7-10.7-2.4-16.1-5.1-42.1-2.1-84.1 8.9-124.8 11.4-42.2 31-81.1 58.1-115.8 27.2-34.7 60.3-63.2 98.4-84.3 37-20.6 76.9-33.6 119.1-38.8z"}},{tag:"path",attrs:{d:"M880 418H352c-17.7 0-32 14.3-32 32v414c0 17.7 14.3 32 32 32h528c17.7 0 32-14.3 32-32V450c0-17.7-14.3-32-32-32zm-44 402H396V494h440v326z"}}]},name:"rotate-right",theme:"outlined"},RotateRightOutlined=function a(s,c){return reactExports.createElement(Icon$4,_extends$3({},s,{ref:c,icon:RotateRightOutlined$1}))},RefIcon$q=reactExports.forwardRef(RotateRightOutlined),SwapOutlined$1={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M847.9 592H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h605.2L612.9 851c-4.1 5.2-.4 13 6.3 13h72.5c4.9 0 9.5-2.2 12.6-6.1l168.8-214.1c16.5-21 1.6-51.8-25.2-51.8zM872 356H266.8l144.3-183c4.1-5.2.4-13-6.3-13h-72.5c-4.9 0-9.5 2.2-12.6 6.1L150.9 380.2c-16.5 21-1.6 51.8 25.1 51.8h696c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"}}]},name:"swap",theme:"outlined"},SwapOutlined=function a(s,c){return reactExports.createElement(Icon$4,_extends$3({},s,{ref:c,icon:SwapOutlined$1}))},RefIcon$p=reactExports.forwardRef(SwapOutlined),ZoomInOutlined$1={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M637 443H519V309c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v134H325c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h118v134c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V519h118c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zm284 424L775 721c122.1-148.9 113.6-369.5-26-509-148-148.1-388.4-148.1-537 0-148.1 148.6-148.1 389 0 537 139.5 139.6 360.1 148.1 509 26l146 146c3.2 2.8 8.3 2.8 11 0l43-43c2.8-2.7 2.8-7.8 0-11zM696 696c-118.8 118.7-311.2 118.7-430 0-118.7-118.8-118.7-311.2 0-430 118.8-118.7 311.2-118.7 430 0 118.7 118.8 118.7 311.2 0 430z"}}]},name:"zoom-in",theme:"outlined"},ZoomInOutlined=function a(s,c){return reactExports.createElement(Icon$4,_extends$3({},s,{ref:c,icon:ZoomInOutlined$1}))},RefIcon$o=reactExports.forwardRef(ZoomInOutlined),ZoomOutOutlined$1={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M637 443H325c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h312c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zm284 424L775 721c122.1-148.9 113.6-369.5-26-509-148-148.1-388.4-148.1-537 0-148.1 148.6-148.1 389 0 537 139.5 139.6 360.1 148.1 509 26l146 146c3.2 2.8 8.3 2.8 11 0l43-43c2.8-2.7 2.8-7.8 0-11zM696 696c-118.8 118.7-311.2 118.7-430 0-118.7-118.8-118.7-311.2 0-430 118.8-118.7 311.2-118.7 430 0 118.7 118.8 118.7 311.2 0 430z"}}]},name:"zoom-out",theme:"outlined"},ZoomOutOutlined=function a(s,c){return reactExports.createElement(Icon$4,_extends$3({},s,{ref:c,icon:ZoomOutOutlined$1}))},RefIcon$n=reactExports.forwardRef(ZoomOutOutlined);const genBoxStyle=a=>({position:a||"absolute",inset:0}),genImageMaskStyle=a=>{const{iconCls:s,motionDurationSlow:c,paddingXXS:u,marginXXS:d,prefixCls:p,colorTextLightSolid:v}=a;return{position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center",color:v,background:new FastColor("#000").setA(.5).toRgbString(),cursor:"pointer",opacity:0,transition:`opacity ${c}`,[`.${p}-mask-info`]:Object.assign(Object.assign({},textEllipsis),{padding:`0 ${unit$1(u)}`,[s]:{marginInlineEnd:d,svg:{verticalAlign:"baseline"}}})}},genPreviewOperationsStyle=a=>{const{previewCls:s,modalMaskBg:c,paddingSM:u,marginXL:d,margin:p,paddingLG:v,previewOperationColorDisabled:A,previewOperationHoverColor:b,motionDurationSlow:g,iconCls:x,colorTextLightSolid:y}=a,f=new FastColor(c).setA(.1),m=f.clone().setA(.2);return{[`${s}-footer`]:{position:"fixed",bottom:d,left:{_skip_check_:!0,value:"50%"},display:"flex",flexDirection:"column",alignItems:"center",color:a.previewOperationColor,transform:"translateX(-50%)"},[`${s}-progress`]:{marginBottom:p},[`${s}-close`]:{position:"fixed",top:d,right:{_skip_check_:!0,value:d},display:"flex",color:y,backgroundColor:f.toRgbString(),borderRadius:"50%",padding:u,outline:0,border:0,cursor:"pointer",transition:`all ${g}`,"&:hover":{backgroundColor:m.toRgbString()},[`& > ${x}`]:{fontSize:a.previewOperationSize}},[`${s}-operations`]:{display:"flex",alignItems:"center",padding:`0 ${unit$1(v)}`,backgroundColor:f.toRgbString(),borderRadius:100,"&-operation":{marginInlineStart:u,padding:u,cursor:"pointer",transition:`all ${g}`,userSelect:"none",[`&:not(${s}-operations-operation-disabled):hover > ${x}`]:{color:b},"&-disabled":{color:A,cursor:"not-allowed"},"&:first-of-type":{marginInlineStart:0},[`& > ${x}`]:{fontSize:a.previewOperationSize}}}}},genPreviewSwitchStyle=a=>{const{modalMaskBg:s,iconCls:c,previewOperationColorDisabled:u,previewCls:d,zIndexPopup:p,motionDurationSlow:v}=a,A=new FastColor(s).setA(.1),b=A.clone().setA(.2);return{[`${d}-switch-left, ${d}-switch-right`]:{position:"fixed",insetBlockStart:"50%",zIndex:a.calc(p).add(1).equal(),display:"flex",alignItems:"center",justifyContent:"center",width:a.imagePreviewSwitchSize,height:a.imagePreviewSwitchSize,marginTop:a.calc(a.imagePreviewSwitchSize).mul(-1).div(2).equal(),color:a.previewOperationColor,background:A.toRgbString(),borderRadius:"50%",transform:"translateY(-50%)",cursor:"pointer",transition:`all ${v}`,userSelect:"none","&:hover":{background:b.toRgbString()},"&-disabled":{"&, &:hover":{color:u,background:"transparent",cursor:"not-allowed",[`> ${c}`]:{cursor:"not-allowed"}}},[`> ${c}`]:{fontSize:a.previewOperationSize}},[`${d}-switch-left`]:{insetInlineStart:a.marginSM},[`${d}-switch-right`]:{insetInlineEnd:a.marginSM}}},genImagePreviewStyle=a=>{const{motionEaseOut:s,previewCls:c,motionDurationSlow:u,componentCls:d}=a;return[{[`${d}-preview-root`]:{[c]:{height:"100%",textAlign:"center",pointerEvents:"none"},[`${c}-body`]:Object.assign(Object.assign({},genBoxStyle()),{overflow:"hidden"}),[`${c}-img`]:{maxWidth:"100%",maxHeight:"70%",verticalAlign:"middle",transform:"scale3d(1, 1, 1)",cursor:"grab",transition:`transform ${u} ${s} 0s`,userSelect:"none","&-wrapper":Object.assign(Object.assign({},genBoxStyle()),{transition:`transform ${u} ${s} 0s`,display:"flex",justifyContent:"center",alignItems:"center","& > *":{pointerEvents:"auto"},"&::before":{display:"inline-block",width:1,height:"50%",marginInlineEnd:-1,content:'""'}})},[`${c}-moving`]:{[`${c}-preview-img`]:{cursor:"grabbing","&-wrapper":{transitionDuration:"0s"}}}}},{[`${d}-preview-root`]:{[`${c}-wrap`]:{zIndex:a.zIndexPopup}}},{[`${d}-preview-operations-wrapper`]:{position:"fixed",zIndex:a.calc(a.zIndexPopup).add(1).equal()},"&":[genPreviewOperationsStyle(a),genPreviewSwitchStyle(a)]}]},genImageStyle=a=>{const{componentCls:s}=a;return{[s]:{position:"relative",display:"inline-block",[`${s}-img`]:{width:"100%",height:"auto",verticalAlign:"middle"},[`${s}-img-placeholder`]:{backgroundColor:a.colorBgContainerDisabled,backgroundImage:"url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=')",backgroundRepeat:"no-repeat",backgroundPosition:"center center",backgroundSize:"30%"},[`${s}-mask`]:Object.assign({},genImageMaskStyle(a)),[`${s}-mask:hover`]:{opacity:1},[`${s}-placeholder`]:Object.assign({},genBoxStyle())}}},genPreviewMotion=a=>{const{previewCls:s}=a;return{[`${s}-root`]:initZoomMotion(a,"zoom"),"&":initFadeMotion(a,!0)}},prepareComponentToken$b=a=>({zIndexPopup:a.zIndexPopupBase+80,previewOperationColor:new FastColor(a.colorTextLightSolid).setA(.65).toRgbString(),previewOperationHoverColor:new FastColor(a.colorTextLightSolid).setA(.85).toRgbString(),previewOperationColorDisabled:new FastColor(a.colorTextLightSolid).setA(.25).toRgbString(),previewOperationSize:a.fontSizeIcon*1.5}),useStyle$d=genStyleHooks("Image",a=>{const s=`${a.componentCls}-preview`,c=merge(a,{previewCls:s,modalMaskBg:new FastColor("#000").setA(.45).toRgbString(),imagePreviewSwitchSize:a.controlHeightLG});return[genImageStyle(c),genImagePreviewStyle(c),genModalMaskStyle(merge(c,{componentCls:s})),genPreviewMotion(c)]},prepareComponentToken$b);var __rest$q=function(a,s){var c={};for(var u in a)Object.prototype.hasOwnProperty.call(a,u)&&s.indexOf(u)<0&&(c[u]=a[u]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var d=0,u=Object.getOwnPropertySymbols(a);d<u.length;d++)s.indexOf(u[d])<0&&Object.prototype.propertyIsEnumerable.call(a,u[d])&&(c[u[d]]=a[u[d]]);return c};const icons$1={rotateLeft:reactExports.createElement(RefIcon$r,null),rotateRight:reactExports.createElement(RefIcon$q,null),zoomIn:reactExports.createElement(RefIcon$o,null),zoomOut:reactExports.createElement(RefIcon$n,null),close:reactExports.createElement(RefIcon$I,null),left:reactExports.createElement(RefIcon$A,null),right:reactExports.createElement(RefIcon$E,null),flipX:reactExports.createElement(RefIcon$p,null),flipY:reactExports.createElement(RefIcon$p,{rotate:90})},InternalPreviewGroup=a=>{var{previewPrefixCls:s,preview:c}=a,u=__rest$q(a,["previewPrefixCls","preview"]);const{getPrefixCls:d}=reactExports.useContext(ConfigContext$1),p=d("image",s),v=`${p}-preview`,A=d(),b=useCSSVarCls(p),[g,x,y]=useStyle$d(p,b),[f]=useZIndex("ImagePreview",typeof c=="object"?c.zIndex:void 0),m=reactExports.useMemo(()=>{var C;if(c===!1)return c;const S=typeof c=="object"?c:{},w=classnames(x,y,b,(C=S.rootClassName)!==null&&C!==void 0?C:"");return Object.assign(Object.assign({},S),{transitionName:getTransitionName$1(A,"zoom",S.transitionName),maskTransitionName:getTransitionName$1(A,"fade",S.maskTransitionName),rootClassName:w,zIndex:f})},[c]);return g(reactExports.createElement(ImageInternal.PreviewGroup,Object.assign({preview:m,previewPrefixCls:v,icons:icons$1},u)))};var __rest$p=function(a,s){var c={};for(var u in a)Object.prototype.hasOwnProperty.call(a,u)&&s.indexOf(u)<0&&(c[u]=a[u]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var d=0,u=Object.getOwnPropertySymbols(a);d<u.length;d++)s.indexOf(u[d])<0&&Object.prototype.propertyIsEnumerable.call(a,u[d])&&(c[u[d]]=a[u[d]]);return c};const Image$1=a=>{const{prefixCls:s,preview:c,className:u,rootClassName:d,style:p}=a,v=__rest$p(a,["prefixCls","preview","className","rootClassName","style"]),{getPrefixCls:A,getPopupContainer:b,className:g,style:x,preview:y}=useComponentConfig("image"),[f]=useLocale$1("Image"),m=A("image",s),C=A(),S=useCSSVarCls(m),[w,I,P]=useStyle$d(m,S),$=classnames(d,I,P,S),_=classnames(u,I,g),[E]=useZIndex("ImagePreview",typeof c=="object"?c.zIndex:void 0),R=reactExports.useMemo(()=>{if(c===!1)return c;const B=typeof c=="object"?c:{},{getContainer:M,closeIcon:D,rootClassName:O}=B,H=__rest$p(B,["getContainer","closeIcon","rootClassName"]);return Object.assign(Object.assign({mask:reactExports.createElement("div",{className:`${m}-mask-info`},reactExports.createElement(RefIcon$s,null),f==null?void 0:f.preview),icons:icons$1},H),{rootClassName:classnames($,O),getContainer:M??b,transitionName:getTransitionName$1(C,"zoom",B.transitionName),maskTransitionName:getTransitionName$1(C,"fade",B.maskTransitionName),zIndex:E,closeIcon:D??(y==null?void 0:y.closeIcon)})},[c,f,y==null?void 0:y.closeIcon]),T=Object.assign(Object.assign({},x),p);return w(reactExports.createElement(ImageInternal,Object.assign({prefixCls:m,preview:R,rootClassName:$,className:_,style:T},v)))};Image$1.PreviewGroup=InternalPreviewGroup;const Group=a=>{const{getPrefixCls:s,direction:c}=reactExports.useContext(ConfigContext$1),{prefixCls:u,className:d}=a,p=s("input-group",u),v=s("input"),[A,b,g]=useStyle$n(v),x=classnames(p,g,{[`${p}-lg`]:a.size==="large",[`${p}-sm`]:a.size==="small",[`${p}-compact`]:a.compact,[`${p}-rtl`]:c==="rtl"},b,d),y=reactExports.useContext(FormItemInputContext),f=reactExports.useMemo(()=>Object.assign(Object.assign({},y),{isFormItemInput:!1}),[y]);return A(reactExports.createElement("span",{className:x,style:a.style,onMouseEnter:a.onMouseEnter,onMouseLeave:a.onMouseLeave,onFocus:a.onFocus,onBlur:a.onBlur},reactExports.createElement(FormItemInputContext.Provider,{value:f},a.children)))},genOTPStyle=a=>{const{componentCls:s,paddingXS:c}=a;return{[s]:{display:"inline-flex",alignItems:"center",flexWrap:"nowrap",columnGap:c,"&-rtl":{direction:"rtl"},[`${s}-input`]:{textAlign:"center",paddingInline:a.paddingXXS},[`&${s}-sm ${s}-input`]:{paddingInline:a.calc(a.paddingXXS).div(2).equal()},[`&${s}-lg ${s}-input`]:{paddingInline:a.paddingXS}}}},useStyle$c=genStyleHooks(["Input","OTP"],a=>{const s=merge(a,initInputToken(a));return[genOTPStyle(s)]},initComponentToken$1);var __rest$o=function(a,s){var c={};for(var u in a)Object.prototype.hasOwnProperty.call(a,u)&&s.indexOf(u)<0&&(c[u]=a[u]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var d=0,u=Object.getOwnPropertySymbols(a);d<u.length;d++)s.indexOf(u[d])<0&&Object.prototype.propertyIsEnumerable.call(a,u[d])&&(c[u[d]]=a[u[d]]);return c};const OTPInput=reactExports.forwardRef((a,s)=>{const{value:c,onChange:u,onActiveChange:d,index:p,mask:v}=a,A=__rest$o(a,["value","onChange","onActiveChange","index","mask"]),b=c&&typeof v=="string"?v:c,g=C=>{u(p,C.target.value)},x=reactExports.useRef(null);reactExports.useImperativeHandle(s,()=>x.current);const y=()=>{wrapperRaf(()=>{var C;const S=(C=x.current)===null||C===void 0?void 0:C.input;document.activeElement===S&&S&&S.select()})},f=C=>{const{key:S,ctrlKey:w,metaKey:I}=C;S==="ArrowLeft"?d(p-1):S==="ArrowRight"?d(p+1):S==="z"&&(w||I)&&C.preventDefault(),y()},m=C=>{C.key==="Backspace"&&!c&&d(p-1),y()};return reactExports.createElement(Input$2,Object.assign({type:v===!0?"password":"text"},A,{ref:x,value:b,onInput:g,onFocus:y,onKeyDown:f,onKeyUp:m,onMouseDown:y,onMouseUp:y}))});var __rest$n=function(a,s){var c={};for(var u in a)Object.prototype.hasOwnProperty.call(a,u)&&s.indexOf(u)<0&&(c[u]=a[u]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var d=0,u=Object.getOwnPropertySymbols(a);d<u.length;d++)s.indexOf(u[d])<0&&Object.prototype.propertyIsEnumerable.call(a,u[d])&&(c[u[d]]=a[u[d]]);return c};function strToArr(a){return(a||"").split("")}const Separator=a=>{const{index:s,prefixCls:c,separator:u}=a,d=typeof u=="function"?u(s):u;return d?reactExports.createElement("span",{className:`${c}-separator`},d):null},OTP=reactExports.forwardRef((a,s)=>{const{prefixCls:c,length:u=6,size:d,defaultValue:p,value:v,onChange:A,formatter:b,separator:g,variant:x,disabled:y,status:f,autoFocus:m,mask:C,type:S,onInput:w,inputMode:I}=a,P=__rest$n(a,["prefixCls","length","size","defaultValue","value","onChange","formatter","separator","variant","disabled","status","autoFocus","mask","type","onInput","inputMode"]),{getPrefixCls:$,direction:_}=reactExports.useContext(ConfigContext$1),E=$("otp",c),R=pickAttrs(P,{aria:!0,data:!0,attr:!0}),[T,B,M]=useStyle$c(E),D=useSize(Z=>d??Z),O=reactExports.useContext(FormItemInputContext),H=getMergedStatus(O.status,f),j=reactExports.useMemo(()=>Object.assign(Object.assign({},O),{status:H,hasFeedback:!1,feedbackIcon:null}),[O,H]),q=reactExports.useRef(null),L=reactExports.useRef({});reactExports.useImperativeHandle(s,()=>({focus:()=>{var Z;(Z=L.current[0])===null||Z===void 0||Z.focus()},blur:()=>{var Z;for(let ee=0;ee<u;ee+=1)(Z=L.current[ee])===null||Z===void 0||Z.blur()},nativeElement:q.current}));const F=Z=>b?b(Z):Z,[U,N]=reactExports.useState(()=>strToArr(F(p||"")));reactExports.useEffect(()=>{v!==void 0&&N(strToArr(v))},[v]);const k=useEvent(Z=>{N(Z),w&&w(Z),A&&Z.length===u&&Z.every(ee=>ee)&&Z.some((ee,re)=>U[re]!==ee)&&A(Z.join(""))}),W=useEvent((Z,ee)=>{let re=_toConsumableArray$e(U);for(let V=0;V<Z;V+=1)re[V]||(re[V]="");ee.length<=1?re[Z]=ee:re=re.slice(0,Z).concat(strToArr(ee)),re=re.slice(0,u);for(let V=re.length-1;V>=0&&!re[V];V-=1)re.pop();const ae=F(re.map(V=>V||" ").join(""));return re=strToArr(ae).map((V,K)=>V===" "&&!re[K]?re[K]:V),re}),J=(Z,ee)=>{var re;const ae=W(Z,ee),V=Math.min(Z+ee.length,u-1);V!==Z&&ae[Z]!==void 0&&((re=L.current[V])===null||re===void 0||re.focus()),k(ae)},Q=Z=>{var ee;(ee=L.current[Z])===null||ee===void 0||ee.focus()},Y={variant:x,disabled:y,status:H,mask:C,type:S,inputMode:I};return T(reactExports.createElement("div",Object.assign({},R,{ref:q,className:classnames(E,{[`${E}-sm`]:D==="small",[`${E}-lg`]:D==="large",[`${E}-rtl`]:_==="rtl"},M,B)}),reactExports.createElement(FormItemInputContext.Provider,{value:j},Array.from({length:u}).map((Z,ee)=>{const re=`otp-${ee}`,ae=U[ee]||"";return reactExports.createElement(reactExports.Fragment,{key:re},reactExports.createElement(OTPInput,Object.assign({ref:V=>{L.current[ee]=V},index:ee,size:D,htmlSize:1,className:`${E}-input`,onChange:J,value:ae,onActiveChange:Q,autoFocus:ee===0&&m},Y)),ee<u-1&&reactExports.createElement(Separator,{separator:g,index:ee,prefixCls:E}))}))))});var EyeInvisibleOutlined$1={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z"}},{tag:"path",attrs:{d:"M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z"}}]},name:"eye-invisible",theme:"outlined"},EyeInvisibleOutlined=function a(s,c){return reactExports.createElement(Icon$4,_extends$3({},s,{ref:c,icon:EyeInvisibleOutlined$1}))},RefIcon$m=reactExports.forwardRef(EyeInvisibleOutlined),__rest$m=function(a,s){var c={};for(var u in a)Object.prototype.hasOwnProperty.call(a,u)&&s.indexOf(u)<0&&(c[u]=a[u]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var d=0,u=Object.getOwnPropertySymbols(a);d<u.length;d++)s.indexOf(u[d])<0&&Object.prototype.propertyIsEnumerable.call(a,u[d])&&(c[u[d]]=a[u[d]]);return c};const defaultIconRender=a=>a?reactExports.createElement(RefIcon$s,null):reactExports.createElement(RefIcon$m,null),actionMap={click:"onClick",hover:"onMouseOver"},Password=reactExports.forwardRef((a,s)=>{const{disabled:c,action:u="click",visibilityToggle:d=!0,iconRender:p=defaultIconRender}=a,v=reactExports.useContext(DisabledContext),A=c??v,b=typeof d=="object"&&d.visible!==void 0,[g,x]=reactExports.useState(()=>b?d.visible:!1),y=reactExports.useRef(null);reactExports.useEffect(()=>{b&&x(d.visible)},[b,d]);const f=useRemovePasswordTimeout(y),m=()=>{var D;if(A)return;g&&f();const O=!g;x(O),typeof d=="object"&&((D=d.onVisibleChange)===null||D===void 0||D.call(d,O))},C=D=>{const O=actionMap[u]||"",H=p(g),j={[O]:m,className:`${D}-icon`,key:"passwordIcon",onMouseDown:q=>{q.preventDefault()},onMouseUp:q=>{q.preventDefault()}};return reactExports.cloneElement(reactExports.isValidElement(H)?H:reactExports.createElement("span",null,H),j)},{className:S,prefixCls:w,inputPrefixCls:I,size:P}=a,$=__rest$m(a,["className","prefixCls","inputPrefixCls","size"]),{getPrefixCls:_}=reactExports.useContext(ConfigContext$1),E=_("input",I),R=_("input-password",w),T=d&&C(R),B=classnames(R,S,{[`${R}-${P}`]:!!P}),M=Object.assign(Object.assign({},omit($,["suffix","iconRender","visibilityToggle"])),{type:g?"text":"password",className:B,prefixCls:E,suffix:T});return P&&(M.size=P),reactExports.createElement(Input$2,Object.assign({ref:composeRef(s,y)},M))});var __rest$l=function(a,s){var c={};for(var u in a)Object.prototype.hasOwnProperty.call(a,u)&&s.indexOf(u)<0&&(c[u]=a[u]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var d=0,u=Object.getOwnPropertySymbols(a);d<u.length;d++)s.indexOf(u[d])<0&&Object.prototype.propertyIsEnumerable.call(a,u[d])&&(c[u[d]]=a[u[d]]);return c};const Search=reactExports.forwardRef((a,s)=>{const{prefixCls:c,inputPrefixCls:u,className:d,size:p,suffix:v,enterButton:A=!1,addonAfter:b,loading:g,disabled:x,onSearch:y,onChange:f,onCompositionStart:m,onCompositionEnd:C}=a,S=__rest$l(a,["prefixCls","inputPrefixCls","className","size","suffix","enterButton","addonAfter","loading","disabled","onSearch","onChange","onCompositionStart","onCompositionEnd"]),{getPrefixCls:w,direction:I}=reactExports.useContext(ConfigContext$1),P=reactExports.useRef(!1),$=w("input-search",c),_=w("input",u),{compactSize:E}=useCompactItemContext($,I),R=useSize(J=>{var Q;return(Q=p??E)!==null&&Q!==void 0?Q:J}),T=reactExports.useRef(null),B=J=>{J!=null&&J.target&&J.type==="click"&&y&&y(J.target.value,J,{source:"clear"}),f==null||f(J)},M=J=>{var Q;document.activeElement===((Q=T.current)===null||Q===void 0?void 0:Q.input)&&J.preventDefault()},D=J=>{var Q,Y;y&&y((Y=(Q=T.current)===null||Q===void 0?void 0:Q.input)===null||Y===void 0?void 0:Y.value,J,{source:"input"})},O=J=>{P.current||g||D(J)},H=typeof A=="boolean"?reactExports.createElement(RefIcon$B,null):null,j=`${$}-button`;let q;const L=A||{},F=L.type&&L.type.__ANT_BUTTON===!0;F||L.type==="button"?q=cloneElement(L,Object.assign({onMouseDown:M,onClick:J=>{var Q,Y;(Y=(Q=L==null?void 0:L.props)===null||Q===void 0?void 0:Q.onClick)===null||Y===void 0||Y.call(Q,J),D(J)},key:"enterButton"},F?{className:j,size:R}:{})):q=reactExports.createElement(Button$1,{className:j,type:A?"primary":void 0,size:R,disabled:x,key:"enterButton",onMouseDown:M,onClick:D,loading:g,icon:H},A),b&&(q=[q,cloneElement(b,{key:"addonAfter"})]);const U=classnames($,{[`${$}-rtl`]:I==="rtl",[`${$}-${R}`]:!!R,[`${$}-with-button`]:!!A},d),N=Object.assign(Object.assign({},S),{className:U,prefixCls:_,type:"search"}),k=J=>{P.current=!0,m==null||m(J)},W=J=>{P.current=!1,C==null||C(J)};return reactExports.createElement(Input$2,Object.assign({ref:composeRef(T,s),onPressEnter:O},N,{size:R,onCompositionStart:k,onCompositionEnd:W,addonAfter:q,suffix:v,onChange:B,disabled:x}))});var HIDDEN_TEXTAREA_STYLE=`
|
|
512
512
|
min-height:0 !important;
|
|
513
513
|
max-height:none !important;
|
|
514
514
|
height:0 !important;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pdfme/ui",
|
|
3
|
-
"version": "5.3.13-dev.
|
|
3
|
+
"version": "5.3.13-dev.78",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"author": "hand-dot",
|
|
6
6
|
"license": "MIT",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"react": "^16.14.0",
|
|
49
49
|
"react-dom": "^16.14.0",
|
|
50
50
|
"react-moveable": "^0.56.0",
|
|
51
|
-
"react-refresh": "^0.
|
|
51
|
+
"react-refresh": "^0.16.0",
|
|
52
52
|
"react-selecto": "^1.12.0"
|
|
53
53
|
},
|
|
54
54
|
"devDependencies": {
|
|
@@ -68,7 +68,9 @@
|
|
|
68
68
|
"is-path-inside": "^4.0.0",
|
|
69
69
|
"jest-canvas-mock": "^2.3.1",
|
|
70
70
|
"jest-environment-jsdom": "^29.7.0",
|
|
71
|
+
"postcss": "^8.5.3",
|
|
71
72
|
"process": "^0.11.10",
|
|
73
|
+
"rollup": "^4.36.0",
|
|
72
74
|
"vite": "^6.2.1",
|
|
73
75
|
"vite-plugin-css-injected-by-js": "^3.3.0",
|
|
74
76
|
"vite-tsconfig-paths": "^5.1.4"
|