https://hkatg.com/assets/index-DpN2ihPI.js

1var e=Object.defineProperty,l=Object.defineProperties,a=Object.getOwnPropertyDescriptors,t=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable,i=(l,a,t)=>a in l?e(l,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):l[a]=t,s=(e,l)=>{for(var a in l||(l={}))o.call(l,a)&&i(e,a,l[a]);if(t)for(var a of t(l))r.call(l,a)&&i(e,a,l[a]);return e},p=(e,t)=>l(e,a(t)),n=(e,l,a)=>new Promise((t,o)=>{var r=e=>{try{s(a.next(e))}catch(l){o(l)}},i=e=>{try{s(a.throw(e))}catch(l){o(l)}},s=e=>e.done?t(e.value):Promise.resolve(e.value).then(r,i);s((a=a.apply(e,l)).next())});import{d,a as u,c as m,ab as c,P as b,ad as v,aX as y,e as h,f as j,h as f,p as g,B as x,u as k,J as _,m as w,z as C,k as P,l as Y}from"./index-CVkGQh3d.js";import{E as D}from"./el-dialog-BI3Tz3hB.js";import"./el-overlay-f2S4_Zxi.js";/* empty css                 */import{E as V}from"./el-card-Dw7ryb7H.js";import{_ as U}from"./index.vue_vue_type_script_setup_true_lang-AJeUuoLA.js";import{_ as F}from"./index.vue_vue_type_style_index_0_lang-yUKC2qY5.js";/* empty css                *//* empty css                 *//* empty css               *//* empty css              */import{E as O}from"./index-DnyrLL09.js";import{E}from"./index-VCMuJsQs.js";import{E as M}from"./index-LQMmmrH4.js";import{E as T}from"./index-BmBm6_po.js";import"./index-DRRFFUsq.js";import"./vnode-Dh8pfEra.js";import"./error-BGOpAgO_.js";import"./scroll-6k2erW2q.js";import"./index-8gltALdr.js";import"./aria-Dle50h-X.js";import"./index-CHTKxdWm.js";import"./refs-Cw5r5QN8.js";import"./index-Dw6bYRJd.js";import"./event-BwRzfsZt.js";import"./index-35vDNtzS.js";/* empty css                     */import"./el-row-C4ev_XNl.js";/* empty css                  */import"./el-col-DZ5HsZf_.js";import"./el-radio-DuJsEyS7.js";import"./use-form-common-props-DFna27oc.js";import"./index-DsrG05sn.js";import"./use-form-item-lPKVjOOc.js";import"./el-option-Dc6QsB5-.js";import"./index-BPUAY21W.js";import"./index-BMnWSE_r.js";import"./index-CqsG4Qva.js";import"./token-DWNpOE8r.js";import"./strings-CUxD0Hhv.js";import"./castArray-4TCv5HJB.js";import"./debounce-B7pfErK9.js";import"./toNumber-B14VbaSx.js";import"./_baseIteratee-B7WpL7Pe.js";import"./index-BK6Bzlti.js";import"./tree-select-BHbc7j5S.js";import"./index-BruxTjjb.js";import"./cloneDeep-B6oScrZs.js";import"./_baseClone-CxerjKsg.js";import"./_initCloneObject-BsL7GG0X.js";import"./index-CKm5l2vz.js";import"./index-nrEToDBm.js";import"./index-pwBSswS4.js";import"./isArrayLikeObject-BMOwRLfe.js";import"./clamp-ChVXUTjU.js";import"./index-uweZDmPU.js";import"./index-C5aUTk9A.js";import"./index-CiAzK0FX.js";import"./index-DiPyPsDS.js";import"./index-COE2n4Ta.js";import"./index-Cf-v3I2q.js";import"./validator-ncCEAaoX.js";import"./emojo-Ben6gd8J.js";import"./index-Z-fdi72j.js";const H={class:"pb-5"},I={class:"art-card p-5 !rounded-lg mt-5"},S={class:"mt-3.5"},L=["src"],N=d({__name:"index",emits:["update:modelValue","search","reset"],setup(e,{emit:l}){const a=l,t=u(),o=u(!1),r=u(""),i=u({name:void 0,phone:void 0,level:void 0,address:void 0,slots:void 0,date:void 0,daterange:void 0,cascader:void 0,checkboxgroup:void 0,userGender:void 0,iconSelector:void 0,status:void 0,systemName:void 0,fileUpload:[],imageUpload:[],multipleFiles:[],richTextContent:""}),d={name:[{required:!0,message:"请输入用户名",trigger:"blur"}]},N=u(100),R=u("right"),z=u(6),q=u(12),B=u([]),W=[{label:"普通用户",value:"normal"},{label:"VIP用户",value:"vip"},{label:"高级VIP",value:"svip"},{label:"企业用户",value:"enterprise",disabled:!0}],A=()=>n(null,null,function*(){B.value=yield new Promise(e=>{setTimeout(()=>{e(W)},500)}),B.value.length&&b.success("成功获取到数据")}),G={phone:{label:"手机号",key:"phone",type:"input",props:{placeholder:"请输入手机号",maxlength:"11"}},level:{label:"用户等级",key:"level",type:"select",props:{placeholder:"请选择等级",options:W}},address:{label:"地址",key:"address",type:"input",placeholder:"请输入地址"},date:{label:"日期",key:"date",type:"datetime",props:{style:{width:"100%"},placeholder:"请选择日期",type:"date",valueFormat:"YYYY-MM-DD",shortcuts:[{text:"今日",value:new Date},{text:"昨日",value:()=>new Date(Date.now()-864e5)},{text:"一周前",value:()=>new Date(Date.now()-6048e5)}]}},gender:{label:"性别",key:"userGender",type:"radiogroup",props:{options:[{label:"男",value:"1"},{label:"女",value:"2"}]}}},J=u({label:"用户名",key:"name",type:"input",props:{placeholder:"请输入用户名",clearable:!0}}),K=u(!0),Q=[{value:"guide",label:"指南",children:[{value:"disciplines",label:"规范",children:[{value:"consistency",label:"一致性"},{value:"feedback",label:"反馈"},{value:"efficiency",label:"效率"},{value:"controllability",label:"可控性"}]}]},{value:"components",label:"组件",children:[{value:"basic",label:"基础组件",children:[{value:"button",label:"按钮"},{value:"form",label:"表单"},{value:"table",label:"表格"}]}]}],X=[{value:"1",label:"一级 1",children:[{value:"1-1",label:"二级 1-1",children:[{value:"1-1-1",label:"三级 1-1-1"}]}]},{value:"2",label:"一级 2",children:[{value:"2-1",label:"二级 2-1",children:[{value:"2-1-1",label:"三级 2-1-1"}]},{value:"2-2",label:"二级 2-2",children:[{value:"2-2-1",label:"三级 2-2-1"}]}]}],$=[{label:"选项1",value:"option1"},{label:"选项2",value:"option2"},{label:"选项3",value:"option3"},{label:"选项4",value:"option4"},{label:"选项5（disabled）",value:"option5",disabled:!0}],Z=m(()=>[...K.value?[J.value]:[],s({},G.phone),p(s({},G.level),{props:{placeholder:"请选择等级",options:B.value}}

1),G.address,G.date,{label:"日期时间",key:"datetime",type:"datetime",props:{style:{width:"100%"},placeholder:"请选择日期时间",type:"datetime",valueFormat:"YYYY-MM-DD HH:mm:ss"}},{label:"日期范围",key:"daterange",type:"datetime",props:{type:"daterange",valueFormat:"YYYY-MM-DD",rangeSeparator:"至",startPlaceholder:"开始日期",endPlaceholder:"结束日期"}},{label:"日期时间范围",key:"datetimerange",type:"datetime",props:{type:"datetimerange",valueFormat:"YYYY-MM-DD HH:mm:ss",rangeSeparator:"至",startPlaceholder:"开始日期时间",endPlaceholder:"结束日期时间"}},{label:"时间选择",key:"timeselect",type:"timeselect",props:{placeholder:"请选择时间",type:"time",valueFormat:"HH:mm:ss"}},{label:"时间选择器",key:"timepicker",type:"timepicker",props:{style:{width:"100%"},placeholder:"请选择时间",type:"time",valueFormat:"HH:mm:ss"}},{label:"级联选择",key:"cascader",type:"cascader",props:{placeholder:"请选择级联选择器",clearable:!0,style:{width:"100%"},collapseTags:!0,maxCollapseTags:1,props:{multiple:!0},options:Q}},{label:"树型选择器",key:"treeSelect",type:"treeselect",props:{showCheckbox:!0,multiple:!0,clearable:!0,data:X}},{label:"插槽",key:"slots",type:"input",placeholder:"请输入邮箱"},{label:"渲染组件",key:"iconSelector",render:()=>c(O,{placeholder:"渲染自定义 input"})},{label:"自定义组件",key:"customComponent",render:()=>c("div",{style:"color: var(--art-gray-600); border: 1px solid var(--default-border-dashed); padding: 0px 15px; border-radius: 6px"},"我是一个自定义组件")},{label:"复选框",key:"checkboxgroup",type:"checkboxgroup",span:12,props:{options:$}},s({}

1,G.gender),{label:"是否启用",key:"isEnabled",type:"switch",props:{placeholder:"请选择是否启用"}},{label:"年龄",key:"age",type:"number",slots:{suffix:()=>c("span",{style:"color: #909399; font-size: 12px"},"岁")}},{label:"网站地址",key:"website",type:"input",placeholder:"请输入网站名称",slots:{prepend:()=>c("span","https://"),append:()=>c("span",".com")}},{label:"事件演示",key:"event",type:"input",props:{placeholder:"输入内容触发事件，控制台查看",clearable:!0,prefixIcon:"Search",onInput(e){},onClear(){}}},{label:"多行输入",key:"remark",type:"input",props:{placeholder:"请输入备注",type:"textarea",rows:2}},{label:"评分",key:"rate",type:"rate",props:{size:"large",placeholder:"请选择评分"}},{label:"禁用",key:"diaabled",type:"input",placeholder:"我被禁用了",disabled:!0},{label:"滑块",key:"slider",type:"slider"},{label:"隐藏",key:"email",type:"input",hidden:!0},{label:"根据条件隐藏",key:"systemName",type:"input",hidden:"mac"===i.value.systemName,placeholder:"输入 mac 组件隐藏"},{label:"栅格布局",key:"sg1",type:"input",span:12,placeholder:"示例：栅格 span=12 占容器一半宽度，span=24 占满容器"},{label:"文件上传",key:"multipleFiles",span:12,render:()=>c(M,{multiple:!0,limit:5,action:"#",autoUpload:!1,showFileList:!0,beforeUpload:e=>!0,onChange:(e,l)=>{i.value.multipleFiles=l},onRemove:(e,l)=>{i.value.multipleFiles=l},onExceed:(e,l)=>{b.warning(`最多只能上传 5 个文件，当前选择了 ${e.length+l.length} 个文件`)}},{default:()=>[c(E,{type:"primary"},()=>"点击上传")]})},{label:"图片上传",key:"imageUpload",span:12,render:()=>c(M,{accept:".jpg,.jpeg,.png,.gif,.webp",limit:4,action:"#",autoUpload:!1,showFileList:!0,listType:"picture-card",beforeUpload:e=>{const l=e.type.startsWith("image/"),a=e.size/1024/1024<2;return l?!!a||(b.error("图片大小不能超过 2MB!"),!1):(b.error("只能上传图片文件!"),!1)},onChange:(e,l)=>{i.value.imageUpload=l},onRemove:(e,l)=>{i.value.imageUpload=l},onPreview:e=>{r.value=e.url||"",o.value=!0}},{default:()=>[c(v,{type:"primary"},()=>c(y))]})},{label:"富文本编辑器",key:"richTextContent",span:24,render:()=>c(F,{modelValue:i.value.richTextContent,height:"500px",placeholder:"请输入富文本内容...","onUpdate:modelValue":e=>{i.value.richTextContent=e},toolbarKeys:["headerSelect","bold","italic","underline","|","bulletedList","numberedList","|","insertLink","insertImage","|","undo","redo"]})}]),ee=()=>{a("reset")},le=()=>n(null,null,function*(){yield t.value.validate(),a("search",i.value)}),ae=()=>t.value.validate(),te=()=>t.value.reset(),oe=()=>{J.value=p(s({},J.value),{label:"昵称",props:{placeholder:"请输入昵称"}})},re=()=>{K.value=!1,i.value.name=void 0};return(e,l)=>{const a=U,s=V,p=T,n=D;return j(),h("div",H,[l[20]||(l[20]=f("h2",{class:"mb-1 text-lg font-medium"},"表单组件示例",-1)),g(s,{shadow:"never",class:"art-card-xs"},{default:x(()=>[g(a,{ref_key:"formRef",ref:t,modelValue:k(i),"onUpdate:modelValue":l[1]||(l[1]=e=>_(i)?i.value=e:null),items:k(Z),rules:d,defaultExpanded:!0,labelWidth:k(N),labelPosition:k(R),span:k(z),gutter:k(q),onReset:ee,onSubmit:le},{slots:x(()=>[g(k(O),{modelValue:k(i).slots,"onUpdate:modelValue":l[0]||(l[0]=e=>k(i).slots=e),placeholder:"我是插槽渲染出来的组件"},null,8,["modelValue"])]),_:1},8,["modelValue","items","labelWidth","labelPosition","span","gutter"])]),_:1}),f("div",I,[f("pre",null,[f("code",null,w(k(i)),1)])]),f("div",S,[g(p,{wrap:""},{default:x(()=>[g(k(E),{onClick:A},{default:x(()=>[...l[9]||(l[9]=[Y(" 获取用户等级数据 ",-1)])]),_:1}),g(k(E),{onClick:ae},{default:x(()=>[...l[10]||(l[10]=[Y(" 校验表单 ",-1)])]),_:1}),g(k(E),{onClick:te},{default:x(()=>[...l[11]||(l[11]=[Y(" 重置 ",-1)])]),_:1}),k(K)?(j(),C(k(E),{key:0,onClick:oe},{default:x(()=>[...l[12]||(l[12]=[Y(" 修改用户名 ",-1)])]),_:1})):P("",!0),k(K)?(j(),C(k(E),{key:1,onClick:re},{default:x(()=>[...l[13]||(l[13]=[Y(" 删除用户名 ",-1)])]),_:1})):P("",!0),g(k(E),{onClick:l[2]||(l[2]=e=>N.value=120)},{default:x(()=>[...l[14]||(l[14]=[Y(" 修改 label 宽度 ",-1)])]),_:1}),g(k(E),{onClick:l[3]||(l[3]=e=>z.value=8)},{default:x(()=>[...l[15]||(l[15]=[Y(" 设置一行显示的组件数 ",-1)])]),_:1}),g(k(E),{onClick:l[4]||(l[4]=e=>q.value=50)},{default:x(()=>[...l[16]||(l[16]=[Y(" 修改 gutter ",-1)])]),_:1}),g(k(E),{onClick:l[5]||(l[5]=e=>R.value="left")},{default:x(()=>[...l[17]||(l[17]=[Y(" label 左对齐 ",-1)])]),_:1}),g(k(E),{onClick:l[6]||(l[6]=e=>R.value="right")},{default:x(()=>[...l[18]||(l[18]=[Y(" label 右对齐 ",-1)])]),_:1}),g(k(E),{onClick:l[7]||(l[7]=e=>R.value="top")},{default:x(()=>[...l[19]||(l[19]=[Y(" label 顶部对齐 ",-1)])]),_:1})]),_:1})]),g(n,{modelValue:k(o),"onUpdate:modelValue":l[8]||(l[8]=e=>_(o)?o.value=e:null)},{default:x(()=>[f("img",{"w-full":"",src:k(r),alt:"Preview Image",class:"w-full h-auto"},null,8,L)]),_:1},8,["modelValue"])])}}});

1export{N as default};