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