"use strict";(self["webpackChunkscui"]=self["webpackChunkscui"]||[]).push([[9840],{17347:function(e,l,t){t.r(l),t.d(l,{default:function(){return m}});var o=t(66252),r=t(3577);const s=(0,o.Uk)("保存"),i=(0,o.Uk)("重置");function n(e,l,t,n,u,a){const d=(0,o.up)("el-alert"),c=(0,o.up)("sc-icon-select"),m=(0,o.up)("el-form-item"),f=(0,o.up)("el-button"),p=(0,o.up)("el-form"),b=(0,o.up)("el-card"),k=(0,o.up)("el-main");return(0,o.wg)(),(0,o.j4)(k,null,{default:(0,o.w5)((()=>[(0,o.Wm)(d,{title:"支持扩展的图标选择器,除了默认的图标组还可以在 @/config/iconSelect 中定义更多的图标组",type:"success",style:{"margin-bottom":"20px"}}),(0,o.Wm)(b,{shadow:"never"},{default:(0,o.w5)((()=>[(0,o.Wm)(p,{ref:"ruleForm",model:u.form,rules:u.rules,"label-width":"100px"},{default:(0,o.w5)((()=>[(0,o.Wm)(m,{label:"图标",prop:"icon"},{default:(0,o.w5)((()=>[(0,o.Wm)(c,{modelValue:u.form.icon,"onUpdate:modelValue":l[0]||(l[0]=e=>u.form.icon=e),disabled:u.disabled},null,8,["modelValue","disabled"])])),_:1}),(0,o.Wm)(m,null,{default:(0,o.w5)((()=>[(0,o.Wm)(f,{type:"primary",onClick:a.submitForm},{default:(0,o.w5)((()=>[s])),_:1},8,["onClick"]),(0,o.Wm)(f,{onClick:a.resetForm},{default:(0,o.w5)((()=>[i])),_:1},8,["onClick"]),(0,o.Wm)(f,{onClick:a.setdisabled},{default:(0,o.w5)((()=>[(0,o.Uk)((0,r.toDisplayString)(u.disabled?"移除禁用":"设为禁用"),1)])),_:1},8,["onClick"])])),_:1})])),_:1},8,["model","rules"])])),_:1})])),_:1})}var u=t(16056),a={name:"iconSelect",components:{scIconSelect:u.Z},data(){return{form:{icon:"el-icon-apple"},rules:{icon:[{required:!0,message:"请选择图标",trigger:"change"}]},disabled:!1}},methods:{submitForm(){this.$refs.ruleForm.validate((e=>{if(!e)return!1;alert("请看控制台输出"),console.log(this.form)}))},resetForm(){this.$refs.ruleForm.resetFields()},setdisabled(){this.disabled=!this.disabled}}},d=t(83744);const c=(0,d.Z)(a,[["render",n]]);var m=c}}]);