import{r as a,j as e,T as c,S as h,w as r,D as j}from"./index-B-sDl1ER.js";import{U as t,X as g}from"./index-duCmqVUU.js";import{C as d}from"./index-CO5DzGxy.js";import"./index-BZjcF0yn.js";import"./tslib.es6-BaFViOhq.js";import"./index-D3yl9SWR.js";import"./progress-C__thZ4V.js";import"./index-C9m5qSM4.js";import"./Table-B11dzOaz.js";import"./index-CeRfFUxJ.js";import"./index-DmtjhyJb.js";const{Title:f,Paragraph:y,Text:i}=c,_=()=>{const[o,m]=a.useState(null),[l,p]=a.useState([]),x=a.useRef(void 0),u=[{dataIndex:"taskName",title:"任务名称",valueType:"text",rules:[{required:!0,message:"请输入任务名称"}],fieldProps:{placeholder:"请输入任务名称"}},{dataIndex:"owner_id",title:"任务负责人",rules:[{required:!0,message:"请选择负责人"}],fieldRender:()=>e.jsx(t,{placeholder:"请选择负责人"})},{dataIndex:"participant_ids",title:"参与人员",rules:[{required:!0,message:"请至少选择一个参与人员"},{validator:(s,n)=>n&&n.length>10?Promise.reject("最多选择10个参与人员"):Promise.resolve()}],fieldRender:()=>e.jsx(t,{mode:"multiple",maxTagCount:3,placeholder:"请选择参与人员"})},{dataIndex:"description",title:"任务描述",valueType:"textarea",fieldProps:{placeholder:"请输入任务描述"}}];return e.jsxs("div",{children:[e.jsxs(c,{style:{margin:"12px 0 24px 0"},children:[e.jsx(f,{level:2,children:"用户选择器组件示例"}),e.jsx(y,{children:"基于 AntDesign 封装的用户选择器表单组件，支持单选和多选模式。"})]}),e.jsxs(h,{direction:"vertical",size:"large",style:{width:"100%"},children:[e.jsxs(d,{title:"独立使用",bordered:!0,children:[e.jsx(i,{children:"单选模式："}),e.jsx("div",{className:"mt-2",children:e.jsx(t,{value:o,onChange:s=>{m(s),r.success(`选中用户ID: ${s}`)},placeholder:"请选择用户"})}),e.jsxs(i,{type:"secondary",className:"mt-2 block",children:["当前选中: ",o||"未选择"]}),e.jsx(j,{}),e.jsx(i,{children:"多选模式："}),e.jsx("div",{className:"mt-2",children:e.jsx(t,{mode:"multiple",value:l,onChange:s=>{p(s),r.success(`选中${s.length}个用户`)},placeholder:"请选择多个用户",maxTagCount:3})}),e.jsxs(i,{type:"secondary",className:"mt-2 block",children:["当前选中: ",l.length>0?l.join(", "):"未选择"]})]}),e.jsx(d,{title:"在 XinForm 中使用",bordered:!0,children:e.jsx(g,{formRef:x,columns:u,onFinish:async s=>(console.log("表单提交:",s),r.success("提交成功！"),r.info(`负责人ID: ${s.owner_id}, 参与人IDs: ${s.participant_ids?.join(", ")}`),!0),submitter:{submitText:"提交表单",render:s=>s.submit}})})]})]})};export{_ as default};