npm - @kne-components/components-core - Versions diffs - 0.2.76 → 0.2.78 - Mend

@kne-components/components-core 0.2.76 → 0.2.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.

Files changed (155) hide show

package/build/static/js/4194.5560c9c7.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunk_kne_components_components_core=self.webpackChunk_kne_components_components_core\|\|[]).push([[330,2723,4194],{64690:(n,e,t)=>{t.r(e),t.d(e,{ConfirmButton:()=>i,ConfirmLink:()=>d,ConfirmText:()=>c,default:()=>p,withConfirm:()=>m});const a=n=>({"en-US":()=>t.e(3275).then(t.bind(t,63275)),"zh-CN":()=>t.e(5181).then(t.bind(t,25181))}[n]());var o=t(47458),l=(t(9056),t(12702)),r=t(74529),s=t.n(r);const i=(0,o.createWithLocale)({moduleName:"ConfirmButton",importMessages:a})(l.ConfirmButton),d=(0,o.createWithLocale)({moduleName:"ConfirmButton",importMessages:a})(l.ConfirmLink),c=(0,o.createWithLocale)({moduleName:"ConfirmButton",importMessages:a})(l.ConfirmText),m=s()((0,o.createWithLocale)({moduleName:"ConfirmButton",importMessages:a}),l.withConfirm),p=i},82723:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a.Content});var a=t(24614)},5633:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a.Descriptions});t(55664);var a=t(24614)},86454:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a.FetchButton});t(9056);var a=t(12702)},19343:(n,e,t)=>{t.r(e),t.d(e,{Download:()=>m,FileButton:()=>x,FileLink:()=>_,List:()=>v,OptionButtons:()=>y,default:()=>r(),downloadBlobFile:()=>l.downloadBlobFile,useDownload:()=>l.useDownload,useFileModal:()=>k});t(64674);var a=t(96418),o=t.n(a),l=t(96345),r=t.n(l),s=t(3382),i=t(83136),d=t.n(i),c=t(70579);l.Download.useDownload=l.useDownload,l.Download.downloadBlobFile=l.downloadBlobFile;const m=l.Download;var p=t(26304),u=t.n(p),h=t(74065),g=t.n(h),b=t(96252);const f=n=>{let{apis:e}=n;const t=(0,b.useFormModal)();return n=>{const a=t({size:"small",title:"\u4fee\u6539\u6587\u4ef6\u540d\u79f0",formProps:{data:{name:u()(n.filename.split(".")).join(".")},onSubmit:async t=>{!1!==((null===e\|\|void 0===e?void 0:e.onEdit)&&await(null===e\|\|void 0===e?void 0:e.onEdit({formData:Object.assign({},t,{name:`${t.name}.${g()(n.filename.split("."))}`}),item:n})))&&a.close()}},children:(0,c.jsx)(b.default,{column:1,list:[(0,c.jsx)(b.Input,{name:"name",label:"\u6587\u4ef6\u540d\u79f0",rule:"REQ LEN-0-100"})]})})}},y=n=>{var e;const t=f({apis:n.apis});return(0,c.jsx)(l.FileListOptionButtons,{...n,onEdit:t,onDelete:null===(e=n.apis)\|\|void 0===e?void 0:e.onDelete,renderModal:n=>{let{onCancel:e,...t}=n;return(0,c.jsx)(s.default,{...Object.assign({},t),onClose:e})}})},v=n=>{let{apis:e,...t}=n;const a=f({apis:e});return(0,c.jsx)(l.FileList,{...t,apis:e,onEdit:a,onDelete:null===e\|\|void 0===e?void 0:e.onDelete,renderModal:n=>{let{onCancel:e,...t}=n;return(0,c.jsx)(s.default,{...Object.assign({},t),onClose:e})}})},x=n=>(0,c.jsx)(l.FileButton,{...Object.assign({},n,{modalProps:{renderModal:n=>{let{onCancel:e,...t}=n;return(0,c.jsx)(s.default,{...Object.assign({},t),onClose:e})}}})}),_=n=>{const{className:e,...t}=Object.assign({},n);return(0,c.jsx)(x,{...t,className:d()(e,"btn-no-padding"),type:"link",children:t.children\|\|t.filename\|\|t.originName})},k=n=>{const{title:e,children:t,footer:a}=(0,l.useFileModalProps)(Object.assign({},n)),r=(0,s.useModal)();return o()((()=>r({title:e,children:t,footer:a})))}},24474:(n,e,t)=>{t.r(e),t.d(e,{DragArea:()=>J,DragAreaOuter:()=>K,DragButton:()=>W,FileUpload:()=>rn,Title:()=>R,UploadButton:()=>q,UploadTips:()=>X,default:()=>tn});var a=t(73884),o=t(33097),l=t.n(o),r=t(55199);const s="style_file-list-outer__wPhbb__jnrpB",i="style_file-list-title__zXM5r__jnrpB",d="style_container__P4RaF__jnrpB",c="style_file-preview-inner__cvE72__jnrpB",m="style_file-preview__M-Asq__jnrpB",p="style_drag-area__Q+lm7__jnrpB",u="style_upload-drag-close__u5o8W__jnrpB",h="style_upload-drag-tips__z7puZ__jnrpB",g="style_upload-drag-icon__sGGoS__jnrpB",b="style_upload-drag-title__9Afmb__jnrpB",f="style_upload-drag-text__o38vS__jnrpB",y="style_title-group__8IJkS__jnrpB",v="style_upload-btn__Q+Jxn__jnrpB",x="style_total-count__z1fyd__jnrpB",_="style_file-select__mHqyI__jnrpB",k="style_file-name__QkvMn__jnrpB",S="style_file-select-info__fOLiM__jnrpB",I="style_file-select-option__AbDrD__jnrpB";var N=t(75087),F=t.n(N),P=t(74065),C=t.n(P),B=t(57469),j=t.n(B),w=t(64671),T=t(19343),A=t(47458),E=t(70579);const L=n=>{let{currentTab:e,setCurrentTab:t,previewMap:a,previewList:o,getPermission:l,currentPreviewFileId:s,setCurrentPreviewFileId:d,itemApis:c,children:m,maxWidth:p,getPopupContainer:u}=n;return(0,E.jsx)("div",{className:i,children:(0,E.jsxs)(r.Row,{align:"middle",justify:"space-between",wrap:!1,children:[(0,E.jsx)(r.Col,{children:(0,E.jsxs)(r.Space,{className:y,size:4,children:[(0,E.jsx)(r.Segmented,{value:e,onChange:t,options:[{label:(0,E.jsxs)(r.Space,{size:4,children:[(0,E.jsx)(w.default,{type:"icon-shitu-liebiao"}),(0,E.jsx)(A.FormattedMessage,{id:"listText",moduleName:"FileList"})]}),value:"list"},{label:(0,E.jsxs)(r.Space,{size:4,children:[(0,E.jsx)(w.default,{type:"icon-shitu-yulan"}),(0,E.jsx)(A.FormattedMessage,{id:"previewText",moduleName:"FileList"})]}),value:"preview"}]}),"preview"===e&&s&&a.get(s)&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(r.Select,{className:_,variant:"borderless",popupMatchSelectWidth:!1,value:s,onChange:d,getPopupContainer:u,children:o.map((n=>{let{filename:e,userName:t,date:a,id:o}=n;return(0,E.jsx)(r.Select.Option,{className:I,value:o,children:(0,E.jsxs)(r.Space,{direction:"vertical",children:[(0,E.jsxs)(r.Space,{size:4,align:"start",children:[(0,E.jsx)(F(),{type:C()(e.split(".")),size:14}),(0,E.jsx)(r.Typography.Text,{className:k,ellipsis:!0,style:{"--max-width":`${p}px`},children:e})]}),t\|\|a?(0,E.jsxs)(r.Space,{className:S,size:24,children:[(0,E.jsxs)("div",{children:[(0,E.jsx)(A.FormattedMessage,{id:"uploadUser",moduleName:"FileList"}),":",t]}),(0,E.jsxs)("div",{children:[(0,E.jsx)(A.FormattedMessage,{id:"uploadTime",moduleName:"FileList"}),":",a&&j()(a).format("YYYY-MM-DD HH:mm:ss")]})]}):null]})},o)}))}),(0,E.jsx)(T.OptionButtons,{hasPreview:!1,getPermission:l,item:a.get(s),apis:c}),(0,E.jsx)("div",{className:x,children:(0,E.jsx)(A.FormattedMessage,{id:"totalCount",values:{count:o.length},moduleName:"FileList"})})]})]})}),(0,E.jsx)(r.Col,{children:m})]})})};L.defaultProps={maxWidth:260};const R=L,D=n=>({"en-US":()=>t.e(3333).then(t.bind(t,63333)),"zh-CN":()=>t.e(8795).then(t.bind(t,48795))}[n]());var M=t(70720),G=t.n(M),O=t(83136),z=t.n(O);const U=(0,a.createContext)({}),{Provider:V}=U,$=()=>(0,a.useContext)(U);var H=t(96345),Q=t(81348);const W=n=>{let{children:e}=n;const{onOpenChange:t,getDragButtonEl:a}=$();return(0,E.jsx)("div",{ref:a,className:v,onClick:()=>{t((n=>!n))},children:(0,E.jsxs)(r.Typography.Text,{className:"ant-btn",children:[(0,E.jsx)(w.default,{type:"icon-tuozhuaishangchuan"}),e\|\|(0,E.jsx)(A.FormattedMessage,{id:"dragText",moduleName:"FileList"})]})})},q=n=>{let{children:e}=n;const{accept:t,onFileSelected:a}=$();return(0,E.jsx)(H.FileInput,{className:z()(v,"btn-no-padding"),accept:t,multiple:!0,onChange:a,children:n=>{let{children:t,...a}=n;return(0,E.jsxs)(r.Button,{...a,type:"text",children:[(0,E.jsx)(w.default,{type:"icon-tianjia"}),e,t]})}})},K=n=>{let{title:e,accept:t,fileSize:o,maxLength:l,onFileSelected:i,children:c,className:m}=n;const[p,u]=(0,a.useState)(!1),h=(0,a.useRef)(null),g=G()((n=>{h.current&&(h.current.contains(n.target)\|\|n.target===h.current\|\|u(!1))}));return(0,E.jsx)(A.IntlProvider,{importMessages:D,moduleName:"FileList",children:(0,E.jsx)(V,{value:{open:p,onOpenChange:u,accept:t,fileSize:o,maxLength:l,onFileSelected:i,getDragButtonEl:n=>{h.current=n}},children:(0,E.jsxs)(r.Space,{className:s,direction:"vertical",children:[e,(0,E.jsx)("div",{className:z()(d,m),ref:g,onDragEnter:()=>{u(!0)},children:c})]})})})};K.defaultProps={fileSize:20,accept:[".png",".jpg",".pdf",".docx",".doc"]};const X=n=>{let{icon:e,title:t,renderTips:a}=n;const{accept:o,fileSize:l,maxLength:r}=$(),s=a((0,A.useIntl)({moduleName:"FileList"}).formatMessage({id:"dragTips"},{accept:o.map((n=>n.replace(/^\./,""))).join("\u3001"),size:l}),{fileSize:l,maxLength:r,accept:o});return(0,E.jsxs)("div",{className:z()(h,"upload-drag-tips"),children:[(0,E.jsx)("div",{className:g,children:e\|\|(0,E.jsx)(w.default,{type:"icon-shangchuan",size:64})}),(0,E.jsx)("div",{className:b,children:t\|\|(0,E.jsx)(A.FormattedMessage,{id:"dragTitle",moduleName:"FileList"})}),(0,E.jsx)("div",{className:f,children:s})]})};X.defaultProps={renderTips:n=>n};const Y=n=>{let{children:e,className:t}=n;const{open:a,accept:o,onOpenChange:l,onFileSelected:s}=$();return a?(0,E.jsxs)("div",{className:z()(p,t),onDragOver:n=>{n.stopPropagation(),n.preventDefault(),n.dataTransfer.dropEffect="copy"},onDrop:n=>{if(n.stopPropagation(),n.preventDefault(),0===n.dataTransfer.files.length)return;l(!1);const e=Array.from(n.dataTransfer.files).filter((n=>(0,Q.A)(n,o)));s(e)},onDragEnd:()=>{l(!1)},children:[(0,E.jsx)(r.Button,{className:u,type:"text",shape:"circle",size:"small",icon:(0,E.jsx)(w.default,{type:"icon-close-bold"}),onClick:()=>{l(!1)}}),e]}):null};Y.defaultProps={children:(0,E.jsx)(X,{})};const J=Y;var Z=t(50196),nn=t(63908);const en=n=>{var e;let{maxLength:t,list:o,setList:s,defaultTab:i,defaultPreviewFileId:d,apis:p,getPermission:u,titleExtra:h,fileSize:g,accept:b,getPopupContainer:f}=n;const{apis:y}=(0,nn.usePreset)(),v=Object.assign({},y,p),x=(o\|\|[]).map((n=>Object.assign({},{id:n.ossId},n))),{fileList:_,onFileSelected:k}=(0,H.useFileUpload)({maxLength:t,multiple:!0,value:x,onChange:s,concurrentCount:1,onAdd:()=>{I("list")},onSave:function(){return v.onSave(...arguments).then((n=>Object.assign({},{id:n.ossId},n)))},onUpload:v.ossUpload}),[S,I]=(0,a.useState)(i),{formatMessage:N}=(0,A.useIntl)({moduleName:"FileList"}),{message:F}=r.App.useApp(),P=(0,a.useMemo)((()=>new Map(x.map((n=>[n.id,n])))),[x]),[C,B]=(0,a.useState)(d\|\|l()(x,"[0].id",null));(0,a.useEffect)((()=>{C&&P.get(C)\|\|B(l()(x,"[0].id",null))}),[x,P,C]);const j={onPreview:n=>{B(n.id),I("preview")},onDelete:async n=>{v.onDelete&&await v.onDelete(n),s((e=>{const t=e.slice(0),a=e.findIndex((e=>{let{id:t}=e;return t===n.id}));return a>-1&&t.splice(a,1),t})),F.success(N({id:"successDelete"},{name:n.filename}))},onEdit:async n=>{let{formData:e,item:t}=n;v.onEdit&&await v.onEdit({formData:e,item:t}),s((n=>{const a=n.slice(0),o=n.findIndex((n=>{let{id:e}=n;return e===t.id}));return o>-1&&a.splice(o,1,Object.assign({},t,{filename:e.name})),a})),F.success(N({id:"successEditFileName"},{name:t.filename}))}},w="function"===typeof h?h({currentPreviewFileId:C,currentTab:S}):h;return(0,E.jsxs)(K,{title:(0,E.jsx)(R,{currentTab:S,setCurrentTab:I,previewMap:P,previewList:x,getPermission:u,currentPreviewFileId:C,setCurrentPreviewFileId:B,itemApis:j,getPopupContainer:f,children:(0,E.jsxs)(r.Space,{split:(0,E.jsx)(r.Divider,{type:"vertical"}),children:[w,u("add",{})?(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(W,{children:(0,E.jsx)(A.FormattedMessage,{id:"dragText",moduleName:"FileList"})}),(0,E.jsx)(q,{children:(0,E.jsx)(A.FormattedMessage,{id:"uploadFile",moduleName:"FileList"})})]}):null]})}),fileSize:g,maxLength:t,onFileSelected:k,accept:b,children:["list"===S?(0,E.jsx)(T.List,{dataSource:[...x,..._],getPermission:u,apis:j}):null,"preview"===S?C?(0,E.jsx)("div",{className:c,children:(0,E.jsx)(Z.default,{className:m,id:C,apis:v,originName:null===(e=P.get(C))\|\|void 0===e?void 0:e.filename})}):(0,E.jsx)(r.Empty,{image:r.Empty.PRESENTED_IMAGE_SIMPLE,className:"ant-empty-normal"}):null,(0,E.jsx)(J,{})]})};en.defaultProps={defaultTab:"list",titleExtra:null,accept:[".png",".jpg",".pdf",".docx",".doc"],fileSize:20,maxLength:Number.MAX_VALUE,getPermission:()=>!0};const tn=n=>(0,E.jsx)(A.IntlProvider,{importMessages:D,moduleName:"FileList",children:(0,E.jsx)(en,{...n})});var an=t(10986),on=t.n(an);const ln=n=>{let{maxLength:e,apis:t,getPermission:a,fileSize:o,accept:l,...s}=n;const{apis:i}=(0,nn.usePreset)(),d=Object.assign({},i,t),[c,m]=on()(s,{defaultValue:"defaultList",value:"list",onChange:"setList"}),{fileList:p,onFileSelected:u}=(0,H.useFileUpload)({maxLength:e,multiple:!0,value:c,onChange:m,concurrentCount:1,onSave:function(){return d.onSave(...arguments).then((n=>Object.assign({},{id:n.ossId},n)))},onUpload:d.ossUpload});return(0,E.jsxs)(K,{title:(0,E.jsxs)(r.Row,{children:[(0,E.jsx)(r.Col,{flex:1}),(0,E.jsx)(r.Col,{children:(0,E.jsxs)(r.Space,{split:(0,E.jsx)(r.Divider,{type:"vertical"}),children:[(0,E.jsx)(W,{}),(0,E.jsx)(q,{children:"\u4e0a\u4f20"})]})})]}),fileSize:o,maxLength:e,onFileSelected:u,accept:l,children:[(0,E.jsx)(T.List,{dataSource:[...p,...c],getPermission:a,apis:d}),(0,E.jsx)(J,{})]})};ln.defaultProps={accept:[".png",".jpg",".pdf",".docx",".doc"],defaultList:[],fileSize:20,maxLength:Number.MAX_VALUE,getPermission:()=>!0};const rn=ln},50196:(n,e,t)=>{t.r(e),t.d(e,{AudioPreview:()=>a.AudioPreview,HtmlPreview:()=>a.HtmlPreview,ImagePreview:()=>a.ImagePreview,OSSFilePreview:()=>a.OSSFilePreview,OfficePreview:()=>a.OfficePreview,PdfPreview:()=>a.PdfPreview,TextPreview:()=>a.TextPreview,UnknownPreview:()=>a.UnknownPreview,VideoPreview:()=>a.VideoPreview,default:()=>a.FilePreview});t(64674);var a=t(96345)},330:(n,e,t)=>{t.r(e),t.d(e,{FlexBoxFetch:()=>a.FlexBoxFetch,default:()=>l,useFlexBox:()=>a.useFlexBox});var a=t(29871),o=t.n(a);o().Fetch=a.FlexBoxFetch;const l=o()},45053:(n,e,t)=>{t.d(e,{A:()=>u});var a=t(98434),o=t(55199),l=t(73884),r=t(83136),s=t.n(r),i=t(70720),d=t.n(i),c=t(47094),m=t(70579);const p=n=>{let{name:e,groupName:t,overlayClassName:r,errorRender:i,groupIndex:p,children:u}=n;const h=(n=>{let{name:e,groupName:t,groupIndex:o}=n;const{emitter:r,formState:s}=(0,a.useFormContext)(),i=(0,l.useRef)({name:e,groupName:t,groupIndex:o});i.current={name:e,groupName:t,groupIndex:o};const d=(0,l.useRef)(s);d.current=s;const[c,m]=(0,l.useState)(null);return(0,l.useEffect)((()=>{const n=r.addListener("form-field-validate-complete",(n=>{let{id:e,validate:t}=n;const o=d.current[e];if(!o)return;const l=i.current;o.name!==l.name\|\|l.groupName&&(o.groupName!==l.groupName\|\|o.groupIndex!==l.groupIndex)\|\|m(2===t.status?Object.assign({},t,{label:o.label,errMsg:a.util.compileErrMsg(t.msg,o.label)}):null)}));return()=>{n&&n.remove()}}),[r]),c})({name:e,groupName:t,groupIndex:p}),[g,b]=(0,l.useState)(!1),f=h&&g&&i(Object.assign({},h,{closeHover:()=>b(!1)})),y=(0,l.useRef)(null),v=(0,l.useRef)(null);d()((()=>{b(!1)})).current={contains:n=>y.current.contains(n)\|\|v.current&&v.current.contains(n)};const[x,_]=(0,l.useState)(0);return(0,l.useLayoutEffect)((()=>{const n=()=>{const n=y.current.querySelector(".react-form__field-component");n&&_(n.clientWidth)};n();const e=new ResizeObserver(n);e.observe(y.current);const t=new MutationObserver(n);return t.observe(y.current,{subtree:!0,childList:!0}),()=>{t.disconnect(),e.disconnect()}}),[]),(0,m.jsx)(o.Popover,{open:!!f,overlayClassName:s()(r,c.A["error-tip-overlay"]),content:f&&(0,m.jsx)("div",{ref:v,style:{width:x},className:s()(c.A["error-tip-overlay-content"]),children:f}),placement:"bottom",transitionName:"ant-slide-up",arrow:!1,children:(0,m.jsx)("div",{className:s()("error-tip"),ref:y,onMouseEnter:()=>{b(!0)},children:u})})};p.defaultProps={errorRender:()=>null};const u=p},83560:(n,e,t)=>{t.d(e,{A:()=>h});var a=t(55199),o=t(98434),l=t(63361),r=t(73884),s=t(10486),i=t(21554),d=t(64671),c=t(83136),m=t.n(c),p=t(47094),u=t(70579);const h=n=>{let{list:e,groupArgs:t,itemRender:c}=n;const h=(0,o.useFormContext)(),g=Object.assign({},h,t?{groupArgs:t}:{}),b=(0,r.useRef)(null),[f,y]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{y(!0)}),[]),(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("div",{ref:b,style:{display:"none"}}),e.filter((n=>"function"===typeof n.props.display?n.props.display(g):!1!==n.props.display)).map(((n,o)=>{const h=n.props.name+o\|\|t&&t[0]+o\|\|o,y={key:h,list:e,props:n.props},v=Object.assign({},n.props),x=n.type;["display","block","hidden","setExtraProps","isBlock","featureId"].forEach((e=>{n.props.hasOwnProperty(e)&&(y[e]=n.props[e]),delete v[e]})),y.hasOwnProperty("isBlock")&&(v.block=y.isBlock);const _=(0,u.jsx)(x,{...Object.assign({},v,"function"===typeof y.setExtraProps?y.setExtraProps({props:v,contextApi:g}):{}),onChange:function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];return n.props.onChange&&n.props.onChange(...t,g)}}),k=y.hidden?f&&(0,s.createPortal)(_,b.current):c(y.tips?(0,u.jsxs)(a.Row,{gutter:8,align:"top",children:[(0,u.jsx)(a.Col,{flex:1,children:_}),(0,u.jsx)(a.Col,{children:(0,u.jsx)(i.default,{content:y.tips,children:(0,u.jsx)("span",{className:m()(p.A["field-tips"],{[p.A["label-hidden"]]:v.labelHidden}),children:(0,u.jsx)(d.default,{type:"icon-xinxi-miaobian"})})})})]}):_,y);return(0,u.jsx)(r.Fragment,{children:y.hasOwnProperty("featureId")?(0,u.jsx)(l.default,{id:y.featureId,children:k},h):k},h)}))]})}},85696:(n,e,t)=>{t.d(e,{A:()=>x});var a=t(73884),o=t(63908),l=t(33097),r=t.n(l),s=t(64261),i=t(47458),d=t(55431),c=t(46237),m=t(41381),p=t(46732),u=t(98434),h=t(83136),g=t.n(h),b=t(47094),f=t(70579);const y=n=>{let{children:e}=n;const[t,l]=(0,a.useState)(!1),i=(0,o.usePreset)(),d=r()(i,"formInfo",{}),c=r()(i,"locale");return(0,a.useEffect)((()=>{Promise.resolve((0,s.A)(d,{locale:c})).then((()=>{l(!0)}))}),[d,c]),t?e:null},v=(0,a.forwardRef)(((n,e)=>{let{className:t,helperGuideName:a,children:o,lang:l,...r}=n;return(0,f.jsx)(i.IntlProvider,{importMessages:d.A,moduleName:"FormInfo",children:(0,f.jsx)(c.Ay,{value:l,children:(0,f.jsx)(p.K,{value:a,children:(0,f.jsx)(u.FormAntd,{...r,ref:e,className:g()(t,b.A["form-outer"]),children:(0,f.jsx)(y,{children:(0,f.jsx)(m.default,{children:o})})})})})})}));v.defaultProps={type:"inner"};const x=v},35774:(n,e,t)=>{t.d(e,{A:()=>r});var a=t(98434),o=t(81014),l=t(70579);const r=n=>{let{onClick:e,...t}=n;const r=(0,a.useFormContext)();return(0,l.jsx)(o.default,{...t,onClick:n=>e(r,n)})}},48221:(n,e,t)=>{t.d(e,{Ay:()=>i,WJ:()=>c,Xy:()=>d});var a=t(25963),o=t(73025),l=t(47094),r=t(76995),s=t(70579);const i=n=>(0,s.jsx)(a.default,{...(0,r.A)(Object.assign({},n,{className:l.A["form-drawer"]}))}),d=()=>{const n=(0,a.useDrawer)();return e=>n((0,r.A)(Object.assign({},e,{className:l.A["form-drawer"]})))},c=n=>{const e=d();return(0,s.jsx)(o.A,{...n,modalFunc:e})}},2196:(n,e,t)=>{t.d(e,{A:()=>u});var a=t(55199),o=t(73884),l=t(41381),r=t(330),s=t(83560),i=t(47094),d=t(83136),c=t.n(d),m=t(70579);const p=n=>{let{list:e,groupArgs:t,column:l,gap:d,className:p,outer:u,...h}=n;const g=!(Number.isInteger(l)&&l>0),{ref:b,column:f}=(0,r.useFlexBox)(g?l:{}),y=(n,o)=>(0,m.jsx)(a.Row,{gutter:[d\|\|24,0],className:c()({[i.A["column-not-layout"]]:o}),children:(0,m.jsx)(s.A,{list:e,groupArgs:t,itemRender:(e,t)=>(0,m.jsx)(a.Col,{span:!0===t.block?24:Math.round(24/(n\|\|1)),children:e})})});return(0,o.cloneElement)(u,Object.assign({},h,{className:c()(p,i.A["form-info"])}),(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)("div",{ref:b}),g?f?y(f.col):y(2,!0):y(l)]}))};p.defaultProps={column:2,list:[],outer:(0,m.jsx)(l.default.Part,{})};const u=p},30891:(n,e,t)=>{t.d(e,{A:()=>o});var a=t(98434);const o=n=>{let{children:e}=n;const{openApi:t,formData:o}=(0,a.useFormContext)();return e({...t,formData:o})}},46237:(n,e,t)=>{t.d(e,{Ay:()=>i,oc:()=>s});var a=t(73884);const o=(0,a.createContext)([]),{Provider:l,Consumer:r}=o,s=()=>(0,a.useContext)(o),i=l},5995:(n,e,t)=>{t.d(e,{Ay:()=>d,Vl:()=>c,W6:()=>m});var a=t(3382),o=t(73025),l=t(55199),r=t(76995),s=t(47094),i=t(70579);const d=n=>(0,i.jsx)(a.default,{...(0,r.A)(Object.assign({},n,{className:s.A["form-modal"]}))}),c=()=>{const n=(0,a.useModal)();return e=>n((0,r.A)(Object.assign({},e,{className:s.A["form-modal"]})))},m=n=>{let{classNames:e,...t}=n;const a=c();if(!t.api){const{modalProps:n,...e}=t;return(0,i.jsx)(l.Button,{...e,onClick:()=>{a(n)}})}return(0,i.jsx)(o.A,{...t,modalFunc:a})}},94005:(n,e,t)=>{t.d(e,{$X:()=>f,Ay:()=>b,Wp:()=>y});var a=t(3382),o=t(73884),l=t(98434),r=t(73025),s=t(47458),i=t(47094),d=t(55431),c=t(55199),m=t(76995),p=t(70579);const u="FormInfo",h=n=>{let{items:e,children:t}=n;const[a,l]=(0,o.useState)(0);return t({currentIndex:a,setCurrentIndex:l,stepCacheRef:(0,o.useRef)({}),isLastStep:a===e.length-1,currentProps:Object.assign({},e[a])})},g=n=>{let{footerButtons:e,cancelText:t,completeText:a,nextText:o,items:r,withDecorator:g,...b}=n;return(0,m.A)(Object.assign({},b,{footerButtons:n=>{let{currentIndex:e,isLastStep:i}=n;const{footerButtons:c}=Object.assign({},r[e]);return c\|\|[{children:(0,p.jsx)(s.IntlProvider,{importMessages:d.A,moduleName:u,children:t\|\|(0,p.jsx)(s.FormattedMessage,{id:"Cancel",moduleName:u})}),ButtonComponent:l.CancelButton},{type:"primary",children:(0,p.jsx)(s.IntlProvider,{importMessages:d.A,moduleName:u,children:i?a\|\|(0,p.jsx)(s.FormattedMessage,{id:"Complete",moduleName:u}):o\|\|(0,p.jsx)(s.FormattedMessage,{id:"Next",moduleName:u})}),ButtonComponent:l.SubmitButton,autoClose:!1}]},withDecorator:(n,e)=>{const t=e=>(0,p.jsx)(h,{items:r,children:t=>{var a;let{currentIndex:o,isLastStep:l,setCurrentIndex:s,currentProps:d,stepCacheRef:m}=t;const{formProps:u,title:h,...g}=d,{onSubmit:f,...y}="function"===typeof u?u(e):u,v=Object.assign({},y.data,null===(a=m.current[o])\|\|void 0===a?void 0:a.data);return n(Object.assign({},e,g,{currentIndex:o,isLastStep:l,setCurrentIndex:s,stepCacheRef:m,stepSection:(0,p.jsx)(c.Steps,{className:i.A["form-step-section"],current:o,items:r.map((n=>{let{title:e}=n;return{title:e}}))}),formProps:Object.assign({},y,{key:o,data:v,onSubmit:async function(n){m.current[o]={data:n};for(var t=arguments.length,a=new Array(t>1?t-1:0),r=1;r<t;r++)a[r-1]=arguments[r];const i=f&&await f(n,Object.assign({},e,{currentIndex:o,isLastStep:l,setCurrentIndex:s,currentProps:d,stepCacheRef:m}),...a);return b.autoClose&&!l&&!1!==i&&s((n=>n+1)),!!l&&i}})}))}});return"function"===typeof g?g(t,e):t(e)},formProps:n=>{let{formProps:e,...t}=n;return Object.assign({},t,e)},children:n=>{let{children:e,stepSection:t,...a}=n;return(0,p.jsxs)(c.Flex,{vertical:!0,gap:24,children:[(0,p.jsx)(c.Flex,{justify:"center",children:t}),"function"===typeof e?e(a):e]})}}))},b=n=>(0,p.jsx)(a.default,{...g(Object.assign({},n,{className:i.A["form-modal"]}))}),f=()=>{const n=(0,a.useModal)();return e=>n(g(Object.assign({},e,{className:i.A["form-modal"]})))},y=n=>{const e=f();if(!n.api){const{modalProps:t,...a}=n;return(0,p.jsx)(c.Button,{...a,onClick:()=>{e(t)}})}return(0,p.jsx)(r.A,{...n,modalFunc:e})}},46732:(n,e,t)=>{t.d(e,{A:()=>c,K:()=>d});var a=t(75363),o=t(73884),l=t(98434),r=t(47094),s=t(70579);const i=(0,o.createContext)(""),{Provider:d}=i,c=n=>{let{name:e}=n;const t=(0,o.useContext)(i),d=(0,l.useGroup)();return t&&(0,s.jsx)(a.default,{className:r.A["helper-guide-field"],name:t+"-"+(d.name?d.name+"-":"")+e})}},85846:(n,e,t)=>{t.d(e,{A:()=>v});var a=t(73884),o=t(55199),l=t(64690),r=t(64671),s=t(41381),i=t(98434),d=t(2196),c=t(83136),m=t.n(c),p=t(55431),u=t(47458),h=t(33097),g=t.n(h),b=t(47094),f=t(70579);const y=(0,u.createWithIntl)({moduleName:"FormInfo",importMessages:p.A})((n=>{let{title:e,addText:t,minLength:s,isUnshift:c,maxLength:p,defaultLength:h,label:y,name:v,beforeAdd:x,afterDelete:_,column:k,list:S,listRender:I,itemTitle:N,outer:F,renderChildren:P,className:C,important:B,deleteButtonProps:j}=n;const w=(0,a.useRef)(null),T=(0,i.useFormContext)(),{formData:A}=T,E=!(p&&p<=g()(A,`${v}.length`,0)),{formatMessage:L}=(0,u.useIntl)({moduleName:"FormInfo"}),R=()=>{"function"===typeof x&&!1===x(v,T,{isUnshift:c,group:w.current})\|\|w.current.onAdd({isUnshift:c})};return(0,f.jsxs)(f.Fragment,{children:[(0,a.cloneElement)(F,{title:e,addText:t,className:m()(C,b.A["list-part"]),allowAdd:c&&E,add:R},P((0,f.jsx)(i.GroupList,{name:v,defaultLength:h,ref:w,children:function(){for(var n=arguments.length,t=new Array(n),a=0;a<n;a++)t[a]=arguments[a];const{id:i,index:c,onRemove:p,length:h}=(n=>{if("object"===typeof n[0])return n[0];const[e,{index:t,onRemove:a,length:o}]=n;return{id:e,index:t,onRemove:a,length:o}})(t),g={key:i,column:k,list:"function"===typeof S?S(...t,T):S,title:"function"===typeof N?N({index:c,key:i,onRemove:p}):N,groupArgs:t,extra:(0,f.jsx)(u.FormattedMessage,{id:"delText",moduleName:"FormInfo",children:n=>s&&s>=h?null:(0,f.jsx)(l.default,{danger:!0,className:"btn-no-padding",message:L({id:"delConfirm"},{name:y\|\|e}),type:"link",onClick:()=>{p(i),_&&_(...t,T)},...Object.assign({},j),children:null!==j&&void 0!==j&&j.children?null===j\|\|void 0===j?void 0:j.children:(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(r.default,{type:"icon-shanchu"}),n]})})})};return(0,f.jsxs)("div",{className:m()(b.A["list-item"],{[b.A["is-important"]]:B}),children:["function"===typeof I?I(g):(0,f.jsx)(d.A,{...g,className:b.A["list-item-part"],gap:16}),(0,f.jsx)(o.Divider,{})]},i)}}))),!c&&E?(0,f.jsx)(u.FormattedMessage,{id:"addText",moduleName:"FormInfo",children:n=>(0,f.jsxs)(o.Button,{onClick:R,children:[(0,f.jsx)(r.default,{type:"icon-tianjia"}),t\|\|n]})}):null]})}));y.defaultProps={minLength:0,isUnshift:!0,defaultLength:1,outer:(0,f.jsx)((n=>{let{add:e,addText:t,className:a,allowAdd:l,...i}=n;return(0,f.jsx)(s.default.Part,{...i,className:a,extra:l&&(0,f.jsx)(u.FormattedMessage,{id:"addText",moduleName:"FormInfo",children:n=>(0,f.jsxs)(o.Typography.Text,{className:b.A["list-btn"],onClick:e,children:[(0,f.jsx)(r.default,{type:"icon-tianjia"}),t\|\|n]})})})}),{}),renderChildren:n=>n};const v=y},97949:(n,e,t)=>{t.d(e,{A:()=>h});var a=t(73884),o=t(55199),l=t(98434),r=t(64671),s=t(33097),i=t.n(s),d=t(47094),c=t(83136),m=t.n(c),p=t(70579);const u=n=>{let{name:e,label:t,rule:s,field:c,defaultLength:u,minLength:h,maxLength:g,...b}=n;const f=(0,a.useRef)(null),y=c,v=(0,l.useFormContext)(),{formData:x}=v,_=!(g&&g<=i()(x,`${e}.length`,0));return(0,p.jsxs)("div",{className:m()(d.A["mult-field"],"mult-field"),children:[(0,p.jsx)(l.GroupList,{ref:f,name:e,defaultLength:Math.max(u,h,1),children:function(){for(var n=arguments.length,a=new Array(n),l=0;l<n;l++)a[l]=arguments[l];const{id:i,index:c,onRemove:u,length:g}=(n=>{if("object"===typeof n[0])return n[0];const[e,{index:t,onRemove:a,length:o}]=n;return{id:e,index:t,onRemove:a,length:o}})(a);return(0,p.jsxs)("div",{className:m()(d.A["mult-field-item"],"mult-field-item",{[d.A["first-item"]]:0===c}),children:[(0,p.jsx)(y,{...b,name:e,label:t,rule:s}),(0,p.jsxs)("div",{children:[(0,p.jsx)("div",{className:m()(d.A["react-form__field-label"],"react-form__field-label","mult-field-delete--label")}),(0,p.jsx)(o.Button,{icon:(0,p.jsx)(r.default,{type:"shanchu"}),onClick:u,disabled:g<=Math.max(h,1)})]})]},i)}}),_&&(0,p.jsxs)(o.Button,{className:d.A["mult-field-add-btn"],type:"dashed",onClick:()=>f.current.onAdd(),children:[(0,p.jsx)(r.default,{type:"tianjia"}),"\u6dfb\u52a0",t]})]})};u.defaultProps={minLength:1,defaultLength:1};const h=u},18936:(n,e,t)=>{t.d(e,{A:()=>E});const a={"ant-tag":"style_ant-tag__7ct2q__jnrpB",overlay:"style_overlay__CXfU5__jnrpB",input:"style_input__+OpvV__jnrpB","is-disabled":"style_is-disabled__uX4qq__jnrpB","input-icon":"style_input-icon__E3NjK__jnrpB",large:"style_large__vMozz__jnrpB",small:"style_small__ubqQ+__jnrpB","input-inner":"style_input-inner__sY-6k__jnrpB","input-custom":"style_input-custom__Kxq3n__jnrpB","display-content":"style_display-content__qA1jn__jnrpB","overlay-footer-extra":"style_overlay-footer-extra__yCzWX__jnrpB","selected-tag":"style_selected-tag__BZsMM__jnrpB","selected-tag-list":"style_selected-tag-list__As0ho__jnrpB","selected-tag-inner":"style_selected-tag-inner__2NH59__jnrpB","text-inner":"style_text-inner__Bq2Ji__jnrpB",placeholder:"style_placeholder__odotY__jnrpB","is-modal":"style_is-modal__4cj8L__jnrpB","overlay-content":"style_overlay-content__kpGRn__jnrpB"};var o=t(74981);const{context:l,useContext:r,Provider:s,Consumer:i}=(0,o.A)();var d=t(73884),c=t(10986),m=t.n(c),p=t(87558),u=t(33097),h=t.n(u),g=t(55199),b=t(83136),f=t.n(b),y=t(3382),v=t(64671),x=t(79686),_=t.n(x),k=t(41740),S=t.n(k),I=t(74065),N=t.n(I),F=t(17342),P=t(70579);const C=n=>{let{maxLength:e,single:t,setValue:a,value:o,message:l}=n;return n=>a(!t&&Number.isInteger(e)&&e>0&&n.length>e?(l(`\u6700\u591a\u9009\u62e9${e}\u4e2a`),o):n)},B=n=>{let{single:e,value:t,mapping:o,onClose:l}=n;return t&&Array.isArray(t)&&0!==t.length?e?(0,P.jsx)("span",{className:a["text-inner"],children:h()(o.get(t[0]),"label")\|\|t[0]}):t.map((n=>{const e=o.get(n);return(0,P.jsx)(g.Tag,{className:a["display-tag"],closable:!0,onClose:t=>{t.preventDefault(),l(n,e)},children:(0,P.jsx)("span",{className:a["tag-inner"],children:h()(e,"label")\|\|n})},n)})):null},j=(0,d.forwardRef)(((n,e)=>{let{value:t,onChange:o,extra:l,showSelectedTag:r,renderSelectedContent:s,children:i,...c}=n;const[m,p]=(0,d.useState)(t),u=(0,d.useRef)(t);u.current=t;const[h,b]=(0,d.useState)(!1),{message:f}=g.App.useApp(),v=C({maxLength:c.maxLength,single:c.single,setValue:p,value:m,message:f.error});return(0,d.useEffect)((()=>{h&&p(u.current)}),[h]),(0,d.useImperativeHandle)(e,(()=>({modalOpen:()=>{b(!0)},close:()=>{b(!1)}}))),(0,P.jsx)(y.default,{...c,open:h,onConfirm:()=>{o(m)},onClose:()=>{b(!1)},footer:(r\|\|l)&&(0,P.jsxs)(g.Space,{direction:"vertical",className:a["overlay-footer"],children:[l&&(0,P.jsx)("div",{className:a["overlay-footer-extra"],children:l}),r&&s({value:m,setValue:v})]}),children:"function"===typeof i?i({value:m,setValue:v}):i})})),w=(0,d.forwardRef)(((n,e)=>{let{value:t,setValue:o,children:l,renderSelectedContent:r,showSelectedTag:s,placement:i,inputContent:c,single:m,extra:p,overlayWidth:u,wrapClassName:h,...b}=n;const[f,y]=(0,d.useState)(!1);return(0,d.useImperativeHandle)(e,(()=>({close:()=>{y(!1)}})),[]),(0,P.jsx)(g.Popover,{...b,open:f,onOpenChange:y,overlayClassName:a.overlay,arrow:!1,content:(0,P.jsxs)("div",{style:u?{"--overlay-width":u}:{},className:a["overlay-content"],onClick:n=>{n.stopPropagation()},children:[(0,P.jsx)("div",{className:a["overlay-inner"],children:"function"===typeof l?l({value:t,setValue:n=>{(!m\|\|t[0]!==n[0])&&o(n),m&&y(!1)}}):l}),(s\|\|p)&&(0,P.jsxs)("div",{className:a["overlay-footer"],children:[p&&(0,P.jsx)("div",{className:a["overlay-footer-extra"],children:p}),s&&r({value:t,setValue:o})]})]}),trigger:"click",placement:i,children:(0,P.jsx)("div",{className:a["input-inner"],children:c})})})),T=(0,p.withFetch)((n=>{let{setFetchApi:e,wrapClassName:t,...o}=n;const[l,s]=(0,d.useState)(!1),i=(0,d.useRef)(null),c=(0,d.useRef)(null),m=r(),{valueState:p,mapping:u,props:h}=m,[b,y]=p,{single:x,placement:_,getPopupContainer:k,placeholder:S,isPopup:I,disabled:N,showSelectedTag:C,extra:T,inputContent:A}=h,E=(0,d.useRef)(o);E.current=o,(0,d.useEffect)((()=>{e(Object.assign({},E.current,{data:o.data,isComplete:o.isComplete}))}),[o.data,e,o.isComplete]);const L=B({single:x,value:b,mapping:u,onClose:n=>{y((e=>{const t=e.slice(0),a=e.indexOf(n);return a>-1&&t.splice(a,1),t}))}}),R=n=>{let{value:e,setValue:t}=n;return(0,P.jsxs)(g.Space,{className:a["selected-tag"],align:"center",wrap:!0,children:[(0,P.jsxs)("div",{children:["\u5df2\u9009",!h.single&&Number.isInteger(h.maxLength)&&h.maxLength>0?`(${e.length}/${h.maxLength})`:"",":"]}),(0,P.jsx)(F.A,{className:a["selected-tag-list"],children:(0,P.jsx)("div",{className:a["selected-tag-inner"],children:B({value:e,mapping:u,onClose:n=>{t((e=>{const t=e.slice(0),a=e.indexOf(n);return a>-1&&t.splice(a,1),t}))}})})})]})},D=A?A(m):(0,P.jsxs)(g.Space,{className:a["display-content"],onMouseOver:()=>{s(!0)},onMouseOut:()=>{s(!1)},children:[(0,P.jsx)("div",{children:L\|\|(0,P.jsx)("span",{className:a.placeholder,children:S})}),l&&b&&b.length>0&&!N?(0,P.jsx)(v.default,{className:f()(a.close,a["input-icon"],"close","input-icon"),type:"icon-shibai",onClick:n=>{n.stopPropagation(),y([])}}):(0,P.jsx)(v.default,{className:f()(a["input-icon"],"input-icon-arrow","input-icon"),type:"icon-arrow-thin-down"})]});return I?(0,P.jsx)(w,{ref:c,overlayWidth:h.overlayWidth,value:b,setValue:y,single:x,inputContent:D,extra:"function"===typeof T?T({close:()=>c.current.close(),context:m}):T,renderSelectedContent:R,showSelectedTag:C,trigger:"click",placement:_,getPopupContainer:k,children:h.children}):(0,P.jsxs)("div",{className:a["input-inner"],onClick:()=>{i.current.modalOpen()},children:[(0,P.jsx)(j,{size:h.modalSize,ref:i,single:h.single,maxLength:h.maxLength,disabledScroller:!0,wrapClassName:f()(a.overlay,a["is-modal"],t),title:h.placeholder,value:b,onChange:y,extra:"function"===typeof T?T({close:()=>i.current.close(),context:m}):T,showSelectedTag:C,renderSelectedContent:R,children:h.children}),D]})})),A=n=>{let{api:e,className:t,displayItems:o,wrapClassName:l,...r}=n;const[i,c]=(0,d.useState)(""),[p,u]=(0,d.useState)(new Map(o.map((n=>[n.value,n])))),[b,y]=(0,d.useState)({}),{message:v}=g.App.useApp(),x=n=>{const e=n.filter((n=>p.get(n.value)!==n));0!==e.length&&u((n=>{const t=S()(n);return e.forEach((n=>{t.set(n.value,n)})),t}))},k=n=>((n,e,t)=>"all"!==t?n:(e(n),n.map((n=>n.value))))(r.single?_()(n)?[]:[n]:n\|\|[],x,r.valueType),[I,F]=m()(Object.assign({},r,{onChange:n=>{const e=((n,e,t)=>"all"!==t?n:n.map((n=>e.get(n))))(n,p,r.valueType);r.onChange&&r.onChange(r.single?N()(e):e)}},"value"in r?{value:k(r.value)}:{defaultValue:k(r.defaultValue)})),B=C({maxLength:r.maxLength,single:r.single,setValue:F,value:I,message:v.error});return(0,P.jsx)(s,{value:{mapping:p,searchText:i,setSearchText:c,appendMapping:x,setItems:n=>{b.setData(n),x(h()(r.dataFormat(n),"list",[]))},fetchApi:b,valueState:[I,B],props:r},children:(0,P.jsx)("div",{className:f()(a["input"+(r.inputContent&&"function"===typeof r.inputContent?"-custom":"")],t),children:(0,P.jsx)(T,{...e,wrapClassName:l,loading:null,setFetchApi:y,onRequestSuccess:n=>{x(h()(r.dataFormat(n),"list",[])),e.onRequestSuccess&&e.onRequestSuccess(n)}})})})};A.defaultProps={placeholder:"\u8bf7\u9009\u62e9",displayItems:[],extra:null,api:{loader:()=>[]},dataFormat:n=>({list:n}),placement:"bottomLeft",getPopupContainer:null,showSelectedTag:!0},A.useContext=r;const E=A},97056:(n,e,t)=>{t.d(e,{A:()=>h});var a=t(85846),o=t(83560),l=t(55199),r=t(41740),s=t.n(r),i=t(73884),d=t(83136),c=t.n(d),m=t(47094),p=t(70579);const u=(0,i.forwardRef)(((n,e)=>{const[t,a]=(0,i.useState)(new Map);return(0,i.useImperativeHandle)(e,(()=>n=>{setTimeout((()=>{a((e=>{if(e.has(n.key))return e;const t=s()(e);return t.set(n.key,n.props),t}))}))}),[]),(0,p.jsxs)(l.Row,{wrap:!1,className:m.A["table-list-header"],style:{"--col-width":100/t.size+"%"},children:[Array.from(t).map((n=>{let[e,{label:t,rule:a}]=n;return(0,p.jsx)(l.Col,{className:c()({[m.A["is-req"]]:0===(a\|\|"").split(" ").indexOf("REQ")}),children:t},e)})),(0,p.jsx)(l.Col,{className:m.A["table-list-extra"]})]})})),h=n=>{let{list:e,className:t,...r}=n;const s=(0,i.useRef)(null);return(0,p.jsx)(a.A,{...r,className:c()(t,m.A["table-list"]),list:e,renderChildren:n=>(0,p.jsxs)("div",{className:m.A["table-list-inner"],children:[(0,p.jsx)(u,{ref:s}),n]}),listRender:n=>{let{list:e,groupArgs:t,extra:a,key:r}=n;return(0,p.jsxs)(l.Row,{wrap:!1,align:"top",style:{"--col-width":100/e.length+"%"},children:[(0,p.jsx)(o.A,{list:e,groupArgs:t,itemRender:(n,e)=>(s.current(e),(0,p.jsx)(l.Col,{className:m.A["table-list-field"],flex:1,children:n}))}),(0,p.jsx)(l.Col,{className:m.A["table-list-extra"],children:a})]},r)}})}},76995:(n,e,t)=>{t.d(e,{A:()=>p});var a=t(55431),o=t(98434),l=t(47458),r=t(83799),s=t(83136),i=t.n(s),d=t(47094),c=t(70579);const m="FormInfo",p=n=>{let{className:e,withDecorator:t,footerButtons:s,formProps:p,cancelText:u,saveText:h,autoClose:g,...b}=n;return{...b,footerButtons:s\|\|[{children:(0,c.jsx)(l.IntlProvider,{importMessages:a.A,moduleName:m,children:u\|\|(0,c.jsx)(l.FormattedMessage,{id:"Cancel",moduleName:m})}),ButtonComponent:o.CancelButton},{type:"primary",children:(0,c.jsx)(l.IntlProvider,{importMessages:a.A,moduleName:m,children:h\|\|(0,c.jsx)(l.FormattedMessage,{id:"Save",moduleName:m})}),ButtonComponent:o.SubmitButton,autoClose:!1}],withDecorator:(n,e)=>{const o=e=>{const{onSubmit:t,...o}="function"===typeof p?p(e):p;return(0,c.jsx)(r.lV,{...o,onSubmit:async function(n){for(var a=arguments.length,o=new Array(a>1?a-1:0),l=1;l<a;l++)o[l-1]=arguments[l];!1!==(t&&await t(n,Object.assign({},e),...o))&&g&&e.close()},children:(0,c.jsx)(l.IntlProvider,{importMessages:a.A,moduleName:"FormInfo",children:n(e)})})};return"function"===typeof t?t(o,e):o(e)},className:i()(e,d.A["form-outer"])}}},1904:(n,e,t)=>{t.d(e,{A:()=>i,N:()=>d});var a=t(98434),o=t(43856);const{useOnChange:l,useDecorator:r}=a.hooks,s=n=>l(Object.assign({},{placeholder:"\u8bf7\u9009\u62e9"+n.label},n))(o.AddressSelectField);s.Field=o.AddressSelectField,s.AddressEnum=o.AddressSelectField.AddressEnum,s.createAddressApi=o.AddressSelectField.createAddressApi,s.withAddressApi=o.AddressSelectField.withAddressApi;const i=s,d=n=>r(Object.assign({},{placeholder:"\u8bf7\u9009\u62e9"+n.label,inputPlaceholder:"\u8bf7\u8f93\u5165"+n.label},n))(o.AddressInputField);d.Field=o.AddressInputField},30096:(n,e,t)=>{t.d(e,{Ay:()=>c});var a=t(98434),o=t(43856);const{useOnChange:l}=a.hooks,r=n=>{const e=e=>l(Object.assign({},{placeholder:"\u8bf7\u9009\u62e9"+e.label},e))(n);return e.field=e.Field=n,e},s=r(o.UserField),i=r(o.TableField),d=r(o.AdvancedSelectField);d.createdList=n=>{let{renderList:e,defaultProps:t}=n;return r((0,o.createListField)({renderList:e,defaultProps:t}))},d.User=s,d.Table=i;const c=d},96339:(n,e,t)=>{t.d(e,{A:()=>G});var a=t(73884),o=t(17508),l=t(40438),r=t(63908),s=t(3382),i=t(64671),d=t(55199),c=t(53202),m=t.n(c),p=t(33097),u=t.n(p),h=t(83136),g=t.n(h),b=t(51941),f=t(98434),y=t(34677),v=t.n(y);const x="style_upload-btn__-6XtP__jnrpB",_="style_square__UPkfA__jnrpB",k="style_is-loading__wx6Pd__jnrpB",S="style_upload-btn-tips__YtxWz__jnrpB",I="style_drop-tips__N-v59__jnrpB",N="style_preview-area__aV3SN__jnrpB";var F=t(18411),P=t(47458),C=t(55431),B=t(70579);const{useOnChange:j}=f.hooks,w=l.default.Avatar,T="FormInfo",A=(0,o.Ay)((n=>{let{className:e,icon:t,loading:a,value:o,gender:l,width:r,height:s,children:c,shape:m,defaultAvatar:p,apis:h}=n;const b=(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(w,{id:u()(o,"id"),gender:l,width:64r/s,height:64,shape:m,defaultAvatar:p,apis:h}),(0,B.jsx)("div",{className:S,children:t\|\|(0,B.jsx)(i.default,{type:"icon-chuanzhaopian",size:16})}),c]});return(0,B.jsx)("div",{className:g()(e,x,{[k]:a,[_]:"square"===m\|\|!(r&&r===s)}),style:{width:64r/s},children:a?(0,B.jsx)(d.Spin,{children:b}):b})})),E=n=>{let e=n.split(","),t=e[1].substring(0,e[1].length-2),a=e[0].match(/:(.?);/)[1],o=atob(t),l=o.length,r=new Uint8Array(l);for(;l--;)r[l]=o.charCodeAt(l);return new Blob([r],{type:a})},L=(0,a.forwardRef)(((n,e)=>{let{image:t,width:l,height:r,borderRadius:s,preview:c,fileSize:p,accept:u,renderTips:h,getApi:g,shape:f,border:y,...v}=n;const x=(0,P.useIntl)({moduleName:T}),[_,k]=(0,a.useState)(0),S=(0,a.useRef)(null),[F,C]=(0,a.useState)(t),[j,w]=(0,a.useState)(1),[A,L]=(0,a.useState)(0),[R,D]=(0,a.useState)(""),M=(0,a.useRef)(null);(0,a.useLayoutEffect)((()=>{k(2S.current.clientWidth/3)}),[]),g({getImage:()=>{const n=M.current.getImage(),e=document.createElement("canvas"),t=e.getContext("2d");return e.width=l,e.height=r,t.drawImage(n,0,0,e.width,e.height),new window.File([E(e.toDataURL())],F.name,{type:F.type})}});const G=()=>{D(M.current.getImage().toDataURL())},O=(0,b.useDebouncedCallback)(G,500);return(0,B.jsx)("div",{ref:S,children:(0,B.jsxs)(d.Row,{wrap:!1,align:"middle",children:[(0,B.jsx)(d.Col,{span:c?16:24,children:_&&(0,B.jsxs)(d.Space,{direction:"vertical",children:[(0,B.jsx)(m(),{...v,ref:M,image:F,scale:j,rotate:A,width:_-2y,height:r_/l-2yr/l,border:y,color:[0,0,0,.6],borderRadius:s_/l,onImageReady:G,onImageChange:O}),(0,B.jsx)("div",{className:I,children:h(`${x.formatMessage({id:"PictureFormat"})}${u.map((n=>n.replace(/^\./,""))).join(" ")} ${x.formatMessage({id:"ImageSize"})}${x.formatMessage({id:"NotExceeding"},{size:p})}`,{accept:u,fileSize:p})}),(0,B.jsxs)(d.Row,{gutter:14,align:"middle",children:[(0,B.jsx)(d.Col,{children:(0,B.jsx)(d.Tooltip,{title:x.formatMessage({id:"Rotate"}),placement:"bottom",children:(0,B.jsx)(i.default,{type:"icon-xuanzhuan",onClick:()=>{L((n=>(n-90)%360))}})})}),(0,B.jsx)(d.Col,{children:(0,B.jsx)(d.Tooltip,{title:x.formatMessage({id:"ImageFull"}),placement:"bottom",children:(0,B.jsx)(i.default,{type:"icon-chongman",onClick:()=>{w(1)}})})}),(0,B.jsx)(d.Col,{flex:1,children:(0,B.jsx)(d.Slider,{tooltip:{placement:"bottom",formatter:()=>x.formatMessage({id:"Size"})},value:j,step:.05,min:.2,max:3,onChange:w})}),(0,B.jsx)(d.Col,{children:(0,B.jsx)(o.FI,{accept:u,onChange:n=>{n[0].size>1024p1024?d.message.error(x.formatMessage({id:"FileNotExceeding"},{name:n[0].name,size:p})):(L(0),w(1),C(n[0]))},children:(0,B.jsx)(P.FormattedMessage,{id:"ReUpload",moduleName:T})})})]})]})}),c&&(0,B.jsx)(d.Col,{span:8,children:(0,B.jsx)("div",{className:N,children:(0,B.jsxs)(d.Space,{direction:"vertical",children:[(0,B.jsx)(d.Avatar,{src:R,shape:f,style:{width:_/2-36,height:(_/2-36)r/l}}),(0,B.jsx)("div",{style:{textAlign:"center"},children:(0,B.jsx)(P.FormattedMessage,{id:"Preview",moduleName:T})})]})})})]})})}));L.defaultProps={border:1};const R=()=>{const n=(0,s.useModal)();return e=>{const{image:t,width:a,height:o,borderRadius:l,getApi:r,preview:s,fileSize:i,accept:d,renderTips:c,border:m,dropModalSize:p,...u}=Object.assign({},{title:"\u7f16\u8f91\u5934\u50cf",width:200,height:200,borderRadius:"circle"===e.shape&&e.width&&e.width===e.height?e.width/2:2,preview:!0},e);return n({...u,size:p,children:(0,B.jsx)(L,{preview:s,fileSize:i,accept:d,getApi:r,renderTips:c,width:a,height:o,shape:"circle"===e.shape&&e.width&&e.width===e.height?"circle":"square",borderRadius:l,image:t,border:m,scale:1,rotate:0})})}},D=(0,P.createWithIntl)({importMessages:C.A,moduleName:"FormInfo"})((n=>{let{value:e,gender:t,fileSize:o,accept:l,openEditor:s,apis:i,renderTips:c,onChange:m,shape:p,width:u,height:h,title:g,border:b,icon:f,dropModalSize:y,defaultAvatar:x}=n;const[_,k]=(0,a.useState)(!1),{apis:S}=(0,r.usePreset)(),I=v()({},S,i),{ossUpload:N}=I,F=(0,a.useRef)(null),C=R(),j=(0,P.useIntl)({moduleName:T});return(0,B.jsx)(A,{value:e,gender:t,accept:l,width:u,height:h,shape:p,icon:f,loading:_,defaultAvatar:x,apis:I,onChange:n=>{if(n[0].size>1024o1024)return void d.message.error(j.formatMessage({id:"FileNotExceeding"},{name:n[0].name,size:o}));const e=n=>(k(!0),N({file:n}).then((n=>{let{data:e}=n;0===e.code?m(e.data):d.message.error(j.formatMessage({id:"UploadFailed"},{msg:e.msg?":"+e.msg:""}))})).finally((()=>{k(!1)})));s?C({image:n[0],width:u,height:h,title:g,shape:p,border:b,dropModalSize:y,getApi:n=>F.current=n,fileSize:o,accept:l,renderTips:c,onConfirm:()=>{e(F.current.getImage())}}):e(n[0])}})}));D.defaultProps={defaultAvatar:F.A,openEditor:!0,fileSize:2,width:200,height:200,dropModalSize:"small",border:1,title:(0,B.jsx)(P.IntlProvider,{importMessages:C.A,moduleName:"FormInfo",children:(0,B.jsx)(P.FormattedMessage,{id:"Crop",moduleName:"FormInfo"})}),accept:[".jpg",".png",".jpeg"],renderTips:n=>n,shape:"circle"};const M=n=>j(n)(D);M.defaultProps={},M.Field=D,M.useDropModal=R;const G=M},83230:(n,e,t)=>{t.d(e,{A:()=>s});var a=t(98434),o=t(43856);const{useOnChange:l}=a.hooks,r=n=>l(Object.assign({},{placeholder:"\u8bf7\u9009\u62e9"+n.label},n))(o.CascaderField);r.Field=o.CascaderField,r.createTreeUtils=o.createTreeUtils;const s=r},81026:(n,e,t)=>{t.d(e,{A:()=>s});var a=t(43856),o=t(98434);const{useOnChange:l}=o.hooks,r=n=>l(Object.assign({},{placeholder:"\u8bf7\u9009\u62e9"+n.label},n))(a.FunctionSelectField);r.Field=a.FunctionSelectField,r.Enum=a.FunctionSelectField.Enum;const s=r},78756:(n,e,t)=>{t.d(e,{A:()=>s});var a=t(43856),o=t(98434);const{useOnChange:l}=o.hooks,r=n=>l(Object.assign({},{placeholder:"\u8bf7\u9009\u62e9"+n.label},n))(a.IndustrySelectField);r.Field=a.IndustrySelectField,r.Enum=a.IndustrySelectField.Enum;const s=r},15209:(n,e,t)=>{t.d(e,{A:()=>c});var a=t(55199),o=t(10986),l=t.n(o),r=t(13050),s=t(70579);const i=n=>{let{...e}=n;const[t,o]=l()(e);return(0,s.jsx)(a.Input,{...e,value:t,onChange:n=>{o(n.target.value?n.target.value.toUpperCase():n.target.value,n)}})},d=(0,r.createWithRemoteLoader)({modules:["FormInfo@formModule"]})((n=>{let{remoteModules:e,...t}=n;const[a]=e,{hooks:o}=a,{useDecorator:l}=o;return l(Object.assign({placeholder:`\u8bf7\u8f93\u5165${t.label\|\|""}`},t))(i)}));d.field=i;const c=d},92328:(n,e,t)=>{t.d(e,{A:()=>x});var a=t(10986),o=t.n(a),l=t(98434),r=t(55199),s=t(69484);const i="style_money-input__Pyur7__jnrpB",d="style_money-description__9pFk4__jnrpB";var c=t(83136),m=t.n(c),p=t(34677),u=t.n(p),h=t(73884),g=t(70579);const{isNotEmpty:b}=l.util\|\|l.formUtils,{useOnChange:f}=l.hooks,y=n=>{let{chineseEmpty:e,className:t,showError:a,errorDesc:l,transformMoneyToChinese:c,onBlur:p,moneyFormat:f,...y}=n;const[v,x]=(0,h.useState)(""),[_,k]=o()(y),S=u()({controls:!1,precision:2,addonAfter:"\u5143"},y,{max:b(y.max)?y.max>s.e?s.e:y.max:s.e});return(0,g.jsxs)("div",{className:m()(t,"money-input",i),children:[(0,g.jsx)(r.InputNumber,{...S,status:v,formatter:f?n=>`${n}`.replace(/\B(?=(\d{3})+(?!\d))/g,","):null,parser:n=>{const e=f?null===n\|\|void 0===n?void 0:n.replace(/\$\s?\|(,)/g,""):n;return b(e)?(Number(e)>Number(S.max)\|\|b(S.min)&&Number(e)<Number(S.min))&&x("error"):x(""),b(e)?Number(e):null},onChange:n=>{k(n)},onBlur:n=>{p&&p(n,x)}}),(0,g.jsx)("div",{className:m()(d),children:"error"===v&&a?l:b(_)?(0,s.A)(c?c(_):_):e})]})},v=n=>f(Object.assign({placeholder:`\u8bf7\u8f93\u5165${n.label\|\|""}`},n))(y);v.Field=y,v.toChineseCharacter=s.A;const x=v},88893:(n,e,t)=>{t.d(e,{N:()=>v,A:()=>x});var a=t(88701),o=t(55199),l=t(98434),r=t(78491),s=t.n(r),i=t(10986),d=t.n(i),c=t(33097),m=t.n(c);const p={"country-select":"style_country-select__Ztf-V__jnrpB","flag-img":"style_flag-img__RGhcM__jnrpB"};var u=t(13050),h=t(70579);const{useDecorator:g}=l.hooks,b=(0,u.createWithRemoteLoader)({modules:["components-iconfont:CountyFlag"]})((n=>{let{remoteModules:e,value:t,onChange:a,...l}=n;const[r]=e;return(0,h.jsx)(r,{children:n=>{let{list:e}=n;return(0,h.jsx)(o.Select,{...l,popupMatchSelectWidth:300,className:p["country-select"],value:t\|\|"CN",onChange:a,placeholder:"\u8bf7\u9009\u62e9\u56fd\u5bb6",showSearch:!0,filterOption:(n,e)=>e.name.indexOf(n)>-1,optionLabelProp:"code",options:e.map((n=>{let{country_name_cn:e,country_code:t,ab:a}=n;return{value:a,code:`(+${t})`,name:e,label:(0,h.jsxs)(o.Space,{align:"center",children:[(0,h.jsx)("span",{className:p["country-name"],children:e}),(0,h.jsxs)("div",{children:["(+",t,")"]})]})}}))})}})})),f=n=>{const{className:e,onBlur:t,name:l,...r}=n,[i,c]=d()(n),p=s()(t\|\|(()=>{})),u=n=>new a.AsYouType(m()(n,"code","CN")).input(m()(n,"value",""));return(0,h.jsx)("div",{className:e,ref:p,children:(0,h.jsx)(o.Input,{...r,addonBefore:(0,h.jsx)(b,{disabled:r.disabled,readOnly:r.readOnly,value:m()(i,"code","CN"),onChange:n=>{c&&c(Object.assign({},i,{code:n,value:u({code:n,value:m()(i,"value","")})})),t&&t()}}),value:m()(i,"value",""),onChange:n=>{c&&c(Object.assign({code:"CN"},i,{value:n.target.value,code:m()(i,"code","CN")}))},onBlur:n=>{c&&c(Object.assign({code:"CN"},i,{value:u({value:n.target.value,code:m()(i,"code","CN")})})),t&&t()}})})},y=n=>{let{rule:e,...t}=n;const a=g(Object.assign({placeholder:`\u8bf7\u8f93\u5165${t.label\|\|""}`,rule:(n=>{const e=(n\|\|"").split(" "),t=e.indexOf("REQ");return t>-1?e.splice(t+1,0,"PHONE_NUMBER"):e.unshift("PHONE_NUMBER"),e.join(" ")})(e)},t));return a(f)};y.Field=f,y.defaultProps={},y.format=n=>{let{code:e,value:t}=n;const o=e?(0,a.getCountryCallingCode)(e):null;return o&&t?`+${o} ${t}`:""},y.parsePhoneNumber=n=>{let{phoneNumber:e}=n;const{country:t,countryCallingCode:o,nationalNumber:l}=e?(0,a.parsePhoneNumber)(e):null;return l&&e?{country:t,countryCallingCode:o,nationalNumber:l}:""};const v=async(n,e)=>{let{field:a}=e;if((a.rule\|\|"").split(" ").indexOf("REQ")>-1&&!m()(n,"value"))return{result:!1,errMsg:"%s\u4e0d\u80fd\u4e3a\u7a7a"};if(!m()(n,"value"))return{result:!0};return{result:await Promise.all([t.e(8481),t.e(6900)]).then(t.bind(t,6900)).then((e=>{let{isValidPhoneNumber:t}=e;return t(m()(n,"value",""),{defaultCountry:m()(n,"code","CN"),extract:!0})})),errMsg:"%s\u683c\u5f0f\u4e0d\u6b63\u786e"}},x=y},36972:(n,e,t)=>{t.d(e,{A:()=>j});var a=t(73884),o=t(87558),l=t(98434),r=t(78491),s=t.n(r),i=t(55199);const d="style_salary__sUOtT__jnrpB",c="style_salary-type__Sl1LC__jnrpB",m="style_input-number__eoEZr__jnrpB",p="style_full__NPqJm__jnrpB",u="style_input-group__toLB7__jnrpB",h="style_input-group-no-mb__C4nzh__jnrpB";var g=t(47458),b=t(55431),f=t(48731),y=t(10986),v=t.n(y),x=t(21079),_=t(70579);const k=(0,o.withFetch)((n=>{let{data:e,...t}=n;return(0,_.jsx)(i.Select,{...t,options:e})})),{useDecorator:S,useUIDecorator:I}=l.hooks,N=n=>{if(!n)return"";const e=isNaN(Number(n))?n:Math.abs(Number(n));return n.split(".")[1]&&n.split(".")[1].length>2?e.toFixed(2):e},F=n=>{let{children:e,isError:t}=n;return(0,_.jsx)("div",{style:{marginBottom:0},className:"react-form__field "+(t?"is-error":""),children:(0,_.jsx)("div",{className:"react-form__field-main",children:(0,_.jsx)("div",{className:"react-form__field-input",children:(0,a.cloneElement)(e,{className:"react-form__field-component"})})})})},P=n=>{let{getPopupContainer:e,onBlur:t,api:a,isRange:o=!0,placeholder:l,disabled:r,showMonth:b,remindUnit:y,req:S,...I}=n;const[P,C]=v()(I),{formatMessage:B}=(0,g.useIntl)({moduleName:"FormInfo"}),j=B({id:"defaultSelectPlaceholder"},{label:""}),w=B({id:"defaultInputPlaceholder"},{label:""}),T=[6].indexOf((0,x.get)(P,"type"))>-1,A=1===(0,x.get)(P,"type"),E=7===(0,x.get)(P,"type"),L=n=>{if(n)return T?n/1e4:n},R=s()(t\|\|(()=>{}));return(0,_.jsx)("div",{ref:R,className:d,children:(0,_.jsxs)(i.Row,{wrap:!1,gutter:10,children:[(0,_.jsx)(i.Col,{children:(0,_.jsx)(k,{className:c,...a,value:(0,x.get)(P,"type"),onChange:n=>{C&&C(Object.assign({},A?{}:P,{type:n,min:"",max:""}))},placeholder:l\|\|j,getPopupContainer:e,disabled:r})}),A?null:(0,_.jsxs)(i.Col,{flex:1,children:[o&&(0,_.jsxs)(i.Row,{className:y&&[5,6].includes(null===P\|\|void 0===P?void 0:P.type)?u:h,wrap:!1,children:[(0,_.jsx)(i.Col,{flex:1,children:(0,_.jsx)(F,{isError:!(0,x.get)(P,"min")&&S,children:(0,_.jsx)(i.InputNumber,{disabled:r,placeholder:w,formatter:N,value:L((0,x.get)(P,"min")),style:{textAlign:"center"},onChange:n=>{C(Object.assign({},P,{min:T?1e4n:n}))},description:y&&[5,6].includes(null===P\|\|void 0===P?void 0:P.type)?(0,_.jsxs)("span",{style:{color:"#fc3333"},children:["\u6ce8\u610f\uff1a",(0,_.jsx)(f.default,{name:null===P\|\|void 0===P?void 0:P.type,moduleName:"salaryTypeEnum"}),"\u7684\u5355\u4f4d\u4e3a",T?B({id:"thousand"}):E?"":B({id:"yuan"})]}):null})})}),(0,_.jsx)(i.Col,{children:(0,_.jsx)(i.Input,{style:{width:30,borderLeft:0,borderRight:0,pointerEvents:"none"},placeholder:"~",disabled:!0})}),(0,_.jsx)(i.Col,{flex:1,children:(0,_.jsx)(F,{isError:!(0,x.get)(P,"max")&&S,children:(0,_.jsx)(i.InputNumber,{disabled:r,placeholder:w,formatter:N,value:L((0,x.get)(P,"max")),style:{textAlign:"center"},addonAfter:T?B({id:"thousand"}):E?"":B({id:"yuan"}),onChange:n=>{C(Object.assign({},P,{max:T?1e4n:n}))}})})}),5===(0,x.get)(P,"type")&&b&&(0,_.jsx)(i.Col,{children:(0,_.jsxs)("span",{className:(0,x.get)(P,"max")&&(0,x.get)(P,"min")&&!(0,x.get)(P,"month")&&S?"error":"",children:[(0,_.jsx)("span",{className:m,children:"X"}),(0,_.jsx)(i.InputNumber,{min:12,disabled:r,value:(0,x.get)(P,"month"),onChange:n=>{C(Object.assign({},P,{month:n}))},style:{width:100,textAlign:"center"},placeholder:"\u6570\u91cf",addonAfter:"\u6708"})]})})]}),!o&&!E&&(0,_.jsx)(i.InputNumber,{disabled:r,min:0,max:1e8,placeholder:w,className:p,formatter:N,value:L((0,x.get)(P,"max")),style:{textAlign:"center"},addonAfter:T?B({id:"thousand"}):E?"":B({id:"yuan"}),onChange:n=>{C(Object.assign({},P,{max:T?1e4n:n}))}}),!o&&E&&(0,_.jsx)(i.Input,{disabled:r,placeholder:w,className:p,onChange:n=>{C(Object.assign({},P,{max:n.target.value}))},value:(0,x.get)(P,"max"),style:{textAlign:"center"}})]})]})})},C=n=>(0,_.jsx)(g.IntlProvider,{moduleName:"FormInfo",importMessages:b.A,children:(0,_.jsx)(P,{...n})});C.defaultProps={api:{loader:()=>[{value:1,label:"\u9762\u8bae"},{value:2,label:"\u65f6\u85aa"},{value:3,label:"\u65e5\u85aa"},{value:4,label:"\u5468\u85aa"},{value:5,label:"\u6708\u85aa"},{value:6,label:"\u5e74\u85aa"}]},defaultValue:{type:5,min:"",max:"",month:12}};const B=n=>{var e;return S({...n,req:(null===n\|\|void 0===n\|\|null===(e=n.rule)\|\|void 0===e?void 0:e.indexOf("REQ"))>-1})(C)};B.Field=C;const j=B},34643:(n,e,t)=>{t.d(e,{Ay:()=>m,Pg:()=>d,eM:()=>c});var a=t(98434),o=t(43856),l=t(35063);const{useOnChange:r}=a.hooks,s=n=>{const e=e=>r(Object.assign({},{placeholder:"\u8bf7\u9009\u62e9"+e.label},e))(n);return e.field=e.Field=n,e},i=s(o.SuperSelectField),d=s(l.$9),c=s(o.SuperSelectTableListField),m=i},50192:(n,e,t)=>{t.d(e,{A:()=>y});var a=t(87558),o=t(83136),l=t.n(o);const r="style_table__A9nBK__jnrpB";var s=t(21079),i=t(27777),d=t(98434),c=t(10986),m=t.n(c),p=t(73884),u=t(70579);const{useOnChange:h}=d.hooks,g=(0,a.withFetch)((n=>{let{...e}=n;const[t,a]=m()(e),o=["isLoading","isComplete","data","requestParams","error","send","refresh","reload","loadMore","setData"],d=(0,s.pick)(e,o),c=(0,s.omit)(e,o),{rowKey:h="id",columns:g,className:b,innerName:f,headerRender:y,footerRender:v}=c,x=e.dataFormat(d.data),_=(n,e,t)=>{let{current:o,rowKeyValue:l,dataIndex:r}=t;const s={},i=n.slice(0).map((n=>{if(n[h]===l)return s[n[h]]={...n,[r]:o},{...n,[r]:o};{const t=e[n[h]];return s[n[h]]=Object.assign({},n,t),Object.assign({},n,t)}})),c={pageData:i,totalCount:i.length};d.setData(c),a&&a(s)},k=(0,p.useRef)(null);return k.current=_,(0,p.useEffect)((()=>{x.list.every((n=>{const e=t[n[h]]\|\|{};return Object.keys(n).every((n=>e.hasOwnProperty(n)))}))&&Object.keys(t).length===x.list.length\|\|!d.isComplete\|\|k.current(x.list,t,{})}),[d.isComplete,t,x.list,h]),(0,u.jsxs)("div",{children:[y&&y(d),(0,u.jsx)(i.Table,{...c,className:l()(r,b),rowKey:h,dataSource:x.list,pagination:!1,columns:g.map((n=>{const e={...n};return e.dataIndex?Object.assign({},e,{render:(n,a,o)=>{const l=!e.editable\|\|("function"===typeof e.editable?e.editable(n,a,o,x.list):e.editable),r=a[h],i=t[r],c=(0,s.get)(i,e.dataIndex)\|\|n;if(l&&e.field){var m,p;if(null!==(m=e.field)&&void 0!==m&&m.render)return(0,u.jsx)(u.Fragment,{children:e.field.render({value:c,name:`${f}.${r}.${e.dataIndex}`,label:" ",labelHidden:e.labelHidden,onChange:function(){for(var n,a=arguments.length,o=new Array(a),l=0;l<a;l++)o[l]=arguments[l];const s=null!==(n=e.field)&&void 0!==n&&n.getValue?e.field.getValue(o[0]):o[0];return _(x.list,t,{current:s,rowKeyValue:r,dataIndex:e.dataIndex}),e.field.onChange&&e.field.onChange(...o,d)}},a,o,d)});const n=null===(p=e.field)\|\|void 0===p?void 0:p.type;return(0,u.jsx)(n,{...(0,s.omit)(e.field,["type","getValue"]),value:c,name:`${f}.${r}.${e.dataIndex}`,label:" ",labelHidden:e.labelHidden,onChange:function(){for(var n,a=arguments.length,o=new Array(a),l=0;l<a;l++)o[l]=arguments[l];const s=null!==(n=e.field)&&void 0!==n&&n.getValue?e.field.getValue(o[0]):o[0];return _(x.list,t,{current:s,rowKeyValue:r,dataIndex:e.dataIndex}),e.field.onChange&&e.field.onChange(...o,d)}})}return e.render?e.render(c,a,o):c}}):e}))}),v&&v(d)]})}));g.defaultProps={mergeList:(n,e)=>Object.assign({},e,{pageData:(n.pageData\|\|[]).concat(e.pageData\|\|[])}),dataFormat:n=>({list:n.pageData,total:n.totalCount})};const b=n=>{let{api:e,...t}=n;return(0,u.jsx)(g,{...t,...e})};b.defaultProps={api:{},value:{}};const f=n=>h(Object.assign({placeholder:`\u8bf7\u9009\u62e9${n.label}`,innerName:n.name},n))(b);f.Field=b;const y=f},56259:(n,e,t)=>{t.d(e,{A:()=>s});var a=t(89319),o=t(98434);const{useOnChange:l}=o.hooks,r=n=>l(Object.assign({},{},n))(a.A);r.Field=a.A;const s=r},89099:(n,e,t)=>{t.d(e,{A:()=>x});var a=t(55199),o=t(83136),l=t.n(o),r=t(10986),s=t.n(r);const i="style_upload__t422Q__jnrpB",d="style_upload-list__Q9HDc__jnrpB",c="style_tips__3Gpnu__jnrpB";var m=t(19343),p=t(98434),u=t(1488),h=t.n(u),g=t(17508),b=t(70579);const{useOnChange:f}=p.hooks,y=n=>{let{className:e,fileSize:t,maxLength:o,multiple:r,size:p,accept:u,children:f,renderTips:y,showUploadList:v,onSave:x,ossUpload:_,onUpload:k,getPermission:S,...I}=n;const[N,F]=s()(I),P=N\|\|[],{fileList:C,onFileSelected:B}=(0,g.lN)({multiple:r,onSave:x,onUpload:_\|\|k,fileSize:t,maxLength:o,value:P,onChange:F,concurrentCount:10}),j=[...C,...P],w=y(`\u652f\u6301\u6269\u5c55\u540d${u.map((n=>n.replace(/^\./,""))).join("\u3001")},\u5355\u4e2a\u6587\u4ef6\u5927\u5c0f\u4e0d\u8d85\u8fc7${t}M\uff0c\u6700\u591a\u4e0a\u4f20${o}\u4e2a\u9644\u4ef6`,{fileSize:t,maxLength:o,accept:u});return(0,b.jsxs)(a.Space,{direction:"vertical",children:[(0,b.jsxs)(a.Space,{children:[(0,b.jsx)(g.Zi,{...h()(I,["value","onChange"]),size:p,multiple:r,accept:u,className:l()(i,e),onChange:B,children:f}),w&&(0,b.jsx)("div",{className:c,children:w})]}),v&&j.length>0&&(0,b.jsx)(m.List,{className:d,dataSource:j,infoItemRenders:[],getPermission:S\|\|(n=>"delete"===n),apis:{onDelete:n=>{const e=P.slice(0),t=e.indexOf(n);t>-1&&e.splice(t,1),F(e)}}})]})};y.defaultProps={defaultValue:[],children:"\u4e0a\u4f20\u9644\u4ef6",accept:[".pdf",".jpg",".png",".jpeg",".doc",".docx",".xls",".xlsx",".html",".msg",".eml",".zip"],renderTips:n=>n,multiple:!0,showUploadList:!0,maxLength:10,fileSize:30};const v=n=>f(n)(y);v.defaultProps={interceptor:"file-format"},v.Field=y;const x=v},72297:(n,e,t)=>{t.d(e,{A:()=>q,E:()=>K});var a=t(98434),o=t(30096),l=t(34643),r=t(1904),s=t(83230),i=t(81026),d=t(78756),c=t(92328),m=t(88893),p=t(55199),u=t(70579);const{useOnChange:h,useCheckedToValue:g}=a.hooks,{withChecked:b}=a.hoc,f=b((n=>{let{checked:e,children:t=null,...a}=n;return(0,u.jsxs)(p.Space,{children:[(0,u.jsx)(p.Switch,{checked:e,...a}),"function"===typeof t?t({checked:e}):t]})})),y=n=>{n=Object.assign({},{fieldName:"switch"},n);const e=g(n);return h(e)(f)};y.Field=p.Switch;const v=y;var x=t(89099),_=t(96339),k=t(36972),S=t(15209),I=t(50192),N=t(74529),F=t.n(N),P=t(73884),C=t(47458),B=t(33097),j=t.n(B),w=t(21079),T=t(46237),A=t(56259),E=t(21554),L=t(64671),R=t(83136),D=t.n(R),M=t(47094);const G=n=>e=>{const t=F()(...n)((n=>{let{forwardedRef:t,label:a,placeholder:o,...l}=n;return(0,u.jsx)(e,{...l,label:a,labelRender:()=>l.tips?(0,u.jsxs)(p.Space,{children:[a,(0,u.jsx)(E.default,{content:l.tips,children:(0,u.jsx)("span",{className:D()(M.A["field-tips"],{[M.A["label-hidden"]]:l.labelHidden}),children:(0,u.jsx)(L.default,{type:"icon-xinxi-miaobian"})})})]}):a,ref:t})})),a=(0,P.forwardRef)(((n,e)=>(0,u.jsx)(t,{...n,forwardedRef:e})));return Object.keys(e).filter((n=>-1===["$$typeof","render","field"].indexOf(n))).forEach((n=>{a[n]=e[n]})),a},O=n=>e=>{let{placeholder:t,label:a,...o}=e;return(0,u.jsx)(C.FormattedMessage,{id:"defaultInputPlaceholder",moduleName:"FormInfo",values:{label:a},children:e=>(0,u.jsx)(n,{...o,label:a,placeholder:t\|\|e})})},z=n=>e=>{let{placeholder:t,label:a,...o}=e;return(0,u.jsx)(C.FormattedMessage,{id:"defaultSelectPlaceholder",moduleName:"FormInfo",values:{label:a},children:e=>(0,u.jsx)(n,{...o,label:a,placeholder:t\|\|e})})},U=n=>e=>{const t=(0,a.useGroup)(),o=j()(t,"name"),l=(0,w.get)(t,"index"),r=(0,T.oc)();return r&&Array.isArray(r)&&r.length>0?r.map((t=>{if("string"===typeof t)return(0,P.createElement)(n,{...e,key:t});const{name:a,label:r,options:s}=t,i=j()(s,"ignore",[]),d=j()(s,"disabled",[]),c=j()(s,"fields",[]),m=n=>e.name===n.name&&!(n.hasOwnProperty("groupName")&&n.groupName!==o)&&!(n.hasOwnProperty("groupIndex")&&n.groupIndex!==l);if(i.length>0&&i.find(m))return null;if(c.length>0&&!c.find(m))return null;let p=Object.assign({},e,{name:j()(s,"nameTransform",((n,e)=>`${n}${e}`))(e.name,a),label:j()(s,"labelTransform",((n,e)=>n&&`${n}${e}`))(e.label,r)});return d.length>0&&d.find(m)&&(p.disabled=!0,p.rule=""),(0,P.createElement)(n,{...p,key:a})})):(0,u.jsx)(n,{...e})},V=G([U,O])(a.Input),$=G([U,O])(a.InputNumber);V.Password=G([U,O])(a.Input.Password);const H=G([U,z])(a.DatePicker);H.MonthPicker=G([U,z])(a.DatePicker.MonthPicker),H.RangePicker=G([U,z])(a.DatePicker.RangePicker),H.WeekPicker=G([U,z])(a.DatePicker.WeekPicker);const Q=G([U,z])(a.TimePicker);Q.RangePicker=G([U,z])(a.TimePicker.RangePicker);const W=G([U])((n=>{let{placeholder:e,label:t,soFarText:o,...l}=n;const{formatMessage:r}=(0,C.useIntl)({moduleName:"FormInfo"});return(0,u.jsx)(a.DatePickerToday,{...l,label:t,placeholder:[r({id:"startDate"}),r({id:"endDate"})],soFarText:o\|\|r({id:"soFarText"})})})),q={Input:V,Password:V.Password,InputNumber:$,DatePicker:H,MonthPicker:H.MonthPicker,WeekPicker:H.WeekPicker,DateRangePicker:H.RangePicker,TimeRangePicker:Q.RangePicker,TimePicker:Q,DatePickerToday:W,RadioGroup:G([U])(a.RadioGroup),CheckboxGroup:G([U])(a.CheckboxGroup),Rate:G([U])(a.Rate),Switch:G([U])(v),Slider:G([U])(a.Slider),TableInput:G([U])(I.A),SalaryInput:G([U])(k.A),TypeDateRangePicker:G([U])(A.A),MoneyInput:G([U])(c.A),PhoneNumber:G([U])(m.A),Upload:G([U])(x.A),Avatar:G([U])(_.A),FunctionSelect:G([U,z])(i.A),IndustrySelect:G([U,z])(d.A),Cascader:G([U,z])(s.A),AddressSelect:G([U,z])(r.A),AddressInput:G([U,z])(r.N),TreeSelect:G([U,z])(a.TreeSelect),ReactInputNumber:G([U,O])(a.InputNumber),InputUpperCase:G([U,O])(S.A),Select:G([U,z])(a.Select),TextArea:G([U,O])(a.TextArea),AdvancedSelect:G([U,z])(o.Ay),SuperSelect:G([U,z])(l.Ay),SuperSelectTableList:G([U,z])(l.eM),SuperSelectUser:G([U,z])(l.Pg)},K={createWithFieldDecorator:G,withInputDefaultPlaceholder:O,withSelectDefaultPlaceholder:z,withLang:U}},83799:(n,e,t)=>{t.d(e,{NI:()=>M,TQ:()=>m.A,JL:()=>E,eu:()=>y.A,vx:()=>p.A,lr:()=>W,s3:()=>q,lV:()=>o.A,d4:()=>u.A,ZN:()=>h.A,pd:()=>O,YI:()=>$,h2:()=>G,F0:()=>g.A,go:()=>b.A,tt:()=>a.Rate,lu:()=>v.A,l6:()=>V,Ap:()=>a.Slider,wD:()=>L,eM:()=>R,Pg:()=>D,dO:()=>a.Switch,N:()=>k.A,EY:()=>j,fs:()=>z,AG:()=>Q,f7:()=>H,w5:()=>_.A,_O:()=>f.A,nk:()=>K});var a=t(98434),o=t(85696),l=t(47458),r=t(73884),s=t(30891),i=t(47094),d=t(30096),c=t(34643),m=t(1904),p=t(83230),u=t(81026),h=t(78756),g=t(92328),b=t(88893),f=t(89099),y=t(96339),v=t(36972),x=t(15209),_=t(56259),k=t(50192),S=t(55199),I=t(10986),N=t.n(I),F=t(70579);const{useDecorator:P}=a.hooks,C=n=>{let{children:e,...t}=n;const[a]=N()(t);return(0,F.jsxs)(S.Typography.Text,{...t,children:[(0,F.jsx)("div",{style:{height:0,width:0,overflow:"hidden"},children:(0,F.jsx)(S.Input,{value:a})}),e\|\|a]})},B=n=>P(n)(C);B.Field=C;const j=B;var w=t(45053);const T=n=>{const e=(0,r.forwardRef)(((e,t)=>{let{placeholder:a,label:o,...r}=e;return(0,F.jsx)(l.FormattedMessage,{id:"defaultInputPlaceholder",moduleName:"FormInfo",values:{label:o},children:e=>(0,F.jsx)(n,{...r,ref:t,label:o,placeholder:a\|\|e})})}));return Object.keys(n).filter((n=>-1===["$$typeof","render","field"].indexOf(n))).forEach((t=>{e[t]=n[t]})),e},A=n=>{const e=(0,r.forwardRef)(((e,t)=>{let{placeholder:a,label:o,...r}=e;return(0,F.jsx)(l.FormattedMessage,{id:"defaultSelectPlaceholder",moduleName:"FormInfo",values:{label:o},children:e=>(0,F.jsx)(n,{...r,ref:t,label:o,placeholder:a\|\|e})})}));return Object.keys(n).filter((n=>-1===["$$typeof","render","field"].indexOf(n))).forEach((t=>{e[t]=n[t]})),e},E=A(d.Ay),L=A(c.Ay),R=A(c.eM),D=A(c.Pg),M=A(m.N),G=T(x.A),O=T(a.Input);O.Password=T(a.Input.Password);const z=(U=a.TextArea,n=>{let{placeholder:e,label:t,className:a,...o}=n;return(0,F.jsx)(l.FormattedMessage,{id:"defaultInputPlaceholder",moduleName:"FormInfo",values:{label:t},children:n=>(0,F.jsx)("div",{className:i.A["textarea-wrapped-component"],children:(0,F.jsx)(U,{...o,label:t,placeholder:e\|\|n})})})});var U;const V=A(a.Select),$=T(a.InputNumber),H=A(a.TreeSelect),Q=A(a.TimePicker);Q.RangePicker=A(a.TimePicker.RangePicker);const W=A(a.DatePicker);W.MonthPicker=A(a.DatePicker.MonthPicker),W.RangePicker=A(a.DatePicker.RangePicker),W.WeekPicker=A(a.DatePicker.WeekPicker);const q=n=>{let{placeholder:e,label:t,soFarText:o,...r}=n;const{formatMessage:s}=(0,l.useIntl)({moduleName:"FormInfo"});return(0,F.jsx)(a.DatePickerToday,{...r,label:t,placeholder:[s({id:"startDate"}),s({id:"endDate"})],soFarText:o\|\|s({id:"soFarText"})})},K=Object.assign({},a,{Input:O,InputUpperCase:G,TextArea:z,Select:V,InputNumber:$,TreeSelect:H,TimePicker:Q,DatePicker:W,DatePickerToday:q,Form:o.A,FormItem:s.A,AdvancedSelect:E,SuperSelect:L,SuperSelectTableList:R,SuperSelectUser:D,AddressSelect:m.A,AddressInput:M,MoneyInput:g.A,PhoneNumber:b.A,Cascader:p.A,FunctionSelect:u.A,IndustrySelect:h.A,TypeDateRangePicker:_.A,Upload:f.A,Avatar:y.A,SalaryInput:v.A,TableInput:k.A,Text:j,Rate:a.Rate,Switch:a.Switch,Slider:a.Slider,ErrorTip:w.A})},96252:(n,e,t)=>{t.r(e),t.d(e,{AddressInput:()=>y.NI,AddressSelect:()=>y.TQ,AdvancedSelect:()=>y.JL,Avatar:()=>y.eu,Cascader:()=>y.vx,DatePicker:()=>y.lr,DatePickerToday:()=>y.s3,ErrorTip:()=>h.A,Form:()=>p.A,FormApiButton:()=>i.A,FormDrawer:()=>m.Ay,FormDrawerButton:()=>m.WJ,FormItem:()=>u.A,FormModal:()=>d.Ay,FormModalButton:()=>d.W6,FormStepModal:()=>c.Ay,FormStepModalButton:()=>c.Wp,FunctionSelect:()=>y.d4,IndustrySelect:()=>y.ZN,Input:()=>y.pd,InputNumber:()=>y.YI,InputUpperCase:()=>y.h2,List:()=>r.A,MoneyInput:()=>y.F0,MultiField:()=>g.A,PhoneNumber:()=>y.go,Rate:()=>y.tt,SalaryInput:()=>y.lu,Select:()=>y.l6,SelectInnerInput:()=>v.A,Slider:()=>y.Ap,SuperSelect:()=>y.wD,SuperSelectTableList:()=>y.eM,SuperSelectUser:()=>y.Pg,Switch:()=>y.dO,TableInput:()=>y.N,TableList:()=>s.A,Text:()=>y.EY,TextArea:()=>y.fs,TimePicker:()=>y.AG,TreeSelect:()=>y.f7,TypeDateRangePicker:()=>y.w5,Upload:()=>y._O,default:()=>x,fieldDecorator:()=>l.E,fields:()=>l.A,formModule:()=>y.nk,useFormDrawer:()=>m.Xy,useFormModal:()=>d.Vl,useFormStepModal:()=>c.$X});var a=t(64261),o=t(2196),l=t(72297),r=t(85846),s=t(97056),i=t(35774),d=t(5995),c=t(94005),m=t(48221),p=t(85696),u=t(30891),h=t(45053),g=t(97949),b=t(98434),f={};for(const _ in b)["default","Form","FormItem","ErrorTip","fields","fieldDecorator","List","TableList","FormApiButton","FormModal","useFormModal","FormModalButton","FormStepModal","useFormStepModal","FormStepModalButton","FormDrawer","useFormDrawer","FormDrawerButton","MultiField","SelectInnerInput"].indexOf(_)<0&&(f[_]=()=>b[_]);t.d(e,f);var y=t(83799),v=t(18936);(0,a.A)(),o.A.fields=l.A,o.A.List=r.A,o.A.TableList=s.A,o.A.FormApiButton=i.A,o.A.FormModal=d.Ay,o.A.useFormModal=d.Vl,o.A.FormModalButton=d.W6,o.A.FormStepModal=c.Ay,o.A.useFormStepModal=c.$X,o.A.FormStepModalButton=c.Wp,o.A.FormDrawer=m.Ay,o.A.useFormDrawer=m.Xy,o.A.FormDrawerButton=m.WJ,o.A.Form=p.A,o.A.FormItem=u.A,o.A.ErrorTip=h.A,o.A.SubmitButton=b.SubmitButton,o.A.CancelButton=b.CancelButton,o.A.fieldDecorator=l.E,o.A.MultiField=g.A,o.A.useFormContext=b.useFormContext,o.A.hooks=b.hooks,o.A.widget=b.widget,o.A.utils=b.utils,o.A.formUtils=b.formUtils;const x=o.A},55431:(n,e,t)=>{t.d(e,{A:()=>a});const a=n=>({"en-US":()=>t.e(1649).then(t.bind(t,21649)),"zh-CN":()=>t.e(711).then(t.bind(t,80711))}[n]())},64261:(n,e,t)=>{t.d(e,{A:()=>h});var a=t(98434),o=t(57469),l=t.n(o),r=t(34677),s=t.n(r),i=t(33097),d=t.n(i),c=(t(17448),t(88893)),m=t(46732),p=t(13050),u=t(70579);const h=async(n,e)=>{const{locale:t}=Object.assign({},e);a.interceptors.input.use("photo-string",(n=>{if(n&&"string"===typeof n){return{id:n.split("?")[0]}}return n})),a.interceptors.output.use("photo-string",(n=>{var e,t;return n&&"string"!==typeof n?(null===(e=n.id)\|\|void 0===e\|\|null===(t=e.split("?"))\|\|void 0===t?void 0:t[0])\|\|n.id:n})),a.interceptors.input.use("to-array",(n=>Array.isArray(n)?n[0]:n)),a.interceptors.output.use("to-array",(n=>[n])),a.interceptors.input.use("array-single",(n=>n?[n]:[])),a.interceptors.output.use("array-single",(n=>n?n[0]:null)),a.interceptors.input.use("boolean-number",(n=>1===n\|\|"1"===n)),a.interceptors.output.use("boolean-number",(n=>n?1:0)),a.interceptors.input.use("un-boolean",(n=>!n)),a.interceptors.output.use("un-boolean",(n=>!n)),a.interceptors.output.use("object-output-value",(n=>n?n.value\|\|n.id:n)),a.interceptors.input.use("date-string",(n=>n?l()(n):null)),a.interceptors.output.use("date-string",(n=>n?new Date(n.valueOf()).toISOString():"")),a.interceptors.input.use("date-range-string",(n=>{if(!Array.isArray(n))return[];const e=[];return n[0]&&e.push(l()(n[0])),n[0]&&n[1]&&"sofar"===n[1]&&e.push("\u81f3\u4eca"),n[0]&&n[1]&&"\u81f3\u4eca"!==n[1]&&e.push(l()(n[1])),e})),a.interceptors.output.use("date-range-string",(n=>{if(!Array.isArray(n))return[];const e=[];return n[0]&&e.push(new Date(n[0].valueOf()).toISOString()),n[0]&&n[1]&&"\u81f3\u4eca"===n[1]&&e.push("sofar"),n[0]&&n[1]&&"\u81f3\u4eca"!==n[1]&&e.push(new Date(n[1].valueOf()).toISOString()),e})),a.interceptors.output.use("file-format",(n=>Array.isArray(n)?n.map((n=>Object.assign({},n,{id:n.id\|\|n.ossId,originalName:n.filename}))):[])),a.interceptors.input.use("file-format",(n=>Array.isArray(n)?n.map((n=>({id:n.id\|\|n.ossId,ossId:n.id\|\|n.ossId,filename:n.originalName\|\|n.filename}))):[]));const{default:o}=await(0,p.loadModule)("components-iconfont:CountyFlag@load"),r=await o(),i=new Map(r.map((n=>{let{ab:e,country_code:t}=n;return[e,t]}))),h=new Map(r.map((n=>{let{ab:e,country_code:t}=n;return[t,e]})));a.interceptors.output.use("phone-number-string",(n=>n.code&&n.value?`+${i.get(n.code)} ${n.value.replace(/\s+/g,"")}`:"")),a.interceptors.input.use("phone-number-string",(n=>{if(!n)return{};const e=n.match(/^\+(\d+)\s(.)/);return e&&e.length>=3?{code:h.get(Number(e[1])),value:e[2]}:{code:h.get(86),value:n}}));const g=a.RULES.REQ,b=a.RULES.LEN,f=(n,e)=>{const a={REQ:{"zh-CN":"%s\u4e0d\u80fd\u4e3a\u7a7a","en-US":"%s cannot be empty "},LENGTH_EQUAL:{"zh-CN":`%s\u5fc5\u987b\u7b49\u4e8e${(e=Object.assign({},e)).end}`,"en-US":`%s must be equal to ${e.end}`},LENGTH_MORE:{"zh-CN":`%s\u5fc5\u987b\u5927\u4e8e${e.start}`,"en-US":`%s must be greater than ${e.start}`},LENGTH_LESS:{"zh-CN":`%s\u5fc5\u987b\u5c0f\u4e8e${e.end}`,"en-US":`%s must be less than ${e.end}`}},o=d()(a,`${n}.${t}`);return o\|\|d()(a,`${n}.zh-CN`)};(0,a.preset)(s()({},{rules:{REQ:function(){return Object.assign({},g(...arguments),{errMsg:f("REQ")})},LEN:function(){for(var n=arguments.length,e=new Array(n),t=0;t<n;t++)e[t]=arguments[t];const[a,o,l]=e;let r="";return l===o&&a.length!==Number(l)&&(r="LENGTH_EQUAL"),a.length<o&&(r="LENGTH_MORE"),l&&a.length>l&&(r="LENGTH_LESS"),Object.assign({},b(...e),{errMsg:f(r,{start:o,end:l})})},PHONE_NUMBER:c.N,ARRAY_LENGTH:(n,e,t)=>t===e&&n.length!==Number(t)?{result:!1,errMsg:f("LENGTH_EQUAL",{start:e,end:t})}:n.length<e?{result:!1,errMsg:f("LENGTH_MORE",{start:e,end:t})}:t&&n.length>t?{result:!1,errMsg:f("LENGTH_LESS",{start:e,end:t})}:{result:!0}},field:{datePicker:{defaultProps:{interceptor:"date-string"}},rangeDatePicker:{defaultProps:{interceptor:"date-range-string"}},inputNumber:{defaultProps:{changeOnWheel:!1}},textArea:{defaultProps:{autoSize:{minRows:2,maxRows:6}}}},globalProps:{labelTips:n=>(0,u.jsx)(m.A,{...n})}},"function"===typeof n?n({interceptors:a.interceptors,RULES:a.RULES}):n))}},41153:(n,e,t)=>{t.r(e),t.d(e,{HighlightProvider:()=>i,default:()=>c});var a=t(73884);const o="style_high-color__-DN7m__jnrpB";var l=t(70579);const r=(0,a.createContext)({}),{Provider:s}=r,i=n=>{let{list:e,children:t,highlightClassName:a}=n;return(0,l.jsx)(s,{value:{list:e,highlightClassName:a},children:(0,l.jsx)("span",{"data-testid":"components-core-highlight",children:t})})};i.defaultProps={caseSensitive:!1,list:[],highlightClassName:""};const d=n=>{let{tagName:e,children:t}=n;const{list:l,caseSensitive:s,highlightClassName:i}=(0,a.useContext)(r),d=(0,a.useMemo)((()=>{if(!t)return;let n=null===t\|\|void 0===t?void 0:t.toString();if(!l\|\|0===l.length)return n;const e=l.map((function(n){return"("+(n.replace(/[`+~!@#_$%^()=\|{}':;,\\[\].<>/?\uff01\uffe5\u2026&\uff08\uff09\u2014\u3010\u3011\u2018\uff1b\uff1a\u201d\u201c\u3002\uff0c\u3001\uff1f\s]/g,(n=>"\\"+n))+")")})).join("\|"),a=new RegExp(e,s?"gm":"gim");return n.replace(a,(n=>`<font class="${o} ${i}">${n}</font>`))}),[l,s,t,i]);return(0,a.createElement)(e,{dangerouslySetInnerHTML:{__html:d}})};d.defaultProps={tagName:"span",children:""};const c=d},24666:(n,e,t)=>{t.r(e),t.d(e,{default:()=>x});const a="style_overlay__ZS5Wz__jnrpB",o="style_overlay-content__IVFmc__jnrpB",l="style_state-tag__+59RJ__jnrpB";var r=t(73884),s=t(25644),i=t(62716),d=t(55199),c=t(69175),m=t.n(c),p=t(20977),u=t.n(p),h=t(70720),g=t.n(h),b=t(83136),f=t.n(b),y=t(70579);const v=n=>{let{className:e,overlayClassName:t,storeName:c,maxLength:p,label:h,children:b,onSelect:v,zIndex:x,getPopupContainer:_}=n;const[k,S]=(0,r.useState)((()=>s.A.getItem(c)\|\|[])),[I,N]=(0,r.useState)(!1),F=(0,r.useCallback)((()=>{0!==k.length&&N(!0)}),[k]),P=(0,r.useRef)(c);P.current=c,(0,r.useEffect)((()=>{s.A.setItem(P.current,k)}),[k]);const C=(0,r.useCallback)((n=>{n.value&&n.label&&S((e=>{const t=m()(e,{value:n.value});return t.splice(0,0,n),p?u()(t,"value").slice(0,p):t})),N(!1)}),[p]),B=(0,r.useCallback)((()=>{N(!1)}),[]),j=g()(B),w=(0,r.useRef)(null),T=(0,r.useRef)(null);j.current={contains:n=>w.current.contains(n)\|\|I&&T.current.contains(n)};const A=(0,r.useRef)(null),[E,L]=(0,r.useState)(0);return(0,r.useLayoutEffect)((()=>{const n=()=>{L(w.current.clientWidth)};n();const e=new ResizeObserver(n);e.observe(w.current);const t=new MutationObserver(n);return t.observe(w.current,{subtree:!0,childList:!0}),()=>{t.disconnect(),e.disconnect()}}),[]),(0,y.jsx)(d.Popover,{zIndex:x,placement:"bottom",transitionName:"ant-slide-up",arrow:!1,open:I,getPopupContainer:_,overlayClassName:f()(t,a),content:(0,y.jsx)("div",{className:o,style:{width:E},ref:T,children:(0,y.jsxs)(d.Space,{direction:"vertical",children:[(0,y.jsx)("div",{children:h}),(0,y.jsx)(d.Space,{wrap:!0,children:k.map((n=>(0,y.jsx)(i.default,{className:l,text:n.label,type:"result",onClick:()=>{v&&v(n.value,n),A.current&&A.current(n.value,n),B(),C(n)}})))})]})}),children:(0,y.jsx)("div",{ref:w,className:f()(e),children:b({open:I,openHistory:F,appendHistory:C,setOnSelect:n=>{A.current=n},close:B})})})};v.defaultProps={maxLength:5,label:"\u6700\u8fd1\u641c\u7d22",storeName:"HISTORY_STORE_KEY"};const x=v},41381:(n,e,t)=>{t.r(e),t.d(e,{default:()=>o.a});t(55664);var a=t(24614),o=t.n(a),l={};for(const r in a)"default"!==r&&(l[r]=()=>a[r]);t.d(e,l)},89384:(n,e,t)=>{t.r(e),t.d(e,{default:()=>F});var a=t(55199),o=t(53984),l=t.n(o),r=t(83136),s=t.n(r),i=t(17342),d=t(63908),c=t(64671),m=t(82723);const p={notification:"style_notification__Vv-MM__jnrpB",list:"style_list__l8KOo__jnrpB",header:"style_header__3dcv8__jnrpB",item:"style_item__d92RS__jnrpB","item-box":"style_item-box__dd-Lk__jnrpB","index-1":"style_index-1__f97L0__jnrpB","index-2":"style_index-2__04vAw__jnrpB","item-box-main":"style_item-box-main__lnSak__jnrpB","item-title":"style_item-title__mArMd__jnrpB","level-high":"style_level-high__Uys7Y__jnrpB","level-middle":"style_level-middle__EewyC__jnrpB","level-low":"style_level-low__8kVyL__jnrpB","title-icon":"style_title-icon__1EoAG__jnrpB","item-subtitle":"style_item-subtitle__xeFJs__jnrpB","close-btn":"style_close-btn__7qpG3__jnrpB","is-loading":"style_is-loading__upVL+__jnrpB","item-content":"style_item-content__8MlsG__jnrpB","link-outer":"style_link-outer__kegyZ__jnrpB",link:"style_link__F2CO-__jnrpB","is-last-item":"style_is-last-item__MytRl__jnrpB"};var u=t(73884),h=t(39835),g=t.n(h),b=t(85855),f=t.n(b),y=t(96604),v=t.n(y),x=t(81014),_=t(32520),k=t.n(_),S=t(70579);const I=["high","middle","low"],N=n=>{let{level:e,title:t,groupLength:o,subtitle:l,content:r,link:i,id:u,children:h,className:g}=n;const{setGlobal:b}=(0,d.useGlobalContext)("notification"),{apis:f,ajax:y}=(0,d.usePreset)(),{isLoading:_,callback:I}=(0,x.useLoading)((async()=>{var n;const{data:e}=null!==f&&void 0!==f&&null!==(n=f.notification)&&void 0!==n&&n.read?await y(Object.assign({},f.notification.read,{data:{ids:[u]}})):{data:{code:0}};0===e.code&&b((n=>{const e=((null===n\|\|void 0===n?void 0:n.list)\|\|[]).slice(0),t=k()(e,(n=>u===n.id));return t>-1&&e.splice(t,1),Object.assign({},n,{list:e})}))}));return(0,S.jsxs)("div",{className:s()(p.item,g),style:{"--group-length":Math.min(o,3)\|\|1},children:[o&&o>1&&v()(1,Math.min(o,3)).reverse().map((n=>(0,S.jsx)("div",{className:s()(p["item-box"],p[`index-${n}`])},n))),(0,S.jsxs)("div",{className:s()(p["item-box"],p["item-box-main"]),children:[(0,S.jsxs)("div",{className:s()(p["item-title"],p[`level-${e}`]),children:[(0,S.jsx)(c.default,{className:p["title-icon"],type:"high"===e?"icon-tishi":"icon-daiwochuli"}),(0,S.jsx)(a.Typography.Text,{ellipsis:!0,children:t})]}),(0,S.jsxs)("div",{className:p["item-content"],children:[(0,S.jsxs)("div",{className:p["item-subtitle"],children:[(0,S.jsx)(a.Typography.Text,{ellipsis:!0,children:l\|\|""}),(0,S.jsx)(c.default,{className:s()(p["close-btn"],{[p["is-loading"]]:_}),type:"icon-close-thin",onClick:()=>{_\|\|u&&I()}})]}),Array.isArray(r)?(0,S.jsx)(m.default,{list:r,labelAlign:"auto",size:"small"}):h]}),i&&(0,S.jsx)("div",{className:p["link-outer"],children:(0,S.jsx)(x.default,{className:p.link,size:"small",onClick:async()=>{var n;const{data:e}=null!==f&&void 0!==f&&null!==(n=f.notification)&&void 0!==n&&n.read?await y(Object.assign({},f.notification.read,{data:{ids:[u]}})):{data:{code:0}};0===e.code&&window.open(i)},children:"\u67e5\u770b\u8be6\u60c5"})})]})]})};N.defaultProps={level:"low"};const F=n=>{let{itemClassName:e}=n;const{global:t,setGlobal:o}=(0,d.useGlobalContext)("notification"),r=(0,u.useRef)(),{apis:c,ajax:m}=(0,d.usePreset)(),[h,b]=(0,u.useState)(32);(0,u.useEffect)((()=>{var n;r.current&&b(null===(n=r.current)\|\|void 0===n?void 0:n.clientHeight)}),[]);const{list:y,expand:v}=Object.assign({},{expand:!1,list:[]},t),_=(0,u.useMemo)((()=>{const n=g()(y,(n=>n.level\|\|"low"));return I.map((e=>n[e]\|\|[]))}),[y]);return 0===y.length?null:(0,S.jsxs)("div",{className:s()({},p.notification,"notification"),style:{"--head-option-height":`${h}px`},children:[(0,S.jsx)("div",{ref:r,children:(0,S.jsxs)(a.Row,{justify:"end",wrap:!1,className:p.header,gutter:8,children:[_.some((n=>n.length>1))&&(0,S.jsx)(a.Col,{children:(0,S.jsx)(a.Button,{size:"small",onClick:()=>{o(Object.assign({},t,{expand:!v}))},children:v?"\u5168\u90e8\u6298\u53e0":"\u5168\u90e8\u5c55\u5f00"})}),(0,S.jsx)(a.Col,{children:(0,S.jsx)(x.default,{type:"primary",size:"small",onClick:async()=>{var n;const{data:e}=null!==c&&void 0!==c&&null!==(n=c.notification)&&void 0!==n&&n.read?await m(Object.assign({},c.notification.read,{data:{ids:y.map((n=>n.id)).filter((n=>!!n))}})):{data:{code:0}};0===e.code&&o(Object.assign({},t,{list:[]}))},children:"\u5168\u90e8\u6e05\u9664"})})]})}),(0,S.jsx)(i.A,{className:p.list,children:(0,S.jsx)(l(),{leaveReverse:!0,duration:200,interval:20,children:_.filter((n=>n&&n.length>0)).map(((n,t)=>{var a;if(v)return n.map(((e,a)=>{var o;return e&&(0,S.jsx)("div",{children:(0,S.jsx)(N,{...Object.assign({},e),className:s()({[p["is-last-item"]]:+t+1===Math.min(null===(o=_.filter((n=>n&&n.length)))\|\|void 0===o?void 0:o.length,3)&&a===(null===n\|\|void 0===n?void 0:n.length)-1})})},`group-${t}-${a}`)}));const o=f()(n);return(0,S.jsx)("div",{children:(0,S.jsx)(N,{...Object.assign({},o),groupLength:n.length,className:s()({[p["is-last-item"]]:(null===_\|\|void 0===_?void 0:_.length)&&+t+1===Math.min(null===(a=_.filter((n=>n&&n.length)))\|\|void 0===a?void 0:a.length,3)},e)})},`group-${t}-0`)}))})})]})}},27777:(n,e,t)=>{t.r(e),t.d(e,{Table:()=>O,default:()=>V});var a=t(55199),o=t(73884),l=t(96418),r=t.n(l),s=t(87558),i=t.n(s),d=t(83136),c=t.n(d),m=t(33097),p=t.n(m),u=t(42787),h=t(76801),g=t(60262),b=t.n(g),f=t(56641),y=t.n(f),v=t(51941);const x={"loading-container":"style_loading-container__tATe2__jnrpB","width-changer":"style_width-changer__2ZxQE__jnrpB","table-changer-setting":"style_table-changer-setting__vHBi5__jnrpB","width-changer-sign":"style_width-changer-sign__JpI-0__jnrpB","columns-control":"style_columns-control__Yt34Y__jnrpB","columns-control-content":"style_columns-control-content__1wnZG__jnrpB","columns-control-content-title":"style_columns-control-content-title__MsQpI__jnrpB","columns-control-content-scroller":"style_columns-control-content-scroller__VEy4q__jnrpB","columns-control-content-footer":"style_columns-control-content-footer__rvk74__jnrpB","columns-control-content-input":"style_columns-control-content-input__fYYyr__jnrpB","columns-control-content-list":"style_columns-control-content-list__wepM4__jnrpB","columns-control-content-item":"style_columns-control-content-item__1cPXT__jnrpB","is-drag":"style_is-drag__HRe9m__jnrpB","columns-control-content-item-icon":"style_columns-control-content-item-icon__oku-X__jnrpB","sortable-drag":"style_sortable-drag__N6+aC__jnrpB","sortable-ghost":"style_sortable-ghost__EbwXI__jnrpB","columns-control-overlay":"style_columns-control-overlay__QYEXZ__jnrpB"};var _=t(63908),k=t(70579);const S=n=>"TH"===n.tagName.toUpperCase()&&[].indexOf.call(n.classList,"ant-table-cell")>-1&&-1===[].indexOf.call(n.classList,"ant-table-selection-column")?n:null!==n.parentElement&&n.parentElement!==document.body&&S(n.parentElement),I=n=>{let{columns:e,setData:t,name:a,initColumnsData:l}=n;const i=(0,o.useRef)(null),d=(0,o.useRef)(a);d.current=a;const m=(0,o.useMemo)((()=>new Map(e.map((n=>[n.key,n])))),[e]),p=(0,o.useRef)(m);p.current=m;const{tablePageServerApis:u}=(0,_.usePreset)(),h=(0,v.useDebouncedCallback)((()=>{(0,s.getCache)().delByCacheName(`TABLE_CONFIG_${d.current}`),u&&u.setDataFunc&&(u.setDataFunc(d.current,j),t(j))}),1e3),[g,f]=(0,o.useState)(!1),I=(0,o.useRef)(!1),N=(0,o.useRef)({index:-1,width:0}),[F,P]=(0,o.useState)({}),C=(0,o.useRef)(0),B=(0,o.useCallback)((()=>l&&l.length>0&&e.length===l.length&&y()(e,l,((n,e)=>n.key===e.id))?l.map((n=>{let{id:e,width:t,hidden:a}=n;return{id:e,width:t,hidden:a}})):e.map((n=>({id:n.key,hidden:n.hidden,width:n.width})))),[l,e]);(0,o.useEffect)((()=>{w(B())}),[B]);const[j,w]=(0,o.useState)(B),T=r()((n=>{w(n),h()})),A=(0,o.useRef)(j),E=(0,o.useRef)(j);A.current=E.current=j;const L=r()((()=>{const n=e.map((n=>({id:n.key,hidden:n.hidden,width:n.width})));E.current=n,T(n)}));return(0,o.useEffect)((()=>{if(!i.current)return;const n=n=>{const e=n.target;I.current\|\|e.classList.contains("changer-sign")\|\|S(e)\|\|f(!1)},e=()=>{document.body.style.cursor="unset",I.current=!1,N.current={index:-1,width:0},f(!1)};return i.current.addEventListener("mousemove",(n=>{const e=S(n.target)\|\|n.target,{left:t,top:a}=i.current.getBoundingClientRect(),{left:o,width:l,height:r}=e.getBoundingClientRect(),s=i.current.querySelector(".ant-table-thead"),d=s.getBoundingClientRect().top,c=Array.from(s.querySelectorAll("th")),m=Array.from(s.querySelectorAll("th:not(.ant-table-selection-column)"));if(!I.current&&S(e)&&0<n.pageX-o+8&&(N.current={index:m.indexOf(e),locationIndex:c.indexOf(e),width:l,left:o,height:r},P({left:o-t+l-8,top:d-a,height:r}),f(!0)),!I.current&&S(e)&&0>n.pageX-o+8&&f(!1),I.current&&N.current.index>-1){const e=n.pageX-C.current,t=(i.current.querySelector(".ant-table-body")\|\|i.current.querySelector(".ant-table-content")).scrollLeft,o=Math.max(e+N.current.width,100);P({left:Math.max(b()(c.slice(0,N.current.locationIndex).map((n=>n.clientWidth)))-t,0)+o-8,top:d-a,height:N.current.height}),T((n=>{const e=n.slice(0);return e.filter((n=>{let{hidden:e}=n;return!0!==e})).forEach(((n,e)=>{var t;n.width=N.current.index===e?o:(null===(t=m[e])\|\|void 0===t?void 0:t.clientWidth)\|\|100})),e}))}}),!0),window.addEventListener("mouseup",e),document.addEventListener("mousemove",n,!0),()=>{document.removeEventListener("mousemove",n,!0),window.removeEventListener("mouseup",e)}}),[L,T]),{ref:i,sign:g&&(0,k.jsx)("div",{className:c()(x["width-changer-sign"],"changer-sign"),style:{top:F.top,left:F.left,height:F.height},onMouseDown:n=>{n.preventDefault(),I.current=!0,C.current=n.pageX,document.body.style.cursor="url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAUCAMAAACgaw2xAAAANlBMVEUAAAAjIyMiIiIhISEjIyMiIiIhISEiIiIjIyMiIiIjIyMjIyMiIiIiIiIiIiIiIiIiIiL///8npLH6AAAAEHRSTlMAZm9zdnd7gISIjKq78fL+6p9oYgAAAAFiS0dEEeK1PboAAAA/SURBVBgZ1cGJDYAgEEXBh7JyKPj7r9ZkQyKUwAx7yhfurCyyDHe8lUlRf4auws/U7qHJmJgSLslYxIALkS192tYB4NtE/LQAAAAASUVORK5CYII=) 12 10,col-resize"}}),targetColumns:j.filter((n=>{let{hidden:e}=n;return!0!==e})).map((n=>{let{id:e,width:t}=n;return Object.assign({},m.get(e),{width:t,ellipsis:!1})})),popupColumns:E.current,columnMap:p.current,setColumns:n=>{E.current=n},onConfirm:()=>{T(E.current)},onCancel:()=>{E.current=A.current},onReset:()=>{L()}}},N=n=>{const e=(0,s.withFetch)(n);return t=>{const{name:a,controllerOpen:o}=t,{tablePageServerApis:l}=(0,_.usePreset)();return o&&a&&l&&l.getDataApi?(0,k.jsx)(e,{...t,...l.getDataApi(a),cache:`TABLE_CONFIG_${a}`,isLocal:!0,ttl:5e3,error:(0,k.jsx)(n,{...t})}):(0,k.jsx)(n,{...t})}};var F=t(74529);const P=t.n(F)()(N,(n=>e=>{let{name:t,controllerOpen:a,columns:o,data:l,setData:r,...s}=e;const{ref:i,targetColumns:d,sign:m}=I({columns:o,name:t,initColumnsData:l,setData:r});return a?(0,k.jsxs)("div",{className:c()(x["width-changer"],"table-page-columns-width-changer"),ref:i,children:[(0,k.jsx)(n,{...s,name:t,controllerOpen:a,originColumns:o,tableColumnFetchApi:{data:l,setData:r},columns:d}),m]}):(0,k.jsx)(n,{columns:o,controllerOpen:a,originColumns:o,name:t,...s})}));var C=t(63361);const B=n=>({"en-US":()=>t.e(6222).then(t.bind(t,86222)),"zh-CN":()=>t.e(6964).then(t.bind(t,56964))}[n]());var j=t(47458),w=t(39835),T=t.n(w),A=t(64671),E=t(81014),L=t(43856),R=t(76441);const{Panel:D}=a.Collapse,M=n=>{let{close:e,onCancel:t,onConfirm:l,onReset:r,columns:s,setColumns:i}=n;const[d,m]=(0,o.useState)(s),[p,u]=(0,o.useState)(""),{leftFixedColumns:h,rightFixedColumns:g,visibleColumns:b,hiddenColumns:f}=(0,o.useMemo)((()=>Object.assign({leftFixedColumns:[],rightFixedColumns:[],visibleColumns:[],hiddenColumns:[]},T()(d,(n=>"right"===n.fixed?"rightFixedColumns":!0===n.fixed\|\|"left"===n.fixed?"leftFixedColumns":n.hidden?"hiddenColumns":"visibleColumns")))),[d]),y=n=>{m(n),i(n)};return(0,k.jsxs)("div",{className:x["columns-control-content"],children:[(0,k.jsx)("div",{className:x["columns-control-content-title"],children:(0,k.jsxs)(a.Row,{align:"middle",justify:"space-between",children:[(0,k.jsx)(a.Col,{children:"\u7f16\u8f91\u8868\u683c"}),(0,k.jsx)(a.Col,{children:(0,k.jsx)(a.Tooltip,{title:"\u6062\u590d\u9ed8\u8ba4",children:(0,k.jsx)(E.default,{type:"text",icon:(0,k.jsx)(A.default,{type:"icon-huifumorenshezhi"}),onClick:async()=>{r&&await r(),e()}})})})]})}),(0,k.jsx)("div",{className:x["columns-control-content-scroller"],children:(0,k.jsxs)(a.Collapse,{defaultActiveKey:["active","un-active"],ghost:!0,bordered:!0,children:[(0,k.jsx)(D,{header:"\u663e\u793a\u7684\u4fe1\u606f",children:(0,k.jsxs)(a.List,{className:x["columns-control-content-list"],children:[h.map((n=>(0,k.jsx)(a.List.Item,{className:x["columns-control-content-item"],children:(0,k.jsx)(a.Checkbox,{checked:!0,disabled:!0,children:n.name})},n.id))),(0,k.jsx)(R.ReactSortable,{list:b,filter:".ignore-elements",dragClass:x["sortable-drag"],ghostClass:x["sortable-ghost"],forceFallback:!0,setList:n=>{y([...h,...n,...f,...g])},animation:300,delayOnTouchStart:!0,delay:2,children:b.map((n=>(0,k.jsxs)(a.List.Item,{className:c()(x["columns-control-content-item"],x["is-drag"]),children:[(0,k.jsx)(A.default,{type:"icon-paixu",className:x["columns-control-content-item-icon"]}),(0,k.jsx)(a.Checkbox,{checked:!0,disabled:n.fixed,onChange:e=>{e.stopPropagation(),e.preventDefault();const t=d.indexOf(n),a=d.slice(0);a[t]=Object.assign({},a[t],{hidden:!0}),y(a)},children:n.name})]},n.id)))}),g.map((n=>(0,k.jsx)(a.List.Item,{className:x["columns-control-content-item"],children:(0,k.jsx)(a.Checkbox,{checked:!0,disabled:!0,children:n.name})},n.id)))]})},"active"),(0,k.jsx)(D,{header:(0,k.jsxs)(a.Row,{wrap:!1,justify:"space-between",children:[(0,k.jsx)(a.Col,{children:"\u9690\u85cf\u7684\u4fe1\u606f"}),(0,k.jsx)(a.Col,{onClick:n=>{n.stopPropagation(),n.preventDefault()},children:(0,k.jsx)(L.SearchInput,{prefix:(0,k.jsx)(A.default,{type:"icon-sousuo",size:12}),placeholder:"\u641c\u7d22",onSearch:n=>{u(n)},className:x["columns-control-content-input"],size:"small"})})]}),children:(0,k.jsx)(a.List,{dataSource:f.filter((n=>"string"===typeof n.name&&n.name.indexOf(p)>-1)),renderItem:n=>(0,k.jsx)(a.List.Item,{className:x["columns-control-content-item"],children:(0,k.jsx)(a.Checkbox,{checked:!1,onChange:e=>{e.stopPropagation(),e.preventDefault();const t=d.indexOf(n),a=d.slice(0);a[t]=Object.assign({},a[t],{hidden:!1,width:a[t].width\|\|200}),y(a)},children:n.name})},n.id)})},"un-active")]})}),(0,k.jsxs)(a.Row,{className:x["columns-control-content-footer"],justify:"end",gutter:10,children:[(0,k.jsx)(a.Col,{children:(0,k.jsx)(a.Button,{size:"small",onClick:()=>{t&&t(),e()},children:"\u53d6\u6d88"})}),(0,k.jsx)(a.Col,{children:(0,k.jsx)(E.default,{type:"primary",size:"small",onClick:async()=>{l&&await l(),e()},children:"\u786e\u5b9a"})})]})]})},G=n=>{let{columns:e,name:t,data:l,setData:r,...s}=n;const[i,d]=(0,o.useState)(!1),{popupColumns:c,columnMap:m,setColumns:u,onConfirm:h,onCancel:g,onReset:b}=I({columns:e,name:t,initColumnsData:l,setData:r});return(0,k.jsx)(a.Popover,{...s,open:i,overlayClassName:x["columns-control-overlay"],trigger:"click",autoAdjustOverflow:!1,placement:"bottomRight",content:(0,k.jsx)(M,{columns:c.map((n=>{const e=m.get(n.id);return Object.assign({},n,{name:p()(e,"titleText")\|\|p()(e,"title")\|\|"\u672a\u547d\u540d\u5217",fixed:p()(e,"fixed")})})),setColumns:n=>{u(n.map((n=>{let{id:e,width:t,hidden:a}=n;return{id:e,width:t,hidden:a}})))},close:()=>d(!1),onConfirm:h,onCancel:g,onReset:b}),onOpenChange:n=>d(n),children:(0,k.jsx)("span",{className:x["table-changer-setting"],children:(0,k.jsx)(A.default,{type:"icon-shezhi"})})})},O=P((n=>{let{className:e,columns:t,originColumns:o,controllerOpen:l,tableColumnFetchApi:r,name:s,scroller:i,featureId:d,...m}=n;const{data:h,setData:g}=r\|\|{},b=n=>{let{children:e}=n;return d?(0,k.jsx)(C.default,{id:d,children:n=>e(n)}):e({})};return(n=>(0,k.jsx)(u.A,{className:"table-page-scroller",scroller:i,getScrollTarget:n=>n.querySelector(".ant-table-body")\|\|n.querySelector(".ant-table-content"),children:b({children:t=>{let{options:r}=t;const i=n.filter((n=>!n.key\|\|(!Array.isArray(p()(r,"hiddenColumns"))\|\|-1===r.hiddenColumns.indexOf(n.key))));return(0,k.jsx)(a.Table,{...m,columns:!1===l?i:i.map(((n,e)=>i.length-1===e?{...n,title:()=>(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)("span",{children:n.title}),(0,k.jsx)(G,{data:h,columns:o,setData:g,name:s})]})}:n)),className:c()(e,"table-page")})}})}))(t)})),z=(0,s.withFetch)((n=>{let{data:e,refresh:t,reload:a,requestParams:l,fetchProps:s,isComplete:d,setData:m,loadMore:u,send:h,dataFormat:g,pagination:b,scroller:f,getColumns:y,getColumnsParams:v,className:_,columns:S,featureId:I,stickyOffset:N,...F}=n;const P=r()(g),C=r()(y),w=(0,o.useMemo)((()=>P(e)),[e,P]),T={dataSource:w.list,pagination:!!b.open&&{total:w.total,showTotal:n=>(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(j.FormattedMessage,{id:"Page_Total",moduleName:"TablePage",defaultMessage:"\u5171"}),(0,k.jsx)("span",{className:x.total_text,children:n}),(0,k.jsx)(j.FormattedMessage,{id:"Page_TotalCount",moduleName:"TablePage",defaultMessage:"\u6761"})]}),current:p()(l,[b.paramsType,b.current],1),pageSize:b.defaultPageSize,onChange:b.onChange?b.onChange:(n,e)=>{n!==p()(l,[b.paramsType,b.current],1)?("refresh"===b.requestType?t:a)({[b.paramsType]:{[b.current]:n,[b.pageSize]:e}}):b.onShowSizeChange&&b.onShowSizeChange(n,e)},size:b.size,showSizeChanger:b.showSizeChanger,showQuickJumper:b.showQuickJumper},className:_,style:{"--sticky-offset":N}};return(0,k.jsx)(j.IntlProvider,{importMessages:B,moduleName:"TablePage",children:(0,k.jsx)("div",{className:c()(x["loading-container"],"loading-container",{"is-loading":!d}),children:"function"!==typeof y\|\|S?(0,k.jsx)(O,{...F,...T,columns:S,scroller:f,featureId:I}):(0,k.jsx)(i(),{data:e,params:v,loader:n=>{let{data:e,params:t}=n;return C({data:e,params:t,formatData:w})},render:n=>{let{data:e}=n;return(0,k.jsx)(O,{...F,...T,columns:e,scroller:f,featureId:I})}})})})})),U=(0,o.forwardRef)(((n,e)=>{let{pagination:t,...a}=n;const[l,r]=(0,o.useState)(20);t=Object.assign({},{showSizeChanger:!0,showQuickJumper:!0,open:!0,paramsType:"data",requestType:"reload",current:"currentPage",pageSize:"perPage",size:"default"},t);const s=(0,o.useMemo)((()=>{const n={};return a.params&&Object.keys(a.params).length>0&&(n.params={...a.params,[t.pageSize]:l}),a.data&&Object.keys(a.data).length>0&&(n.data={...a.data,[t.pageSize]:l}),n}),[a.params,a.data,t.pageSize,l]);return(0,k.jsx)(z,{...a,pagination:Object.assign({},{defaultPageSize:l,onShowSizeChange:(n,e)=>{r(e)}},t),...s,ref:e})}));U.defaultProps={controllerOpen:!0,size:"middle",stickyOffset:"var(--nav-height)",sticky:{getContainer:h.h},scroller:{getContainer:h.h},scroll:{x:"max-content"},rowKey:"id",pagination:{},dataFormat:n=>({list:n.pageData,total:n.totalCount})};const V=U},21554:(n,e,t)=>{t.r(e),t.d(e,{TooltipFetch:()=>B,TooltipInfoLabel:()=>N,default:()=>S});var a=t(55199),o=t(83136),l=t.n(o);const r="style_tooltip__zHGMI__jnrpB",s="style_large__lvmsm__jnrpB",i="style_small__nUt0r__jnrpB",d="style_popup-content__-rKQN__jnrpB",c="style_title__1EQPq__jnrpB",m="style_important-info__qTSZY__jnrpB",p="style_error__yTTq3__jnrpB",u="style_warning__CMJxz__jnrpB",h="style_success__AvJVx__jnrpB",g="style_sub-title__uD8CH__jnrpB",b="style_content__lzgUz__jnrpB",f="style_alone__q6q82__jnrpB",y="style_fetch-content__tEOEV__jnrpB",v="style_fetch-loading__tN-WB__jnrpB",x="style_title-info-icon__iY8Q+__jnrpB";var _=t(70579);const k=n=>{let{overlayClassName:e,title:t,size:o,subtitle:y,content:v,importantInfo:x,importantInfoType:k,moreInfo:S,...I}=n;return(0,_.jsx)(a.Tooltip,{...I,overlayClassName:l()(e,r,{[i]:"small"===o,[s]:"large"===o}),title:(0,_.jsxs)(a.Space,{direction:"vertical",className:d,children:[t&&(0,_.jsx)("div",{className:c,children:t}),x&&(0,_.jsx)("div",{className:l()(m,{[h]:"success"===k,[u]:"warning"===k,[p]:"error"===k}),children:x}),y&&(0,_.jsx)("div",{className:g,children:y}),v&&(0,_.jsx)("div",{className:l()(b,{[f]:[t,y,x,S].every((n=>!n))}),children:v}),S&&(0,_.jsx)("div",{children:S})]})})};k.defaultProps={};const S=k;var I=t(64671);const N=n=>{let{title:e,tooltipTitle:t}=n;return(0,_.jsxs)("div",{children:[e,t?(0,_.jsx)(S,{...t,children:(0,_.jsx)("span",{children:(0,_.jsx)(I.default,{type:"icon-xinxi-miaobian",className:x,size:14})})}):null]})};var F=t(73884),P=t(87558);const C=n=>{let{api:e,children:t,fetchContent:o,showLoading:r,loadingClassName:s,force:i,...d}=n;const[c,m]=(0,F.useState)(!1),p=(0,P.useFetch)(Object.assign({},e,{auto:!1})),{isComplete:u,isLoading:h,data:g,send:b}=p;return(0,_.jsx)(S,{...Object.assign({},d,u?o(g,p):{}),open:c,onOpenChange:async n=>{!n\|\|u&&!i\|\|await b({type:"refresh"}),m(n)},children:(0,_.jsxs)("span",{className:y,children:[t,r&&h?(0,_.jsx)(a.Spin,{size:"small",className:l()(s,v)}):null]})})};C.defaultProps={showLoading:!0};const B=C},24194:(n,e,t)=>{t.r(e),t.d(e,{default:()=>_n,manifest:()=>kn});var a={};t.r(a),t.d(a,{default:()=>nn});var o={};t.r(o),t.d(o,{default:()=>en});var l=t(6617),r=t(55199),s=t(64690);const i={name:"ButtonGroup",summary:"<p>\u7528\u4e8e\u6839\u636e\u5f53\u524d\u5bb9\u5668\u7a7a\u95f4\u81ea\u52a8\u8ba1\u7b97\u591a\u4f59\u6309\u94ae\u6536\u8d77</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>list</td>\n<td>button\u6309\u94ae\u5c5e\u6027\u7684\u6570\u7ec4</td>\n<td>array</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>more</td>\n<td>\u66f4\u591a\u6309\u94ae\u5360\u4f4d</td>\n<td>jsx</td>\n<td><Button>\u66f4\u591a<Icon type=\"icon-arrow-thin-down\"/></Button></td>\n</tr>\n<tr>\n<td>compact</td>\n<td>\u662f\u5426\u4e3a\u7d27\u51d1\u6a21\u5f0f</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>size</td>\n<td>\u5f53compact\u4e3afalse\u65f6\u4e3a\u6309\u94ae\u95f4\u9694\u5927\u5c0f\uff0c\u5426\u5219\u4e3a\u6309\u94ae\u5927\u5c0f</td>\n<td>'small','middle','large',number</td>\n<td>8</td>\n</tr>\n<tr>\n<td>split,align</td>\n<td>\u53c2\u8003antd Space</td>\n<td>-</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!1,className:"ButtonGroup_e3fc2",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: ButtonGroup } = _ButtonGroup;\nconst { Button, Space } = antd;\nconst { useState } = React;\nconst BaseExample = () => {\n const [width, setWidth] = useState(200);\n return (\n <Space>\n <div style={{ width: `${width}px` }}>\n <ButtonGroup\n list={[\n {\n type: "primary",\n children: "\u64cd\u4f5c1",\n },\n {\n children: "\u64cd\u4f5c2",\n },\n {\n children: "\u64cd\u4f5c3",\n },\n {\n children: "\u64cd\u4f5c3",\n message: "\u786e\u5b9a\u8981\u6267\u884c\u64cd\u4f5c\u5417\uff1f",\n disabled: true,\n },\n ]}\n />\n </div>\n <Space>\n <Button\n onClick={() => {\n setWidth((width) => {\n return width + 20;\n });\n }}\n >\n \u589e\u52a0\u5bb9\u5668\u5bbd\u5ea6\n </Button>\n <Button\n onClick={() => {\n setWidth((width) => {\n return width - 20;\n });\n }}\n >\n \u51cf\u5c11\u5bb9\u5668\u5bbd\u5ea6\n </Button>\n </Space>\n </Space>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_ButtonGroup",packageName:"@components/ButtonGroup",component:l},{name:"antd",packageName:"antd",component:r}]},{title:"\u7d27\u51d1\u6a21\u5f0f",description:"\u7d27\u51d1\u6a21\u5f0f",code:'const { default: ButtonGroup } = _ButtonGroup;\nconst { Button, Space } = antd;\nconst { useState } = React;\nconst BaseExample = () => {\n const [width, setWidth] = useState(200);\n return (\n <Space>\n <div style={{ width: `${width}px` }}>\n <ButtonGroup\n compact\n list={[\n {\n type: "primary",\n children: "\u64cd\u4f5c1",\n },\n {\n children: "\u64cd\u4f5c2",\n },\n {\n children: "\u64cd\u4f5c3",\n },\n {\n children: "\u64cd\u4f5c3",\n message: "\u786e\u5b9a\u8981\u6267\u884c\u64cd\u4f5c\u5417\uff1f",\n },\n ]}\n />\n </div>\n <Space>\n <Button\n onClick={() => {\n setWidth((width) => {\n return width + 20;\n });\n }}\n >\n \u589e\u52a0\u5bb9\u5668\u5bbd\u5ea6\n </Button>\n <Button\n onClick={() => {\n setWidth((width) => {\n return width - 20;\n });\n }}\n >\n \u51cf\u5c11\u5bb9\u5668\u5bbd\u5ea6\n </Button>\n </Space>\n </Space>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_ButtonGroup",packageName:"@components/ButtonGroup",component:l},{name:"antd",packageName:"antd",component:r}]},{title:"\u6e32\u67d3\u51fd\u6570",description:"\u6e32\u67d3\u51fd\u6570",code:'const { default: ButtonGroup } = _ButtonGroup;\nconst { default: ConfirmButton } = _ConfirmButton;\nconst { Button, Space } = antd;\nconst { useState, useEffect } = React;\n\nconst LoadChildren = ({ children }) => {\n const [loading, setLoading] = useState(true);\n useEffect(() => {\n setTimeout(() => {\n setLoading(false);\n }, 1000);\n }, []);\n if (loading) {\n return null;\n }\n return children({\n onClick: () => {\n console.log("\u52a0\u8f7d\u5b8c\u6210");\n },\n });\n};\nconst BaseExample = () => {\n const [width, setWidth] = useState(200);\n return (\n <Space>\n <div style={{ width: `${width}px` }}>\n <ButtonGroup\n list={[\n (props) => {\n return (\n <Button {...props} type="primary">\n \u64cd\u4f5c1\n </Button>\n );\n },\n (props) => {\n return <Button {...props}>\u64cd\u4f5c2</Button>;\n },\n (props) => {\n return <Button {...props}>\u64cd\u4f5c3</Button>;\n },\n (props) => {\n return (\n <LoadChildren key={props.key}>\n {({ onClick }) => {\n return (\n <ConfirmButton\n {...props}\n isModal={props.isDropdown}\n message="\u786e\u5b9a\u8981\u6267\u884c\u64cd\u4f5c\u5417\uff1f"\n onClick={onClick}\n >\n \u64cd\u4f5c4\n </ConfirmButton>\n );\n }}\n </LoadChildren>\n );\n },\n ]}\n />\n </div>\n <Space>\n <Button\n onClick={() => {\n setWidth((width) => {\n return width + 20;\n });\n }}\n >\n \u589e\u52a0\u5bb9\u5668\u5bbd\u5ea6\n </Button>\n <Button\n onClick={() => {\n setWidth((width) => {\n return width - 20;\n });\n }}\n >\n \u51cf\u5c11\u5bb9\u5668\u5bbd\u5ea6\n </Button>\n </Space>\n </Space>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_ButtonGroup",packageName:"@components/ButtonGroup",component:l},{name:"_ConfirmButton",packageName:"@components/ConfirmButton",component:s},{name:"antd",packageName:"antd",component:r}]}]}};var d=t(43856),c=t(87558),m=t(21079);const p={name:"Common",summary:"<p>\u4e3a\u7ec4\u4ef6\u5e93\u63d0\u4f9b\u901a\u7528\u7684\u7ec4\u4ef6\u3001\u65b9\u6cd5\u3001hooks</p>\n<h3>\u7ec4\u4ef6</h3>\n<ol>\n<li>FetchButton Button\u89e6\u53d1\u52a0\u8f7d\u6570\u636e</li>\n<li>ScrollLoader \u4e0b\u62c9\u6eda\u52a8\u52a0\u8f7d\u7ec4\u4ef6</li>\n<li>SearchInput \u63d0\u4f9b\u9632\u6296\u7684\u67e5\u8be2\u8f93\u5165\u6846</li>\n<li>SimpleBarBox</li>\n</ol>\n<h3>\u65b9\u6cd5</h3>\n<ol>\n<li>changeMoneyToChinese \u5c06\u91d1\u989d\u8f6c\u5316\u4e3a\u5927\u5199\u7684\u4eba\u6c11\u5e01\u91d1\u989d</li>\n<li>getPopupContainer</li>\n<li>getScrollEl</li>\n<li>getContainerBody</li>\n</ol>\n<h3>hooks</h3>\n<ol>\n<li>withOSSFile</li>\n</ol>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!1,className:"Common_d13bc",style:".Common_d13bc .scroll-list {\n max-height: 300px;\n}",list:[{title:"FetchButton",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const Common = _Common;\n\nconst { FetchButton } = Common;\n\nconst BaseExample = () => {\n return (\n <FetchButton\n api={{\n loader: () => {\n return [\n { label: "1", content: "11" },\n { label: "2", content: "22" },\n ];\n },\n }}\n modalProps={({ data }) => {\n console.log(data);\n alert(JSON.stringify(data));\n return {\n children: (\n <div>\n <div>\u6211\u662f\u4e00\u4e2a\u5f39\u7a97</div>\n <div>{data[0].label}</div>\n <div>{data[0].content}</div>\n <div>{data[1].label}</div>\n <div>{data[1].content}</div>\n </div>\n ),\n };\n }}\n modalFunc={() => {}}\n >\n FetchButton\n </FetchButton>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Common",packageName:"@components/Common",component:d}]},{title:"Enum",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const Common = _Common;\nconst { Space } = _antd;\n\nconst { AddressEnum, FunctionEnum, IndustryEnum } = Common;\n\nconst BaseExample = () => {\n return (\n <Space direction={"vertical"}>\n <AddressEnum name={"010"} />\n <FunctionEnum name={"010"} />\n <IndustryEnum name={"010"} />\n </Space>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Common",packageName:"@components/Common",component:d},{name:"_antd",packageName:"antd",component:r}]},{title:"ScrollLoader",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { get, merge, range } = lodash;\nconst Common = _Common;\nconst { default: Fetch } = _reactFetch;\n\nconst { ScrollLoader } = Common;\n\nconst BaseExample = () => {\n console.log(Fetch, _reactFetch);\n return (\n <Fetch\n loader={({ data }) => {\n const params = Object.assign(\n {\n perPage: 20,\n currentPage: 1,\n },\n data\n );\n return new Promise((resolve) => {\n const start = (params.currentPage - 1) * params.perPage;\n setTimeout(() => {\n resolve({\n totalCount: 100,\n pageData: range(start, start + params.perPage).map((key) => {\n return {\n label: `\u7b2c${key + 1}\u9879`,\n value: key + 1,\n };\n }),\n });\n }, 500);\n });\n }}\n render={(fetchApi) => {\n const pagination = {\n paramsType: "data",\n current: "currentPage",\n pageSize: "perPage",\n defaultPageSize: 20,\n };\n const current = get(\n fetchApi.requestParams,\n [pagination.paramsType, pagination.current],\n 1\n ),\n pageSize =\n get(fetchApi.requestParams, [\n pagination.paramsType,\n pagination.pageSize,\n ]) \|\| pagination.defaultPageSize;\n\n const formatData = {\n list: fetchApi.data.pageData,\n total: fetchApi.data.totalCount,\n };\n return (\n <ScrollLoader\n completeTips=""\n className="scroll-list"\n isLoading={!fetchApi.isComplete}\n noMore={!formatData.total \|\| current * pageSize >= formatData.total}\n onLoader={async () => {\n await fetchApi.loadMore(\n merge({\n data: {\n [pagination.pageSize]: pageSize,\n [pagination.current]: current + 1,\n },\n }),\n (data, newData) => {\n return Object.assign({}, newData, {\n pageData: data.pageData.concat(newData.pageData),\n });\n }\n );\n }}\n >\n {formatData.list.map((item) => {\n return <div>{item.label}</div>;\n })}\n </ScrollLoader>\n );\n }}\n />\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Common",packageName:"@components/Common",component:d},{name:"_reactFetch",packageName:"@kne/react-fetch",component:c},{name:"lodash",packageName:"lodash",component:m}]},{title:"SearchInput",description:"\u641c\u7d22\u6846",code:'const Common = _Common;\n\nconst { SearchInput } = Common;\nconst { useState } = React;\n\nconst BaseExample = () => {\n const [value, setValue] = useState("");\n return (\n <SearchInput\n value={value}\n onSearch={(value) => {\n setValue(value);\n console.log(value);\n }}\n />\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Common",packageName:"@components/Common",component:d}]},{title:"AdvancedSelect",description:"\u9ad8\u7ea7\u9009\u62e9",code:'const { UserField } = _Common;\nconst { Space } = antd;\n\nconst BaseExample = () => {\n return (\n <Space>\n <UserField\n defaultValue={[1]}\n getSearchProps={(text) => {\n return {\n data: { keyword: text },\n };\n }}\n allowSelectAll\n showSelectedCount\n countUnit="\u4eba"\n allLabel="\u6240\u6709\u4eba"\n showSelectedTag={false}\n api={{\n loader: () => {\n return {\n pageData: [\n {\n label: "\u7528\u6237\u4e00",\n value: 1,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n {\n label: "\u7528\u6237\u4e8c",\n value: 2,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n {\n label: "\u7528\u6237\u4e09",\n value: 3,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n ],\n };\n },\n }}\n onChange={(value) => {\n console.log(value);\n }}\n />\n </Space>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Common",packageName:"@components/Common",component:d},{name:"antd",packageName:"antd",component:r}]},{title:"SuperSelect",description:"\u65b0\u7248\u9ad8\u7ea7\u9009\u62e9",code:'const { SuperSelectField, SuperSelectTableListField, SuperSelectUserField } =\n _Common;\nconst { Space } = antd;\n\nconst BaseExample = () => {\n return (\n <Space>\n <SuperSelectUserField\n getSearchProps={(text) => {\n return {\n data: { keyword: text },\n };\n }}\n allowSelectedAll\n api={{\n loader: () => {\n return {\n pageData: [\n {\n label: "\u7528\u6237\u4e00",\n value: 1,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n {\n label: "\u7528\u6237\u4e8c",\n value: 2,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n {\n label: "\u7528\u6237\u4e09",\n value: 3,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n ],\n };\n },\n }}\n onChange={(value) => {\n console.log(value);\n }}\n />\n <SuperSelectField\n isPopup={false}\n getSearchProps={(text) => {\n return {\n data: { keyword: text },\n };\n }}\n allowSelectedAll\n api={{\n loader: () => {\n return {\n pageData: [\n {\n label: "\u7528\u6237\u4e00",\n value: 1,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n {\n label: "\u7528\u6237\u4e8c",\n value: 2,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n {\n label: "\u7528\u6237\u4e09",\n value: 3,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n ],\n };\n },\n }}\n onChange={(value) => {\n console.log(value);\n }}\n />\n <SuperSelectTableListField\n isPopup={false}\n labelKey="name"\n valueKey="id"\n getSearchCallback={(searchProps, item, contextProps) => {\n const { props } = contextProps;\n const { labelKey } = props;\n if (!searchProps.searchText) {\n return true;\n }\n return item[labelKey].indexOf(searchProps.searchText) > -1;\n }}\n options={Array.from({ length: 20 }).map((item, key) => {\n return {\n id: key + 1,\n name: `\u540d\u79f0${key + 1}`,\n count: key + 1,\n description: `\u63cf\u8ff0${key + 1}`,\n disabled: key === 1,\n };\n })}\n columns={[\n {\n name: "name",\n title: "\u540d\u79f0",\n span: 8,\n },\n {\n name: "count",\n title: "\u6570\u91cf",\n span: 8,\n },\n {\n name: "description",\n title: "\u63cf\u8ff0",\n span: 8,\n },\n ]}\n />\n </Space>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Common",packageName:"@components/Common",component:d},{name:"antd",packageName:"antd",component:r}]}]}};var u=t(63908);const h={name:"ConfirmButton",summary:"<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u6267\u884c\u64cd\u4f5c\u524d\u786e\u8ba4\u540e\u518d\u6267\u884c</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>message</td>\n<td>\u5220\u9664\u63d0\u793a</td>\n<td>jsx</td>\n<td>\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f</td>\n</tr>\n<tr>\n<td>title</td>\n<td>\u5220\u9664\u63d0\u793a\u6807\u9898</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>isDelete</td>\n<td>\u662f\u5426\u4e3a\u5220\u9664\u64cd\u4f5c</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>onClick</td>\n<td>\u70b9\u51fb\u786e\u8ba4\u540e\u6267\u884c\u7684\u4e8b\u4ef6</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onCancel</td>\n<td>\u70b9\u51fb\u53d6\u6d88\u540e\u6267\u884c\u7684\u4e8b\u4ef6</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>disabled</td>\n<td>\u6309\u94ae\u662f\u5426\u7981\u7528</td>\n<td>boolean</td>\n<td>-</td>\n</tr>\n<tr>\n<td>showCancel</td>\n<td>\u662f\u5426\u663e\u793a\u53d6\u6d88\u6309\u94ae</td>\n<td>boolean</td>\n<td>-</td>\n</tr>\n<tr>\n<td>cancelText</td>\n<td>\u53d6\u6d88\u6309\u94ae\u6587\u6848</td>\n<td>string</td>\n<td>\u53d6\u6d88</td>\n</tr>\n<tr>\n<td>okText</td>\n<td>\u786e\u8ba4\u6309\u94ae\u6587\u6848</td>\n<td>string</td>\n<td>\u786e\u8ba4</td>\n</tr>\n<tr>\n<td>isModal</td>\n<td>\u662f\u5426\u4ee5\u5f39\u7a97\u65b9\u5f0f\u5c55\u793a\uff0c\u9ed8\u8ba4\u4e3aPopconfirm</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>placement</td>\n<td>\u5f53isModal\u4e3afalse\u65f6\u751f\u6548\uff0c\u6307\u5b9aPopconfirm\u7684\u5f39\u51fa\u65b9\u5411</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>getContainer</td>\n<td>\u6307\u5b9aPopconfirm\u6216Modal\u5f39\u51fa\u4f4d\u7f6e\uff0c\u4e00\u822c\u4e0d\u9700\u8981\u6307\u5b9a</td>\n<td>function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>ConfirmLink</h3>\n<p>\u53e6\u5916\u7684\u4e00\u79cd\u6309\u94ae\u5f62\u5f0f\u53c2\u6570\u540cConfirmButton</p>\n<h3>withConfirm</h3>\n<p>\u9ad8\u9636\u7ec4\u4ef6\u53ef\u4ee5\u81ea\u5b9a\u4e49\u6309\u94ae</p>",example:{isFull:!1,className:"ConfirmButton_5f815",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: ConfirmButton, ConfirmLink } = _ConfirmButton;\nconst { Space } = antd;\nconst { PureGlobal } = global;\nconst BaseExample = () => {\n return (\n <Space direction={"vertical"}>\n <Space>\n <ConfirmButton\n isDelete={false}\n message="\u786e\u5b9a\u8981\u5220\u9664\u5417"\n onClick={() => {\n console.log("\u6267\u884c\u5220\u9664");\n }}\n >\n \u975e\u8b66\u544a-\u6c14\u6ce1-\u6b63\u6587\n </ConfirmButton>\n <ConfirmButton\n onClick={() => {\n console.log("\u6267\u884c\u5220\u9664");\n }}\n >\n \u8b66\u544a-\u6c14\u6ce1-\u6b63\u6587\n </ConfirmButton>\n </Space>\n <Space>\n <ConfirmButton\n title="\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f"\n isDelete={false}\n message="\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664"\n onClick={() => {\n console.log("\u6267\u884c\u5220\u9664");\n }}\n >\n \u975e\u8b66\u544a-\u6c14\u6ce1-\u6807\u9898\u6b63\u6587\n </ConfirmButton>\n <ConfirmButton\n title="\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f"\n message="\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664"\n onClick={() => {\n console.log("\u6267\u884c\u5220\u9664");\n }}\n >\n \u8b66\u544a-\u6c14\u6ce1-\u6807\u9898\u6b63\u6587\n </ConfirmButton>\n </Space>\n <Space>\n <ConfirmButton\n isModal\n isDelete={false}\n message="\u786e\u5b9a\u63d0\u4ea4XX\u5417\uff1f"\n onClick={() => {\n console.log("\u6267\u884c\u5220\u9664");\n }}\n >\n \u975e\u8b66\u544a-modal-\u6b63\u6587\n </ConfirmButton>\n <ConfirmButton\n isModal\n onClick={() => {\n console.log("\u6267\u884c\u5220\u9664");\n }}\n >\n \u8b66\u544a-modal-\u6b63\u6587\n </ConfirmButton>\n </Space>\n <Space>\n <ConfirmButton\n isModal\n title="\u786e\u5b9a\u63d0\u4ea4XX\u5417\uff1f"\n isDelete={false}\n message="\u8fd9\u91cc\u663e\u793a\u8be6\u60c5\u8bf4\u660e\u8fd9\u91cc\u663e\u793a\u8be6\u60c5\u8bf4\u660e\u8fd9\u91cc\u663e\u793a\u8be6\u60c5\u8bf4\u660e\u8fd9\u91cc\u663e\u793a\u8be6\u60c5\u8bf4\u660e\u8fd9\u91cc\u663e\u793a\u8be6\u60c5\u8bf4\u660e"\n onClick={() => {\n console.log("\u6267\u884c\u5220\u9664");\n }}\n >\n \u975e\u8b66\u544a-modal-\u6807\u9898\u6b63\u6587\n </ConfirmButton>\n <ConfirmButton\n isModal\n title="\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f"\n message="\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664"\n onClick={() => {\n console.log("\u6267\u884c\u5220\u9664");\n }}\n >\n \u6709title\u7684Modal\u786e\u8ba4\u5220\u9664\n </ConfirmButton>\n </Space>\n <ConfirmLink\n onClick={() => {\n console.log("\u6267\u884c\u5220\u9664");\n }}\n >\n Link-\u8b66\u544a-\u6c14\u6ce1-\u6b63\u6587\n </ConfirmLink>\n </Space>\n );\n};\n\nrender(\n <PureGlobal>\n <BaseExample />\n </PureGlobal>\n);\n\n',scope:[{name:"_ConfirmButton",packageName:"@components/ConfirmButton",component:s},{name:"antd",packageName:"antd",component:r},{name:"global",packageName:"@components/Global",component:u}]}]}};var g=t(82723);const b={name:"Content",summary:"<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u6210\u7ec4\u5c55\u793a\u591a\u4e2a\u5b57\u6bb5\uff0c\u5e38\u89c1\u4e8e\u8be6\u60c5\u9875\u7684\u4fe1\u606f\u5c55\u793a</p>\n<h3>\u7279\u70b9</h3>\n<p>labelAlign\u4e0d\u4e3aauto\u65f6\u4f1a\u81ea\u52a8\u8ba1\u7b97label\u7684\u6700\u5c0f\u5bbd\u5ea6\u4f7f\u6240\u6709label\u7684\u5bbd\u5ea6\u7b49\u4e8e\u6700\u957f\u7684label\u5bbd\u5ea6\u4f7f\u89c6\u89c9\u4e0a\u66f4\u52a0\u6574\u9f50\u6709\u79e9\u5e8f\u611f</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>list</td>\n<td>\u5185\u5bb9\uff0c\u4e3a\u4e00\u4e2a\u6570\u7ec4\uff0c\u6570\u7ec4\u91cc\u9762\u6bcf\u4e00\u4e2a\u503c{label,content}</td>\n<td>array</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>labelAlign</td>\n<td>label\u7684\u5bf9\u9f50\u65b9\u5f0f\u53ef\u4ee5\u4f20\u5165\u7684\u503c left,right,center,auto,\u4e3aauto\u65f6label\u4e0d\u8ba1\u7b97\u6700\u5c0f\u5bbd\u5ea6</td>\n<td>string</td>\n<td>left</td>\n</tr>\n<tr>\n<td>col</td>\n<td>\u663e\u793a\u5217\u6570</td>\n<td>number</td>\n<td>1</td>\n</tr>\n<tr>\n<td>gutter</td>\n<td>\u6805\u683c\u95f4\u9694\uff0c\u53ef\u4ee5\u5199\u6210\u50cf\u7d20\u503c\u6216\u652f\u6301\u54cd\u5e94\u5f0f\u7684\u5bf9\u8c61\u5199\u6cd5\u6765\u8bbe\u7f6e\u6c34\u5e73\u95f4\u9694 { xs: 8, sm: 16, md: 24}\u3002\u6216\u8005\u4f7f\u7528\u6570\u7ec4\u5f62\u5f0f\u540c\u65f6\u8bbe\u7f6e [\u6c34\u5e73\u95f4\u8ddd, \u5782\u76f4\u95f4\u8ddd]</td>\n<td>number</td>\n<td>0</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!1,className:"Content_f15c1",style:"",list:[{title:"\u57fa\u672c\u793a\u4f8b",description:"\u5c55\u793a\u4e86\u4e00\u4e2a\u57fa\u672c\u5185\u5bb9",code:"const {default:Content} = _Content;\nconst BaseExample = ()=>{\n return <Content list={[\n {label:'\u6807\u9898',content:'\u5185\u5bb9'},\n {label:'\u6807\u9898\u6807\u9898',content:'\u5185\u5bb9\u5185\u5bb9'},\n {label:'\u6807\u9898\u6807',content:'\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9'},\n {label:'\u6807\u9898\u6807\u9898\u6807\u9898',content:'\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9'}\n ]}/>;\n};\n\nrender(<BaseExample />);\n\n",scope:[{name:"_Content",packageName:"@components/Content",component:g}]},{title:"labelAlign auto",description:"\u5c55\u793a\u4e86\u8bbe\u7f6elabelAlign\u4e3aauto\u7684\u60c5\u51b5",code:"const {default: Content} = _Content;\nconst BaseExample = () => {\n return <Content labelAlign=\"auto\" list={[\n {label: '\u6807\u9898', content: '\u5185\u5bb9'},\n {label: '\u6807\u9898\u6807\u9898', content: '\u5185\u5bb9\u5185\u5bb9'},\n {label: '\u6807\u9898\u6807', content: '\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9'},\n {\n label: '\u6807\u9898\u6807\u9898\u6807\u9898',\n content: '\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9'\n }\n ]}/>;\n};\n\nrender(<BaseExample/>);\n\n",scope:[{name:"_Content",packageName:"@components/Content",component:g}]},{title:"\u591a\u5217",description:"\u5c55\u793a\u4e86\u4e24\u5217\u7684\u60c5\u51b5",code:"const {default: Content} = _Content;\nconst BaseExample = () => {\n return <Content col={2} labelAlign=\"auto\" list={[\n {label: '\u6807\u9898', content: '\u5185\u5bb9'},\n {label: '\u6807\u9898\u6807\u9898', content: '\u5185\u5bb9\u5185\u5bb9'},\n {label: '\u6807\u9898\u6807', content: '\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9'},\n {\n label: '\u6807\u9898\u6807\u9898\u6807\u9898',\n content: '\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9'\n }\n ]}/>;\n};\n\nrender(<BaseExample/>);\n\n",scope:[{name:"_Content",packageName:"@components/Content",component:g}]}]}};var f=t(5633);const y={name:"Descriptions",summary:"<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u5e38\u89c1\u4e8e\u8be6\u60c5\u9875\u7684\u4fe1\u606f\u5c55\u793a</p>\n<h3>\u7279\u70b9</h3>\n<ul>\n<li>\u6700\u591a\u652f\u6301\u4e24\u5217\u6570\u636e\u5c55\u793a\uff0c\u591a\u4f59\u7684\u5217\u5c06\u4e0d\u5c55\u793a</li>\n<li>\u652f\u6301Features\u63a7\u5236\u5217\u5185\u5bb9\u5f00\u542f\u548c\u5173\u95ed</li>\n</ul>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>dataSource</td>\n<td>\u8be6\u60c5\u6570\u636e\u6e90\uff0c\u5185\u90e8\u6bcf\u4e2a\u6570\u7ec4\u4e3a\u4e00\u884c\u6570\u636e\uff0c\u6bcf\u884c\u6570\u636e\u4e2d\u6bcf\u4e2a\u5bf9\u8c61\u4e3a\u4e00\u5217\u6570\u636e\uff0c\u6bcf\u884c\u6700\u591a\u5305\u542b2\u5217\u5185\u5bb9\uff0c\u591a\u4f59\u7684\u4f1a\u88ab\u4e22\u5f03</td>\n<td>array[[{display,label,content,featureId}]]</td>\n<td>-</td>\n</tr>\n<tr>\n<td>dataSource[[{display}]]</td>\n<td>\u6570\u636e\u662f\u5426\u5c55\u793a,\u5f53\u4e3afunction\u65f6\u53ef\u4ee5\u63a5\u6536\u5230(item,dataSource)\u53c2\u6570\uff0citem\u4e3a\u5f53\u524d\u9879\u914d\u7f6e\uff0cdataSource\u4e3a\u6574\u4e2a\u7ec4\u4ef6\u7684dataSource\u914d\u7f6e</td>\n<td>boolean,function</td>\n<td>true</td>\n</tr>\n<tr>\n<td>dataSource[[{label}]]</td>\n<td>\u6570\u636e\u5c55\u793a\u7684label</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>dataSource[[{content}]]</td>\n<td>\u6570\u636e\u5c55\u793a\u7684\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>dataSource[[{featureId}]]</td>\n<td>Features\u63a7\u5236\u7684id\uff0c\u53c2\u8003Features\u7ec4\u4ef6\u7684id\u53c2\u6570</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!1,className:"Descriptions_8bc84",style:"",list:[{title:"\u5c55\u793a\u4e00\u4e2a\u4fe1\u606f\u8be6\u60c5",description:"\u5c55\u793a\u4e00\u4e2a\u4fe1\u606f\u8be6\u60c5",code:'const { default: Descriptions } = _Descriptions;\nconst BaseExample = () => {\n return (\n <Descriptions\n dataSource={[\n [\n { label: "\u5ba2\u6237\u540d\u79f0", content: "\u817e\u8baf" },\n {\n label: "\u53d1\u7968\u62ac\u5934",\n content: "\u817e\u8baf\u79d1\u6280\u516c\u53f8",\n },\n ],\n [\n { label: "\u53d1\u7968\u7c7b\u578b", content: "\u589e\u503c\u7a0e\u4e13\u7528\u53d1\u7968" },\n {\n label: "\u53d1\u7968\u5f00\u5177\u65e5\u671f",\n content: "2022-08-15",\n },\n ],\n [{ label: "\u9000\u7968\u91d1\u989d", content: "22000.00\u5143" }],\n [\n {\n label: "\u53d1\u7968\u53f7",\n content: (\n <div>\n <div>00384895992774</div>\n <div>00384895992774</div>\n <div>00384895992774</div>\n <div>00384895992774</div>\n </div>\n ),\n },\n ],\n [\n { label: "\u662f\u5426\u9700\u8981\u91cd\u5f00\u53d1\u7968", content: "\u5426" },\n {\n label: "\u662f\u5426\u6d89\u53ca\u91d1\u878d\u53d8\u52a8",\n content: "\u5426",\n },\n ],\n [\n { label: "\u662f\u5426\u9020\u6210\u5b9e\u8d28\u635f\u5931", content: "\u5426" },\n { label: "\u8d23\u4efb\u5f52\u5c5e", content: "\u5ba2\u6237\u539f\u56e0" },\n ],\n [\n {\n label: "\u9000\u7968\u539f\u56e0",\n content: "\u9000\u7968\u539f\u56e0\u7684\u63cf\u8ff0\u9000\u7968\u539f\u56e0\u7684\u63cf\u8ff0\u9000\u7968\u539f\u56e0\u7684\u63cf",\n },\n ],\n [{ label: "\u9644\u4ef6", content: "\u9644\u4ef6\u540d\u79f0" }],\n [\n { label: "\u64cd\u4f5c\u65f6\u95f4", content: "2022-08-01 16:32" },\n {\n label: "\u64cd\u4f5c\u4eba",\n content: "\u897f\u897f\u6b6a",\n },\n ],\n [\n {\n label: "\u8d85\u957f\u5185\u5bb9",\n content:\n "\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9",\n },\n {\n label: "\u8d85\u957f\u82f1\u6587",\n content:\n "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa",\n },\n ],\n ]}\n />\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Descriptions",packageName:"@components/Descriptions",component:f}]}]}};const v={name:"Drawer",summary:"<p>\u5c4f\u5e55\u8fb9\u7f18\u6ed1\u51fa\u7684\u6d6e\u5c42\u9762\u677f</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>footer</td>\n<td>\u5f39\u7a97\u7684footer\uff0c\u5f53\u5176\u88ab\u663e\u5f0f\u8bbe\u7f6e\u6210null\u4e14footerButtons\u6ca1\u6709\u8bbe\u7f6e\u8fc7\u65f6\u5f39\u7a97\u4e0d\u663e\u793afooter\u3002\u5f53\u5b83\u7c7b\u578b\u4e3afunction\u65f6\u53ef\u4ee5\u5f97\u5230close\u65b9\u6cd5\u548cwithDecorator\u8bbe\u7f6e\u7684props</td>\n<td>jsx,function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>footerButtons</td>\n<td>\u5f39\u7a97footer\u7684\u6309\u94ae\u533a\uff0c\u9ed8\u8ba4\u4e3a\u786e\u8ba4\u548c\u53d6\u6d88\u6309\u94ae\uff0c\u9ed8\u8ba4\u6309\u94ae\u5206\u522b\u54cd\u5e94onConfirm\u548conCancel\u65b9\u6cd5\uff0c\u5982\u679c\u81ea\u5b9a\u4e49\u8bbe\u7f6efooterButtons\u5219\u9700\u8981\u81ea\u884c\u4f20\u5165onClick\u53c2\u6570\uff0conConfirm\u548conCancel\u65b9\u6cd5\u5c06\u4e0d\u751f\u6548</td>\n<td>array</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onClose</td>\n<td>\u5f39\u7a97\u5173\u95ed\u65f6\u8c03\u7528\uff0c\u5f39\u7a97\u53d7\u63a7\u65f6\u7531\u8be5\u65b9\u6cd5\u5c06\u5916\u90e8open\u72b6\u6001\u4fee\u6539</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onConfirm</td>\n<td>\u5f53footerButtons\u672a\u81ea\u5b9a\u4e49\u8bbe\u7f6e\u65f6\u70b9\u51fb\u786e\u8ba4\u6309\u94ae\u89e6\u53d1\u6267\u884c\u8be5\u65b9\u6cd5\uff0c\u5f53\u5176\u8fd4\u56dePromise\u70b9\u51fb\u540ePromise\uff0cresolve\u4e4b\u524d\u786e\u8ba4\u6309\u94ae\u663e\u793a\u4e3aloading\u72b6\u6001\uff0c\u8fd4\u56de\u503c\u4e3afalse\u6216\u8005Promise\u7684resolve\u503c\u4e3afalse\u65f6\u5f39\u7a97\u4e0d\u4f1a\u88ab\u5173\u95ed\uff0c\u5176\u4ed6\u60c5\u51b5\u5f39\u7a97\u9ed8\u8ba4\u5173\u95ed</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onCancel</td>\n<td>\u548conConfirm\u7c7b\u4f3c\uff0c\u5176\u4e3a\u70b9\u51fb\u53d6\u6d88\u6309\u94ae\u89e6\u53d1</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>children</td>\n<td>\u5f39\u7a97\u5185\u5bb9\uff0c\u53ef\u4ee5\u4e3ajsx\u6216\u8005function\uff0c\u4e3afunction\u65f6\u53ef\u4ee5\u63a5\u6536\u5230close\u548cwithDecorator\u8bbe\u7f6e\u7684props</td>\n<td>jsx,function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>withDecorator</td>\n<td>\u5f39\u7a97\u4fee\u9970\u5668\uff0c\u4f1a\u63a5\u6536\u5230\u5f39\u7a97children\u7684render\u65b9\u6cd5\uff0c\u53ef\u4ee5\u5728\u5176\u5916\u90e8\u6dfb\u52a0\u4fee\u9970\u5185\u5bb9\u540e\u6267\u884crender\u65b9\u6cd5\uff0c\u7ed9render\u65b9\u6cd5\u4f20\u5165\u7684\u503c\u53ef\u4ee5\u5728children,footer,rightOptions\u7c7b\u578b\u4e3afunction\u65f6\u63a5\u6536\u5230\u5bf9\u5e94\u7684\u53c2\u6570</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>maskClosable</td>\n<td>\u70b9\u51fb\u8499\u5c42\u662f\u5426\u5141\u8bb8\u5173\u95ed</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n</tbody>\n</table>\n<p>\u5176\u4ed6\u53c2\u6570\u53c2\u8003antd Drawer\u7ec4\u4ef6</p>\n<h3>AppDrawer</h3>\n<p>\u5168\u5c40\u62bd\u5c49\u5305\u88f9\u7ec4\u4ef6\uff0c\u63d0\u4f9b\u6d88\u8d39\u4e0a\u4e0b\u6587\u7684\u9ed8\u8ba4\u73af\u5883\uff0c\u63d0\u4f9b\u53ef\u6d88\u8d39 React context \u7684 drawer \u7684\u9759\u6001\u65b9\u6cd5\uff0c\u53ef\u4ee5\u7b80\u5316 useDrawer \u7b49\u65b9\u6cd5\u9700\u8981\u624b\u52a8\u690d\u5165 contextHolder \u7684\u95ee\u9898\u3002</p>\n<h3>useDrawer</h3>\n<p>\u83b7\u53d6\u4e00\u4e2a\u6267\u884c\u540e\u53ef\u4ee5\u5f39\u51fa\u4e00\u4e2aDrawer\u7ec4\u4ef6\u7684\u65b9\u6cd5,\u524d\u7f6e\u6761\u4ef6\u662f\u9700\u8981\u518d\u5168\u5c40\u6ce8\u5165AppDrawer\u5305\u88f9\u7ec4\u4ef6</p>\n<h4>return:drawer</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>drawer</td>\n<td>\u6267\u884c\u540e\u53ef\u4ee5\u5f39\u51fa\u4e00\u4e2aDrawer\u5f39\u7a97\uff0c\u53c2\u6570\u540cDrawer\u7ec4\u4ef6\u53c2\u6570</td>\n<td>function</td>\n</tr>\n</tbody>\n</table>\n<h3>DrawerButton</h3>\n<p>\u70b9\u51fb\u4ee5\u540e\u53ef\u4ee5\u6267\u884c\u83b7\u53d6\u6570\u636e\uff0c\u5728\u6570\u636e\u672a\u8fd4\u56de\u65f6\u6309\u94ae\u5c55\u793a\u4e3aloading\u72b6\u6001\uff0c\u6570\u636e\u8fd4\u56de\u540e\u5f39\u51faDrawer\u5f39\u7a97</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>api</td>\n<td>@kne/react-fetch \u6240\u9700\u53c2\u6570</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>drawerProps</td>\n<td>\u540cDrawer\u53c2\u6570,\u5f53\u5b83\u4e3afunction\u65f6\uff0c\u6267\u884cfunction\u540e\u8fd4\u56de\u7684\u503c\u4f5c\u4e3adrawerProps</td>\n<td>object,function({data,fetchApi,close})</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<p>\u5176\u4ed6\u53c2\u6570\u540cantd Button \u7ec4\u4ef6</p>",example:{isFull:!1,className:"Drawer_9b1ed",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Drawer, useDrawer, DrawerButton } = _Drawer;\nconst { Button, Space } = antd;\nconst { range } = lodash;\nconst { useRef, useState } = React;\nconst { PureGlobal } = global;\nconst { default: Content } = _Content;\n\nconst api = {\n loader: () => {\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve([\n {\n label: "\u5185\u5bb91",\n content:\n "\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91",\n },\n {\n label: "\u5185\u5bb92",\n content:\n "\u5185\u5bb92\u5185\u5bb92\u5185\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92",\n },\n { label: "\u5185\u5bb91", content: "\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91" },\n {\n label: "\u5185\u5bb92",\n content: "\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92",\n },\n { label: "\u5185\u5bb91", content: "\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91" },\n {\n label: "\u5185\u5bb92",\n content: "\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92",\n },\n { label: "\u5185\u5bb91", content: "\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91" },\n {\n label: "\u5185\u5bb92",\n content: "\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92",\n },\n { label: "\u5185\u5bb91", content: "\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91" },\n {\n label: "\u5185\u5bb92",\n content: "\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92",\n },\n { label: "\u5185\u5bb91", content: "\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91" },\n {\n label: "\u5185\u5bb92",\n content: "\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92",\n },\n ]);\n }, 1000);\n });\n },\n};\n\nconst BaseExample = () => {\n const drawer = useDrawer();\n const [open, setOpen] = useState(false);\n return (\n <Space>\n <Button\n onClick={() => {\n setOpen(true);\n }}\n >\n open \u7ec4\u4ef6\u6253\u5f00\n </Button>\n <Button\n onClick={() => {\n drawer({\n title: "\u6807\u9898",\n children: "\u6253\u5f00\u4e86\u4e00\u4e2a\u62bd\u5c49",\n });\n }}\n >\n hook \u6253\u5f00\n </Button>\n <DrawerButton\n api={api}\n modalProps={({ data }) => {\n return {\n title: "\u52a0\u8f7d\u6570\u636e\u7684\u5f39\u7a97",\n children: <Content list={data} col={1} />,\n };\n }}\n >\n \u6309\u94ae\u70b9\u51fb\u52a0\u8f7d\u6570\u636e\n </DrawerButton>\n <Drawer title="Basic Drawer" onClose={() => setOpen(false)} open={open}>\n <p>Some contents...</p>\n <p>Some contents...</p>\n <p>Some contents...</p>\n </Drawer>\n </Space>\n );\n};\n\nrender(\n <PureGlobal>\n <BaseExample />\n </PureGlobal>\n);\n\n',scope:[{name:"_Drawer",packageName:"@components/Drawer",component:t(25963)},{name:"global",packageName:"@components/Global",component:u},{name:"_Content",packageName:"@components/Content",component:g},{name:"antd",packageName:"antd",component:r},{name:"lodash",packageName:"lodash",component:m}]}]}};const x={name:"Enum",summary:"",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!1,className:"Enum_cf204",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Enum } = _Enum;\nconst { PureGlobal } = global;\nconst { Space, Select } = antd;\nconst BaseExample = () => {\n return (\n <PureGlobal\n preset={{\n locale: "zh-CN",\n enums: {\n testEnums: async ({ locale }) => {\n console.log(locale);\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve([\n { value: "1", description: "\u7b2c\u4e00\u9879" },\n { value: "2", description: "\u7b2c\u4e8c\u9879" },\n {\n value: "3",\n description: "\u7b2c\u4e09\u9879",\n },\n ]);\n }, 1000);\n });\n },\n },\n }}\n >\n <Space>\n <Enum moduleName="gender" name="M">\n {(data) => data.description}\n </Enum>\n <Enum moduleName="testEnums" name="1">\n {(data) => data.description}\n </Enum>\n <Enum moduleName="testEnums" name="2">\n {(data) => data.description}\n </Enum>\n <Enum moduleName="testEnums">\n {(list) => {\n return (\n <Select\n placeholder="\u8bf7\u9009\u62e9"\n options={list.map((item) => ({\n value: item.value,\n label: item.description,\n }))}\n />\n );\n }}\n </Enum>\n </Space>\n </PureGlobal>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Enum",packageName:"@components/Enum",component:t(48731)},{name:"antd",packageName:"antd",component:r},{name:"global",packageName:"@components/Global",component:u}]}]}};var _=t(63361),k=t(51516);const S={name:"Features",summary:"<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u5728\u7cfb\u7edf\u4e2d\u9700\u8981\u901a\u8fc7\u4e00\u4e9b\u6761\u4ef6\uff0c\u7cfb\u7edf\u6027\u5730\u8ba9\u6574\u4e2a\u7cfb\u7edf\u7684\u67d0\u4e9b\u529f\u80fd\u5c4f\u853d\u6216\u8005\u6709\u53e6\u5916\u7684\u4e00\u4e9b\u5c55\u73b0\u65b9\u5f0f\uff0c\u53ef\u4ee5\u7528\u8be5\u7ec4\u4ef6\u6765\u5b9e\u73b0</p>\n<h3>\u7279\u70b9</h3>\n<ul>\n<li>\u5168\u5c40\u6027\u914d\u7f6e\uff0c\u4e00\u6b21\u6027\u58f0\u660e\uff0c\u907f\u514d\u5c06\u5404\u79cd\u5224\u65ad\u8bed\u53e5\u6563\u843d\u5728\u9879\u76ee\u5404\u5904\u9020\u6210\u96be\u4ee5\u7ef4\u62a4</li>\n<li>\u5177\u6709\u7279\u5f81\u5224\u65ad\u548c\u4f9d\u8d56\u6027\u5224\u65ad\uff0c\u5373\u5f53\u7cfb\u7edf\u63cf\u8ff0\u6027\u6587\u4ef6\u4e2d\u542b\u6709\u67d0\u4e2a\u6a21\u5757\u4e14\u542b\u6709\u6240\u6709\u4f9d\u8d56\u9879\u6a21\u5757\u5219\u5224\u65ad\u8be5\u7ec4\u4ef6\u4e3a\u6b63\u5e38\u72b6\u6001\uff0c\u5176\u4ed6\u60c5\u51b5\u4e3a\u5173\u95ed\u72b6\u6001</li>\n<li>\u53ef\u4ee5\u901a\u8fc7\u914d\u7f6e\u6587\u4ef6\u7ed9\u6b63\u5e38\u72b6\u6001\u548c\u5173\u95ed\u72b6\u6001\u7684\u7ec4\u4ef6\u4f20\u9012\u4e0d\u540c\u7684props\u6765\u63a7\u5236\u4e24\u79cd\u72b6\u6001\u4e0b\u7ec4\u4ef6\u7684\u4e0d\u540c\u903b\u8f91</li>\n<li>\u5728\u914d\u7f6e\u6587\u4ef6\u4e2d\uff0c\u7ec4\u4ef6\u7684id\u662f\u7b80\u5199\uff0c\u53ea\u9700\u8981\u4fdd\u8bc1\u540c\u4e00\u5c42\u7ea7\u7684\u7ec4\u4ef6id\u4e0d\u91cd\u590d\u5c31\u53ef\u4ee5\u4e86\uff0c\u5b83\u7684\u771f\u5b9eid\u4f1a\u901a\u8fc7\u5176\u6240\u5728\u7684\u4e0a\u4e0b\u7ea7\u5173\u7cfb\uff0c\u901a\u8fc7\u5192\u53f7\u5c06\u6bcf\u4e00\u5c42\u7684\u7ec4\u4ef6id\u94fe\u63a5\u8d77\u6765\u7ec4\u6210\u5176\u771f\u5b9e\u7684id\uff0c\u4f60\u53ef\u4ee5\u6253\u5f00\u8c03\u8bd5\u6a21\u5f0f\u67e5\u770b\u6bcf\u4e00\u4e2a\u7ec4\u4ef6\u5b9e\u9645\u8fd0\u884c\u65f6\u7684id\u548c\u5224\u65ad\u72b6\u6001</li>\n<li>\u7ec4\u4ef6\u7684type\u53ef\u4ee5\u8bbe\u7f6e\u4e3a\u4e09\u79cd\uff1asystem,module,feature\u3002system\u4e3a\u914d\u7f6e\u6587\u4ef6\u6700\u9876\u7ea7\u7ec4\u4ef6\uff0cmodule\u4e3a\u529f\u80fd\u6a21\u5757\uff0c\u9ed8\u8ba4Layout\u7684Page\u7ec4\u4ef6openFeatures\u4e3atrue\u65f6\u5b83\u7684name\u4f1a\u88ab\u8bbe\u7f6e\u6210module\uff0cfeature\u4e3a\u5177\u4f53\u7684\u529f\u80fd\u9879</li>\n</ul>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>id</td>\n<td>\u6a21\u5757\u6216\u529f\u80fdid\uff0c\u901a\u8fc7Global\u91cc\u9762\u7684preset\u7684features\u914d\u7f6e\u786e\u5b9a\u8be5\u6a21\u5757\u5f00\u542f\u6216\u8005\u5173\u95ed</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<ul>\n<li>features \u53c2\u6570\u8bbe\u7f6e</li>\n</ul>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>debug</td>\n<td>\u662f\u5426\u5f00\u542f\u8c03\u8bd5\u6a21\u5f0f\uff0c\u5f00\u542f\u540e\u63a7\u5236\u53f0\u4f1a\u6253\u5370\u6240\u6709\u6a21\u5757\u7684id\u548c\u5224\u65ad\u7ed3\u679c</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>profile</td>\n<td>\u6a21\u5757\u914d\u7f6e\u5217\u8868\uff0c\u5177\u4f53\u53c2\u8003\u4e0b\u9762profile\u53c2\u6570\u8bf4\u660e</td>\n<td>object</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<ul>\n<li>profile\u53c2\u6570\u8bf4\u660e</li>\n</ul>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>id</td>\n<td>\u6a21\u5757\u7684\u552f\u4e00\u6807\u8bc6\u7b26\uff0c\u9700\u8981\u4fdd\u8bc1\u5728\u5f53\u524d\u4e00\u7ea7\u4e2d\u4e0d\u91cd\u590d\uff0c\u5b9e\u9645id\u4e3a\u6240\u6709\u7236\u7ea7\u7684id\u7528\u2019:\u2018\u94fe\u63a5\u7684\u5b57\u7b26\u4e32</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>type</td>\n<td>\u53ef\u80fd\u53d6\u503c\u4e3asystem,module,feature\uff0c\u6ce8\u610f\u6700\u5916\u5c42\u7684type\u5fc5\u987b\u4e3asystem</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>name</td>\n<td>\u6a21\u5757\u7684\u4e2d\u6587\u540d\u79f0\uff0c\u4e0d\u53c2\u4e0e\u5224\u65ad\uff0c\u53ea\u6807\u8bc6\u6a21\u5757\u540d\u5e2e\u52a9\u5f00\u53d1\u8005\u8bc6\u522b</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>close</td>\n<td>\u6a21\u5757\u662f\u5426\u5173\u95ed\uff0c\u53ef\u4ee5\u7f3a\u7701\u8be5\u503c\uff0c\u7f3a\u7701\u65f6profile\u91cc\u9762\u5b58\u5728\u67d0id\u7684\u6a21\u5757\u5373\u4e3a\u6a21\u5757\u5f00\u542f\uff0c\u4e0d\u5b58\u5728\u5373\u4e3a\u5173\u95ed\u3002\u5728\u7279\u6b8a\u60c5\u51b5\u4e0b\uff0c\u5728profile\u5b58\u5728\u8be5\u6a21\u5757\u914d\u7f6e\u4f46\u662f\u5e0c\u671b\u5176\u5173\u95ed\u65f6\u53ef\u4ee5\u663e\u793a\u6307\u5b9a\u8be5\u53c2\u6570\u4e3atrue\u6765\u5173\u95ed\u6a21\u5757</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>dependencies</td>\n<td>\u4f9d\u8d56\u6a21\u5757\u5217\u8868\uff0c\u6bcf\u4e00\u9879\u4e3a\u4e00\u4e2a\u6a21\u5757id\uff08\u8be5id\u5fc5\u987b\u4e3a\u5b8c\u6574\u7684id\u4e32\uff0c\u5373\u5e26\u6709\u6240\u6709\u7236\u7ea7id\u7684\u7528\u2019:\u2018\u94fe\u63a5\u8d77\u6765\u7684\u5b57\u7b26\u4e32\uff09,\u5f53\u6240\u6709id\u7684\u6307\u4ee3\u6a21\u5757\u90fd\u88ab\u5224\u65ad\u5f00\u542f\u65f6\uff0c\u8be5\u6a21\u5757\u88ab\u5224\u65ad\u4e3a\u5f00\u542f</td>\n<td>array[string]</td>\n<td>-</td>\n</tr>\n<tr>\n<td>options</td>\n<td>\u6a21\u5757\u5f00\u542f\u65f6\u83b7\u53d6\u7684\u53c2\u6570</td>\n<td>any</td>\n<td>-</td>\n</tr>\n<tr>\n<td>rejectedOptions</td>\n<td>\u6a21\u5757\u5173\u95ed\u65f6\u83b7\u53d6\u7684\u53c2\u6570</td>\n<td>any</td>\n<td>-</td>\n</tr>\n<tr>\n<td>children</td>\n<td>\u88ab\u63a7\u5236\u7684\u6a21\u5757\uff0c\u4e3afunction\u65f6\u53ef\u4ee5\u63a5\u6536\u5230({isPass,options})\u53c2\u6570 isPass\u4e3a\u6a21\u5757\u662f\u5426\u5f00\u542f\uff0coptions\u5728\u6a21\u5757\u5f00\u542f\u65f6\u4e3aoptions\u53c2\u6570\uff0c\u5728\u6a21\u5757\u5173\u95ed\u65f6\u4e3arejectedOptions\u53c2\u6570\uff0c\u5176\u4e0d\u4e3afunction\u7c7b\u578b\u65f6\u5f53\u6a21\u5757\u5173\u95ed\u5219\u4e0d\u663e\u793achildren\uff0c\u6a21\u5757\u5f00\u542f\u65f6\u6b63\u5e38\u663e\u793achildren</td>\n<td>jsx,function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!0,className:"Features_98f77",style:"",list:[{title:"\u5c55\u793a\u4e86\u4e00\u4e2a\u7cfb\u7edf\u4e2d\u529f\u80fd\u4e00\u5f00\u542f\u529f\u80fd\u4e8c\u5173\u95ed\u7684\u60c5\u51b5",description:"\u5c55\u793a\u4e86\u4e00\u4e2a\u7cfb\u7edf\u4e2d\u529f\u80fd\u4e00\u5f00\u542f\u529f\u80fd\u4e8c\u5173\u95ed\u7684\u60c5\u51b5",code:'const { default: Features } = _Features;\nconst { default: Layout, PermissionsPage } = layout;\nconst { PureGlobal } = global;\nconst BaseExample = () => {\n return (\n <PureGlobal\n preset={{\n features: {\n debug: true,\n profile: {\n id: "erc",\n type: "system",\n name: "\u4e1a\u52a1\u7cfb\u7edf",\n children: [\n {\n id: "home",\n type: "module",\n name: "\u9996\u9875",\n children: [\n {\n id: "test",\n type: "feature",\n name: "\u6d4b\u8bd5\u529f\u80fd",\n dependencies: ["erc:client"],\n },\n ],\n },\n {\n id: "position",\n type: "module",\n name: "\u804c\u4f4d",\n children: [\n {\n id: "position-list",\n type: "feature",\n options: [],\n rejectedOptions: [],\n },\n ],\n },\n {\n id: "client",\n type: "module",\n name: "\u5ba2\u6237",\n },\n ],\n },\n },\n }}\n >\n <Layout navigation={{ isFixed: false }}>\n <PermissionsPage name="home" openFeatures>\n <Features id="test">\u529f\u80fd\u6a21\u5757\u4e00</Features>\n <Features id="test2">\u529f\u80fd\u6a21\u5757\u4e8c</Features>\n </PermissionsPage>\n </Layout>\n </PureGlobal>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Features",packageName:"@components/Features",component:_},{name:"global",packageName:"@components/Global",component:u},{name:"layout",packageName:"@components/Layout",component:k}]},{title:"\u5c55\u793a\u4e86\u6253\u5f00\u9875\u9762\u7279\u6027\u914d\u7f6e\u5f00\u542f\u548c\u5173\u95ed\u7684\u60c5\u51b5",description:"\u5c55\u793a\u4e86\u6253\u5f00\u9875\u9762\u7279\u6027\u914d\u7f6e\u5f00\u542f\u548c\u5173\u95ed\u7684\u60c5\u51b5",code:'const { default: Features } = _Features;\nconst { default: Layout, PermissionsPage } = layout;\nconst { PureGlobal } = global;\nconst { Route, Routes } = Router;\nconst BaseExample = () => {\n return (\n <PureGlobal\n preset={{\n features: {\n debug: true,\n profile: {\n id: "erc",\n type: "system",\n name: "\u4e1a\u52a1\u7cfb\u7edf",\n children: [\n {\n id: "home",\n type: "module",\n name: "\u9996\u9875",\n children: [\n {\n id: "test",\n type: "feature",\n name: "\u6d4b\u8bd5\u529f\u80fd",\n },\n {\n id: "test2",\n type: "feature",\n name: "\u6d4b\u8bd5\u529f\u80fd2",\n dependencies: ["erc:client"],\n },\n ],\n },\n ],\n },\n },\n }}\n >\n <Layout\n navigation={{\n isFixed: false,\n list: [\n {\n key: "position",\n title: "\u804c\u4f4d",\n path: "/position",\n },\n {\n key: "client",\n title: "\u5ba2\u6237",\n path: "/client",\n },\n ],\n }}\n >\n <Routes>\n <Route\n index\n element={\n <PermissionsPage name="home" openFeatures>\n home\u9875\u9762\u6a21\u5757\n <div>\n <Features id="test">\u5f00\u542f\u6a21\u5757</Features>\n <Features id="test2">\u5173\u95ed\u6a21\u5757</Features>\n </div>\n </PermissionsPage>\n }\n />\n <Route\n path="/position"\n element={\n <PermissionsPage name="position" openFeatures>\n position\u9875\u9762\u6a21\u5757\n </PermissionsPage>\n }\n />\n <Route\n path="/client"\n element={\n <PermissionsPage name="client">\n client\u9875\u9762\u6a21\u5757,\u672a\u6253\u5f00features\n </PermissionsPage>\n }\n />\n </Routes>\n </Layout>\n </PureGlobal>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Features",packageName:"@components/Features",component:_},{name:"global",packageName:"@components/Global",component:u},{name:"layout",packageName:"@components/Layout",component:k},{name:"Router",packageName:"react-router-dom",component:t(94679)}]},{title:"\u5c55\u793a\u4e86\u4e00\u4e2a\u7cfb\u7edf\u4e2d\u529f\u80fd\u5f00\u542f\u548c\u5173\u95ed\u53c2\u6570\u83b7\u53d6",description:"\u5c55\u793a\u4e86\u4e00\u4e2a\u7cfb\u7edf\u4e2d\u529f\u80fd\u5f00\u542f\u548c\u5173\u95ed\u53c2\u6570\u83b7\u53d6",code:'const { default: Features } = _Features;\nconst { default: Layout, PermissionsPage } = layout;\nconst { PureGlobal } = global;\nconst { useState } = React;\nconst { Button, Space } = antd;\nconst BaseExample = () => {\n const [close, setClose] = useState(false);\n return (\n <PureGlobal\n preset={{\n features: {\n debug: true,\n profile: {\n id: "erc",\n type: "system",\n name: "\u4e1a\u52a1\u7cfb\u7edf",\n children: [\n {\n id: "home",\n type: "module",\n name: "\u9996\u9875",\n children: [\n {\n id: "test",\n type: "feature",\n name: "\u6d4b\u8bd5\u529f\u80fd",\n options: {\n state: "\u5f00\u542f",\n },\n rejectedOptions: {\n state: "\u5173\u95ed",\n },\n close: close,\n },\n ],\n },\n ],\n },\n },\n }}\n >\n <Space direction="vertical">\n <Button\n onClick={() => {\n setClose((value) => !value);\n }}\n >\n \u5207\u6362\n </Button>\n <Layout navigation={{ isFixed: false }}>\n <PermissionsPage name="home" openFeatures>\n <Features id="test">\n {({ isPass, options }) => {\n return isPass\n ? "\u6a21\u5757\u5f00\u542f,options:" + JSON.stringify(options)\n : "\u6a21\u5757\u5173\u95ed,options:" + JSON.stringify(options);\n }}\n </Features>\n </PermissionsPage>\n </Layout>\n </Space>\n </PureGlobal>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Features",packageName:"@components/Features",component:_},{name:"global",packageName:"@components/Global",component:u},{name:"layout",packageName:"@components/Layout",component:k},{name:"antd",packageName:"antd",component:r}]}]}};const I={name:"FetchButton",summary:"<p>\u7528\u4e8e\u70b9\u51fb\u540e\u52a0\u8f7d\u6570\u636e\u7684\u6309\u94ae</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!1,className:"FetchButton_8e1c9",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: FetchButton } = _FetchButton;\n\nconst BaseExample = () => {\n return (\n <div>\n <FetchButton\n api={{\n loader: async () => {\n return new Promise((resolve, reject) => {\n setTimeout(() => {\n resolve({ data: "xxxxx" });\n }, 1000);\n });\n },\n }}\n onClick={(data) => {\n console.log(data);\n }}\n >\n \u70b9\u51fb\u52a0\u8f7d\u6570\u636e\n </FetchButton>\n </div>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FetchButton",packageName:"@components/FetchButton",component:t(86454)}]}]}};var N=t(19343),F=t(13050);const P={name:"File",summary:"<p>\u63d0\u4f9b\u6587\u4ef6\u5c55\u793a\uff0cOSS\u6587\u4ef6id\u8f6c\u6362\u8bbf\u95ee\u5730\u5740\uff0c\u6587\u4ef6\u5217\u8868\uff0c\u4e0b\u8f7d\u7b49\u64cd\u4f5c</p>\n<p>\u6ce8\u610f\uff1a</p>\n<ul>\n<li>\u5982\u679c\u9700\u8981\u663e\u793a\u6216\u8005\u8f6c\u6362oss id\u7684\u6587\u4ef6\uff0c\u9700\u8981Global\u7684preset apis\u8bbe\u7f6e\u8fc7oss\u63a5\u53e3\u6216\u8005\u4f20\u5165apis.oss\u53c2\u6570\uff0coss\u8fd4\u56de\u8bbf\u95ee\u5730\u5740</li>\n</ul>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>id</td>\n<td>\u5982\u679c\u6587\u4ef6\u4e3aoss\u6587\u4ef6\uff0c\u4f20\u5165ossId</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>url</td>\n<td>\u5982\u679c\u6587\u4ef6\u4e3a\u666e\u901a\u6587\u4ef6\u5730\u5740\uff0c\u4f20\u5165\u8be5\u53c2\u6570</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>error</td>\n<td>\u52a0\u8f7d\u6587\u4ef6\u5931\u8d25\u5c55\u793a\u7ec4\u4ef6</td>\n<td>jsx</td>\n<td>null</td>\n</tr>\n<tr>\n<td>apis</td>\n<td>\u901a\u8fc7oss id\u83b7\u53d6oss\u6587\u4ef6\u5730\u5740\u63a5\u53e3{oss} oss\u4e3a\u4e00\u4e2a@kne/react-fetch\u53c2\u6570\uff0c\u5982\u679cGlobal\u7684preset\u5df2\u8bbe\u7f6e\u8be5\u503c\uff0c\u5207\u5f53\u524d\u7ec4\u4ef6\u4e5f\u9700\u8981\u5e94\u7528\u8be5\u503c\u65f6\u53ef\u4ee5\u4e0d\u4f20</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>loading</td>\n<td>\u52a0\u8f7d\u6587\u4ef6loading\u8fc7\u7a0b\u4e2d\u663e\u793a\u7ec4\u4ef6</td>\n<td>jsx</td>\n<td>null</td>\n</tr>\n</tbody>\n</table>\n<h4>Download</h4>\n<p>\u4e0b\u8f7d\u6587\u4ef6\u6309\u94ae</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>filename</td>\n<td>\u4e0b\u8f7d\u6587\u4ef6\u7684\u6587\u4ef6\u540d</td>\n<td>string</td>\n<td>\u672a\u547d\u540d\u4e0b\u8f7d\u6587\u4ef6</td>\n</tr>\n<tr>\n<td>onSuccess</td>\n<td>\u4e0b\u8f7d\u6210\u529f\u56de\u8c03\u51fd\u6570</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onError</td>\n<td>\u4e0b\u8f7d\u5931\u8d25\u56de\u8c03\u51fd\u6570</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>id</td>\n<td>\u5982\u679c\u6587\u4ef6\u4e3aoss\u6587\u4ef6\uff0c\u4f20\u5165ossId</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>url</td>\n<td>\u5982\u679c\u6587\u4ef6\u4e3a\u666e\u901a\u6587\u4ef6\u5730\u5740\uff0c\u4f20\u5165\u8be5\u53c2\u6570</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>apis</td>\n<td>\u901a\u8fc7oss id\u83b7\u53d6oss\u6587\u4ef6\u5730\u5740\u63a5\u53e3{oss} oss\u4e3a\u4e00\u4e2a@kne/react-fetch\u53c2\u6570\uff0c\u5982\u679cGlobal\u7684preset\u5df2\u8bbe\u7f6e\u8be5\u503c\uff0c\u5207\u5f53\u524d\u7ec4\u4ef6\u4e5f\u9700\u8981\u5e94\u7528\u8be5\u503c\u65f6\u53ef\u4ee5\u4e0d\u4f20</td>\n<td>object</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>List</h4>\n<p>\u663e\u793a\u6587\u4ef6\u5217\u8868\uff0c\u53ef\u4ee5\u5e26\u6709\u7f16\u8f91\u6587\u4ef6\u540d\u79f0\uff0c\u6587\u4ef6\u9884\u89c8\uff0c\u6587\u4ef6\u5220\u9664\u7b49\u529f\u80fd</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>dataSource</td>\n<td>\u6587\u4ef6\u5217\u8868</td>\n<td>array[{id,type,filename,date,userName}]</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>dataSource[].id</td>\n<td>id:\u6587\u4ef6\u7684id\uff0c\u4e00\u822c\u4e3aossId</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>dataSource[].type</td>\n<td>\u6587\u4ef6\u72b6\u6001\u4e3auploading\u65f6\u8be5\u884c\u6587\u4ef6\u5c55\u793a\u4e3aloading\u72b6\u6001</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>dataSource[].filename</td>\n<td>\u6587\u4ef6\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>dataSource[].date</td>\n<td>\u6587\u4ef6\u4e0a\u4f20\u65e5\u671f</td>\n<td>Date,date timestamp</td>\n<td>-</td>\n</tr>\n<tr>\n<td>dataSource[].userName</td>\n<td>\u6587\u4ef6\u4e0a\u4f20\u4eba</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>getPermission</td>\n<td>\u83b7\u53d6\u64cd\u4f5c\u6743\u9650\uff0c\u4f1a\u5728render\u6bcf\u6761\u6570\u636e\u65f6\u8c03\u7528\uff0c\u83b7\u53d6\u5230\u53c2\u6570\u5217\u8868[type,itemData],type:preview\u9884\u89c8,edit\u7f16\u8f91,download\u4e0b\u8f7d\uff0c\u8fd4\u56defalse\u4e3a\u6ca1\u6709\u6743\u9650\uff0c\u5176\u4ed6\u60c5\u51b5\u4e3a\u6709\u6743\u9650</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>hasPreview</td>\n<td>\u662f\u5426\u5f00\u542f\u9884\u89c8\u529f\u80fd\uff0c\u548cgetPermission type:preview\u9884\u89c8\u7ed3\u679c\u540c\u4e8b\u63a7\u5236\uff0c\u5168\u90fd\u5224\u65ad\u901a\u8fc7\u624d\u80fd\u5f00\u542f\u9884\u89c8\u529f\u80fd</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>infoItemRenders</td>\n<td>\u81ea\u5b9a\u4e49\u5217</td>\n<td>array[{span,render}]</td>\n<td>-</td>\n</tr>\n<tr>\n<td>infoItemRenders[].span</td>\n<td>\u5f53\u524d\u5217\u6805\u683c\u6570</td>\n<td>number</td>\n<td>4</td>\n</tr>\n<tr>\n<td>infoItemRenders[].render</td>\n<td>render\u51fd\u6570</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>apis</td>\n<td>\u7528\u4e8e\u64cd\u4f5c\u7684api</td>\n<td>object{onEdit,onPreview,onDelete}</td>\n<td>-</td>\n</tr>\n<tr>\n<td>apis.onEdit</td>\n<td>\u6587\u4ef6\u540d\u7f16\u8f91\u56de\u8c03\u63a5\u53e3</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>apis.onPreview</td>\n<td>\u6587\u4ef6\u9884\u89c8\u56de\u8c03\u63a5\u53e3</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>apis.onDelete</td>\n<td>\u6587\u4ef6\u5220\u9664\u56de\u8c03\u63a5\u53e3</td>\n<td>function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>OptionButtons</h4>\n<p>\u6587\u4ef6\u64cd\u4f5c\u6309\u94ae\uff0c\u53ef\u4ee5\u5e26\u6709\u7f16\u8f91\u6587\u4ef6\u540d\u79f0\uff0c\u6587\u4ef6\u9884\u89c8\uff0c\u6587\u4ef6\u5220\u9664\u7b49\u529f\u80fd</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>apis</td>\n<td>\u7528\u4e8e\u64cd\u4f5c\u7684api</td>\n<td>object{onEdit,onPreview,onDelete}</td>\n<td>-</td>\n</tr>\n<tr>\n<td>apis.onEdit</td>\n<td>\u6587\u4ef6\u540d\u7f16\u8f91\u56de\u8c03\u63a5\u53e3</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>apis.onPreview</td>\n<td>\u6587\u4ef6\u9884\u89c8\u56de\u8c03\u63a5\u53e3</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>apis.onDelete</td>\n<td>\u6587\u4ef6\u5220\u9664\u56de\u8c03\u63a5\u53e3</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>hasPreview</td>\n<td>\u662f\u5426\u5f00\u542f\u9884\u89c8\u529f\u80fd\uff0c\u548cgetPermission type:preview\u9884\u89c8\u7ed3\u679c\u540c\u4e8b\u63a7\u5236\uff0c\u5168\u90fd\u5224\u65ad\u901a\u8fc7\u624d\u80fd\u5f00\u542f\u9884\u89c8\u529f\u80fd</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n</tbody>\n</table>\n<h4>FileLink</h4>\n<p>\u5916\u89c2\u7c7b\u4f3cLink\u7684\u7ec4\u4ef6\uff0c\u70b9\u51fb\u540e\u53ef\u4ee5\u5f39\u51fa\u6587\u4ef6\u9884\u89c8\u6846</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>title</td>\n<td>\u5f39\u7a97\u6807\u9898</td>\n<td>string,jsx</td>\n<td>originName</td>\n</tr>\n<tr>\n<td>id</td>\n<td>\u6587\u4ef6oss id</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>originName</td>\n<td>\u6587\u4ef6\u540d\u79f0</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>apis</td>\n<td>\u901a\u8fc7oss id\u83b7\u53d6oss\u6587\u4ef6\u5730\u5740\u63a5\u53e3{oss} oss\u4e3a\u4e00\u4e2a@kne/react-fetch\u53c2\u6570\uff0c\u5982\u679cGlobal\u7684preset\u5df2\u8bbe\u7f6e\u8be5\u503c\uff0c\u5207\u5f53\u524d\u7ec4\u4ef6\u4e5f\u9700\u8981\u5e94\u7528\u8be5\u503c\u65f6\u53ef\u4ee5\u4e0d\u4f20</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>openDownload</td>\n<td>\u662f\u5426\u5f00\u542f\u6587\u4ef6\u4e0b\u8f7d</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>modalProps</td>\n<td>modal\u7684\u5176\u4ed6\u53c2\u6570\uff0c\u53c2\u8003Modal\u7ec4\u4ef6</td>\n<td>object</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>downloadBlobFile(target, filename)</h4>\n<p>\u4e0b\u8f7d\u6587\u4ef6\u7684\u65b9\u6cd5</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>target</td>\n<td>\u4e0b\u8f7d\u94fe\u63a5\u5730\u5740,\u6216\u8005\u4e8c\u8fdb\u5236\u6570\u636e</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>filename</td>\n<td>\u4e0b\u8f7d\u540e\u7684\u6587\u4ef6\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>{isLoading,download,...others} = useDownload({id,filename,apis,onError,onSuccess});</h4>\n<p>\u751f\u6210\u4e0b\u8f7d\u6587\u4ef6function\u7684hooks\uff0c\u5e26\u6709\u4e0b\u8f7d\u4e2d\u7684\u72b6\u6001\u63a7\u5236</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>id</td>\n<td>\u6587\u4ef6ossId</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>filename</td>\n<td>\u4e0b\u8f7d\u540e\u7684\u6587\u4ef6\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onError</td>\n<td>\u4e0b\u8f7d\u5931\u8d25\u56de\u8c03</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onSuccess</td>\n<td>\u4e0b\u8f7d\u6210\u529f\u56de\u8c03</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>apis</td>\n<td>\u901a\u8fc7oss id\u83b7\u53d6oss\u6587\u4ef6\u5730\u5740\u63a5\u53e3{oss} oss\u4e3a\u4e00\u4e2a@kne/react-fetch\u53c2\u6570\uff0c\u5982\u679cGlobal\u7684preset\u5df2\u8bbe\u7f6e\u8be5\u503c\uff0c\u5207\u5f53\u524d\u7ec4\u4ef6\u4e5f\u9700\u8981\u5e94\u7528\u8be5\u503c\u65f6\u53ef\u4ee5\u4e0d\u4f20</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>isLoading</td>\n<td>\u662f\u5426\u6b63\u5728\u4e0b\u8f7d\u4e2d</td>\n<td>boolean</td>\n<td>-</td>\n</tr>\n<tr>\n<td>download</td>\n<td>\u6267\u884c\u8be5\u65b9\u6cd5\u5f00\u59cb\u4e0b\u8f7d</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>others</td>\n<td>\u5176\u4ed6@kne/react-fetch useFetch\u53c2\u6570</td>\n<td>object</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>modal = useFileModal()</h4>\n<p>\u6587\u4ef6\u9884\u89c8\u5f39\u6846\u65b9\u6cd5\u751f\u6210\u7684hooks</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>modal</td>\n<td>\u6267\u884c\u540e\u5f39\u51fa\u6587\u4ef6\u9884\u89c8\u5f39\u7a97</td>\n<td>function({title, id, originName, apis, openDownload, ...modalProps})</td>\n<td>-</td>\n</tr>\n<tr>\n<td>modal({title})</td>\n<td>\u5f39\u7a97\u6807\u9898</td>\n<td>string,jsx</td>\n<td>originName</td>\n</tr>\n<tr>\n<td>modal({id})</td>\n<td>\u6587\u4ef6oss id</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>modal({originName})</td>\n<td>\u6587\u4ef6\u540d\u79f0</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>modal({apis})</td>\n<td>\u901a\u8fc7oss id\u83b7\u53d6oss\u6587\u4ef6\u5730\u5740\u63a5\u53e3{oss} oss\u4e3a\u4e00\u4e2a@kne/react-fetch\u53c2\u6570\uff0c\u5982\u679cGlobal\u7684preset\u5df2\u8bbe\u7f6e\u8be5\u503c\uff0c\u5207\u5f53\u524d\u7ec4\u4ef6\u4e5f\u9700\u8981\u5e94\u7528\u8be5\u503c\u65f6\u53ef\u4ee5\u4e0d\u4f20</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>modal({openDownload})</td>\n<td>\u662f\u5426\u5f00\u542f\u6587\u4ef6\u4e0b\u8f7d</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>modalProps</td>\n<td>modal\u7684\u5176\u4ed6\u53c2\u6570\uff0c\u53c2\u8003Modal\u7ec4\u4ef6</td>\n<td>object</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!1,className:"File_0b279",style:"",list:[{title:"\u83b7\u53d6\u6587\u4ef6\u5730\u5740",description:"\u901a\u8fc7\u4e00\u4e2aossId\u83b7\u53d6\u6587\u4ef6\u5730\u5740",code:'const { default: File } = _File;\nconst { PureGlobal } = global;\nconst { getPublicPath } = remoteLoader;\nconst BaseExample = () => {\n return <File id="qqq">{({ url }) => url}</File>;\n};\n\nrender(\n <PureGlobal\n preset={{\n apis: {\n file: {\n getUrl: {\n loader: async ({ params }) => {\n console.log(params);\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve(getPublicPath("components-core") + "/avatar.png");\n }, 1000);\n });\n },\n },\n },\n },\n }}\n >\n <BaseExample />\n </PureGlobal>\n);\n\n',scope:[{name:"_File",packageName:"@components/File",component:N},{name:"global",packageName:"@components/Global",component:u},{name:"remoteLoader",packageName:"@kne/remote-loader",component:F}]},{title:"\u6587\u4ef6\u4e0b\u8f7d",description:"\u5c55\u793a\u6587\u4ef6\u4e0b\u8f7d",code:'const { Download } = _File;\nconst { PureGlobal } = global;\nconst { getPublicPath } = remoteLoader;\nconst BaseExample = () => {\n return (\n <Download\n id="123"\n filename="\u4e0b\u8f7d\u7684\u6587\u4ef6"\n onSuccess={() => {\n console.log("\u4e0b\u8f7d\u6210\u529f");\n }}\n >\n \u6587\u4ef6\u4e0b\u8f7d\n </Download>\n );\n};\n\nrender(\n <PureGlobal\n preset={{\n apis: {\n file: {\n getUrl: {\n loader: async ({ params }) => {\n console.log(params);\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve(getPublicPath("components-core") + "/avatar.png");\n }, 1000);\n });\n },\n },\n },\n },\n }}\n >\n <BaseExample />\n </PureGlobal>\n);\n\n',scope:[{name:"_File",packageName:"@components/File",component:N},{name:"global",packageName:"@components/Global",component:u},{name:"remoteLoader",packageName:"@kne/remote-loader",component:F}]},{title:"\u6587\u4ef6\u5217\u8868",description:"\u5c55\u793a\u6587\u4ef6\u5217\u8868",code:'const { List } = _FileList;\nconst { Space } = antd;\nconst { PureGlobal } = global;\nconst { getPublicPath } = remoteLoader;\n\nconst BaseExample = () => {\n return (\n <Space direction="vertical">\n <List\n dataSource={[\n {\n uuid: "121233",\n type: "uploading",\n filename: "\u5f20\u4e09\u7684\u7b80\u5386.doc",\n },\n {\n id: "xxxxx",\n filename: "\u6211\u662f\u4e00\u4efd\u7b80\u5386.pdf",\n date: "2022-07-15T11:09:15.000+08:00",\n userName: "\u7528\u6237\u540d",\n },\n ]}\n />\n <List dataSource={[]} />\n </Space>\n );\n};\n\nrender(\n <PureGlobal\n preset={{\n apis: {\n file: {\n getUrl: {\n loader: async ({ params }) => {\n console.log(params);\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve(\n getPublicPath("components-core") +\n "/mock/1_\u738b\u6676\u7b80\u5386-2023_06_2.pdf"\n );\n }, 1000);\n });\n },\n },\n },\n },\n }}\n >\n <BaseExample />\n </PureGlobal>\n);\n\n',scope:[{name:"_FileList",packageName:"@components/File",component:N},{name:"lodash",packageName:"lodash",component:m},{name:"global",packageName:"@components/Global",component:u},{name:"antd",packageName:"antd",component:r},{name:"remoteLoader",packageName:"@kne/remote-loader",component:F}]},{title:"\u6587\u4ef6\u94fe\u63a5",description:"\u5c55\u793a\u6587\u4ef6\u94fe\u63a5",code:'const { FileLink, useFileModal } = _File;\nconst { getPublicPath } = remoteLoader;\nconst { PureGlobal } = global;\nconst { Button } = antd;\n\nconst CustomButton = ({ children, ...p }) => {\n const modal = useFileModal(p);\n return (\n <Button\n onClick={() => {\n modal();\n }}\n >\n {p.originName}\n </Button>\n );\n};\n\nconst BaseExample = () => {\n return (\n <PureGlobal\n preset={{\n apis: {\n file: {\n getUrl: {\n loader: async ({ params }) => {\n const mapping = {\n "01": "/avatar.png",\n "02": "/mock/demo.html",\n "03": "/mock/1_\u738b\u6676\u7b80\u5386-2023_06_2.pdf",\n };\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve(\n getPublicPath("components-core") + mapping[params.id]\n );\n }, 1000);\n });\n },\n },\n },\n },\n }}\n >\n <FileLink id="01" originName="\u6211\u662f\u4e00\u4e2a\u56fe\u7247.jpg" />\n <FileLink id="02" originName="\u6211\u662f\u4e00\u4e2a\u7f51\u9875.html" />\n <FileLink id="03" originName="\u6211\u662f\u4e00\u4e2apdf.pdf" />\n <CustomButton id="03" originName="\u6211\u662f\u4e00\u4e2apdf.pdf" />\n </PureGlobal>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_File",packageName:"@components/File",component:N},{name:"remoteLoader",packageName:"@kne/remote-loader",component:F},{name:"global",packageName:"@components/Global",component:u},{name:"antd",packageName:"antd",component:r}]}]}};var C=t(24474);const B={name:"FileList",summary:"<p>\u6587\u4ef6\u5217\u8868\u5c55\u793a\uff0c\u9884\u89c8\uff0c\u4e0a\u4f20</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td></td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n</tbody>\n</table>",example:{isFull:!0,className:"FileList_a785a",style:"",list:[{title:"\u5b8c\u6574\u793a\u4f8b",description:"\u63d0\u4f9b\u4e00\u4e2a\u4e0a\u4f20\u6587\u4ef6\uff0c\u663e\u793a\u6587\u4ef6\u5217\u8868\uff0c\u9884\u89c8\u6587\u4ef6\u7684\u5c55\u793a",code:'const { default: FileList } = _FileList;\nconst { createWithRemoteLoader, getPublicPath } = remoteLoader;\nconst { useState } = React;\nconst { uniqueId } = lodash;\n\nconst ajax = {\n postForm: (config) => {\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve({\n data: {\n code: 0,\n data: {\n id: "uBFNeYQBnHRXlZaTGZpA",\n originalName: config.file.name,\n },\n },\n });\n }, 1000);\n });\n },\n};\n\nconst apis = {\n onSave: async ({ data }) => {\n return {\n ossId: uniqueId("oss_"),\n filename: data.originalName,\n date: new Date(),\n userName: "\u54c8\u54c8\u54c8",\n };\n },\n onDelete: (item) => {},\n};\n\nconst preset = {\n apis: {\n file: {\n getUrl: {\n loader: async ({ params }) => {\n const mapping = {\n "01": "/avatar.png",\n "02": "/mock/demo.html",\n "03": "/mock/1_\u738b\u6676\u7b80\u5386-2023_06_2.pdf",\n };\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve(getPublicPath("components-core") + mapping["03"]);\n }, 100);\n });\n },\n },\n },\n previewOffice: {\n loader: async () => {\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve({\n name: "\u6d4b\u8bd5\u5f00\u53d1_\u590f\u6c38\u6631_\u672c\u79d1_5\u5e74.docx",\n data: [\n {\n id: "gWw26Y0BeK_D6zxND5vh",\n originalName: "attachment/gWw26Y0BeK_D6zxND5vh.pdf",\n url:\n getPublicPath("components-core") +\n "/mock/1_\u738b\u6676\u7b80\u5386-2023_06_2.pdf",\n },\n ],\n });\n }, 0);\n });\n },\n },\n ossUpload: ({ file }) => {\n return ajax.postForm({ file });\n },\n },\n};\n\nconst BaseExample = createWithRemoteLoader({\n modules: ["components-core:Global@PureGlobal"],\n})(({ remoteModules }) => {\n const [PureGlobal] = remoteModules;\n const [list, setList] = useState([\n {\n id: "1",\n filename: "avatar.pdf",\n },\n {\n id: "2",\n filename: "\u6d4b\u8bd5\u5f00\u53d1_\u590f\u6c38\u6631_\u672c\u79d1_5\u5e74.docx",\n },\n ]);\n return (\n <PureGlobal preset={preset}>\n <FileList\n defaultPreviewFileId="1"\n list={list}\n setList={setList}\n apis={apis}\n />\n </PureGlobal>\n );\n});\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FileList",packageName:"@components/FileList",component:C},{name:"remoteLoader",packageName:"@kne/remote-loader",component:F},{name:"lodash",packageName:"lodash",component:m}]},{title:"\u4e0a\u4f20\u6587\u4ef6\u5217\u8868",description:"\u5c55\u793a\u4e00\u4e2a\u4e0a\u4f20\u6587\u4ef6\u5c55\u793a\u4e0a\u4f20\u6210\u529f\u6587\u4ef6\u5217\u8868",code:'const { FileUpload } = _FileList;\nconst { createWithRemoteLoader, getPublicPath } = remoteLoader;\nconst { useState } = React;\nconst { uniqueId } = lodash;\n\nconst ajax = {\n postForm: (config) => {\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve({\n data: {\n code: 0,\n data: {\n id: "uBFNeYQBnHRXlZaTGZpA",\n originalName: config.file.name,\n },\n },\n });\n }, 1000);\n });\n },\n};\n\nconst apis = {\n onSave: async ({ data }) => {\n const id = uniqueId();\n return {\n ossId: id,\n filename: data.originalName,\n date: new Date(),\n userName: "\u54c8\u54c8\u54c8",\n };\n },\n onDelete: (item) => {},\n};\n\nconst preset = {\n apis: {\n file: {\n getUrl: {\n loader: async ({ params }) => {\n const mapping = {\n "01": "/avatar.png",\n "02": "/mock/demo.html",\n "03": "/mock/1_\u738b\u6676\u7b80\u5386-2023_06_2.pdf",\n };\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve(getPublicPath("components-core") + mapping["03"]);\n }, 1000);\n });\n },\n },\n },\n ossUpload: ({ file }) => {\n return ajax.postForm({ file });\n },\n },\n};\n\nconst BaseExample = createWithRemoteLoader({\n modules: ["components-core:Global@PureGlobal"],\n})(({ remoteModules }) => {\n const [PureGlobal] = remoteModules;\n const [list, setList] = useState([]);\n return (\n <PureGlobal preset={preset}>\n <FileUpload list={list} setList={setList} apis={apis} />\n <div>\u975e\u53d7\u63a7\u60c5\u51b5</div>\n <FileUpload\n setList={(fileList) => {\n console.log(">>>>>>>>>>", fileList);\n }}\n apis={apis}\n />\n </PureGlobal>\n );\n});\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FileList",packageName:"@components/FileList",component:C},{name:"remoteLoader",packageName:"@kne/remote-loader",component:F},{name:"lodash",packageName:"lodash",component:m}]},{title:"\u62d6\u62fd\u4e0a\u4f20",description:"\u5c55\u793a\u4e00\u4e2a\u62d6\u62fd\u4e0a\u4f20\u6587\u4ef6\uff0c\u5f97\u5230File\u5bf9\u8c61",code:'const { DragArea, DragAreaOuter, UploadButton, DragButton } = _FileList;\nconst { Row, Col, Divider, Space } = antd;\n\nconst BaseExample = () => {\n return (\n <DragAreaOuter\n title={\n <Row>\n <Col flex={1}>\u6807\u9898</Col>\n <Col>\n <Space split={<Divider type="vertical" />}>\n <DragButton />\n <UploadButton>\u4e0a\u4f20</UploadButton>\n </Space>\n </Col>\n </Row>\n }\n onFileSelected={(fileList) => {\n console.log(fileList);\n }}\n >\n <DragArea />\n </DragAreaOuter>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FileList",packageName:"@components/FileList",component:C},{name:"antd",packageName:"antd",component:r}]}]}};var j=t(50196);const w={name:"FilePreview",summary:"<p>\u6587\u4ef6\u9884\u89c8</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!0,className:"FilePreview_143ff",style:"",list:[{title:"HtmlPreview",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: FilePreview, HtmlPreview } = _FilePreview;\nconst { getPublicPath } = remoteLoader;\nconst BaseExample = () => {\n return (\n <HtmlPreview\n maxWidth={900}\n url={getPublicPath("components-core") + "/mock/demo2.html"}\n />\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FilePreview",packageName:"@components/FilePreview",component:j},{name:"remoteLoader",packageName:"@kne/remote-loader",component:F}]},{title:"PdfPreview",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { PdfPreview } = _FilePreview;\nconst { getPublicPath } = remoteLoader;\nconst BaseExample = () => {\n return (\n <PdfPreview\n maxWidth={900}\n url={getPublicPath("components-core") + "/mock/1_\u738b\u6676\u7b80\u5386-2023_06_2.pdf"}\n renderTextLayer={true}\n />\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FilePreview",packageName:"@components/FilePreview",component:j},{name:"remoteLoader",packageName:"@kne/remote-loader",component:F}]},{title:"TextPreview",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { TextPreview } = _FilePreview;\nconst { getPublicPath } = remoteLoader;\nconst BaseExample = () => {\n return (\n <TextPreview\n maxWidth={900}\n url={getPublicPath("components-core") + "/mock/demo.txt"}\n />\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FilePreview",packageName:"@components/FilePreview",component:j},{name:"remoteLoader",packageName:"@kne/remote-loader",component:F}]},{title:"ImagePreview",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { ImagePreview } = _FilePreview;\nconst { getPublicPath } = remoteLoader;\nconst BaseExample = () => {\n return (\n <ImagePreview url={getPublicPath("components-core") + "/mock/demo2.jpg"} />\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FilePreview",packageName:"@components/FilePreview",component:j},{name:"remoteLoader",packageName:"@kne/remote-loader",component:F}]},{title:"unknown",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { UnknownPreview } = _FilePreview;\nconst { getPublicPath } = remoteLoader;\nconst BaseExample = () => {\n return (\n <UnknownPreview url={getPublicPath("components-core") + "/mock/demo.des"} />\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FilePreview",packageName:"@components/FilePreview",component:j},{name:"remoteLoader",packageName:"@kne/remote-loader",component:F}]},{title:"office",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: FilePreview } = _FilePreview;\nconst { getPublicPath } = remoteLoader;\nconst { PureGlobal } = _Global;\nconst BaseExample = () => {\n return (\n <PureGlobal\n preset={{\n ajax: () => {\n return {\n data: "http://video.ch9.ms/build/2011/slides/TOOL-532T_Sutter.pptx",\n };\n },\n apis: {\n file: {\n getUrl: {\n url: "http://oss.com",\n },\n },\n },\n }}\n >\n <FilePreview\n id="63bb2013-c743-4d2d-9d91-935c865f1c4d"\n originName="TOOL-532T_Sutter.pptx"\n />\n </PureGlobal>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FilePreview",packageName:"@components/FilePreview",component:j},{name:"remoteLoader",packageName:"@kne/remote-loader",component:F},{name:"_Global",packageName:"@components/Global",component:u}]},{title:"audio",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { AudioPreview } = _FilePreview;\nconst { getPublicPath } = remoteLoader;\nconst BaseExample = () => {\n return (\n <AudioPreview\n maxWidth={900}\n url={getPublicPath("components-core") + "/mock/audio.wav"}\n />\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FilePreview",packageName:"@components/FilePreview",component:j},{name:"remoteLoader",packageName:"@kne/remote-loader",component:F},{name:"_Global",packageName:"@components/Global",component:u}]},{title:"video",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { VideoPreview } = _FilePreview;\nconst { getPublicPath } = remoteLoader;\nconst BaseExample = () => {\n return (\n <VideoPreview\n maxWidth={900}\n url={getPublicPath("components-core") + "/mock/video.mp4"}\n />\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FilePreview",packageName:"@components/FilePreview",component:j},{name:"remoteLoader",packageName:"@kne/remote-loader",component:F},{name:"_Global",packageName:"@components/Global",component:u}]}]}};var T=t(16915);const A=JSON.parse('{"id":1,"coId":1,"name":"\u6d88\u606f\u7b80\u4f53","parentId":0,"enName":"xiaoxijianti","leaf":false,"children":[{"id":428,"coId":1,"name":"a\u6d4b\u8bd5\u90e8\u95e801","parentId":1,"enName":"Test BU1","leaf":false,"children":[{"id":430,"coId":1,"name":"01\u5f00\u53d1\u90e8","parentId":428,"enName":null,"leaf":true,"children":[]},{"id":431,"coId":1,"name":"01\u6d4b\u8bd5\u90e8","parentId":428,"enName":"Test bu-01","leaf":false,"children":[{"id":432,"coId":1,"name":"01\u81ea\u52a8\u5316\u90e8","parentId":431,"enName":null,"leaf":false,"children":[{"id":434,"coId":1,"name":"02UI\u81ea\u52a8\u5316","parentId":432,"enName":null,"leaf":false,"children":[{"id":485,"coId":1,"name":"\u4ee3\u7801\u7f16\u5199\u5458","parentId":434,"enName":null,"leaf":true,"children":[]},{"id":484,"coId":1,"name":"\u81ea\u52a8\u5316\u6846\u67b6\u642d\u5efa\u5458","parentId":434,"enName":null,"leaf":true,"children":[]}]}]}]}]},{"id":429,"coId":1,"name":"a\u6d4b\u8bd5\u90e8\u95e802","parentId":1,"enName":"YYY","leaf":false,"children":[{"id":483,"coId":1,"name":"\u5f00\u53d1\u7ec4","parentId":429,"enName":null,"leaf":true,"children":[]},{"id":482,"coId":1,"name":"\u6d4b\u8bd5\u90e8","parentId":429,"enName":null,"leaf":true,"children":[]}]},{"id":184,"coId":1,"name":"\u4e0a\u6d77a","parentId":1,"enName":"shanghai","leaf":true,"children":[]},{"id":78,"coId":1,"name":"\u4e8b\u4e1a\u4e00\u90e8","parentId":1,"enName":"shiyeyibu","leaf":false,"children":[{"id":89,"coId":1,"name":"RPO-\u5e7f\u5dde","parentId":78,"enName":null,"leaf":true,"children":[]},{"id":90,"coId":1,"name":"RPO-\u82cf\u5dde","parentId":78,"enName":null,"leaf":true,"children":[]},{"id":83,"coId":1,"name":"\u4e0a\u6d77-\u5de5\u4e1a\u5236\u9020","parentId":78,"enName":null,"leaf":true,"children":[]},{"id":82,"coId":1,"name":"\u4e0a\u6d77-\u6570\u5b57\u79d1\u6280","parentId":78,"enName":null,"leaf":true,"children":[]}]},{"id":80,"coId":1,"name":"\u4e8b\u4e1a\u4e09\u90e8","parentId":1,"enName":null,"leaf":false,"children":[{"id":93,"coId":1,"name":"RPO-\u5317\u4eac-\u56e2\u961f2","parentId":80,"enName":null,"leaf":true,"children":[]},{"id":92,"coId":1,"name":"\u5317\u4eac-\u9ad8\u79d1\u6280\u53ca\u4e92\u8054\u7f51","parentId":80,"enName":null,"leaf":true,"children":[]}]},{"id":79,"coId":1,"name":"\u4e8b\u4e1a\u4e8c\u90e8","parentId":1,"enName":null,"leaf":false,"children":[{"id":88,"coId":1,"name":"PRO-\u5de5\u4e1a\u5236\u9020","parentId":79,"enName":null,"leaf":true,"children":[]},{"id":87,"coId":1,"name":"PRO-\u751f\u547d\u79d1\u5b66-\u56e2\u961f2","parentId":79,"enName":null,"leaf":true,"children":[]},{"id":91,"coId":1,"name":"RPO-\u5feb\u6d88\u96f6\u552e","parentId":79,"enName":null,"leaf":true,"children":[]},{"id":86,"coId":1,"name":"RPO-\u751f\u547d\u79d1\u5b66","parentId":79,"enName":null,"leaf":true,"children":[]},{"id":85,"coId":1,"name":"\u4e0a\u6d77-\u91d1\u878d","parentId":79,"enName":null,"leaf":true,"children":[]},{"id":84,"coId":1,"name":"\u4e0a\u6d77-\u96f6\u552e","parentId":79,"enName":null,"leaf":true,"children":[]}]},{"id":173,"coId":1,"name":"\u5ba1\u6279\u6d41\u90e8\u95e8","parentId":1,"enName":null,"leaf":false,"children":[{"id":176,"coId":1,"name":"GM","parentId":173,"enName":null,"leaf":true,"children":[]},{"id":175,"coId":1,"name":"VP","parentId":173,"enName":null,"leaf":true,"children":[]},{"id":174,"coId":1,"name":"\u51fa\u7eb3","parentId":173,"enName":null,"leaf":true,"children":[]},{"id":180,"coId":1,"name":"\u6284\u9001\u4eba","parentId":173,"enName":null,"leaf":true,"children":[]},{"id":178,"coId":1,"name":"\u6cd5\u52a1","parentId":173,"enName":null,"leaf":true,"children":[]},{"id":177,"coId":1,"name":"\u8d22\u52a1\u5206\u6790","parentId":173,"enName":null,"leaf":true,"children":[]},{"id":179,"coId":1,"name":"\u9ed8\u8ba4\u5ba1\u6279\u4eba","parentId":173,"enName":null,"leaf":true,"children":[]}]},{"id":81,"coId":1,"name":"\u6570\u5b57\u5316\u56e2\u961f","parentId":1,"enName":"Shu Zi-Hua","leaf":false,"children":[{"id":201,"coId":1,"name":"\u6d4b\u8bd5\u56e2\u961f","parentId":81,"enName":"ceshi---","leaf":true,"children":[]}]},{"id":103,"coId":1,"name":"\u661f\u8fb0\u6c34","parentId":1,"enName":null,"leaf":false,"children":[{"id":106,"coId":1,"name":"\u661f\u8fb0\u4e00\u90e8","parentId":103,"enName":null,"leaf":true,"children":[]},{"id":111,"coId":1,"name":"\u661f\u8fb0\u4e09\u90e8","parentId":103,"enName":null,"leaf":true,"children":[]},{"id":107,"coId":1,"name":"\u661f\u8fb0\u4e8c\u90e8","parentId":103,"enName":null,"leaf":true,"children":[]},{"id":151,"coId":1,"name":"\u661f\u8fb0\u56db\u90e8","parentId":103,"enName":null,"leaf":true,"children":[]}]},{"id":101,"coId":1,"name":"\u667a\u6167\u661f","parentId":1,"enName":null,"leaf":false,"children":[{"id":104,"coId":1,"name":"\u667a\u6167\u4e00\u90e8","parentId":101,"enName":null,"leaf":false,"children":[{"id":150,"coId":1,"name":"\u667a\u6167\u4e00\u90e8-\u6708\u4eae\u661f","parentId":104,"enName":null,"leaf":true,"children":[]}]},{"id":109,"coId":1,"name":"\u667a\u6167\u4e09\u90e8","parentId":101,"enName":null,"leaf":true,"children":[]},{"id":105,"coId":1,"name":"\u667a\u6167\u4e8c\u90e8","parentId":101,"enName":null,"leaf":true,"children":[]}]},{"id":182,"coId":1,"name":"\u667a\u80fd\u540e\u53f0\uff08\u4e0a\u6d77\uff09","parentId":1,"enName":null,"leaf":true,"children":[]},{"id":181,"coId":1,"name":"\u7ba1\u7406\u4e2d\u5fc3","parentId":1,"enName":null,"leaf":true,"children":[]},{"id":194,"coId":1,"name":"\u81ea\u52a8\u5316\u90e8\u95e8","parentId":1,"enName":null,"leaf":true,"children":[]}]}');const E={name:"Filter",summary:"",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!0,className:"Filter_d7778",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const {\n default: Filter,\n InputFilterItem,\n DatePickerFilterItem,\n DateRangePickerFilterItem,\n TypeDateRangePickerFilterItem,\n CityFilterItem,\n AdvancedSelectFilterItem,\n SuperSelectFilterItem,\n SuperSelectUserFilterItem,\n UserFilterItem,\n FunctionSelectFilterItem,\n IndustrySelectFilterItem,\n getFilterValue,\n FilterItemContainer,\n} = _Filter;\nconst { useState } = React;\nconst BaseExample = () => {\n const [value, onChange] = useState([]);\n return (\n <Filter\n value={value}\n onChange={(value) => {\n console.log(getFilterValue(value));\n onChange(value);\n }}\n extra={<Filter.SearchInput name="name" label="\u59d3\u540d" />}\n list={[\n [\n <InputFilterItem label="\u6587\u5b57" name="text" />,\n <CityFilterItem label="\u57ce\u5e02" name="city" />,\n <FilterItemContainer name="select" label="\u9ad8\u7ea7\u9009\u62e9">\n {(props) => (\n <div>\n <AdvancedSelectFilterItem\n {...props}\n api={{\n loader: () => {\n return {\n pageData: [\n { label: "\u7b2c\u4e00\u9879", value: 1 },\n {\n label: "\u7b2c\u4e8c\u9879",\n value: 2,\n disabled: true,\n },\n {\n label: "\u7b2c\u4e09\u9879",\n value: 3,\n },\n ],\n };\n },\n }}\n />\n </div>\n )}\n </FilterItemContainer>,\n <DatePickerFilterItem label="\u65e5\u671f" name="date" picker="week" />,\n <TypeDateRangePickerFilterItem\n label="\u590d\u6742\u65e5\u671f\u8303\u56f4"\n name="type-data-range"\n allowEmpty={[true, true]}\n />,\n <DateRangePickerFilterItem label="\u65e5\u671f\u8303\u56f4" name="date-range" />,\n <SuperSelectFilterItem\n label="\u9009\u62e9\u4fe1\u606f"\n name="select-value"\n options={[\n {\n label: "\u7528\u6237\u4e00",\n value: 1,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n {\n label: "\u7528\u6237\u4e8c",\n value: 2,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n ]}\n />,\n <SuperSelectUserFilterItem\n label="\u7528\u6237\u9009\u62e9"\n name="user"\n api={{\n loader: () => {\n return {\n pageData: [\n {\n label: "\u7528\u6237\u4e00",\n value: 1,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n {\n label: "\u7528\u6237\u4e8c",\n value: 2,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n {\n label: "\u7528\u6237\u4e09",\n value: 3,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n ],\n };\n },\n }}\n />,\n <FunctionSelectFilterItem\n label="\u804c\u80fd\u9009\u62e9"\n name="functionLast"\n onlyAllowLastLevel\n />,\n <FunctionSelectFilterItem\n label="\u804c\u80fd\u9009\u62e9"\n name="function"\n selectLevel={3}\n maxLength={3}\n />,\n <FunctionSelectFilterItem\n label="\u804c\u80fd\u9009\u62e9"\n name="functionSingle"\n single\n />,\n <IndustrySelectFilterItem\n label="\u884c\u4e1a\u9009\u62e9"\n name="industryLast"\n onlyAllowLastLevel\n />,\n <IndustrySelectFilterItem\n label="\u884c\u4e1a\u9009\u62e9"\n name="industry"\n selectLevel={2}\n maxLength={3}\n />,\n <IndustrySelectFilterItem\n label="\u884c\u4e1a\u9009\u62e9"\n name="industrySingle"\n single\n />,\n ],\n ]}\n />\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Filter",packageName:"@components/Filter",component:T}]},{title:"\u9ad8\u7ea7\u7b5b\u9009",description:"\u9ad8\u7ea7\u7b5b\u9009",code:'const {\n default: Filter,\n AdvancedFilter,\n InputFilterItem,\n DatePickerFilterItem,\n DateRangePickerFilterItem,\n TypeDateRangePickerFilterItem,\n CityFilterItem,\n AdvancedSelectFilterItem,\n UserFilterItem,\n FunctionSelectFilterItem,\n IndustrySelectFilterItem,\n NumberRangeFilterItem,\n getFilterValue,\n FilterItemContainer,\n} = _Filter;\nconst { useState } = React;\n\nconst {\n CityFilterItem: CityAdvancedFilterItem,\n ListFilterItem,\n InputFilterItem: InputAdvancedFilterItem,\n} = AdvancedFilter.fields;\nconst BaseExample = () => {\n const [value, onChange] = useState([]);\n return (\n <AdvancedFilter\n value={value}\n onChange={(value) => {\n console.log(getFilterValue(value));\n onChange(value);\n }}\n list={[\n [<CityAdvancedFilterItem name="currentCity" label="\u5f53\u524d\u57ce\u5e02" single />],\n [<CityAdvancedFilterItem name="expectCity" label="\u671f\u671b\u57ce\u5e02" />],\n [\n <ListFilterItem\n name="experience"\n label="\u5de5\u4f5c\u7ecf\u9a8c"\n single\n items={[\n {\n value: [null, 1],\n label: "1\u5e74\u4ee5\u4e0b",\n },\n {\n value: [1, 5],\n label: "1-5\u5e74",\n },\n { value: [5, null], label: "5\u5e74\u4ee5\u4e0a" },\n ]}\n custom={<NumberRangeFilterItem label="\u81ea\u5b9a\u4e49" unit="\u5e74" />}\n />,\n ],\n [<InputAdvancedFilterItem name="company" label="\u516c\u53f8" />],\n ]}\n more={[\n <InputFilterItem label="\u6587\u5b57" name="text" />,\n <CityFilterItem label="\u57ce\u5e02" name="city" />,\n <FilterItemContainer name="select" label="\u9ad8\u7ea7\u9009\u62e9">\n {(props) => (\n <div>\n <AdvancedSelectFilterItem\n {...props}\n api={{\n loader: () => {\n return {\n pageData: [\n { label: "\u7b2c\u4e00\u9879", value: 1 },\n {\n label: "\u7b2c\u4e8c\u9879",\n value: 2,\n disabled: true,\n },\n {\n label: "\u7b2c\u4e09\u9879",\n value: 3,\n },\n ],\n };\n },\n }}\n />\n </div>\n )}\n </FilterItemContainer>,\n <DatePickerFilterItem label="\u65e5\u671f" name="date" picker="week" />,\n <TypeDateRangePickerFilterItem\n label="\u590d\u6742\u65e5\u671f\u8303\u56f4"\n name="type-data-range"\n allowEmpty={[true, true]}\n />,\n <DateRangePickerFilterItem label="\u65e5\u671f\u8303\u56f4" name="date-range" />,\n <UserFilterItem\n label="\u7528\u6237\u9009\u62e9"\n name="user"\n api={{\n loader: () => {\n return {\n pageData: [\n {\n label: "\u7528\u6237\u4e00",\n value: 1,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n {\n label: "\u7528\u6237\u4e8c",\n value: 2,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n {\n label: "\u7528\u6237\u4e09",\n value: 3,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n ],\n };\n },\n }}\n />,\n <FunctionSelectFilterItem\n label="\u804c\u80fd\u9009\u62e9"\n name="function"\n onlyAllowLastLevel\n single\n />,\n <IndustrySelectFilterItem\n label="\u884c\u4e1a\u9009\u62e9"\n name="industry"\n onlyAllowLastLevel\n />,\n ]}\n />\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Filter",packageName:"@components/Filter",component:T}]},{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Filter, TreeFilterItem } = _Filter;\nconst { default: treeData } = _data;\nconst { useState } = React;\nconst { Space } = antd;\n\nconst BaseExample = () => {\n const [filter, setFilter] = useState([]);\n const [filter2, setFilter2] = useState([]);\n\n return (\n <Space direction="vertical">\n <Filter\n value={filter}\n onChange={setFilter}\n list={[\n [\n <TreeFilterItem\n name="tree"\n single\n label="\u6811\u7ec4\u4ef6"\n fieldNames={{\n title: "name",\n key: "id",\n children: "children",\n }}\n api={{\n loader: () => {\n return treeData.children;\n },\n }}\n />,\n ],\n ]}\n />\n <Filter\n value={filter2}\n onChange={setFilter2}\n list={[\n [\n <TreeFilterItem\n name="tree"\n label="\u6811\u7ec4\u4ef6"\n fieldNames={{\n title: "name",\n key: "id",\n children: "children",\n }}\n api={{\n loader: () => {\n return treeData.children;\n },\n }}\n />,\n ],\n ]}\n />\n </Space>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Filter",packageName:"@components/Filter",component:T},{name:"antd",packageName:"antd",component:r},{name:"_data",packageName:"@components/Filter/doc/mock/tree-data.json",component:t.t(A,2)}]},{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const {\n FilterValueDisplay,\n FilterItem,\n FilterLines,\n PopoverItem,\n InputFilterItem,\n CityFilterItem,\n AdvancedSelectFilterItem,\n UserFilterItem,\n FunctionSelectFilterItem,\n IndustrySelectFilterItem,\n} = _Filter;\nconst { Space, Input } = antd;\nconst { useState } = React;\nconst BaseExample = () => {\n const [value, setValue] = useState([\n {\n label: "\u57ce\u5e02",\n name: "city",\n value: [\n { label: "\u4e0a\u6d77", value: "010" },\n { label: "\u5317\u4eac", value: "020" },\n ],\n },\n {\n label: "\u804c\u80fd",\n name: "function",\n value: [\n { label: "\u4ea7\u54c1\u7ecf\u7406", value: "010" },\n { label: "\u9500\u552e", value: "020" },\n {\n label: "\u5ba2\u6237\u7ecf\u7406",\n value: "030",\n },\n ],\n },\n ]);\n return (\n <Space direction="vertical">\n <FilterValueDisplay value={value} onChange={setValue} />\n <Space>\n <FilterItem label="\u5ba2\u6237" />\n <FilterItem label="\u5ba2\u6237" active />\n <FilterItem label="\u5ba2\u6237" open />\n <FilterItem label="\u8d85\u957f\u8d85\u957f\u8d85\u957f\u8d85\u957f\u8d85\u957f\u8d85\u957f\u8d85\u957f\u8d85\u957f" active open />\n </Space>\n <FilterLines\n list={[\n [\n <FilterItem label="\u5ba2\u6237" />,\n <FilterItem label="\u804c\u4f4d" />,\n <FilterItem label="\u804c\u4f4d\u8d1f\u8d23\u4eba" />,\n ],\n [\n <FilterItem label="\u5f00\u59cb\u65f6\u95f4" />,\n <FilterItem label="\u7ed3\u675f\u65f6\u95f4" />,\n <FilterItem label="\u804c\u4f4dBD\u4eba" />,\n ],\n [\n <FilterItem label="\u5f00\u59cb\u65f6\u95f4" />,\n <FilterItem label="\u7ed3\u675f\u65f6\u95f4" />,\n <FilterItem label="\u804c\u4f4dBD\u4eba" />,\n ],\n [\n <FilterItem label="\u5f00\u59cb\u65f6\u95f4" />,\n <FilterItem label="\u7ed3\u675f\u65f6\u95f4" />,\n <FilterItem label="\u804c\u4f4dBD\u4eba" />,\n ],\n ]}\n />\n <PopoverItem label="\u5ba2\u6237">\n {({ value, onChange }) => (\n <Input value={value} onChange={(e) => onChange(e.target.value)} />\n )}\n </PopoverItem>\n <FilterLines\n list={[\n [\n <InputFilterItem label="\u6587\u5b57" />,\n <CityFilterItem label="\u57ce\u5e02" />,\n <AdvancedSelectFilterItem\n label="\u9ad8\u7ea7\u9009\u62e9"\n api={{\n loader: () => {\n return {\n pageData: [\n { label: "\u7b2c\u4e00\u9879", value: 1 },\n { label: "\u7b2c\u4e8c\u9879", value: 2, disabled: true },\n {\n label: "\u7b2c\u4e09\u9879",\n value: 3,\n },\n ],\n };\n },\n }}\n />,\n <UserFilterItem\n label="\u7528\u6237\u9009\u62e9"\n api={{\n loader: () => {\n return {\n pageData: [\n {\n label: "\u7528\u6237\u4e00",\n value: 1,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n {\n label: "\u7528\u6237\u4e8c",\n value: 2,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n {\n label: "\u7528\u6237\u4e09",\n value: 3,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n ],\n };\n },\n }}\n />,\n <FunctionSelectFilterItem label="\u804c\u80fd\u9009\u62e9" />,\n <IndustrySelectFilterItem label="\u884c\u4e1a\u9009\u62e9" />,\n ],\n ]}\n />\n </Space>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Filter",packageName:"@components/Filter",component:T},{name:"antd",packageName:"antd",component:r}]}]}};var L=t(330);const R={name:"FlexBox",summary:"<p>\u7528\u4e8e\u6839\u636e\u76d2\u5b50\u5927\u5c0f\u54cd\u5e94\u5f0f\u5c55\u793a\u4e0d\u540c\u5217</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!0,className:"FlexBox_51df0",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: FlexBox } = _FlexBox;\nconst { Card } = antd;\nconst BaseExample = () => {\n return (\n <FlexBox\n dataSource={[\n {\n title: "Title 1",\n },\n {\n title: "Title 2",\n },\n {\n title: "Title 3",\n },\n {\n title: "Title 4",\n },\n {\n title: "Title 5",\n },\n {\n title: "Title 6",\n },\n ]}\n renderItem={(item) => (\n <FlexBox.Item>\n <Card title={item.title}>Card content</Card>\n </FlexBox.Item>\n )}\n />\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FlexBox",packageName:"@components/FlexBox",component:L},{name:"antd",packageName:"antd",component:r}]},{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:"const { default: FlexBox } = _FlexBox;\nconst { Card, Button } = antd;\nconst { range } = lodash;\nconst { useRef } = React;\nconst BaseExample = () => {\n const ref = useRef();\n return (\n <div>\n <FlexBox.Fetch\n ref={ref}\n getFetchApi={({ size }) => {\n return {\n data: {\n pageSize: size,\n },\n loader: ({ data }) => {\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve({\n pageData: range(0, data.pageSize).map((index) => {\n return {\n key: index,\n title: `\u7b2c${index}\u9879`,\n };\n }),\n });\n }, 1000);\n });\n },\n };\n }}\n renderItem={(item) => (\n <FlexBox.Item>\n <Card title={item.title}>Card content</Card>\n </FlexBox.Item>\n )}\n />\n <Button\n onClick={() => {\n console.log(ref.current);\n }}\n >\n \u83b7\u53d6FetchApi\n </Button>\n </div>\n );\n};\n\nrender(<BaseExample />);\n\n",scope:[{name:"_FlexBox",packageName:"@components/FlexBox",component:L},{name:"antd",packageName:"antd",component:r},{name:"lodash",packageName:"lodash",component:m}]}]}};var D=t(96252),M=t(3382),G=t(64671),O=t(57469);const z={name:"FormInfo",summary:'<p>\u8868\u5355\u63a7\u4ef6\uff0c\u81ea\u5e26\u6570\u636e\u57df\u7ba1\u7406\u3002\u5305\u542b\u6570\u636e\u5f55\u5165\u3001\u6821\u9a8c\u4ee5\u53ca\u5bf9\u5e94\u6837\u5f0f</p>\n<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<ul>\n<li>\u7528\u4e8e\u521b\u5efa\u6216\u7f16\u8f91\u4e00\u4e2a\u5b9e\u4f53\u6216\u6536\u96c6\u4fe1\u606f</li>\n<li>\u9700\u8981\u5bf9\u8f93\u5165\u7684\u6570\u636e\u7c7b\u578b\u8fdb\u884c\u6821\u9a8c\u65f6</li>\n</ul>\n<h3>\u6982\u5ff5</h3>\n<ul>\n<li>Form Data\uff1a\nForm\u63d0\u4ea4\u65f6\u83b7\u53d6\u5230\u7684\u8f93\u51fa\u503c\u901a\u5e38\u7528\u6765\u63d0\u4ea4\u7ed9\u540e\u7aef\uff0c\u4e0d\u5305\u542bForm\u7684\u6821\u9a8c\u4fe1\u606f\uff0c\u53ea\u5305\u542bForm\u7ec4\u4ef6\u53ef\u4ee5\u5411\u5916\u90e8\u63d0\u4f9b\u7684\u6570\u636e\u8f93\u51fa\u4fe1\u606f\u3002</li>\n<li>Form State\uff1a\nForm\u4e2d\u7528\u6765\u5b58\u50a8\u4e00\u5207\u72b6\u6001\u7684\u503c\uff0c\u5305\u542bField\u4fe1\u606f\uff0c\u6821\u9a8c\u4fe1\u606f\uff0cForm\u7684\u503c\uff08\u9700\u8981\u4e00\u5b9a\u7684\u8f6c\u6362\u4ece\u624d\u80fd\u53d8\u6210Form Data\uff09\uff0c\u8868\u5355\u662f\u5426\u9a8c\u8bc1\u901a\u8fc7\uff0c\u8868\u5355\u9519\u8bef\u4fe1\u606f\u7b49\u503c\u3002</li>\n<li>\u5b57\u6bb5\u6216\u79f0Field\uff1a\nForm\u4e2d\u7684\u4e00\u4e2a\u9879\uff0c\u5fc5\u987b\u62e5\u6709\u53c2\u6570name,label,\u53ef\u9009\u53c2\u6570rule\u3002name\u4f5c\u4e3aForm\u63d0\u4ea4\u65f6\u83b7\u53d6\u5230data\u7684key\u503c\u3002\nlabel\u4e3a\u5b57\u6bb5\u5c55\u793a\u7ed9\u7528\u6237\u7684\u540d\u5b57\u4ee5\u53ca\u5b57\u6bb5\u62a5\u9519\u65f6\u63d0\u793a\u7528\u6237\u9519\u8bef\u7684\u8bed\u53e5\u4e2d\u6307\u4ee3\u8be5\u5b57\u6bb5\u7684\u540d\u5b57\u3002\nrule\u4e3a\u4e0b\u65b9\u4ecb\u7ecd\u7684RULE\u3002\n\u4e00\u4e2aField\u7684\u53d6\u503c\u53ef\u4ee5\u662f\u7b80\u5355\u7684Number\uff0cBoolean\uff0cString\u4e5f\u53ef\u4ee5\u662f\u590d\u6742\u7684Array\uff0cObject\u7b49\uff0c\u6240\u4ee5\u5728\u8003\u8651\u4e00\u4e9b\u503c\u9700\u8981\u5206\u6210\u591a\u4e2aField\u8fd8\u662f\u96c6\u4e2d\u5728\u4e00\u4e2aField\u65f6\u975e\u5e38\u91cd\u8981\u7684\u3002\n\u4e00\u4e2a\u901a\u7528\u7684\u89c4\u5219\u662f\uff1a<em><strong>\u5bf9\u4e8eForm\u6765\u8bf4\uff0c\u5b83\u7684\u6700\u5c0f\u6821\u9a8c\u5355\u5143\u662f\u4e00\u4e2aField</strong></em>\u3002</li>\n<li>Field\u7ec4\u4ef6\uff1a\nField\u7ec4\u4ef6\u662fField\u7684\u4e00\u90e8\u5206\uff0c\u53ef\u4ee5\u7531\u7528\u6237\u81ea\u5df1\u5b9e\u73b0\u4e5f\u53ef\u4ee5\u7531\u7ec4\u4ef6\u5e93\u63d0\u4f9b\uff0c\u901a\u8fc7Form\u63d0\u4f9b\u7684Field hooks\u5c06\u5176\u53d8\u6210Field\u3002\nfield hooks\u4e3b\u8981\u63a5\u7ba1Field\u7ec4\u4ef6\u7684value\uff0conChange\u53c2\u6570\uff0c\u7528\u6765\u628aField\u7ec4\u4ef6\u7684\u503c\u83b7\u53d6\u5230Form\u7ba1\u7406\u3002Field\u7ec4\u4ef6\u5fc5\u987b\u4e3a<em><strong>\u53d7\u63a7\u7ec4\u4ef6</strong></em>\u3002\nfield hooks\u8fd8\u4f1a\u63a5\u7ba1triggerValidate\uff0c\u7528\u6765\u83b7\u53d6Field\u7684\u6821\u9a8c\u65f6\u673a\u3002field hooks\u4f1a\u5411Field\u7ec4\u4ef6\u63d0\u4f9bField\u7684\u6821\u9a8c\u72b6\u6001\u548c\u6821\u9a8c\u9519\u8bef\u4fe1\u606f\u3002</li>\n<li>RULE\uff1a\n\u7528\u4e8e\u5b57\u6bb5\u7684\u6821\u9a8c\u3002RULE\u53ef\u4ee5\u4e3a\u4e00\u4e2afunction\u6216\u8005\u6b63\u5219\u8868\u8fbe\u5f0f\uff0c\u4e0d\u8fc7\u63a8\u8350\u4ee5\u5927\u5199\u5b57\u7b26\u4e32\u8c03\u7528\u3002\n\u5b57\u7b26\u4e32\u5f62\u5f0f\u7684RULE\u4ee5\u7a7a\u683c\u4e3a\u95f4\u9694\u53ef\u4ee5\u4f20\u5165\u591a\u6761\u89c4\u5219\uff0c\u5982\uff1a"REQ TEL"\uff0c\n\u6267\u884c\u6821\u9a8c\u65f6\u4f1a\u4ece\u5de6\u81f3\u53f3\u4f9d\u6b21\u6821\u9a8c\uff0c\u5982\u679c\u5de6\u4fa7\u7684\u89c4\u5219\u6821\u9a8c\u5931\u8d25\u5219\u4e0d\u518d\u6267\u884c\u5176\u53f3\u4fa7\u89c4\u5219\uff0c\u8fd4\u56de\u6821\u9a8c\u5931\u8d25\u72b6\u6001\u53ca\u8be5\u89c4\u5219\u5931\u8d25\u539f\u56e0\u63d0\u793a\u4f5c\u4e3a\u5b57\u6bb5\u6821\u9a8c\u5931\u8d25\u539f\u56e0\u3002\n\u5b57\u7b26\u4e32RULE\u5141\u8bb8\u4f20\u5165\u53c2\u6570\uff0c\u53c2\u6570\u4ee5\u4e2d\u5212\u7ebf\u9694\u5f00\uff0c\u53ef\u4f20\u5165\u591a\u4e2a\u53c2\u6570\uff0c\u5982\uff1a"LEN-3-10"\u3002\n\u5b57\u7b26\u4e32RULE\u4f7f\u7528\u524d\u5fc5\u987b\u5728Form\u7ec4\u4ef6\u4e2d\u6709\u6240\u58f0\u660e\uff0cForm\u7684RULE\u58f0\u660e\u67093\u4e2a\u7ea7\u522b\uff1a\n\u9ed8\u8ba4\u7ea7\uff0c\u5305\u542b\u4e8eForm\u5185\u90e8\uff0c\u63d0\u4f9b\u4e86\u4e00\u4e9b\u57fa\u672c\u7684\u6821\u9a8c\u89c4\u5219\u3002preset\u7ea7\uff1a\u5728\u9879\u76ee\u7684preset\u4e2d\u58f0\u660e\uff0c\u5e94\u8be5\u628a\u9879\u76ee\u4e2d\u5e38\u7528\u7684\u6216\u8005\u662f\u6bd4\u8f83\u590d\u6742\u7684RULE\u58f0\u660e\u96c6\u4e2d\u7ef4\u62a4\u4e8e\u6b64\u3002\nForm\u7ea7\uff1a\u4ee5rules\u53c2\u6570\u4f20\u5165Form\u7ec4\u4ef6\uff0c\u4e3b\u8981\u662f\u67d0Form\u5355\u72ec\u4f7f\u7528\u7684RULE\u3002\n\u5982\u679c\u58f0\u660e\u5b57\u7b26\u76f8\u540c\uff0c\u4f1a\u4ee5 Form\u7ea7>preset\u7ea7>\u9ed8\u8ba4\u7ea7 \u8fdb\u884c\u8986\u76d6\u3002\nRULE\u58f0\u660e\u4e3a\u4e00\u4e2a\u5bf9\u8c61\uff0ckey\u548c\u53bb\u6389\u53c2\u6570\u7684\u5b57\u7b26\u4e32RULE\u76f8\u540c\uff0cvalue\u4e3a\u4e00\u4e2afunction\u79f0\u4e3a\u6821\u9a8c\u51fd\u6570\u3002\u6b64function\u63a5\u6536\u5230\u7684\u53c2\u6570\u6709\u4e09\u90e8\u5206(\nvalue,[...args]\n,{data,{field}}),\u7b2c\u4e00\u4e2a\u53c2\u6570value\u4e3a\u5f53\u524d\u5b57\u6bb5\u7684\u503c\uff0c\u6700\u540e\u4e00\u4e2a\u53c2\u6570\u4e3aform\u7684\u72b6\u6001\uff0cdata\u662fform\u7684\u5f53\u524d\u503c\uff0cfield\u662fform\u91cc\u9762\u5f53\u524d\u5b57\u6bb5\u7684\u4fe1\u606f\uff0c\n\u4e2d\u95f4\u53c2\u6570args\u4e3a\u5b57\u7b26\u4e32\u53c2\u6570\u5982\uff1a"LEN-3-10"\u4f1a\u63a5\u6536\u52303\u548c20\u4e24\u4e2a\u53c2\u6570\u3002\u6821\u9a8c\u51fd\u6570\u8fd4\u56de{result,errMsg}\uff0c\n\u6216\u8005\u4e00\u4e2aPromise.resolve({result,errMsg})\u7684Promise\u5bf9\u8c61\u3002result\u4e3a\u6821\u9a8c\u662f\u5426\u901a\u8fc7\uff0cerrMsg\u4e3a\u5931\u8d25\u63d0\u793a\uff0c\u5931\u8d25\u63d0\u793a\u53ef\u4ee5\u7528%s\u5360\u4f4d\uff0c\u5c55\u793a\u65f6\u4f1a\u66ff\u6362\u6210\u5b57\u6bb5\u7684label\u3002</li>\n<li>\u6821\u9a8c\u6216\u79f0Validate\uff1a\nForm\u4f1a\u5728Field\u7ec4\u4ef6\u6267\u884ctriggerValidate\u65f6\u6267\u884c\u5f53\u524dField\u7684Validate\uff0c\u8868\u5355\u63d0\u4ea4\u65f6\u6267\u884c\u6240\u6709Field\u7684Validate\u3002\nValidate\u4f1a\u4e32\u884c\u6267\u884cRULE\u91cc\u9762\u7684\u6240\u6709\u89c4\u5219\u7684\u6821\u9a8c\u51fd\u6570\uff0c\u6821\u9a8c\u51fd\u6570\u8fd4\u56dePromise\u65f6\u4e5f\u4f1a\u7b49\u5f85\u5de6\u8fb9\u7684\u6821\u9a8c\u51fd\u6570\u7684Promise\u5b8c\u6210\u518d\u6267\u884c\u53f3\u8fb9\u7684\u89c4\u5219\u6821\u9a8c\u51fd\u6570\u3002\n\u8868\u5355\u63d0\u4ea4\u65f6\uff0c\u6b63\u5728\u6267\u884c\u5f02\u6b65\u7684\u6821\u9a8c\u51fd\u6570\u7684Field\u5c06\u4e0d\u4f1a\u91cd\u590d\u6267\u884cValidate\u3002\u8868\u5355\u63d0\u4ea4\u65f6\u6240\u6709Field\u7684\u6821\u9a8c\u72b6\u6001\u4e3a\u901a\u8fc7\u65f6\u624d\u4f1a\u6267\u884conSubmit\u65b9\u6cd5\uff0c\u5426\u5219\u4f1a\u6267\u884conError\u65b9\u6cd5\uff0c\nonPrevSubmit\u65b9\u6cd5\u5728\u7528\u6237\u70b9\u51fb\u63d0\u4ea4\u6309\u94ae\u65f6\u5c31\u4f1a\u89e6\u53d1\uff0c\u4e0d\u7ba1Validate\u7ed3\u679c\u662f\u5426\u4e3a\u901a\u8fc7\u3002</li>\n<li>Event\uff1a\nForm\u91c7\u7528\u4e86\u4e8b\u4ef6\u9a71\u52a8\u7684\u65b9\u5f0f\u6765\u8bbe\u8ba1\uff0c\u7528\u4ee5\u6ee1\u8db3\u591a\u79cd\u5f02\u6b65\u6821\u9a8c\uff0c\u548c\u7ed9Form\u63d0\u4f9b\u5f3a\u5927\u7684\u53ef\u6269\u5c55\u6027\u3002\nForm\u7684API\u91cc\u9762\u53ef\u4ee5\u83b7\u53d6\u5230\u7684emitter\u5c31\u662fForm\u5185\u90e8\u7684\u4e8b\u4ef6\u53d1\u5c04\u5668\uff0c\u53ef\u4ee5\u89e6\u53d1Form\u5185\u90e8\u5b9a\u4e49\u7684\u4e8b\u4ef6\uff0c\u4e5f\u53ef\u4ee5\u81ea\u5b9a\u4e49\u4e00\u4e9b\u4e8b\u4ef6\u3002\u540c\u65f6\u53ef\u4ee5\u901a\u8fc7emitter.addListener\u76d1\u542c\u4e8b\u4ef6\u3002\nForm\u5185\u90e8\u5b9a\u4e49\u7684\u4e8b\u4ef6\u6709\uff1a\nform-field-add\uff1aField\u88ab\u6dfb\u52a0\u8fdbForm\u65f6\u89e6\u53d1\uff0c\nform-field-edit\uff1aField\u7684\u53c2\u6570\u53d1\u751f\u6539\u53d8\u65f6\u89e6\u53d1\uff0c\norm-field-remove\uff1aField\u88ab\u5378\u8f7d\u65f6\u89e6\u53d1\uff0c\nform-field-validate\uff1aField\u6267\u884cValidate\u65f6\u89e6\u53d1\uff0c\nform-field-data-change\uff1aField\u7684\u503c\u53d1\u751f\u4fee\u6539\u65f6\u89e6\u53d1\uff0c\nform-data-reset\uff1aForm\u7ec4\u4ef6\u91cd\u7f6edata\u65f6\u89e6\u53d1\uff0c\nform-data-set-field\uff1aForm\u7ec4\u4ef6\u7ed9data\u8d4b\u503c\u65f6\u89e6\u53d1\uff0c\nform-data-set-field-validate\uff1aField\u88ab\u8d4b\u503c\u65f6\u89e6\u53d1\uff0c\nform-validate-all\uff1aForm\u6267\u884c\u5168\u90e8Field\u7684Validate\u65f6\u89e6\u53d1\uff0c\u4e00\u822c\u4e3a\u8868\u5355\u63d0\u4ea4\u65f6\uff0c\nform-submit\uff1a\u8868\u5355\u63d0\u4ea4\u65f6\u89e6\u53d1\u3002</li>\n<li>\u62e6\u622a\u5668\u6216\u79f0Interceptor\uff1a\n\u6ca1\u6709Field\u53ef\u4ee5\u63a5\u6536\u4e00\u4e2ainterceptor\u53c2\u6570\uff0c\u5b57\u7b26\u4e32\u7c7b\u578b\uff0c\u548cRULE\u7c7b\u4f3c\u53ef\u4ee5\u518dpreset\u6216\u8005Form\u7684interceptors props\u4e2d\u58f0\u660e\u4ee5\u540e\u4f7f\u7528\uff0c\u53ef\u4ee5\u914d\u7f6e\u591a\u4e2a\u7528\u7a7a\u683c\u8fde\u63a5\u3002\n\u62e6\u622a\u5668\u7684\u4f5c\u7528\u662f\uff0c\u5728Field\u63a5\u6536\u5230\u4e00\u4e2a\u65b0\u7684\u503c\u65f6\uff0c\u4f1a\u4e32\u884c\u6267\u884c\u62e6\u622a\u5668\u7684output\u90e8\u5206\uff0c\u628a\u5176\u8fd4\u56de\u503c\u8f93\u51fa\u5230Form Data\u3002\n\u5728\u6267\u884cForm Data\u7684\u8d4b\u503c\u64cd\u4f5c\u65f6\u628a\u8d4b\u503c\u4f5c\u4e3a\u8f93\u5165\u4e32\u884c\u6267\u884c\u62e6\u622a\u5668\u7684input\u90e8\u5206\uff0c\u628a\u5176\u7ed3\u679c\u4f5c\u4e3aForm Data\u7684\u8f93\u5165\u3002\n\u73b0\u5728\u6709\u4e2aField\u662f\u65e5\u671f\u9009\u62e9\uff0c\u8f93\u51faDate\u7c7b\u578b\u503c\uff0c\u4f46\u662fForm Data\u8f93\u51fa\u5e0c\u671b\u5c06\u5176\u683c\u5f0f\u5316\u4e3a\u65e5\u671f\u5b57\u7b26\u4e32\uff0c\u5728\u8868\u5355\u7f16\u8f91\u65f6Form\nData\u8f93\u5165\u683c\u5f0f\u5316\u540e\u7684\u65e5\u671f\u5b57\u7b26\u4e32\uff0c\u4f46\u662fField\u53ea\u63a5\u6536Date\u7c7b\u578b\u7684\u503c\uff0c\n\u4ee5\u4e0b\u4f8b\u5b50\u53ef\u4ee5\u6765\u89e3\u51b3\u6b64\u95ee\u9898\uff1a<pre><code class="language-jsx">interceptors.input.use("date-string", (value) => {\n return value ? new Date(value) : null;\n});\n\ninterceptors.output.use("date-string", (value) => {\n return value ? dayjs(value).format("YYYY-MM-DD") : "";\n});\n\n<Field name="date" label="\u65e5\u671f" interceptor="date-string"/>\n</code></pre>\n</li>\n<li>Group\uff1a\n\u5f53Form\u7684data\u9700\u8981\u63a5\u6536\u5230\u4e00\u4e2a\u590d\u6742\u503c\u7684\u65f6\u5019\uff0c\u53ef\u4ee5\u4f7f\u7528Group\u6765\u5b9e\u73b0\uff0c\u5982\uff1a<pre><code class="language-jsx"><Group name="baseInfo">\n <Field name="name" label="\u540d\u79f0"/>\n <Field name="des" label="\u8bf4\u660e"/>\n</Group>\n</code></pre>\nForm\u7684data\u53ef\u4ee5\u63a5\u6536\u5230 {baseInfo:{name:"xxx",des:"xxx"}}\uff0cGroup\u7684name\u548cField\u7684name\u4e00\u81f4\u65f6\u4e5f\u53ef\u4ee5\u7528\u6765\u8868\u793a\u6570\u7ec4\u5982\uff1a<pre><code class="language-jsx"><Group name="name">\n <Field name="name" label="\u540d\u79f0"/>\n</Group>\n<Group name="des">\n <Field name="des" label="\u8bf4\u660e"/>\n</Group>\n</code></pre>\nForm\u7684data\u53ef\u4ee5\u63a5\u6536\u5230 {name:["name1","name2"],des:["des1","des2"]}\u3002\nGroup\u53ef\u4ee5\u5d4c\u5957\uff0c\u5982<pre><code class="language-jsx"><Group name="baseInfo">\n <Group name="info">\n <Field name="name" label="\u540d\u79f0"/>\n </Group>\n <Field name="des" label="\u8bf4\u660e"/>\n</Group>\n</code></pre>\nForm\u7684data\u53ef\u4ee5\u63a5\u6536\u5230 {baseInfo:{info:{name:\'xxx\'},des:\'xxx\'}}\u3002\n\u652f\u6301\u70b9\u64cd\u4f5c\uff0c\u5982\uff1a<pre><code class="language-jsx"><Group name="baseInfo.info">\n <Field name="name" label="\u540d\u79f0"/>\n <Field name="des" label="\u8bf4\u660e"/>\n</Group>\n</code></pre>\nForm\u7684data\u53ef\u4ee5\u63a5\u6536\u5230 {baseInfo:{info:{name:\'xxx\',des:\'xxx\'}}}\u3002</li>\n<li>GroupList\uff1a\n\u4f7f\u7528Group\u5b9e\u73b0\u7684\u4e00\u4e2a\u7279\u6b8a\u7684\u533a\u57df\u7528\u6765\u66f4\u65b9\u4fbf\u7684\u5b9e\u73b0\u591a\u6bb5\u5f0f\u7684\u8868\u5355\u5982\uff1a<pre><code class="language-jsx"><Button onClick={()=>ref.current.onAdd()}>\u6dfb\u52a0</Button>\n<GroupList name="edu" ref={ref}>\n {(key,{index,length,onAdd,onRemore})=><>\n <Button onClick={onRemore}>\u5220\u9664</Button>\n <Field name="schoolName" label="\u5b66\u6821\u540d\u79f0"/>\n <Field name="degree" label="\u5b66\u5386"/>\n <Field name="des" label="\u8bf4\u660e"/>\n </>}\n</GroupList>\n</code></pre>\n\u4ee5\u4e0a\u662f\u4e00\u4e2a\u7b80\u5386\u7684\u5b66\u5386\u5217\u8868\u7684\u5b9e\u73b0\uff0c\u53ef\u4ee5\u70b9\u51fb\u6dfb\u52a0\u6309\u94ae\u6dfb\u52a0\u591a\u6bb5\u5b66\u5386Field\uff0c\u53ef\u4ee5\u70b9\u51fb\u5220\u9664\u6309\u94ae\u5220\u9664\u5f53\u524d\u4e00\u6bb5\u5b66\u5386Field\uff0c\nForm\u7684data\u53ef\u4ee5\u63a5\u6536\u5230\u7684 {edu:[{schoolName:\'xxx\',degree:\'xxx\',des:\'xxx\'}]}\u3002\n\u5f53\u7136\u4f60\u53ef\u4ee5\u4e0d\u7528\u4f7f\u7528\u8fd9\u6837\u5e95\u5c42\u7684API\uff0cFormInfo.List \u5df2\u7ecf\u5e2e\u4f60\u5904\u7406\u597d\u4e00\u5207\u3002</li>\n</ul>\n<h3>\u7279\u70b9</h3>\n<ul>\n<li>\u96c6\u4e2d\u5316\u6821\u9a8c\u89c4\u5219\u7ba1\u7406\uff0c\u5206\u5c42\u62bd\u8c61\uff0c\u8c03\u7528\u7b80\u4fbf</li>\n<li>\u652f\u6301\u5f02\u6b65\u6821\u9a8c\u89c4\u5219</li>\n<li>\u4e8b\u4ef6\u9a71\u52a8\u5f0f\u67b6\u6784\u8bbe\u8ba1\uff0c\u4fbf\u4e8e\u6269\u5c55</li>\n<li>\u652f\u6301Group\u53caGroupList\uff0c\u53ef\u8f7b\u677e\u5b9e\u73b0\u590d\u6742\u8868\u5355</li>\n<li>UI\uff0c\u6821\u9a8c\u903b\u8f91\u5206\u5c42\u62bd\u8c61\uff0c\u4e00\u6b21\u5c01\u88c5\u4f7f\u7528\u7b80\u5355</li>\n<li>context\u548cref\u53cc\u91cdAPI\u66b4\u9732\uff0c\u5728Form\u5185\u8fd8\u662fForm\u5916\u90fd\u80fd\u8f7b\u677e\u83b7\u53d6</li>\n<li>form-helper\u63d0\u4f9b\u57fa\u672c\u7684\u8868\u5355\u5c01\u88c5\uff0c\u7075\u6d3b\u7ec4\u5408</li>\n<li>\u652f\u6301\u62e6\u622a\u5668\uff0c\u4fbf\u6377\u5b9e\u73b0FormData\u548cField\u7684\u503c\u4e4b\u95f4\u7684\u8f6c\u6362</li>\n</ul>\n<h3>Field\u5b9e\u73b0\u89c4\u8303</h3>\n<ul>\n<li>FormInfo\u91cc\u9762\u7684Field\u90fd\u4f1a\u653e\u7f6e\u5728fields\u6587\u4ef6\u5939\uff0c\u5176\u4e2d\u6bcf\u4e2a\u6587\u4ef6\u5939\u4ee3\u8868\u4e00\u4e2aField</li>\n<li>\u4e00\u4e2aField\u53ea\u80fd\u9ed8\u8ba4\u5bfc\u51fa\u4f1a\u88ab\u5f15\u7528\uff0c\u5176\u4ed6\u7684\u65b9\u6cd5\u679a\u4e3e\u7b49\u9700\u8981\u653e\u7f6e\u5728\u9ed8\u8ba4\u5bfc\u51fa\u7684\u7ec4\u4ef6\u7684function\u7684\u9759\u6001\u5c5e\u6027\u4e0a</li>\n<li>\u4e00\u4e2aField\u7684\u9ed8\u8ba4\u5bfc\u51fa\u7ec4\u4ef6\u53ea\u80fd\u88ab\u653e\u7f6e\u5728Form\u4e2d\u4f5c\u4e3aField\u88ab\u4f7f\u7528\uff0c\u5b83\u7684Field\u7ec4\u4ef6\u4f1a\u88ab\u6302\u8f7d\u5728\u9ed8\u8ba4\u5bfc\u51fa\u7684\u7ec4\u4ef6\u7684function\u7684Field\u9759\u6001\u5c5e\u6027\u4e0a</li>\n<li>\u4e00\u4e2aField\u7684Field\u7ec4\u4ef6\u5fc5\u987b\u652f\u6301\u53d7\u63a7\u548c\u975e\u53d7\u63a7\u4e24\u79cd\u5f62\u5f0f</li>\n<li>\u4e00\u4e2aField\u7684\u5bfc\u51fa\u5fc5\u987b\u88ab\u5305\u542b\u5728FormInfo\u5bfc\u51fa\u7684formModule\u4e2d\u548cFormInfo\u4e2d\uff0c\u5373\uff1a\u4ee5\u4e0b\u4e24\u79cd\u65b9\u6cd5\u90fd\u53ef\u4ee5\u83b7\u53d6\u5230\u8be5Field<pre><code class="language-jsx">import {SomeField} from "@component/FormInfo";\n</code></pre>\n<pre><code class="language-jsx">import {formModule} from "@component/FormInfo";\nconst {SomeField} = formModule;\n</code></pre>\n</li>\n</ul>\n<h3>\u9009\u62e9\u5668\u7c7b\u578bField\u7ec4\u4ef6\u5b9e\u73b0\u89c4\u8303</h3>\n<ul>\n<li>\u5fc5\u987b\u4f7f\u7528SelectInnerInput\u4f5c\u4e3a\u9009\u62e9\u5668\u7684\u503c\u663e\u793a\u548c\u89e6\u53d1\u7684\u8f93\u5165\u6846</li>\n<li>SelectInnerInput\u53ef\u4ee5\u901a\u8fc7isPopup\u63d0\u4f9bpopup\u548cmodal\u4e24\u79cd\u5c55\u793a\u5f62\u6001\u548c\u4ea4\u4e92\u903b\u8f91\uff0cField\u7ec4\u4ef6\u53ef\u4ee5\u901a\u8fc7\u81ea\u8eab\u7684\u9ed8\u8ba4\u503c\u6216\u8005\u8c03\u7528SelectInnerInput\u65f6\u663e\u5f0f\u6307\u5b9a\u6765\u8bbe\u7f6e\u6700\u4f73\u63a8\u8350\u7684\u9ed8\u8ba4\u5f62\u5f0f\uff0c\u4e00\u822c\u60c5\u51b5\u4e00\u79cd\u9009\u62e9\u5668\u9700\u8981\u826f\u597d\u652f\u6301\u4e24\u79cd\u5f62\u5f0f</li>\n<li>SelectInnerInput\u53ef\u4ee5\u901a\u8fc7single\u51b3\u5b9a\u8f93\u51fa\u503c\u662f\u5355\u9879\u8fd8\u662f\u591a\u9879\uff0c\u5355\u9879\u548c\u591a\u9879\u7684\u4ea4\u4e92\u903b\u8f91\u4e5f\u53ef\u80fd\u4e0d\u540c\uff0cSelectInnerInput\u7684\u5185\u90e8value state\u90fd\u662f\u4f7f\u7528\u591a\u9879\u503c\u6765\u5904\u7406\u7684\uff0c\u5728\u8f93\u5165\u503c\u548c\u5728onChange\u8f93\u51fa\u65f6\u6839\u636e\u53c2\u6570\u8f6c\u5316\u6210\u6570\u7ec4\uff0c\u4e00\u822c\u60c5\u51b5\u4e00\u79cd\u9009\u62e9\u5668\u9700\u8981\u652f\u6301\u4e24\u79cd\u60c5\u51b5</li>\n<li>\u9009\u62e9\u5668\u53ef\u80fd\u4f1a\u5728\u9876\u90e8\u6709\u4e00\u4e2a\u641c\u7d22\u6846\uff0c\u901a\u8fc7\u4f7f\u7528\u65f6\u662f\u5426\u4f20\u5165getSearchProps\u6765\u51b3\u5b9a\u641c\u7d22\u6846\u662f\u5426\u663e\u793a\uff0c\u5728FormInfo/common\u4e2d\u63d0\u4f9b\u4e86\u9ed8\u8ba4\u7684SearchInput\u5b9e\u73b0\uff0cSelectInnerInput\u4e2d\u7ba1\u7406\u4e86\u5176searchText\u548csetSearchText\u72b6\u6001</li>\n<li>FormInfo/fields/AdvancedSelect/createList.js \u5b9e\u73b0\u4e86\u4e00\u4e2a\u5217\u8868\u5f0f\u9009\u62e9\u5668\uff0c\u5b9e\u73b0\u4e86\u5305\u62ec\u641c\u7d22\uff0c\u4e0b\u62c9\u52a0\u8f7d\u7b49\u903b\u8f91\uff0c\u53ea\u9700\u8981\u5b9e\u73b0\u5217\u8868\u6e32\u67d3\u903b\u8f91\u5c31\u53ef\u4ee5\u65b9\u4fbf\u7684\u6269\u5c55\u51fa\u65b0\u7684List\u7c7b\u578b\u9009\u62e9\u5668</li>\n<li>\u901a\u8fc7SelectInnerInput.useContext \u53ef\u4ee5\u62ff\u5230\u9009\u62e9\u5668\u7684\u7528\u6237\u4f20\u5165\u5c5e\u6027\uff08props\uff09\uff0c\u503c\u5230\u9009\u9879\u7684\u6620\u5c04\uff08mapping\uff09\uff0c\u641c\u7d22\u6846\u7684state\uff08searchText,setSearchText\uff09\uff0c\u6570\u636e\u52a0\u8f7d\u5668\u7684API\uff08fetchApi\uff09\u539f\u59cbvalue\u503c\uff08valueState\uff09\uff0c\u6dfb\u52a0\u6620\u5c04\u65b9\u6cd5\uff08appendItems\uff09</li>\n</ul>',api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>data</td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n<tr>\n<td>debug</td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n<tr>\n<td>rules</td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n<tr>\n<td>interceptors</td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n<tr>\n<td>noFilter</td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n<tr>\n<td>onError</td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n<tr>\n<td>onSubmit</td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n<tr>\n<td>onPrevSubmit</td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n</tbody>\n</table>\n<h3>SelectInnerInput</h3>\n<h3>formModule</h3>\n<h3>FormInfo</h3>\n<h3>preset</h3>\n<h3>List</h3>\n<h3>Form</h3>\n<p>\u540cdefault\u5bfc\u51fa\u7ec4\u4ef6</p>\n<h3>useField</h3>\n<h3>useReset</h3>\n<h3>useSubmit</h3>\n<h3>Group</h3>\n<h3>GroupList</h3>\n<h3>useFormContext</h3>\n<h3>RULES</h3>\n<h3>interceptors</h3>\n<h3>SubmitButton</h3>\n<h3>CancelButton</h3>\n<h3>ResetButton</h3>\n<h3>Field\u7c7b\u578b:antd\u7ec4\u4ef6</h3>\n<p>\u4ee5\u4e0b\u7ec4\u4ef6\u8bf7\u53c2\u8003antd\u5177\u4f53\u7684\u7ec4\u4ef6\u6587\u6863\u6b64\u5904\u4e0d\u518d\u8d58\u8ff0</p>\n<p>Checkbox,CheckboxGroup,DatePicker,Input,InputNumber,RadioGroup,Select,Switch,TextArea,TimePicker,TreeSelect</p>\n<h3>Field\u7c7b\u578b:@kne/react-form-antd\u5b9e\u73b0\u7ec4\u4ef6</h3>\n<p>DatePickerToday</p>\n<h3>Field\u7c7b\u578b:components-core\u5b9e\u73b0\u7ec4\u4ef6</h3>\n<p>AddressSelect</p>\n<p>AdvancedSelect</p>\n<p>Avatar</p>\n<p>Cascader</p>\n<p>FunctionSelect</p>\n<p>IndustrySelect</p>\n<p>Money</p>\n<p>PartSelect</p>\n<p>PhoneNumber</p>\n<p>TableDataSelect</p>\n<p>Upload</p>\n<h3>FormModal</h3>\n<p>\u4e00\u4e2aForm\u548cModal\u7ec4\u5408\u8d77\u6765\u7684\u7ec4\u4ef6\uff0c\u5b83\u9884\u7f6e\u4e86Form\u7ec4\u4ef6\uff0cchildren\u4f20\u5165\u7684\u5185\u5bb9\u548cfooter\u533a\u57df\u5747\u5728Form\u7684context\u5185</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>formProps</td>\n<td>\u540cForm\u7ec4\u4ef6\u53c2\u6570</td>\n<td>object</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>useFormModal</h3>\n<p>\u83b7\u53d6\u4e00\u4e2a\u6267\u884c\u540e\u53ef\u4ee5\u5f39\u51fa\u4e00\u4e2aFormModal\u7ec4\u4ef6\u7684\u65b9\u6cd5</p>\n<h4>return:formModal</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>formModal</td>\n<td>\u6267\u884c\u540e\u53ef\u4ee5\u5f39\u51fa\u4e00\u4e2aFormModal\u5f39\u7a97\uff0c\u53c2\u6570\u540cFormModal\u7ec4\u4ef6\u53c2\u6570</td>\n<td>function</td>\n</tr>\n</tbody>\n</table>\n<h3>FormModalButton</h3>\n<p>\u70b9\u51fb\u4ee5\u540e\u53ef\u4ee5\u6267\u884c\u83b7\u53d6\u6570\u636e\uff0c\u5728\u6570\u636e\u672a\u8fd4\u56de\u65f6\u6309\u94ae\u5c55\u793a\u4e3aloading\u72b6\u6001\uff0c\u6570\u636e\u8fd4\u56de\u540e\u5f39\u51faFormModal\u5f39\u7a97</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>api</td>\n<td>@kne/react-fetch \u6240\u9700\u53c2\u6570</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>modalProps</td>\n<td>\u540cFormModal\u53c2\u6570,\u5f53\u5b83\u4e3afunction\u65f6\uff0c\u6267\u884cfunction\u540e\u8fd4\u56de\u7684\u503c\u4f5c\u4e3amodalProps</td>\n<td>object,function({data,fetchApi,close})</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<p>\u5176\u4ed6\u53c2\u6570\u540cantd Button \u7ec4\u4ef6</p>",example:{isFull:!0,className:"FormInfo_f344c",style:".FormInfo_f344c .input > .ant-row > .ant-col {\n padding: 10px 0;\n}\n.FormInfo_f344c .input .ant-space-item:last-child {\n width: 100%;\n}",list:[{title:"\u4e00\u4e2a\u7b80\u5355\u8868\u5355\u793a\u4f8b",description:"\u5c55\u793a\u4e86\u4e00\u4e2a\u7b80\u5355\u8868\u5355\u793a\u4f8b",code:'const { default: FormInfo, Form, SubmitButton, ErrorTip, fields } = _FormInfo;\nconst { PureGlobal } = global;\nconst { useModal } = _Modal;\nconst { uniqueId } = lodash;\n\nconst {\n Input,\n TextArea,\n Upload,\n Avatar,\n PhoneNumber,\n TypeDateRangePicker,\n Rate,\n Switch,\n Slider,\n MoneyInput,\n} = fields;\n\nconst BaseExample = () => {\n const modal = useModal();\n return (\n <Form\n helperGuideName="test-from"\n lang={[\n "cn",\n {\n name: "EnUS",\n label: "\u82f1\u6587",\n options: {\n //labelTransform: (label) => label + "(en)",\n ignore: [{ name: "avatar" }, { name: "photo" }],\n disabled: [{ name: "file" }], //fields:[{name:\'name\'}]\n },\n },\n ]}\n rules={{\n REP: (value) => {\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve({\n result: false,\n errMsg: "%s\u91cd\u590d",\n data: {\n user: "\u6211\u662f\u4e00\u4e2a\u91cd\u590d\u7684\u4e1c\u897f",\n },\n });\n }, 1000);\n });\n },\n }}\n onSubmit={(data) => {\n modal({\n title: "\u8868\u5355\u63d0\u4ea4\u6570\u636e",\n children: <pre>{JSON.stringify(data, null, 2)}</pre>,\n });\n }}\n >\n <FormInfo\n title="\u57fa\u672c\u4fe1\u606f"\n list={[\n <Avatar name="avatar" label="\u5934\u50cf" labelHidden block />,\n <Avatar\n name="photo"\n label="\u8bc1\u4ef6\u7167"\n dropModalSize="default"\n border={50}\n width={960}\n height={540}\n block\n />,\n <ErrorTip\n name="name"\n errorRender={({ validateData }) => {\n console.log(validateData);\n if (!validateData.REP) {\n return null;\n }\n return <div>\u54c8\u54c8\u54c8{validateData.REP.user}</div>;\n }}\n >\n <Input\n name="name"\n label="\u59d3\u540d"\n rule="REQ LEN-3-10 REP"\n tips="\u59d3\u540d"\n />\n </ErrorTip>,\n <MoneyInput name="money" label="\u91d1\u989d" rule="REQ" tips={"money"} />,\n <PhoneNumber name="phone" label="\u624b\u673a" rule="REQ" disabled />,\n <Input name="email" label="\u90ae\u7bb1" rule="EMAIL" />,\n <Upload name="file" label="\u6587\u4ef6" tips="\u6587\u4ef6" block />,\n <Rate name="rate" label="\u8bc4\u5206" tips="\u8bc4\u5206" />,\n <Switch name="switch" label="\u5f00\u5173" tips="\u5f00\u5173">\n {({ checked }) => (checked ? "\u5f00" : "\u5173")}\n </Switch>,\n <Slider name="slider" label="\u6ed1\u52a8\u6761" tips="\u6ed1\u52a8\u6761" />,\n <TypeDateRangePicker\n name="type_date"\n label="\u65e5\u671f\u65f6\u95f4\u6bb5"\n tips="\u65e5\u671f\u65f6\u95f4\u6bb5"\n rule="REQ"\n />,\n <TextArea name="des" label="\u5907\u6ce8" tips="\u5907\u6ce8" block />,\n <SubmitButton>\u63d0\u4ea4</SubmitButton>,\n ]}\n />\n </Form>\n );\n};\n\nrender(\n <PureGlobal\n preset={{\n locale: "en-US",\n enums: {\n helperGuide: () => [\n {\n value: "test-from-name",\n content: "\u6d4b\u8bd5\u5e2e\u52a9\u6587\u6863",\n url: "/",\n },\n ],\n },\n apis: {\n oss: {\n loader: () => {\n return window.PUBLIC_URL + "/avatar.png";\n },\n },\n ossUpload: async ({ file }) => {\n console.log(file);\n return new Promise((resolve) => {\n setTimeout(() => {\n const id = uniqueId("file-");\n resolve({\n data: {\n code: 0,\n data: {\n id,\n originalName: id + "\u7b80\u5386.pdf",\n },\n },\n });\n }, 1000);\n });\n },\n },\n }}\n >\n <BaseExample />\n </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:D},{name:"global",packageName:"@components/Global",component:u},{name:"_Modal",packageName:"@components/Modal",component:M},{name:"lodash",packageName:"lodash",component:m}]},{title:"\u591a\u884c",description:"\u5c55\u793a\u4e86\u4e00\u4e2a\u591a\u884c\u5b57\u6bb5\u793a\u4f8b",code:'const { default: FormInfo, Form, MultiField, SubmitButton, fields } = _FormInfo;\nconst { useModal } = _Modal;\n\nconst { Input, TextArea } = fields;\n\nconst BaseExample = () => {\n const modal = useModal();\n return (\n <Form\n onSubmit={(data) => {\n modal({\n title: "\u8868\u5355\u63d0\u4ea4\u6570\u636e",\n children: <pre>{JSON.stringify(data, null, 2)}</pre>,\n });\n }}\n >\n <FormInfo\n list={[\n <MultiField\n name="no"\n label="\u5355\u53f7"\n rule="REQ"\n field={Input}\n maxLength={5}\n tips={"\u5355\u53f7"}\n />,\n <Input name="name" label="\u540d\u79f0" />,\n <MultiField name="description" label="\u8bf4\u660e" field={TextArea} />,\n ]}\n />\n <SubmitButton>\u63d0\u4ea4</SubmitButton>\n </Form>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:D},{name:"_Modal",packageName:"@components/Modal",component:M}]},{title:"\u4e00\u4e2a\u542b\u6709\u591a\u6bb5\u5217\u8868\u7684\u8868\u5355\u793a\u4f8b",description:"\u5c55\u793a\u4e86\u4e00\u4e2a\u542b\u6709\u591a\u6bb5\u5217\u8868\u7684\u8868\u5355\u793a\u4f8b\uff0c\u5217\u8868\u7684\u6700\u5927\u957f\u5ea6\u4e3a5\uff0c\u5728\u6dfb\u52a05\u6bb5\u4e4b\u540e\u6dfb\u52a0\u6309\u94ae\u81ea\u52a8\u9690\u85cf",code:'const {\n default: FormInfo,\n Form,\n List,\n AdvancedSelect,\n TableList,\n Input,\n TextArea,\n SubmitButton,\n FormApiButton,\n} = _FormInfo;\nconst { PureGlobal } = global;\nconst { useModal } = _Modal;\nconst { Space } = antd;\n\nconst BaseExample = () => {\n const modal = useModal();\n return (\n <Form\n onSubmit={(data) => {\n modal({\n title: "\u8868\u5355\u63d0\u4ea4\u6570\u636e",\n children: <pre>{JSON.stringify(data, null, 2)}</pre>,\n });\n }}\n >\n <Space direction="vertical" size={16}>\n <FormInfo\n title="\u57fa\u672c\u4fe1\u606f"\n list={[\n <Input name="name" label="\u57fa\u672c\u540d\u79f0" rule="REQ" block />,\n <TextArea name="des" label="\u57fa\u672c\u63cf\u8ff0" block />,\n ]}\n />\n <List\n name="list"\n title="\u5217\u8868"\n itemTitle={({ index }) => `\u7ecf\u5386${index + 1}`}\n maxLength={5}\n list={[\n <Input name="name" label="\u540d\u79f0" rule="REQ" />,\n <Input name="title" label="\u6807\u9898" rule="REQ" />,\n <TextArea name="des" label="\u63cf\u8ff0" block rule="REQ" />,\n ]}\n />\n <TableList\n name="tableList"\n title="\u8868\u683c\u5217\u8868"\n maxLength={5}\n minLength={1}\n list={[\n <Input name="name" label="\u540d\u79f0" rule="REQ" value="xxxxx" />,\n <Input name="title" label="\u6807\u9898" rule="REQ" />,\n <AdvancedSelect\n name="select"\n label="\u9009\u9879"\n rule="REQ"\n value={[1]}\n api={{\n loader: () => {\n return {\n pageData: [\n {\n label: "\u7b2c\u4e00\u9879",\n value: 1,\n },\n {\n label: "\u7b2c\u4e8c\u9879",\n value: 2,\n disabled: true,\n },\n {\n label: "\u7b2c\u4e09\u9879",\n value: 3,\n },\n ],\n };\n },\n }}\n />,\n ]}\n />\n <List\n name="mult-list"\n important\n title="\u590d\u6742\u5217\u8868"\n itemTitle={({ index }) => `\u7ecf\u5386${index + 1}`}\n maxLength={5}\n minLength={1}\n list={[\n <Input name="name" label="\u540d\u79f0" rule="REQ" />,\n <Input name="title" label="\u6807\u9898" rule="REQ" />,\n <TextArea name="des" label="\u63cf\u8ff0" block rule="REQ" />,\n <TableList\n block\n isUnshift={false}\n name="tableList"\n title="\u8868\u683c\u5217\u8868"\n maxLength={5}\n minLength={1}\n list={[\n <Input name="name" label="\u540d\u79f0" rule="REQ" value="xxxxx" />,\n <Input name="title" label="\u6807\u9898" rule="REQ" />,\n <AdvancedSelect\n name="select"\n label="\u9009\u9879"\n rule="REQ"\n value={[1]}\n api={{\n loader: () => {\n return {\n pageData: [\n {\n label: "\u7b2c\u4e00\u9879",\n value: 1,\n },\n {\n label: "\u7b2c\u4e8c\u9879",\n value: 2,\n disabled: true,\n },\n {\n label: "\u7b2c\u4e09\u9879",\n value: 3,\n },\n ],\n };\n },\n }}\n />,\n ]}\n />,\n ]}\n />\n\n <List\n name="mult-list-2"\n important\n title="\u590d\u6742\u5217\u88682"\n itemTitle={({ index }) => `\u7ecf\u5386${index + 1}`}\n maxLength={5}\n minLength={1}\n list={[\n <Input name="name" label="\u540d\u79f0" rule="REQ" />,\n <Input name="title" label="\u6807\u9898" rule="REQ" />,\n <TextArea name="des" label="\u63cf\u8ff0" block rule="REQ" />,\n <List\n block\n name="tableList"\n title="\u5217\u8868"\n maxLength={5}\n minLength={1}\n list={[\n <Input name="name" label="\u540d\u79f0" rule="REQ" value="xxxxx" />,\n <Input name="title" label="\u6807\u9898" rule="REQ" />,\n <TextArea name="des" label="\u63cf\u8ff0" block rule="REQ" />,\n ]}\n />,\n ]}\n />\n <FormInfo\n list={[\n <SubmitButton>\u63d0\u4ea4</SubmitButton>,\n <FormApiButton\n onClick={({ openApi }) => {\n openApi.setFields(\n [\n {\n groupName: "tableList",\n name: "name",\n value: "",\n },\n {\n groupName: "tableList",\n name: "title",\n value: "ssssssss",\n },\n ],\n { runValidate: false }\n );\n }}\n >\n \u8bbe\u7f6e\u8868\u5355\u503c\n </FormApiButton>,\n ]}\n />\n </Space>\n </Form>\n );\n};\n\nrender(\n <PureGlobal>\n <BaseExample />\n </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:D},{name:"global",packageName:"@components/Global",component:u},{name:"_Modal",packageName:"@components/Modal",component:M},{name:"antd",packageName:"antd",component:r}]},{title:"Modal Form\u5f39\u7a97",description:"\u5c55\u793a\u4e00\u4e2aform\u5f39\u7a97",code:'const { Space, Button } = antd;\nconst { PureGlobal } = global;\nconst {\n default: FormInfo,\n List,\n Input,\n TextArea,\n FormModal,\n useFormModal,\n CancelButton,\n FormApiButton,\n SubmitButton,\n FormModalButton,\n} = _FormInfo;\nconst { useState } = React;\nconst { default: Fetch } = fetch;\n\nconst BaseExample = () => {\n const [open, setOpen] = useState(false);\n const formModal = useFormModal();\n return (\n <Space wrap>\n <FormModal\n open={open}\n title="\u8868\u5355\u5f39\u7a97"\n onClose={() => {\n setOpen(false);\n }}\n formProps={{\n data: {\n field1: "field1field1field1field1",\n },\n onSubmit: async (data) => {\n console.log(data);\n await new Promise((resolve) => {\n setTimeout(() => {\n resolve();\n }, 1000);\n });\n setOpen(false);\n },\n }}\n >\n <FormInfo\n title="\u57fa\u672c\u4fe1\u606f"\n list={[\n <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n <TextArea name="field3" label="\u5b57\u6bb53" />,\n ]}\n />\n <List\n title="\u5217\u8868"\n name="list"\n maxLength={3}\n list={[\n <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n <TextArea name="field3" label="\u5b57\u6bb53" />,\n ]}\n />\n </FormModal>\n <Button\n onClick={() => {\n setOpen(true);\n }}\n >\n \u7ec4\u4ef6\u8c03\u7528\n </Button>\n <Button\n onClick={() => {\n const api = formModal({\n title: "\u8868\u5355\u5f39\u7a97",\n formProps: {\n data: {\n field1: "field1field1field1field1",\n },\n onSubmit: async (data) => {\n console.log(data);\n await new Promise((resolve) => {\n setTimeout(() => {\n resolve();\n }, 1000);\n });\n api.close();\n },\n },\n children: (\n <div>\n <FormInfo\n title="\u57fa\u672c\u4fe1\u606f"\n list={[\n <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n <TextArea name="field3" label="\u5b57\u6bb53" />,\n ]}\n />\n <List\n title="\u5217\u8868"\n name="list"\n maxLength={3}\n list={[\n <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n <TextArea name="field3" label="\u5b57\u6bb53" />,\n ]}\n />\n </div>\n ),\n });\n }}\n >\n hooks\u8c03\u7528\n </Button>\n <Button\n onClick={() => {\n const api = formModal({\n title: "\u8868\u5355\u5f39\u7a97",\n formProps: ({ data }) => {\n return {\n data: data,\n onSubmit: async (data) => {\n console.log(data);\n await new Promise((resolve) => {\n setTimeout(() => {\n resolve();\n }, 1000);\n });\n api.close();\n },\n };\n },\n withDecorator: (render) => (\n <Fetch\n loader={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve({\n field1: "\u6211\u63a5\u53e3\u83b7\u53d6\u7684\u6570\u636e",\n });\n }, 1000);\n });\n }}\n render={({ data }) => render({ data })}\n />\n ),\n children: (\n <div>\n <FormInfo\n title="\u57fa\u672c\u4fe1\u606f"\n list={[\n <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n <TextArea name="field3" label="\u5b57\u6bb53" />,\n ]}\n />\n <List\n title="\u5217\u8868"\n name="list"\n maxLength={3}\n list={[\n <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n <TextArea name="field3" label="\u5b57\u6bb53" />,\n ]}\n />\n </div>\n ),\n });\n }}\n >\n hooks\u52a0\u8f7dform\u6570\u636e\u8c03\u7528\n </Button>\n <Button\n onClick={() => {\n const api = formModal({\n title: "\u8868\u5355\u5f39\u7a97",\n footerButtons: [\n { ButtonComponent: CancelButton, children: "\u53d6\u6d88" },\n {\n ButtonComponent: FormApiButton,\n autoClose: false,\n onClick: (context) => {\n console.log(context);\n },\n children: "FormApiButton",\n },\n {\n ButtonComponent: SubmitButton,\n autoClose: false,\n children: "\u63d0\u4ea4",\n },\n ],\n formProps: {\n data: {\n field1: "field1field1field1field1",\n },\n onSubmit: async (data) => {\n console.log(data);\n await new Promise((resolve) => {\n setTimeout(() => {\n resolve();\n }, 1000);\n });\n api.close();\n },\n },\n children: (\n <div>\n <FormInfo\n title="\u57fa\u672c\u4fe1\u606f"\n list={[\n <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n <TextArea name="field3" label="\u5b57\u6bb53" />,\n ]}\n />\n <List\n title="\u5217\u8868"\n name="list"\n maxLength={3}\n list={[\n <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n <TextArea name="field3" label="\u5b57\u6bb53" />,\n ]}\n />\n </div>\n ),\n });\n }}\n >\n \u81ea\u5b9a\u4e49footerButtons\n </Button>\n <FormModalButton\n api={{\n loader: () => {\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve({\n name: "Lucy",\n desc: "\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd",\n });\n }, 1000);\n });\n },\n }}\n modalProps={({ data, close }) => {\n return {\n title: "\u52a0\u8f7d\u6570\u636e\u7684form\u5f39\u7a97",\n formProps: {\n data,\n onSubmit: async (data) => {\n console.log(data);\n await new Promise((resolve) => {\n setTimeout(() => {\n resolve();\n }, 1000);\n });\n close();\n },\n },\n children: (\n <FormInfo\n title="\u57fa\u672c\u4fe1\u606f"\n column={1}\n list={[\n <Input name="name" label="\u59d3\u540d" rule="REQ" />,\n <TextArea name="desc" label="\u4ecb\u7ecd" rule="REQ" />,\n ]}\n />\n ),\n };\n }}\n >\n \u52a0\u8f7dform\u6570\u636e\u6309\u94ae\n </FormModalButton>\n </Space>\n );\n};\n\nrender(\n <PureGlobal>\n <BaseExample />\n </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:D},{name:"global",packageName:"@components/Global",component:u},{name:"antd",packageName:"antd",component:r},{name:"fetch",packageName:"@kne/react-fetch",component:c}]},{title:"FormStepModal\u8868\u5355\u5f39\u7a97\u793a\u4f8b",description:"\u5c55\u793a\u4e86\u4e00\u4e2aFormStepModal\u8868\u5355\u5f39\u7a97\u793a\u4f8b",code:'const { Space, Button } = antd;\nconst { PureGlobal } = global;\nconst {\n default: FormInfo,\n List,\n Input,\n TextArea,\n FormModal,\n FormStepModal,\n useFormModal,\n useFormStepModal,\n CancelButton,\n FormApiButton,\n SubmitButton,\n FormModalButton,\n} = _FormInfo;\nconst { useState } = React;\n\nconst BaseExample = () => {\n const [open, setOpen] = useState(false);\n const formModal = useFormStepModal();\n return (\n <Space wrap>\n <FormStepModal\n open={open}\n title="\u8868\u5355\u5f39\u7a97"\n onClose={() => {\n setOpen(false);\n }}\n autoClose\n items={[\n {\n title: "\u57fa\u672c\u4fe1\u606f",\n formProps: {\n data: {\n field1: "\u57fa\u672c\u4fe1\u606ffield1field1field1field1",\n },\n onSubmit: async (data) => {\n await new Promise((resolve) => {\n setTimeout(() => {\n resolve();\n }, 1000);\n });\n },\n },\n children: (\n <FormInfo\n title="\u57fa\u672c\u4fe1\u606f"\n list={[\n <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n <TextArea name="field3" label="\u5b57\u6bb53" />,\n ]}\n />\n ),\n },\n {\n title: "\u5217\u8868\u4fe1\u606f",\n formProps: {\n data: {\n list: [{ field1: "\u5217\u8868\u4fe1\u606ffield1field1field1field1" }],\n },\n onSubmit: async (data, { stepCacheRef }) => {\n console.log(stepCacheRef);\n await new Promise((resolve) => {\n setTimeout(() => {\n resolve();\n }, 1000);\n });\n },\n },\n children: (\n <List\n title="\u5217\u8868"\n name="list"\n maxLength={3}\n list={[\n <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n <TextArea name="field3" label="\u5b57\u6bb53" />,\n ]}\n />\n ),\n },\n ]}\n ></FormStepModal>\n <Button\n onClick={() => {\n setOpen(true);\n }}\n >\n \u7ec4\u4ef6\u8c03\u7528\n </Button>\n </Space>\n );\n};\n\nrender(\n <PureGlobal>\n <BaseExample />\n </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:D},{name:"global",packageName:"@components/Global",component:u},{name:"antd",packageName:"antd",component:r}]},{title:"Drawer Form \u62bd\u5c49\u5f39\u7a97",description:"\u5c55\u793a\u4e00\u4e2aform\u62bd\u5c49\u5f39\u7a97",code:'const { Space, Button } = antd;\nconst { PureGlobal } = global;\nconst {\n default: FormInfo,\n List,\n Input,\n TextArea,\n FormDrawer,\n useFormDrawer,\n CancelButton,\n FormApiButton,\n SubmitButton,\n FormDrawerButton,\n} = _FormInfo;\nconst { useState } = React;\nconst { default: Fetch } = fetch;\n\nconst BaseExample = () => {\n const [open, setOpen] = useState(false);\n const formDrawer = useFormDrawer();\n return (\n <Space wrap>\n <FormDrawer\n open={open}\n title="\u8868\u5355\u5f39\u7a97"\n onClose={() => {\n setOpen(false);\n }}\n formProps={{\n data: {\n field1: "field1field1field1field1",\n },\n onSubmit: async (data) => {\n console.log(data);\n await new Promise((resolve) => {\n setTimeout(() => {\n resolve();\n }, 1000);\n });\n setOpen(false);\n },\n }}\n >\n <FormInfo\n title="\u57fa\u672c\u4fe1\u606f"\n list={[\n <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n <TextArea name="field3" label="\u5b57\u6bb53" />,\n ]}\n />\n <List\n title="\u5217\u8868"\n name="list"\n maxLength={3}\n list={[\n <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n <TextArea name="field3" label="\u5b57\u6bb53" />,\n ]}\n />\n </FormDrawer>\n <Button\n onClick={() => {\n setOpen(true);\n }}\n >\n \u7ec4\u4ef6\u8c03\u7528\n </Button>\n <Button\n onClick={() => {\n const api = formDrawer({\n title: "\u8868\u5355\u5f39\u7a97",\n formProps: {\n data: {\n field1: "field1field1field1field1",\n },\n onSubmit: async (data) => {\n console.log(data);\n await new Promise((resolve) => {\n setTimeout(() => {\n resolve();\n }, 1000);\n });\n api.close();\n },\n },\n children: (\n <div>\n <FormInfo\n title="\u57fa\u672c\u4fe1\u606f"\n list={[\n <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n <TextArea name="field3" label="\u5b57\u6bb53" />,\n ]}\n />\n <List\n title="\u5217\u8868"\n name="list"\n maxLength={3}\n list={[\n <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n <TextArea name="field3" label="\u5b57\u6bb53" />,\n ]}\n />\n </div>\n ),\n });\n }}\n >\n hooks\u8c03\u7528\n </Button>\n <Button\n onClick={() => {\n const api = formDrawer({\n title: "\u8868\u5355\u5f39\u7a97",\n formProps: ({ data }) => {\n return {\n data: data,\n onSubmit: async (data) => {\n console.log(data);\n await new Promise((resolve) => {\n setTimeout(() => {\n resolve();\n }, 1000);\n });\n api.close();\n },\n };\n },\n withDecorator: (render) => (\n <Fetch\n loader={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve({\n field1: "\u6211\u63a5\u53e3\u83b7\u53d6\u7684\u6570\u636e",\n });\n }, 1000);\n });\n }}\n render={({ data }) => render({ data })}\n />\n ),\n children: (\n <div>\n <FormInfo\n title="\u57fa\u672c\u4fe1\u606f"\n list={[\n <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n <TextArea name="field3" label="\u5b57\u6bb53" />,\n ]}\n />\n <List\n title="\u5217\u8868"\n name="list"\n maxLength={3}\n list={[\n <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n <TextArea name="field3" label="\u5b57\u6bb53" />,\n ]}\n />\n </div>\n ),\n });\n }}\n >\n hooks\u52a0\u8f7dform\u6570\u636e\u8c03\u7528\n </Button>\n <Button\n onClick={() => {\n const api = formDrawer({\n title: "\u8868\u5355\u5f39\u7a97",\n footerButtons: [\n { ButtonComponent: CancelButton, children: "\u53d6\u6d88" },\n {\n ButtonComponent: FormApiButton,\n autoClose: false,\n onClick: (context) => {\n console.log(context);\n },\n children: "FormApiButton",\n },\n {\n ButtonComponent: SubmitButton,\n autoClose: false,\n children: "\u63d0\u4ea4",\n },\n ],\n formProps: {\n data: {\n field1: "field1field1field1field1",\n },\n onSubmit: async (data) => {\n console.log(data);\n await new Promise((resolve) => {\n setTimeout(() => {\n resolve();\n }, 1000);\n });\n api.close();\n },\n },\n children: (\n <div>\n <FormInfo\n title="\u57fa\u672c\u4fe1\u606f"\n list={[\n <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n <TextArea name="field3" label="\u5b57\u6bb53" />,\n ]}\n />\n <List\n title="\u5217\u8868"\n name="list"\n maxLength={3}\n list={[\n <Input name="field1" label="\u5b57\u6bb51" rule="REQ LEN-0-10" />,\n <Input name="field2" label="\u5b57\u6bb52" rule="REQ LEN-0-10" />,\n <TextArea name="field3" label="\u5b57\u6bb53" />,\n ]}\n />\n </div>\n ),\n });\n }}\n >\n \u81ea\u5b9a\u4e49footerButtons\n </Button>\n <FormDrawerButton\n api={{\n loader: () => {\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve({\n name: "Lucy",\n desc: "\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd\u4e2a\u4eba\u4ecb\u7ecd",\n });\n }, 1000);\n });\n },\n }}\n modalProps={({ data, close }) => {\n return {\n title: "\u52a0\u8f7d\u6570\u636e\u7684form\u5f39\u7a97",\n formProps: {\n data,\n onSubmit: async (data) => {\n console.log(data);\n await new Promise((resolve) => {\n setTimeout(() => {\n resolve();\n }, 1000);\n });\n close();\n },\n },\n children: (\n <FormInfo\n title="\u57fa\u672c\u4fe1\u606f"\n column={1}\n list={[\n <Input name="name" label="\u59d3\u540d" rule="REQ" />,\n <TextArea name="desc" label="\u4ecb\u7ecd" rule="REQ" />,\n ]}\n />\n ),\n };\n }}\n >\n \u52a0\u8f7dform\u6570\u636e\u6309\u94ae\n </FormDrawerButton>\n </Space>\n );\n};\n\nrender(\n <PureGlobal>\n <BaseExample />\n </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:D},{name:"global",packageName:"@components/Global",component:u},{name:"antd",packageName:"antd",component:r},{name:"fetch",packageName:"@kne/react-fetch",component:c}]},{title:"\u9009\u62e9\u63a7\u4ef6\u7684\u6570\u636e\u5c55\u793a\u6846",description:"\u5c55\u793a\u4e86\u4e00\u4e2a\u9009\u62e9\u63a7\u4ef6\u7684\u6570\u636e\u5c55\u793a\u6846\uff0c\u5b83\u662f\u5176\u4ed6\u9009\u62e9\u5668\u7684\u5b50\u7ec4\u4ef6\u4e00\u822c\u4e0d\u72ec\u7acb\u4f7f\u7528\uff0c\u5f00\u653e\u8be5\u7ec4\u4ef6\u662f\u4e3a\u4e86\u65b9\u9762\u81ea\u5b9a\u4e49\u65b0\u7684\u9009\u62e9\u63a7\u4ef6\uff0c\u4f46\u662f\u8bf7\u8c28\u614e\u4f7f\u7528",code:'const { SelectInnerInput } = _FormInfo;\nconst { PureGlobal } = global;\nconst { Space, Button, List } = antd;\nconst { default: Content } = _Content;\nconst { useState } = React;\n\nconst ControlledSelectInnerInput = (props) => {\n const [value, setValue] = useState([1, 2, 3]);\n\n return <SelectInnerInput {...props} value={value} onChange={setValue} />;\n};\n\nconst useSelectInnerContext = SelectInnerInput.useContext;\n\nconst ResetMapping = () => {\n const { mapping, appendMapping } = useSelectInnerContext();\n return (\n <span>\n <Button\n onClick={() => {\n appendMapping([\n { label: "\u4fee\u6539\u7684\u9879", value: 1 },\n { label: "\u65b0\u589e\u7684\u9879", value: 4 },\n ]);\n }}\n >\n \u70b9\u51fb\u8bbe\u7f6emapping\u503c\n </Button>\n <List\n dataSource={mapping.values()}\n renderItem={(item) => <div>{item.label}</div>}\n />\n </span>\n );\n};\n\nconst BaseExample = () => {\n const children = "\u9009\u533a\u5185\u5bb9";\n return (\n <Content\n col={2}\n list={[\n {\n label: "\u975e\u53d7\u63a7\u72b6\u6001",\n content: (\n <SelectInnerInput\n defaultValue={[1, 2, 3]}\n onChange={(value) => {\n console.log(value);\n }}\n >\n {children}\n </SelectInnerInput>\n ),\n },\n {\n label: "\u53d7\u63a7\u72b6\u6001",\n content: (\n <ControlledSelectInnerInput>{children}</ControlledSelectInnerInput>\n ),\n },\n {\n label: "mapping\u503c\u663e\u793a",\n content: (\n <SelectInnerInput\n defaultValue={[1, 2, 3]}\n api={{\n loader: () => {\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve([\n { label: "\u7b2c\u4e00\u9879", value: 1 },\n { label: "\u7b2c\u4e8c\u9879", value: 2 },\n {\n label: "\u7b2c\u4e09\u9879",\n value: 3,\n },\n ]);\n }, 1000);\n });\n },\n }}\n >\n {children}\n </SelectInnerInput>\n ),\n },\n {\n label: "\u5355\u9879\u503c\u663e\u793a",\n content: (\n <SelectInnerInput\n single\n defaultValue={1}\n api={{\n loader: () => {\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve([\n { label: "\u7b2c\u4e00\u9879", value: 1 },\n { label: "\u7b2c\u4e8c\u9879", value: 2 },\n {\n label: "\u7b2c\u4e09\u9879",\n value: 3,\n },\n ]);\n }, 1000);\n });\n },\n }}\n >\n {children}\n </SelectInnerInput>\n ),\n },\n {\n label: "\u591a\u9879\u8d85\u51fa\u60c5\u51b5",\n content: (\n <SelectInnerInput\n defaultValue={[1, 2, 3, 4, 5, 6, 7, 8, 9]}\n api={{\n loader: () => {\n return [\n {\n label:\n "\u7b2c\u4e00\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n value: 1,\n },\n {\n label:\n "\u7b2c\u4e8c\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n value: 2,\n },\n {\n label: "\u7b2c\u4e09\u9879",\n value: 3,\n },\n {\n label:\n "\u7b2c\u56db\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n value: 4,\n },\n {\n label:\n "\u7b2c\u4e94\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n value: 5,\n },\n {\n label:\n "\u7b2c\u516d\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n value: 6,\n },\n {\n label:\n "\u7b2c\u4e03\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n value: 7,\n },\n { label: "\u7b2c\u516b\u9879", value: 8 },\n { label: "\u7b2c\u4e5d\u9879", value: 9 },\n ];\n },\n }}\n >\n {children}\n </SelectInnerInput>\n ),\n },\n {\n label: "\u5355\u9879\u8d85\u51fa\u60c5\u51b5",\n content: (\n <SelectInnerInput\n defaultValue={1}\n single\n api={{\n loader: () => {\n return [\n {\n label:\n "\u7b2c\u4e00\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n value: 1,\n },\n {\n label:\n "\u7b2c\u4e8c\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n value: 2,\n },\n {\n label: "\u7b2c\u4e09\u9879",\n value: 3,\n },\n {\n label:\n "\u7b2c\u56db\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n value: 4,\n },\n {\n label:\n "\u7b2c\u4e94\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n value: 5,\n },\n {\n label:\n "\u7b2c\u516d\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n value: 6,\n },\n {\n label:\n "\u7b2c\u4e03\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n value: 7,\n },\n { label: "\u7b2c\u516b\u9879", value: 8 },\n { label: "\u7b2c\u4e5d\u9879", value: 9 },\n ];\n },\n }}\n >\n {children}\n </SelectInnerInput>\n ),\n },\n {\n label: "popup\u591a\u9879\u8d85\u51fa\u60c5\u51b5",\n content: (\n <SelectInnerInput\n isPopup\n defaultValue={[1, 2, 3, 4, 5, 6, 7, 8]}\n api={{\n loader: () => {\n return [\n {\n label:\n "\u7b2c\u4e00\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n value: 1,\n },\n {\n label:\n "\u7b2c\u4e8c\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n value: 2,\n },\n {\n label: "\u7b2c\u4e09\u9879",\n value: 3,\n },\n {\n label:\n "\u7b2c\u56db\u9879\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f",\n value: 4,\n },\n {\n label: "\u7b2c\u4e94\u9879",\n value: 5,\n },\n {\n label: "\u7b2c\u516d\u9879",\n value: 6,\n },\n { label: "\u7b2c\u4e03\u9879", value: 7 },\n { label: "\u7b2c\u516b\u9879", value: 8 },\n ];\n },\n }}\n >\n {children}\n </SelectInnerInput>\n ),\n },\n {\n label: "popup\u9009\u533a",\n content: (\n <SelectInnerInput\n single\n isPopup\n defaultValue={1}\n api={{\n loader: () => {\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve([\n { label: "\u7b2c\u4e00\u9879", value: 1 },\n { label: "\u7b2c\u4e8c\u9879", value: 2 },\n {\n label: "\u7b2c\u4e09\u9879",\n value: 3,\n },\n ]);\n }, 1000);\n });\n },\n }}\n >\n {children}\n </SelectInnerInput>\n ),\n },\n {\n label: "\u66f4\u65b0mapping",\n content: (\n <SelectInnerInput\n single\n isPopup\n defaultValue={1}\n api={{\n loader: () => {\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve([\n { label: "\u7b2c\u4e00\u9879", value: 1 },\n { label: "\u7b2c\u4e8c\u9879", value: 2 },\n {\n label: "\u7b2c\u4e09\u9879",\n value: 3,\n },\n ]);\n }, 1000);\n });\n },\n }}\n >\n <ResetMapping />\n {children}\n </SelectInnerInput>\n ),\n },\n {\n label: "\u9690\u85cf\u5df2\u9009\u6807\u7b7e",\n content: (\n <SelectInnerInput\n showSelectedTag={false}\n defaultValue={[1, 2, 3]}\n api={{\n loader: () => {\n return [\n { label: "\u7b2c\u4e00\u9879", value: 1 },\n { label: "\u7b2c\u4e8c\u9879", value: 2 },\n { label: "\u7b2c\u4e09\u9879", value: 3 },\n ];\n },\n }}\n >\n {children}\n </SelectInnerInput>\n ),\n },\n {\n label: "popup\u9690\u85cf\u5df2\u9009\u6807\u7b7e",\n content: (\n <SelectInnerInput\n isPopup\n showSelectedTag={false}\n defaultValue={[1, 2, 3]}\n api={{\n loader: () => {\n return [\n { label: "\u7b2c\u4e00\u9879", value: 1 },\n { label: "\u7b2c\u4e8c\u9879", value: 2 },\n { label: "\u7b2c\u4e09\u9879", value: 3 },\n ];\n },\n }}\n >\n {children}\n </SelectInnerInput>\n ),\n },\n {\n label: "extra",\n content: (\n <SelectInnerInput\n extra={<Button>\u6dfb\u52a0</Button>}\n defaultValue={[1, 2, 3]}\n api={{\n loader: () => {\n return [\n { label: "\u7b2c\u4e00\u9879", value: 1 },\n { label: "\u7b2c\u4e8c\u9879", value: 2 },\n { label: "\u7b2c\u4e09\u9879", value: 3 },\n ];\n },\n }}\n >\n {children}\n </SelectInnerInput>\n ),\n },\n {\n label: "popup\u7684extra",\n content: (\n <SelectInnerInput\n isPopup\n extra={({ close }) => <Button onClick={close}>\u6dfb\u52a0</Button>}\n defaultValue={[1, 2, 3]}\n api={{\n loader: () => {\n return [\n { label: "\u7b2c\u4e00\u9879", value: 1 },\n { label: "\u7b2c\u4e8c\u9879", value: 2 },\n { label: "\u7b2c\u4e09\u9879", value: 3 },\n ];\n },\n }}\n >\n {children}\n </SelectInnerInput>\n ),\n },\n {\n label: "valueType\u4e3aall",\n content: (\n <SelectInnerInput\n isPopup\n valueType="all"\n defaultValue={[\n { label: "\u989d\u5916\u7684\u4e00\u9879", value: 100 },\n { label: "\u989d\u5916\u7684\u4e8c\u9879", value: 200 },\n ]}\n api={{\n loader: () => {\n return [\n { label: "\u7b2c\u4e00\u9879", value: 1 },\n { label: "\u7b2c\u4e8c\u9879", value: 2 },\n { label: "\u7b2c\u4e09\u9879", value: 3 },\n ];\n },\n }}\n >\n {children}\n </SelectInnerInput>\n ),\n },\n ]}\n />\n );\n};\n\nrender(\n <PureGlobal>\n <div className="input">\n <BaseExample />\n </div>\n </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:D},{name:"global",packageName:"@components/Global",component:u},{name:"_Content",packageName:"@components/Content",component:g},{name:"antd",packageName:"antd",component:r}]},{title:"\u9ad8\u7ea7\u9009\u62e9\u7ec4\u4ef6",description:"\u5c55\u793a\u4e86\u9ad8\u7ea7\u9009\u62e9\u7ec4\u4ef6\u7684List\u5f62\u6001",code:'const { AdvancedSelect: _AdvancedSelect, SelectInnerInput } = _FormInfo;\nconst { PureGlobal } = global;\nconst { Space, Button } = antd;\nconst { default: Content } = _Content;\nconst { range, uniqueId } = lodash;\n\nconst AdvancedSelect = _AdvancedSelect.Field;\n\nconst useSelectInnerContext = SelectInnerInput.useContext;\n\nconst AddExtraButton = () => {\n const { appendItems, fetchApi } = useSelectInnerContext();\n\n return (\n <Button\n type="link"\n onClick={() => {\n const id = uniqueId("new_item_");\n appendItems({\n pageData: [\n {\n label: "\u6dfb\u52a0\u7684\u65b0\u9879\u76ee_" + id,\n value: id,\n },\n ...fetchApi.data.pageData,\n ],\n totalCount: fetchApi.data.totalCount,\n });\n }}\n >\n \u6dfb\u52a0\n </Button>\n );\n};\n\nconst BaseExample = () => {\n return (\n <Content\n col={2}\n list={[\n {\n label: "\u591a\u9009",\n content: (\n <AdvancedSelect\n defaultValue={[1]}\n api={{\n loader: () => {\n return {\n pageData: [\n { label: "\u7b2c\u4e00\u9879", value: 1 },\n { label: "\u7b2c\u4e8c\u9879", value: 2, disabled: true },\n {\n label: "\u7b2c\u4e09\u9879",\n value: 3,\n },\n ],\n };\n },\n }}\n onChange={(value) => {\n console.log(value);\n }}\n />\n ),\n },\n {\n label: "\u5355\u9009",\n content: (\n <AdvancedSelect\n single\n defaultValue={1}\n api={{\n loader: () => {\n return {\n pageData: range(0, 100).map((key) => {\n return {\n label: `\u7b2c${key + 1}\u9879`,\n value: key + 1,\n disabled: key === 2,\n };\n }),\n };\n },\n }}\n onChange={(value) => {\n console.log(value);\n }}\n />\n ),\n },\n {\n label: "\u591a\u9009modal",\n content: (\n <AdvancedSelect\n defaultValue={[1]}\n isPopup={false}\n api={{\n loader: () => {\n return {\n pageData: [\n { label: "\u7b2c\u4e00\u9879", value: 1 },\n { label: "\u7b2c\u4e8c\u9879", value: 2 },\n {\n label: "\u7b2c\u4e09\u9879",\n value: 3,\n },\n ],\n };\n },\n }}\n onChange={(value) => {\n console.log(value);\n }}\n />\n ),\n },\n {\n label: "\u5355\u9009modal",\n content: (\n <AdvancedSelect\n single\n defaultValue={1}\n isPopup={false}\n api={{\n loader: () => {\n return {\n pageData: [\n { label: "\u7b2c\u4e00\u9879", value: 1 },\n { label: "\u7b2c\u4e8c\u9879", value: 2 },\n {\n label: "\u7b2c\u4e09\u9879",\n value: 3,\n },\n ],\n };\n },\n }}\n onChange={(value) => {\n console.log(value);\n }}\n />\n ),\n },\n {\n label: "\u63cf\u8ff0\u4fe1\u606f",\n content: (\n <AdvancedSelect\n single\n defaultValue={1}\n api={{\n loader: () => {\n return {\n pageData: [\n { label: "\u7b2c\u4e00\u9879", value: 1, description: "\u63cf\u8ff0\u4fe1\u606f" },\n {\n label: "\u7b2c\u4e8c\u9879",\n value: 2,\n description: "\u63cf\u8ff0\u4fe1\u606f",\n },\n {\n label: "\u7b2c\u4e09\u9879",\n value: 3,\n description: "\u63cf\u8ff0\u4fe1\u606f",\n },\n ],\n };\n },\n }}\n onChange={(value) => {\n console.log(value);\n }}\n />\n ),\n },\n {\n label: "\u5206\u9875\u52a0\u8f7d\u6570\u636e",\n content: (\n <AdvancedSelect\n single\n defaultValue={90}\n getSearchProps={(text) => {\n return {\n data: { keyword: text },\n };\n }}\n displayItems={[{ label: "\u7b2c\u4e5d\u5341\u9879", value: 90 }]}\n extra={<AddExtraButton />}\n api={{\n loader: ({ data }) => {\n const params = Object.assign(\n {\n perPage: 20,\n currentPage: 1,\n },\n data\n );\n return new Promise((resolve) => {\n setTimeout(() => {\n const start = (params.currentPage - 1) * params.perPage;\n resolve({\n totalCount: 100,\n pageData: range(start, start + 20)\n .map((key) => {\n return {\n label: `\u7b2c${key + 1}\u9879`,\n value: key + 1,\n };\n })\n .filter(({ label }) => {\n return params.keyword\n ? label.indexOf(params.keyword) > -1\n : true;\n }),\n });\n }, 1000);\n });\n },\n }}\n onChange={(value) => {\n console.log(value);\n }}\n />\n ),\n },\n {\n label: "modal\u5206\u9875\u52a0\u8f7d\u6570\u636e",\n content: (\n <AdvancedSelect\n defaultValue={[90]}\n isPopup={false}\n extra={<AddExtraButton />}\n getSearchProps={(text) => {\n return {\n data: { keyword: text },\n };\n }}\n displayItems={[{ label: "\u7b2c\u4e5d\u5341\u9879", value: 90 }]}\n api={{\n data: {\n perPage: 10,\n },\n loader: ({ data }) => {\n const params = Object.assign(\n {\n perPage: 20,\n currentPage: 1,\n },\n data\n );\n return new Promise((resolve) => {\n setTimeout(() => {\n const start = (params.currentPage - 1) * params.perPage;\n resolve({\n totalCount: 100,\n pageData: range(start, start + params.perPage)\n .map((key) => {\n return {\n label: `\u7b2c${key + 1}\u9879`,\n value: key + 1,\n };\n })\n .filter(({ label }) => {\n return params.keyword\n ? label.indexOf(params.keyword) > -1\n : true;\n }),\n });\n }, 1000);\n });\n },\n }}\n onChange={(value) => {\n console.log(value);\n }}\n />\n ),\n },\n ]}\n />\n );\n};\n\nrender(\n <PureGlobal>\n <div className="input">\n <BaseExample />\n </div>\n </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:D},{name:"global",packageName:"@components/Global",component:u},{name:"_Content",packageName:"@components/Content",component:g},{name:"antd",packageName:"antd",component:r},{name:"lodash",packageName:"lodash",component:m}]},{title:"\u7528\u6237\u9009\u62e9\u7ec4\u4ef6",description:"\u5728List\u7684\u4ea4\u4e92\u903b\u8f91\u57fa\u7840\u4e0a\u6269\u5c55\u51fa\u7684\u4e0d\u540c\u5217\u8868\u6837\u5f0f",code:'const { AdvancedSelect: _AdvancedSelect } = _FormInfo;\nconst { PureGlobal } = global;\nconst { Space, Button } = antd;\nconst { default: Content } = _Content;\nconst { range, uniqueId } = lodash;\n\nconst UserSelect = _AdvancedSelect.User.Field;\n\nconst BaseExample = () => {\n return (\n <Content\n col={2}\n list={[\n {\n label: "\u591a\u9009",\n content: (\n <UserSelect\n defaultValue={[1]}\n api={{\n loader: () => {\n return {\n pageData: [\n {\n label: "\u7528\u6237\u4e00",\n value: 1,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n {\n label: "\u7528\u6237\u4e8c",\n value: 2,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n {\n label: "\u7528\u6237\u4e09",\n value: 3,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n ],\n };\n },\n }}\n onChange={(value) => {\n console.log(value);\n }}\n />\n ),\n },\n {\n label: "\u5355\u9009",\n content: (\n <UserSelect\n single\n defaultValue={1}\n api={{\n loader: () => {\n return {\n pageData: range(0, 30).map((key) => {\n return {\n label: `\u7528\u6237${key + 1}`,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n value: key + 1,\n };\n }),\n };\n },\n }}\n onChange={(value) => {\n console.log(value);\n }}\n />\n ),\n },\n {\n label: "\u591a\u9009modal",\n content: (\n <UserSelect\n defaultValue={[1]}\n isPopup={false}\n api={{\n loader: () => {\n return {\n pageData: [\n {\n label: "\u7528\u6237\u4e00",\n value: 1,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n {\n label: "\u7528\u6237\u4e8c",\n value: 2,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n {\n label: "\u7528\u6237\u4e09",\n value: 3,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n ],\n };\n },\n }}\n onChange={(value) => {\n console.log(value);\n }}\n />\n ),\n },\n {\n label: "\u5355\u9009modal",\n content: (\n <UserSelect\n single\n defaultValue={1}\n isPopup={false}\n api={{\n loader: () => {\n return {\n pageData: [\n {\n label: "\u7528\u6237\u4e00",\n value: 1,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n {\n label: "\u7528\u6237\u4e8c",\n value: 2,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n {\n label: "\u7528\u6237\u4e09",\n value: 3,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n ],\n };\n },\n }}\n onChange={(value) => {\n console.log(value);\n }}\n />\n ),\n },\n ]}\n />\n );\n};\n\nrender(\n <PureGlobal>\n <div className="input">\n <BaseExample />\n </div>\n </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:D},{name:"global",packageName:"@components/Global",component:u},{name:"_Content",packageName:"@components/Content",component:g},{name:"antd",packageName:"antd",component:r},{name:"lodash",packageName:"lodash",component:m}]},{title:"\u8868\u683c\u9009\u62e9\u7ec4\u4ef6",description:"\u5728List\u7684\u4ea4\u4e92\u903b\u8f91\u57fa\u7840\u4e0a\u6269\u5c55\u51fa\u7684\u4e0d\u540c\u5217\u8868\u6837\u5f0f",code:'const { AdvancedSelect: _AdvancedSelect } = _FormInfo;\nconst { PureGlobal } = global;\nconst { Space, Button } = antd;\nconst { default: Content } = _Content;\nconst { range, uniqueId } = lodash;\n\nconst TableSelect = _AdvancedSelect.Table.Field;\n\nconst BaseExample = () => {\n return (\n <Content\n col={2}\n list={[\n {\n label: "\u591a\u9009",\n content: (\n <TableSelect\n defaultValue={[1]}\n getSearchProps={(text) => {\n return {\n data: { keyword: text },\n };\n }}\n api={{\n data: {\n perPage: 10,\n },\n loader: ({ data }) => {\n const params = Object.assign(\n {\n perPage: 20,\n currentPage: 1,\n },\n data\n );\n return new Promise((resolve) => {\n setTimeout(() => {\n const start = (params.currentPage - 1) * params.perPage;\n resolve({\n totalCount: 100,\n pageData: range(start, start + params.perPage)\n .map((key) => {\n return {\n label: `\u5458\u5de5${key + 1}`,\n company: "\u5317\u4eac\u79d1\u6280\u6709\u9650\u516c\u53f8",\n department: "\u6280\u672f\u90e8",\n value: key + 1,\n };\n })\n .filter(({ label }) => {\n return params.keyword\n ? label.indexOf(params.keyword) > -1\n : true;\n }),\n });\n }, 1000);\n });\n },\n }}\n columns={[\n {\n title: "\u59d3\u540d",\n dataIndex: "label",\n },\n {\n title: "\u6240\u5c5e\u516c\u53f8",\n dataIndex: "company",\n },\n {\n title: "\u6240\u5c5e\u90e8\u95e8",\n dataIndex: "department",\n },\n ]}\n onChange={(value) => {\n console.log(value);\n }}\n />\n ),\n },\n {\n label: "\u5355\u9009",\n content: (\n <TableSelect\n single\n defaultValue={1}\n api={{\n loader: () => {\n return {\n pageData: [\n {\n label: "\u7528\u6237\u4e00",\n company: "\u5317\u4eac\u79d1\u6280\u6709\u9650\u516c\u53f8",\n department: "\u8d22\u52a1\u90e8",\n value: 1,\n },\n {\n label: "\u7528\u6237\u4e8c",\n company: "\u5317\u4eac\u79d1\u6280\u6709\u9650\u516c\u53f8",\n department: "\u6280\u672f\u90e8",\n value: 2,\n },\n {\n label: "\u7528\u6237\u4e09",\n company: "\u5317\u4eac\u79d1\u6280\u6709\u9650\u516c\u53f8",\n department: "\u5546\u52a1\u90e8",\n value: 3,\n },\n ],\n };\n },\n }}\n columns={[\n {\n title: "\u59d3\u540d",\n dataIndex: "label",\n },\n {\n title: "\u6240\u5c5e\u516c\u53f8",\n dataIndex: "company",\n },\n {\n title: "\u6240\u5c5e\u90e8\u95e8",\n dataIndex: "department",\n },\n ]}\n onChange={(value) => {\n console.log(value);\n }}\n />\n ),\n },\n {\n label: "\u591a\u9009modal",\n content: (\n <TableSelect\n defaultValue={[1]}\n isPopup={false}\n getSearchProps={(text) => {\n return {\n data: { keyword: text },\n };\n }}\n api={{\n data: {\n perPage: 10,\n },\n loader: ({ data }) => {\n const params = Object.assign(\n {\n perPage: 20,\n currentPage: 1,\n },\n data\n );\n return new Promise((resolve) => {\n setTimeout(() => {\n const start = (params.currentPage - 1) * params.perPage;\n resolve({\n totalCount: 100,\n pageData: range(start, start + params.perPage)\n .map((key) => {\n return {\n label: `\u5458\u5de5${key + 1}`,\n company: "\u5317\u4eac\u79d1\u6280\u6709\u9650\u516c\u53f8",\n department: "\u6280\u672f\u90e8",\n value: key + 1,\n };\n })\n .filter(({ label }) => {\n return params.keyword\n ? label.indexOf(params.keyword) > -1\n : true;\n }),\n });\n }, 1000);\n });\n },\n }}\n columns={[\n {\n title: "\u59d3\u540d",\n dataIndex: "label",\n },\n {\n title: "\u6240\u5c5e\u516c\u53f8",\n dataIndex: "company",\n },\n {\n title: "\u6240\u5c5e\u90e8\u95e8",\n dataIndex: "department",\n },\n ]}\n onChange={(value) => {\n console.log(value);\n }}\n />\n ),\n },\n {\n label: "\u5355\u9009modal",\n content: (\n <TableSelect\n single\n isPopup={false}\n defaultValue={1}\n api={{\n loader: () => {\n return {\n pageData: [\n {\n label: "\u7528\u6237\u4e00",\n company: "\u5317\u4eac\u79d1\u6280\u6709\u9650\u516c\u53f8",\n department: "\u8d22\u52a1\u90e8",\n value: 1,\n },\n {\n label: "\u7528\u6237\u4e8c",\n company: "\u5317\u4eac\u79d1\u6280\u6709\u9650\u516c\u53f8",\n department: "\u6280\u672f\u90e8",\n value: 2,\n },\n {\n label: "\u7528\u6237\u4e09",\n company: "\u5317\u4eac\u79d1\u6280\u6709\u9650\u516c\u53f8",\n department: "\u5546\u52a1\u90e8",\n value: 3,\n },\n ],\n };\n },\n }}\n columns={[\n {\n title: "\u59d3\u540d",\n dataIndex: "label",\n },\n {\n title: "\u6240\u5c5e\u516c\u53f8",\n dataIndex: "company",\n },\n {\n title: "\u6240\u5c5e\u90e8\u95e8",\n dataIndex: "department",\n },\n ]}\n onChange={(value) => {\n console.log(value);\n }}\n />\n ),\n },\n ]}\n />\n );\n};\n\nrender(\n <PureGlobal>\n <div className="input">\n <BaseExample />\n </div>\n </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:D},{name:"global",packageName:"@components/Global",component:u},{name:"_Content",packageName:"@components/Content",component:g},{name:"antd",packageName:"antd",component:r},{name:"lodash",packageName:"lodash",component:m}]},{title:"\u5730\u5740\u9009\u62e9\u7ec4\u4ef6",description:"\u5c55\u793a\u5730\u5740\u9009\u62e9\u7ec4\u4ef6",code:'const { AddressSelect: _AddressSelect, AddressInput: _AddressInput } =\n _FormInfo;\nconst { PureGlobal } = global;\nconst { Space, Button } = antd;\nconst { default: Content } = _Content;\nconst { range, uniqueId } = lodash;\n\nconst AddressSelect = _AddressSelect.Field;\nconst AddressEnum = _AddressSelect.AddressEnum;\nconst AddressInput = _AddressInput.Field;\n\nconst BaseExample = () => {\n return (\n <Content\n col={2}\n list={[\n {\n label: "\u591a\u9009",\n content: (\n <AddressSelect\n maxLength={3}\n defaultValue={["110"]}\n onChange={(value) => {\n console.log(value);\n }}\n />\n ),\n },\n {\n label: "\u5355\u9009",\n content: (\n <AddressSelect\n single\n defaultValue={"110"}\n onChange={(value) => {\n console.log(value);\n }}\n />\n ),\n },\n {\n label: "modal\u591a\u9009",\n content: (\n <AddressSelect\n maxLength={3}\n isPopup={false}\n defaultValue={["110"]}\n onChange={(value) => {\n console.log(value);\n }}\n />\n ),\n },\n {\n label: "modal\u5355\u9009",\n content: (\n <AddressSelect\n isPopup={false}\n single\n defaultValue={"110"}\n onChange={(value) => {\n console.log(value);\n }}\n />\n ),\n },\n {\n label: "valueType\u4e3aall",\n content: (\n <AddressSelect\n valueType="all"\n onChange={(value) => {\n console.log(value);\n }}\n />\n ),\n },\n {\n label: "\u5730\u5740\u663e\u793a",\n content: <AddressEnum name="270070" />,\n },\n {\n label: "\u663e\u793a\u7236\u7ea7",\n content: <AddressEnum name="270070" displayParent />,\n },\n {\n label: "\u5730\u5740\u8f93\u5165",\n content: (\n <AddressInput\n onChange={(value) => {\n console.log(value);\n }}\n />\n ),\n },\n ]}\n />\n );\n};\n\nrender(\n <PureGlobal preset={{ locale: "en-US" }}>\n <div className="input">\n <BaseExample />\n </div>\n </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:D},{name:"global",packageName:"@components/Global",component:u},{name:"_Content",packageName:"@components/Content",component:g},{name:"antd",packageName:"antd",component:r},{name:"lodash",packageName:"lodash",component:m}]},{title:"\u7ea7\u8054\u9009\u62e9\u7ec4\u4ef6",description:"\u5c55\u793a\u7ea7\u8054\u9009\u62e9\u7ec4\u4ef6",code:'const { Cascader: _Cascader } = _FormInfo;\nconst { PureGlobal } = global;\nconst { default: Content } = _Content;\n\nconst { range, get } = lodash;\n\nconst Cascader = _Cascader.Field;\n\nconst BaseExample = () => {\n return (\n <Content\n col={2}\n list={[\n {\n label: "\u4e00\u6b21\u6027\u83b7\u53d6\u6570\u636e",\n content: (\n <Cascader\n onlyAllowLastLevel\n single\n api={{\n loader: async () => {\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve([\n {\n id: "client",\n value: "client",\n type: "module",\n name: "\u5ba2\u6237",\n label: "\u5ba2\u6237",\n children: [\n {\n id: "client-list",\n value: "client-list",\n type: "feature",\n name: "\u5ba2\u6237\u5217\u8868\u9875",\n label: "\u5ba2\u6237\u5217\u8868\u9875",\n },\n {\n id: "client-detail",\n value: "client-detail",\n type: "module",\n name: "\u5ba2\u6237\u8be6\u60c5\u9875",\n label: "\u5ba2\u6237\u8be6\u60c5\u9875",\n children: [\n {\n id: "contract",\n value: "contract",\n type: "module",\n name: "\u5408\u540c\u4fe1\u606f",\n label: "\u5408\u540c\u4fe1\u606f",\n },\n ],\n },\n {\n id: "client-form",\n value: "client-form",\n type: "feature",\n name: "\u5ba2\u6237\u8868\u5355",\n label: "\u5ba2\u6237\u8868\u5355",\n children: [\n {\n id: "taxpayerIdNumber",\n value: "taxpayerIdNumber",\n type: "feature",\n name: "\u7a0e\u53f7",\n label: "\u7a0e\u53f7",\n },\n ],\n },\n ],\n },\n {\n id: "position",\n value: "position",\n type: "module",\n name: "\u804c\u4f4d",\n label: "\u804c\u4f4d",\n children: [\n {\n id: "position-list",\n value: "position-list",\n type: "feature",\n name: "\u804c\u4f4d\u5217\u8868\u9875",\n label: "\u804c\u4f4d\u5217\u8868\u9875",\n },\n {\n id: "position-detail",\n value: "position-detail",\n type: "module",\n name: "\u804c\u4f4d\u8be6\u60c5\u9875",\n label: "\u804c\u4f4d\u8be6\u60c5\u9875",\n },\n {\n id: "position-form",\n value: "position-form",\n type: "feature",\n name: "\u804c\u4f4d\u8868\u5355",\n label: "\u804c\u4f4d\u8868\u5355",\n children: [\n {\n id: "industry",\n value: "industry",\n type: "feature",\n name: "\u884c\u4e1a",\n label: "\u884c\u4e1a",\n },\n ],\n },\n ],\n },\n ]);\n }, 1000);\n });\n },\n }}\n onChange={(value) => {\n console.log(value);\n }}\n />\n ),\n },\n {\n label: "\u5206\u5c42\u52a0\u8f7d\u6570\u636e",\n content: (\n <Cascader\n openLoadData\n onSearch={async (searchText) => {\n return range(0, 20).map((key) => {\n const parentId = "2";\n return {\n id: `${parentId ? `${parentId}-` : ""}${key + 1}`,\n label: `\u8282\u70b9-${searchText}-${\n parentId ? `${parentId}-` : ""\n }${key + 1}`,\n parentId,\n };\n });\n }}\n api={{\n loader: async ({ data }) => {\n const parentId = get(data, "id", "");\n const level = parentId.split("-").length;\n console.log("loadData", parentId, level);\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve(\n range(0, 20).map((key) => {\n return Object.assign(\n {\n id: `${parentId ? `${parentId}-` : ""}${key + 1}`,\n label: `\u8282\u70b9-${parentId ? `${parentId}-` : ""}${\n key + 1\n }`,\n parentId,\n },\n level >= 3 ? { children: null } : {}\n );\n })\n );\n }, 1000);\n });\n },\n }}\n />\n ),\n },\n {\n label: "modal\u5206\u5c42\u52a0\u8f7d\u6570\u636e",\n content: (\n <Cascader\n openLoadData\n isPopup={false}\n api={{\n loader: async ({ data }) => {\n const parentId = get(data, "id", "");\n const level = parentId.split("-").length;\n console.log("loadData", parentId, level);\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve(\n range(0, 20).map((key) => {\n return Object.assign(\n {\n id: `${parentId ? `${parentId}-` : ""}${key + 1}`,\n label: `\u8282\u70b9-${parentId ? `${parentId}-` : ""}${\n key + 1\n }`,\n parentId,\n },\n level >= 3 ? { children: null } : {}\n );\n })\n );\n }, 1000);\n });\n },\n }}\n />\n ),\n },\n ]}\n />\n );\n};\n\nrender(\n <PureGlobal>\n <div className="input">\n <BaseExample />\n </div>\n </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:D},{name:"global",packageName:"@components/Global",component:u},{name:"_Content",packageName:"@components/Content",component:g},{name:"lodash",packageName:"lodash",component:m}]},{title:"\u804c\u80fd\u9009\u62e9",description:"\u5c55\u793a\u884c\u4e1a\u804c\u80fd\u9009\u62e9",code:'const { FunctionSelect: _FunctionSelect } = _FormInfo;\nconst { PureGlobal } = global;\nconst { default: Content } = _Content;\n\nconst { range, get } = lodash;\n\nconst FunctionSelect = _FunctionSelect.Field;\n\nconst BaseExample = () => {\n return (\n <Content\n col={2}\n list={[\n {\n label: "\u804c\u80fd\u9009\u62e9",\n content: (\n <FunctionSelect\n onChange={(value) => {\n console.log(value);\n }}\n />\n ),\n },\n {\n label: "modal\u804c\u80fd\u9009\u62e9",\n content: (\n <FunctionSelect\n isPopup={false}\n onChange={(value) => {\n console.log(value);\n }}\n />\n ),\n },\n {\n label: "\u804c\u80fd\u9009\u62e9\u65e0\u641c\u7d22",\n content: (\n <FunctionSelect\n search={null}\n onChange={(value) => {\n console.log(value);\n }}\n />\n ),\n },\n {\n label: "\u804c\u80fd\u679a\u4e3e\u663e\u793a",\n content: <FunctionSelect.Enum name="001" />,\n },\n ]}\n />\n );\n};\n\nrender(\n <PureGlobal preset={{ locale: "en-US" }}>\n <div className="input">\n <BaseExample />\n </div>\n </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:D},{name:"global",packageName:"@components/Global",component:u},{name:"_Content",packageName:"@components/Content",component:g},{name:"lodash",packageName:"lodash",component:m}]},{title:"\u884c\u4e1a\u9009\u62e9",description:"\u5c55\u793a\u884c\u4e1a\u9009\u62e9\u7ec4\u4ef6",code:'const { IndustrySelect: _IndustrySelect } = _FormInfo;\nconst { PureGlobal } = global;\nconst { default: Content } = _Content;\n\nconst { range, get } = lodash;\n\nconst IndustrySelect = _IndustrySelect.Field;\n\nconst BaseExample = () => {\n return (\n <Content\n col={2}\n list={[\n {\n label: "\u884c\u4e1a\u9009\u62e9",\n content: (\n <IndustrySelect\n defaultValue={["001"]}\n onChange={(value) => {\n console.log(value);\n }}\n />\n ),\n },\n {\n label: "modal\u884c\u4e1a\u9009\u62e9",\n content: (\n <IndustrySelect\n isPopup={false}\n onChange={(value) => {\n console.log(value);\n }}\n />\n ),\n },\n {\n label: "\u804c\u80fd\u679a\u4e3e\u663e\u793a",\n content: <IndustrySelect.Enum name="004" />,\n },\n ]}\n />\n );\n};\n\nrender(\n <PureGlobal preset={{ locale: "en-US" }}>\n <div className="input">\n <BaseExample />\n </div>\n </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:D},{name:"global",packageName:"@components/Global",component:u},{name:"_Content",packageName:"@components/Content",component:g},{name:"lodash",packageName:"lodash",component:m}]},{title:"\u91d1\u989d\u8f93\u5165",description:"\u5c55\u793a\u91d1\u989d\u8f93\u5165\u7ec4\u4ef6",code:'const { MoneyInput: _MoneyInput } = _FormInfo;\nconst { PureGlobal } = global;\nconst { default: Content } = _Content;\n\nconst MoneyInput = _MoneyInput.Field;\n\nconst BaseExample = () => {\n return (\n <Content\n col={2}\n list={[\n {\n label: "\u91d1\u989d\u8f93\u5165",\n content: <MoneyInput />,\n },\n ]}\n />\n );\n};\n\nrender(\n <PureGlobal>\n <div className="input">\n <BaseExample />\n </div>\n </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:D},{name:"global",packageName:"@components/Global",component:u},{name:"_Content",packageName:"@components/Content",component:g}]},{title:"\u7535\u8bdd\u53f7\u7801\u8f93\u5165",description:"\u5c55\u793a\u7535\u8bdd\u53f7\u7801\u8f93\u5165\u7ec4\u4ef6",code:'const { PhoneNumber: _PhoneNumber } = _FormInfo;\nconst { PureGlobal } = global;\nconst { default: Content } = _Content;\n\nconst PhoneNumber = _PhoneNumber.Field;\n\nconst BaseExample = () => {\n return (\n <Content\n col={2}\n list={[\n {\n label: "\u7535\u8bdd\u8f93\u5165",\n content: (\n <PhoneNumber\n onChange={(value) => {\n console.log(value);\n }}\n />\n ),\n },\n ]}\n />\n );\n};\n\nrender(\n <PureGlobal>\n <div className="input">\n <BaseExample />\n </div>\n </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:D},{name:"global",packageName:"@components/Global",component:u},{name:"_Content",packageName:"@components/Content",component:g}]},{title:"\u85aa\u8d44\u7ec4\u4ef6",description:"\u5c55\u793a\u586b\u5199\u85aa\u8d44\u8303\u56f4\u8f93\u5165\u7ec4\u4ef6",code:'const { SalaryInput, Form } = _FormInfo;\nconst { PureGlobal } = global;\nconst { default: Content } = _Content;\n\nconst SalaryInputField = SalaryInput.Field;\n\nconst BaseExample = () => {\n return (\n <div>\n <Content\n col={1}\n list={[\n {\n label: "\u85aa\u8d44\u8303\u56f4",\n content: (\n <SalaryInputField\n onChange={(value) => {\n console.log(value);\n }}\n />\n ),\n },\n ]}\n />\n <Form\n rules={{\n SALARYRANGE: ({ min, max, type }) => {\n if (type !== 1) {\n if (!min \|\| !max) {\n return {\n result: false,\n errMsg: `${!min ? "\u6700\u4f4e\u85aa\u8d44" : "\u6700\u9ad8\u85aa\u8d44"}\u4e0d\u80fd\u4e3a\u7a7a`,\n };\n }\n if (min > max) {\n return {\n result: false,\n errMsg: "\u6700\u9ad8\u85aa\u8d44\u5e94\u5927\u4e8e\u6700\u4f4e\u85aa\u8d44",\n };\n }\n }\n return {\n result: true,\n errMsg: "",\n };\n },\n }}\n data={{ salaryRange: { type: 5, month: 12 } }}\n >\n <SalaryInput\n name="salaryRange"\n label="\u85aa\u8d44\u8303\u56f4"\n rule="REQ SALARYRANGE"\n showMonth\n remindUnit\n />\n </Form>\n </div>\n );\n};\n\nrender(\n <PureGlobal>\n <div className="input">\n <BaseExample />\n </div>\n </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:D},{name:"global",packageName:"@components/Global",component:u},{name:"_Content",packageName:"@components/Content",component:g}]},{title:"\u53ef\u7f16\u8f91\u7684\u8868\u683c\u8868\u5355",description:"\u53ef\u7f16\u8f91\u7684\u8868\u683c\u8868\u5355",code:'const { TableInput, Form, Input, SubmitButton } = _FormInfo;\nconst { PureGlobal } = global;\nconst { default: Content } = _Content;\n\nconst BaseExample = () => {\n return (\n <div>\n <Form\n data={{\n tableInput: {\n 1: { otherCode: "111" },\n 2: { otherCode: "222" },\n },\n }}\n onSubmit={(formData) => {\n console.log(formData);\n }}\n >\n <TableInput\n controllerOpen={false}\n name="tableInput"\n label="\u8868\u683c\u8868\u5355"\n columns={[\n {\n title: "\u7cfb\u7edf\u5b57\u6bb5",\n dataIndex: "systemCode",\n key: "systemCode",\n width: 200,\n },\n {\n title: "\u5bf9\u5e94\u7684\u5b57\u6bb5",\n dataIndex: "otherCode",\n key: "otherCode",\n editable: (text, record, index) => index !== 0,\n field: {\n type: Input,\n rule: "REQ",\n getValue: (e) => e.target.value,\n },\n },\n ]}\n api={{\n loader: () => {\n return {\n pageData: [\n {\n id: 1,\n systemCode: "\u6d41\u6c34\u53f7",\n },\n {\n id: 2,\n systemCode: "\u6d41\u6c34\u53f72",\n },\n ],\n };\n },\n }}\n onChange={(value) => {\n console.log(value);\n }}\n />\n <SubmitButton>\u63d0\u4ea4</SubmitButton>\n </Form>\n </div>\n );\n};\n\nrender(\n <PureGlobal>\n <div className="input">\n <BaseExample />\n </div>\n </PureGlobal>\n);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:D},{name:"global",packageName:"@components/Global",component:u},{name:"_Content",packageName:"@components/Content",component:g},{name:"antd",packageName:"antd",component:r}]},{title:"\u53ef\u6269\u5c55\u7684AdvanceSelect",description:"AdvanceSelect\u652f\u6301\u5de6\u53f3\u5e03\u5c40",code:'const { AdvancedSelect } = _FormInfo;\nconst { PureGlobal } = global;\nconst { default: Icon } = icon;\nconst { useState } = React;\nconst { range, merge, get } = _lodash;\nconst dayjs = _dayjs;\nconst { Col } = _antd;\n\nconst BaseExample = () => {\n return (\n <PureGlobal\n preset={{\n ajax: () => {\n return Promise.resolve({ data: { code: 0, data: [] } });\n },\n }}\n >\n <AdvancedSelect.Field\n getSearchProps={(text) => {\n return {\n data: { keyword: text },\n };\n }}\n displayItems={[{ label: "\u7b2c\u4e5d\u5341\u9879", value: 90 }]}\n api={{\n loader: ({ data }) => {\n const params = Object.assign(\n {\n perPage: 20,\n currentPage: 1,\n },\n data\n );\n return new Promise((resolve) => {\n setTimeout(() => {\n const start = (params.currentPage - 1) * params.perPage;\n resolve({\n totalCount: 100,\n pageData: range(start, start + 20)\n .map((key) => {\n return {\n label: `\u7b2c${key + 1}\u9879`,\n value: key + 1,\n };\n })\n .filter(({ label }) => {\n return params.keyword\n ? label.indexOf(params.keyword) > -1\n : true;\n }),\n });\n }, 1000);\n });\n },\n }}\n onChange={(value) => {\n console.log(value);\n }}\n single\n isPopup={false}\n label={"\u9762\u8bd5\u5b98"}\n placeholder={"\u9009\u62e9\u9762\u8bd5\u5b98"}\n modalSize={"large"}\n wrapClassName={"calendar-modal"}\n selectIcon={\n <div>\n <Icon type={"icon-gouxuan"} />\n </div>\n }\n leftSpan={6}\n right={() => (\n <Col flex={1}>\n <div>\u6211\u662fheader</div>\n <div>\u6211\u662fbody</div>\n </Col>\n )}\n leftBottom={() => <div>\u6211\u662fleftBottom</div>}\n />\n </PureGlobal>\n );\n};\nrender(<BaseExample />);\n\n',scope:[{name:"_FormInfo",packageName:"@components/FormInfo",component:D},{name:"icon",packageName:"@components/Icon",component:G},{name:"_antd",packageName:"antd",component:r},{name:"global",packageName:"@components/Global",component:u},{name:"_lodash",packageName:"lodash",component:m},{name:"_dayjs",packageName:"dayjs",component:O}]}]}},U={name:"Global",summary:"<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u5728\u4f7f\u7528components-core\u7684\u4efb\u4f55\u7ec4\u4ef6\u7684\u4e1a\u52a1\u7cfb\u7edf\uff0c\u9700\u8981\u5c06\u8be5\u7ec4\u4ef6\u653e\u7f6e\u4e8e\u6700\u5916\u5c42\uff0c\u5e76\u4e14\u6309\u7167\u8981\u6c42\u6b63\u786e\u8bbe\u7f6epreset\u3002</p>\n<p>\u4ee5\u4e0b\u662fcomponents-core\u7ec4\u4ef6\u7cfb\u7edf\u4e2d\u9700\u8981\u8bbe\u7f6e\u7684preset\u503c\uff0c\u53ca\u4f7f\u7528\u8fd9\u4e9b\u503c\u7684\u7ec4\u4ef6</p>\n<table>\n<thead>\n<tr>\n<th>\u540d\u79f0</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u4f7f\u7528\u7ec4\u4ef6</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>permissions</td>\n<td>\u914d\u7f6e\u529f\u80fd\u6743\u9650\u5217\u8868\uff0cPermissions\u6839\u636e\u8be5\u5217\u8868\u91cc\u9762\u662f\u5426\u5b58\u5728\u67d0\u6743\u9650\u540d\u79f0\u5224\u65ad\u7528\u6237\u662f\u5426\u5177\u6709\u8be5\u529f\u80fd\u6743\u9650\uff0c\u6765\u63a7\u5236\u5bf9\u5e94\u64cd\u4f5c\u884c\u4e3a</td>\n<td>array</td>\n<td>Permissions</td>\n</tr>\n<tr>\n<td>ajax</td>\n<td>\u7528\u4e8e\u53d1\u9001ajax\u8bf7\u6c42\u7684\u65b9\u6cd5\uff0c\u4e00\u822c\u60c5\u51b5\u4e0b\u5176\u5e94\u8be5\u662f\u4e00\u4e2aaxios\u5bf9\u8c61</td>\n<td>object</td>\n<td>Image</td>\n</tr>\n<tr>\n<td>apis</td>\n<td>\u7528\u4e8e\u548c\u540e\u7aef\u8fdb\u884c\u4e00\u4e9b\u4ea4\u4e92\u884c\u4e3a\u7684\u63a5\u53e3\u96c6\u5408</td>\n<td>object</td>\n<td>Image</td>\n</tr>\n<tr>\n<td>apis.oss</td>\n<td>\u7528\u4e8e\u901a\u8fc7\u4e00\u4e2aossId\u5411\u540e\u7aefoss\u670d\u52a1\u83b7\u53d6\u4e00\u4e2a\u53ef\u4ee5\u8bbf\u95ee\u5230\u6307\u5b9a\u6587\u4ef6\u7684url</td>\n<td>object</td>\n<td>Image</td>\n</tr>\n<tr>\n<td>apis.ossUpload</td>\n<td>\u7528\u4e8e\u5411oss\u670d\u52a1\u4e0a\u4f20\u4e00\u4e2a\u6587\u4ef6</td>\n<td>object</td>\n<td>FormInfo.Upload,FormInfo.Avatar</td>\n</tr>\n<tr>\n<td>features</td>\n<td>\u7528\u4e8e\u914d\u7f6e\u7cfb\u7edf\u7684\u7279\u6027\u53c2\u6570</td>\n<td>object</td>\n<td>Features</td>\n</tr>\n<tr>\n<td>features.profile</td>\n<td>\u7cfb\u7edf\u7684\u7279\u6027\u5217\u8868\u53c2\u8003\u7ec4\u4ef6Features</td>\n<td>object</td>\n<td>Features</td>\n</tr>\n<tr>\n<td>features.debug</td>\n<td>\u7279\u6027\u7684\u8c03\u8bd5\u6a21\u5f0f\uff0c\u53ef\u4ee5\u5728\u63a7\u5236\u53f0\u6253\u5370Features\u7684id\u548c\u72b6\u6001</td>\n<td>boolean</td>\n<td>Features</td>\n</tr>\n<tr>\n<td>enums</td>\n<td>\u516c\u5171\u679a\u4e3e\u503c\uff0c\u8be6\u60c5\u53c2\u770bEnum\u7ec4\u4ef6</td>\n<td>object</td>\n<td>Enum</td>\n</tr>\n<tr>\n<td>enums.helperGuide</td>\n<td>\u5e2e\u52a9\u6587\u6863\u679a\u4e3e\u914d\u7f6e</td>\n<td>function</td>\n<td>HelperGuide</td>\n</tr>\n<tr>\n<td>formInfo</td>\n<td>\u8868\u5355\u914d\u7f6e</td>\n<td>object</td>\n<td>FormInfo.formModule</td>\n</tr>\n<tr>\n<td>formInfo.rules</td>\n<td>\u8868\u5355\u89c4\u5219\u914d\u7f6e</td>\n<td>object</td>\n<td>FormInfo.formModule</td>\n</tr>\n</tbody>\n</table>\n<p>\u5168\u5c40context\u7ba1\u7406\u8bbe\u7f6e\u53ca\u9ed8\u8ba4\u6837\u5f0f</p>\n<ul>\n<li>\u8bf7\u5c06\u5168\u5c40\u8986\u76d6\u6027\u7684\u6837\u5f0f\u653e\u5728\u6b64\u7ec4\u4ef6\u4e2d</li>\n<li>\u8bf7\u5c06\u5b57\u4f53\u6587\u4ef6\u7684\u5f15\u7528\u653e\u5728\u6b64\u7ec4\u4ef6\u4e2d</li>\n<li>\u8bf7\u5c06antd\u7684\u8986\u76d6\u6027\u6837\u5f0f\u653e\u5728\u6b64\u7ec4\u4ef6\u4e2d</li>\n<li>\u8be5\u7ec4\u4ef6\u9700\u8981\u653e\u7f6e\u5728\u5e94\u7528\u6839\u4f4d\u7f6e</li>\n</ul>\n<p>\u66f4\u65b0\u5b57\u4f53\u6587\u4ef6:</p>\n<ul>\n<li>\u5c06iconfont\u4e0a\u4e0b\u8f7d\u7684\u5b57\u4f53\u5305\u89e3\u538b\u540e\u653e\u5728public\u6587\u4ef6\u5939\u4e0b\u9762</li>\n<li>\u66f4\u65b0src/common/params.js \u4e2d\u7684\u53d8\u91cf iconfontBase</li>\n<li>\u4fee\u6539\u540e\u6784\u5efa\u8be5\u9879\u76ee\u53d1\u5e03\u5230\u5bf9\u5e94\u73af\u5883</li>\n</ul>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>preset</td>\n<td>\u5168\u5c40\u9884\u8bbe\u53c2\u6570\uff0c\u53ef\u4ee5\u901a\u8fc7usePreset\u83b7\u53d6\uff0c\u7531\u4e1a\u52a1\u7cfb\u7edf\u8bbe\u7f6e</td>\n<td>object</td>\n<td>{}</td>\n</tr>\n<tr>\n<td>themeToken</td>\n<td>\u8bbe\u7f6e\u4e3b\u9898\uff0c\u53c2\u770bantd\u7684themeToken\uff0c\u4e00\u822c\u53ea\u9700\u8981\u8bbe\u7f6e{colorPrimary}</td>\n<td>object</td>\n<td>{}</td>\n</tr>\n<tr>\n<td>init</td>\n<td>\u521d\u59cb\u5316\u65b9\u6cd5\uff0c\u5728\u7cfb\u7edf\u9996\u6b21\u52a0\u8f7d\u65f6\u6267\u884c\uff0c\u53ef\u4ee5\u8fd4\u56dePromise\u3002\u7528\u6765\u653e\u7f6e\u7cfb\u7edf\u663e\u793a\u4e4b\u524d\u7684\u5f02\u6b65\u64cd\u4f5c</td>\n<td>function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>PureGlobal</h3>\n<p>api\u540cGlobal\uff0c\u4f46\u662f\u5c11\u4e86\u9875\u9762\u9519\u8bef\u6355\u83b7\u548cclassName:container-body\u5e26\u6765\u7684\u9ed8\u8ba4\u6700\u5c0f\u5bbd\u5ea6\u7b49\u6837\u5f0f\u8bbe\u7f6e\uff0c\u4e3b\u8981\u7528\u5728\u7ec4\u4ef6\u5e93\u7684\u6f14\u793a\u73af\u5883\u548c\u5f39\u7a97\u4e2d</p>\n<h3>usePreset</h3>\n<p>\u83b7\u53d6\u9884\u8bbe\u7684preset\uff0c\u5df2\u7ecf\u786e\u5b9a\u4e3a\u7cfb\u7edf\u9700\u8981\u4f7f\u7528\u7684key\u503c:permissions,apis,formOptions,modalOptions</p>\n<h3>useGlobalContext</h3>\n<p>\u83b7\u53d6\u548c\u8bbe\u7f6e\u5168\u5c40\u72b6\u6001\uff0c\u8be5\u72b6\u6001\u4fdd\u5b58\u5728Global\u7ec4\u4ef6\u4e00\u7ea7\uff0c\u4e0d\u4f1a\u968f\u7740\u5185\u90e8\u7ec4\u4ef6\u672c\u8eab\u7684\u9500\u6bc1\u800c\u9500\u6bc1\u3002\n\u4e3b\u8981\u7ed9\u7ec4\u4ef6\u5185\u90e8\u4f7f\u7528\uff0c\u4e1a\u52a1\u5e94\u8be5\u907f\u514d\u4f7f\u7528\u8be5api\u8bbe\u7f6e\u65b0\u7684global\u53d8\u91cf\u3002\u4e1a\u52a1\u5982\u679c\u6709\u9700\u8981\u5e94\u5f53\u81ea\u884c\u5728\u9876\u7ea7\u7ec4\u4ef6\u4e2d\u8bbe\u7f6econtext\u3002</p>\n<h4>params:useGlobalContext(globalKey)</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>globalKey</td>\n<td>\u5168\u5c40\u53c2\u6570\u7684key\uff0c\u5f53\u5b58\u5728globalKey\u65f6\uff0c\u9ed8\u8ba4\u83b7\u53d6\u548c\u8bbe\u7f6e\u90fd\u662fglobal[key]\uff0c\u5f53\u4e0d\u5b58\u5728globalKey\u83b7\u53d6\u548c\u8bbe\u7f6e\u7684\u90fd\u662fglobal\uff0c\u9664\u975e\u5b58\u5728\u591a\u4e2a\u83b7\u53d6\u548c\u8bbe\u7f6eglobal\u7684key-value\uff0c\u5426\u5219\u4e0d\u63a8\u8350\u76f4\u63a5\u4f7f\u7528\u4e0d\u5b58\u5728globalKey\u7684\u60c5\u51b5</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>return:{global,setGlobal}</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>global</td>\n<td>\u5f53\u524d\u7684global\u503c</td>\n<td>any</td>\n</tr>\n<tr>\n<td>setGlobal</td>\n<td>\u8bbe\u7f6e\u5f53\u524d\u7684global\u503c</td>\n<td>function</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!1,className:"Global_4cc66",style:".Global_4cc66 .label {\n font-weight: bold;\n}",list:[{title:"\u57fa\u672c\u793a\u4f8b",description:"\u5c55\u793a\u4e86\u6587\u5b57\u5927\u5c0f\u989c\u8272\u884c\u9ad8\u7684\u8bbe\u7f6e",code:"const { PureGlobal } = _Global;\nconst { Space, Divider } = antd;\nconst BaseExample = () => {\n return (\n <PureGlobal>\n <Space direction=\"vertical\">\n <div className=\"label\">\u6587\u5b57\u5927\u5c0f:</div>\n <div style={{ fontSize: 'var(--font-size-large)' }}>\u5927\u53f7\u6587\u5b57</div>\n <div>\u9ed8\u8ba4\u5927\u5c0f\u6587\u5b57</div>\n <div style={{ fontSize: 'var(--font-size-small)' }}>\u5c0f\u53f7\u6587\u5b57</div>\n <Divider />\n <div className=\"label\">\u6587\u5b57\u989c\u8272:</div>\n <div style={{ color: 'var(--font-color)' }}>\u9ed8\u8ba4\u989c\u8272</div>\n <div style={{ color: 'var(--font-color-grey)' }}>\u7070\u8272</div>\n <div style={{ color: 'var(--font-color-grey-1)' }}>\u7070\u82721</div>\n <div style={{ color: 'var(--font-color-grey-2)' }}>\u7070\u82722</div>\n <Divider />\n <div className=\"label\">\u884c\u9ad8:</div>\n <div style={{ lineHeight: 'var(--line-height-large)' }}>\n \u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\u5bbd\u677e\u884c\u9ad8\n </div>\n <div>\n \u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\u9ed8\u8ba4\u884c\u9ad8\n </div>\n <div style={{ lineHeight: 'var(--line-height-small)' }}>\n \u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\u7d27\u51d1\u884c\u9ad8\n </div>\n </Space>\n </PureGlobal>\n );\n};\n\nrender(<BaseExample />);\n\n",scope:[{name:"_Global",packageName:"@components/Global",component:u},{name:"antd",packageName:"antd",component:r}]},{title:"\u8b66\u544a\u63d0\u793a",description:"\u5c55\u793a\u4e86\u8b66\u544a\u63d0\u793a\u7684\u8986\u76d6\u6837\u5f0f",code:'const { PureGlobal } = _Global;\nconst { Alert, Space } = antd;\nconst { default: Icon } = icon;\n\nconst BasicExample = () => {\n return (\n <PureGlobal>\n <Space direction="vertical">\n <Alert message="\u8fd9\u662f\u4e00\u6761\u64cd\u4f5c\u6210\u529f\u7684\u72b6\u6001\u53cd\u9988" type="success" showIcon />\n <Alert message="\u8fd9\u662f\u4e00\u6761\u666e\u901a\u7684\u4fe1\u606f\u8bf4\u660e" type="info" showIcon />\n <Alert message="\u8fd9\u662f\u4e00\u6761\u63d0\u793a\u4fe1\u606f" type="warning" showIcon />\n <Alert message="\u8fd9\u662f\u4e00\u6761\u8bf7\u6c42\u5931\u8d25\u7684\u72b6\u6001\u53cd\u9988" type="error" showIcon />\n <Alert\n message="\u8fd9\u662f\u4e00\u6761\u8b66\u793a\u4fe1\u606f"\n type="error"\n showIcon\n icon={<Icon colorful type="icon-color-caisejingshi" />}\n />\n\n <Alert\n message="\u8fd9\u662f\u4e00\u6761\u64cd\u4f5c\u6210\u529f\u7684\u72b6\u6001\u53cd\u9988"\n description="\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a"\n type="success"\n showIcon\n />\n <Alert\n message="\u8fd9\u662f\u4e00\u6761\u666e\u901a\u7684\u4fe1\u606f\u8bf4\u660e"\n description="\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a"\n type="info"\n showIcon\n />\n <Alert\n message="\u8fd9\u662f\u4e00\u6761\u63d0\u793a\u4fe1\u606f"\n description="\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a"\n type="warning"\n showIcon\n />\n <Alert\n message="\u8fd9\u662f\u4e00\u6761\u8bf7\u6c42\u5931\u8d25\u7684\u72b6\u6001\u53cd\u9988"\n description="\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a"\n type="error"\n showIcon\n />\n <Alert\n message="\u8fd9\u662f\u4e00\u6761\u8b66\u793a\u4fe1\u606f"\n description="\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a"\n type="error"\n showIcon\n icon={<Icon colorful type="icon-color-caisejingshi" />}\n />\n\n <Alert\n message="\u8fd9\u662f\u4e00\u6761\u64cd\u4f5c\u6210\u529f\u7684\u72b6\u6001\u53cd\u9988"\n description="\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a"\n type="success"\n showIcon\n closable\n />\n <Alert\n message="\u8fd9\u662f\u4e00\u6761\u666e\u901a\u7684\u4fe1\u606f\u8bf4\u660e"\n description="\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a"\n type="info"\n showIcon\n closable\n />\n <Alert\n message="\u8fd9\u662f\u4e00\u6761\u63d0\u793a\u4fe1\u606f"\n description="\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a"\n type="warning"\n showIcon\n closable\n />\n <Alert\n message="\u8fd9\u662f\u4e00\u6761\u8bf7\u6c42\u5931\u8d25\u7684\u72b6\u6001\u53cd\u9988"\n description="\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a"\n type="error"\n showIcon\n closable\n />\n <Alert\n message="\u8fd9\u662f\u4e00\u6761\u8b66\u793a\u4fe1\u606f"\n description="\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a\u63d0\u793a"\n type="error"\n showIcon\n closable\n icon={<Icon colorful type="icon-color-caisejingshi" />}\n />\n </Space>\n </PureGlobal>\n );\n};\n\nrender(<BasicExample />);\n\n',scope:[{name:"_Global",packageName:"@components/Global",component:u},{name:"antd",packageName:"antd",component:r},{name:"icon",packageName:"@components/Icon",component:G}]},{title:"\u6309\u94ae",description:"\u5c55\u793a\u4e86\u6309\u94ae\u7684\u8986\u76d6\u6837\u5f0f",code:'const { PureGlobal } = _Global;\nconst { Button, Typography, Space } = antd;\nconst { default: Icon } = icon;\n\nconst BaseExample = () => {\n return (\n <PureGlobal>\n <Space direction="vertical">\n <Space>\n <Button size="large">\u5927\u6309\u94ae</Button>\n <Button>\u9ed8\u8ba4\u6309\u94ae</Button>\n <Button size="small">\u5c0f\u6309\u94ae</Button>\n </Space>\n <Space>\n <Button type="primary">\u6309\u94ae</Button>\n <Button type="link">\u6309\u94ae</Button>\n <Button type="text">\u6309\u94ae</Button>\n </Space>\n <Space>\n <Button danger>\u5371\u9669\u6309\u94ae</Button>\n <Button type="primary" danger>\n \u5371\u9669\u6309\u94ae\n </Button>\n <Button type="link" danger>\n \u5371\u9669\u6309\u94ae\n </Button>\n <Button type="text" danger>\n \u5371\u9669\u6309\u94ae\n </Button>\n </Space>\n <Space>\n <Button disabled>\u7981\u7528\u6309\u94ae</Button>\n <Button type="primary" danger disabled>\n \u7981\u7528\u5371\u9669\u6309\u94ae\n </Button>\n <Button type="link" disabled>\n \u7981\u7528Link\u6309\u94ae\n </Button>\n <Button type="text" disabled>\n \u7981\u7528Text\u6309\u94ae\n </Button>\n </Space>\n <Space>\n <Button type="text" icon={<Icon type="icon-tianjia" />}>\n \u56fe\u6807\u6309\u94ae\n </Button>\n <Button type="text">\n \u56fe\u6807\u6309\u94ae\u53f3\n <Icon type="icon-arrow-thin-down" />\n </Button>\n </Space>\n <Space>\n <Button type="primary" icon={<Icon type="icon-tianjia" />} />\n <Button icon={<Icon type="icon-tianjia" />} />\n <Button danger icon={<Icon type="icon-tianjia" />} />\n <Button type="link" icon={<Icon type="icon-tianjia" />} />\n <Button type="text" icon={<Icon type="icon-tianjia" />} />\n </Space>\n <Space>\n <Button type="primary" disabled icon={<Icon type="icon-tianjia" />} />\n <Button disabled icon={<Icon type="icon-tianjia" />} />\n <Button disabled danger icon={<Icon type="icon-tianjia" />} />\n <Button disabled type="link" icon={<Icon type="icon-tianjia" />} />\n <Button disabled type="text" icon={<Icon type="icon-tianjia" />} />\n </Space>\n <Space>\n <Typography.Link>Link\u6587\u5b57</Typography.Link>\n <Typography.Text className="ant-btn">\u6587\u5b57</Typography.Text>\n <Typography.Link>\n <Icon type="icon-tianjia" />\n Link\u6587\u5b57\n </Typography.Link>\n <Typography.Text className="ant-btn">\n <Icon type="icon-tianjia" />\n \u6587\u5b57\n </Typography.Text>\n <Typography.Link className="ant-btn-dangerous">\n Link\u6587\u5b57\n </Typography.Link>\n </Space>\n <Space>\n <Button className="btn-no-padding" type="link" size="large">\n \u5927\u6309\u94ae\n </Button>\n <Button className="btn-no-padding" type="link">\n \u9ed8\u8ba4\u6309\u94ae\n </Button>\n <Button className="btn-no-padding" type="link" size="small">\n \u5c0f\u6309\u94ae\n </Button>\n <Button className="btn-no-padding" type="text" size="large">\n \u5927\u6309\u94ae\n </Button>\n <Button className="btn-no-padding" type="text">\n \u9ed8\u8ba4\u6309\u94ae\n </Button>\n <Button className="btn-no-padding" type="text" size="small">\n \u5c0f\u6309\u94ae\n </Button>\n <Button className="btn-no-padding" type="link" size="large" danger>\n \u5927\u6309\u94ae\n </Button>\n <Button className="btn-no-padding" type="link" danger>\n \u9ed8\u8ba4\u6309\u94ae\n </Button>\n <Button className="btn-no-padding" type="link" size="small" danger>\n \u5c0f\u6309\u94ae\n </Button>\n </Space>\n </Space>\n </PureGlobal>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Global",packageName:"@components/Global",component:u},{name:"antd",packageName:"antd",component:r},{name:"icon",packageName:"@components/Icon",component:G}]},{title:"\u65e0\u8fb9\u6846\u6807\u7b7e",description:"\u5c55\u793a\u4e86\u65e0\u8fb9\u6846\u6807\u7b7e",code:'const { PureGlobal } = _Global;\nconst { Tag, Space } = antd;\n\nconst BasicExample = () => {\n return (\n <PureGlobal>\n <Space>\n <Tag className="no-border" closable>\n \u6807\u7b7e1\n </Tag>\n <Tag className="no-border" closable>\n \u6807\u7b7e2\n </Tag>\n <Tag className="no-border" closable>\n \u6807\u7b7e3\n </Tag>\n </Space>\n </PureGlobal>\n );\n};\n\nrender(<BasicExample />);\n\n',scope:[{name:"_Global",packageName:"@components/Global",component:u},{name:"antd",packageName:"antd",component:r}]}]}};const V={name:"HelperGuide",summary:"<p>\u7ed9\u7528\u6237\u63d0\u4f9b\u5e2e\u52a9\u6587\u6863</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!1,className:"HelperGuide_4e237",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: HelperGuide } = _HelperGuide;\nconst { PureGlobal } = Global;\nconst BaseExample = () => {\n return (\n <PureGlobal\n preset={{\n enums: {\n helperGuide: () => [\n {\n value: "test",\n content:\n "\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u554a\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u554a\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u554a\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u554a\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u554a\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u554a\u54c8\u54c8\u54c8",\n url: "/xxxx",\n },\n ],\n },\n }}\n >\n <HelperGuide name="test" />\n </PureGlobal>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_HelperGuide",packageName:"@components/HelperGuide",component:t(75363)},{name:"Global",packageName:"@components/Global",component:u}]}]}};var $=t(41153);const H={name:"Highlight",summary:"<p>\u7528\u4e8e\u663e\u793a\u6587\u672c\u9ad8\u4eae</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!1,className:"Highlight_0b905",style:"",list:[{title:"\u57fa\u672c\u6587\u5b57\u9ad8\u4eae",description:"\u5c55\u793a\u57fa\u672c\u6587\u5b57\u9ad8\u4eae",code:'const { default: Highlight, HighlightProvider } = _Highlight;\nconst BaseExample = () => {\n return (\n <HighlightProvider list={["\u54c8", "\u5443\u5443"]}>\n <Highlight>\u54c8\u54c8\u54c8\u897f\u897f\u897f\u897f\u5443\u5443\u5443</Highlight>\n </HighlightProvider>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Highlight",packageName:"@components/Highlight",component:$}]},{title:"xss\u6d4b\u8bd5",description:"xss\u6d4b\u8bd5",code:'const { default: Highlight, HighlightProvider } = _Highlight;\nconst BaseExample = () => {\n const str = \'<img src="/aaaa"/>\';\n return (\n <HighlightProvider list={["\u54c8", "\u5443\u5443"]}>\n <Highlight>\u54c8\u54c8\u54c8\u897f\u897f\u897f\u897f\u5443\u5443\u5443{str}</Highlight>\n </HighlightProvider>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Highlight",packageName:"@components/Highlight",component:$}]}]}};const Q={name:"HistoryStore",summary:"<p>\u5386\u53f2\u8bb0\u5f55\u63d0\u793a</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!1,className:"HistoryStore_a963f",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: HistoryStore } = _HistoryStore;\nconst { Input } = antd;\nconst { useState } = React;\nconst BaseExample = () => {\n const [value, setValue] = useState("");\n return (\n <HistoryStore\n onSelect={(value) => {\n setValue(value);\n }}\n >\n {({ appendHistory, openHistory }) => (\n <Input.Search\n value={value}\n onChange={(e) => {\n setValue(e.target.value);\n }}\n onFocus={openHistory}\n onSearch={(value) => {\n appendHistory({\n value,\n label: value,\n });\n }}\n />\n )}\n </HistoryStore>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_HistoryStore",packageName:"@components/HistoryStore",component:t(24666)},{name:"antd",packageName:"antd",component:r}]}]}};var W=t(89946);const q={name:"Icon",summary:"<p>\u53ef\u4ee5\u663e\u793a\u4e00\u4e2a\u56fe\u6807\uff0c\u56fe\u6807\u5fc5\u987b\u5728\u5b57\u4f53\u6587\u4ef6\u4e2d\u88ab\u5b9a\u4e49\u8fc7</p>",api:'<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td>\u56fe\u6807\u7c7b\u578b\uff0c\u53c2\u8003\u793a\u4f8b\u4e0b\u7684\u5b57\u7b26\u4e32</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>colorful</td>\n<td>\u662f\u5426\u662f\u5f69\u8272\u56fe\u6807</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>prefix</td>\n<td>\u56fe\u6807\u524d\u7f00</td>\n<td>string</td>\n<td>""</td>\n</tr>\n<tr>\n<td>size</td>\n<td>\u56fe\u6807\u5927\u5c0f</td>\n<td>number</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>',example:{isFull:!0,className:"Icon_81743",style:".Icon_81743 .item {\n width: 150px;\n word-break: break-all;\n}\n.Icon_81743 .item .ant-typography {\n position: relative;\n}\n.Icon_81743 .item .ant-typography-copy {\n visibility: hidden;\n position: absolute;\n right: -20px;\n}\n.Icon_81743 .item:hover .ant-typography-copy {\n visibility: visible;\n}",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Icon } = _Icon;\nconst { Slider, Space, Typography } = antd;\nconst { useState } = React;\nconst { createWithFetch } = ReactFetch;\nconst { loadFont } = Global;\nconst { default: axios } = _axios;\nconst { createWithRemoteLoader } = remoteLoader;\n\nconst BaseExample = createWithRemoteLoader({\n modules: ["components-iconfont:Font"],\n})(({ remoteModules }) => {\n const [Font] = remoteModules;\n const [value, setValue] = useState(30);\n return (\n <Space direction="vertical">\n <Space>\n <div>\u8c03\u6574\u5927\u5c0f:</div>\n <Slider\n style={{ width: 100 }}\n max={60}\n min={12}\n value={value}\n onChange={setValue}\n />\n <div>{value}px</div>\n </Space>\n {\n <Font>\n {({ list }) => {\n return (\n <Space wrap align="top" size="large">\n {list.map(({ name, font_class }) => {\n return (\n <Space\n className="item"\n direction="vertical"\n align="center"\n key={name}\n >\n <Icon type={font_class} size={value} />\n <Typography.Text\n copyable={{\n text:\n \'<Icon type="\' +\n font_class +\n \'" size={\' +\n value +\n "} />",\n }}\n >\n {font_class}\n </Typography.Text>\n <div>{name}</div>\n </Space>\n );\n })}\n </Space>\n );\n }}\n </Font>\n }\n </Space>\n );\n});\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Icon",packageName:"@components/Icon",component:G},{name:"antd",packageName:"antd",component:r},{name:"ReactFetch",packageName:"@kne/react-fetch",component:c},{name:"Global",packageName:"@components/Global",component:u},{name:"_axios",packageName:"axios",component:W},{name:"remoteLoader",packageName:"@kne/remote-loader",component:F}]},{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Icon } = _Icon;\nconst { Space, Slider, Typography } = antd;\nconst { useState } = React;\nconst { createWithFetch } = ReactFetch;\nconst { createWithRemoteLoader } = remoteLoader;\nconst { default: axios } = _axios;\n\nconst BaseExample = createWithRemoteLoader({\n modules: ["components-iconfont:ColorfulFont"],\n})(({ remoteModules }) => {\n const [ColorfulFont] = remoteModules;\n const [value, setValue] = useState(30);\n return (\n <Space direction="vertical">\n <Space>\n <div>\u8c03\u6574\u5927\u5c0f:</div>\n <Slider\n style={{ width: 100 }}\n max={60}\n min={12}\n value={value}\n onChange={setValue}\n />\n <div>{value}px</div>\n </Space>\n <ColorfulFont>\n {({ list }) => (\n <Space wrap align="top" size="large">\n {list.map(({ name }) => {\n return (\n <Space\n className="item"\n direction="vertical"\n align="center"\n key={name}\n >\n <Icon colorful type={name} size={value} />\n <Typography.Text\n copyable={{\n text:\n \'<Icon colorful type="\' +\n name +\n \'" size={\' +\n value +\n "} />",\n }}\n >\n {name}\n </Typography.Text>\n </Space>\n );\n })}\n </Space>\n )}\n </ColorfulFont>\n </Space>\n );\n});\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Icon",packageName:"@components/Icon",component:G},{name:"antd",packageName:"antd",component:r},{name:"ReactFetch",packageName:"@kne/react-fetch",component:c},{name:"Global",packageName:"@components/Global",component:u},{name:"_axios",packageName:"axios",component:W},{name:"remoteLoader",packageName:"@kne/remote-loader",component:F}]}]}};var K=t(40438);const X={name:"Image",summary:"<p>\u7528\u4e8e\u5c55\u793a\u4e00\u5f20\u56fe\u7247\uff0c\u548cimg\u6807\u7b7e\u4e0d\u540c\u7684\u662f\uff0c\u53ef\u4ee5\u5c55\u793a\u4e00\u5f20\u666e\u901a\u56fe\u7247\uff0c\u4e5f\u53ef\u4ee5\u901a\u8fc7id\u52a0\u8f7d\u4e00\u5f20oss\u56fe\u7247\uff0c\u5728\u52a0\u8f7doss\u5730\u5740\u548c\u56fe\u7247\u6570\u636e\u7684\u65f6\u5019\u4f1a\u663e\u793aloading\u72b6\u6001</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>src</td>\n<td>\u56fe\u7247\u7684src\u5730\u5740</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>id</td>\n<td>oss\u7684id</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>loading</td>\n<td>\u52a0\u8f7d\u65f6\u663e\u793a\u7684\u7ec4\u4ef6</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>error</td>\n<td>\u52a0\u8f7d\u9519\u8bef\u65f6\u663e\u793a\u7684\u7ec4\u4ef6</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>Image.Avatar</h3>\n<p>\u7528antd\u7684Avatar\u6765\u663e\u793a\u56fe\u7247\uff0c\u53ef\u4ee5\u663e\u793a\u9ed8\u8ba4\u7684\u7537\u5973\u5934\u50cf\uff0c\u5176\u4ed6\u53c2\u6570\u53c2\u8003antd\u7684Avatar\u7ec4\u4ef6</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>gender</td>\n<td>\u6027\u522b F\uff0cfemale\uff0cf\u4e3a\u5973\u5176\u4ed6\u4e3a\u7537</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!1,className:"Image_be53a",style:"",list:[{title:"\u901a\u8fc7src\u52a0\u8f7d\u4e00\u4e2a\u666e\u901a\u56fe\u7247",description:"\u901a\u8fc7src\u52a0\u8f7d\u4e00\u4e2a\u666e\u901a\u56fe\u7247",code:"const {default: Image} = _Image;\nconst BaseExample = () => {\n return <Image src={window.PUBLIC_URL + \"/logo512.png\"} style={{width: '100px', height: '100px'}}/>;\n};\n\nrender(<BaseExample/>);\n\n",scope:[{name:"_Image",packageName:"@components/Image",component:K}]},{title:"\u901a\u8fc7id\u52a0\u8f7d\u4e00\u4e2aoss\u56fe\u7247",description:"\u56fe\u7247\u4e00\u52a0\u8f7d\u6210\u529f\uff0c\u56fe\u7247\u4e8c\u52a0\u8f7d\u4e2d\uff0c\u56fe\u7247\u4e09\u52a0\u8f7d\u5931\u8d25",code:"const {default: Image} = _Image;\nconst {PureGlobal} = global;\nconst {Space} = antd;\nconst BaseExample = () => {\n return <PureGlobal preset={{\n apis: {\n oss: {\n loader: ({params}) => {\n if(params.id ==='logo513.png'){\n return new Promise(()=>{\n\n });\n }\n return new Promise((resolve) => {\n resolve(window.PUBLIC_URL + '/' + params.id);\n });\n\n }\n }\n }\n }}>\n <Space>\n <Image id=\"logo512.png\" style={{width: '100px', height: '100px'}}/>\n <Image id=\"logo513.png\" style={{width: '100px', height: '100px'}}/>\n <Image id=\"logo511.png\" style={{width: '100px', height: '100px'}}/>\n </Space>\n </PureGlobal>;\n};\n\nrender(<BaseExample/>);\n\n",scope:[{name:"_Image",packageName:"@components/Image",component:K},{name:"global",packageName:"@components/Global",component:u},{name:"antd",packageName:"antd",component:r}]},{title:"\u663e\u793a\u4e00\u4e2a\u5934\u50cf",description:"\u663e\u793a\u56fe\u7247\u5934\u50cf\u548c\u9ed8\u8ba4\u5934\u50cf",code:'const { default: Image } = _Image;\nconst { Space } = antd;\nconst BaseExample = () => {\n return (\n <Space>\n <Image.Avatar src={window.PUBLIC_URL + "/avatar.png"} shape="circle" />\n <Image.Avatar\n src={window.PUBLIC_URL + "/avatar.png"}\n shape="circle"\n size={80}\n />\n <Image.Avatar\n src={window.PUBLIC_URL + "/avatar.png"}\n shape="circle"\n size={50}\n />\n\n <Image.Avatar shape="circle" />\n <Image.Avatar gender="M" shape="circle" size={80} />\n <Image.Avatar gender="female" shape="circle" size={50} />\n <Image.Avatar gender="m" shape="circle" size={50} />\n </Space>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Image",packageName:"@components/Image",component:K},{name:"antd",packageName:"antd",component:r}]}]}};var Y=t(41381);const J={name:"InfoPage",summary:"<h3><em><code>InfoPage</code></em> \u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u4e00\u822c\u7528\u5728\u590d\u6742\u7684\u8be6\u60c5\u5c55\u793a\u9875\u9762\uff0c<code>InfoPage</code> \u63d0\u4f9b\u4e86\u4e00\u4e2a\u6807\u51c6\u7684\u5c55\u793a\u4fe1\u606f\u7684\u683c\u5f0f</p>\n<h3>\u7279\u70b9</h3>\n<ul>\n<li>\u652f\u6301 <code>Content</code> \u7ec4\u4ef6 <code>Descriptions</code> \u7ec4\u4ef6\u7684\u7ec4\u5408</li>\n<li>\u652f\u6301 <code>Collapse</code> \u7ec4\u4ef6\u7ec4\u5408</li>\n<li><code>InfoPage.Part</code>\u3001<code>InfoPage.Collapse</code> \u9700\u8981\u653e\u5728 <code>InfoPage</code> \u4e4b\u4e0b\uff0c<code>Content</code>\u3001<code>Descriptions</code> \u53ef\u4ee5\u4efb\u610f\u7ec4\u5408</li>\n</ul>\n<h3><em><code>Content</code></em> \u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u6210\u7ec4\u5c55\u793a\u591a\u4e2a\u5b57\u6bb5\uff0c\u5e38\u89c1\u4e8e\u8be6\u60c5\u9875\u7684\u4fe1\u606f\u5c55\u793a</p>\n<h3>\u7279\u70b9</h3>\n<p>labelAlign \u4e0d\u4e3a auto \u65f6\u4f1a\u81ea\u52a8\u8ba1\u7b97 label \u7684\u6700\u5c0f\u5bbd\u5ea6\u4f7f\u6240\u6709 label \u7684\u5bbd\u5ea6\u7b49\u4e8e\u6700\u957f\u7684 label \u5bbd\u5ea6\uff0c\u4f7f\u89c6\u89c9\u4e0a\u66f4\u52a0\u6574\u9f50\u6709\u79e9\u5e8f\u611f</p>",api:'<h3>InfoPage</h3>\n<p>\u540c <a href="https://ant.design/components/Card#api"><code>Ant Design Card</code></a></p>\n<p>\u65b0\u589e\u53c2\u6570\uff1a</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>subtitle</td>\n<td>\u526f\u6807\u9898</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>InfoPage</code> \u7684 <code>className</code></td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>InfoPage.Part</h4>\n<p>\u540c <a href="https://ant.design/components/Card#api"><code>Ant Design Card</code></a></p>\n<p>\u65b0\u589e\u53c2\u6570\uff1a</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>subtitle</td>\n<td>\u526f\u6807\u9898</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>Part</code> \u7684 <code>className</code></td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>InfoPage.Collapse</h4>\n<p>\u540c <a href="https://ant.design/components/Collapse#collapse"><code>Ant Design Collapse</code></a></p>\n<p>\u65b0\u589e\u53c2\u6570\uff1a</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>className</td>\n<td><code>Part</code> \u7684 <code>className</code></td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>Content</h3>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>list</td>\n<td><code>Content</code> \u7684\u5185\u5bb9\u5217\u8868</td>\n<td><code>listItemProps[]</code></td>\n<td>[]</td>\n</tr>\n<tr>\n<td>labelAlign</td>\n<td><code>label</code> \u7684\u5bf9\u9f50\u65b9\u5f0f\u53ef\u4ee5\u4f20\u5165\u7684\u503c <code>left,right,center,auto</code>,\u4e3a <code>auto</code> \u65f6 <code>label</code> \u4e0d\u8ba1\u7b97\u6700\u5c0f\u5bbd\u5ea6</td>\n<td>string</td>\n<td>left</td>\n</tr>\n<tr>\n<td>col</td>\n<td>\u5217\u6570</td>\n<td>number</td>\n<td>1</td>\n</tr>\n<tr>\n<td>size</td>\n<td>\u9ed8\u8ba4\u4e3a <code>14px</code>\uff0c\u53ef\u4ee5\u4f20\u503c\u4e3a <code>small</code>\uff0c<code>size</code> \u4e3a <code>small</code> \u65f6\u5b57\u53f7\u4e3a <code>12px</code></td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>gutter</td>\n<td>\u6805\u683c\u95f4\u9694\uff0c\u53ef\u4ee5\u5199\u6210\u50cf\u7d20\u503c\u6216\u652f\u6301\u54cd\u5e94\u5f0f\u7684\u5bf9\u8c61\u5199\u6cd5\u6765\u8bbe\u7f6e\u6c34\u5e73\u95f4\u9694 <code>{ xs: 8, sm: 16, md: 24}</code>\u3002\u6216\u8005\u4f7f\u7528\u6570\u7ec4\u5f62\u5f0f\u540c\u65f6\u8bbe\u7f6e [\u6c34\u5e73\u95f4\u8ddd, \u5782\u76f4\u95f4\u8ddd]</td>\n<td>number</td>\n<td>0</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>Content</code> \u7684 <code>className</code></td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>itemRender</td>\n<td>\u63a5\u6536 <code>Content Inner</code> \u548c <code>Inner</code> \u7684 <code>label, content, index</code>\uff0c\u53ef\u4ee5\u6839\u636e\u6570\u636e\u4fe1\u606f\u8fd4\u56de\u60f3\u8981\u6e32\u67d3\u7684\u5185\u5bb9</td>\n<td>function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>listItemProps</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>display</td>\n<td>\u6570\u636e\u662f\u5426\u5c55\u793a\uff0c\u5f53\u4e3a <code>function</code> \u65f6\u53ef\u4ee5\u63a5\u6536\u5230 <code>item, list</code> \u53c2\u6570\uff0c<code>item</code> \u4e3a\u5f53\u524d\u9879\u914d\u7f6e\uff0c<code>dataSource</code> \u4e3a\u6574\u4e2a\u7ec4\u4ef6\u7684 <code>dataSource</code> \u914d\u7f6e</td>\n<td>boolean \| function</td>\n<td>true</td>\n</tr>\n<tr>\n<td>block</td>\n<td>\u662f\u5426\u5355\u884c\u663e\u793a\u8be5\u6761\u4fe1\u606f</td>\n<td>ReactNode \| string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>label</td>\n<td>\u6807\u9898</td>\n<td>ReactNode \| string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>content</td>\n<td>\u5185\u5bb9</td>\n<td>ReactNode \| string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>Descriptions</h3>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>dataSource</td>\n<td>\u8be6\u60c5\u6570\u636e\u6e90\uff0c\u5185\u90e8\u6bcf\u4e2a\u6570\u7ec4\u4e3a\u4e00\u884c\u6570\u636e\uff0c\u6bcf\u884c\u6570\u636e\u4e2d\u6bcf\u4e2a\u5bf9\u8c61\u4e3a\u4e00\u5217\u6570\u636e\uff0c\u6bcf\u884c\u6700\u591a\u5305\u542b <code>2</code> \u5217\u5185\u5bb9\uff0c\u591a\u4f59\u7684\u4f1a\u88ab\u4e22\u5f03</td>\n<td><code>dataSourceItemProps[]</code></td>\n<td>-</td>\n</tr>\n<tr>\n<td>itemRender</td>\n<td>\u63a5\u6536 <code>Descriptions Inner</code> \u548c <code>Inner</code> \u7684 <code>label, content, displaty, index</code>\uff0c\u53ef\u4ee5\u6839\u636e\u6570\u636e\u4fe1\u606f\u8fd4\u56de\u60f3\u8981\u6e32\u67d3\u7684\u5185\u5bb9</td>\n<td>function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>dataSourceItemProps</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>display</td>\n<td>\u6570\u636e\u662f\u5426\u5c55\u793a\uff0c\u5f53\u4e3a <code>function</code> \u65f6\u53ef\u4ee5\u63a5\u6536\u5230 <code>item, dataSource</code> \u53c2\u6570\uff0c<code>item</code> \u4e3a\u5f53\u524d\u9879\u914d\u7f6e\uff0c<code>dataSource</code> \u4e3a\u6574\u4e2a\u7ec4\u4ef6\u7684 <code>dataSource</code> \u914d\u7f6e</td>\n<td>boolean \| function</td>\n<td>true</td>\n</tr>\n<tr>\n<td>label</td>\n<td>\u6570\u636e\u5c55\u793a\u7684\u6807\u9898</td>\n<td>ReactNode \| string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>content</td>\n<td>\u6570\u636e\u5c55\u793a\u7684\u5185\u5bb9</td>\n<td>ReactNode \| string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>',example:{isFull:!1,className:"InfoPage_fb7ea",style:"",list:[{title:"InfoPage",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: InfoPage } = _InfoPage;\nconst { Button } = antd;\n\nconst BaseExample = () => {\n return (\n <InfoPage>\n InfoPage\n <InfoPage.Part\n title="Part Title"\n subtitle="\u6211\u662f\u4e00\u4e2asubtitle"\n extra={<Button>\u64cd\u4f5c</Button>}\n >\n InfoPage.Part\n <InfoPage.Part\n title="Part Title"\n subtitle="\u6211\u662f\u4e00\u4e2asubtitle"\n extra={<Button>\u64cd\u4f5c</Button>}\n >\n InfoPage.InfoPage.Part\n </InfoPage.Part>\n </InfoPage.Part>\n <InfoPage.Collapse\n items={[\n {\n key: "1",\n label: "This is default size panel header",\n children: <p>InfoPage.Collapse</p>,\n },\n {\n key: "2",\n label: "This is default size panel header2",\n children: <p>InfoPage.Collapse2</p>,\n },\n ]}\n />\n </InfoPage>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_InfoPage",packageName:"@components/InfoPage",component:Y},{name:"antd",packageName:"antd",component:r}]},{title:"Content",description:"\u5c55\u793a\u4e86\u4e00\u4e2a\u57fa\u672c\u5185\u5bb9",code:'const { Content } = _InfoPage;\nconst { Space, Radio } = antd;\nconst { useState } = React;\n\nconst BaseExample = () => {\n const [listProps, setListProps] = useState({\n col: 1,\n size: "default",\n labelAlign: "left",\n });\n const onChange = (e, name) => {\n const val = e?.target.value;\n setListProps((prevState) => Object.assign({}, prevState, { [name]: val }));\n };\n\n return (\n <Space direction="vertical" size={12}>\n <Radio.Group onChange={(e) => onChange(e, "col")} value={listProps.col}>\n <Radio.Button value={1}>1\u5217</Radio.Button>\n <Radio.Button value={2}>2\u5217</Radio.Button>\n <Radio.Button value={3}>3\u5217</Radio.Button>\n </Radio.Group>\n <Radio.Group\n onChange={(e) => onChange(e, "labelAlign")}\n value={listProps.labelAlign}\n >\n <Radio.Button value="left">\u5de6\u5bf9\u9f50</Radio.Button>\n <Radio.Button value="center">\u4e2d\u5fc3\u5bf9\u9f50</Radio.Button>\n <Radio.Button value="right">\u53f3\u5bf9\u9f50</Radio.Button>\n <Radio.Button value="auto">\u81ea\u9002\u5e94</Radio.Button>\n </Radio.Group>\n <Radio.Group onChange={(e) => onChange(e, "size")} value={listProps.size}>\n <Radio.Button value="default">\u9ed8\u8ba4</Radio.Button>\n <Radio.Button value="small">small</Radio.Button>\n </Radio.Group>\n <Content\n {...listProps}\n list={[\n { label: "\u6807\u9898", content: "\u5185\u5bb9" },\n { label: "\u6807\u9898\u6807\u9898", content: "\u5185\u5bb9\u5185\u5bb9" },\n {\n label: "\u6807\u9898\u6807",\n content: "\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9",\n },\n {\n label: "\u6807\u9898\u6807\u9898\u6807\u9898",\n content:\n "\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9",\n },\n ]}\n itemRender={(inner, other) => {\n return other?.index === 2 ? "\u6b64\u5904\u5185\u5bb9\u989d\u5916\u81ea\u5b9a\u4e49" : inner;\n }}\n />\n </Space>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_InfoPage",packageName:"@components/InfoPage",component:Y},{name:"antd",packageName:"antd",component:r}]},{title:"Descriptions",description:"\u5c55\u793a\u4e00\u4e2a\u4fe1\u606f\u8be6\u60c5",code:'const { Descriptions } = _InfoPage;\n\nconst BaseExample = () => {\n return (\n <Descriptions\n dataSource={[\n [\n { label: "\u5ba2\u6237\u540d\u79f0", content: "\u817e\u8baf" },\n {\n label: "\u53d1\u7968\u62ac\u5934",\n content: "\u817e\u8baf\u79d1\u6280\u516c\u53f8",\n },\n ],\n [\n { label: "\u53d1\u7968\u7c7b\u578b", content: "\u589e\u503c\u7a0e\u4e13\u7528\u53d1\u7968" },\n {\n label: "\u53d1\u7968\u5f00\u5177\u65e5\u671f",\n content: "2022-08-15",\n },\n ],\n [{ label: "\u9000\u7968\u91d1\u989d", content: "22000.00\u5143" }],\n [\n {\n label: "\u53d1\u7968\u53f7",\n content: (\n <div>\n <div>00384895992774</div>\n <div>00384895992774</div>\n <div>00384895992774</div>\n <div>00384895992774</div>\n </div>\n ),\n },\n ],\n [\n { label: "\u662f\u5426\u9700\u8981\u91cd\u5f00\u53d1\u7968", content: "\u5426" },\n {\n label: "\u662f\u5426\u6d89\u53ca\u91d1\u878d\u53d8\u52a8",\n content: "\u5426",\n },\n ],\n [\n { label: "\u662f\u5426\u9020\u6210\u5b9e\u8d28\u635f\u5931", content: "\u5426" },\n { label: "\u8d23\u4efb\u5f52\u5c5e", content: "\u5ba2\u6237\u539f\u56e0" },\n ],\n [\n {\n label: "\u9000\u7968\u539f\u56e0",\n content: "\u9000\u7968\u539f\u56e0\u7684\u63cf\u8ff0\u9000\u7968\u539f\u56e0\u7684\u63cf\u8ff0\u9000\u7968\u539f\u56e0\u7684\u63cf",\n },\n ],\n [{ label: "\u9644\u4ef6", content: "\u9644\u4ef6\u540d\u79f0" }],\n [\n { label: "\u64cd\u4f5c\u65f6\u95f4", content: "2022-08-01 16:32" },\n { label: "\u64cd\u4f5c\u4eba", content: "\u897f\u897f\u6b6a", display: false },\n ],\n [\n {\n label: "\u8d85\u957f\u5185\u5bb9",\n content:\n "\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9",\n },\n {\n label: "\u8d85\u957f\u82f1\u6587",\n content:\n "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa",\n },\n ],\n ]}\n />\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_InfoPage",packageName:"@components/InfoPage",component:Y},{name:"antd",packageName:"antd",component:r}]},{title:"CentralContent",description:"\u8bf7\u5c3d\u91cf\u4f7f\u7528\u8be5\u7ec4\u4ef6\u4ee3\u66ffDescriptions\u7ec4\u4ef6\u3002\u8be5\u7ec4\u4ef6\u6bd4Descriptions\u7ec4\u4ef6\u6dfb\u52a0\u4e86\u6570\u636e\u683c\u5f0f\u5316\u548c\u7075\u6d3b\u7684\u7a7a\u5224\u65ad\u548c\u81ea\u5b9a\u4e49\u7a7a\u5c55\u793a\uff0c\u5e76\u4e14\u4f18\u5316\u4e86\u6392\u5217\uff0c\u53ef\u4ee5\u5b9e\u73b0\u4efb\u4f55\u6805\u683c\u5927\u5c0f\u7684\u6570\u636e\u9879\u590d\u6742\u7ec4\u5408\u3002\u5b9e\u73b0\u4e86\u5c3e\u884c\u4f18\u5316\uff0c\u4f7f\u4f60\u4e0d\u5fc5\u62c5\u5fc3\u672b\u5c3e\u9879\u7684\u5bbd\u5ea6\u95ee\u9898\uff0c\u7a0b\u5e8f\u4f1a\u81ea\u52a8\u8ba1\u7b97\u5e76\u5360\u6ee1\u8be5\u884c\u3002",code:'const { CentralContent } = _InfoPage;\n\nconst BaseExample = () => {\n return (\n <CentralContent\n dataSource={{\n id: "RC00101",\n name: "\u5f20\u4e09",\n birthday: "2020-03-03",\n addTime: new Date(),\n count: 2000.1322,\n count2: 0.01234565,\n count3: 1234523,\n description: `\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\n\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\n\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0`,\n description2: `\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0`,\n }}\n col={3}\n columns={[\n {\n name: "id",\n title: "ID",\n block: true,\n },\n {\n name: "name",\n title: "\u59d3\u540d",\n span: 10,\n },\n {\n name: "birthday",\n title: "\u51fa\u751f\u65e5\u671f",\n format: "date",\n },\n {\n name: "addTime",\n title: "\u6dfb\u52a0\u65f6\u95f4",\n format: "datetime",\n },\n {\n name: "count",\n title: "\u6570\u91cf",\n format: "number",\n },\n {\n name: "count2",\n title: "\u767e\u5206\u6bd4",\n format: "number-percent money-\u767e\u5206\u6bd4",\n },\n {\n name: "count3",\n title: "\u4e07\u5143",\n format: "number--10000",\n render: (value) => `${value}\u4e07\u5143`,\n },\n {\n name: "empty",\n title: "\u7a7a\u503c\u663e\u793a",\n },\n {\n name: "empty2",\n title: "\u7a7a\u503c\u663e\u793a2",\n placeholder: "\u7a7a",\n },\n {\n name: "empty3",\n title: "\u7a7a\u503c\u663e\u793a3",\n emptyIsPlaceholder: false,\n },\n {\n name: "description",\n title: "\u63cf\u8ff0",\n },\n {\n name: "description2",\n title: "\u63cf\u8ff0",\n },\n ]}\n />\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_InfoPage",packageName:"@components/InfoPage",component:Y},{name:"antd",packageName:"antd",component:r}]},{title:"TableView",description:"",code:'const { TableView } = _InfoPage;\nconst { Flex } = antd;\nconst { useState } = React;\n\nconst dataSource = [\n {\n id: "RC00101",\n name: "\u5f20\u4e09",\n birthday: "2020-03-03",\n addTime: new Date(),\n count: 2000.1322,\n count2: 0.01234565,\n count3: 1234523,\n description: `\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0`,\n },\n {\n id: "RC00102",\n name: "\u674e\u56db",\n birthday: "2020-03-03",\n addTime: new Date(),\n count: 2000.1322,\n count2: 0.01234565,\n count3: 1234523,\n description: `\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0`,\n },\n {\n id: "RC00103",\n name: "\u738b\u4e94",\n birthday: "2020-03-03",\n addTime: new Date(),\n count: 2000.1322,\n count2: 0.01234565,\n count3: 1234523,\n description: `\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0`,\n },\n {\n id: "RC00104",\n name: "\u9a6c\u4e03",\n birthday: "2020-03-03",\n addTime: new Date(),\n count: 2000.1322,\n count2: 0.01234565,\n count3: 1234523,\n description: `\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0`,\n },\n];\n\nconst columns = [\n {\n name: "id",\n title: "ID",\n },\n {\n name: "name",\n title: "\u59d3\u540d",\n },\n {\n name: "birthday",\n title: "\u51fa\u751f\u65e5\u671f",\n format: "date",\n },\n {\n name: "addTime",\n title: "\u6dfb\u52a0\u65f6\u95f4",\n format: "datetime",\n },\n {\n name: "count",\n title: "\u6570\u91cf",\n format: "number",\n },\n {\n name: "description",\n title: "\u63cf\u8ff0",\n span: 10,\n },\n];\n\nconst WithCheckbox = () => {\n const [selectKeys, setSelectKeys] = useState([]);\n return (\n <TableView\n dataSource={dataSource}\n columns={columns}\n rowSelection={{\n type: "checkbox",\n allowSelectedAll: true,\n selectedRowKeys: selectKeys,\n onChange: setSelectKeys,\n }}\n />\n );\n};\n\nconst WithSelected = () => {\n const [selectKeys, setSelectKeys] = useState([]);\n return (\n <TableView\n dataSource={dataSource}\n columns={columns}\n rowSelection={{\n selectedRowKeys: selectKeys,\n onChange: setSelectKeys,\n }}\n />\n );\n};\n\nconst BaseExample = () => {\n return (\n <Flex vertical gap={10}>\n <TableView dataSource={dataSource} columns={columns} />\n <WithCheckbox />\n <WithSelected />\n <TableView dataSource={[]} columns={columns} />\n <div\n style={{\n height: "200px",\n overflowY: "scroll",\n }}\n >\n <TableView dataSource={dataSource} columns={columns} sticky />\n </div>\n </Flex>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_InfoPage",packageName:"@components/InfoPage",component:Y},{name:"antd",packageName:"antd",component:r}]},{title:"Flow",description:"",code:'const { Space, Flex, Divider } = antd;\nconst { Flow } = _InfoPage;\nconst BaseExample = () => {\n return (\n <Flex vertical gap={8}>\n <Flow\n current={2}\n dataSource={[\n {\n title: "title1",\n description: "This is a description.",\n createTime: "2022-08-15 10:29",\n descriptionContent: [\n {\n name: "\u738b\u5efa\u56fd1",\n action: "\u6dfb\u52a0\u4e86\u5907\u6ce8",\n time: "2023-08-15 10:30",\n content: "test",\n },\n {\n name: "\u738b\u5efa\u56fd2",\n action: "\u6dfb\u52a0\u4e86\u5907\u6ce8",\n time: "2023-08-15 10:31",\n content: "test",\n },\n ],\n },\n {\n title: "\u81ea\u5b9a\u4e49DescriptionContentItem\u6e32\u67d3\u6837\u5f0f",\n description: "This is a description.",\n descriptionContent: [\n {\n name: "\u738b\u5efa\u56fd3",\n action: "\u6dfb\u52a0\u4e86\u5907\u6ce8",\n time: "08-15 10:30",\n content: "test",\n },\n {\n name: "\u738b\u5efa\u56fd4",\n action: "\u6dfb\u52a0\u4e86\u5907\u6ce8",\n time: "08-15 10:31",\n content: "test",\n },\n ],\n },\n { title: "title3", description: "This is a description." },\n {\n title: "title4",\n description: "This is a description.",\n },\n ]}\n columns={[\n {\n name: "title",\n },\n {\n name: "description",\n },\n {\n type: "subTitle",\n name: "createTime",\n format: "datetime",\n },\n {\n name: "status",\n },\n {\n type: "actionList",\n name: "descriptionContent",\n children: [\n {\n name: "name",\n },\n {\n name: "action",\n },\n {\n type: "options",\n name: "time",\n format: "datetime",\n },\n {\n name: "content",\n render: (item, { target }) => {\n return `@@@@@${target.name}-${target.action}-${target.content}`;\n },\n },\n ],\n },\n ]}\n />\n <Flow\n direction="horizontal"\n progressDot\n dataSource={[\n {\n title: "finish",\n description: "This is a description.",\n status: "finish",\n },\n {\n title: "process",\n description: "This is a description.",\n status: "process",\n },\n {\n title: "error",\n description: "This is a description.",\n status: "error",\n },\n {\n title: "wait",\n description: "This is a description.",\n status: "wait",\n },\n ]}\n />\n\n <Flow\n direction="vertical"\n progressDot\n dataSource={[\n {\n title: "finish",\n description: "This is a description.",\n status: "finish",\n },\n {\n title: "process",\n description: "This is a description.",\n status: "process",\n },\n {\n title: "error",\n description: "This is a description.",\n status: "error",\n },\n {\n title: "wait",\n description: "This is a description.",\n status: "wait",\n },\n ]}\n />\n <Flow\n dataSource={[\n {\n title: "finish",\n description: "This is a description.",\n subTitle: "2023-08-15 10:29",\n status: "finish",\n },\n {\n title: "process",\n description: "This is a description.",\n status: "process",\n },\n {\n title: "error",\n description: "This is a description.",\n status: "error",\n },\n {\n title: "wait",\n description: "This is a description.",\n status: "wait",\n },\n ]}\n columns={[{ name: "subTitle", format: "datetime" }]}\n />\n </Flex>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_InfoPage",packageName:"@components/InfoPage",component:Y},{name:"antd",packageName:"antd",component:r}]}]}};var Z=t(47458);const nn={ButtonText:"confirm"},en={ButtonText:"\u786e\u5b9a"},tn={name:"Intl",summary:"<p>\u652f\u6301\u7cfb\u7edf\u56fd\u9645\u5316</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!1,className:"Intl_51734",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:"const {FormattedMessage, IntlProvider} = _Intl;\nconst {PureGlobal} = global;\nconst {Select, Space} = antd;\nconst {default: en} = localeEN;\nconst {default: cn} = localeCN;\nconst {useState} = React;\nconst BaseExample = () => {\n const [locale, setLocale] = useState('zh-CN');\n return (<Space>\n <Select value={locale} onChange={setLocale}\n options={['zh-CN', 'en-US'].map(key => ({value: key, label: key}))}/>\n <PureGlobal\n preset={{\n locale\n }}\n >\n <IntlProvider locale={locale} importMessages={locale => {\n return {\n default: {\n 'zh-CN': cn, 'en-US': en\n }[locale]\n };\n }}>\n <FormattedMessage defaultMessage=\"\u6309\u94ae\" id=\"ButtonText\">\n {text => <div>{text}</div>}\n </FormattedMessage>\n </IntlProvider>\n\n </PureGlobal>\n </Space>);\n};\n\nrender(<BaseExample/>);\n\n",scope:[{name:"_Intl",packageName:"@components/Intl",component:Z},{name:"global",packageName:"@components/Global",component:u},{name:"antd",packageName:"antd",component:r},{name:"localeEN",packageName:"@components/Intl/doc/locale/en-US",component:a},{name:"localeCN",packageName:"@components/Intl/doc/locale/zh-CN",component:o}]}]}},an={name:"Layout",summary:"<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u6bcf\u4e2a\u767b\u5f55\u540e\u7684\u7cfb\u7edf\u9875\u9762\u90fd\u5e94\u8be5\u5728Layout\u7684\u6846\u67b6\u4e4b\u4e0b\uff0c\u5b83\u5b9a\u4e49\u4e86\u9875\u9762\u7684\u57fa\u672c\u6846\u67b6\u3002\u6839\u636e\u8bbe\u8ba1\u5bf9\u4e8e\u9875\u9762\u7684\u4e0d\u540c\u8981\u6c42\uff0c\u9002\u5f53\u9009\u62e9\u4e0d\u540c\u7684\u7ec4\u5408</p>\n<h3>\u7279\u70b9</h3>\n<p>Layout\u5c06\u6574\u4e2a\u9875\u9762\u5212\u5206\u6210\u4ee5\u4e0b\u51e0\u4e2a\u533a\u57df</p>\n<ol>\n<li>\u5bfc\u822a\u533a</li>\n<li>\u5185\u5bb9\u533a</li>\n<li>\u5de6\u83dc\u5355\u533a</li>\n<li>\u53f3\u64cd\u4f5c\u533a</li>\n<li>\u9875\u5934\u533a</li>\n<li>\u9875\u5934\u4fe1\u606f\u533a</li>\n<li>\u9875\u9762\u6807\u9898\u533a</li>\n</ol>\n<p>\u901a\u8fc7\u7ed9Page\u914d\u7f6e\u4e0d\u540c\u7684\u53c2\u6570\u5b9e\u73b0\u4e0d\u540c\u533a\u57df\u7684\u663e\u793a</p>\n<h3>\u6ce8\u610f</h3>\n<ul>\n<li>Page\u7684name\u53c2\u6570\u5fc5\u987b\u8981\u4f20\uff0c\u7528\u6765\u5728\u9875\u9762\u8df3\u8f6c\u65f6\u786e\u5b9aPage\u662f\u4e0d\u662f\u540c\u4e00\u4e2a\uff0c\u51b3\u5b9a\u7740Page\u662f\u5426\u8d70install\u5468\u671f</li>\n<li>Page\u7ec4\u4ef6\u7684\u53c2\u6570\u662f\u901a\u8fc7Context\u4fdd\u5b58\u5728Layout\u4e2d\u7684\uff0c\u8fd9\u6837\u505a\u7684\u76ee\u7684\u662f\u4e3a\u4e86\u8ba9\u9875\u9762\u8df3\u8f6c\u65f6\uff0c\u9664\u9875\u9762\u533a\u4ee5\u5916\u7684\u533a\u57df\u5728\u524d\u540e\u4fe9\u9875\u9762\u5dee\u522b\u4e0d\u5927\u7684\u60c5\u51b5\u4e0b\u8d70\u66f4\u65b0\u5468\u671f\u800c\u4e0d\u662finstall\u5468\u671f\uff0c\u4ee5\u6b64\u5e26\u6765\u66f4\u5feb\u7684\u6e32\u67d3\u901f\u5ea6\u907f\u514d\u4e0d\u5fc5\u8981\u7684\u91cd\u590d\u5b89\u88c5\u548c\u5378\u8f7d</li>\n<li>\u8bf7\u5c3d\u91cf\u901a\u8fc7Page\u63d0\u4f9b\u7684\u53c2\u6570\u6765\u914d\u7f6e\u51fa\u8bbe\u8ba1\u8981\u6c42\u7684\u9875\u9762\uff0c\u4e0d\u8981\u81ea\u884c\u7528css\u5b9e\u73b0\uff0c\u4ee5\u4fbf\u4e8eLayout\u7ec4\u4ef6\u80fd\u4ece\u6574\u4f53\u63a7\u5236\u9875\u9762\u7684\u57fa\u672c\u5f62\u5f0f\u548c\u4e0d\u540c\u533a\u57df\u7684padding\u548cmargin\uff0c\u8ba9\u7cfb\u7edf\u66f4\u52a0\u7edf\u4e00\u5316\u6807\u51c6\u5316</li>\n</ul>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>navigation</td>\n<td>\u5bfc\u822a\u53c2\u6570\u53c2\u8003 Navigation \u7ec4\u4ef6\u53c2\u6570</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>children</td>\n<td>\u4e00\u822c\u653e\u7f6ePage\u7ec4\u4ef6</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>Page</h3>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>menu</td>\n<td>\u5de6\u83dc\u5355\u533a\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>filter</td>\n<td>\u9875\u9762\u6807\u9898\u4f4d\u7f6e\u7b5b\u9009\u5668\u53c2\u6570,\u53c2\u8003 Filter \u7ec4\u4ef6\u53c2\u6570</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>menuOpen</td>\n<td>\u5de6\u83dc\u5355\u662f\u5426\u9ed8\u8ba4\u6253\u5f00</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>menuWidth</td>\n<td>\u5de6\u83dc\u5355\u5bbd\u5ea6</td>\n<td>string</td>\n<td>240px</td>\n</tr>\n<tr>\n<td>menuFixed</td>\n<td>\u5de6\u83dc\u5355\u662f\u5426fixed\u5e03\u5c40</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>menuCloseButton</td>\n<td>\u63a7\u5236\u5de6\u83dc\u5355\u663e\u793a\u9690\u85cf\u7684\u6309\u94ae\u662f\u5426\u663e\u793a</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>header</td>\n<td>\u9875\u5934\u533a\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>headerFixed</td>\n<td>\u9875\u5934\u533a\u662f\u5426fixed\u5e03\u5c40</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>headerInfo</td>\n<td>\u9875\u5934\u4fe1\u606f\u533a\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>backUrl</td>\n<td>\u53f3\u4fa7\u5185\u5bb9\u533a\u7684\u6807\u9898\u524d\u5c55\u793a\u8fd4\u56de\u6309\u94ae\uff0c\u5e76\u8fd4\u56de\u5230\u8be5url</td>\n<td>\u53c2\u8003 useNavigate</td>\n<td>-</td>\n</tr>\n<tr>\n<td>title</td>\n<td>\u9875\u9762\u6807\u9898</td>\n<td>string,jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>titleExtra</td>\n<td>\u9875\u9762\u6807\u9898\u533a\u53f3\u4fa7\u4f4d\u7f6e\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>titleLeftExtra</td>\n<td>\u9875\u9762\u6807\u9898\u533a\u5de6\u4fa7\u4f4d\u7f6e\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>noMargin</td>\n<td>\u9875\u9762\u5185\u5bb9\u533a\u662f\u5426\u53bb\u6389Margin</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>noPadding</td>\n<td>\u9875\u9762\u5185\u5bb9\u533a\u662f\u5426\u53bb\u6389Padding</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>option</td>\n<td>\u53f3\u64cd\u4f5c\u533a\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>optionWidth</td>\n<td>\u53f3\u64cd\u4f5c\u533a\u5bbd\u5ea6</td>\n<td>string</td>\n<td>400px</td>\n</tr>\n<tr>\n<td>optionNoPadding</td>\n<td>\u53f3\u64cd\u4f5c\u533a\u662f\u5426\u53bb\u6389Padding</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>optionFixed</td>\n<td>\u53f3\u64cd\u4f5c\u533a\u662f\u5426fixed\u5e03\u5c40</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>optionFooter</td>\n<td>\u53f3\u64cd\u4f5c\u533a\u5e95\u90e8\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>openFeatures</td>\n<td>Page\u662f\u5426\u542f\u7528Features\uff0c\u542f\u7528\u65f6\u5982\u679c\u914d\u7f6e\u6587\u4ef6\u4e2d\u6ca1\u6709\u8be5\u6a21\u5757id\u5219\u5224\u65ad\u4e3a\u6a21\u5757\u5173\u95ed\uff0c\u4f1a\u5c06name\u4f5c\u4e3aFeatures\u7684id\u8fdb\u884c\u8bbe\u7f6e</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n</tbody>\n</table>\n<h3>Affix</h3>\n<p>\u53ef\u4ee5\u63a7\u5236\u5176\u4e2d\u7684\u5185\u5bb9\u662f\u5426\u662ffixed\u5e03\u5c40</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>isFixed</td>\n<td>\u5185\u5bb9\u662f\u5426fixed\u5e03\u5c40</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>offsetTop</td>\n<td>\u8ddd\u79bb\u7a97\u53e3\u9876\u90e8\u8fbe\u5230\u6307\u5b9a\u504f\u79fb\u91cf\u540e\u89e6\u53d1</td>\n<td>number</td>\n<td>0</td>\n</tr>\n<tr>\n<td>offsetBottom</td>\n<td>\u8ddd\u79bb\u7a97\u53e3\u5e95\u90e8\u8fbe\u5230\u6307\u5b9a\u504f\u79fb\u91cf\u540e\u89e6\u53d1</td>\n<td>number</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onChange</td>\n<td>\u56fa\u5b9a\u72b6\u6001\u6539\u53d8\u65f6\u89e6\u53d1\u7684\u56de\u8c03\u51fd\u6570</td>\n<td>function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>Menu</h3>\n<p>\u663e\u793a\u4e00\u4e2a\u83dc\u5355\uff0c\u6700\u591a\u652f\u6301\u4e24\u7ea7\uff0c\u652f\u6301\u7b2c\u4e00\u7ea7\u5c55\u5f00\u6536\u8d77\uff0c\u652f\u6301\u8def\u5f84\u5339\u914d\u81ea\u52a8\u9ad8\u4eae</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>items</td>\n<td>\u83dc\u5355\u9879</td>\n<td>array[object]</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>items[].label</td>\n<td>\u83dc\u5355\u9879\u663e\u793a\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>items[].key</td>\n<td>\u83dc\u5355\u9879\u7684key\u8981\u6c42\u5fc5\u987b\u552f\u4e00</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>items[].iconType</td>\n<td>\u83dc\u5355\u9879\u524d\u9762\u7684icon\u7c7b\u578b\u53c2\u8003 Icon\u7ec4\u4ef6\u7684type\u53c2\u6570</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>items[].path</td>\n<td>\u83dc\u5355\u9879\u7684\u8def\u5f84</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>items[].onClick</td>\n<td>\u83dc\u5355\u9879\u70b9\u51fb\u89e6\u53d1\u4e8b\u4ef6\uff0c\u6ce8\u610f\uff1a\u5982\u679c\u83dc\u5355\u9879\u5df2\u7ecf\u4f20\u5165path\u53c2\u6570\u5219\u8be5\u53c2\u6570\u4e0d\u751f\u6548</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>items[].children</td>\n<td>\u83dc\u5355\u9879\u7684\u7b2c\u4e8c\u7ea7\u9879\u5217\u8868\uff0c\u53c2\u8003items\u53c2\u6570\u3002\u6ce8\u610f\u8be5\u7ec4\u4ef6\u53ea\u652f\u6301\u4e24\u7ea7\u83dc\u5355\uff0c\u6240\u4ee5\u8be5\u53c2\u6570\u5185\u90e8\u7684\u83dc\u5355\u9879\u4e0d\u518d\u652f\u6301children\u53c2\u6570</td>\n<td>array[object]</td>\n<td>-</td>\n</tr>\n<tr>\n<td>currentKey</td>\n<td>\u5f53\u524d\u88ab\u9009\u4e2d\u7684\u83dc\u5355\u9879\u7684key\uff0c\u5982\u679c\u83dc\u5355\u9879\u53c8path\u53c2\u6570\uff0c\u4e0d\u9700\u8981\u4f20\u9012\u8be5\u53c2\u6570\uff0c\u7ec4\u4ef6\u4f1a\u6839\u636e\u8def\u7531\u81ea\u52a8\u5224\u65ad\u9009\u4e2d\u9879</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onChange</td>\n<td>currentKey\u4ea7\u751f\u4fee\u6539\u65f6\u89e6\u53d1\u51fd\u6570\uff0c\u6ce8\u610f\uff1a\u5982\u679c\u83dc\u5355\u9879\u5df2\u7ecf\u4f20\u5165path\u53c2\u6570\u5219\u8be5\u53c2\u6570\u4e0d\u751f\u6548</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>allowCollapsed</td>\n<td>\u662f\u5426\u5141\u8bb8\u4e00\u7ea7\u83dc\u5355\u6536\u8d77</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>defaultOpenKeys</td>\n<td>\u521d\u59cb\u5c55\u5f00\u7684 SubMenu \u83dc\u5355\u9879 key \u6570\u7ec4</td>\n<td>string[]</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>PermissionsPage</h3>\n<p>\u52a0\u5165\u6743\u9650\u5224\u65ad\u7684Page\uff0c\u9519\u8bef\u7c7b\u578b\u9ed8\u8ba4\u4e3aerror\uff0c\u5373\u5728\u8be5\u9875\u9762\u6ca1\u6709\u6743\u9650\u65f6\u663e\u793a\u9519\u8bef</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>permissions</td>\n<td>\u6743\u9650\u5217\u8868\u53c2\u8003 Permissions \u7ec4\u4ef6\u53c2\u6570</td>\n<td>object</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!0,className:"Layout_ebd9b",style:".Layout_ebd9b .layout-content {\n color: #fff;\n background: var(--primary-color-4);\n height: 100%;\n text-align: center;\n line-height: 300px;\n}\n.Layout_ebd9b .with-title-layout-content {\n height: 100%;\n}\n.Layout_ebd9b .layout-menu {\n background: #ff9c6e;\n color: #fff;\n height: 110vh;\n text-align: center;\n line-height: 300px;\n}\n.Layout_ebd9b .header {\n background: #ff9c6e;\n height: 100px;\n padding: 10px;\n color: #fff;\n}\n.Layout_ebd9b .right-options {\n background: var(--primary-color-4);\n height: 110vh;\n color: #fff;\n}\n.Layout_ebd9b .header-info {\n padding: 10px;\n height: 100px;\n background: var(--primary-color-4);\n color: #fff;\n}",list:[{title:"\u57fa\u7840\u4e0a\u4e0b\u5e03\u5c40",description:"\u5c55\u793a\u6700\u57fa\u7840\u7684\u4e0a\u5bfc\u822a\u680f\uff0c\u4e0b\u5185\u5bb9\u7684\u5e03\u5c40",code:'const { default: Layout, Page } = _Layout;\nconst { PureGlobal } = global;\nconst BaseExample = () => {\n return (\n <PureGlobal\n preset={{\n enums: {\n helperGuide: () => [\n {\n value: "base-detail",\n content: "\u6d4b\u8bd5\u5e2e\u52a9\u6587\u6863",\n url: "/",\n },\n ],\n },\n }}\n >\n <Layout navigation={{ isFixed: false }}>\n <Page name="base" helperGuideName="base-detail">\n <div className="layout-content">\u5185\u5bb9\u533a</div>\n </Page>\n </Layout>\n </PureGlobal>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Layout",packageName:"@components/Layout",component:k},{name:"global",packageName:"@components/Global",component:u}]},{title:"\u5e26\u6709\u5de6\u4fa7\u83dc\u5355\u5e03\u5c40",description:"\u5c55\u793a\u5e26\u6709\u5de6\u4fa7\u83dc\u5355\u5e03\u5c40",code:'const { default: Layout, Page, Menu } = layout;\nconst { Button, Space } = antd;\nconst { PureGlobal } = global;\n\nconst Example = () => {\n return (\n <Layout navigation={{ isFixed: false }}>\n <Page\n name="left-menu"\n menuFixed={false}\n menu={\n <Menu\n items={[\n {\n label: "\u7236\u7ea7\u6807\u98981",\n key: "p-0",\n iconType: "icon-zhanghaodenglu",\n children: [\n {\n label: "\u5b50\u6807\u98981",\n key: "s-0",\n path: "/link1",\n },\n {\n label: "\u5b50\u6807\u98982",\n key: "s-1",\n path: "/link2",\n },\n ],\n },\n {\n label: "\u7236\u7ea7\u6807\u98982",\n key: "p-1",\n iconType: "icon-zhanghaodenglu",\n children: [\n {\n label: "\u5b50\u6807\u98981",\n key: "s-2",\n path: "/link3",\n },\n {\n label: "\u5b50\u6807\u98982",\n key: "s-3",\n path: "/link4",\n },\n ],\n },\n {\n label: "\u7236\u7ea7\u6807\u98983",\n key: "p-2",\n iconType: "icon-zhanghaodenglu",\n path: "/link5",\n },\n ]}\n />\n }\n titleExtra={\n <Space>\n <Button type="primary">\u65b0\u5efa</Button>\n </Space>\n }\n backUrl={"/"}\n title="\u6807\u9898"\n >\n <div className="layout-content with-title-layout-content">\u5185\u5bb9\u533a</div>\n </Page>\n </Layout>\n );\n};\n\nrender(\n <PureGlobal>\n <Example />\n </PureGlobal>\n);\n\n',scope:[{name:"layout",packageName:"@components/Layout",component:k},{name:"antd",packageName:"antd",component:r},{name:"global",packageName:"@components/Global",component:u}]},{title:"\u5de6\u4fa7\u56fa\u5b9a\u5e26Header",description:"\u5c55\u793a\u5e26\u6709header\u7684\u5de6\u4fa7\u56fa\u5b9a\u83dc\u5355\u5e03\u5c40",code:'const { default: Layout, Page } = layout;\nconst { Button, Space } = antd;\nconst { PureGlobal } = global;\n\nconst Example = () => {\n return (\n <Space className="container" direction="vertical">\n <Layout navigation={{ isFixed: false }}>\n <Page\n name="with-header"\n helperGuideName="base-detail"\n menu={<div className="layout-menu">\u5de6\u4fa7\u83dc\u5355\u533a</div>}\n titleExtra={\n <Space>\n <Button type="primary">\u65b0\u5efa</Button>\n </Space>\n }\n title="\u6807\u9898"\n hideCloseSvg={true}\n headerHeight="40px"\n menuFixed={false}\n header={<div className="header">header</div>}\n headerFixed={false}\n headerInfo={<div className="header-info">header info\u533a\u57df</div>}\n >\n <div>\u5185\u5bb9\u533a</div>\n </Page>\n </Layout>\n </Space>\n );\n};\n\nrender(\n <PureGlobal\n preset={{\n enums: {\n helperGuide: () => [\n {\n value: "base-detail",\n content: "\u6d4b\u8bd5\u5e2e\u52a9\u6587\u6863",\n url: "/",\n },\n ],\n },\n }}\n >\n <Example />\n </PureGlobal>\n);\n\n',scope:[{name:"layout",packageName:"@components/Layout",component:k},{name:"antd",packageName:"antd",component:r},{name:"global",packageName:"@components/Global",component:u}]},{title:"\u53f3\u4fa7\u56fa\u5b9a",description:"\u5c55\u793a\u5e26\u6709header\u7684\u53f3\u4fa7\u56fa\u5b9a\u83dc\u5355\u5e03\u5c40",code:'const { default: Layout, Page } = layout;\nconst { Button, Space } = antd;\nconst { PureGlobal } = global;\n\nconst Example = () => {\n return (\n <Layout navigation={{ isFixed: false }}>\n <Page\n name="fix-right-menu"\n optionFixed={false}\n option={<div className="right-options">\u53f3\u4fa7\u64cd\u4f5c\u533a\u57df</div>}\n optionFooter={\n <Space>\n <Button type="primary">\u65b0\u5efa</Button>\n </Space>\n }\n titleExtra={\n <Space>\n <Button type="primary">\u65b0\u5efa</Button>\n </Space>\n }\n title="\u6807\u9898"\n header={<div className="header">header</div>}\n headerFixed={false}\n menuFixed={false}\n >\n <div>\u5185\u5bb9\u533a</div>\n </Page>\n </Layout>\n );\n};\n\nrender(\n <PureGlobal>\n <Example />\n </PureGlobal>\n);\n\n',scope:[{name:"layout",packageName:"@components/Layout",component:k},{name:"antd",packageName:"antd",component:r},{name:"global",packageName:"@components/Global",component:u}]},{title:"\u5e26\u6709filter\u7684\u5217\u8868\u9875",description:"\u5c55\u793a\u5e26\u6709filter\u7684\u5217\u8868\u9875",code:'const { default: Layout, Page } = layout;\nconst {\n InputFilterItem,\n CityFilterItem,\n AdvancedSelectFilterItem,\n UserFilterItem,\n FunctionSelectFilterItem,\n IndustrySelectFilterItem,\n getFilterValue,\n} = filter;\nconst { useState } = React;\nconst { Space, Button } = antd;\nconst { PureGlobal } = global;\nconst BaseExample = () => {\n const [filter, setFilter] = useState([]);\n return (\n <PureGlobal preset={{}}>\n <Layout navigation={{ isFixed: false }}>\n <Page\n name="base"\n helperGuideName="base-detail"\n titleExtra={\n <Space>\n <Button type="primary">\u6dfb\u52a0</Button>\n </Space>\n }\n filter={{\n extraExpand: (\n <Button type="primary" size="small">\n \u8ba2\u9605\u7b5b\u9009\u9879\n </Button>\n ),\n value: filter,\n onChange: (value) => {\n setFilter(value);\n console.log(getFilterValue(value));\n },\n list: [\n [\n <InputFilterItem label="\u6587\u5b57" name="text" />,\n <CityFilterItem label="\u57ce\u5e02" name="city" />,\n <AdvancedSelectFilterItem\n label="\u9ad8\u7ea7\u9009\u62e9"\n name="select"\n api={{\n loader: () => {\n return {\n pageData: [\n { label: "\u7b2c\u4e00\u9879", value: 1 },\n { label: "\u7b2c\u4e8c\u9879", value: 2, disabled: true },\n {\n label: "\u7b2c\u4e09\u9879",\n value: 3,\n },\n ],\n };\n },\n }}\n />,\n <UserFilterItem\n label="\u7528\u6237\u9009\u62e9"\n name="user"\n api={{\n loader: () => {\n return {\n pageData: [\n {\n label: "\u7528\u6237\u4e00",\n value: 1,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n {\n label: "\u7528\u6237\u4e8c",\n value: 2,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n {\n label: "\u7528\u6237\u4e09",\n value: 3,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n ],\n };\n },\n }}\n />,\n <FunctionSelectFilterItem\n label="\u804c\u80fd\u9009\u62e9"\n name="function"\n onlyAllowLastLevel\n single\n />,\n <IndustrySelectFilterItem\n label="\u884c\u4e1a\u9009\u62e9"\n name="industry"\n onlyAllowLastLevel\n />,\n ],\n [\n <UserFilterItem\n label="\u804c\u4f4d\u534f\u52a9\u4eba"\n name="position_user"\n api={{\n loader: () => {\n return {\n pageData: [\n {\n label: "\u7528\u6237\u4e00",\n value: 1,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n {\n label: "\u7528\u6237\u4e8c",\n value: 2,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n {\n label: "\u7528\u6237\u4e09",\n value: 3,\n description: "\u6211\u662f\u7528\u6237\u63cf\u8ff0",\n },\n ],\n };\n },\n }}\n />,\n ],\n ],\n }}\n >\n <div className="layout-content">\u5185\u5bb9\u533a</div>\n </Page>\n </Layout>\n </PureGlobal>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"layout",packageName:"@components/Layout",component:k},{name:"antd",packageName:"antd",component:r},{name:"global",packageName:"@components/Global",component:u},{name:"filter",packageName:"@components/Filter",component:T}]},{title:"\u5de6\u4fa7\u5bfc\u822a\u83dc\u5355",description:"\u5c55\u793a\u4e00\u4e2a\u5de6\u4fa7\u5bfc\u822a\u83dc\u5355",code:'const { Menu } = layout;\nconst { Space } = antd;\nconst { useState } = React;\n\nconst ControlMenu = () => {\n const [current, setCurrent] = useState();\n return (\n <Menu\n currentKey={current}\n onChange={setCurrent}\n items={[\n {\n label: "\u7236\u7ea7\u6807\u98981",\n key: "p-0",\n iconType: "icon-zhanghaodenglu",\n children: [\n {\n label: "\u5b50\u6807\u98981",\n key: "s-0",\n },\n {\n label: "\u5b50\u6807\u98982",\n key: "s-1",\n },\n ],\n },\n {\n label: "\u7236\u7ea7\u6807\u98982",\n key: "p-1",\n iconType: "icon-zhanghaodenglu",\n children: [\n {\n label: "\u5b50\u6807\u98981",\n key: "s-2",\n },\n {\n label: "\u5b50\u6807\u98982",\n key: "s-3",\n },\n ],\n },\n {\n label: "\u7236\u7ea7\u6807\u98983",\n key: "p-2",\n iconType: "icon-zhanghaodenglu",\n },\n ]}\n />\n );\n};\n\nconst Example = () => {\n return (\n <Space size={10}>\n <Menu\n items={[\n {\n label: "\u7236\u7ea7\u6807\u98981",\n key: "p-0",\n iconType: "icon-zhanghaodenglu",\n children: [\n {\n label: "\u5b50\u6807\u98981",\n key: "s-0",\n path: "/link1",\n },\n {\n label: "\u5b50\u6807\u98982",\n key: "s-1",\n path: "/link2",\n },\n ],\n },\n {\n label: "\u7236\u7ea7\u6807\u98982",\n key: "p-1",\n iconType: "icon-zhanghaodenglu",\n children: [\n {\n label: "\u5b50\u6807\u98981",\n key: "s-2",\n path: "/link3",\n },\n {\n label: "\u5b50\u6807\u98982",\n key: "s-3",\n path: "/link4",\n },\n ],\n },\n {\n label: "\u7236\u7ea7\u6807\u98983",\n key: "p-2",\n iconType: "icon-zhanghaodenglu",\n path: "/link5",\n },\n ]}\n />\n <Menu\n items={[\n {\n iconType: "icon-zhanghaodenglu",\n label: "\u5b50\u6807\u98981",\n key: "s-0",\n path: "/link1",\n },\n {\n iconType: "icon-zhanghaodenglu",\n label: "\u5b50\u6807\u98982",\n key: "s-1",\n path: "/link2",\n },\n {\n iconType: "icon-zhanghaodenglu",\n label: "\u5b50\u6807\u98981",\n key: "s-2",\n path: "/link3",\n },\n {\n iconType: "icon-zhanghaodenglu",\n label: "\u5b50\u6807\u98982",\n key: "s-3",\n path: "/link4",\n },\n ]}\n />\n <Menu\n allowCollapsed={false}\n items={[\n {\n label: "\u7236\u7ea7\u6807\u98981",\n key: "p-0",\n iconType: "icon-zhanghaodenglu",\n children: [\n {\n label: "\u5b50\u6807\u98981",\n key: "s-0",\n path: "/link1",\n },\n {\n label: "\u5b50\u6807\u98982",\n key: "s-1",\n path: "/link2",\n },\n ],\n },\n {\n label: "\u7236\u7ea7\u6807\u98982",\n key: "p-1",\n iconType: "icon-zhanghaodenglu",\n children: [\n {\n label: "\u5b50\u6807\u98981",\n key: "s-2",\n path: "/link3",\n },\n {\n label: "\u5b50\u6807\u98982",\n key: "s-3",\n path: "/link4",\n },\n ],\n },\n {\n label: "\u7236\u7ea7\u6807\u98983",\n key: "p-2",\n iconType: "icon-zhanghaodenglu",\n path: "/link5",\n },\n ]}\n />\n <ControlMenu />\n </Space>\n );\n};\n\nrender(<Example />);\n\n',scope:[{name:"layout",packageName:"@components/Layout",component:k},{name:"antd",packageName:"antd",component:r}]}]}};const on={name:"LoadingButton",summary:"<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u5f53\u70b9\u51fb\u6309\u94ae\u65f6\uff0c\u9700\u8981\u663e\u793aloading\u72b6\u6001\uff0c\u5f53\u7136\u4f60\u53ef\u4ee5\u4f7f\u7528antd Button\u7684loading\u5c5e\u6027\uff0c\u4f46\u662f\u8fd9\u6837\u4f60\u9700\u8981\u81ea\u5df1\u58f0\u660e\u4e00\u4e2astate\u6765\u63a7\u5236\uff0cLoadingButton\u7ec4\u4ef6\u53ef\u4ee5\u5e2e\u4f60\u505a\u597d\u8fd9\u4ef6\u4e8b\u60c5</p>\n<h3>\u7279\u70b9</h3>\n<p>\u901a\u8fc7onClick\u8fd4\u56de\u7684Promise\u6765\u63a7\u5236Button\u7684loading\u72b6\u6001</p>\n<p>children\u9664\u4e86\u53ef\u4ee5\u4f20\u6b63\u5e38\u7684jsx\u4ee5\u5916\u8fd8\u63a5\u53d7function\u53c2\u6570\uff0c\u53ef\u4ee5\u63a5\u6536\u5230loading\u72b6\u6001\u4ee5\u4fbf\u6839\u636eloading\u72b6\u6001\u663e\u793a\u4e0d\u540c\u6587\u6848</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>onClick</td>\n<td>\u70b9\u51fb\u6309\u94ae\u89e6\u53d1\u51fd\u6570\uff0c\u53ef\u4ee5\u8fd4\u56de\u4e00\u4e2aPromise\uff0c\u5f53Promise\u518dpending\u72b6\u6001\u65f6Button\u5c06\u81ea\u52a8\u5904\u4e8eloading\u72b6\u6001\uff0c\u5f53Promise\u8fd4\u56de\u7ed3\u679c\u4f1a\u81ea\u52a8\u4eceloading\u5207\u6362\u56de\u666e\u901a\u72b6\u6001</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>children</td>\n<td>Button\u7684\u5b50\u5143\u7d20\uff0c\u53ef\u4ee5\u4e3ajsx\u6216\u8005function\uff0c\u4e3afunction\u65f6\u53ef\u4ee5\u63a5\u6536\u5230loading\u72b6\u6001\u7528\u6765\u5207\u6362\u663e\u793a\u5185\u5bb9</td>\n<td>jsx,function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!1,className:"LoadingButton_cd4ed",style:"",list:[{title:"\u5e26\u6709\u52a0\u8f7d\u72b6\u6001\u6309\u94ae",description:"\u70b9\u51fb\u6309\u94ae\u5207\u6362\u5230\u52a0\u8f7d\u72b6\u6001\uff0c\u52a0\u8f7d\u65b9\u6cd5\u5b8c\u6210\u540e\u81ea\u52a8\u5207\u6362\u4e3a\u666e\u901a\u72b6\u6001",code:'const { default: LoadingButton } = _LoadingButton;\nconst { Space, message } = antd;\n\nconst clickHandler = () => {\n message.success("\u70b9\u51fb\u6309\u94ae1s\u540e\u5b8c\u6210\u52a0\u8f7d");\n return new Promise((resolve) => {\n setTimeout(() => {\n message.success("\u5b8c\u6210");\n resolve();\n }, 1000);\n });\n};\nconst BaseExample = () => {\n return (\n <Space wrap>\n <LoadingButton onClick={clickHandler}>\u6309\u94ae</LoadingButton>\n <LoadingButton onClick={clickHandler}>\n {(isLoading) => (isLoading ? "\u6b63\u5728\u52a0\u8f7d\u4e2d..." : "\u5207\u6362\u52a0\u8f7d\u6587\u6848")}\n </LoadingButton>\n </Space>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_LoadingButton",packageName:"@components/LoadingButton",component:t(81014)},{name:"antd",packageName:"antd",component:r}]}]}};const ln={name:"Menu",summary:"<p>\u652f\u6301\u8fdc\u7a0b\u52a0\u8f7d\u6570\u636e\u7684\u83dc\u5355</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!1,className:"Menu_b6154",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Menu } = _Menu;\nconst { Space } = antd;\nconst { useState } = React;\n\nconst ControlMenu = () => {\n const [current, setCurrent] = useState("s-0");\n return (\n <Menu\n currentKey={current}\n onChange={setCurrent}\n items={[\n {\n label: "\u7236\u7ea7\u6807\u98981",\n key: "p-0",\n iconType: "icon-zhanghaodenglu",\n children: [\n {\n label: "\u5b50\u6807\u98981",\n key: "s-0",\n },\n {\n label: "\u5b50\u6807\u98982",\n key: "s-1",\n },\n ],\n },\n {\n label: "\u7236\u7ea7\u6807\u98982",\n key: "p-1",\n iconType: "icon-zhanghaodenglu",\n children: [\n {\n label: "\u5b50\u6807\u98981",\n key: "s-2",\n },\n {\n label: "\u5b50\u6807\u98982",\n key: "s-3",\n },\n ],\n },\n {\n label: "\u7236\u7ea7\u6807\u98983",\n key: "p-2",\n iconType: "icon-zhanghaodenglu",\n },\n ]}\n />\n );\n};\nconst BaseExample = () => {\n return (\n <Space>\n <div style={{ maxWidth: "200px" }}>\n <Menu\n defaultItems={[\n {\n label: "\u7236\u7ea7\u6807\u98981",\n iconType: "icon-zhanghaodenglu",\n children: [\n {\n label:\n "\u5b50\u6807\u98981\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u5b50\u6807\u98981\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u5b50\u6807\u98981\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u5b50\u6807\u98981\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7\u957f\u8d85\u7ea7",\n path: "/link1",\n },\n {\n label: "\u5b50\u6807\u98982",\n path: "/link2",\n },\n ],\n },\n {\n label: "\u7236\u7ea7\u6807\u98982",\n iconType: "icon-zhanghaodenglu",\n children: [\n {\n label: "\u5b50\u6807\u98981",\n path: "/link3",\n },\n {\n label: "\u5b50\u6807\u98982",\n path: "/link4",\n },\n ],\n },\n {\n label: "\u7236\u7ea7\u6807\u98983",\n iconType: "icon-zhanghaodenglu",\n fetchOptions: {\n loader: () => {\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve([\n {\n label: "\u5b50\u6807\u98981",\n path: "/link5",\n },\n {\n label: "\u5b50\u6807\u98982",\n path: "/link6",\n },\n ]);\n }, 1000);\n });\n },\n },\n },\n ]}\n />\n </div>\n\n <Menu\n items={[\n {\n iconType: "icon-zhanghaodenglu",\n label: "\u5b50\u6807\u98981",\n key: "s-0",\n path: "/link1",\n },\n {\n iconType: "icon-zhanghaodenglu",\n label: "\u5b50\u6807\u98982",\n key: "s-1",\n path: "/link2",\n },\n {\n iconType: "icon-zhanghaodenglu",\n label: "\u5b50\u6807\u98981",\n key: "s-2",\n path: "/link3",\n },\n {\n iconType: "icon-zhanghaodenglu",\n label: "\u5b50\u6807\u98982",\n key: "s-3",\n path: "/link4",\n },\n ]}\n />\n <Menu\n allowCollapsed={false}\n items={[\n {\n label: "\u7236\u7ea7\u6807\u98981",\n key: "p-0",\n iconType: "icon-zhanghaodenglu",\n children: [\n {\n label: "\u5b50\u6807\u98981",\n key: "s-0",\n path: "/link1",\n },\n {\n label: "\u5b50\u6807\u98982",\n key: "s-1",\n path: "/link2",\n },\n ],\n },\n {\n label: "\u7236\u7ea7\u6807\u98982",\n key: "p-1",\n iconType: "icon-zhanghaodenglu",\n children: [\n {\n label: "\u5b50\u6807\u98981",\n key: "s-2",\n path: "/link3",\n },\n {\n label: "\u5b50\u6807\u98982",\n key: "s-3",\n path: "/link4",\n },\n ],\n },\n {\n label: "\u7236\u7ea7\u6807\u98983",\n key: "p-2",\n iconType: "icon-zhanghaodenglu",\n path: "/link5",\n },\n ]}\n />\n <Menu\n allowCollapsed={false}\n defaultItems={[\n {\n label: "\u7236\u7ea7\u6807\u98981",\n iconType: "icon-zhanghaodenglu",\n children: [\n {\n label: "\u5b50\u6807\u98981",\n path: "/link1",\n },\n {\n label: "\u5b50\u6807\u98982",\n path: "/link2",\n },\n ],\n },\n {\n label: "\u7236\u7ea7\u6807\u98982",\n iconType: "icon-zhanghaodenglu",\n children: [\n {\n label: "\u5b50\u6807\u98981",\n path: "/link3",\n },\n {\n label: "\u5b50\u6807\u98982",\n path: "/link4",\n },\n ],\n },\n {\n label: "\u7236\u7ea7\u6807\u98983",\n iconType: "icon-zhanghaodenglu",\n fetchOptions: {\n loader: () => {\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve([\n {\n label: "\u5b50\u6807\u98981",\n path: "/link5",\n },\n {\n label: "\u5b50\u6807\u98982",\n path: "/link6",\n },\n ]);\n }, 1000);\n });\n },\n },\n },\n ]}\n />\n <Menu\n defaultItems={[\n {\n label: "\u7236\u7ea7\u6807\u98981",\n children: [\n {\n label: "\u5b50\u6807\u98981",\n path: "/link1",\n },\n {\n label: "\u5b50\u6807\u98982",\n path: "/link2",\n },\n ],\n },\n {\n label: "\u7236\u7ea7\u6807\u98982",\n children: [\n {\n label: "\u5b50\u6807\u98981",\n path: "/link3",\n },\n {\n label: "\u5b50\u6807\u98982",\n path: "/link4",\n },\n ],\n },\n ]}\n />\n <ControlMenu />\n </Space>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Menu",packageName:"@components/Menu",component:t(28148)},{name:"antd",packageName:"antd",component:r}]}]}},rn={name:"Modal",summary:"<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u9700\u8981\u7528\u6237\u5904\u7406\u4e8b\u52a1\uff0c\u53c8\u4e0d\u5e0c\u671b\u8df3\u8f6c\u9875\u9762\u4ee5\u81f4\u6253\u65ad\u5de5\u4f5c\u6d41\u7a0b\u65f6\uff0c\u53ef\u4ee5\u5728\u5f53\u524d\u9875\u9762\u6b63\u4e2d\u6253\u5f00\u4e00\u4e2a\u6d6e\u5c42\uff0c\u627f\u8f7d\u76f8\u5e94\u7684\u64cd\u4f5c\u3002</p>\n<h3>\u7279\u70b9</h3>\n<p>\u8be5\u7ec4\u4ef6\u662fantd Modal\u7ec4\u4ef6\u7684\u518d\u5c01\u88c5\uff1a</p>\n<ul>\n<li>\u4fee\u6539\u4e86footer\u90e8\u5206\u7684\u8bbe\u7f6e\u903b\u8f91,\u80fd\u66f4\u52a0\u7b80\u5355\u7684\u5b9a\u4e49footer\u533a\u57df\u7684\u529f\u80fd</li>\n<li>\u6dfb\u52a0\u4e86withDecorator\u53ef\u4ee5\u66f4\u52a0\u65b9\u4fbf\u7684\u5904\u7406Modal\u5916\u5c42\u7684\u663e\u793a\u903b\u8f91</li>\n<li>\u6269\u5c55\u4e86\u7528\u4e8e\u65b9\u6cd5\u8c03\u7528\u7684useModal\u7684hooks\uff0c\u53ef\u4ee5\u901a\u8fc7hooks\u83b7\u5f97\u4e00\u4e2aModal\u7684\u8c03\u7528\u65b9\u6cd5\uff0c\u5e76\u4e14\u4fdd\u8bc1\u5176\u548cModal\u7ec4\u4ef6\u5f0f\u8c03\u7528\u6709\u76f8\u540c\u7684UI\u8868\u73b0\u548c\u884c\u4e3a</li>\n<li>\u6269\u5c55\u4e86ModalButton\u7ec4\u4ef6\uff0c\u53ef\u4ee5\u5728\u70b9\u51fb\u8be5\u6309\u94ae\u65f6\u6267\u884c\u52a0\u8f7d\u6570\u636e\uff0c\u5e76\u4e14Button\u7684\u72b6\u6001\u53d8\u4e3aloading\uff0c\u5728\u6570\u636e\u52a0\u8f7d\u5b8c\u6210\u4e4b\u540e\u518d\u5f39\u51fa\u5f39\u7a97</li>\n<li>\u6269\u5c55\u4e86TabsModal\u7ec4\u4ef6\uff0c\u5b83\u662f\u4e00\u4e2aTabs\u548cModal\u7ec4\u5408\u8d77\u6765\u7684\u7ec4\u4ef6\uff0c\u5bf9\u5f39\u7a97title\u505a\u4e86\u7279\u6b8a\u5904\u7406\uff0c\u66f4\u52a0\u7b26\u5408UI\u4ea4\u4e92\u903b\u8f91</li>\n</ul>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>footer</td>\n<td>\u5f39\u7a97\u7684footer\uff0c\u5f53\u5176\u88ab\u663e\u5f0f\u8bbe\u7f6e\u6210null\u4e14footerButtons\u6ca1\u6709\u8bbe\u7f6e\u8fc7\u65f6\u5f39\u7a97\u4e0d\u663e\u793afooter\u3002\u5f53\u5b83\u7c7b\u578b\u4e3afunction\u65f6\u53ef\u4ee5\u5f97\u5230close\u65b9\u6cd5\u548cwithDecorator\u8bbe\u7f6e\u7684props</td>\n<td>jsx,function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>footerButtons</td>\n<td>\u5f39\u7a97footer\u7684\u6309\u94ae\u533a\uff0c\u9ed8\u8ba4\u4e3a\u786e\u8ba4\u548c\u53d6\u6d88\u6309\u94ae\uff0c\u9ed8\u8ba4\u6309\u94ae\u5206\u522b\u54cd\u5e94onConfirm\u548conCancel\u65b9\u6cd5\uff0c\u5982\u679c\u81ea\u5b9a\u4e49\u8bbe\u7f6efooterButtons\u5219\u9700\u8981\u81ea\u884c\u4f20\u5165onClick\u53c2\u6570\uff0conConfirm\u548conCancel\u65b9\u6cd5\u5c06\u4e0d\u751f\u6548</td>\n<td>array</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onClose</td>\n<td>\u5f39\u7a97\u5173\u95ed\u65f6\u8c03\u7528\uff0c\u5f39\u7a97\u53d7\u63a7\u65f6\u7531\u8be5\u65b9\u6cd5\u5c06\u5916\u90e8open\u72b6\u6001\u4fee\u6539</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onConfirm</td>\n<td>\u5f53footerButtons\u672a\u81ea\u5b9a\u4e49\u8bbe\u7f6e\u65f6\u70b9\u51fb\u786e\u8ba4\u6309\u94ae\u89e6\u53d1\u6267\u884c\u8be5\u65b9\u6cd5\uff0c\u5f53\u5176\u8fd4\u56dePromise\u70b9\u51fb\u540ePromise\uff0cresolve\u4e4b\u524d\u786e\u8ba4\u6309\u94ae\u663e\u793a\u4e3aloading\u72b6\u6001\uff0c\u8fd4\u56de\u503c\u4e3afalse\u6216\u8005Promise\u7684resolve\u503c\u4e3afalse\u65f6\u5f39\u7a97\u4e0d\u4f1a\u88ab\u5173\u95ed\uff0c\u5176\u4ed6\u60c5\u51b5\u5f39\u7a97\u9ed8\u8ba4\u5173\u95ed</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onCancel</td>\n<td>\u548conConfirm\u7c7b\u4f3c\uff0c\u5176\u4e3a\u70b9\u51fb\u53d6\u6d88\u6309\u94ae\u89e6\u53d1</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>children</td>\n<td>\u5f39\u7a97\u5185\u5bb9\uff0c\u53ef\u4ee5\u4e3ajsx\u6216\u8005function\uff0c\u4e3afunction\u65f6\u53ef\u4ee5\u63a5\u6536\u5230close\u548cwithDecorator\u8bbe\u7f6e\u7684props</td>\n<td>jsx,function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>withDecorator</td>\n<td>\u5f39\u7a97\u4fee\u9970\u5668\uff0c\u4f1a\u63a5\u6536\u5230\u5f39\u7a97children\u7684render\u65b9\u6cd5\uff0c\u53ef\u4ee5\u5728\u5176\u5916\u90e8\u6dfb\u52a0\u4fee\u9970\u5185\u5bb9\u540e\u6267\u884crender\u65b9\u6cd5\uff0c\u7ed9render\u65b9\u6cd5\u4f20\u5165\u7684\u503c\u53ef\u4ee5\u5728children,footer,rightOptions\u7c7b\u578b\u4e3afunction\u65f6\u63a5\u6536\u5230\u5bf9\u5e94\u7684\u53c2\u6570</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>rightOptions</td>\n<td>\u5f39\u7a97\u53f3\u4fa7\u533a\u57df\uff0c\u548cchildren\u7c7b\u4f3c\u53ef\u4ee5\u4e3ajsx\u6216\u8005function\u7c7b\u578b</td>\n<td>jsx,function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>maskClosable</td>\n<td>\u70b9\u51fb\u8499\u5c42\u662f\u5426\u5141\u8bb8\u5173\u95ed</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n</tbody>\n</table>\n<p>\u5176\u4ed6\u53c2\u6570\u53c2\u8003antd Modal\u7ec4\u4ef6</p>\n<h3>useModal</h3>\n<p>\u83b7\u53d6\u4e00\u4e2a\u6267\u884c\u540e\u53ef\u4ee5\u5f39\u51fa\u4e00\u4e2aModal\u7ec4\u4ef6\u7684\u65b9\u6cd5</p>\n<h4>return:modal</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>modal</td>\n<td>\u6267\u884c\u540e\u53ef\u4ee5\u5f39\u51fa\u4e00\u4e2aModal\u5f39\u7a97\uff0c\u53c2\u6570\u540cModal\u7ec4\u4ef6\u53c2\u6570</td>\n<td>function</td>\n</tr>\n</tbody>\n</table>\n<h3>TabsModal</h3>\n<p>\u4e00\u4e2aTabs\u548cModal\u7ec4\u5408\u8d77\u6765\u7684\u7ec4\u4ef6\uff0c\u5bf9\u5f39\u7a97title\u505a\u4e86\u7279\u6b8a\u5904\u7406\uff0c\u66f4\u52a0\u7b26\u5408UI\u4ea4\u4e92\u903b\u8f91</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>items</td>\n<td>\u540cantd Tabs\u7684items\u53c2\u6570</td>\n<td>array</td>\n<td>-</td>\n</tr>\n<tr>\n<td>items[].label</td>\n<td>\u9009\u9879\u5361\u5934\u663e\u793a\u6587\u5b57</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>items[].children</td>\n<td>\u9009\u9879\u5361\u5934\u663e\u793a\u5185\u5bb9\uff0c\u548cantd Tabs\u4e0d\u540c\u7684\u662f\u5b83\u53ef\u4ee5\u662f\u4e00\u4e2afunction\u548cModal\u7684children\u7c7b\u4f3c\u53ef\u4ee5\u63a5\u6536items[].withDecorator\u4f20\u5165\u7684\u53c2\u6570</td>\n<td>jsx,function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>items[].key</td>\n<td>\u5bf9\u5e94activeKey\u503c</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>activeKey</td>\n<td>\u5f53\u524d\u6fc0\u6d3b tab \u9762\u677f\u7684 key</td>\n<td>string</td>\n<td></td>\n</tr>\n<tr>\n<td>withDecorator</td>\n<td>\u5f39\u7a97\u4fee\u9970\u5668\u548cModal\u7684withDecorator\u4f5c\u7528\u4e00\u81f4</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>defaultActiveKey</td>\n<td>\u521d\u59cb\u5316\u9009\u4e2d\u9762\u677f\u7684 key\uff0c\u5982\u679c\u6ca1\u6709\u8bbe\u7f6e activeKey</td>\n<td>string</td>\n<td></td>\n</tr>\n<tr>\n<td>onChange</td>\n<td>\u5207\u6362\u9762\u677f\u7684\u56de\u8c03</td>\n<td>function</td>\n<td></td>\n</tr>\n</tbody>\n</table>\n<h3>useTabsModal</h3>\n<p>\u83b7\u53d6\u4e00\u4e2a\u6267\u884c\u540e\u53ef\u4ee5\u5f39\u51fa\u4e00\u4e2aTabsModal\u7ec4\u4ef6\u7684\u65b9\u6cd5</p>\n<h4>return:tabsModal</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>tabsModal</td>\n<td>\u6267\u884c\u540e\u53ef\u4ee5\u5f39\u51fa\u4e00\u4e2aTabsModal\u5f39\u7a97\uff0c\u53c2\u6570\u540cTabsModal\u7ec4\u4ef6\u53c2\u6570</td>\n<td>function</td>\n</tr>\n</tbody>\n</table>\n<h3>ModalButton</h3>\n<p>\u70b9\u51fb\u4ee5\u540e\u53ef\u4ee5\u6267\u884c\u83b7\u53d6\u6570\u636e\uff0c\u5728\u6570\u636e\u672a\u8fd4\u56de\u65f6\u6309\u94ae\u5c55\u793a\u4e3aloading\u72b6\u6001\uff0c\u6570\u636e\u8fd4\u56de\u540e\u5f39\u51faModal\u5f39\u7a97</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>api</td>\n<td>@kne/react-fetch \u6240\u9700\u53c2\u6570</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>modalProps</td>\n<td>\u540cModal\u53c2\u6570,\u5f53\u5b83\u4e3afunction\u65f6\uff0c\u6267\u884cfunction\u540e\u8fd4\u56de\u7684\u503c\u4f5c\u4e3amodalProps</td>\n<td>object,function({data,fetchApi,close})</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<p>\u5176\u4ed6\u53c2\u6570\u540cantd Button \u7ec4\u4ef6</p>\n<h3>TabsModalButton</h3>\n<p>\u70b9\u51fb\u4ee5\u540e\u53ef\u4ee5\u6267\u884c\u83b7\u53d6\u6570\u636e\uff0c\u5728\u6570\u636e\u672a\u8fd4\u56de\u65f6\u6309\u94ae\u5c55\u793a\u4e3aloading\u72b6\u6001\uff0c\u6570\u636e\u8fd4\u56de\u540e\u5f39\u51faTabsModal\u5f39\u7a97</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>api</td>\n<td>@kne/react-fetch \u6240\u9700\u53c2\u6570</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>modalProps</td>\n<td>\u540cTabsModal\u53c2\u6570,\u5f53\u5b83\u4e3afunction\u65f6\uff0c\u6267\u884cfunction\u540e\u8fd4\u56de\u7684\u503c\u4f5c\u4e3amodalProps</td>\n<td>object,function({data,fetchApi,close})</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<p>\u5176\u4ed6\u53c2\u6570\u540cantd Button \u7ec4\u4ef6</p>",example:{isFull:!1,className:"Modal_c59d6",style:"",list:[{title:"\u666e\u901a\u5f39\u7a97",description:"\u5c55\u793a\u5f39\u7a97\u7684\u57fa\u672c\u7528\u6cd5\uff0c\u81ea\u5b9a\u4e49footer\u7b49\u529f\u80fd\u3002\n\u6ce8\u610f:\n1.onConfirm\u548conCancel\u53ea\u5bf9\u4e8e\u9ed8\u8ba4\u7684footerButtons\u751f\u6548\uff0c\u5982\u679c\u662f\u81ea\u5b9a\u4e49\u7684footerButtons\u5219\u4e0d\u9700\u8981\u4f20\u8fd9\u4e24\u4e2a\u53c2\u6570\uff0c\u76f4\u63a5\u5b9a\u4e49\u6309\u94ae\u7684onClick\u5373\u53ef\u3002\n2.\u81ea\u5b9a\u4e49\u7684footerButtons\u7684onClick\u53ef\u4ee5\u8fd4\u56de\u4e00\u4e2aPromise\u6765\u5ef6\u8fdf\u5173\u95ed\u5f39\u7a97\uff0cresolve\u7684\u503c\u4e3afalse\u4e0d\u5173\u95ed\u5f39\u7a97\uff0c\u5176\u4ed6\u60c5\u51b5\u4f1a\u81ea\u52a8\u5173\u95ed\u5f39\u7a97\u3002\u5728resolve\u672a\u8fd4\u56de\u4e4b\u524d\u6309\u94ae\u4f1a\u53d8\u6210loading\u72b6\u6001",code:'const { default: Modal, useModal } = _Modal;\nconst { useState } = React;\nconst { Button, Space, message, Radio } = antd;\nconst { PureGlobal } = global;\n\nconst BaseExample = () => {\n const modal = useModal();\n const [size, setSize] = useState("default");\n const [open, setOpen] = useState(false);\n return (\n <Space direction="vertical">\n <Radio.Group\n value={size}\n options={[\n { label: "small", value: "small" },\n { label: "default", value: "default" },\n {\n label: "large",\n value: "large",\n },\n ]}\n onChange={(e) => {\n setSize(e.target.value);\n }}\n optionType="button"\n buttonStyle="solid"\n />\n <Space wrap>\n <Modal\n title="\u786e\u5b9a\u5ef6\u8fdf\u5173\u95ed\u5f39\u7a97"\n size={size}\n open={open}\n onClose={() => {\n setOpen(false);\n }}\n onConfirm={() => {\n return new Promise((resolve) => {\n message.success("\u5f39\u7a971s\u540e\u5173\u95ed");\n setTimeout(() => {\n message.success("\u5f39\u7a97\u5173\u95ed");\n resolve();\n }, 1000);\n });\n }}\n >\n <div>\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97</div>\n </Modal>\n <Button\n onClick={() => {\n setOpen(true);\n }}\n >\n \u786e\u5b9a\u5ef6\u8fdf\u5173\u95ed\u5f39\u7a97\n </Button>\n <Button\n onClick={() => {\n modal({\n title: "hooks\u8c03\u7528\u5f39\u6846",\n size,\n children: <div>\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97</div>,\n });\n }}\n >\n hooks\u8c03\u7528\u5f39\u6846\n </Button>\n <Button\n onClick={() => {\n modal({\n title: "\u8d85\u9ad8\u5f39\u7a97",\n size,\n children: (\n <div style={{ height: "2000px" }}>\n \u8d85\u9ad8\u5f39\u7a97\u8d85\u9ad8\u5f39\u7a97\u8d85\u9ad8\u5f39\u7a97\u8d85\u9ad8\u5f39\u7a97\u8d85\u9ad8\u5f39\u7a97\u8d85\u9ad8\u5f39\u7a97\u8d85\u9ad8\u5f39\u7a97\u8d85\u9ad8\u5f39\u7a97\u8d85\u9ad8\u5f39\u7a97\u8d85\u9ad8\u5f39\u7a97\n </div>\n ),\n });\n }}\n >\n \u5c55\u793a\u8d85\u9ad8\u5f39\u7a97\n </Button>\n <Button\n onClick={() => {\n modal({\n title: "\u81ea\u5b9a\u4e49footer\u5f39\u6846",\n size,\n children: <div>\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97</div>,\n footer: ({ close }) => (\n <Space>\n <span>\u81ea\u5b9a\u4e49footer</span>\n <Button\n type="link"\n onClick={() => {\n close();\n }}\n >\n \u5173\u95ed\n </Button>\n </Space>\n ),\n });\n }}\n >\n \u5c55\u793a\u81ea\u5b9a\u4e49footer\u5f39\u6846\n </Button>\n <Button\n onClick={() => {\n modal({\n title: "\u65e0footer\u5f39\u6846",\n size,\n children: <div>\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97</div>,\n footer: null,\n });\n }}\n >\n \u65e0footer\u5f39\u6846\n </Button>\n <Button\n onClick={() => {\n modal({\n title: "\u81ea\u5b9a\u4e49\u6309\u94ae\u7ec4",\n size,\n children: <div>\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97</div>,\n footerButtons: [\n {\n children: "\u6309\u94ae\u4e00",\n },\n {\n type: "primary",\n children: "\u6309\u94ae\u4e8c",\n },\n {\n children: "\u6309\u94ae\u4e09",\n },\n ],\n });\n }}\n >\n \u81ea\u5b9a\u4e49\u6309\u94ae\u7ec4\n </Button>\n <Button\n onClick={() => {\n modal({\n title: "\u6709rightOptions\u7684\u5f39\u7a97",\n size,\n children: <div>\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97</div>,\n rightOptions: <div>\u53f3\u4fa7\u5185\u5bb9\u53f3\u4fa7\u5185\u5bb9\u53f3\u4fa7\u5185\u5bb9\u53f3\u4fa7\u5185\u5bb9</div>,\n rightSpan: 12,\n });\n }}\n >\n \u6709rightOptions\u7684\u5f39\u7a97\n </Button>\n <Button\n onClick={() => {\n const StateContainer = ({ children }) => {\n const [disabled, setDisabled] = useState(false);\n return children({ disabled, setDisabled });\n };\n\n modal({\n title: "\u6709rightOptions\u7684\u5f39\u7a97",\n size,\n withDecorator: (render) => {\n return <StateContainer>{render}</StateContainer>;\n },\n footerButtons: ({ disabled }) => [\n {\n type: "primary",\n disabled,\n children: "\u786e\u5b9a",\n },\n ],\n children: ({ disabled, setDisabled }) => (\n <div>\n \u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97[{String(disabled)}]\n <Button\n onClick={() => {\n setDisabled((disabled) => !disabled);\n }}\n >\n \u5207\u6362\u786e\u5b9a\u6309\u94aedisabled\n </Button>\n </div>\n ),\n });\n }}\n >\n children\u63a7\u5236footerButtons\u72b6\u6001\n </Button>\n </Space>\n </Space>\n );\n};\n\nrender(\n <PureGlobal>\n <BaseExample />\n </PureGlobal>\n);\n\n',scope:[{name:"_Modal",packageName:"@components/Modal",component:M},{name:"global",packageName:"@components/Global",component:u},{name:"antd",packageName:"antd",component:r}]},{title:"childrenRef\u7684\u4f7f\u7528",description:"",code:'const { default: Modal, useModal } = _Modal;\nconst { Button } = antd;\nconst BaseExample = () => {\n const modal = useModal();\n\n return (\n <Button\n onClick={() => {\n modal({\n title: "\u793a\u4f8b\u5f39\u6846",\n children: ({ childrenRef }) => {\n return (\n <div ref={childrenRef}>\n \u793a\u4f8b\u5f39\u6846\u793a\u4f8b\u5f39\u6846\u793a\u4f8b\u5f39\u6846\u793a\u4f8b\u5f39\u6846\u793a\u4f8b\u5f39\u6846\u793a\u4f8b\u5f39\u6846\n </div>\n );\n },\n onConfirm: (e, { childrenRef }) => {\n console.log(childrenRef.current);\n },\n });\n }}\n >\n \u70b9\u51fb\u5f39\u51fa\u5f39\u6846\n </Button>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Modal",packageName:"@components/Modal",component:M},{name:"antd",packageName:"antd",component:r}]},{title:"\u9700\u8981\u52a0\u8f7d\u6570\u636e\u7684\u5f39\u7a97",description:"\u53ef\u4ee5\u901a\u8fc7withDecorator\u5c5e\u6027\u5b9e\u73b0\u5f39\u7a97\u7684\u52a0\u8f7d\u6570\u636e\u6216\u8005\u52a0\u8f7d\u8fdc\u7a0b\u7ec4\u4ef6\u7684\u903b\u8f91\uff0c\u5728\u6570\u636e\u6216\u8005\u8fdc\u7a0b\u7ec4\u4ef6\u52a0\u8f7d\u5b8c\u6210\u4e4b\u524d\u5f39\u7a97\u5c55\u793aloading\u72b6\u6001\uff0c\u52a0\u8f7d\u5b8c\u6210\u4e4b\u540echildren\u53ef\u4ee5\u83b7\u53d6\u5230\u52a0\u8f7d\u7684\u6570\u636e",code:'const { default: Modal, useModal } = _Modal;\nconst { useState } = React;\nconst { Button, Space } = antd;\nconst { default: Fetch } = fetch;\nconst { PureGlobal } = global;\nconst { default: Content } = _Content;\n\nconst BaseExample = () => {\n const modal = useModal();\n const [open, setOpen] = useState(false);\n return (\n <Space wrap>\n <Modal\n title="\u7ec4\u4ef6\u8c03\u7528\u65b9\u5f0f"\n withDecorator={(render) => (\n <Fetch\n loader={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve([\n {\n label: "\u5185\u5bb91",\n content: "\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91",\n },\n {\n label: "\u5185\u5bb92",\n content: "\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92",\n },\n ]);\n }, 1000);\n });\n }}\n render={({ data }) => render({ data })}\n />\n )}\n open={open}\n onClose={() => {\n setOpen(false);\n }}\n >\n {({ data }) => <Content list={data} col={2} />}\n </Modal>\n <Button\n onClick={() => {\n setOpen(true);\n }}\n >\n \u7ec4\u4ef6\u8c03\u7528\u65b9\u5f0f\n </Button>\n <Button\n onClick={() => {\n modal({\n title: "hooks\u8c03\u7528\u65b9\u5f0f",\n withDecorator: (render) => (\n <Fetch\n loader={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve([\n {\n label: "\u5185\u5bb91",\n content: "\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91",\n },\n {\n label: "\u5185\u5bb92",\n content: "\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92",\n },\n ]);\n }, 1000);\n });\n }}\n render={({ data }) => render({ data })}\n />\n ),\n children: ({ data }) => <Content list={data} col={2} />,\n });\n }}\n >\n hooks\u8c03\u7528\u65b9\u5f0f\n </Button>\n <Button\n onClick={() => {\n modal({\n title: (props) => {\n return "hooks\u8c03\u7528\u65b9\u5f0f";\n },\n withDecorator: (render) => (\n <Fetch\n loader={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve([\n {\n label: "\u5185\u5bb91",\n content: "\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91",\n },\n {\n label: "\u5185\u5bb92",\n content: "\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92",\n },\n ]);\n }, 1000);\n });\n }}\n render={({ data }) => render({ data })}\n />\n ),\n children: ({ data }) => <Content list={data} col={2} />,\n });\n }}\n >\n hooks title\u8c03\u7528\u65b9\u5f0f\n </Button>\n </Space>\n );\n};\n\nrender(\n <PureGlobal>\n <BaseExample />\n </PureGlobal>\n);\n\n',scope:[{name:"_Modal",packageName:"@components/Modal",component:M},{name:"global",packageName:"@components/Global",component:u},{name:"antd",packageName:"antd",component:r},{name:"fetch",packageName:"@kne/react-fetch",component:c},{name:"_Content",packageName:"@components/Content",component:g}]},{title:"\u53ef\u4ee5\u5f39\u51fa\u5f39\u7a97\u7684\u6309\u94ae",description:"\u53ef\u4ee5\u70b9\u51fb\u6309\u94ae\u5f39\u51fa\u5f39\u7a97\uff0c\u5e76\u4e14\u5728\u5f39\u7a97\u5f39\u51fa\u4e4b\u524d\u53ef\u4ee5\u52a0\u8f7d\u6570\u636e\uff0c\u52a0\u8f7d\u6570\u636e\u65f6\uff0c\u6309\u94ae\u4e3aloading\u72b6\u6001\uff0c\u6570\u636e\u52a0\u8f7d\u5b8c\u6210\u4e4b\u540e\u518d\u5f39\u51fa\u5f39\u7a97",code:'const { ModalButton, TabsModalButton } = _Modal;\nconst { Space } = antd;\nconst { PureGlobal } = global;\nconst { default: Content } = _Content;\nconst { default: FormInfo, Input, TextArea } = _FormInfo;\n\nconst api = {\n loader: () => {\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve([\n { label: "\u5185\u5bb91", content: "\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91" },\n {\n label: "\u5185\u5bb92",\n content: "\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92",\n },\n ]);\n }, 1000);\n });\n },\n};\n\nconst BaseExample = () => {\n return (\n <Space wrap>\n <ModalButton\n api={api}\n modalProps={({ data }) => {\n return {\n title: "\u52a0\u8f7d\u6570\u636e\u7684\u5f39\u7a97",\n children: <Content list={data} col={2} />,\n };\n }}\n >\n \u70b9\u51fb\u52a0\u8f7d\u6570\u636e\n </ModalButton>\n <TabsModalButton\n api={api}\n modalProps={({ data }) => {\n return {\n items: data.map(({ label, content }, index) => {\n return {\n key: index,\n children: content,\n label,\n };\n }),\n };\n }}\n >\n \u70b9\u51fb\u52a0\u8f7d\u6570\u636e\u7684Tabs\u5f39\u7a97\n </TabsModalButton>\n </Space>\n );\n};\n\nrender(\n <PureGlobal>\n <BaseExample />\n </PureGlobal>\n);\n\n',scope:[{name:"_Modal",packageName:"@components/Modal",component:M},{name:"global",packageName:"@components/Global",component:u},{name:"antd",packageName:"antd",component:r},{name:"_Content",packageName:"@components/Content",component:g},{name:"_FormInfo",packageName:"@components/FormInfo",component:D}]},{title:"tabs\u5f39\u7a97",description:"\u5c55\u793a\u4e00\u4e2atabs\u5f39\u7a97\uff0ctabs\u7684\u9009\u9879\u7684label\u4f1a\u5360\u636e\u5f39\u7a97title\u4f4d\u7f6e\uff0c\u5f39\u6846\u7684title\u5c06\u4e0d\u663e\u793a\ntabs\u7684items\u591a\u52a0\u4e86withDecorator\u53c2\u6570\u548cModal\u7684withDecorator\u53c2\u6570\u7c7b\u4f3c\u53ef\u4ee5\u63a7\u5236\u5176\u5916\u90e8\u663e\u793a\u53ca\u6e32\u67d3\u5185\u5bb9\ntabs\u7684items\u7684children\u4e5f\u53ef\u4ee5\u662ffunction\uff0c\u540c\u6837\u53ef\u4ee5\u63a5\u6536\u5230TabsModal\u7684withDecorator\u4f20\u56de\u7684\u53c2\u6570",code:'const { TabsModal, useTabsModal } = _Modal;\nconst { useState } = React;\nconst { default: Fetch } = fetch;\nconst { Button, Space } = antd;\nconst { PureGlobal } = global;\nconst { default: Content } = _Content;\n\nconst BaseExample = () => {\n const [open, setOpen] = useState(false);\n const tabsModal = useTabsModal();\n return <Space wrap>\n <TabsModal open={open} onClose={() => {\n setOpen(false);\n }} items={[{\n label: "\u9879\u76ee 1", key: "item-1", children: <div>\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1</div>\n }, {\n label: "\u9879\u76ee 2", key: "item-2", children: <div>\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2</div>\n }]} rightOptions={<div>\u53f3\u8fb9\u680f\u5185\u5bb9\u53f3\u8fb9\u680f\u5185\u5bb9\u53f3\u8fb9\u680f\u5185\u5bb9\u53f3\u8fb9\u680f\u5185\u5bb9</div>}>\n <div>\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97\u5f39\u7a97</div>\n </TabsModal>\n <Button onClick={() => {\n setOpen(true);\n }}>\u7ec4\u4ef6\u8c03\u7528\u65b9\u5f0f</Button>\n <Button onClick={() => {\n tabsModal({\n rightOptions: <div>\u53f3\u8fb9\u680f\u5185\u5bb9\u53f3\u8fb9\u680f\u5185\u5bb9\u53f3\u8fb9\u680f\u5185\u5bb9\u53f3\u8fb9\u680f\u5185\u5bb9</div>, items: [{\n label: "\u9879\u76ee 1", key: "item-1", children: <div>\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1\u9879\u76ee 1</div>\n }, {\n label: "\u9879\u76ee 2", key: "item-2", children: <div>\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2\u9879\u76ee 2</div>\n }]\n });\n }}>hooks\u8c03\u7528\u65b9\u5f0f</Button>\n <Button onClick={() => {\n tabsModal({\n title: "\u6b64title\u4e0d\u5c55\u793a",\n rightOptions: ({ data }) => <Content list={data} />,\n withDecorator: (render) => <Fetch loader={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve([{ label: "\u5185\u5bb91", content: "\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91\u5185\u5bb91" }, {\n label: "\u5185\u5bb92", content: "\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92\u5185\u5bb92"\n }]);\n }, 1000);\n });\n }} render={({ data }) => render({ data })} />,\n items: [{\n label: "\u9879\u76ee 1", key: "item-1", children: ({ data }) => <Content list={data} col={2} />\n }, {\n withDecorator: (render) => <Fetch loader={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve([{ label: "\u5185\u5bb93", content: "\u5185\u5bb93\u5185\u5bb93\u5185\u5bb93\u5185\u5bb93\u5185\u5bb93\u5185\u5bb93\u5185\u5bb93" }, {\n label: "\u5185\u5bb94", content: "\u5185\u5bb94\u5185\u5bb94\u5185\u5bb94\u5185\u5bb94\u5185\u5bb94\u5185\u5bb94\u5185\u5bb94\u5185\u5bb94"\n }]);\n }, 1000);\n });\n }} render={({ data }) => render({ tabData: data })} />,\n label: "\u9879\u76ee 2",\n key: "item-2",\n children: ({ data, tabData }) => <Content list={[...data, ...tabData]} col={2} />\n }]\n });\n }}>\u590d\u6742\u6570\u636e\u52a0\u8f7d</Button>\n </Space>;\n};\n\nrender(<PureGlobal><BaseExample /></PureGlobal>);\n',scope:[{name:"_Modal",packageName:"@components/Modal",component:M},{name:"global",packageName:"@components/Global",component:u},{name:"antd",packageName:"antd",component:r},{name:"fetch",packageName:"@kne/react-fetch",component:c},{name:"_Content",packageName:"@components/Content",component:g}]},{title:"\u6d88\u606f\u786e\u8ba4\u548c\u63d0\u793a",description:"\u5c55\u793a\u786e\u8ba4\u6d88\u606f\u63d0\u9192",code:'const { default: Modal, useConfirmModal } = _Modal;\nconst { useState } = React;\nconst { Button, Space, message } = antd;\nconst { PureGlobal } = global;\nconst BaseExample = () => {\n const confirmModal = useConfirmModal();\n return (\n <Space wrap>\n <Button\n onClick={() => {\n confirmModal({\n danger: true,\n type: "confirm",\n title: "\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f",\n message:\n "\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664",\n });\n }}\n >\n confirm\n </Button>\n <Button\n onClick={() => {\n confirmModal({\n type: "confirm",\n confirmType: "warning",\n title: "\u786e\u5b9a\u8981\u7f16\u8f91\u5417\uff1f",\n message:\n "\u786e\u5b9a\u8981\u7f16\u8f91\u786e\u5b9a\u8981\u7f16\u8f91\u786e\u5b9a\u8981\u7f16\u8f91\u786e\u5b9a\u8981\u7f16\u8f91\u786e\u5b9a\u8981\u7f16\u8f91\u786e\u5b9a\u8981\u7f16\u8f91\u786e\u5b9a\u8981\u7f16\u8f91",\n });\n }}\n >\n confirm \u8b66\u544a\n </Button>\n <Button\n onClick={() => {\n confirmModal({\n type: "info",\n title: "\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f",\n message:\n "\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664",\n });\n }}\n >\n info\n </Button>\n <Button\n onClick={() => {\n confirmModal({\n type: "info",\n message:\n "\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664",\n });\n }}\n >\n info\u65e0\u6807\u9898\n </Button>\n <Button\n onClick={() => {\n confirmModal({\n type: "success",\n title: "\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f",\n message:\n "\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664",\n });\n }}\n >\n success\n </Button>\n <Button\n onClick={() => {\n confirmModal({\n type: "warning",\n title: "\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f",\n message:\n "\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664",\n });\n }}\n >\n warning\n </Button>\n <Button\n onClick={() => {\n confirmModal({\n type: "error",\n title: "\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f",\n message:\n "\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664\u786e\u5b9a\u8981\u5220\u9664",\n });\n }}\n >\n error\n </Button>\n </Space>\n );\n};\n\nrender(\n <PureGlobal>\n <BaseExample />\n </PureGlobal>\n);\n\n',scope:[{name:"_Modal",packageName:"@components/Modal",component:M},{name:"global",packageName:"@components/Global",component:u},{name:"antd",packageName:"antd",component:r},{name:"fetch",packageName:"@kne/react-fetch",component:c},{name:"_Content",packageName:"@components/Content",component:g}]}]}};var sn=t(79329);const dn={name:"Navigation",summary:"<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u7cfb\u7edf\u7684\u9876\u90e8\u5bfc\u822a\uff0c\u4e00\u7ea7\u5bfc\u822a\u9879\u504f\u5de6\u9760\u8fd1 logo \u653e\u7f6e\uff0c\u8f85\u52a9\u83dc\u5355\u504f\u53f3\u653e\u7f6e\u3002</p>\n<h3>\u7279\u70b9</h3>\n<ul>\n<li>\u96c6\u6210\u4e86Permissions\u6743\u9650\u5224\u65ad\uff0c\u53ef\u4ee5\u901a\u8fc7\u6743\u9650\u5217\u8868\u6765\u5224\u65ad\u5bfc\u9879\u662f\u5426\u663e\u793a</li>\n<li>\u5728\u5c4f\u5e55\u663e\u793a\u4e0d\u4e86\u5168\u90e8\u7684\u4e00\u7ea7\u5bfc\u822a\u65f6\u53ef\u4ee5\u81ea\u52a8\u5c06\u540e\u9762\u7684\u5bfc\u822a\u9879\u6536\u8d77\u5230\u66f4\u591a\u4e0b\u62c9\u83dc\u5355\u91cc\u9762</li>\n</ul>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!0,className:"Navigation_84649",style:".Navigation_84649 .fold-items {\n width: 600px;\n}",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Navigation } = _Navigation;\nconst { PureGlobal } = global;\n\nconst menuList = [\n {\n key: "client",\n title: "\u5ba2\u6237",\n path: "/client",\n permission: "client:client:look",\n },\n {\n key: "position",\n title: "\u804c\u4f4d",\n path: "/position",\n permission: "jd:job:look",\n },\n {\n key: "ats",\n title: "\u62db\u8058\u6d41\u7a0b",\n path: "/ats",\n },\n {\n key: "talent",\n title: "\u4eba\u624d\u5e93",\n permission: "cv:cv:look",\n path: "/talent",\n },\n {\n key: "contract",\n title: "\u5408\u540c",\n permission: "contract:mgr:look",\n path: "/contract",\n },\n {\n key: "payment",\n title: "\u4ed8\u6b3e\u4fe1\u606f",\n permission: "payment:mgr:look",\n path: "/payment",\n },\n {\n key: "invoice-center",\n title: "\u5f00\u7968",\n permission: "client:invoice:center",\n path: "/invoice-center",\n },\n {\n key: "invoice-manage",\n title: "\u53d1\u7968\u7ba1\u7406",\n permission: "client:invoice:manager",\n path: "/invoice-manage",\n },\n {\n key: "setting",\n title: "\u8bbe\u7f6e",\n permission: (permissions) =>\n permissions.some(\n (x) =>\n [\n "system:permissions:mgr",\n "system:org:mgr",\n "system:user:mgr",\n ].indexOf(x) !== -1\n ),\n path: "/setting",\n },\n];\n\nrender(\n <PureGlobal>\n <Navigation\n list={menuList}\n isFixed={false}\n permissions={[\n "client:client:look",\n "jd:job:look",\n "cv:cv:look",\n "contract:mgr:look",\n "payment:mgr:look",\n "client:invoice:center",\n "client:invoice:manager",\n "system:permissions:mgr",\n ]}\n />\n </PureGlobal>\n);\n\n',scope:[{name:"_Navigation",packageName:"@components/Navigation",component:sn},{name:"global",packageName:"@components/Global",component:u}]},{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Navigation } = _Navigation;\nconst { PureGlobal } = global;\n\nconst menuList = [\n {\n key: "client",\n title: "\u5ba2\u6237",\n path: "/client",\n permission: "client:client:look",\n },\n {\n key: "position",\n title: "\u804c\u4f4d",\n path: "/position",\n permission: "jd:job:look",\n },\n {\n key: "ats",\n title: "\u62db\u8058\u6d41\u7a0b",\n path: "/ats",\n },\n {\n key: "talent",\n title: "\u4eba\u624d\u5e93",\n permission: "cv:cv:look",\n path: "/talent",\n },\n {\n key: "contract",\n title: "\u5408\u540c",\n permission: "contract:mgr:look",\n path: "/contract",\n },\n {\n key: "payment",\n title: "\u4ed8\u6b3e\u4fe1\u606f",\n permission: "payment:mgr:look",\n path: "/payment",\n },\n {\n key: "invoice-center",\n title: "\u5f00\u7968",\n permission: "client:invoice:center",\n path: "/invoice-center",\n },\n {\n key: "invoice-manage",\n title: "\u53d1\u7968\u7ba1\u7406",\n permission: "client:invoice:manager",\n path: "/invoice-manage",\n },\n {\n key: "setting",\n title: "\u8bbe\u7f6e",\n permission: (permissions) =>\n permissions.some(\n (x) =>\n [\n "system:permissions:mgr",\n "system:org:mgr",\n "system:user:mgr",\n ].indexOf(x) !== -1\n ),\n path: "/setting",\n },\n];\n\nrender(\n <PureGlobal>\n <div className="fold-items">\n <Navigation\n isFixed={false}\n list={menuList}\n permissions={[\n "client:client:look",\n "jd:job:look",\n "cv:cv:look",\n "contract:mgr:look",\n "payment:mgr:look",\n "client:invoice:center",\n "client:invoice:manager",\n "system:permissions:mgr",\n ]}\n />\n </div>\n </PureGlobal>\n);\n\n',scope:[{name:"_Navigation",packageName:"@components/Navigation",component:sn},{name:"global",packageName:"@components/Global",component:u}]},{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { useState } = React;\nconst { PureGlobal } = global;\nconst { default: Navigation } = _Navigation;\nconst { Checkbox, Space } = antd;\n\nconst menuList = [\n {\n key: "client",\n title: "\u5ba2\u6237",\n path: "/client",\n permission: "client:client:look",\n },\n {\n key: "position",\n title: "\u804c\u4f4d",\n path: "/position",\n permission: "jd:job:look",\n },\n {\n key: "ats",\n title: "\u62db\u8058\u6d41\u7a0b",\n path: "/ats",\n },\n {\n key: "talent",\n title: "\u4eba\u624d\u5e93",\n permission: "cv:cv:look",\n path: "/talent",\n },\n {\n key: "contract",\n title: "\u5408\u540c",\n permission: "contract:mgr:look",\n path: "/contract",\n },\n {\n key: "payment",\n title: "\u4ed8\u6b3e\u4fe1\u606f",\n permission: "payment:mgr:look",\n path: "/payment",\n },\n {\n key: "invoice-center",\n title: "\u5f00\u7968",\n permission: "client:invoice:center",\n path: "/invoice-center",\n },\n {\n key: "invoice-manage",\n title: "\u53d1\u7968\u7ba1\u7406",\n permission: "client:invoice:manager",\n path: "/invoice-manage",\n },\n {\n key: "setting",\n title: "\u8bbe\u7f6e",\n permission: (permissions) =>\n permissions.some(\n (x) =>\n [\n "system:permissions:mgr",\n "system:org:mgr",\n "system:user:mgr",\n ].indexOf(x) !== -1\n ),\n path: "/setting",\n },\n];\n\nconst Example = () => {\n const [permissions, setPermissions] = useState([]);\n return (\n <PureGlobal>\n <Space className="container" direction="vertical" size={32}>\n <Navigation isFixed={false} list={menuList} permissions={permissions} />\n <Checkbox.Group\n value={permissions}\n options={[\n "client:client:look",\n "jd:job:look",\n "cv:cv:look",\n "contract:mgr:look",\n "payment:mgr:look",\n "client:invoice:center",\n "client:invoice:manager",\n "system:permissions:mgr",\n ]}\n onChange={(values) => {\n setPermissions(values);\n }}\n />\n </Space>\n </PureGlobal>\n );\n};\n\nrender(<Example />);\n\n',scope:[{name:"_Navigation",packageName:"@components/Navigation",component:sn},{name:"antd",packageName:"antd",component:r},{name:"global",packageName:"@components/Global",component:u}]}]}};const cn={name:"Notification",summary:"<p>\u6d88\u606f\u901a\u77e5</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!1,className:"Notification_96d00",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Notification } = _Notification;\nconst { PureGlobal } = global;\nconst BaseExample = () => {\n return (\n <PureGlobal\n preset={{\n ajax: () => {\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve({ data: { code: 0, data: {} } });\n }, 1000);\n });\n },\n apis: {\n notification: {},\n },\n global: {\n notification: {\n list: [\n {\n id: 1,\n level: "high",\n title:\n "\u6211\u662f\u4e00\u4e2a\u9ad8\u7ea7\u901a\u77e5\u6211\u662f\u4e00\u4e2a\u9ad8\u7ea7\u901a\u77e5\u6211\u662f\u4e00\u4e2a\u9ad8\u7ea7\u901a\u77e5\u6211\u662f\u4e00\u4e2a\u9ad8\u7ea7\u901a\u77e5\u6211\u662f\u4e00\u4e2a\u9ad8\u7ea7\u901a\u77e5\u6211\u662f\u4e00\u4e2a\u9ad8\u7ea7\u901a\u77e5\u6211\u662f\u4e00\u4e2a\u9ad8\u7ea7\u901a\u77e5\u6211\u662f\u4e00\u4e2a\u9ad8\u7ea7\u901a\u77e5",\n subtitle:\n "\u901a\u77e5\u6807\u9898\u901a\u77e5\u6807\u9898\u901a\u77e5\u6807\u9898\u901a\u77e5\u6807\u9898\u901a\u77e5\u6807\u9898\u901a\u77e5\u6807\u9898\u901a\u77e5\u6807\u9898\u901a\u77e5\u6807\u9898",\n link: "https://www.baidu.com",\n content: [\n {\n label: "\u5b57\u6bb5",\n content: "\u54c8\u54c8\u54c8\u54c8",\n },\n {\n label: "\u5b57\u6bb5",\n content:\n "\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8",\n },\n {\n label: "\u5b57\u6bb5",\n content: "\u54c8\u54c8\u54c8\u54c8",\n },\n {\n label: "\u5b57\u6bb5",\n content: "\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8",\n },\n {\n label: "\u5b57\u6bb5",\n content: "\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8",\n },\n ],\n },\n {\n id: 2,\n level: "high",\n title: "\u6211\u662f\u4e00\u4e2a\u9ad8\u7ea7\u901a\u77e52",\n content: [\n {\n label: "\u5b57\u6bb5",\n content: "\u54c8\u54c8\u54c8\u54c8",\n },\n ],\n },\n {\n id: 3,\n level: "high",\n title: "\u6211\u662f\u4e00\u4e2a\u9ad8\u7ea7\u901a\u77e53",\n content: [\n {\n label: "\u5b57\u6bb5",\n content: "\u54c8\u54c8\u54c8\u54c8",\n },\n ],\n },\n {\n id: 4,\n level: "high",\n title: "\u6211\u662f\u4e00\u4e2a\u9ad8\u7ea7\u901a\u77e54",\n content: [\n {\n label: "\u5b57\u6bb5",\n content: "\u54c8\u54c8\u54c8\u54c8",\n },\n ],\n },\n {\n id: 5,\n level: "low",\n title: "\u6211\u662f\u4e00\u4e2a\u4f4e\u7ea7\u901a\u77e5",\n content: [\n {\n label: "\u5b57\u6bb5",\n content: "\u54c8\u54c8\u54c8\u54c8",\n },\n ],\n },\n {\n id: 6,\n level: "low",\n title: "\u6211\u662f\u4e00\u4e2a\u4f4e\u7ea7\u901a\u77e52",\n content: [\n {\n label: "\u5b57\u6bb5",\n content: "\u54c8\u54c8\u54c8\u54c8",\n },\n ],\n },\n {\n id: 7,\n level: "middle",\n title: "\u6211\u662f\u4e00\u4e2a\u4e2d\u7ea7\u901a\u77e5",\n children: "\u54c8\u54c8\u54c8\u54c8",\n },\n ],\n },\n },\n }}\n >\n <Notification />\n </PureGlobal>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Notification",packageName:"@components/Notification",component:t(89384)},{name:"global",packageName:"@components/Global",component:u},{name:"antd",packageName:"antd",component:r}]}]}};const mn={name:"Permissions",summary:"<h3>\u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u5728\u7cfb\u7edf\u4e2d\u5b58\u5728\u4e00\u4e9b\u529f\u80fd\u548c\u64cd\u4f5c\u53ea\u5141\u8bb8\u67d0\u4e9b\u89d2\u8272\u7528\u6237\u4f7f\u7528\uff0c\u4f7f\u7528\u8be5\u7ec4\u4ef6\u53ef\u4ee5\u8ba9\u5176\u5305\u88f9\u7684\u7ec4\u4ef6\u6216\u8005\u533a\u57df\u6839\u636e\u7cfb\u7edf\u7684\u6743\u9650\u5217\u8868\u914d\u7f6e\u5c55\u793a\u4e0d\u540c\u7684\u72b6\u6001</p>\n<h3>\u7279\u70b9</h3>\n<p>\u901a\u8fc7\u5728Global\u4e2d\u7684preset\u4e2d\u8bbe\u7f6epermissions\u4f5c\u4e3a\u5f53\u524d\u7528\u6237\u7684\u6743\u9650\u5217\u8868\uff0c\u5728Permissions\u7ec4\u4ef6\u914d\u7f6epermissions\u4f5c\u4e3a\u8be5\u529f\u80fd\u8981\u6c42\u5177\u5907\u7684\u6743\u9650\u9879\uff0c\u5f53\u8981\u6c42\u5177\u5907\u7684\u6743\u9650\u9879\u5168\u90e8\u5728\u7528\u6237\u7684\u6743\u9650\u5217\u8868\u4e2d\u627e\u5230\u65f6\u4e3a\u6743\u9650\u901a\u8fc7\u72b6\u6001\u5426\u5219\u4e3a\u6743\u9650\u4e0d\u901a\u8fc7\u72b6\u6001</p>\n<p>\u5f53\u6743\u9650\u4e0d\u901a\u8fc7\u65f6\uff0cPermissions\u7ec4\u4ef6\u53ef\u4ee5\u6709\u4e09\u79cd\u65b9\u5f0f\u5448\u73b0\uff1a</p>\n<ol>\n<li>\u7528\u6237\u53ef\u4ee5\u770b\u5230\u64cd\u4f5c\u529f\u80fd\u7684\u7ec4\u4ef6\u663e\u793a\uff0c\u4f46\u662f\u4e0d\u80fd\u8fdb\u884c\u64cd\u4f5c\uff0c\u5728\u9f20\u6807\u79fb\u5165\u65f6\u4f1a\u4ee5ToolTip\u63d0\u793a\u9519\u8bef\u539f\u56e0\uff0c\u4e00\u822c\u7528\u5728\u6309\u94ae\u7b49\u9700\u8981\u7528\u6237\u4ea4\u4e92\u7684\u529f\u80fd\u4f4d\u7f6e</li>\n<li>\u7528\u6237\u4e0d\u80fd\u770b\u5230\u64cd\u4f5c\u529f\u80fd\u6216\u8005\u6570\u636e\u5448\u73b0\uff0c\u5bf9\u5e94\u533a\u57df\u663e\u793a\u9519\u8bef\u539f\u56e0\uff0c\u4e00\u822c\u7528\u5728\u8981\u6570\u636e\u5c55\u793a\u7b49\u573a\u666f</li>\n<li>\u9690\u85cf\u5185\u90e8\u7ec4\u4ef6\uff0c\u4e00\u822c\u7528\u5728\u4e0d\u9700\u8981\u5e72\u6270\u5230\u7528\u6237\u6216\u7528\u6237\u4e0d\u9700\u8981\u4e86\u89e3\u5176\u6ca1\u6709\u6743\u9650\u7684\u529f\u80fd\u6216\u6570\u636e\u7b49\u573a\u666f</li>\n</ol>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td>\u7c7b\u578b\uff0c\u53ef\u9009\u503c\u4e3ahidden\uff0ctooltip\uff0cerror\uff0c\u5206\u522b\u4e3a\u9690\u85cf\uff0c\u6c14\u6ce1\u63d0\u793a\uff0c\u9519\u8bef\u63d0\u793a\u4e09\u79cd\u5f62\u5f0f</td>\n<td>string</td>\n<td>hidden</td>\n</tr>\n<tr>\n<td>tagName</td>\n<td>\u5f53\u524d\u7ec4\u4ef6\u7684tagName\uff0c\u540cReact.createElement\u7684type\u53c2\u6570\uff0c\u9ed8\u8ba4\u4e3aspan</td>\n<td>string</td>\n<td>span</td>\n</tr>\n<tr>\n<td>message</td>\n<td>\u63d0\u793a\u6587\u6848</td>\n<td>string</td>\n<td>\u60a8\u6682\u65e0\u6743\u9650\uff0c\u8bf7\u8054\u7cfb\u7ba1\u7406\u5458</td>\n</tr>\n<tr>\n<td>request</td>\n<td>\u6743\u9650\u5217\u8868\u4e3a\u4e00\u4e2a\u5b57\u7b26\u4e32\u6570\u7ec4\uff0c\u6bcf\u4e2aitem\u4e3a\u4e00\u9879\u6743\u9650\u7684key\uff0c\u6240\u6709\u6743\u9650\u5728\u5168\u5c40\u7684permissions\u4e2d\u5b58\u5728\u5219\u5224\u65ad\u4e3a\u6743\u9650\u901a\u8fc7</td>\n<td>array[string]</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>children</td>\n<td>\u8be5\u53c2\u6570\u53ef\u4ee5\u4f20function\u7c7b\u578b\uff0cchildren({isPass, type, request})\uff0cisPass\u4e3a\u6743\u9650\u6821\u9a8c\u662f\u5426\u901a\u8fc7\uff0ctype\u4e3a\u63d0\u793a\u7c7b\u578b\uff0crequest\u4e3a\u6240\u9700\u6743\u9650\u5217\u8868\uff0c\u53ef\u4ee5\u81ea\u884c\u5b9e\u73b0\u6743\u9650\u7684\u5c55\u793a</td>\n<td>jsx,function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!1,className:"Permissions_d08cc",style:".Permissions_d08cc .box {\n padding: 20px;\n background: #f8f8f8;\n}",list:[{title:"\u5c55\u793a\u6743\u9650\u4e0d\u901a\u8fc7\u7684\u51e0\u79cd\u5f62\u5f0f",description:"\u901a\u8fc7\u5207\u6362\u4e0d\u540c\u7684type\uff0c\u53ef\u4ee5\u9884\u89c8\u4e09\u79cd\u4e0d\u540ctype\u7684\u8868\u73b0\u5f62\u5f0f",code:'const { default: Permissions } = _Permissions;\nconst { PureGlobal } = global;\nconst { Button, Radio, Space } = antd;\nconst { useState } = React;\n\nconst BaseExample = () => {\n const [type, setType] = useState("tooltip");\n return (\n <PureGlobal\n preset={{\n permissions: ["permission_1", "permission_2"],\n }}\n >\n <Space direction="vertical">\n <Radio.Group\n value={type}\n options={[\n { label: "tooltip", value: "tooltip" },\n {\n label: "error",\n value: "error",\n },\n { label: "hidden", value: "hidden" },\n ]}\n onChange={(e) => {\n setType(e.target.value);\n }}\n optionType="button"\n buttonStyle="solid"\n />\n <Permissions type={type} request={["permission_2"]}>\n <div className="box">\n <Button onClick={() => console.log("\u6267\u884c\u64cd\u4f5c")}>\u6709\u6743\u9650\u64cd\u4f5c</Button>\n </div>\n </Permissions>\n <Permissions type={type} request={["permission_3"]}>\n <div className="box">\n <Button onClick={() => console.log("\u6267\u884c\u64cd\u4f5c")}>\u65e0\u6743\u9650\u64cd\u4f5c</Button>\n </div>\n </Permissions>\n </Space>\n </PureGlobal>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Permissions",packageName:"@components/Permissions",component:t(29053)},{name:"global",packageName:"@components/Global",component:u},{name:"antd",packageName:"antd",component:r}]}]}};var pn=t(87227);const un={name:"StateBar",summary:"<p>\u7528\u4e8e State Bar</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>stateOption</td>\n<td>state\u64cd\u4f5c\u5217\u8868</td>\n<td>string</td>\n<td>{key: string, tab: ReactNode}[]</td>\n</tr>\n<tr>\n<td>activeKey</td>\n<td>\u5f53\u524d\u6fc0\u6d3b tab \u9762\u677f\u7684 key</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>type</td>\n<td>\u5f53\u524dtab\u5c55\u793a\u6837\u5f0f</td>\n<td>'tab'\u3001'radio'\u3001'step'</td>\n<td>'tab'</td>\n</tr>\n<tr>\n<td>onChange</td>\n<td>\u4e8b\u4ef6\u8fd4\u56de\u9009\u4e2d\u7684key</td>\n<td>(value: string) => void</td>\n<td></td>\n</tr>\n<tr>\n<td>tabBarExtraContent</td>\n<td>\u5c55\u793a\u5728state bar\u53f3\u4fa7</td>\n<td>ReactNode</td>\n<td>null</td>\n</tr>\n<tr>\n<td>isInner</td>\n<td>\u5e95\u90e8\u7ebf\u5ef6\u5c55\u81f3\u603b\u957f</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n</tbody>\n</table>\n<h3>Mapping</h3>\n<h4>stateOption</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>key</td>\n<td>\u5bf9\u5e94 activeKey</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>tab</td>\n<td>\u9009\u9879\u5361\u5934\u663e\u793a\u6587\u5b57</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!1,className:"StateBar_de00a",style:"",list:[{title:"State Bar",description:"State Bar",code:'const { default: StateBar } = _StateBar;\nconst { Button, Radio, Space } = antd;\nconst { useState } = React;\n\nconst BaseExample = () => {\n const [size, setSize] = useState("default");\n const [isInner, setIsInner] = useState(false);\n return (\n <Space direction="vertical">\n <Radio.Group\n value={isInner}\n options={[\n { label: "inner", value: true },\n { label: "normal", value: false },\n ]}\n onChange={(e) => {\n setIsInner(e.target.value);\n }}\n optionType="button"\n buttonStyle="solid"\n />\n <Radio.Group\n value={size}\n options={[\n { label: "small", value: "small" },\n { label: "default", value: "default" },\n { label: "large", value: "large" },\n ]}\n onChange={(e) => {\n setSize(e.target.value);\n }}\n optionType="button"\n buttonStyle="solid"\n />\n <StateBar\n size={size}\n isInner={isInner}\n stateOption={[\n { tab: "\u5168\u90e8", key: "1" },\n { tab: "\u79d1\u76ee\u4e00", key: "2" },\n {\n tab: "\u79d1\u76ee\u4e8c",\n key: "3",\n },\n { tab: "\u79d1\u76ee\u4e09", key: "4" },\n { tab: "\u79d1\u76ee\u56db", key: "5" },\n ]}\n />\n </Space>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_StateBar",packageName:"@components/StateBar",component:pn},{name:"antd",packageName:"antd",component:r}]},{title:"Radio State Bar",description:"Radio State Bar",code:'const { default: StateBar } = _StateBar;\nconst { Radio, Space } = antd;\nconst { useState } = React;\n\nconst BaseStateExample = () => {\n const [size, setSize] = useState("default");\n return (\n <Space direction="vertical">\n <Radio.Group\n value={size}\n options={[\n { label: "small", value: "small" },\n { label: "default", value: "default" },\n { label: "large", value: "large" },\n ]}\n onChange={(e) => {\n setSize(e.target.value);\n }}\n optionType="button"\n buttonStyle="solid"\n />\n <StateBar\n size={size}\n type="radio"\n stateOption={[\n { tab: "\u5168\u90e8", key: "1" },\n { tab: "\u79d1\u76ee\u4e00", key: "2" },\n { tab: "\u79d1\u76ee\u4e8c", key: "3" },\n { tab: "\u79d1\u76ee\u4e09", key: "4" },\n { tab: "\u79d1\u76ee\u56db", key: "5" },\n { tab: "\u79d1\u76ee\u4e001", key: "22" },\n { tab: "\u79d1\u76ee\u4e8c2", key: "33" },\n { tab: "\u79d1\u76ee\u4e093", key: "44" },\n { tab: "\u79d1\u76ee\u56db4", key: "55", style: { cursor: "copy" } },\n ]}\n />\n </Space>\n );\n};\n\nrender(<BaseStateExample />);\n\n',scope:[{name:"_StateBar",packageName:"@components/StateBar",component:pn},{name:"antd",packageName:"antd",component:r}]},{title:"Step State Bar",description:"Step State Bar",code:'const { default: StateBar } = _StateBar;\n\nconst BaseStateExample = () => {\n return (\n <StateBar\n type="step"\n stateOption={[\n { tab: "\u5168\u90e8", key: "1" },\n { tab: "\u79d1\u76ee\u4e00", key: "2" },\n { tab: "\u79d1\u76ee\u4e8c", key: "3" },\n { tab: "\u79d1\u76ee\u4e09", key: "4" },\n { tab: "\u79d1\u76ee\u56db", key: "5" },\n { tab: "\u79d1\u76ee\u4e001", key: "22" },\n { tab: "\u79d1\u76ee\u4e8c2", key: "33" },\n { tab: "\u79d1\u76ee\u4e093", key: "44" },\n { tab: "\u79d1\u76ee\u56db4", key: "55", className: "last" },\n ]}\n tabBarExtraContent={<div>\u6d4b\u8bd5</div>}\n />\n );\n};\n\nrender(<BaseStateExample />);\n\n',scope:[{name:"_StateBar",packageName:"@components/StateBar",component:pn}]}]}};var hn=t(62716);const gn={name:"StateTag",summary:"<p>\u7528\u4e8e\u5c55\u793a\u6807\u7b7e</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td>tag\u7684\u7c7b\u578b\uff0c\u7c7b\u578b\u51b3\u5b9a\u663e\u793a\u7684\u989c\u8272</td>\n<td>'default'(#666666)\u3001'skill'(#666666)(\u6b64\u65f6\u8fb9\u6846\u989c\u8272\u4e3a #EEEEEE)\u3001'success'(#027A48)\u3001'progress'(#F09700)\u3001'danger'(#D14343)\u3001'info'(#155ACF)\u3001'other'(#6740C3)(\u5f85\u5b9a\u989c\u8272)\u3001'result'(#666666)\u3001'filterResult'(#5CB8B2)</td>\n<td>'default'</td>\n</tr>\n<tr>\n<td>showBorder</td>\n<td>\u662f\u5426\u5c55\u793a\u8fb9\u6846</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>showBackground</td>\n<td>\u662f\u5426\u5c55\u793a\u80cc\u666f\u8272</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>text</td>\n<td>tag\u6587\u6848</td>\n<td>string</td>\n<td>''</td>\n</tr>\n<tr>\n<td>filterName</td>\n<td>tag\u7c7b\u578b\u4e3a\u201cfilterResult\u201d\u65f6\u663e\u793a\u5728\u524d\u8fb9\u7684\u6587\u6848</td>\n<td>string</td>\n<td>''</td>\n</tr>\n</tbody>\n</table>\n<p>\u5176\u4ed6\u53c2\u6570\u53c2\u8003 <a href=\"https://ant.design/components/tag-cn\">antd Tag.Tag</a></p>",example:{isFull:!0,className:"StateTag_cfeaa",style:"",list:[{title:"\u57fa\u672c\u793a\u4f8b",description:"\u72b6\u6001\u6807\u7b7e",code:'const { default: StateTag } = _StateTag;\nconst { default: Descriptions } = _Descriptions;\nconst { range } = lodash;\nconst { Space, Typography } = antd;\n\nconst BaseExample = () => {\n return (\n <div>\n <div>\u4f7f\u7528\u573a\u666f: \u5217\u8868\u9875Table,\u7b80\u5386\u8be6\u60c5\u9875</div>\n <br />\n <Descriptions\n dataSource={[\n [\n { label: "\u4f7f\u7528\u89c4\u5219", content: "\u5f85XX\uff0c\u6682\u505c" },\n {\n label: "\u793a\u4f8b",\n content: (\n <Space>\n <StateTag {...{ type: "info", text: "\u5f85\u63d0\u4ea4\u5f00\u7968" }} />\n <Typography.Text\n copyable={{\n text: \'<StateTag type="info" text="\u6807\u7b7e\u5185\u5bb9" />\',\n }}\n />\n </Space>\n ),\n },\n ],\n [\n { label: "\u4f7f\u7528\u89c4\u5219", content: "XX\u4e2d\uff0c\u6b63\u5728XX\u4e2d" },\n {\n label: "\u793a\u4f8b",\n content: (\n <Space>\n <StateTag {...{ type: "progress", text: "\u9000\u7968\u5ba1\u6838\u4e2d" }} />\n <Typography.Text\n copyable={{\n text: \'<StateTag type="progress" text="\u6807\u7b7e\u5185\u5bb9" />\',\n }}\n />\n </Space>\n ),\n },\n ],\n [\n { label: "\u4f7f\u7528\u89c4\u5219", content: "\u901a\u8fc7\uff0c\u6210\u529f\uff0c\u5b8c\u6210" },\n {\n label: "\u793a\u4f8b",\n content: (\n <Space>\n <StateTag {...{ type: "success", text: "\u6807\u7b7e\u5185\u5bb9" }} />\n <Typography.Text\n copyable={{\n text: \'<StateTag type="success" text="\u6807\u7b7e\u5185\u5bb9" />\',\n }}\n />\n </Space>\n ),\n },\n ],\n [\n { label: "\u4f7f\u7528\u89c4\u5219", content: "\u4e0d\u901a\u8fc7\uff0c\u5931\u8d25\uff0c\u6dd8\u6c70\uff0c\u7f3a\u5e2d\uff0c\u62d2\u7edd" },\n {\n label: "\u793a\u4f8b",\n content: (\n <Space>\n <StateTag {...{ type: "danger", text: "\u9000\u7968\u62d2\u7edd" }} />\n <Typography.Text\n copyable={{\n text: \'<StateTag type="danger" text="\u6807\u7b7e\u5185\u5bb9" />\',\n }}\n />\n </Space>\n ),\n },\n ],\n [\n { label: "\u4f7f\u7528\u89c4\u5219", content: "\u53d6\u6d88\uff0c\u64a4\u9500\uff0c\u505c\u6b62" },\n {\n label: "\u793a\u4f8b",\n content: (\n <Space>\n <StateTag {...{ type: "default", text: "\u64a4\u9500\u5f00\u7968\u5ba1\u6838" }} />\n <Typography.Text\n copyable={{\n text: \'<StateTag type="default" text="\u6807\u7b7e\u5185\u5bb9" />\',\n }}\n />\n </Space>\n ),\n },\n ],\n [\n { label: "\u4f7f\u7528\u89c4\u5219", content: "\uff08\u6682\u65f6\u8fd8\u672a\u7528\u5230\uff09" },\n {\n label: "\u793a\u4f8b",\n content: (\n <Space>\n <StateTag {...{ type: "other", text: "\u6807\u7b7e\u5185\u5bb9" }} />\n <Typography.Text\n copyable={{\n text: \'<StateTag type="other" text="\u6807\u7b7e\u5185\u5bb9" />\',\n }}\n />\n </Space>\n ),\n },\n ],\n ]}\n />\n <br />\n <br />\n <div>\u4e2a\u522b\u7279\u6b8a\u573a\u666f\uff08\u9700\u8981\u5355\u72ec\u8be2\u95eeUI):</div>\n <br />\n <Descriptions\n dataSource={[\n [\n { label: "\u4f7f\u7528\u89c4\u5219", content: "\u5f85XX\uff0c\u6682\u505c" },\n {\n label: "\u793a\u4f8b",\n content: (\n <div>\n <StateTag {...{ type: "success", text: "\u5df2\u63a8\u8350\u7b80\u5386" }} />\n <StateTag {...{ type: "success", text: "\u5df2\u9000\u7968" }} />\n </div>\n ),\n },\n ],\n [\n { label: "\u4f7f\u7528\u89c4\u5219", content: "\u5df2XX\u5f85XX" },\n {\n label: "\u793a\u4f8b",\n content: (\n <div>\n <StateTag {...{ type: "success", text: "\u5df2\u5f00\u7968\u5f85\u5bc4\u51fa" }} />\n <StateTag {...{ type: "success", text: "\u5df2\u5f85\u5bc4\u5f85\u6536\u6b3e" }} />\n </div>\n ),\n },\n ],\n [\n {\n label: "\u4f7f\u7528\u89c4\u5219",\n content: "\u5df2XX+\u8bcd\u8bed\uff1a\u6839\u636e\u540e\u9762\u7684\u8bcd\u8bed\u8bed\u4e49\u8fdb\u884c\u5224\u65ad",\n },\n {\n label: "\u793a\u4f8b",\n content: (\n <div>\n <StateTag {...{ type: "success", text: "\u5df2\u6210\u529f" }} />\n <StateTag {...{ type: "default", text: "\u5df2\u53d6\u6d88" }} />\n <StateTag {...{ type: "danger", text: "\u5df2\u5931\u8d25" }} />\n <StateTag {...{ type: "progress", text: "\u5df2\u6682\u505c" }} />\n </div>\n ),\n },\n ],\n [\n { label: "\u4f7f\u7528\u89c4\u5219", content: "\u5b8c\u5168\u6839\u636e\u8bed\u4e49\u8bed\u5883\u5224\u65ad" },\n {\n label: "\u793a\u4f8b",\n content: (\n <div>\n <StateTag {...{ type: "success", text: "\u5168\u90e8\u5230\u6b3e" }} />\n <StateTag {...{ type: "success", text: "\u90e8\u5206\u5230\u6b3e" }} />\n <StateTag {...{ type: "success", text: "\u7b80\u5386\u4eae\u70b9" }} />\n <StateTag {...{ type: "danger", text: "\u7b80\u5386\u98ce\u9669\u70b9" }} />\n </div>\n ),\n },\n ],\n ]}\n />\n </div>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_StateTag",packageName:"@components/StateTag",component:hn},{name:"_Descriptions",packageName:"@components/Descriptions",component:f},{name:"lodash",packageName:"lodash",component:m},{name:"antd",packageName:"antd",component:r}]},{title:"\u57fa\u672c\u793a\u4f8b",description:"\u6280\u80fd\u6807\u7b7e",code:'const { default: StateTag } = _StateTag;\n\nconst BaseExample = () => {\n return (\n <div>\n <StateTag\n text={"\u6280\u80fd\u6807\u7b7e"}\n type={"skill"}\n showBorder\n showBackground={false}\n />\n </div>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_StateTag",packageName:"@components/StateTag",component:hn}]},{title:"\u57fa\u672c\u793a\u4f8b",description:"\u4e0b\u62c9\u83dc\u5355\u3001\u5f39\u7a97\u4e2d\u5df2\u9009\u7ed3\u679c\u6807\u7b7e",code:'const { default: StateTag } = _StateTag;\n\nconst BaseExample = () => {\n return (\n <div>\n <StateTag\n text={"\u6280\u80fd\u6807\u7b7e"}\n type={"result"}\n showBackground={false}\n closable\n onClose={() => console.log("close")}\n />\n <StateTag\n text={"\u6280\u80fd\u6807\u7b7e"}\n type={"result"}\n closable\n onClose={() => console.log("close")}\n />\n </div>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_StateTag",packageName:"@components/StateTag",component:hn}]},{title:"\u57fa\u672c\u793a\u4f8b",description:"\u7b5b\u9009\u7ec4\u4ef6\u4e2d\u7b5b\u9009\u7ed3\u679c\u6807\u7b7e",code:'const { default: StateTag } = _StateTag;\n\nconst BaseExample = () => {\n return (\n <div>\n <StateTag\n filterName={"BD"}\n text={"\u9648\u67ab\u6797\uff0c\u738b\u6653\u6668"}\n type={"filterResult"}\n closable\n onClose={() => console.log("close")}\n />\n <br />\n <StateTag\n filterName={"\u6dfb\u52a0\u4eba"}\n text={"\u9648\u67ab\u6797\uff0c\u738b\u6653\u6668\uff0c\u9648\u8def\uff0c\u5f20\u529b"}\n type={"filterResult"}\n closable\n onClose={() => console.log("close")}\n />\n </div>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_StateTag",packageName:"@components/StateTag",component:hn}]}]}};var bn=t(22814);const fn={name:"Table",summary:"<p>\u53ef\u4ee5\u4ece\u540e\u7aef\u83b7\u53d6\u6570\u636e\uff0c\u7136\u540e\u5c55\u793a\u4e3a\u4e00\u4e2a\u8868\u683c</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n</table>",example:{isFull:!0,className:"Table_51c45",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Table } = _Table;\nconst { PureGlobal } = _Global;\nconst { preset } = reactFetch;\n\nconst ajax = (config) => {\n return new Promise((resolve) => {\n setTimeout(() => {\n if (config.url === "/api/v1/user/user/user_key_get") {\n resolve({\n data: {\n code: 0,\n data: `{"date":{"visible":false},"serialNumber":{"width":400}}`,\n },\n });\n } else if (config.url === "/api/v1/user/user/user_key_set") {\n console.log(config.data);\n resolve({\n data: {\n code: 0,\n data: "",\n },\n });\n }\n }, 100);\n });\n};\n\npreset({\n ajax,\n});\n\nconst BaseExample = () => {\n return (\n <PureGlobal\n preset={{\n ajax,\n /tableServerApis: {\n getDataApi: (name) => {\n return {\n url: "/api/v1/user/user/user_key_get",\n method: "GET",\n params: {\n key: `table_config_v2_${name}`,\n },\n transformResponse: (response) => {\n const { data } = response;\n response.data = Object.assign({}, data, {\n data: (() => {\n try {\n return JSON.parse(data.data);\n } catch (e) {\n return [];\n }\n })(),\n });\n\n response.data = {\n code: response.data.code === 0 ? 200 : data.code,\n msg: response.data.msg,\n results: response.data.data,\n };\n\n return response;\n },\n cache: "TABLE_PAGE_CONFIG",\n };\n },\n setDataFunc: (name, data) => {\n return ajax({\n url: "/api/v1/user/user/user_key_set",\n data: {\n map: {\n [`table_config_v2_${name}`]: JSON.stringify(data),\n },\n },\n });\n },\n },/\n }}\n >\n <Table\n name="test-table"\n onTablePropsReady={({ columns, dataSource }) => {\n console.log({ columns, dataSource });\n }}\n dataSource={[\n {\n id: 0,\n date: "2021-07-21",\n datetime: "2023-07-22 09:00:00",\n serialNumber: "SX00192932323434",\n serialNumberShort: "SH0023",\n userName: "\u6797\u73ca\u73ca",\n title: "\u6211\u662f\u4e3b\u8981\u5b57\u6bb5",\n tagEnum: null,\n enUserName: "Lin Shanshan",\n phoneNumber: "+86 18792877372",\n email: "a@a.com",\n count: 4,\n description:\n "\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0",\n description2:\n "\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0",\n other: "\u5176\u4ed6\u4fe1\u606f",\n },\n {\n id: 1,\n date: "",\n datetime: "2023-07-22 09:00:00",\n serialNumber: "SX00192932323434",\n serialNumberShort: "SH0023",\n userName: "\u6797\u73ca\u73ca1",\n title: "\u6211\u662f\u4e3b\u8981\u5b57\u6bb5",\n tagEnum: "Y",\n enUserName: "Lin Shanshan",\n phoneNumber: null,\n email: "a@a.com",\n count: 5,\n description: "\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0",\n description2: "\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0",\n other: "\u5176\u4ed6\u4fe1\u606f",\n },\n ]}\n columns={[\n {\n name: "date",\n title: "\u65e5\u671f",\n type: "date",\n hover: true,\n },\n {\n name: "datetime",\n title: "\u65e5\u671f\u65f6\u95f4",\n type: "datetime",\n hideSecond: true,\n },\n {\n name: "serialNumber",\n title: "\u7f16\u53f7",\n type: "serialNumber",\n primary: true,\n onClick: async (item) => {\n console.log(item);\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve(true);\n }, 10000);\n });\n },\n },\n {\n name: "serialNumberShort",\n title: "\u77ed\u7f16\u53f7",\n type: "serialNumberShort",\n },\n {\n name: "title",\n title: "\u4e3b\u8981\u4fe1\u606f",\n type: "mainInfo",\n },\n {\n name: "tag",\n title: "\u72b6\u6001\u6807\u7b7e",\n type: "tag",\n valueOf: () => ({ type: "success", text: "\u5ba1\u6838\u901a\u8fc7" }),\n },\n {\n name: "tagEnum",\n title: "\u6807\u7b7e\u679a\u4e3e",\n type: "tag",\n valueOf: (item) =>\n item.tagEnum && {\n type: "success",\n isEnum: true,\n moduleName: "marital",\n name: item.tagEnum,\n },\n },\n {\n name: "avatar",\n title: "\u5934\u50cf",\n type: "avatar",\n valueOf: () => ({ gender: "F" }),\n },\n {\n name: "user",\n title: "\u7528\u6237",\n type: "user",\n valueOf: (item) => `${item.enUserName} ${item.userName}`,\n },\n {\n name: "hideInfo",\n title: "\u9690\u85cf\u5b57\u6bb5",\n type: "hideInfo",\n valueOf: (item) =>\n item["phoneNumber"] && {\n loader: () => {\n return item["phoneNumber"] + "-" + item["id"];\n },\n },\n },\n {\n name: "userName",\n title: "\u7528\u6237\u540d",\n type: "userName",\n },\n {\n name: "contacts",\n title: "\u8054\u7cfb\u4eba",\n type: "contacts",\n valueOf: (item) => `${item.userName} ${item.phoneNumber}`,\n },\n {\n name: "count",\n title: "\u6570\u91cf",\n type: "singleRow",\n render: ({ target }) => {\n return target.count === 5 ? { hover: true } : { hover: false };\n },\n },\n {\n name: "description",\n title: "\u63cf\u8ff0",\n type: "description",\n },\n {\n name: "description2",\n title: "\u63cf\u8ff0(\u7701\u7565)",\n type: "description",\n ellipsis: true,\n },\n {\n name: "other",\n title: "\u5176\u4ed6",\n type: "other",\n hover: true,\n },\n {\n name: "options",\n title: "\u64cd\u4f5c",\n type: "options",\n valueOf: (item) => [\n {\n onClick: () => {\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve();\n }, 1000);\n });\n },\n children: "\u5206\u914d",\n message: "\u786e\u5b9a\u8981\u5206\u914d\u5417",\n isDelete: false,\n },\n {\n children: "\u5ba1\u6838",\n },\n {\n onClick: () => {\n console.log(item);\n },\n children: "\u6dd8\u6c70",\n },\n {\n onClick: () => {\n console.log(item);\n },\n children: "\u4e00\u952e\u7ea6\u9762",\n },\n {\n children: "\u5220\u9664",\n confirm: true,\n onClick: () => {\n console.log("\u5220\u9664");\n },\n },\n ],\n },\n ]}\n />\n </PureGlobal>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Table",packageName:"@components/Table",component:bn},{name:"_Global",packageName:"@components/Global",component:u},{name:"reactFetch",packageName:"@kne/react-fetch",component:c}]},{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { PureGlobal } = _Global;\nconst { TablePage } = _Table;\nconst { range } = lodash;\nconst BaseExample = () => {\n return (\n <PureGlobal\n preset={{\n features: {\n debug: true,\n profile: {\n id: "erc",\n type: "system",\n name: "\u4e1a\u52a1\u7cfb\u7edf",\n children: [\n {\n id: "test",\n type: "feature",\n name: "\u6d4b\u8bd5\u529f\u80fd",\n options: {\n hiddenColumns: ["date", "datetime"],\n },\n },\n ],\n },\n },\n }}\n >\n <TablePage\n featureId="test"\n name="test-2"\n sticky={false}\n rowSelection={{\n type: "checkbox",\n }}\n loader={() => {\n return {\n addUserName: "\u6211\u662f\u5927\u9b54\u738b",\n pageData: range(0, 50).map((index) => ({\n id: index,\n date: "2021-07-21",\n datetime: "2023-07-22 09:00:00",\n serialNumber: "SX00192932323434",\n serialNumberShort: "SH0023",\n userName: "\u6797\u73ca\u73ca" + index,\n title: "\u6211\u662f\u4e3b\u8981\u5b57\u6bb5",\n enUserName: "Lin Shanshan",\n phoneNumber: "+86 18792877372",\n email: "a@a.com",\n count: 5,\n description:\n "\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0",\n other: "\u5176\u4ed6\u4fe1\u606f",\n })),\n totalCount: 50,\n };\n }}\n columns={[\n {\n name: "date",\n title: "\u65e5\u671f",\n type: "date",\n hover: true,\n },\n {\n name: "datetime",\n title: "\u65e5\u671f\u65f6\u95f4",\n type: "datetime",\n },\n {\n name: "dateRange",\n title: "\u65e5\u671f\u8303\u56f4",\n type: "dateRange",\n valueOf: ({ date, datetime }) => [date, datetime],\n },\n {\n name: "serialNumber",\n title: "\u7f16\u53f7",\n type: "serialNumber",\n primary: true,\n },\n {\n name: "serialNumberShort",\n title: "\u77ed\u7f16\u53f7",\n type: "serialNumberShort",\n },\n {\n name: "title",\n title: "\u4e3b\u8981\u4fe1\u606f",\n type: "mainInfo",\n },\n {\n name: "phone",\n title: "\u624b\u673a\u53f7",\n type: "hideInfo",\n primary: true,\n valueOf: (item) => ({\n loader: () => {\n return item["phoneNumber"] + "-" + item["id"];\n },\n }),\n },\n {\n name: "email",\n title: "\u90ae\u7bb1",\n type: "hideInfo",\n valueOf: (item) => ({\n loader: () => {\n return item["email"] + "-" + item["id"];\n },\n children: (data) => {\n return `${data},${item["userName"]}`;\n },\n }),\n },\n {\n name: "tag",\n title: "\u72b6\u6001\u6807\u7b7e",\n type: "tag",\n valueOf: () => ({ type: "success", text: "\u5ba1\u6838\u901a\u8fc7" }),\n },\n {\n name: "avatar",\n title: "\u5934\u50cf",\n type: "avatar",\n valueOf: () => ({ gender: "F" }),\n },\n {\n name: "user",\n title: "\u7528\u6237",\n type: "user",\n valueOf: (item) => `${item.enUserName} ${item.userName}`,\n },\n {\n name: "userName",\n title: "\u7528\u6237\u540d",\n type: "userName",\n },\n {\n name: "contacts",\n title: "\u8054\u7cfb\u4eba",\n type: "contacts",\n valueOf: (item) => `${item.userName} ${item.phoneNumber}`,\n },\n {\n name: "count",\n title: "\u6570\u91cf",\n type: "singleRow",\n },\n {\n name: "description",\n title: "\u63cf\u8ff0(\u7701\u7565)",\n type: "description",\n ellipsis: true,\n },\n {\n name: "other",\n title: "\u5176\u4ed6",\n type: "other",\n hover: true,\n },\n {\n name: "addUser",\n title: "\u6dfb\u52a0\u4eba",\n type: "user",\n render: ({ data }) => ({ valueOf: () => data.addUserName }),\n },\n {\n name: "options",\n title: "\u64cd\u4f5c",\n type: "options",\n fixed: "right",\n valueOf: (item) => [\n {\n onClick: () => {\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve();\n }, 1000);\n });\n },\n children: "\u7f16\u8f91",\n disabled: true,\n tooltipProps: {\n title: "\u4e0d\u80fd\u7f16\u8f91\u8fd9\u6761\u4fe1\u606f",\n },\n },\n {\n children: "\u5ba1\u6838",\n tooltipProps: {\n title: (\n <div\n style={{ padding: "10px", backgroundColor: "skyblue" }}\n >\n \u5ba1\u6838\u64cd\u4f5c\u7684tooltip\n </div>\n ),\n },\n },\n {\n onClick: () => {\n console.log(item);\n },\n children: "\u6dd8\u6c70",\n },\n {\n onClick: () => {\n console.log(item);\n },\n children: "\u4e00\u952e\u7ea6\u9762",\n },\n {\n children: "\u5220\u9664",\n },\n ],\n },\n ]}\n />\n </PureGlobal>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Table",packageName:"@components/Table",component:bn},{name:"lodash",packageName:"lodash",component:m},{name:"_Global",packageName:"@components/Global",component:u}]},{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Table } = _Table;\nconst { PureGlobal } = _Global;\nconst { preset } = reactFetch;\nconst { useState } = React;\nconst { Input } = antd;\nconst ajax = (config) => {\n return new Promise((resolve) => {\n setTimeout(() => {\n if (config.url === "/api/v1/user/user/user_key_get") {\n resolve({\n data: {\n code: 0,\n data: `{"date":{},"serialNumber":{"width":400}}`,\n },\n });\n } else if (config.url === "/api/v1/user/user/user_key_set") {\n console.log(config.data);\n resolve({\n data: {\n code: 0,\n data: "",\n },\n });\n }\n }, 100);\n });\n};\n\npreset({\n ajax,\n});\n\nconst ValueEdit = ({ value, targetRender }) => {\n const [isEdit, setIsEdit] = useState(false);\n return (\n <span\n onClick={() => {\n setIsEdit(true);\n }}\n >\n {isEdit ? (\n <Input\n type="text"\n size="small"\n defaultValue={value}\n onBlur={() => {\n setIsEdit(false);\n }}\n />\n ) : (\n targetRender(value)\n )}\n </span>\n );\n};\n\nconst BaseExample = () => {\n return (\n <PureGlobal\n preset={{\n ajax,\n tableServerApis: {\n getDataApi: (name) => {\n return {\n url: "/api/v1/user/user/user_key_get",\n method: "GET",\n params: {\n key: `table_config_v2_${name}`,\n },\n transformResponse: (response) => {\n const { data } = response;\n response.data = Object.assign({}, data, {\n data: (() => {\n try {\n return JSON.parse(data.data);\n } catch (e) {\n return [];\n }\n })(),\n });\n\n response.data = {\n code: response.data.code === 0 ? 200 : data.code,\n msg: response.data.msg,\n results: response.data.data,\n };\n\n return response;\n },\n cache: "TABLE_PAGE_CONFIG",\n };\n },\n setDataFunc: (name, data) => {\n return ajax({\n url: "/api/v1/user/user/user_key_set",\n data: {\n map: {\n [`table_config_v2_${name}`]: JSON.stringify(data),\n },\n },\n });\n },\n },\n }}\n >\n <Table\n name="test-table"\n dataSource={[\n {\n id: 0,\n date: "2021-07-21",\n datetime: "2023-07-22 09:00:00",\n serialNumber: "SX00192932323434",\n serialNumberShort: "SH0023",\n userName: "\u6797\u73ca\u73ca",\n title: "\u6211\u662f\u4e3b\u8981\u5b57\u6bb5",\n tagEnum: "Y",\n enUserName: "Lin Shanshan",\n phoneNumber: "+86 18792877372",\n email: "a@a.com",\n count: 4,\n description:\n "\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0",\n description2:\n "\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0",\n other: "\u5176\u4ed6\u4fe1\u606f",\n },\n {\n id: 1,\n date: "",\n datetime: "2023-07-22 09:00:00",\n serialNumber: "SX00192932323434",\n serialNumberShort: "SH0023",\n userName: "\u6797\u73ca\u73ca1",\n title: "\u6211\u662f\u4e3b\u8981\u5b57\u6bb5",\n tagEnum: "Y",\n enUserName: "Lin Shanshan",\n phoneNumber: "+86 18792877372",\n email: "a@a.com",\n count: 5,\n description: "\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0",\n description2: "\u6211\u662f\u4e00\u6bb5\u63cf\u8ff0",\n other: "\u5176\u4ed6\u4fe1\u606f",\n },\n ]}\n columns={[\n {\n name: "date",\n title: "\u65e5\u671f",\n sort: true,\n groupHeader: [\n {\n name: "group1",\n title: "\u5206\u7ec41",\n },\n {\n name: "group1-1",\n title: "\u5206\u7ec41-1",\n },\n ],\n type: "date",\n hover: true,\n },\n {\n name: "datetime",\n title: "\u65e5\u671f\u65f6\u95f4",\n sort: true,\n groupHeader: [\n {\n name: "group1",\n title: "\u5206\u7ec41",\n },\n {\n name: "group1-2",\n title: "\u5206\u7ec41-2",\n },\n ],\n type: "datetime",\n },\n {\n name: "serialNumber",\n title: "\u7f16\u53f7",\n sort: true,\n groupHeader: [\n {\n name: "group1",\n title: "\u5206\u7ec41",\n },\n {\n name: "group1-1",\n title: "\u5206\u7ec41-1",\n },\n ],\n type: "serialNumber",\n primary: true,\n },\n {\n name: "serialNumberShort",\n title: "\u77ed\u7f16\u53f7",\n type: "serialNumberShort",\n },\n {\n name: "title",\n title: "\u4e3b\u8981\u4fe1\u606f",\n type: "mainInfo",\n disableColItem: true,\n valueOf: (item, { targetRender }) => (\n <ValueEdit value={item["title"]} targetRender={targetRender} />\n ),\n },\n {\n name: "tag",\n title: "\u72b6\u6001\u6807\u7b7e",\n type: "tag",\n valueOf: () => ({ type: "success", text: "\u5ba1\u6838\u901a\u8fc7" }),\n },\n {\n name: "tagEnum",\n title: "\u6807\u7b7e\u679a\u4e3e",\n type: "tag",\n valueOf: (item) => ({\n type: "success",\n isEnum: true,\n moduleName: "marital",\n name: item.tagEnum,\n }),\n },\n {\n name: "avatar",\n title: "\u5934\u50cf",\n type: "avatar",\n valueOf: () => ({ gender: "F" }),\n },\n {\n name: "user",\n title: "\u7528\u6237",\n type: "user",\n valueOf: (item) => `${item.enUserName} ${item.userName}`,\n },\n {\n name: "hideInfo",\n title: "\u9690\u85cf\u5b57\u6bb5",\n type: "hideInfo",\n valueOf: (item) => ({\n loader: () => {\n return item["phoneNumber"] + "-" + item["id"];\n },\n }),\n },\n {\n name: "userName",\n title: "\u7528\u6237\u540d",\n type: "userName",\n },\n {\n name: "contacts",\n title: "\u8054\u7cfb\u4eba",\n type: "contacts",\n valueOf: (item) => `${item.userName} ${item.phoneNumber}`,\n },\n {\n name: "count",\n title: "\u6570\u91cf",\n type: "singleRow",\n render: ({ target }) => {\n return target.count === 5 ? { hover: true } : { hover: false };\n },\n },\n {\n name: "description",\n title: "\u63cf\u8ff0",\n type: "description",\n },\n {\n name: "description2",\n title: "\u63cf\u8ff0(\u7701\u7565)",\n type: "description",\n ellipsis: true,\n },\n {\n name: "other",\n title: "\u5176\u4ed6",\n type: "other",\n hover: true,\n sort: true,\n },\n {\n name: "options",\n title: "\u64cd\u4f5c",\n type: "options",\n fixed: "right",\n sort: true,\n valueOf: (item) => [\n {\n onClick: () => {\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve();\n }, 1000);\n });\n },\n children: "\u5206\u914dProgram\u53ca\u6559\u7ec3",\n },\n {\n children: "\u5ba1\u6838",\n },\n {\n onClick: () => {\n console.log(item);\n },\n children: "\u6dd8\u6c70",\n },\n {\n onClick: () => {\n console.log(item);\n },\n children: "\u4e00\u952e\u7ea6\u9762",\n },\n {\n children: "\u5220\u9664",\n },\n ],\n },\n ]}\n onSortChange={(sort) => {\n console.log(">>>>>>", sort);\n }}\n />\n </PureGlobal>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Table",packageName:"@components/Table",component:bn},{name:"_Global",packageName:"@components/Global",component:u},{name:"reactFetch",packageName:"@kne/react-fetch",component:c},{name:"antd",packageName:"antd",component:r}]}]}};var yn=t(27777);const vn={name:"TablePage",summary:"<p>\u53ef\u4ee5\u4ece\u540e\u7aef\u83b7\u53d6\u6570\u636e\uff0c\u7136\u540e\u5c55\u793a\u4e3a\u4e00\u4e2a\u8868\u683c</p>\n<p><em><strong>\uff08\u5df2\u5e9f\u5f03\uff0c\u4e0d\u5efa\u8bae\u4f7f\u7528\uff0c\u8bf7\u7528Table\u7684TablePage\u7ec4\u4ef6\u4ee3\u66ff\uff09</strong></em></p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>dataFormat</td>\n<td>\u7528\u4e8e\u5904\u7406\u540e\u7aef\u8fd4\u56de\u7684\u6570\u636e\uff0c\u4f5c\u4e3a\u8868\u683c\u6570\u636e</td>\n<td>function</td>\n<td>(data) => {return {list: data.data.pageData,total: data.data.totalCount};}</td>\n</tr>\n<tr>\n<td>pagination</td>\n<td>\u63a7\u5236\u5206\u9875\u53c2\u6570</td>\n<td>object</td>\n<td>{showSizeChanger: true,showQuickJumper: true,open: true,paramsType: 'data',requestType: 'reload',current: 'currentPage',pageSize: 'perPage',defaultPageSize: 20,size: 'default'}</td>\n</tr>\n<tr>\n<td>getColumns</td>\n<td>\u83b7\u53d6colums\u53c2\u6570\u7684\u51fd\u6570,\u8be5\u51fd\u6570\u7684\u53c2\u6570\u53ef\u4ee5\u62ff\u5230\u8bf7\u6c42\u7ed3\u679c\u6570\u636e,\u5982\u679c\u4e0d\u4f20\u8be5\u51fd\u6570\u5219\u9ed8\u8ba4\u53d6colums\u5c5e\u6027 getColumns({data,formatData}),\u53ef\u4ee5\u8fd4\u56dePromise</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>stickyOffset</td>\n<td>sticky\u6a21\u5f0f\uff0ctable header\u8ddd\u79bb\u9876\u90e8\u4f4d\u7f6e\uff0c\u9ed8\u8ba4\u4f1a\u53d6 --nav-height\uff0c\u6ce8\u610f\uff1a\u8be5\u7ec4\u4ef6\u4f1a\u8986\u76d6\u8c03sticky\u4e2d\u8bbe\u7f6e\u7684\u503c\uff0c\u5bfc\u81f4\u5176\u8bbe\u7f6e\u4e0d\u751f\u6548\uff0c\u9700\u8981\u914d\u7f6e\u8be5\u53c2\u6570\u6765\u5b9e\u73b0\u529f\u80fd</td>\n<td>string</td>\n<td>var(--nav-height)</td>\n</tr>\n<tr>\n<td>controllerOpen</td>\n<td>\u662f\u5426\u5f00\u542f\u5217\u63a7\u5236\uff0c\u8c03\u6574\u5217\u5bbd\u548c\u5217\u663e\u793a</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n</tbody>\n</table>\n<p>\u5176\u4ed6\u53c2\u6570\u53c2\u8003</p>\n<p>\u8868\u683c\u53c2\u6570:</p>\n<p><a href=\"https://ant.design/components/table-cn/\">antd Table</a></p>\n<p>\u8bf7\u6c42\u6570\u636e\u53c2\u6570:</p>\n<p><a href=\"/lib/react-fetch\">react-fetch</a></p>",example:{isFull:!0,className:"TablePage_b85cd",style:".TablePage_b85cd .table-Limit-height {\n height: 600px;\n overflow: auto;\n max-width: 1000px;\n margin: 0 auto;\n}",list:[{title:"\u666e\u901a\u8868\u683c",description:"\u5c55\u793a\u4e00\u4e2a\u666e\u901a\u7684\u8868\u683c",code:'const { default: TablePage } = tablePage;\nconst { PureGlobal } = global;\nconst { range } = _;\nconst { preset } = reactFetch;\n\nconst ajax = (config) => {\n return new Promise((resolve) => {\n setTimeout(() => {\n if (config.url === "/api/v1/user/user/user_key_get") {\n resolve({\n data: {\n code: 0,\n data: `[{"id":"clientName","name":"\u5ba2\u6237\u540d\u79f0","width":341,"chosen":false,"selected":false},{"id":"city","name":"\u5de5\u4f5c\u5730\u70b9","width":341,"chosen":false,"selected":false},{"id":"startTime","name":"\u804c\u4f4d\u5f00\u59cb\u65f6\u95f4","hidden":false,"width":200,"chosen":false,"selected":false},{"id":"options","name":"\u64cd\u4f5c","fixed":"right","width":341}]`,\n },\n });\n } else if (config.url === "/api/v1/user/user/user_key_set") {\n console.log(config.data);\n resolve({\n data: {\n code: 0,\n data: "",\n },\n });\n }\n }, 100);\n });\n};\n\npreset({\n ajax,\n});\n\nconst Example = () => {\n return (\n <PureGlobal\n preset={{\n ajax,\n tablePageServerApis: {\n getDataApi: (name) => {\n return {\n url: "/api/v1/user/user/user_key_get",\n method: "GET",\n params: {\n key: `table_config_${name}`,\n },\n transformResponse: (response) => {\n const { data } = response;\n response.data = Object.assign({}, data, {\n data: (() => {\n try {\n return JSON.parse(data.data);\n } catch (e) {\n return [];\n }\n })(),\n });\n\n response.data = {\n code: response.data.code === 0 ? 200 : data.code,\n msg: response.data.msg,\n results: response.data.data,\n };\n\n return response;\n },\n cache: "TABLE_PAGE_CONFIG",\n };\n },\n setDataFunc: (name, data) => {\n return ajax({\n url: "/api/v1/user/user/user_key_set",\n data: {\n map: {\n [`table_config_${name}`]: JSON.stringify(data),\n },\n },\n });\n },\n },\n }}\n >\n <TablePage\n name="test1"\n rowSelection={{\n type: "checkbox",\n }}\n columns={[\n {\n title: (\n <div>\n \u804c\u4f4d\u540d\u79f0<i>~</i>\n </div>\n ),\n titleText: "\u804c\u4f4d\u540d\u79f0",\n key: "positionName",\n fixed: "left",\n dataIndex: "positionName",\n },\n {\n title: "\u5ba2\u6237\u540d\u79f0",\n key: "clientName",\n dataIndex: "clientName",\n },\n {\n title: "\u5de5\u4f5c\u5730\u70b9",\n key: "city",\n dataIndex: "city",\n },\n {\n title: "\u5de5\u4f5c\u5730\u70b91",\n key: "city1",\n dataIndex: "city",\n },\n {\n title: "\u5de5\u4f5c\u5730\u70b92",\n key: "city2",\n dataIndex: "city",\n },\n {\n title: "\u5de5\u4f5c\u5730\u70b93",\n key: "city3",\n dataIndex: "city",\n },\n {\n title: "\u5de5\u4f5c\u5730\u70b94",\n key: "city4",\n dataIndex: "city",\n },\n {\n title: "\u5de5\u4f5c\u5730\u70b95",\n key: "city5",\n dataIndex: "city",\n },\n {\n title: "\u5de5\u4f5c\u5730\u70b96",\n key: "city6",\n dataIndex: "city",\n },\n {\n title: "\u5de5\u4f5c\u5730\u70b97",\n key: "city7",\n dataIndex: "city",\n },\n {\n title: "\u5de5\u4f5c\u5730\u70b98",\n key: "city8",\n dataIndex: "city",\n },\n {\n title: "\u5de5\u4f5c\u5730\u70b99",\n key: "city9",\n dataIndex: "city",\n },\n {\n title: "\u804c\u4f4d\u5f00\u59cb\u65f6\u95f4",\n key: "startTime",\n dataIndex: "startTime",\n hidden: true,\n },\n {\n title: "\u64cd\u4f5c",\n key: "options",\n fixed: "right",\n width: 300,\n render: () => {\n return "\u64cd\u4f5c";\n },\n },\n ]}\n sticky={false}\n data={{ currentPage: 1, perPage: 20 }}\n loader={({ data }) => {\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve({\n pageData: range(data.perPage).map((index) => ({\n id: index + (data.currentPage - 1) * data.perPage + 1,\n positionName:\n "\u5e02\u573a\u8fd0\u8425\u603b\u76d1" +\n (index + (data.currentPage - 1) * data.perPage + 1),\n clientName: "\u5927\u4f17",\n city: "\u5317\u4eac",\n startTime: "2020-01-10",\n })),\n totalCount: 100,\n });\n }, 100);\n });\n }}\n />\n </PureGlobal>\n );\n};\n\nrender(<Example />);\n\n',scope:[{name:"tablePage",packageName:"@components/TablePage",component:yn},{name:"_",packageName:"lodash",component:m},{name:"global",packageName:"@components/Global",component:u},{name:"reactFetch",packageName:"@kne/react-fetch",component:c}]},{title:"\u6811\u5f62\u6570\u636e",description:"\u5c55\u793a\u4e00\u4e2a\u6811\u5f62\u6570\u636e\u7684\u8868\u683c",code:'const { default: TablePage } = tablePage;\nconst { range } = _;\n\nconst Example = () => {\n return (\n <TablePage\n name="test1"\n columns={[\n {\n title: "\u804c\u4f4d\u540d\u79f0",\n key: "positionName",\n fixed: "left",\n dataIndex: "positionName",\n },\n {\n title: "\u5ba2\u6237\u540d\u79f0",\n key: "clientName",\n dataIndex: "clientName",\n },\n {\n title: "\u5de5\u4f5c\u5730\u70b9",\n key: "city",\n dataIndex: "city",\n },\n {\n title: "\u804c\u4f4d\u5f00\u59cb\u65f6\u95f4",\n key: "startTime",\n dataIndex: "startTime",\n hidden: true,\n },\n {\n title: "\u64cd\u4f5c",\n key: "options",\n fixed: "right",\n width: 300,\n render: () => {\n return "\u64cd\u4f5c";\n },\n },\n ]}\n sticky={false}\n data={{ currentPage: 1, perPage: 20 }}\n loader={({ data }) => {\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve({\n pageData: range(data.perPage).map((index) => ({\n id: index + (data.currentPage - 1) * data.perPage + 1,\n positionName:\n "\u5e02\u573a\u8fd0\u8425\u603b\u76d1" +\n (index + (data.currentPage - 1) * data.perPage + 1),\n clientName: "\u5927\u4f17",\n city: "\u5317\u4eac",\n startTime: "2020-01-10",\n children: range(10).map((i) => {\n return {\n id:\n index +\n (data.currentPage - 1) * data.perPage +\n 1 +\n "-" +\n i,\n positionName:\n "\u5e02\u573a\u8fd0\u8425\u603b\u76d1" +\n (index + (data.currentPage - 1) * data.perPage + 1) +\n "-" +\n i,\n clientName: "\u5927\u4f17",\n city: "\u5317\u4eac",\n startTime: "2020-01-10",\n children:\n index === 0\n ? [\n {\n id:\n index +\n (data.currentPage - 1) * data.perPage +\n 1 +\n "-" +\n i +\n "-last",\n positionName: "\u6700\u540e\u4e00\u5c42",\n clientName: "\u6700\u540e\u4e00\u5c42",\n city: "\u6700\u540e\u4e00\u5c42",\n startTime: "2020-01-10",\n },\n ]\n : null,\n };\n }),\n })),\n totalCount: 100,\n });\n }, 100);\n });\n }}\n />\n );\n};\n\nrender(<Example />);\n\n',scope:[{name:"tablePage",packageName:"@components/TablePage",component:yn},{name:"_",packageName:"lodash",component:m}]},{title:"\u56fa\u5b9a\u8868\u5934\u8868\u683c",description:"\u5c55\u793a\u4e00\u4e2a\u56fa\u5b9a\u8868\u5934\u7684\u8868\u683c",code:'const { default: TablePage } = tablePage;\nconst { range } = _;\nconst { useRef } = React;\n\nconst Example = () => {\n const ref = useRef();\n return (\n <div className="table-Limit-height" ref={ref}>\n <div\n style={{\n height: 700,\n }}\n >\n \u8bf7\u5f80\u4e0b\u62c9\n </div>\n <TablePage\n stickyOffset="0px"\n scroller={{\n getContainer: () => ref.current,\n }}\n data={{ currentPage: 1, perPage: 20 }}\n columns={[\n {\n title: "\u804c\u4f4d\u540d\u79f0",\n key: "positionName",\n fixed: "left",\n dataIndex: "positionName",\n },\n {\n title: "\u5ba2\u6237\u540d\u79f0",\n key: "clientName",\n dataIndex: "clientName",\n },\n {\n title: "\u5de5\u4f5c\u5730\u70b9",\n key: "city",\n dataIndex: "city",\n },\n {\n title: "\u804c\u4f4d\u5f00\u59cb\u65f6\u95f4",\n key: "startTime",\n dataIndex: "startTime",\n },\n ]}\n loader={({ data }) => {\n return {\n pageData: range(data.perPage).map((index) => ({\n id: index + (data.currentPage - 1) * data.perPage + 1,\n positionName:\n "\u5e02\u573a\u8fd0\u8425\u603b\u76d1" +\n (index + (data.currentPage - 1) * data.perPage + 1),\n clientName: "\u5927\u4f17",\n city: "\u5317\u4eac",\n startTime: "2020-01-10",\n })),\n totalCount: 100,\n };\n }}\n />\n </div>\n );\n};\n\nrender(<Example />);\n\n',scope:[{name:"tablePage",packageName:"@components/TablePage",component:yn},{name:"_",packageName:"lodash",component:m}]},{title:"\u65e5\u671f\u683c\u5f0f\u5316\u8868\u683c",description:"\u5c55\u793a\u4e00\u4e2a\u65e5\u671f\u683c\u5f0f\u5316\u8868\u683c",code:'const { default: TablePage } = tablePage;\nconst { range } = _;\nconst dayjs = dayjs;\n\nconst dateFormat = (target) => {\n return dayjs(target).format("YYYY-MM-DD HH:mm:ss");\n};\n\nconst Example = () => {\n return (\n <TablePage\n sticky={false}\n columns={[\n {\n title: "\u804c\u4f4d\u540d\u79f0",\n key: "positionName",\n fixed: "left",\n dataIndex: "positionName",\n },\n {\n title: "\u5ba2\u6237\u540d\u79f0",\n key: "clientName",\n dataIndex: "clientName",\n },\n {\n title: "\u5de5\u4f5c\u5730\u70b9",\n key: "city",\n dataIndex: "city",\n },\n {\n title: "\u804c\u4f4d\u5f00\u59cb\u65f6\u95f4",\n key: "startTime",\n dataIndex: "startTime",\n render: dateFormat,\n },\n {\n title: "\u804c\u4f4d\u7ed3\u675f\u65f6\u95f4",\n key: "endTime",\n dataIndex: "endTime",\n render: dateFormat,\n },\n ]}\n data={{ currentPage: 1, perPage: 10 }}\n loader={({ data }) => {\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve({\n pageData: range(data.perPage).map((index) => ({\n id: index + (data.currentPage - 1) * data.perPage + 1,\n positionName:\n "\u5e02\u573a\u8fd0\u8425\u603b\u76d1" +\n (index + (data.currentPage - 1) * data.perPage + 1),\n clientName: "\u5927\u4f17",\n city: "\u5317\u4eac",\n startTime: "2020-01-10",\n endTime: "2020-02-10",\n })),\n totalCount: 48,\n });\n }, 1000);\n });\n }}\n />\n );\n};\n\nrender(<Example />);\n\n',scope:[{name:"tablePage",packageName:"@components/TablePage",component:yn},{name:"_",packageName:"lodash",component:m},{name:"dayjs",packageName:"dayjs",component:O}]},{title:"\u52a8\u6001column\u83b7\u53d6",description:"\u5c55\u793a\u52a8\u6001column\u83b7\u53d6\u7684\u8868\u683c",code:'const { default: TablePage } = tablePage;\nconst { range } = _;\n\nconst Example = () => {\n return (\n <TablePage\n sticky={false}\n getColumns={({ data, formatData }) => {\n console.log(data, formatData);\n return Promise.resolve([\n {\n title: "\u804c\u4f4d\u540d\u79f0",\n key: "positionName",\n fixed: "left",\n dataIndex: "positionName",\n },\n {\n title: "\u5ba2\u6237\u540d\u79f0",\n key: "clientName",\n dataIndex: "clientName",\n },\n {\n title: "\u5de5\u4f5c\u5730\u70b9",\n key: "city",\n dataIndex: "city",\n },\n {\n title: "\u804c\u4f4d\u5f00\u59cb\u65f6\u95f4",\n key: "startTime",\n dataIndex: "startTime",\n },\n ]);\n }}\n data={{ currentPage: 1, perPage: 20 }}\n loader={({ data }) => {\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve({\n pageData: range(data.perPage).map((index) => ({\n id: index + (data.currentPage - 1) * data.perPage + 1,\n positionName:\n "\u5e02\u573a\u8fd0\u8425\u603b\u76d1" +\n (index + (data.currentPage - 1) * data.perPage + 1),\n clientName: "\u5927\u4f17",\n city: "\u5317\u4eac",\n startTime: "2020-01-10",\n })),\n totalCount: 100,\n });\n }, 1000);\n });\n }}\n />\n );\n};\n\nrender(<Example />);\n\n',scope:[{name:"tablePage",packageName:"@components/TablePage",component:yn},{name:"_",packageName:"lodash",component:m}]}]}};var xn=t(21554);const _n={ButtonGroup:i,Common:p,ConfirmButton:h,Content:b,Descriptions:y,Drawer:v,Enum:x,Features:S,FetchButton:I,File:P,FileList:B,FilePreview:w,Filter:E,FlexBox:R,FormInfo:z,Global:U,HelperGuide:V,Highlight:H,HistoryStore:Q,Icon:q,Image:X,InfoPage:J,Intl:tn,Layout:an,LoadingButton:on,Menu:ln,Modal:rn,Navigation:dn,Notification:cn,Permissions:mn,StateBar:un,StateTag:gn,Table:fn,TablePage:vn,Tooltip:{name:"Tooltip",summary:"<p>\u7b80\u5355\u7684\u6587\u5b57\u63d0\u793a\u6c14\u6ce1\u6846</p>",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>size</td>\n<td>\u9ed8\u8ba4\u5bbd\u5ea6 360\uff0csmall \u5bbd\u5ea6 240</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>title</td>\n<td>\u6807\u9898\u5185\u5bb9</td>\n<td>string,jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>showInfo</td>\n<td>\u5c55\u793a\u6807\u9898\u65c1\u7684\u63d0\u793a\u6309\u94ae</td>\n<td>boolean</td>\n<td>-</td>\n</tr>\n<tr>\n<td>importantInfo</td>\n<td>\u91cd\u8981\u5185\u5bb9</td>\n<td>string,jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>subtitle</td>\n<td>\u526f\u6807\u9898</td>\n<td>string,jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>content</td>\n<td>\u5185\u5bb9</td>\n<td>string,jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>importantInfoType</td>\n<td>\u91cd\u8981\u5185\u5bb9\u7c7b\u578b\uff0csuccess,error,warning</td>\n<td>string,jsx</td>\n<td>-</td>\n</tr>\n<tr>\n<td>moreInfo</td>\n<td>\u5176\u4ed6\u5185\u5bb9</td>\n<td>jsx</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>TooltipFetch</h3>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>api</td>\n<td>\u83b7\u53d6\u6570\u636e\u7684\u63a5\u53e3\uff0c\u53c2\u8003@kne/react-fetch</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>fetchContent</td>\n<td>\u5f53api\u63a5\u53e3\u8fd4\u56de\u503c\u7684\u65f6\u5019\u8c03\u7528\uff0c\u53ef\u4ee5\u83b7\u53d6\u5230\u63a5\u53e3\u53c2\u6570\uff0c\u8fd4\u56de\u503c\u4f1a\u66f4\u65b0\u5230Tootip\u7684\u53c2\u6570\u4e2d</td>\n<td>function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>",example:{isFull:!1,className:"Tooltip_c9830",style:"",list:[{title:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u6807\u9898",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { default: Tooltip, TooltipInfoLabel } = _Tooltip;\nconst { default: Space } = space;\nconst {\n default: FormInfo,\n Form,\n Input,\n TypeDateRangePicker,\n SubmitButton,\n CancelButton,\n} = formInfo;\n\nconst MoreInfo = () => {\n return (\n <Form>\n <FormInfo\n column={1}\n list={[\n <Input label="\u59d3\u540d" name="name" rule="REQ" />,\n <TypeDateRangePicker\n name="type_date"\n label="\u65e5\u671f\u65f6\u95f4\u6bb5"\n rule="REQ"\n />,\n <Space\n style={{\n width: "100%",\n justifyContent: "end",\n }}\n >\n <CancelButton>\u53d6\u6d88</CancelButton>\n <SubmitButton>\u786e\u5b9a</SubmitButton>\n </Space>,\n ]}\n />\n </Form>\n );\n};\n\nconst BaseExample = () => {\n return (\n <Space>\n <Tooltip content="\u8fd9\u91cc\u663e\u793a\u5b8c\u6574\u7684\u4fe1\u606f">\u5c0f\u6bb5\u4fe1\u606f</Tooltip>\n <Tooltip\n size="small"\n content="\u8fd9\u91cc\u663e\u793a\u5b8c\u6574\u7684\u4fe1\u606f\u5b8c\u6574\u7684\u4fe1\u606f\uff0c\u8fd9\u91cc\u663e\u793a\u5b8c\u6574\u7684\u4fe1\u606f\u5b8c\u6574\u7684\u4fe1\u606f\u8fd9\u91cc\u663e\u793a\u5b8c\u6574\u7684\u4fe1\u606f\u5b8c\u6574\u7684\u4fe1\u606f\u8fd9\u91cc\u663e\u793a\u5b8c\u6574\u7684\u4fe1\u606f\u5b8c\u6574\u7684\u4fe1\u606f\uff0c\u8fd9\u91cc\u663e\u793a\u5b8c\u6574\u7684\u4fe1\u606f\u3002"\n >\n \u5927\u6bb5\u4fe1\u606f\n </Tooltip>\n <Tooltip title="\u6807\u9898" content="\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u3002">\n \u5e26\u6709\u6807\u9898\u7684\u5c0f\u6bb5\u4fe1\u606f\n </Tooltip>\n <Tooltip\n title="\u6807\u9898"\n content="\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u63cf\u8ff0\u5185\u5bb9\u63cf\u8ff0"\n >\n \u5e26\u6709\u6807\u9898\u7684\u5927\u6bb5\u4fe1\u606f\n </Tooltip>\n <Tooltip\n importantInfo="\u7b5b\u9009\u65e5\u671f\u8303\u56f4\u5185\uff0c\u804c\u4f4d\u4e0a\u5b89\u6392\u987e\u95ee\u9762\u8bd5\u7684\u5019\u9009\u4eba\u603b\u6570\u3002\u6839\u636e\u6240\u586b\u5199\u7684\u987e\u95ee\u3010\u9762\u8bd5\u9762\u8bd5\u3011\u65f6\u95f4\u6765\u8fdb\u884c\u7edf\u8ba1\uff0c\u800c\u975e\u5728\u7cfb\u7edf\u7684\u64cd\u4f5c\u65f6\u95f4\u3002"\n subtitle="\u793a\u4f8b:"\n content="2022.10.21\u5728\u7cfb\u7edf\u64cd\u4f5c\u987e\u95ee\u9762\u8bd5\uff0c\u4f46\u586b\u5199\u7684\u987e\u95ee\u9762\u8bd5\u65f6\u95f4\u4e3a2022.10.20\uff0c\u5219\u6570\u636e\u4f1a\u7edf\u8ba1\u57282022.10.20\uff0c\u800c\u975e2022.10.21 \u3002"\n >\n \u5e26\u6709\u91cd\u8981\u4fe1\u606f\n </Tooltip>\n <TooltipInfoLabel\n title="\u5e26\u6709Info\u4fe1\u606f"\n tooltipTitle={{\n importantInfo:\n "\u7b5b\u9009\u65e5\u671f\u8303\u56f4\u5185\uff0c\u804c\u4f4d\u4e0a\u5b89\u6392\u987e\u95ee\u9762\u8bd5\u7684\u5019\u9009\u4eba\u603b\u6570\u3002\u6839\u636e\u6240\u586b\u5199\u7684\u987e\u95ee\u3010\u9762\u8bd5\u9762\u8bd5\u3011\u65f6\u95f4\u6765\u8fdb\u884c\u7edf\u8ba1\uff0c\u800c\u975e\u5728\u7cfb\u7edf\u7684\u64cd\u4f5c\u65f6\u95f4\u3002",\n subtitle: "\u793a\u4f8b:",\n content:\n "2022.10.21\u5728\u7cfb\u7edf\u64cd\u4f5c\u987e\u95ee\u9762\u8bd5\uff0c\u4f46\u586b\u5199\u7684\u987e\u95ee\u9762\u8bd5\u65f6\u95f4\u4e3a2022.10.20\uff0c\u5219\u6570\u636e\u4f1a\u7edf\u8ba1\u57282022.10.20\uff0c\u800c\u975e2022.10.21 \u3002",\n }}\n />\n <Tooltip\n trigger="click"\n title="\u6807\u9898"\n content="\u8f85\u52a9\u4fe1\u606f\u63cf\u8ff0\u5185\u5bb9\u8f85\u52a9\u4fe1\u606f\u63cf\u8ff0\u5185\u5bb9\u8f85\u52a9\u4fe1\u606f\u63cf\u8ff0\u5185\u5bb9\u8f85\u52a9\u4fe1\u606f\u63cf\u8ff0\u5185\u5bb9\u8f85\u52a9\u4fe1\u606f\u63cf\u8ff0\u5185\u5bb9"\n moreInfo={<MoreInfo />}\n >\n \u5e26\u6709\u8868\u5355\u4fe1\u606f\n </Tooltip>\n </Space>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Tooltip",packageName:"@components/Tooltip",component:xn},{name:"space",packageName:"antd/lib/space",component:t(8002)},{name:"formInfo",packageName:"@components/FormInfo",component:D}]},{title:"\u5e26\u6709\u8fdc\u7a0b\u6570\u636e\u52a0\u8f7d\u7684\u63d0\u793a",description:"\u5c55\u793a\u5e26\u6709\u8fdc\u7a0b\u6570\u636e\u52a0\u8f7d\u7684\u63d0\u793a",code:'const { TooltipFetch } = _Tooltip;\nconst { preset } = reactFetch;\nconst { default: Descriptions } = _Descriptions;\nconst { default: StateTag } = _StateTag;\n\npreset({\n ajax: () => {\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve({\n data: {\n code: 0,\n data: {\n clientName: "\u817e\u8baf",\n title: "\u817e\u8baf\u79d1\u6280\u516c\u53f8",\n type: "\u589e\u503c\u7a0e\u4e13\u7528\u53d1\u7968",\n date: "2022-08-15",\n },\n },\n });\n }, 1000);\n });\n },\n});\n\nconst BaseExample = () => {\n return (\n <TooltipFetch\n api={{\n url: "/api/data",\n }}\n size="large"\n fetchContent={(data) => {\n return {\n content: (\n <Descriptions\n dataSource={[\n [\n { label: "\u5ba2\u6237\u540d\u79f0", content: data.clientName },\n { label: "\u53d1\u7968\u62ac\u5934", content: data.title },\n ],\n [\n { label: "\u53d1\u7968\u7c7b\u578b", content: data.type },\n { label: "\u53d1\u7968\u65e5\u671f", content: data.date },\n ],\n ]}\n />\n ),\n };\n }}\n >\n <StateTag text="\u54c8\u54c8\u54c8" />\n </TooltipFetch>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_Tooltip",packageName:"@components/Tooltip",component:xn},{name:"reactFetch",packageName:"@kne/react-fetch",component:c},{name:"_Descriptions",packageName:"@components/Descriptions",component:f},{name:"_StateTag",packageName:"@components/StateTag",component:hn}]}]}}},kn={name:"components-core",version:"0.2.76","open-version":!0,"public-url":"/components-core",modules:[{name:"ButtonGroup",baseDir:"/home/runner/work/components-core/components-core/src/components/ButtonGroup"},{name:"Common",baseDir:"/home/runner/work/components-core/components-core/src/components/Common"},{name:"ConfirmButton",baseDir:"/home/runner/work/components-core/components-core/src/components/ConfirmButton"},{name:"Content",baseDir:"/home/runner/work/components-core/components-core/src/components/Content"},{name:"Descriptions",baseDir:"/home/runner/work/components-core/components-core/src/components/Descriptions"},{name:"Drawer",baseDir:"/home/runner/work/components-core/components-core/src/components/Drawer"},{name:"Enum",baseDir:"/home/runner/work/components-core/components-core/src/components/Enum"},{name:"Features",baseDir:"/home/runner/work/components-core/components-core/src/components/Features"},{name:"FetchButton",baseDir:"/home/runner/work/components-core/components-core/src/components/FetchButton"},{name:"File",baseDir:"/home/runner/work/components-core/components-core/src/components/File"},{name:"FileList",baseDir:"/home/runner/work/components-core/components-core/src/components/FileList"},{name:"FilePreview",baseDir:"/home/runner/work/components-core/components-core/src/components/FilePreview"},{name:"Filter",baseDir:"/home/runner/work/components-core/components-core/src/components/Filter"},{name:"FlexBox",baseDir:"/home/runner/work/components-core/components-core/src/components/FlexBox"},{name:"FormInfo",baseDir:"/home/runner/work/components-core/components-core/src/components/FormInfo"},{name:"Global",baseDir:"/home/runner/work/components-core/components-core/src/components/Global"},{name:"HelperGuide",baseDir:"/home/runner/work/components-core/components-core/src/components/HelperGuide"},{name:"Highlight",baseDir:"/home/runner/work/components-core/components-core/src/components/Highlight"},{name:"HistoryStore",baseDir:"/home/runner/work/components-core/components-core/src/components/HistoryStore"},{name:"Icon",baseDir:"/home/runner/work/components-core/components-core/src/components/Icon"},{name:"Image",baseDir:"/home/runner/work/components-core/components-core/src/components/Image"},{name:"InfoPage",baseDir:"/home/runner/work/components-core/components-core/src/components/InfoPage"},{name:"Intl",baseDir:"/home/runner/work/components-core/components-core/src/components/Intl"},{name:"Layout",baseDir:"/home/runner/work/components-core/components-core/src/components/Layout"},{name:"LoadingButton",baseDir:"/home/runner/work/components-core/components-core/src/components/LoadingButton"},{name:"Menu",baseDir:"/home/runner/work/components-core/components-core/src/components/Menu"},{name:"Modal",baseDir:"/home/runner/work/components-core/components-core/src/components/Modal"},{name:"Navigation",baseDir:"/home/runner/work/components-core/components-core/src/components/Navigation"},{name:"Notification",baseDir:"/home/runner/work/components-core/components-core/src/components/Notification"},{name:"Permissions",baseDir:"/home/runner/work/components-core/components-core/src/components/Permissions"},{name:"StateBar",baseDir:"/home/runner/work/components-core/components-core/src/components/StateBar"},{name:"StateTag",baseDir:"/home/runner/work/components-core/components-core/src/components/StateTag"},{name:"Table",baseDir:"/home/runner/work/components-core/components-core/src/components/Table"},{name:"TablePage",baseDir:"/home/runner/work/components-core/components-core/src/components/TablePage"},{name:"Tooltip",baseDir:"/home/runner/work/components-core/components-core/src/components/Tooltip"}]}},47094:(n,e,t)=>{t.d(e,{A:()=>a});const a={"form-outer":"style_form-outer__IWUs0__jnrpB","form-drawer":"style_form-drawer__uYDXS__jnrpB","table-list":"style_table-list__6lp-A__jnrpB","list-item":"style_list-item__hVzQa__jnrpB","table-list-inner":"style_table-list-inner__uc8DK__jnrpB","table-list-field":"style_table-list-field__JSJfB__jnrpB","table-list-header":"style_table-list-header__KXvKa__jnrpB","is-req":"style_is-req__LfXQf__jnrpB","table-list-extra":"style_table-list-extra__faYTK__jnrpB","list-btn":"style_list-btn__WKYkm__jnrpB","form-info":"style_form-info__B8bAP__jnrpB","list-part":"style_list-part__Ld0GA__jnrpB","is-important":"style_is-important__vaBk1__jnrpB","list-item-part":"style_list-item-part__MzKP7__jnrpB","money-input":"style_money-input__J86Pb__jnrpB","money-description":"style_money-description__Gz3p7__jnrpB","components-upload-wrapper":"style_components-upload-wrapper__Ir0gz__jnrpB","textarea-wrapped-component":"style_textarea-wrapped-component__r1oKc__jnrpB","helper-guide-field":"style_helper-guide-field__Wke3w__jnrpB","error-tip-overlay":"style_error-tip-overlay__aNCGc__jnrpB","error-tip-overlay-content":"style_error-tip-overlay-content__kDOoQ__jnrpB","column-not-layout":"style_column-not-layout__+SXC+__jnrpB","mult-field-item":"style_mult-field-item__eS0nJ__jnrpB","first-item":"style_first-item__fLirI__jnrpB","react-form__field-label":"style_react-form__field-label__2U91E__jnrpB","mult-field-add-btn":"style_mult-field-add-btn__5Baxz__jnrpB","form-step-section":"style_form-step-section__RvkHy__jnrpB"}}}]);
2	- //# sourceMappingURL=4194.5560c9c7.chunk.js.map