@farris/ui-vue
Version:
Farris Vue, a Farris Design based Vue3 component library.
2 lines (1 loc) • 2.73 kB
JavaScript
(function(t,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("../common/index.umd.js"),require("vue")):typeof define=="function"&&define.amd?define(["exports","../common/index.umd.js","vue"],l):(t=typeof globalThis<"u"?globalThis:t||self,l(t.checkbox={},t.common,t.Vue))})(this,function(t,l,e){"use strict";const i={id:{Type:String,default:""},customClass:{Type:String,default:""},disabled:{Type:Boolean,default:!1},readonly:{type:Boolean,default:!1},indeterminate:{Type:Boolean,default:!1},modelValue:{Type:Boolean,default:!1},focusOnCreated:{type:Boolean,default:!1},value:{type:String,default:""},name:{type:String,default:""},checked:{type:Boolean,default:!1},label:{type:String,default:""},trueValue:{type:[String,Number,Boolean],default:!0},falseValue:{type:[String,Number,Boolean],default:!1}},y=e.defineComponent({name:"FCheckboxButton",props:i,emits:["change","changeValue","update:modelValue","update:checked","click"],setup(a,s){const n=e.inject(l.CHECKBOX_CONTEXT,null),{buttonClass:u}=l.useCheck(a,s,n==null?void 0:n.parentProps,n==null?void 0:n.parentContext),r=d=>{d.stopPropagation(),s.emit("click",d)};return()=>{var d,c;return e.createVNode("div",{class:u.value,style:"border-radius:0;border: 1px solid #E8EBF2;",onClick:r},[(c=(d=s.slots).default)==null?void 0:c.call(d)])}}}),f=e.defineComponent({name:"FCheckbox",props:i,emits:["change","changeValue","update:modelValue","update:checked"],setup(a,s){const n=e.ref(),u=e.inject(l.CHECKBOX_CONTEXT,null),{checked:r,disabled:d,indeterminate:c,name:V,onClickCheckBox:p,shouldRenderButton:T,shouldRenderNative:N}=l.useCheck(a,s,u==null?void 0:u.parentProps,u==null?void 0:u.parentContext),S=e.ref(a.id),B=e.computed(()=>({display:"inline-block"})),m=e.ref(a.label);function b(){var o;a.focusOnCreated&&((o=n.value)==null||o.focus({preventScroll:!0}))}const F=e.computed(()=>{const o={"custom-control":!0,"custom-checkbox":!0};return l.getCustomClass(o,a.customClass)});function O(o){p(o),b()}return e.onMounted(()=>{b()}),()=>{var o,C;return e.createVNode(e.Fragment,null,[T.value&&e.createVNode(y,e.mergeProps(a,{onClick:p}),{default:()=>{var h,k;return[(k=(h=s.slots).default)==null?void 0:k.call(h)]}}),N.value&&e.createVNode("div",{class:F.value,onClick:O,style:B.value},[e.createVNode("input",{ref:n,id:S,title:"checkbox-input",type:"checkbox",class:"custom-control-input",checked:r.value,disabled:d.value,indeterminate:c.value,name:V.value,value:a.value},null),e.createVNode("div",{class:"custom-control-label"},[m.value?m.value:(C=(o=s.slots).default)==null?void 0:C.call(o)])])])}}}),g=l.withInstall(f);t.FCheckbox=f,t.checkboxProps=i,t.default=g,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});