vxe-pc-ui/lib/radio/src/button.min.js

A vue based PC component library

"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../ui/src/utils"),_ui=require("../../ui");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeRadioButton",props:{modelValue:[String,Number,Boolean],label:{type:[String,Number,Boolean],default:null},title:[String,Number],content:[String,Number],disabled:{type:Boolean,default:null},strict:{type:Boolean,default:()=>(0,_ui.getConfig)().radioButton.strict},size:{type:String,default:()=>(0,_ui.getConfig)().radioButton.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","change"],setup(i,e){const{slots:r,emit:l}=e,u=(0,_vue.inject)("$xeForm",null),a=(0,_vue.inject)("xeFormItemInfo",null),o=(0,_vue.inject)("$xeRadioGroup",null);var t=_xeUtils.default.uniqueId(),n=(0,_vue.reactive)({});const d=(0,_ui.useSize)(i)["computeSize"],s={xID:t,props:i,context:e,reactData:n},c=(0,_vue.computed)(()=>{var e,t=i["disabled"];if(null===t&&o)return e=o.getComputeMaps()["computeIsDisabled"],e.value;return t}),p=(0,_vue.computed)(()=>o?o.name:null),v=(0,_vue.computed)(()=>(o?o.props:i).strict),m=(0,_vue.computed)(()=>{var e=i["label"];return o?o.props.modelValue===e:i.modelValue===e}),_={dispatchEvent(e,t,u){l(e,(0,_ui.createEvent)(u,{$radioButton:s},t))}};Object.assign(s,_,{});const f=(e,t)=>{o?o.handleChecked({label:e},t):(l("update:modelValue",e),_.dispatchEvent("change",{value:e,label:e},t),u&&a&&u.triggerItemEvent(t,a.itemConfig.field,e))},b=e=>{c.value||f(i.label,e)},g=e=>{var t=c.value,u=v.value;t||u||i.label===(o?o.props:i).modelValue&&f(null,e)};t=()=>{var e=i["label"],t=d.value,u=c.value,l=p.value,a=m.value;return(0,_vue.h)("label",{key:e,class:["vxe-radio vxe-radio--button",{["size--"+t]:t,"is--disabled":u}],title:i.title},[(0,_vue.h)("input",{class:"vxe-radio--input",type:"radio",name:l,checked:a,disabled:u,onChange:b,onClick:g}),(0,_vue.h)("span",{class:"vxe-radio--label"},r.default?r.default({}):(0,_utils.getFuncText)(i.content))])};return s.renderVN=t}});